Papaaaa
Messages : 174 Date d'inscription : 12/02/2012
| Sujet: Code CSS 2012 14/9/2012, 16:56 | |
| Été : - Code:
-
/* ------------- ESPACEMENT IMG BARRE NAVIGATION -------------- */ a.mainmenu {margin-right:3px !important;}
/* ------------- RETIRER SOULIGNEMENT LIENS -------------- */ a:hover{text-decoration: none !important;} a {text-decoration: none !important;} a:link {text-decoration: none; color: mediumslateblue;} a:visited {text-decoration: none; color: darkgoldenrod;}
/* -------------- GENERALITES DU FORUM -------------- */ a.forumlink:link, a.forumlink:visited { font-family: Tempus Sans ITC; text-transform : uppercase; text-align: center; font-size: 15px; border-bottom: 5px dotted PowderBlue; border-left: 5px dotted PowderBlue; border-right: 5px dotted PowderBlue; color: #000000; letter-spacing: 3px; display: block; border-radius:10px; }
/* ------------- CADRE COLONNE DERNIERS MESSAGES -------------- */
table.case_stats{ width:200px; /* largeur */ height:140px; /* La hauteur */ margin:auto; /* on centre */ }
table.case_stats td.dernier_msg{ background-image:url('http://i48.tinypic.com/35nbq10.png'); background-position: center top; background-repeat:no-repeat; padding-left:30px; padding-right:25px; /* Je déclasse du bord droit de 60px à gauche de ma pate */ padding-top:17px; height:75px; /* mon image fait 85px de haut, mais comme j'ajoute 10px de remplissage, j'impose à ma case une hauteur = hauteur de mon image - padding top */ text-align:center; }
table.case_stats td.stats_forum{ background-image:url('http://i45.tinypic.com/2q9z4e8.png'); background-position: center bottom; background-repeat:no-repeat; padding-left:4px; padding-right:4px; text-align:center; }
table.case_stats td.dernier_msg p{ color:#e26e26; width:140px; /*la largeur de mon bloc moins la largeur de ma pate */ height:; padding:0; margin:0; margin-left:10px; /* Je décalle un peu par rapport aux bords gauche pour éviter que mon texte ne soit en dehors de mon cadre */ font-size:12px; } table.case_stats td.dernier_msg p a{ text-decoration:none; color:royalblue } table.case_stats td.dernier_msg p a:hover{ /*border:darkgoldenrod 1px dashed; padding:1px; -moz-border-radius:5px;*/ color:darkgoldenrod; }
table.case_stats td.stats_forum p{ color:darkkhaki; width:160px; /*la largeur de mon bloc moins quelques px */ margin-left:50px; font-size:10px; font-weight:bold; text-align:center; padding:0; }
/* -------------- ARRONDIS DES CADRES -------------- */ .forumline { background-color: white; border-radius: 10px ; border: 5px double steelblue; padding: -5px; }
/* Cadre des sous-forums */
.th { border-radius: 10px 10px 0px 0px; -webkit-border-radius: 10px 10px 0px 0px; }
/* Titres de catégories */
/* -------------- FOND SOUS-FORUMS ET PA -------------- */ td.row1,td.row3.over:hover,td.row2,td.row1.over:hover,td.row3,.row3Right { background-image: url("http://i48.tinypic.com/121fhup.png"); background-position: relative; background-repeat: repeat; }
.row3Right, td.catBottom { border:none !important; }
/* -------------- TITRES SOUS-FORUMS -------------- */ a.forumlink:hover, a.forumlink:hover:visited { background-image: url('http://i45.tinypic.com/ogdqv5.jpg'); color: #ffffff; text-align: center; display: block; border-bottom: 5px double PowderBlue; border-radius:10px; }
/* -------------- CADRE DU FORUM -------------- */ .bodyline { border-left:7px solid #; border-right:7px solid #; border-bottom:4px solid #; border-top:4px solid #; -webkit-border-radius: 10px; border-radius: 100px; -webkit-box-shadow: 0px 0px 8px #; -moz-box-shadow: 0px 0px 8px #; box-shadow: 0px 0px 8px #; }
/* -------------- ARRIERE-PLAN DU FORUM -------------- */ body{ background-position: center; background-repeat: no-repeat; background-attachment: fixed; }
/* -------------- RETIRER MESSAGE D'EDITION -------------- */ tr.post span.gensmall {display: none;}
/* -------------- INFOBULLE -------------- */
a.imginfo { /*infobulle*/ position: relative; color: #757575; text-decoration: none; border-bottom: 0px #399492 solid; /* on souligne le texte */ }
a.imginfo span { display: none; /* on masque l'infobulle */ } a.imginfo:hover { background: none; /* correction d'un bug IE */ z-index: 999; /* on définit une valeur pour l'ordre d'affichage */ cursor: crosshair; /* on change le curseur par défaut en curseur d'aide */ } a.imginfo:hover span { display: inline; /* on affiche l'infobulle */ position: absolute; white-space: ; /* 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: 80px; ont-family: Tempus Sans ITC; text-align: center; font-size: 12px; background-image: url("http://i48.tinypic.com/121fhup.png"); color: ; padding: 3px; border: 0px solid grey; border-left: 5px solid #399492; border-right: 3px solid #399492; border-top: 3px solid #399492; border-bottom: 5px solid #399492; width:200px; height: ; border-radius: 5px; -webkit-border-radius: 5px; } /* -------------- FIN INFOBULLE -------------- */
/* -------------- QEEL 2 PRINTEMPS 2012 -------------- */
#tableauqueel { padding: 6px; border: 5px double steelblue; background-position: center; background-repeat: no-repeat; background-color: white; height: 266px; width: 839px; border-radius : 10px 30px 10px 30px}
.groupes { background-color: white ; opacity: 0.8; border: 1px dashed steelblue ; border-radius : 15px 5px 15px 5px; height:40px; padding-right:12px; padding-left:14px; padding-bottom:3px; font-size:14px; font-weight: bold; text-align:center; font-color : ; text-decoration: none !important; } /* -------------- FIN DU QEEL 2 -------------- */
/* -------------- CHATBOX -------------- */ body.chatbox { background-image:url('http://i48.tinypic.com/121fhup.png'); background-repeat: repeat; } #chatbox_header { background-image:url('http://us.cdn3.123rf.com/168nwm/kgtoh/kgtoh0909/kgtoh090900435/5501765-vintage-alteree-illustration-de-fond-de-texture-parchemin-colores.jpg'); } #chatbox_header .cattitle strong { display: none ; } #chatbox_header .cattitle:before { content: "Discutons entre Hakuoukiens" ; } #chatbox_header .catBottom .cattitle { color:#3b2705 !important; margin:3px !important; padding:3px; text-align:center; font-size:11px !important; font-weight:bold; font-variant :small-caps; } #chatbox_header .chatbox-options .genmed, #chatbox_header .chatbox-options { color:#3b2705 !important; font-size:9px !important; font-weight:bold; } #chatbox_header .chatbox-options a { color:#3b2705; margin-bottom:3px !important; padding:3px; text-align:center; font-size:9px !important; font-weight:bold; } #chatbox { position: absolute; top: 30px; left: 181px; right: 0; bottom: 45px; overflow: auto; color:#3b2705; padding: 3px; text-align: left; font-size:11px !important; } #chatbox_members .member-title { color:#3b2705; margin:3px !important; padding:2px; text-align:center; font-size:11px !important; font-weight:bold; font-variant :small-caps; } #chatbox_members { position: absolute; top: 30px; bottom: 30px; width: 180px; overflow: auto;; } #chatbox .catBottom { border: none; } #chatbox_footer { position: absolute; bottom: 0; left: 0; right: 0; padding: 3px; color:#3b2705; margin:3px !important; opacity:1; text-align:left; font-size:9px !important; } #chatbox_footer label { color:#3b2705; font-size:11px !important; font-variant: small-caps; font-weight:bold; } #message { color:#3b2705; margin:3px !important; padding:2px; text-align:left; font-size:9px !important; } #submit_button { color:#3b2705; margin:3px !important; padding:2px; text-align:left; font-size:9px !important; } .fontbutton { padding: 1px; text-align:left; }
| |
|