Sweet Purple Admin
Messages : 131 Date d'inscription : 12/07/2010 Age : 29
| Sujet: Css de Couleurs en folies Sam 17 Mar - 12:10 | |
| Voici le code Css
- Code:
-
/***APPARENCE FORUM***/
body { background-position: center; background-repeat: repeat; background-image: url('http://nsa15.casimages.com/img/2010/07/07/100707070254421263.png'); }
.bodyline { border: 10px solid #f4d2bf; }
.secondarytitle,.secondarytitle h2 { margin: 0; padding: 0; color: #F8F5EF; font-family: Comic Sans MS; font-size: 15px; text-align: center; left: 100px; }
.secondarytitle h2 { display:inline; }
.infos { margin: 0; padding: 0; color: #F8F5EF; font-family: Comic Sans MS; font-size: 15px; }
#add-google{ border: 0px dotted #9e9e9e; }
/* ********** PROFIL ********** */
.name { font-family: Trebuchet MS; font-size: 36; Tes autres codes si tu le souhaites. }
.postdetails.poster-profile a img { -moz-border-radius-bottomleft:10px; -moz-border-radius-bottomright:10px; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; border: 5px solid #bcbcbc; }
a:link,a:active,a:visited { font-size: 12px; text-decoration: none; color : ; text-transform: lowercase; filter:alpha(opacity=30); -moz-opacity: 0.9; opacity: 0.9; font-family: Georgia; }
a:hover{ text-decoration: none !important; color : ; filter:alpha(opacity=100); -moz-opacity: 0.9; opacity: 1.0; text-transform: lowercase; }
/***APPARENCE CAT-FO***/
.forumline .row1, .forumline .row2, .forumline .row3, .forumline .row3Right { background-image:url("http://"); padding:2px 3px;}
.forumline{ background-image:url("http://"); border-bottom: 6px #79574a solid; border-top: 6px #79574a solid; border-right: 3px #79574a solid; border-left: 3px #79574a solid; }
a.mainmenu { font-size: 14px; text-align : left ; color: #ce7763; font-family: Times New Roman; font-weight: bold; border-bottom: 2px dotted #e49147; text-transform : uppercase; letter-spacing: 2px; padding-left: 0px; padding-right: 3px; padding-bottom: 0px; padding-top: 3px; margin-left: 30px; margin-bottom: -2px; }
/***DESCRIPTION FORUM***/
#categorie_descrip{ width:150px; background-color: #e2a27f; font-family: Georgia; padding-top: 5px; padding-bottom: 5px; border-left: solid 3px #9a6653; border-right: solid 3px #9a6653; }
#categorie_descrip:hover{ width:150px; background-color: #9a6653; font-family: Georgia; padding-top: 5px; padding-bottom: 5px; border-left: solid 3px #e2a27f; border-right: solid 3px #e2a27f; }
#descripti{ width:550px; background-color: #e2a27f; font-family: Georgia; padding-top: 5px; padding-bottom: 5px; margin-left: 30px; }
#descripti:hover{ width:550px; background-color: #9a6653; font-family: Georgia; padding-top: 5px; padding-bottom: 5px; margin-left: 30px; }
.def { width:550px; background-color: #673d23; font-family: Georgia; padding-top: 1px; padding-bottom: 1px; margin-left: 30px; }
a.forumlink:link, a.forumlink:visited { font-size: 20px; text-align : left ; color: #8a533f; font-family: Times New Roman; font-weight: bold; border-bottom: 2px dotted #a6968c; text-transform : uppercase; letter-spacing: 2px; padding-left: 0px; padding-right: 3px; padding-bottom: 0px; padding-top: 3px; margin-left: 30px; margin-bottom: -2px; display: block; }
a.forumlink:hover, a.forumlink:hover:visited { color: #a6968c; border-bottom: 2px dotted #8a533f; display: block; }
#coulour { font-family: Georgia!important; font-size: 11px!important; color:#7f665f!important; letter-spacing: -1px; font-weight: normal; }
.catégoz {
font-weight: normal; font-family : Georgia ; letter-spacing: 2px; font-size: 20px; padding-left: 5px; padding-right: 5px; padding-bottom: 10px; padding-top: 10px; margin-top:-55px; width=800px }
.forumline { -moz-border-radius-bottomleft:20px; -moz-border-radius-bottomright:20px; -moz-border-radius-topleft:20px; -moz-border-radius-topright:20px; -webkit-border-radius: 20px; background-color:#f0cbb6; padding:0px; border: 2px solid #cab6a7; margin-bottom: 20px}
.forumcatego { -moz-border-radius:20px; -webki-border-radius:20px; }
/***CITER/CODE/SPOILER***/ .quote{ font-family: Times New Roman; font-size: 12px; color: #000000; background-color: #E1D8CE; border-top : 2px dotted #45407A; border-bottom: 2px dotted #45407A; border-left: 1px dotted #45407A; border-right: 1px dotted #45407A; text-align: left; background-repeat: no-repeat; background-color: #FFFFFF; background-position: bottom right; width: 100%; }
.code{ font-family: Courier,Courier New,sans-serif; font-size: 12px; color: #000000; background-color: #E1D8CE; border-top : 2px dotted #45407A; border-bottom: 2px dotted #45407A; border-left: 1px dotted #45407A; border-right: 1px dotted #45407A; text-align: left; background-repeat: no-repeat; background-color: #FFFFFF; background-position: bottom right; width: 100%; }
.spoiler_content, .spoiler_content.hidden { font-family: Times New Roman; font-size: 12px; color: #000000; background-color: #E1D8CE; border-top : 2px dotted #45407A; border-bottom: 2px dotted #45407A; border-left: 1px dotted #45407A; border-right: 1px dotted #45407A; text-align: left; background-repeat: no-repeat; background-color: #FFFFFF; background-position: bottom right; width: 100%; } .milieu {width: 90%; margin: 0px; border: 1px solid #ffffff;-moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 5px; background-color:#FBEFCA}
/* ********** BANDEAU ********** */
.bandeau { -moz-border-radius: 7px 7px 7px 7px; background-color: #transparent; border-bottom: 1px solid #767e7e; color: #3b718d; font-family: sans-serif; font-size: 14px; font-weight: lighter; letter-spacing: 1px; display:block; text-align: center; text-decoration: shadow !important; text-shadow: black 1px 1px 2px; }
.bandeau:hover { -moz-border-radius: 7px 7px 7px 7px; background-color: #transparent; border-bottom: 1px solid #3b718d; color: #767e7e; font-family: sans-serif; font-size: 14px; font-weight: lighter; letter-spacing: 1px; display:block; text-align: center; text-decoration: shadow !important; text-shadow: black 1px 1px 2px; letter-spacing : 3px; }
/* ********** OPACITÉ ********** */
.blabla { filter:alpha(opacity=50); -moz-opacity:0.5;opacity: 0.5; }
.blabla:hover { filter:alpha(opacity=100); -moz-opacity:1;opacity: 1; }
/* ********** HUHU...HEIN? ********** */
.titrehead { background-color : #transparent; /* la couleur du fond */ -moz-border-radius : 9px; /* pour arrondir les bords ( Firefox ) */ font-variant :small-caps; /* pour mettre les lettres en majuscules */ color : #DB216E; /* Couleur du texte */ }
.lienhead:hover { background-color : #transparent ; */ text-decoration : none!important; /* enlève le soulignement des liens */ border-bottom : 1px dotted; /* bord du bas en pointillé */ letter-spacing : 3px; /* espace les lettres de 3px */ }
/* ********** ONGLET ********** */
.onglet { display:inline-block; margin-left:3px; margin-right:3px; padding:3px; border:0px dashed white; cursor:pointer; } .onglet_0 { background:#transparent; border-bottom:0px dashed white; } .onglet_1 { background:#transparent; border-bottom:0px dashed white; padding-bottom:4px; } .contenu_onglet { background-color:#transparent; border:0px dashed white; margin-top:-1px; padding:5px; display:none; }
/* ********** J AI FAIM... ********** */
.couloure { -moz-border-radius: 7px 7px 7px 7px; background-color: #transparent; border-bottom: 3px dotted #ffffff; color: #ffffff; font-family: sans-serif; font-size: 14px; font-weight: lighter; letter-spacing: 1px; display:block; text-align: center; text-decoration: shadow !important; text-shadow: black 1px 1px 2px; }
.coulour { -moz-border-radius: 7px 7px 7px 7px; background-color: #transparent; border-bottom: 2px dotted #ffffff; color: #ffffff; font-family: sans-serif; font-size: 14px; font-weight: lighter; letter-spacing: 1px; display:block; text-align: center; text-decoration: shadow !important; text-shadow: black 1px 1px 2px; }
.coulour:hover { -moz-border-radius: 7px 7px 7px 7px; background-color: #transparent; border-bottom: 2px dotted #DB216E; color: #000000; font-family: sans-serif; font-size: 14px; font-weight: lighter; letter-spacing: 1px; display:block; text-align: center; text-decoration: shadow !important; text-shadow: black 1px 1px 2px; }
.fondi { -moz-border-radius: 7px 7px 7px 7px; background-image: url("http://s2.noelshack.com/old/up/pat3-5dc98f9f48.png"); text-shadow: black 0px 1px 12px; Height:120px; -moz-border-radius-bottomleft:9px; -moz-border-radius-bottomright:9px; -moz-border-radius-topleft:9px; -moz-border-radius-topright:9px; border-top: 5px solid #3b718d; border-bottom: 5px solid #3b718d; border-right: 2px solid #3b718d; border-left: 2px solid #3b718d;
}
.fondi:hover { -moz-border-radius: 7px 7px 7px 7px; background-image: url("http://s2.noelshack.com/old/up/pat3-5dc98f9f48.png"); text-shadow: black 0px 1px 12px; -moz-border-radius-bottomleft:9px; -moz-border-radius-bottomright:9px; -moz-border-radius-topleft:9px; -moz-border-radius-topright:9px;
}
.fondin { -moz-border-radius: 7px 7px 7px 7px; background-image: url("http://s2.noelshack.com/old/up/pat3-5dc98f9f48.png"); text-shadow: black 0px 1px 12px; Height:260px; -moz-border-radius-bottomleft:9px; -moz-border-radius-bottomright:9px; -moz-border-radius-topleft:9px; -moz-border-radius-topright:9px; border-top: 5px solid #3b718d; border-bottom: 5px solid #3b718d; border-right: 2px solid #3b718d; border-left: 2px solid #3b718d;
}
.fondin:hover { -moz-border-radius: 7px 7px 7px 7px; background-image: url("http://s2.noelshack.com/old/up/pat3-5dc98f9f48.png"); text-shadow: black 0px 1px 12px; Height:260px; -moz-border-radius-bottomleft:9px; -moz-border-radius-bottomright:9px; -moz-border-radius-topleft:9px; -moz-border-radius-topright:9px; border-top: 5px solid #767e7e; border-bottom: 5px solid #767e7e; border-right: 2px solid #767e7e; border-left: 2px solid #767e7e;
}
.fondaffliates { -moz-border-radius: 7px 7px 7px 7px; background-image: url("http://s2.noelshack.com/old/up/pat3-5dc98f9f48.png"); text-shadow: black 0px 1px 12px; Height:140px; -moz-border-radius-bottomleft:9px; -moz-border-radius-bottomright:9px; -moz-border-radius-topleft:9px; -moz-border-radius-topright:9px; border-top: 5px solid #3b718d; border-bottom: 5px solid #3b718d; border-right: 2px solid #3b718d; border-left: 2px solid #3b718d;
}
.fondaffliates:hover { -moz-border-radius: 7px 7px 7px 7px; background-image: url("http://s2.noelshack.com/old/up/pat3-5dc98f9f48.png"); text-shadow: black 0px 1px 12px; Height:140px; -moz-border-radius-bottomleft:9px; -moz-border-radius-bottomright:9px; -moz-border-radius-topleft:9px; -moz-border-radius-topright:9px; border-top: 5px solid #767e7e; border-bottom: 5px solid #767e7e; border-right: 2px solid #767e7e; border-left: 2px solid #767e7e;
}
.shimi { -moz-border-radius-bottomleft:9px; -moz-border-radius-bottomright:9px; -moz-border-radius-topleft:9px; -moz-border-radius-topright:9px; border-top: 3px solid #427999; border-bottom: 3px solid #427999; border-right: 3px solid #427999; border-left: 3px solid #427999; }
/* ********** OTHERS ********** */
.domi { text-shadow: white 1px 1px 2px; }
.domi:hover { color: #767e7e;
}
/* ********** INFOBULLE ********** */
a.infobulle { position: relative; }
a.infobulle span { display: none; /* ceci masque l'infobulle */ } a.infobulle:hover { background: none; /* correction d'un bug IE */ z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
} a.infobulle:hover span { display: inline; /* ceci affiche l'infobulle */ position: absolute;
white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
top: 5px; /* on positionne notre infobulle */ left: 15px;
background: #3b718d; /* arrière-plan de l'infobulle */
color: black; /* texte dans l'infobulle */ padding: 3px; text-shadow: black 0px 1px 12px;
/* bordures de votre infobulle*/ border: 3px solid #3b718d; -moz-border-radius-bottomleft:9px; -moz-border-radius-bottomright:9px; -moz-border-radius-topleft:9px; -moz-border-radius-topright:9px; }
/* ********** MUHAHAHA? ********** */
.largeur{ width:500px; }
.sunshine
{ padding-right: 177px; padding-left: 177px; background-color: #9A4E4D; font-family: Georgia; font-size: 15px; background-image:url(""); padding-top: 5px; padding-bottom: 5px; margin-bottom: 5px; border-bottom: 3px #ffffff dotted; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; -webkit-border-radius:10px 10px 0px 0px; }
.sunshine:hover { background-image:url("http://s2.noelshack.com/old/up/pat3-5dc98f9f48.png"); }
.sunshina
{ font-family: Georgia; background-color: #9A4E4D; font-size: 15px; padding-top: 5px; padding-bottom: 5px; -moz-border-radius-bottomleft:10px; -moz-border-radius-bottomright:10px; -webkit-border-radius:0px 0px 10px 10px; }
.sunshina:hover { background-image:url("http://s2.noelshack.com/old/up/pat3-5dc98f9f48.png"); }
/*Titre*/
.stripes { color: #9ca183; border-bottom: 1px dotted #9ca183; border-left: 1px dotted #9ca183; background-image: url(http://s2.noelshack.com/old/up/pat3-5dc98f9f48.png); -moz-border-radius-topright: 20px; padding-left: 20px; -moz-border-radius-topleft: 20px; padding-right: 20px; }
.contours { font-size: 12px; font-family: Georgia; color: #ffffff; background-color: #3b718d; border-bottom: 1px solid #ffffff; border-top: 1px solid #ffffff; padding-bottom: -5px; padding-top: -5px; }
.trans { font-size: 13px; font-family: Georgia; background-image: url(http://s2.noelshack.com/old/up/pat3-5dc98f9f48.png); border-bottom: 1px solid #ffffff; border-top: 1px solid #ffffff; border-left: 1px solid #ffffff; border-right: 1px solid #ffffff; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; padding-right: 10px; }
/*Onglet*/
.text { color:#FFFFFF; /*Couleur du texte de vos onglets*/ cursor:pointer; }
#cat_nomonglet1,#cat_nomonglet2,#cat_nomonglet3,#cat_nomonglet4,#cat_nomonglet5 /*nomonglet... à remplacer par le nom des onglets*/ { padding-top:4px; }
.spoiler_content { display: block; } .hidden .spoiler_content { display: none; }
.cat_forum { background-color: #000000; margin: auto; margin-bottom:30px; width:800px; }
.onglet { display:inline-block; margin-top:30px; text-decoration:none; !important cursor:pointer; }
.onglet li { float:left; list-style-type:none; margin-bottom:-22px; text-decoration:none; !important cursor:pointer; }
.onglet li:hover { text-decoration:none; !important cursor:pointer; }
.onglet li a { display:block; text-decoration:none; !important list-style-type: none; cursor:pointer; }
.onglet li a: hover { text-decoration:none; list-style-type:none; cursor:pointer; }
.onglet_actif { background: url('URL_ONGLET_ACTIF') no-repeat; /*URL de l'onglet étant actif*/ width:LARGEURpx; /*Largeur de l'onglet étant actif*/ height:HAUTEURpx; /*Hauteur de l'onglet étant actif*/ cursor:pointer; }
.onglet_nactif { background:url('URL_ONGLET_INACTIF') no-repeat; /*URL de l'onglet étant inactif*/ width:LARGEURpx; /*Largeur de l'onglet étant inactif*/ height:HAUTEURpx; /*Hauteur de l'onglet étant inactif*/ cursor:pointer; }
/* pour linfobulle */ * { font-family: Tahoma, Verdana, Arial, serif, Georgia, Courier New;
} a.info { position: relative; color: #000000; text-decoration: none; }
a.info span { display: none; /* on masque l'infobulle */ font-size: 10px;
} a.info:hover { background: none; /* correction d'un bug IE */ z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
cursor: help; /* on change le curseur par défaut en curseur d'aide */ } a.info:hover span { display: inline; /* on affiche l'infobulle */ position: absolute;
white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
top: 0px; /* on positionne notre infobulle */ left: 5px;
background: #CCCACA;
color: #000000; padding: 3px;
border: 3px solid #5A968E; }
tr.post span.gensmall { display: none; }
fin
/*pseudo minuscule*/ a { text-transform: lowercase ;}
fin
/*Justifier le texte +ul*/ .postbody { display: block; padding-left: 15px; padding-right: 15px; text-align:justify; }
tr.post span.gensmall { display: none; } | |
|