Bonjour à vous,
Voilà je suis en train de travailler sur un design pour relancer un projet, mais je me bat avec un design depuis un moment déjà. L'ennuie est que j'ai deux bug étrange sur le forum et que je ne parviens pas à comprendre d'où ils sortent.
Le lien du forum en question : http://blakens.forum-canada.com/
Bug 1 :
Ce que l'on voit dans le carré rouge ne devrait normalement pas apparaître là lors qu'on survol la zone «derniers messages» avec la sourie. Le code du qeel vient d'un code en libre service ici :
QEEL gris/rose
Voici mon template : (au cas où j'aurais fait une gaffe)
Voici le css du qeel :
Si je retire le CSS de mon codage le bug en question disparaît totalement. C'est pourquoi je trouve le tout très étrange. J'ai peut-être gaffer à l'intérieur du CSS sans le vouloir.
Voici mon bug 2 ;
Lui il est moins agaçant, mais tout de même présent. Il se trouve à l'intérieur de ma structure de forum (catégorie, sous forum etc..). Normalement quand on passe notre souris sur les bulles des sous forums on devrait voir le papier peint apparaître. Hors, ce n'est plus le cas du tout maintenant. Encore une fois je ne sais pas du tout pourquoi.
Voici donc mon CSS au complet en espérant que cela pourra aider quelqu'un à m'aider.
Merci beaucoup xo
Voilà je suis en train de travailler sur un design pour relancer un projet, mais je me bat avec un design depuis un moment déjà. L'ennuie est que j'ai deux bug étrange sur le forum et que je ne parviens pas à comprendre d'où ils sortent.
Le lien du forum en question : http://blakens.forum-canada.com/
Bug 1 :
- Spoiler:
Ce que l'on voit dans le carré rouge ne devrait normalement pas apparaître là lors qu'on survol la zone «derniers messages» avec la sourie. Le code du qeel vient d'un code en libre service ici :
QEEL gris/rose
Voici mon template : (au cas où j'aurais fait une gaffe)
- Spoiler:
- Code:
{JAVASCRIPT}
<!-- BEGIN message_admin_index -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<!-- BEGIN message_admin_titre -->
<tr>
<td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td>
</tr>
<!-- END message_admin_titre -->
<!-- BEGIN message_admin_txt -->
<tr>
<td class="row1" rowspan="3" align="center" valign="middle">
<div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div>
</td>
</tr>
<!-- END message_admin_txt -->
</table>
<!-- END message_admin_index -->
<!-- BEGIN switch_user_login_form_header -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
<!-- BEGIN switch_fb_connect_no -->
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
<tr>
<td class="row1" align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td><span class="genmed">{L_USERNAME}:</span> </td>
<td><input class="post" type="text" size="10" name="username"/> </td>
<td>
<input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
<span class="gensmall">{L_AUTO_LOGIN}</span>
</td>
</tr>
<tr>
<td><span class="genmed">{L_PASSWORD}:</span> </td>
<td><input class="post" type="password" size="10" name="password"/> </td>
<td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
</tr>
</table>
</td>
</tr>
</table>
<!-- END switch_fb_connect_no -->
<!-- BEGIN switch_fb_connect -->
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
<tr>
<td valign="top" width="100%" class="row1" align="center">
<table width="100%">
<tr>
<td width="55%" valign="middle" align="right">
<table class="right">
<tr>
<td><span class="genmed">{L_USERNAME}:</span> </td>
<td><input class="post" type="text" size="10" name="username"/> </td>
<td>
<input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
<span class="gensmall">{L_AUTO_LOGIN}</span>
</td>
</tr>
<tr>
<td><span class="genmed">{L_PASSWORD}:</span> </td>
<td><input class="post" type="password" size="10" name="password"/> </td>
<td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
</tr>
</table>
</td>
<td width="10%" align="center" valign="middle">
<span class="genmed fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
</td>
<td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_header.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
</tr>
</table>
</td>
</tr>
</table>
<!-- END switch_fb_connect -->
</form>
<!-- END switch_user_login_form_header -->
{CHATBOX_TOP}
{BOARD_INDEX}
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="50%" valign="top">
<!-- BEGIN switch_user_logged_in -->
<span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a></span>
<!-- END switch_user_logged_in -->
<!-- BEGIN switch_delete_cookies -->
<br /><span class="gensmall"><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall" rel="nofollow">{switch_delete_cookies.L_DELETE_COOKIES}</a></span>
<!-- END switch_delete_cookies -->
</td>
<td width="50%" align="right">
<span class="gensmall">
<a href="{U_TODAY_ACTIVE}" class="gensmall">{L_TODAY_ACTIVE}</a><br />
<a href="{U_TODAY_POSTERS}" class="gensmall">{L_TODAY_POSTERS}</a><br />
<a href="{U_OVERALL_POSTERS}" class="gensmall">{L_OVERALL_POSTERS}</a>
<!-- BEGIN switch_on_index -->
<!-- BEGIN switch_delete_cookies -->
<br /><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall" rel="nofollow">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
<!-- END switch_delete_cookies -->
<!-- END switch_on_index -->
</span>
</td>
</tr>
</table>
<!-- BEGIN switch_user_login_form_footer -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
<!-- BEGIN switch_fb_connect_no -->
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
<tr>
<td class="row1" align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td><span class="genmed">{L_USERNAME}:</span> </td>
<td><input class="post" type="text" size="10" name="username"/> </td>
<td>
<input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
<span class="gensmall">{L_AUTO_LOGIN}</span>
</td>
</tr>
<tr>
<td><span class="genmed">{L_PASSWORD}:</span> </td>
<td><input class="post" type="password" size="10" name="password"/> </td>
<td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
</tr>
</table>
</td>
</tr>
</table>
<!-- END switch_fb_connect_no -->
<!-- BEGIN switch_fb_connect -->
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
<tr>
<td valign="top" width="100%" class="row1" align="center">
<table width="100%">
<tr>
<td width="55%" valign="middle">
<table class="right">
<tr>
<td><span class="genmed">{L_USERNAME}:</span> </td>
<td><input class="post" type="text" size="10" name="username"/> </td>
<td>
<input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
<span class="gensmall">{L_AUTO_LOGIN}</span>
</td>
</tr>
<tr>
<td><span class="genmed">{L_PASSWORD}:</span> </td>
<td><input class="post" type="password" size="10" name="password"/> </td>
<td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
</tr>
</table>
</td>
<td width="10%" align="center" valign="middle">
<span class="genmed fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
</td>
<td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
</tr>
</table>
</td>
</tr>
</table>
<!-- END switch_fb_connect -->
</form>
<!-- END switch_user_login_form_footer -->
<div id="qeel">
<h1>Qui se promène ?</h1>
<table width="800px" cellspacing="15px" cellpadding="10px" id="contenu-general">
<tr>
<td rowspan="2" class="withbg">
<h2>Statistiques</h2>
<p><span class="gensmall">{TOTAL_POSTS}<br /><br />
{TOTAL_USERS}<br /><br />
{NEWEST_USER}</span></p>
</td>
<td class="withbg">
<h2>Les membres en ligne</h2>
<p><table>{L_CONNECTED_MEMBERS}</table>
<span class="gensmall">{TOTAL_USERS_ONLINE}<br />
{RECORD_USERS}<br />
{LOGGED_IN_USER_LIST}</span></p>
</td>
</tr>
<tr>
<td class="withbg">
<h2>Anniversaires</h2>
<table class="annifs">
{L_WHOSBIRTHDAY_TODAY}
{L_WHOSBIRTHDAY_WEEK}
</table>
</td>
</tr>
<tr>
<td colspan="2" class="withbg groups">
<!-- <h2>Groupes</h2> -->
<p><span class="gensmall"><!-- {LEGEND} : -->{GROUP_LEGEND}</span></p>
</td>
</tr>
</table>
<div id="credits">QEEL by <a href="http://www.never-utopia.com">Never-Utopia</a></div>
</div>
{CHATBOX_BOTTOM}
<br clear="all" />
<!-- BEGIN switch_legend -->
<table border="0" cellspacing="3" cellpadding="0" align="center">
<tr>
<td align="center" width="20"><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /></td>
<td><span class="gensmall">{L_NEW_POSTS}</span></td>
<td></td>
<td align="center" width="20"><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /></td>
<td><span class="gensmall">{L_NO_NEW_POSTS}</span></td>
<td> </td>
<td align="center" width="20"><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /></td>
<td><span class="gensmall">{L_FORUM_LOCKED}</span></td>
</tr>
</table>
<!-- END switch_legend -->
{AUTO_DST}
<!-- BEGIN switch_fb_index_login -->
<div id="fb-root"></div>
<script type="text/javascript">
//<![CDATA[
FB.init({
appId: '{switch_fb_index_login.FACEBOOK_APP_ID}',
status: true,
cookie: true,
xfbml: true,
oauth: true
});
//]]>
</script>
<!-- END switch_fb_index_login -->
Voici le css du qeel :
- Spoiler:
- Code:
/* CODES POUR LE QEEL */
#qeel h1, #qeel h2, #qeel h3, #qeel p {
margin: 0; padding: 0; font-weight: normal;
}
#qeel {
width: 800px;
min-height: 200px;
border: 1px solid #000000;
-moz-border-radius : 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
background: #3c3a3d;
margin: 75px auto 20px;
position: relative;
padding-top: 50px;
font-family: "abeatbykai", sans-serif;
font-size: 12px;
letter-spacing: 1px;
color: gray;
}
#qeel a {
color: #100c0d;
text-decoration: none;
}
#qeel a, #qeel h2 {
-webkit-transition: all .2s ease;
-moz-transition: all .2s ease;
-ms-transition: all .2s ease;
-o-transition: all .2s ease;
transition: all .2s ease;
}
#qeel a:hover {
color: #100c0d;
}
#qeel h1 {
width: 800px;
height: 500px;
background: url("http://nsa34.casimages.com/img/2015/02/23/15022312563993463.png") no-repeat;
position: absolute;
top: -58px;
left: 30%;
margin-left: -164px;
text-indent: -9999px;
}
#qeel td {
vertical-align: top;
}
#qeel td p .gensmall, #qeel td.row1 .gensmall, #qeel .gensmall {
font-family: "century gothic", sans-serif;
color: #100c0d;
font-size: 10px;
}
#qeel table td {
border-radius: 10px;
position: relative;
padding-top: 25px;
min-height: 50px;
}
#qeel table td.withbg {
background: #4f4d4f;
border: 1px solid #000000;
-moz-border-radius : 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
}
#qeel h2 {
/*height: 34px;*/
position: absolute;
top: -12px;
z-index: 3;
font-size: 24px;
font-family: 'Covered By Your Grace', cursive;
color: #100c0d;
}
#qeel h2:hover {
color: #beba9d;
}
#qeel td.row1, td.row3.over:hover {
background-color: transparent !important;
}
#qeel table.annifs {
margin-top: -30px !important;
}
table.annifs tbody tr:nth-child(2) td {
padding-top: 0px !important;
}
.groups {padding: 10px !important; text-align: center; }
/* CREDITS */
#credits {
position: absolute;
padding: 0px 10px;
bottom: -20px;
right: 0px;
height: 20px;
line-height: 20px;
font-size: 8px;
color: gray;
text-transform: uppercase;
text-shadow: 1px 1px 0px #beba9d;
}
Si je retire le CSS de mon codage le bug en question disparaît totalement. C'est pourquoi je trouve le tout très étrange. J'ai peut-être gaffer à l'intérieur du CSS sans le vouloir.
Voici mon bug 2 ;
Lui il est moins agaçant, mais tout de même présent. Il se trouve à l'intérieur de ma structure de forum (catégorie, sous forum etc..). Normalement quand on passe notre souris sur les bulles des sous forums on devrait voir le papier peint apparaître. Hors, ce n'est plus le cas du tout maintenant. Encore une fois je ne sais pas du tout pourquoi.
Voici donc mon CSS au complet en espérant que cela pourra aider quelqu'un à m'aider.
- Spoiler:
- Code:
/** SCROLL BAR **/
::-webkit-scrollbar {
width: 15px; /*largeur de la scrollbar verticale*/
height: 15px; /*hauteur de la scrollbar horizontale*/
background-color: #100c0d;
border: 1px solid #000000;
-moz-border-radius : 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
}
::-webkit-scrollbar-track {
background-color: #3f3e3a; /*couleur du fond de la scrollbar*/
border: 1px solid #000000;
-moz-border-radius : 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
}
::-webkit-scrollbar-thumb { /*la petite bande qui monte/descend*/
background-color: #3f3e3a; /*couleur de l'ascenseur*/;
border: 1px solid #000000;
-moz-border-radius : 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
}
.fsout {
color: #000000;
text-align:center;
font-size: 18px;
padding: 15px;
}
/* --------------------------------------
Navigation
------------------------------------------*/
#navig
{
width: 1000px;
margin: auto;
text-align: center;
}
#navigation
{
z-index: 999;
}
#navigation{
z-index:999;
position: fixed;
margin-left:30%;
width: 100%;
background-color:#3f3e3a;
border-bottom: 2px solid #100c0d;
-moz-border-radius : 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
-webkit-box-shadow: 0px 0px 10px #000;
box-shadow: 0px 0px 10px #000;
-moz-box-shadow: 0px 0px 10px #000;
box-shadow: 0px 0px 10px #000;
margin-top: -10px;
margin-left: -10px;
padding: 5px;
}
/* --------------------------------------
Aperçu du forum
------------------------------------------*/
u {
border-bottom : 1px double;
}
{
border-bottom : none;
color : #000000;
text-decoration : none;
}
a {
font-variant : small-caps;
}
.forumline {
background-image: url("http://nsa33.casimages.com/img/2015/01/18//150118052645761443.jpg");
border:1px solid #100c0d;
color: #000000;
-moz-border-radius : 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
-webkit-box-shadow: 0px 0px 10px #000;
box-shadow: 0px 0px 10px #000;
-moz-box-shadow: 0px 0px 10px #000;
box-shadow: 0px 0px 10px #000;
}
input, textarea, select {
padding-left : 2px;
border : 1px dashed #100c0d;
-moz-border-radius:10px 10px 10px 10px;
-webkit-border-radius:10px 10px 10px 10px;
border-radius:10px 10px 10px 10px;
-moz-box-shadow:0 1px 5px #000000;
-webkit-box-shadow:0 1px 5px #000000;
box-shadow:0 1px 5px #000000;
}
.bodyline {
border : 1px radius #100c0d;
-moz-border-radius:10px 10px 10px 10px;
-webkit-border-radius:10px 10px 10px 10px;
border-radius:10px 10px 10px 10px;
-moz-box-shadow:0 1px 5px #000000;
box-shadow:0 1px 5px #000000;
-webkit-box-shadow:0 1px 5px #000000;
}
.postbody, td.row1 span.gensmall {
text-align : justify !important ;
/*display : block;*/
}
.abc {
border-bottom : 2px solid #100c0d;
-moz-border-radius:10px 10px 10px 10px;
-webkit-border-radius:10px 10px 10px 10px;
border-radius:10px 10px 10px 10px;
-moz-box-shadow:0 1px 5px #000000;
-webkit-box-shadow:0 1px 5px #000000;
box-shadow:0 1px 5px #000000;
}
.def {
background-color : #4a464d;
font-size : 10px;
padding-right : 10px;
padding-left : 10px;
padding-bottom : 3px;
}
.bodyline {
border : 1px solid #100c0d;
-moz-border-radius:10px 10px 10px 10px;
border-radius:10px 10px 10px 10px;
-webkit-border-radius:10px 10px 10px 10px;
-moz-box-shadow:0 1px 5px #000000;
-webkit-box-shadow:0 1px 5px #000000;
box-shadow:0 1px 5px #000000;
}
tr.post span.gensmall {
display : none;
}
th {
background-color: rgb(0, 0, 0);
background-image: url("http://nsa33.casimages.com/img/2015/01/18//150118052645761443.jpg");
color: #100c0d;
font-size: 12px;
font-weight: 700;
height: 25px;
padding: 2px 3px;
}
/*Liens*/
a:link {
text-decoration:none !important;
color:#CODE DOULEUR DE TON CHOIX;}
a:visited {
text-decoration:none !important;
color:#CODE DOULEUR DE TON CHOIX;}
a:hover {
text-decoration:none !important;
color:#CODE DOULEUR DE TON CHOIX;}
a:active {
text-decoration:none !important;
color:#CODE COULEUR DE TON CHOIX;}
.catBottom a{
color: #000000 !important;
}
/*------------------------------------
css Citation, Code & Spoiler
--------------------------------------*/
.code {
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
-moz-border-radius:10px 10px 10px 10px;
border-radius:10px 10px 10px 10px;
-webkit-border-radius:10px 10px 10px 10px;
-moz-box-shadow:0 1px 5px #000000;
-webkit-box-shadow:0 1px 5px #000000;
box-shadow:0 1px 5px #000000;
border : 1px solid #000000;
color : #000000;
background: #4a464d;
padding:10px;
}
.spoiler {
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:20px;
-moz-border-radius-topleft:20px;
-moz-border-radius-topright:5px;
-moz-border-radius:15px 0px 15px 0px;
border-radius:10px 10px 10px 10px;
-webkit-border-radius:10px 10px 10px 10px;
-moz-box-shadow:0 1px 5px #000000;
box-shadow:0 1px 5px #000000;
-webkit-box-shadow:0 1px 5px #000000;
border : 1px solid #000000;
color : #000000;
background: #4a464d;
padding:10px;
}
.quote {
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:20px;
-moz-border-radius-topleft:20px;
-moz-border-radius-topright:5px;
-moz-border-radius:10px 10px 10px 10px;
border-radius:10px 10px 10px 10px;
-webkit-border-radius:10px 10px 10px 10px;
-moz-box-shadow:0 1px 5px #000000;
box-shadow:0 1px 5px #000000;
-webkit-box-shadow:0 1px 5px #000000;
border : 1px solid #000000;
color : #000000;
background: #4a464d;
padding:10px;
}
/*Sélection code*/
.selectCode {
float:right;
text-transform: uppercase;
cursor:pointer;
color: #000000;
font-size: 10px;
}
.selectCode {
float:right;
text-transform: uppercase;
cursor:pointer;
color: #000000;
font-size: 10px;
}
.codebox dd {
margin: 0px;
background: #4a464d;
}
/*-------------------------------------
FICHE PERSONNAGES
--------------------------------------*/
.STi{
background: #4a464d;
color: #100c0d;
border:2px solid #100c0d;
-moz-border-radius : 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
text-align: left;
-webkit-box-shadow: 0px 0px 10px #000;
-moz-box-shadow: 0px 0px 10px #000;
box-shadow: 0px 0px 10px #000;
padding: 5px;
}
.fdforum{
text-align: left;
background-image: URL("http://nsa33.casimages.com/img/2015/01/18//150118052645761443.jpg");
border:3px solid #100c0d;
color: #100c0d;
-moz-border-radius : 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
text-align: left;
-webkit-box-shadow: 0px 0px 10px #000;
-moz-box-shadow: 0px 0px 10px #000;
box-shadow: 0px 0px 10px #000;
}
.fdname {
color: #100c0d;
text-align:center;
font-size: 18px;
background-image: url("http://nsa33.casimages.com/img/2015/01/18//150118052645761443.jpg");
border:1px solid #100c0d;
-moz-border-radius : 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
-webkit-box-shadow: 0px 0px 10px #000;
box-shadow: 0px 0px 10px #000;
-moz-box-shadow: 0px 0px 10px #000;
box-shadow: 0px 0px 10px #000;
padding: 10px;
}
.fdforum span {
text-transform:uppercase;
font-size:12px;
text-shadow:0px 0px 10px;
color:#100c0d;
font-family:Times New Roman;
letter-spacing:0px;
}
.feat {
font-size:9px;
color: #100c0d !important;
padding: 5px;
}
.fdtitle {
text-transform:uppercase;
font-size:12px;
text-shadow:0px 0px 10px;
color:#beba9d;
font-family:Times New Roman;
letter-spacing:0px;
font-weight:bold;
}
.fdinfos {
margin-top: 5px;
height: 200px;
overflow: auto;
text-align:justify;
padding: 5px;
}
.para{
margin: 30px;
}
/* CONTOUR PROFIL */
.postdetails.poster-profile a img {
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:20px;
-moz-border-radius-topleft:20px;
-moz-border-radius-topright:5px;
-moz-border-radius:10px 10px 10px 10px;
-webkit-border-radius:10px 10px 10px 10px;
-moz-box-shadow:0 1px 5px #000000;
-webkit-box-shadow:0 1px 5px #000000;
border: 1px solid #000000;
-moz-box-shadow:0px 0px 5px #000000;
}
.contour_profil {
border: 1px solid #100c0d;
-moz-box-shadow:0px 0px 5px #000000;
padding:5px;
background-color:#4a464d;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:20px;
-moz-border-radius-topleft:20px;
-moz-border-radius-topright:5px;
-moz-border-radius:10px 10px 10px 10px;
-webkit-border-radius:10px 10px 10px 10px;
-moz-box-shadow:0 1px 5px #000000;
-webkit-box-shadow:0 1px 5px #000000;
width:200px!important;
background-image:url('http://nsa33.casimages.com/img/2015/01/18//150118052645761443.jpg');
background-position:center;
}
.rank_poster {
color: #100c0d !important;
}
/* AVATARS */
.postdetails.poster-profile a img {
width:200px;
height:400px;
}
/* JUSTIFIER */
.postbody {
margin-top:5px;
text-align:justify;
}
textarea, .textarea.post, input.post{
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:20px;
-moz-border-radius-topleft:20px;
-moz-border-radius-topright:5px;
-moz-border-radius:10px 10px 10px 10px;
-webkit-border-radius:10px 10px 10px 10px;
-moz-box-shadow:0 1px 5px #000000;
-webkit-box-shadow:0 1px 5px #000000;
border:1px solid #100c0d;
-moz-box-shadow:0px 0px 2px #000000;
padding:3px;
}
/* --------------------------------------
RELATIONS
------------------------------------------*/
.texteinfos{font-size: 30px; font-family:Impact; letter-spacing: 0px; text-shadow: 1px 2px 3px #000000;}
.texterela{font-size: 30px; font-family:Impact; letter-spacing: 0px; text-shadow: 1px 2px 3px #000000}
.chercherela{border: 1px dotted #100C0D;background:#4a464d;margin-top:-10px;font-family:arial;font-size:12px;color:#100C0D;}
.cadrerelation1{text-align: justify; width:625px;background:url(http://nsa33.casimages.com/img/2015/01/18//150118052645761443.jpg);padding:10px;border-left: 1px solid #100C0D;border-bottom: 1px solid #100C0D;border-right: 1px solid #100C0D;border-top: 1px solid #100C0D;border-radius: 25px 0px 25px 0px;box-shadow: -5px 5px 10px #000000;}
.cadrerelation2{font-size:12px;font-family:arial;padding:2px;background: #4a464d;border: 1px dotted #100C0D;}
.petitecitation1{color:#ffffff;font-size: 9px; font-family:arial; letter-spacing: 0px; text-shadow: 1px 2px 3px #000000;text-transform:uppercase;}
.petitecitation2{color:#ffffff;font-size: 9px; font-family:arial; letter-spacing: 0px; text-shadow: 1px 2px 3px #0000000;text-transform:uppercase;}
.titre1{color:#100C0D;font-size: 50px; font-family:impact; letter-spacing: 0px; text-shadow: 1px 2px 3px #0000000;text-transform:uppercase;}
.titre2{color:#100C0D;font-size: 50px; font-family:impact; letter-spacing: 0px; text-shadow: 1px 2px 3px #000000;text-transform:uppercase;}
.cadreinfos{font-size:12px;font-family:arial;height:210px;padding:2px;overflow:auto;width:384px;background: #4a464d; border: 1px dotted #100C0D;}
.vignette1{font-size: 30px; font-family:Impact; letter-spacing: 0px; text-shadow: 1px 2px 3px #000000;}
.vignette2{font-size:12px;font-family:arial;height:150px;padding:2px;overflow:auto;width:384px;background: #4a464d;border: 1px dotted #100C0D;}
.relation{text-align: justify; width:625px;background:url(http://nsa33.casimages.com/img/2015/01/18//150118052645761443.jpg);padding:10px;border-left: 2px solid #100C0D;border-bottom: 2px solid #100C0D;border-right: 4px solid #100C0D;border-top: 4px solid #100C0D;border-radius: 25px 0px 25px 0px;box-shadow: -5px 5px 10px #000000;}
.vavarela{background: #4a464d;border: 1px dotted #100C0D;height:415px;padding:1px;width:200px;}
/* --------------------------------------
Boîte de messager
------------------------------------------*/
input,textarea, select {
background-color:#4a464d !important;
color:#000000 !important;
}
.sceditor-container.ltr.sourceMode {
background-color:#4a464d!important;
}
.sceditor-container.ltr.wysiwygMode {
background-color:#4a464d !important;
}
div.sceditor-toolbar {
-moz-border-radius: 10px !important;
-webkit-border-radius: 10px !important;
border-radius: 10px !important;
background-color:#4a464d !important;
text-align: center !important;
}
.sceditor-button.sceditor-button-horizontalrule { display: none;}
.sceditor-button.sceditor-button-date { display: none;}
.sceditor-button.sceditor-button-time { display: none;}
.sceditor-button.sceditor-button-flash { display: none;}
.sceditor-button.sceditor-button-youtube { display: none;}
.sceditor-button.sceditor-button-dailymotion { display: none;}
.sceditor-button.sceditor-button-fahide { display: none;}
div.sceditor-group:nth-child(7) { display: none;}
/*------------------------------------
MESSAGE IMPORTANT par Kiowa
--------------------------------------*/
#cadremess_important {
width: 600px;
background: #4a464d;
border: 3px solid #000;
-webkit-box-shadow: 0px 0px 10px #000;
box-shadow: 0px 0px 10px #000;
-moz-box-shadow: 0px 0px 10px #000;
-moz-border-radius : 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
margin: auto;
padding-top: 0px;
}
.entete_important {
}
.content_important {
padding-bottom: 20px;
}
/* CODES POUR LE QEEL */
#qeel h1, #qeel h2, #qeel h3, #qeel p {
margin: 0; padding: 0; font-weight: normal;
}
#qeel {
width: 800px;
min-height: 200px;
border: 1px solid #000000;
-moz-border-radius : 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
background: #3c3a3d;
margin: 75px auto 20px;
position: relative;
padding-top: 50px;
font-family: "abeatbykai", sans-serif;
font-size: 12px;
letter-spacing: 1px;
color: gray;
}
#qeel a {
color: #100c0d;
text-decoration: none;
}
#qeel a, #qeel h2 {
-webkit-transition: all .2s ease;
-moz-transition: all .2s ease;
-ms-transition: all .2s ease;
-o-transition: all .2s ease;
transition: all .2s ease;
}
#qeel a:hover {
color: #100c0d;
}
#qeel h1 {
width: 800px;
height: 500px;
background: url("http://nsa34.casimages.com/img/2015/02/23/15022312563993463.png") no-repeat;
position: absolute;
top: -58px;
left: 30%;
margin-left: -164px;
text-indent: -9999px;
}
#qeel td {
vertical-align: top;
}
#qeel td p .gensmall, #qeel td.row1 .gensmall, #qeel .gensmall {
font-family: "century gothic", sans-serif;
color: #100c0d;
font-size: 10px;
}
#qeel table td {
border-radius: 10px;
position: relative;
padding-top: 25px;
min-height: 50px;
}
#qeel table td.withbg {
background: #4f4d4f;
border: 1px solid #000000;
-moz-border-radius : 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
}
#qeel h2 {
/*height: 34px;*/
position: absolute;
top: -12px;
z-index: 3;
font-size: 24px;
font-family: 'Covered By Your Grace', cursive;
color: #100c0d;
}
#qeel h2:hover {
color: #beba9d;
}
#qeel td.row1, td.row3.over:hover {
background-color: transparent !important;
}
#qeel table.annifs {
margin-top: -30px !important;
}
table.annifs tbody tr:nth-child(2) td {
padding-top: 0px !important;
}
.groups {padding: 10px !important; text-align: center; }
/* CREDITS */
#credits {
position: absolute;
padding: 0px 10px;
bottom: -20px;
right: 0px;
height: 20px;
line-height: 20px;
font-size: 8px;
color: gray;
text-transform: uppercase;
text-shadow: 1px 1px 0px #beba9d;
}
/*------------------------------------
Code CSS fait par Belph modifier par Kiowa
--------------------------------------*/
div.sous_forum {
/* On retire les virgules (ne pas modifier) */
padding-top: 5px;
visibility:hidden;
font-size:1px;
}
div.sous_forum a {
/* on rend le texte a nouveau visible (ne pas modifier) */
visibility:visible;
font-size:normal;
display: block;
text-align: center;
align: center;
text-transform : uppercase;
padding: 2px;
width: 95%;
background: #4f4d4f;
border: 1px solid #100c0d;
-moz-border-radius:10px 10px 10px 10px;
-webkit-border-radius:10px 10px 10px 10px;
border-radius:10px 10px 10px 10px;
-moz-box-shadow:0 1px 5px #000000;
-webkit-box-shadow:0 1px 5px #000000;
box-shadow:0 1px 5px #000000;
}
div.sous_forum a:hover {
text-transform : uppercase;
color: #100c0dd;
padding: 2px;
background-image: URL("");
border: 1px solid #100c0d;
-moz-border-radius:10px 10px 10px 10px;
-webkit-border-radius:10px 10px 10px 10px;
border-radius:10px 10px 10px 10px;
-moz-box-shadow:0 1px 5px #000000;
box-shadow:0 1px 5px #000000;
-webkit-box-shadow:0 1px 5px #000000;}
div.description_forum{
display: block;
text-align: justify;
align: center;
margin: 2px;
padding: 5px;
width: 97%;
background: #3c3a3d;
border: 1px solid #100c0d;
-moz-border-radius:10px 10px 10px 10px;
border-radius:10px 10px 10px 10px;
-webkit-border-radius:10px 10px 10px 10px;
-moz-box-shadow:0 1px 5px #000000;
box-shadow:0 1px 5px #000000;
-webkit-box-shadow:0 1px 5px #000000;}
div.description_restreinte {
max-height: 150px;
overflow: auto;
padding-right: 10px;
}
div.sujets_messages{
display: block;
color: #beba9d !important;
margin: 5px;
padding: 5px;
width:200px;
background-image: URL("http://nsa33.casimages.com/img/2015/01/18//150118052645761443.jpg");
opacity: 0.5;
border: 1px solid #100c0d;
-moz-border-radius:10px 10px 10px 10px;
border-radius:10px 10px 10px 10px;
-webkit-border-radius:10px 10px 10px 10px;
-moz-box-shadow:0 1px 5px #000000;
box-shadow:0 1px 5px #000000;
-webkit-box-shadow:0 1px 5px #000000;
text-align: center;
text-shadow: 1px #000;}
.sujets_messages span {
font-size: 10px;
}
.cattitle {
color: #100c0d !important;
}
.cat_head {
color: #100c0d !important;
}
div.dernier_message{
display: block;
width:170px;
margin: 5px;
padding: 5px;
background-image: URL("http://nsa33.casimages.com/img/2015/01/18//150118052645761443.jpg");
opacity: 0.5;
border: 1px solid #100c0d;
-moz-border-radius:10px 10px 10px 10px;
-webkit-border-radius:10px 10px 10px 10px;
border-radius:10px 10px 10px 10px;
-moz-box-shadow:0 1px 5px #000000;
box-shadow:0 1px 5px #000000;
-webkit-box-shadow:0 1px 5px #000000;}
.dernier_message span {
color: #beba9d
}
.dernier_message span a {
font-size: 12px;
text-transform : uppercase;
color: #beba9d !important;
}
.dernier_message span a:hover{
color: #beba9d !important;
}
.secondarytitle h2 {
color : #100c0d ;
}
.secondarytitle th {
color : #100c0d ;
}
a.forumlink:link, a.forumlink:visited {
text-transform : uppercase;
display: block;
text-align: center;
font-size: 100%;
margin: 5px;
padding: 5px;
width: 95%;
background: #4f4d4f;
border: 1px solid #100c0d;
-moz-border-radius:10px 10px 10px 10px;
border-radius:10px 10px 10px 10px;
-webkit-border-radius:10px 10px 10px 10px;
box-shadow:0 1px 5px #000000;
-moz-box-shadow:0 1px 5px #000000;
box-shadow:0 1px 5px #000000;
-webkit-box-shadow:0 1px 5px #000000;}
a.forumlink:hover, a.forumlink:hover:visited {
text-transform : uppercase;
color: #100c0d !important;
margin: 5px;
padding: 5px;
background-image: URL("http://nsa33.casimages.com/img/2015/01/18//150118052645761443.jpg");
border: 1px solid #100c0d;
-moz-border-radius:10px 10px 10px 10px;
-webkit-border-radius:10px 10px 10px 10px;
border-radius:10px 10px 10px 10px;
border-radius:10px 10px 10px 10px;
box-shadow:0 1px 5px #000000;
-moz-box-shadow:0 1px 5px #000000;
-webkit-box-shadow:0 1px 5px #000000;}
Merci beaucoup xo