Prévisualisation dans la mauvaise police
2 participants
Page 1 sur 1 • Partagez
Prévisualisation dans la mauvaise police
Détails techniques
Version du forum : phpBB2Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome, Autre
Capture d'écran du problème :
- Voir l'image:
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Depuis la modification des titres des catégories
Lien du forum : https://spirited-soccer.forumsrpg.com/
Description du problème
Bonjour !Tout est dans le titre. A la place des polices du forum, ce sont les polices standards qui sont affichés à la prévisualisation. J'ai essayé d'installer les liens de police un peu partout... En vain.
Voile le template viwtopic_body
- Code:
<script type="text/javascript">
//<![CDATA[
var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}', _atr = '{JS_DIR}addthis/', _ati = '{PATH_IMG_FA}addthis/'{ADDTHIS_LANG}, addthis_localize = { share_caption: "{L_SHARE_CAPTION}", email: "{L_EMAIL}", email_caption: "{L_EMAIL_CAPTION}", favorites: "{L_SHARE_BOOKMARKS}", print: "{L_PRINT}", more: "{L_MORE}" };
$(function(){
if(typeof(_atc) == "undefined") {
_atc = { };
}
_atc.cwait = 0;
$('.addthis_button').mouseup(function(){
if ($('#at15s').css('display') == 'block') {
addthis_close();
}
});
});
var hiddenMsgLabel = { visible:'{JS_HIDE_HIDDEN_MESSAGE}', hidden:'{JS_SHOW_HIDDEN_MESSAGE}' };
showHiddenMessage = function(id)
{
try
{
var regId = parseInt(id, 10);
if( isNaN(regId) ) { regId = 0; }
if( regId > 0)
{
$('.post--' + id).toggle(0, function()
{
if( $(this).is(":visible") )
{
$('#hidden-title--' + id).html(hiddenMsgLabel.visible);
}
else
{
$('#hidden-title--' + id).html(hiddenMsgLabel.hidden);
}
});
}
}
catch(e) { }
return false;
};
//]]>
</script>
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0" >
<tr align="right">
<td class="catHead" colspan="3" height="28">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center" class="t-title">
<h1 class="cattitle">{TOPIC_TITLE}</h1>
</td>
</tr>
</table>
</td>
</tr>
<!-- BEGIN topicpagination -->
<tr>
<td class="row1 pagination" colspan="2" align="right" valign="top"><span class="gensmall">{PAGINATION}</span></td>
</tr>
<!-- END topicpagination -->
{POLL_DISPLAY}
<!-- BEGIN postrow -->
<!-- BEGIN hidden -->
<tr>
<td class="postdetails {postrow.hidden.ROW_CLASS}" colspan="3" align="center">{postrow.hidden.MESSAGE}</td>
</tr>
<!-- END hidden -->
<!-- BEGIN displayed -->
<tr class="post post--{postrow.displayed.U_POST_ID}" id="p{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}">
<td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="100%" height="28" colspan="2">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><span class="postdetails"><img src="{postrow.displayed.MINI_POST_IMG}" alt="{postrow.displayed.L_MINI_POST_ALT}" title="{postrow.displayed.L_MINI_POST_ALT}" border="0" />{L_POST_SUBJECT}: {postrow.displayed.POST_SUBJECT} <img src="{postrow.displayed.MINI_TIME_IMG}" alt="" border="0" />{postrow.displayed.POST_DATE}</span></td>
<td valign="top" nowrap="nowrap" class="post-options">
{postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG}
</td>
</tr>
<tr>
<td colspan="2" class="hr">
<hr />
</td>
</tr>
<tr>
<td colspan="2">
<!-- BEGIN switch_vote_active -->
<div class="vote gensmall">
<!-- BEGIN switch_vote -->
<div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>
<!-- END switch_vote -->
<!-- BEGIN switch_bar -->
<div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">
<!-- BEGIN switch_vote_plus -->
<div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>
<!-- END switch_vote_plus -->
<!-- BEGIN switch_vote_minus -->
<div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>
<!-- END switch_vote_minus -->
</div>
<!-- END switch_bar -->
<!-- BEGIN switch_no_bar -->
<div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div>
<!-- END switch_no_bar -->
<!-- BEGIN switch_vote -->
<div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div>
<!-- END switch_vote -->
</div>
<!-- END switch_vote_active -->
<div class="postbody">
<div>{postrow.displayed.MESSAGE}</div>
<!-- BEGIN switch_attachments -->
<dl class="attachbox">
<dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt>
<dd>
<!-- BEGIN switch_post_attachments -->
<dl class="file">
<dt>
<img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" alt="" />
<!-- BEGIN switch_dl_att -->
<a class="postlink" href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a> {postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL}
<!-- END switch_dl_att -->
<!-- BEGIN switch_no_dl_att -->
{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT} {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL}
<!-- END switch_no_dl_att -->
</dt>
<!-- BEGIN switch_no_comment -->
<dd>
<em>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</em>
</dd>
<!-- END switch_no_comment -->
<!-- BEGIN switch_no_dl_att -->
<dd>
<em><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></em>
</dd>
<!-- END switch_no_dl_att -->
<dd>({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</dd>
</dl>
<!-- END switch_post_attachments -->
</dd>
</dl>
<!-- END switch_attachments -->
<div class="clear"></div>
<!-- BEGIN switch_signature -->
<div class="signature_div">
{postrow.displayed.SIGNATURE}
</div>
<!-- END switch_signature -->
</div>
</td>
</tr>
</table>
</td>
<td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top">
<div class="avaP">{postrow.displayed.POSTER_AVATAR}<div><div>{postrow.displayed.POSTER_RPG}</div></div></div>
<div class="imgrankP">{postrow.displayed.RANK_IMAGE}<div class="onS">{postrow.displayed.ONLINE_IMG}</div></div>
<div class="triNLP"></div><div class="triNRP"></div>
<div class="rimgdP"><div class="nameP" style="padding:5px;"><strong>{postrow.displayed.POSTER_NAME}</strong></div><div class="rankP">{postrow.displayed.POSTER_RANK}</div><div class="ktactP">{postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field --></div>
<div class="dtailS"><!-- BEGIN profile_field -->{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
<!-- END profile_field --></div></div>
<div class="triP"></div>
</td>
</tr>
<tr class="post--{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}">
<td class="{postrow.displayed.ROW_CLASS} messaging gensmall"{postrow.displayed.THANK_BGCOLOR} width="100%" height="28" colspan="2">
</td>
<td class="{postrow.displayed.ROW_CLASS} browse-arrows"{postrow.displayed.THANK_BGCOLOR} align="center" valign="middle" width="150">
<a href="#top">{L_BACK_TO_TOP}</a> <a href="#bottom">{L_GOTO_DOWN}</a>
</td>
</tr>
<!-- BEGIN first_post_br -->
</table>
<hr />
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr>
<th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
<th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
</tr>
<!-- END first_post_br -->
<!-- END displayed -->
<!-- END postrow -->
<!-- BEGIN no_post -->
<tr align="center">
<td class="row1" colspan="3" height="28">
<span class="genmed">{no_post.L_NO_POST}</span>
</td>
</tr>
<!-- END no_post -->
<tr align="right">
<td class="catBottom" colspan="3" height="28">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="9%" class="noprint"> </td>
<td align="center"><a name="bottomtitle" style="color: #DFB829;"></a><h1>{TOPIC_TITLE}</h1></td>
<td align="right" nowrap="nowrap" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#top">{L_BACK_TO_TOP}</a> </td>
</tr>
</table>
</td>
</tr>
</table>
<table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 0 0 1px 0; border-top: 0px;">
<tr>
<td class="row2" valign="top" {COLSPAN_PAGINATION} width="150"><span class="gensmall">{PAGE_NUMBER}</span></td>
<!-- BEGIN topicpagination -->
<td class="row1" align="right" valign="top" ><span class="gensmall">{PAGINATION}</span></td>
<!-- END topicpagination -->
</tr>
<!-- BEGIN switch_user_logged_in -->
<!-- BEGIN watchtopic -->
<tr>
<td class="row2" colspan="2" align="right" valign="top"><span class="gensmall">{S_WATCH_TOPIC}</span></td>
</tr>
<!-- END watchtopic -->
<!-- END switch_user_logged_in -->
</table>
<!-- BEGIN promot_trafic -->
<table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_close" style="display:none;margin: 1px 0px 1px 0px">
<tr>
<td class="catBottom" height="28">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="top"><div class="cattitle"> {PROMOT_TRAFIC_TITLE}</div></td>
<td align="right" valign="middle" width="10"><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td>
</tr>
</table>
</td>
</tr>
</table>
<table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_open" style="display:'';margin: 1px 0px 1px 0px">
<tr>
<td class="catBottom" height="28">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="top"><div class="cattitle"> {PROMOT_TRAFIC_TITLE}</div></td>
<td align="right" valign="middle" width="10"><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>
</tr>
</table>
</td>
</tr>
<tr>
<td class="row2 postbody" valign="top">
<!-- BEGIN link -->
» <a style="text-decoration:none" href="{promot_trafic.link.U_HREF}" target="_blank" title="{promot_trafic.link.TITLE}" rel="nofollow">{promot_trafic.link.TITLE}</a><br />
<!-- END link -->
</td>
</tr>
</table>
<!-- END promot_trafic -->
<!-- BEGIN switch_forum_rules -->
<table id="forum_rules" class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 1px 0px 1px 0px">
<tbody>
<tr>
<td class="catBottom">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td valign="top">
<div class="cattitle"> {L_FORUM_RULES}</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td class="row1 clearfix">
<table>
<tr>
<!-- BEGIN switch_forum_rule_image -->
<td class="logo">
<img src="{RULE_IMG_URL}" alt="" />
</td>
<!-- END switch_forum_rule_image -->
<td class="rules postbody">
{RULE_MSG}
</td>
</tr>
</table>
</td>
</tr>
</tbody>
</table>
<!-- END switch_forum_rules -->
<table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="row2" colspan="2" align="center" style="padding:0px">
<!-- BEGIN switch_user_logged_in -->
<a name="quickreply"></a>
{QUICK_REPLY_FORM}<br />
<!-- END switch_user_logged_in -->
</td>
</tr>
<tr>
<td style="margin:0; padding: 0;" colspan="2">
<table border="0" cellpadding="0" width="100%" cellspacing="0" id="info_open" style="display:''">
<tbody>
<!-- BEGIN show_permissions -->
<tr>
<td class="row2" valign="top" width="25%"><span class="gensmall">{L_TABS_PERMISSIONS}</span></td>
<td class="row1" valign="top" width="75%"><span class="gensmall">{S_AUTH_LIST}</span></td>
</tr>
<!-- END show_permissions -->
<tr>
<td class="catBottom" colspan="2" height="28">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
<!-- BEGIN show_permissions -->
<td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>
<!-- END show_permissions -->
</tr>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td style="margin:0; padding: 0;" colspan="2">
<table border="0" cellpadding="0" cellspacing="0" width="100%" id="info_close" style="display:none;">
<tbody>
<tr>
<td class="catBottom" colspan="2" height="28">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
<td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td>
</tr>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</table>
<form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}">
<table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
<tr>
<td align="left" valign="middle" nowrap="nowrap" {WIDTH_GALLERY}>
<span class="nav">
<!-- BEGIN switch_user_authpost -->
<a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}Newtopic" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a>
<!-- END switch_user_authpost -->
<!-- BEGIN switch_user_authreply -->
<a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
<!-- END switch_user_authreply -->
</span>
</td>
<td align="right" nowrap="nowrap"><span class="gensmall">{L_JUMP_TO}: {S_JUMPBOX_SELECT} <input class="liteoption" type="submit" value="{L_GO}" /></span></td>
<!-- BEGIN moderation_panel -->
<td align="center">
<span class="gensmall">{moderation_panel.U_YOUR_PERSONAL_MODERATE}</span>
</td>
<td align="center" width="250">
<span class="gensmall"> </span>
</td>
<!-- END moderation_panel -->
</tr>
</table>
</form>
<!-- BEGIN viewtopic_bottom -->
<table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
<tr>
<td colspan="2" align="left" valign="top" nowrap="nowrap"><br />{S_TOPIC_ADMIN}<br />
<form name="action" method="get" action="{S_FORM_MOD_ACTION}">
<input type="hidden" name="t" value="{TOPIC_ID}" />
<!-- <input type="hidden" name="sid" value="{S_SID}" /> -->
<input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" />
<span class="gen">{L_MOD_TOOLS}<br />{S_SELECT_MOD} <input class="liteoption" type="submit" value="{L_GO}" /></span>
</form>
</td>
</tr>
</table>
<!-- END viewtopic_bottom -->
<!-- BEGIN switch_image_resize -->
<script type="text/javascript">
//<![CDATA[
$(resize_images({ 'selector' : '.postbody', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
//]]>
</script>
<!-- END switch_image_resize -->
<script src="{JS_DIR}addthis/addthis_widget.js" type="text/javascript"></script>
<link href="https://fonts.googleapis.com/css?family=Alegreya|Euphoria+Script|Roboto+Condensed:wght@200|Roboto|Gafata&display=swap" rel="stylesheet">
Re: Prévisualisation dans la mauvaise police
Le CSS du forum.
Merci d'avance !
- Code:
/*HEADER AND SIDE STUFF*/
::-webkit-scrollbar {width:10px; background:none; margin-right:5px;}
::-webkit-scrollbar-thumb {background:rgba(141, 164, 205, 1); height:30px; border-radius:30px;}
::-webkit-scrollbar-corner {background:none;}
.headerstyle
{
z-index: 10;
position: relative;
width: screen.width;
margin-top: 47%;
}
.wavebg
{
background-color: #5555;
}
/* GENERAL ET CORPS DE PAGE */
body
{
background: url('https://i.ibb.co/8N00qQY/Qingkai-Yang-full-3295053-1.jpg') no-repeat;
background-size: cover;
background-attachment: fixed;
/* le motif est en transparence il suffit de changer la couleur de fond */
margin: 0;
padding: 0;
letter-spacing: 1px;
}
a:link, a:hover
{
text-decoration: none !important;
}
.bodylinewidth
{
position: relative;
z-index: 10;
width: 900px !important;
margin-right: auto;
margin-left: auto;
background: #E1EAF8 !important; /* couleur de fond du corps */
box-shadow: 0px 0px 10px #39322c;
}
.bodyline
{
padding: 0;
margin: 0;
}
#page-body
{
width: 98%;
margin: auto;
}
#navigation
{
text-align: right;
margin: 0 10px -10px 0;
}
#navigation img
{
opacity: 0.3;
transition: 500ms;
-webkit-transition: 500ms;
-o-transition: 500ms;
-moz-transition: 500ms;
}
#navigation img:hover
{
opacity: 0.7;
transition: 500ms;
-webkit-transition: 500ms;
-o-transition: 500ms;
-moz-transition: 500ms;
}
#search_menu
{
left: 50% !important;
text-align: center;
}
#i_logo
{
margin-top: 0px !important;
}
table
{
width: 100%;
}
.forumline
{
width: 100%;
background: #F5E9F1;
}
table.three-col
{
max-width: 880px !important;
}
/* DECO DES COTES */
#img_topleft
{
position: fixed;
z-index: 2;
top: 5%;
left: 50%;
margin-left: -700px;
width: 350px;
height: 350px;
background: url('https://i.ibb.co/zmMT82W/imagecagecote.png');
border-radius: 300px;
border: 10px solid #8DA4CD;
box-shadow: 0px 0px 10px #39322c;
}
#img_bottomright
{
position: fixed;
z-index: 2;
bottom: 5%;
left: 50%;
margin-left: 330px;
width: 350px;
height: 350px;
background: url(https://i.ibb.co/3WzHQW3/endoumamoru.png);
border-radius: 300px;
border: 10px solid #8DA4CD;
box-shadow: 0px 0px 10px #39322c;
}
#ligne_left1, #ligne_left2, #ligne_left3, #ligne_left4, #ligne_left5, #ligne_left6
{
position: fixed;
height: 100%;
top: 10%;
width: 10px;
left: 50%;
}
#ligne_right1, #ligne_right2, #ligne_right3, #ligne_right4, #ligne_right5, #ligne_right6
{
position: fixed;
height: 100%;
bottom: 10%;
width: 10px;
left: 50%;
}
#ligne_left1
{
margin-left: -560px;
background: #8DA4CD;
}
#ligne_left2
{
margin-left: -550px;
background: #41BBD9;
}
#ligne_left3
{
margin-left: -540px;
background: #C13342;
}
#ligne_left4
{
margin-left: -530px;
background: #2B313F;
}
#ligne_left5
{
margin-left: -520px;
background: #DFB829;
}
#ligne_left6
{
margin-left: -510px;
background: #8DA4CD;
}
#ligne_right1
{
margin-left: 500px;
background: #8DA4CD;
}
#ligne_right2
{
margin-left: 510px;
background: #DFB829;
}
#ligne_right3
{
margin-left: 520px;
background: #2B313F;
}
#ligne_right4
{
margin-left: 530px;
background: #C13342;
}
#ligne_right5
{
margin-left: 540px;
background: #41BBD9;
}
#ligne_right6
{
margin-left: 550px;
background: #8DA4CD;
}
/************************************************** DÉBUT DES CATÉGORIES **************************************************/
/*Bloc des titres des catégories*/
.cate_title {
width: 800px;
height: 75px;
padding-top: 10px;
margin: auto;
text-align: center;
background-image: url('https://2img.net/r/hpimg15/pics/520024nuage.png');
background-repeat: no-repeat;
background-position: top center;
margin-bottom: -10px;
}
/*Titres des catégories*/
.cate_title h2 {
display: block;
padding-top: 15px;
height: 60px;
margin: 0px;
font-family: "Euphoria Script", cursive;
text-shadow: 1px 1px 3px #E198BA;
font-size: 55px;
letter-spacing: 1px;
color: #DFB829;
}
.cate_title h2 img {
margin-top: -25px;
margin-left: 20px;
}
.cate_title h2 span {
display: none;
}
a.nav img {
display: none;
}
/*Bloc des catégories*/
.cate_bloc {
background-color: #ffffff;
width: 800px;
margin: auto;
margin-bottom: 10px;
border-radius: 10px;
padding-top: 50px;
padding-bottom: 1px;
font-family: "Gafata", sans-serif;
font-size: 12px;
letter-spacing: 1px;
color: #544b51;
}
/*Bloc des forums*/
.cate_forum {
height: 100px;
width: 800px;
margin-bottom: 20px;
margin-right: -100px;
position: relative;
}
/*Image Old New Lock*/
.old_new_lock {
float: right;
height: 108px;
width: 120px;
margin-right: -110px;
margin-top: -10px;
}
/*Bloc gris du mileu*/
.cate_forum_middle {
position: absolute;
float: left;
margin-top: 10px;
margin-left: 150px;
width: 420px;
height: 53px;
padding: 10px;
padding-top: 17px;
background-color: #E1EAF8;
border-radius: 10px;
}
/*Titres des forums*/
.forumlink {
position: absolute;
top: -20px;
z-index: 2;
height: 28px;
font-size: 28px;
font-family: 'Alegreya', serif;
color: #2B313F!important;
font-weight: normal;
}
/*Titres survolés des forums*/
.forumlink:hover {
color: #C13342!important;
text-decoration: none!important;
}
/*Désactiver les images des titres*/
.forumlink img {
display: none;
}
/*Description des forums*/
.forum_desc {
height: 53px;
overflow-y: auto;
padding-right: 5px;
text-align: justify;
}
.forum_desc > img {
margin-left: -200px;
margin-top: -20px;
position: absolute;
}
/*Bloc gris des statistiques et du dernier message*/
.cate_forum_last {
position: absolute;
float: left;
margin-top: 10px;
margin-left: 610px;
width: 160px;
height: 70px;
padding: 5px;
background-color: #F5E9F1;
border-radius: 10px;
text-align: center;
}
/*Statistiques*/
.forum_last_stats {
margin-left: 3px;
margin-right: 3px;
margin-bottom: 10px;
padding-bottom: 3px;
font-size: 9px;
border-bottom: 1px dashed #c13342;
}
/*Police du dernier message*/
.forum_last_mess, .forum_last_mess a.gensmall {
font-size: 11px;
font-family: "Gafata", sans-serif;
}
/*Couleur des liens du dernier message*/
.forum_last_mess a {
color: #DFB829;
}
.move_elements {
padding-right: -200px;
}
/*Les barres de défilement dans les catégories*/
.forum_desc::-webkit-scrollbar {height:12px; width:5px; background:none; margin-right:5px;}
.forum_desc::-webkit-scrollbar-thumb {background:rgba(141, 164, 205, 1); height:30px; border-radius:30px;}
.forum_desc::-webkit-scrollbar-corner {background:none;}
/************************************************** FIN DES CATÉGORIES **************************************************/
/* MISE EN FORME DES LISTES DE SUJETS */
/* MISE EN FORME DES LISTES DE SUJETS */
.bloc_sujets
{
width: 870px;
margin: auto;
background: #F5E9F1;
border: 1px solid #DFB829;
box-shadow: 0px 0px 3px #868686;
-o-box-shadow: 0px 0px 3px #868686;
-moz-box-shadow: 0px 0px 3px #868686;
-webkit-box-shadow: 0px 0px 3px #868686;
-htm-box-shadow: 0px 0px 3px #868686;
padding: 5px;
}
.sujets
{
background: #FFF;
border: 1px dotted #41BBD9;
padding: 3px;
}
.topictitle
{
font-variant: small-caps;
font-size: 12px;
}
.sujets_auteur
{
display: block;
width: 200px;
font-size: 11px;
}
.sujet_last
{
border-left: 3px solid #41BBD9;
border-right: 3px solid #41BBD9;
display: block;
width: 180px;
height: 40px;
background: #E1EAF8;
padding-top: 10px;
font-size: 11px;
}
.sujets_stats
{
width: 900px;
text-align: right;
margin-bottom: 5px;
margin-left: -5%;
}
.sujets_stats_contenu
{
font-size: 10px;
color: #2B313F;
}
/* PRESENTATION DU SUJET */
/*HAUT DE PAGE */
.sep_nav {
background-image: "https://i.ibb.co/LYwFr48/oldpetiteetoile.png";
height: 10px;
width: 10px;
display: inline-block;
}
.t-title
{
height: 200px;
width: 900px;
text-align: center;
border: none !important;
background-image: linear-gradient(180deg, #E1EAF8, #F5E9F1);
}
.cattitle {
font-size: 60px;
font-family: 'Euphoria Script', cursive;
}
.th thHead {
font-family: 'Alegreya', sans-serif;
}
/* APPARENCE MESSAGES */
.previw h1 {
font-family: 'Alegreya', cursive;
}
.previw {
font-family: 'Gafata', cursive;
}
div.postbody {
background: #fff; border:1px dotted #C13342; /* MODIFIABLE */
padding:10px; min-height:260px;
text-align:justify; color:#000;
font-size: 14px; !important
}
/* AVATAR */
.avaP {
height:320px; width:200px;
border:5px solid;
border-color: #2B313F;
transition:transform 0.65s linear; -webkit-transition:transform 0.65s linear;
-o-transition:transform 0.65s linear; -moz-transition:transform 0.65s linear;
}
.avaP img {
height:320px; width:200px;
}
/* INFORMATIONS RP */
.avaP div{
position:absolute; z-index:2; margin-top:-320px;
width:200px; height:320px; overflow:hidden;
}
/* FOND INFORMATIONS RP */
.avaP div div{
width:190px; height:310px; padding:5px; overflow:auto;
font-size:11px; color: #fff; background-color:rgba(250,250,250,0.5); /* MODIFIABLE */
transform:translateY(-640px); -webkit-transform:translateY(-640px);
-moz-transform:translateY(-640px); -o-transform:translateY(-640px);
transition:transform 0.65s linear; -webkit-transition:transform 0.65s linear;
-o-transition:transform 0.65s linear; -moz-transition:transform 0.65s linear;
}
.avaP:hover div div {
transform:translateY(320px); -webkit-transform:translateY(320px);
}
/* IMAGE RANG */
.imgrankP {
position:absolute; z-index:3;
margin-top:-53px;
}
/* ICONE EN LIGNE */
.onS {
position:absolute; z-index:4;
margin-left:99px; margin-top:-30px;
}
/* TRIANGLES HAUT INFORMATIONS JOUEUR */
.triNLP {
display:inline-block;
width:0; height:0;
border-style:solid; border-width:50px 0 0 105px; border-color:transparent;
border-left-color: #2B313F;
}
.triNRP {
display:inline-block;
width:0; height:0;
border-style:solid; border-width:0 0 50px 105px; border-color:transparent;
border-bottom-color: #2B313F;
}
/* BLOC INFORMATIONS JOUEUR */
.rimgdP {
background-color: #2B313F; /* MODIFIABLE */
padding-bottom:5px;
}
/* PSEUDONYME */
.nameP {
width:200px; padding:5px;
text-align:center;
font-family: 'Alegreya', serif;
font-size: 26px;
text-shadow: 1px 1px 1px white;
}
/* TEXTE RANG */
.rankP {
padding:5px; width:200px;
text-transform:uppercase; text-align:center;
background: white; color:#DFB829;
box-shadow: 0px 0px 3px white; /* MODIFIABLE */
}
/* IMAGES CONTACT JOUEUR */
.ktactP {
width:210px; padding:5px 0; text-align:center;
opacity:0.5;
}
/* INFOS JOUEUR */
.dtailS {
padding:5px; width:180px; margin:auto;
font-size:11px; color:black; background:rgba(250,250,250,0.4); /* MODIFIABLE */
}
/* TRIANGLE BAS PROFIL */
.triP {
width:0; height:0; border-style:solid; border-width:50px 105px 0 105px; border-color:transparent;
border-top-color: #2B313F;
}
/* QEEL */
.qeel_groupes
{
position: relative;
z-index: 11;
width: 250px;
height: 250px;
margin: auto;
text-align: center;
background: url('https://i.ibb.co/0GzHryp/original-1.gif');
overflow: hidden;
border: 5px solid #ffffff;
border-radius: 250px;
font-size: 0;
box-shadow: 0px 0px 5px #39322c;
overflow: hidden;
}
.qeel_groupes a.gensmall
{
display: block;
text-align: center;
font-size: 12px;
background: none;
font-family: 'Gafata', sans-serif;
transition: 500ms;
-webkit-transition: 500ms;
-o-transition: 500ms;
-moz-transition: 500ms;
}
.qeel_groupes a.gensmall:hover
{
background: #ffffff;
}
.qeel_gen
{
text-align: center;
font-family: 'Alegreya', serif;
text-shadow: 1px 1px 1px #C13342;
}
.qeel_gen .gensmall
{
font-size: 18px;
color: #C13342 !important;
}
.qeel_co
{
position: absolute;
z-index: 10;
width: 450px;
height: 200px;
margin-top: 25px;
overflow: hidden;
}
.qeel_co img
{
position: absolute;
transition: 1s;
-webkit-transition: 1s;
-o-transition: 1s;
-moz-transition: 1s;
}
.qeel_co:hover img
{
margin-left: 450px;
}
.qeel_last
{
position: absolute;
z-index: 10;
width: 450px;
height: 200px;
right: 0;
margin-right: 10px;
margin-top: 25px;
overflow: hidden;
}
.qeel_last img
{
position: absolute;
transition: 1s;
-webkit-transition: 1s;
-o-transition: 1s;
-moz-transition: 1s;
}
.qeel_last:hover img
{
margin-left: -450px;
}
.qeel_co_bloc, .qeel_last_bloc
{
width: 300px;
height: 180px;
padding: 10px;
background: #F5E9F1;
overflow: auto;
}
.qeel_last_bloc
{
float: right;
}
/* CHAMPS DE SAISIE ET BOUTONS */
input, select, textarea
{
background: #E3E3E3;
padding: 2px;
border: none;
}
.mainoption, .liteoption
{
background: #999999;
padding: 5px;
margin: 5px;
cursor: pointer;
transition: 500ms
-webkit-transition: 500ms;
-o-transition: 500ms;
-moz-transition: 500ms;
}
.mainoption:hover, .liteoption:hover
{
background: #999999;
}
.sceditor-container iframe, .sceditor-container textarea
{
max-width: 620px;
}
td.pourcentback img
{
background: #999999;
}
/* RETRAIT DES BORDURES */
.row3Right
{
border: none !important;
}
.thHead
{
border: none !important;
font-family: 'Alegreya', sans-serif;
}
.thCornerL, .thCornerR, .thTop
{
border: none !important;
}
.thLeft, .thRight
{
border-left: none !important;
border-right: none !important;
}
.catLeft, .catRight
{
border: none! important;
}
.catHead
{
border: none !important;
background: none !important;
padding: 0px;
}
.catBottom
{
border: none !important;
}
#page-footer
{
width: 950px;
height: 200px;
margin: auto;
background: linear-gradient(270deg, #41bbd9, #2b313f);
border-top: 3px solid #ffffff;
margin-top: 3em;
}
#page-footer a
{
font-size: 10px;
color: #ffffff !important;
}
#page-footer a:hover
{
color: #4A392E !important
}
/*NAVIGATION*/
/*Bloc de la boussole*/
.nav_bloc {
background-image: url('https://i.ibb.co/7Sd0BPr/boussole2.png');
width: 300px;
height: 300px;
position: relative;
display: block;
margin-top: -190px;
margin-left: 30px;
}
/*Trucs pour les liens*/
.navv {
position: absolute;
display: block;
z-index: 2;
}
/*Aiguille*/
#nav_aiguille {
background-image: url('https://i.ibb.co/9hPpzsN/boussoleneedle2.png');
width: 27px;
height: 300px;
bottom: 0px;
left: 135px;
transform: rotate(0deg);
-ms-transform: rotate(0deg); /*IE 9*/
-webkit-transform: rotate(0deg); /*Opera, Chrome, and Safari*/
transition: 0.5s;
-o-transition: 0.5s;
-moz-transition: 0.5s;
-webkit-transition: 0.5s;
z-index: 1;
}
/*Positionnement des liens*/
#accueil {
width: 100px;
height: 27px;
bottom: 260px;
left: 101px;
transform:rotate(1deg);
-ms-transform:rotate(1deg); /* IE 9 */
-webkit-transform:rotate(1deg); /* Opera, Chrome, and Safari */
}
#rechercher {
width: 131px;
height: 35px;
bottom: 200px;
left: 184px;
transform:rotate(57deg);
-ms-transform:rotate(57deg); /* IE 9 */
-webkit-transform:rotate(57deg); /* Opera, Chrome, and Safari */
}
#membres {
width: 94px;
height: 28px;
bottom: 100px;
left: 218px;
transform:rotate(109deg);
-ms-transform:rotate(109deg); /* IE 9 */
-webkit-transform:rotate(109deg); /* Opera, Chrome, and Safari */
}
#groupes {
width: 99px;
height: 32px;
bottom: 21px;
left: 144px;
transform:rotate(157deg);
-ms-transform:rotate(157deg); /* IE 9 */
-webkit-transform:rotate(157deg); /* Opera, Chrome, and Safari */
}
#profil {
width: 79px;
height: 28px;
bottom: 25px;
left: 55px;
transform:rotate(205deg);
-ms-transform:rotate(205deg); /* IE 9 */
-webkit-transform:rotate(205deg); /* Opera, Chrome, and Safari */
}
#mp {
width: 115px;
height: 39px;
bottom: 120px;
left: -31px;
transform:rotate(265deg);
-ms-transform:rotate(265deg); /* IE 9 */
-webkit-transform:rotate(265deg); /* Opera, Chrome, and Safari */
}
#off, #on {
width: 80px;
height: 31px;
bottom: 225px;
left: 26px;
transform:rotate(315deg);
-ms-transform:rotate(315deg); /* IE 9 */
-webkit-transform:rotate(315deg); /* Opera, Chrome, and Safari */
}
#s_inscrire {
width: 107px;
height: 37px;
bottom: 120px;
left: -27px;
transform:rotate(263deg);
-ms-transform:rotate(263deg); /* IE 9 */
-webkit-transform:rotate(263deg); /* Opera, Chrome, and Safari */
}
/*Mouvement de l'aiguille selon le lien survolé*/
#accueil:hover ~ #nav_aiguille {
transform:rotate(2deg);
-ms-transform:rotate(2deg); /* IE 9 */
-webkit-transform:rotate(2deg); /* Opera, Chrome, and Safari */
}
#rechercher:hover ~ #nav_aiguille {
transform:rotate(57deg);
-ms-transform:rotate(57deg); /* IE 9 */
-webkit-transform:rotate(57deg); /* Opera, Chrome, and Safari */
}
#membres:hover ~ #nav_aiguille {
transform:rotate(109deg);
-ms-transform:rotate(109deg); /* IE 9 */
-webkit-transform:rotate(109deg); /* Opera, Chrome, and Safari */
}
#groupes:hover ~ #nav_aiguille {
transform:rotate(157deg);
-ms-transform:rotate(157deg); /* IE 9 */
-webkit-transform:rotate(157deg); /* Opera, Chrome, and Safari */
}
#profil:hover ~ #nav_aiguille {
transform:rotate(205deg);
-ms-transform:rotate(205deg); /* IE 9 */
-webkit-transform:rotate(205deg); /* Opera, Chrome, and Safari */
}
#mp:hover ~ #nav_aiguille {
transform:rotate(265deg);
-ms-transform:rotate(265deg); /* IE 9 */
-webkit-transform:rotate(265deg); /* Opera, Chrome, and Safari */
}
#s_inscrire:hover ~ #nav_aiguille {
transform:rotate(263deg);
-ms-transform:rotate(263deg); /* IE 9 */
-webkit-transform:rotate(263deg); /* Opera, Chrome, and Safari */
}
#on:hover ~ #nav_aiguille, #off:hover ~ #nav_aiguille {
transform: rotate(315deg);
-ms-transform: rotate(315deg); /* IE 9 */
-webkit-transform: rotate(315deg); /* Opera, Chrome, and Safari */
}
/*FIN NAVIGATION*/
/*FICHES*/
/********************************************************* FICHE PRESENTATION *********************************************************/
.credits {
color: #d89d95 !important;
text-align: center;
display: block;
text-transform: uppercase;
font-size: 10px;
}
.fiche_wa {
background: #fff;
margin: auto;
width: 500px;
border: 1px solid #98aebc;
}
.fiche_wa .entete {
background: url('https://i.imgur.com/KnaSp5u.jpg');
width: 100%;
height: 285px;
color: #fff;
}
.contenu_fiche {
padding: 10px 40px;
}
.fiche_wa h4 {
background: #8da4cd;
padding: 5%;
color: #fff;
text-transform: uppercase;
font-size: 18px;
margin: 0;
}
.fiche_wa h5 {
border-bottom: 2px solid #c13342;
color: #c13342;
text-transform: uppercase;
font-size: 18px;
margin: 0;
padding-bottom: 2%;
}
dd.quote {
border-left: 5px solid #c13342 !important;
background: none;
border: 0;
padding: 0 5%;
font-size: 13px;
line-height: 1.5;
}
.quote {
border-left: 5px solid #dfb829 !important;
background: none;
border: 0;
padding: 0 5%;
font-size: 13px;
line-height: 1.5;
}
.conclusion {
background: #8da4cd;
padding: 4%;
}
.conclusion p {
border: 1px solid #fff;
padding: 5%;
background: #fff;
}
.conclusion p::before {
color: #8da4cd;
content: "";
font-size: 20px;
float: left;
padding-right: 2%;
}
.fiche_wa .imp {
color: #98aebc;
font-weight: 700;
}
.contenu_fiche p {
margin-top: -3%;
}
.conclusion p {
margin: 0 !important;
}
.contenu_pres {
width: 100%;
height: 150px;
overflow: auto;
}
.AEI {
margin:auto; width:570px; line-height:normal;
}
.topAEI {
margin-bottom:10px;
width:545px; text-align:center;
}
.abtAEI {
display:inline-block; vertical-align:middle;
width:340px; font-size:11px;
opacity:0.5; transition:opacity 0.55s ease-in-out; -webkit-transition:opacity 0.55s ease-in-out;
}
.abtAEI ul {
list-style:none; padding:0;
}
.abtAEI li {
display:inline-block; vertical-align:top; margin:5px;
width:135px; padding:5px 0; overflow:hidden; font-family: 'Gafata', Arial;
}
.topAEI:hover .abtAEI {
opacity:1;
}
.phyzAEI {
display:inline-block; vertical-align:middle; margin-right:15px;
width:175px; height:280px; overflow:hidden; border-right:5px solid; border-left:5px solid;
}
.phyzAEI img {
width:175px; height:280px;
}
.phyzAEI div {
position:relative; z-index:5;
width:155px; height:260px; padding:10px; overflow-y:auto;
font-size:11px; font-family:Arial; text-align:justify; line-height:14px;
transition:transform 0.55s linear; -webkit-transition:transform 0.55s linear;
}
.phyzAEI:hover div {
transform:translateY(-280px); -webkit-transform:translateY(-280px);
}
.boxAEI {
display:inline-block; vertical-align:top;
opacity:0.7; transition:opacity 0.35s ease; -webkit-transition:opacity 0.35s ease;
}
.boxtechAEI {
display:inline-block; vertical-align:top;
opacity:0.7; transition:opacity 0.35s ease; -webkit-transition:opacity 0.35s ease;
}
.boxAEI:hover {
opacity:1;
}
.boxtechAEI:hover {
opacity:1;
}
.techAEI {
width:245px;
}
.caraAEI {
margin-left:10px; width:290px;
margin-bottom:10px;
}
.storyAEI {
width:290px;
margin-bottom:10px;
}
.techAEI {
width: 245px;
}
.arriveeAEI {
width:245px;
margin-bottom: 10px;
}
.tleAEI {
margin:auto; padding:10px 0px;
text-align:center; font-size:14px; font-family:'Gafata', Arial; letter-spacing:2px; text-transform:uppercase;
}
.boxAEI p {
margin:0; height:250px; padding:5px 10px; overflow:hidden;
font-size:11px; text-align:justify; font-family:'Gafata', Arial; line-height:14px;
}
.boxtechAEI p {
margin:0; height:150px; padding:5px 10px; overflow:hidden;
font-size:11px; text-align:justify; font-family:'Gafata', Arial; line-height:14px;
}
.boxAEI p:hover {
overflow-y:auto;
}
.boxtechAEI p:hover {
overflow-y:auto;
}
.UAEI {
margin-top:10px;
font-size:11px; font-family:'Gafata', Arial; text-align:center;
}
.imgUAEI img {
display:inline-block; vertical-align:top;
width:100px; height:100px;
}
.imgUAEI {
display:inline-block; vertical-align:middle;
width:200px; border-right:5px solid; border-left:5px solid;
}
.abtUAEI {
display:inline-block; vertical-align:middle; margin:0 10px; text-align:center;
opacity:0.5; transition:opacity 0.55s ease-in-out; -webkit-transition:opacity 0.55s ease-in-out;
}
.abtUAEI div {
width:135px; height:14px; padding:5px 0; overflow:hidden;
font-size:11px; font-family:'Gafata', Arial;
}
.abtUAEI div:nth-of-type(2) {
margin:5px auto;
}
.UAEI:hover .abtUAEI {
opacity:1;
}
.moreUAEI {
display:inline-block; vertical-align:middle;
width:150px; height:72px; padding:5px; overflow-y:auto;
font-size:11px; font-family:'Gafata', Arial; text-align:justify; line-height:15px;
opacity:0.5; transition:opacity 0.55s ease-in-out; -webkit-transition:opacity 0.55s ease-in-out;
}
.UAEI:hover .moreUAEI {
opacity:1;
}
.cdtAEI {
position:absolute; margin-left:-23px; margin-top:30px;
opacity:0; transform:scale(0.8); -webkit-transform:scale(0.8); transition:all 0.55s ease-in-out; -webkit-transition:all 0.55s ease-in-out;
}
.cdtAEI:hover {
opacity:1;
}
/*EN-TÊTE*/
.enteterp
{
width: 90%;
background: url('https://i.ibb.co/0s7bzFc/header-sujets-important.png');
box-shadow: 0px 0px 2px #FBE5F3;
color: white;
font-weight: bold;
background-position: right;
font-family: 'Euphoria Script','Shadows Into Light Two', cursive;
font-size: 40px;
letter-spacing: none;
text-align: center;
padding: 3px;
margin: auto;
border-radius: 40%;
margin-top: 1em;
}
.sous-titreamis
{
font-family: 'Alegreya', cursive;
color: #41BBD9;
}
.sous-titreennemis
{
font-family: 'Alegreya', cursive;
color: #f38d8f;
}
/*
* Libre service bloc de connexion rapide verte
* NEVER UTOPIA
*/
/* Bloc qui entoure tout */
.cnxl-bloc {
margin: 20px auto;
font-family: 'Gafata', 'Archivo Narrow', serif;
text-align: center;
font-size: 15px;
color: gray;
}
/* Aligner les 3 blocs */
.cnxl-submit-bloc,
.cnxl-inscription,
.cnxl-input-bloc {
display: inline-block;
vertical-align: middle;
}
/* Style commun pour tous les champs */
.cnxl-form input {
padding: 10px;
border: none;
font-family: inherit;
font-size: 15px;
outline: none;
}
/*
* Décoration à gauche
* Inscription
*/
.cnxl-inscription {
width: 80px;
height: 80px;
border-radius: 50%;
border: 2px solid #DFB829;
padding: 8px;
}
.cnxl-inscription img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 50%;
}
/*
* Champs à remplir au centre
*/
.cnxl-input-bloc {
margin: 0 20px;
width: 200px;
border-radius: 5px;
box-shadow: 0 0 0 2px #41BBD9;
overflow: hidden;
padding: 0 5px; /* espace entre le bord et le trait des input */
background: #FFFFFF;
}
.cnxl-input-bloc input {
color: black;
box-sizing: border-box;
display: block;
width: 100%;
border-bottom: 1px solid #F5E9F1; /* bordure entre les input */
box-shadow: 0 0 0 100px #ffffff inset; /* couleur de fond des input */
}
.cnxl-input-bloc input:last-of-type {
border: none;
}
/*
* Connexion à droite
*/
/* Bouton de connexion */
.cnxl-submit-bloc input {
background: #F5E9F1;
border-radius: 3px;
cursor: pointer;
transition: all 300ms ease-out;
}
/* Bouton de connexion au survol */
.cnxl-submit-bloc input:hover {
background: #C13342;
}
/*
* Zone en bas
*/
.cnxl-form label {
cursor: pointer;
}
/* Liens (Mot de passe oublié) */
.cnxl-bloc a {
font-size: 10px;
text-decoration: none!important;
color: gray;
text-decoration: none;
transition: all 300ms ease-out;
}
/* Liens au survol (Mot de passe oublié) */
.cnxl-bloc a:hover {
color: #8DA4CD;
}
/*
* Fin libre service Connexion rapide verte
* Never Utopia
*/
/* Icônes couleur dans la palette */
.color-option {
display: inline-block !important;
width: 15px !important; /* largeur de l'icône couleur */
height: 15px !important; /* hauteur de l'icône couleur */
border: 2px solid #fff !important; /* cadre blanc sur l'icône couleur */
margin: 3px !important; /* espace entre chaque icône */
box-shadow: 0 0 2px #778899; /* ombre */
cursor: pointer !important;
}
.color-option span{
display: block !important;
width: 15px !important; /* largeur de l'icône couleur */
height: 15px !important; /* hauteur de l'icône couleur */
}
.color-option, .color-option span {
border-radius: 2px; /* arrondi */
}
/* Palette complète - la largeur influence le nombre d'icônes affichées */
.sceditor-dropdown.sceditor-color-picker {
width: 200px !important; /* largeur de la palette complète */
height: 100px !important; /* hauteur de la palette complète */
padding: 5px !important;
border-radius: 5px !important;
}
table#msg_et, table#msg_et td{
background-color:none !important;
}
/*Fond des smileys*/
#sceditor_smilies {
background-color: transparent;
}
/*Icônes en forme*/
.icopersos{
height: 100px;
width: 100px;
border-radius: 100%;
float: left;
margin-right: 5px;
border: 5px solid #41BBD9;
overflow: hidden;
}
/*Equipes*/
.bg_equipe{
background-color: #5a2d22;
padding: 5px;
}
.titre_equipe{
font-family: 'Alegreya', cursive;
font-size: 50px;
margin-left: 3%;
margin-top: 10px;
margin-bottom: -0.7%;
}
.citation_equipe{
font-family: serif;
font-size: 30px;
font-style: italic;
text-align: center;
text-shadow: 0px 0px 2px black;
}
/*SMS*/
.SMSico {
height: 100px;
width: 100px;
border-radius: 100px 0px 100px 100px;
box-shadow: 0px 0px 2px black;
overflow: hidden;
}
.SMSbox {
width: 500px;
box-shadow: 0px 0px 2px black;
background: #F5E9F1;
padding: 5px 15px;
margin-left: 10px;
border-radius: 30px;
}
/*Icônes coach*/
.coachico {
width: 200px;
height: 250px;
background-color: pink;
transition:opacity 0.35s ease; -webkit-transition:opacity 0.35s ease;
opacity: 0.8;
overflow: hidden;
box-shadow:0 0 5px rgba(0,0,0,0.1), inset 0 0 145px rgba(0,0,0,0.1)
}
.coachico:hover {
opacity: 1;
}
/*Présentations coachs*/
.IRA {
margin:auto; width:250px; height:475px; line-height:normal;
transition:width 0.85s; -webkit-transition:width 0.85s;
}
.IRA:hover {
width:500px;
}
.dekTIRA {
position:absolute; margin-left:290px; margin-top:105px;
font-family:'Gafata', Arial; font-size:24px;
transform:rotate(15deg); -webkit-transform:rotate(15deg);
transition:all 1s ease; -webkit-transition:all 1s ease;
}
.IRA:hover .dekTIRA {
margin-left:245px; margin-top:1px;
font-size:14px;
transform:rotate(360deg); -webkit-transform:rotate(360deg);
}
.dekBIRA {
position:absolute; margin-left:290px; margin-top:335px;
font-family:'Gafata', Arial; font-size:24px;
transform:rotate(-15deg); -webkit-transform:rotate(-15deg);
transition:all 1s ease; -webkit-transition:all 1s ease;
}
.IRA:hover .dekBIRA {
margin-left:245px; margin-top:455px;
font-size:14px;
transform:rotate(360deg); -webkit-transform:rotate(360deg);
}
.tleIRA {
position:absolute; margin-top:135px; margin-left:150px;
width:200px; height:200px; border-radius:200px; overflow:hidden;
font-size:20px; font-weight:bold; text-align:center; text-transform:uppercase;
transition:all 1s ease; -webkit-transition:all 1s ease;
}
.IRA:hover .tleIRA {
margin-left:220px; margin-top:220px;
width:0; height:0; overflow:hidden;
opacity:0;
}
.tleIRA span {
display:inline-block; vertical-align:middle;
}
.tleIRA span:nth-of-type(1) {
height:200px;
}
.msgIRA {
position:absolute; margin-top:200px; margin-left:200px;
width:0; height:0; padding:10px; border-radius:100%; overflow:hidden;
font-size:11px; text-align:justify;
opacity:0; transition:all 1s ease; -webkit-transition:all 1s ease;
}
.IRA:hover .msgIRA{
margin-top:20px; margin-left:20px;
width:440px; height:415px; border-radius:0; overflow-y:auto;
opacity:1; transition:all 1s ease; -webkit-transition:all 1s ease;
}
.cdtIRA {
position:absolute; z-index:2; margin-top:195px; margin-left:-13px;
transform:scale(0); -webkit-transform:scale(0); transition:transform ease-in-out 0.95s; -webkit-transition:-webkit-transform ease-in-out 0.95s;
}
.IRA:hover .cdtIRA {
transform:scale(1); -webkit-transform:scale(1);
}
/******************Headers et tout le reste*********************/
.header-image {
margin: auto;
width: 600px;
height: 200px !important;
filter:grayscale(1); -webkit-filter:grayscale(1);
border-radius: 100px 0px 0px 0px;
background: url('https://i.ibb.co/0s7bzFc/header-sujets-important.png');
border-top: 3px solid #fff;
border-bottom: 3px solid #fff;
}
.header-image:hover {
filter:grayscale(0);
-webkit-filter:grayscale(0);
transition:all 0.55s ease;
-webkit-transition:all 0.55s ease;
}
.header-titre {
font-family: 'Euphoria Script', cursive;
color: #DFB829;
font-size: 40px;
text-shadow: 0px 0px 2px #DFB829;
margin-top: 190px;
text-align: right;
}
/*****ADMINISTRATION*******/
.headercontrats {
margin: auto;
margin-top: 30px;
height: 50px !important;
width: 500px;
no-repeat; border-radius: 10px 10px 10px 10px;
color: white;
font-size: 20px;
font-family: 'Alegreya', serif;
weight: bold;
}
.h2contrats {
height: 25px;
width: 600px;
}
.quotecontrats {
margin-left: 10px;
border-left: 3px solid #41bbd9;
padding-left: 5px;
}
/*EQUIPES*/
.titreequipes {
margin: auto;
margin-top: 50px;
text-align: center;
font-family: 'Euphoria Script', serif;
font-size: 40px;
}
.soustitreequipes {
margin: auto;
text-align: center;
font-family: 'Alegreya', serif;
font-size: 20px;
}
.descequipes {
margin: auto;
width: 400px;
}
.imgequipes {
width: 200px;
}
.imgcoach {
margin-top: 50px;
margin-bottom: 50px;
width: 150px;
height: 150px;
background-color: pink;
border-radius: 100%;
border: 3px solid blue;
}
.titrecoach {
margin-top: -20px;
height: 25px;
font-size: 20px;
font-family: 'Alegreya', serif;
color: #2B313F!important;
font-weight: normal;
position: absolute;
}
.desccoach {
margin: auto;
margin-top: 50px;
margin-bottom: 50px;
background-color: #FFD483;
border-radius: 10px;
padding: 5px;
height: 150px;
width: 430px;
overflow: scroll;
}
.bottinimgavatar {
border-radius: 50px;
height: 50px;
width: 50px;
border: 5px double #2b313f;
float: left;
margin-right: 10px;
overflow: hidden;
}
/* FICHE DE PREDEFINI */
.PFIICAN {
box-shadow:0 0 3px rgba(0,0,0,0.2); background:#e1eaf8;
}
/* NOM PRENOM(S) */
.npPFIICAN {
box-shadow:inset 0 0 15px rgba(0,0,0,0.3);
}
/* BORDURES IMAGE */
.abtPFIICAN {
border-color: #e1eaf8; !important;
}
/* INFORMATIONS & PHYSIQUE */
.abtPFIICAN div {
background:rgba(250,250,250,0.7); color: #2b313f;
}
/* AGE */
.agePFIICAN {
background:rgba(250,250,250,0.3); color: #2b313f;
}
/* NATIONALITE */
.fromPFIICAN {
background:rgba(250,250,250,0.3); color: #2b313f;
}
/* BLOC CARACTEREET HISTOIRE */
.caraPFIICAN {
background:rgba(250,250,250,0.6);
}
.caraethist {
font-size: 12px;
min-height: 40px;
background: #f5e9f1;
border-radius: 5px;
margin-top: 10px;
width: 480px;
padding: 5px;
}
/* ADJECTIFS */
.caraPFIICAN div {
background: #2b313f; color:white;
}
/* HISTOIRE */
.storyPFIICAN {
color: #2b313f;
}
/* INTITULE RELATIONS */
.lksPFIICAN span:nth-of-type(1) {
box-shadow:inset 0 0 15px rgba(0,0,0,0.3);
}
/* RELATIONS */
.RPFIICAN div {
color:white;
}
.photoliens {
height: 50px;
width: 50px;
border: 2px solid #dfb829;
margin-right: 5px;
border-radius: 100%;
margin-bottom: 5px;
float: left;
overflow: hidden;
}
.descliens {
width: 160px;
min-height: 100px;
background: #f5e9f1;
padding: 5px;
font-size: 10px;
text-align: left;
margin: auto;
}
.grpPFIICAN {
width: auto;
}
.h4 {
font-family: 'Gafata', sans-serif;
}
/*FOOTER PARTOS*/
.divdespartosfooter {
margin: auto;
margin-top: 50px;
margin-right: 100px;
width: 690px;
}
Merci d'avance !
Re: Prévisualisation dans la mauvaise police
Oh bah tiens ! J'avais oublié de toucher au template mentions_tooltip. Je comprends pas trop le rapport, mais ça a marché !
Re: Prévisualisation dans la mauvaise police
Bonjour, Attention, cela fait 6 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir votre sujet déplacé à la corbeille, merci de poster dans les 24h qui suivent ce message. Si votre sujet est résolu, merci d'éditer votre premier message et de cocher l'icône « résolu » |
Re: Prévisualisation dans la mauvaise police
Bonjour, Nous n'avons plus de nouvelle de l'auteur de ce sujet depuis plus de 8 jours. Nous considérons donc ce problème comme résolu ou abandonné. La prochaine fois, merci de nous tenir au courant de l'évolution de votre problème, ou pensez à faire un UP régulièrement ! Ce sujet est déplacé à la corbeille, merci d'ouvrir un nouveau sujet si nécessaire, en respectant les Règles générales du forum. |
Sujets similaires
» Prévisualisation d'un message privé : déplacer le cadre de prévisualisation dans les templates ?
» smileys "perso" visibles dans la "prévisualisation" mais pas dans le message
» Mauvaise IP dans le panneau de contrôle
» Thème placé dans la mauvaise catégorie
» (1400) Problème de mise à jour des miniatures de l'annuaire
» smileys "perso" visibles dans la "prévisualisation" mais pas dans le message
» Mauvaise IP dans le panneau de contrôle
» Thème placé dans la mauvaise catégorie
» (1400) Problème de mise à jour des miniatures de l'annuaire
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum