Mélodie
Messages : 29 Date d'inscription : 26/10/2009
| Sujet: css sauvgearmp Dim 5 Aoû - 20:49 | |
| - Code:
-
/* CONFIGURATION DE FORUMLINE */ .forumline { margin-bottom: 15px; padding: 10px; background: #C7C7C7; border: 3px none #3B2214; -moz-box-shadow: 0 0 6px 0 #4A4949; -webkit-box-shadow: 0 0 6px 0 #4A4949; box-shadow: 0 0 6px 0 #4A4949; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; } /* TITRE FORUM */ span.forumlink { line-height: 38px; vertical-align: middle; display: block; margin: 0; text-align: center; width: 100%; min-width: 250px; } /* LIENS TITRE DU FORUM */ a.forumlink{ text-shadow: 1px 0px 2px #000; letter-spacing: 6px; font-size: 17px; } /* TITRE DE CATEGORIES */ .secondarytitle, .secondarytitle h2 { text-shadow: 0px 0px 1px #000; letter-spacing: 3px; font-weight: bold; font-size: 14px; position: relative; height: 3px; } .rotat-cat-titre{ float-left; position: absolute; width: 300px; margin: 0 auto; padding: 0; } /* DIV CONTENANT LE TITRE DE CATEGORIE */ .top_tfa_cat{ position: relative; width: 100%; margin: 0 auto; padding: 0; } /* TITRE DE CATEGORIE EN FLOTTANT A GAUCHE + ROTATION DU TEXTE */ .cat_titre{ float: left; background: #C7C7C7; padding: 8px; border: 1px solid #9b9a9a; border-bottom: none; border-left: none\9; border-bottom: 1px solid #9b9a9a\9; -moz-border-radius: 9px 9px 0px 0px; -webkit-border-radius: 9px 9px 0px 0px; border-radius: 9px 9px 0px 0px; margin: 0; z-index: 2; position: absolute; margin-top: 30px; margin-left: -45px; top: 0; left: 0; -webkit-transform: translateX(-100%) rotate(-90deg); -webkit-transform-origin: right top; -moz-transform: translateX(-100%) rotate(-90deg); -moz-transform-origin: right top; -o-transform: translateX(-100%) rotate(-90deg); -o-transform-origin: right top; -ms-transform: translateX(-100%) rotate(-90deg); -ms-transform-origin: right top; transform: translateX(-100%) rotate(-90deg); transform-origin: right top; filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=3); /* IE-only DX filter */ writing-mode: tb-rl; filter: flipv fliph; } /* REGLAGES IE7 */ .cat_titre{ /margin-left: -11px; /border: 1px solid #9b9a9a; /border-left: none; } /* DESCRIPTION */ .cell_tfa_des{ background : #BDBDBD; padding:7px; margin: 0 auto; border : 1px solid #aeaeae; -moz-border-radius: 0px 0px 15px 15px; -webkit-border-radius: 0px 0px 15px 15px; border-radius: 0px 0px 15px 15px; } .la_description span.genmed img{ margin: 5px; } /* DERNIERS SUJETS */ .dernier_messages{ background : #BDBDBD; background-position: bottom; padding: 7px; padding-left: 28px; margin: 0 auto; height: 50px; border : 1px solid #aeaeae; -moz-border-radius: 15px 15px 0px 0px ; -webkit-border-radius: 15px 15px 0px 0px ; border-radius: 15px 15px 0px 0px ; } /* EMPLACEMENT DE L ICONE NEW/NO-NEW/CLOS */ .icone_cat{ position: relative; float: left; margin-left: -10px; margin-top: -15px; } /* TEXTES CELLULES SOUS-FORUMS ET NOMBRE DE SUJETS-MESSAGES */ .text-tfa_cell .gensmall{ font: 11px Arial; color: #cfcfcf; text-shadow: 0px 0 1px #000; } .text-tfa_cell .gensmall img{ vertical-align: middle; } /*--------------------------------------------------------Proil avatar-------------------*/ div.info_profil em { display:none; }
div.info_profil:hover { background: none; z-index: 999; cursor: hand; position: relative; text-decoration:none; border: 0; }
div.info_profil:hover em { font-style: normal; font-size: 10px; color:#000 !important; padding: 3px; display: block; position: absolute; top: 130px; left: 100px; -moz-border-radius: 7px 0px 7px 0px ; -webkit-border-radius: 7px 0px 7px 0px ; border-radius: 7px 0px 7px 0px ; -moz-box-shadow: 0px 0px 4px #000; -webkit-box-shadow: 0px 0px 4px #000; box-shadow: 0px 0px 4px #000; background-color: #CAD4EB; border: 2px solid #D15B1C; width:180px; } /*------------------------------------------------------------------------ debut tag moderation --*/ .moderation_val1 { text-align: center; background: none; color: #05AF08; font-weight: bold; width: 80%; float:right; margin-right: 100px; } .moderation_img1 { background: none; background:url(http://i42.servimg.com/u/f42/17/02/12/65/sans_t17.png)no-repeat center right; height: 400px; width: 600px; } .moderation_val2 { text-align: center; background: none; color: #AF0596; font-weight: bold; width: 80%; float:right; margin-right: 100px; } .moderation_img2 { background: none; background:url(http://i42.servimg.com/u/f42/17/02/12/65/sans_t18.png)no-repeat center right; height: 400px; width: 600px; }
.moderation_val3 { text-align: center; background: none; color: #224DE8; font-weight: bold; width: 80%; float:right; margin-right: 100px; } .moderation_img3 { background: none; background:url(http://i40.servimg.com/u/f40/17/20/33/92/tagint10.png)no-repeat center right; height: 400px; width: 600px; } .moderation { background: none; text-align: right; background:url(http://i44.servimg.com/u/f44/14/44/90/04/croixr10.png)no-repeat center left; padding: 5px 5px 5px 100px; -moz-border-radius: 18px 18px 18px 18px; -moz-box-shadow: 3px 3px 20px; border-radius: 30px; border: 3px double red; color: red; font-weight: bold; width: 60%; margin: auto; } .moderation_ques { background: none; text-align: right; background:url(http://i42.servimg.com/u/f42/17/02/12/65/interr10.png)no-repeat center left; padding: 5px 5px 5px 100px; -moz-border-radius: 18px 18px 18px 18px; -moz-box-shadow: 3px 3px 20px; border-radius: 30px; border: 3px double blue; color: blue; font-weight: bold; width: 60%; margin: auto; } .moderation_val { background: none; text-align: right; background:url(http://i42.servimg.com/u/f42/17/02/12/65/person10.png)no-repeat center left; padding: 5px 5px 5px 135px; -moz-border-radius: 18px 18px 18px 18px; -moz-box-shadow: 3px 3px 20px; border-radius: 30px; border: 3px double green; color: green; font-weight: bold; width: 60%; margin: auto; } .moderation_avert { background: none; text-align: right; background:url(http://i44.servimg.com/u/f44/14/44/90/04/croixo10.png)no-repeat center left; padding: 5px 5px 5px 100px; -moz-border-radius: 18px 18px 18px 18px; -moz-box-shadow: 3px 3px 20px; border-radius: 30px; border: 3px double orange; color: #F76B2A; font-weight: bold; width: 60%; margin: auto; } .moderation_verif { background: none; text-align: right; background:url(http://i42.servimg.com/u/f42/17/02/12/65/3d_res11.png)no-repeat center left; padding: 5px 5px 5px 100px; -moz-border-radius: 18px 18px 18px 18px; -moz-box-shadow: 3px 3px 20px; border-radius: 30px; border: 3px double #870EF2; color: #870EF2; font-weight: bold; width: 60%; margin: auto; } /*-- fin tag moderation --*/ /*---ancienne description--*/ .genmed1{ /* La div ayant pour class 'description' */ -moz-border-radius: 10px; /* Réglage des arrondis des coins pour mozilla */ -webkit-border-radius: 10px; /* Réglage des arrondis des coins pour chrome et safari */ border-radius:10px; /* réglage des arrondis des coins */ font-size:12px; text-align:justify; margin-top :-6px; color:#000000; text-align: center; margin-left:60px; overflow: auto; width : 500px; height: 75px; padding:3px;background-color : #4b6776; }
/*--fin ancienne description--*/
.sousforum { font-size:13px; color:#000; ; padding:3px; }
#nav_barr { position: fixed; /*--- Cette ligne permet de toujours afficher la barre ---*/ width:900px; /*--- pour régler la largeur de la barre ---*/ border:1px #94a8b3 solid; /*--- On ajoute une bordure ---*/ margin-left:-450px; /* pour centrer: largeur divisée par -2 */ left:50%; -moz-border-radius:0px 0px 10px 10px; /* pour mozilla */ -webkit-border-radius: 0px 0px 10px 10px; /* pour chrome et safari */ border-radius:0px 0px 10px 10px; /* réglage des arrondis */ background-color: #CBD3D6; height:30px; } a.mainmenu{ text-decoration: none; color : #4b6776; text-shadow: 2px 2px 2px #4b6776; font-variant: small-caps; text-align: center; } a.mainmenu:hover{ text-decoration: underline; color : #ffffff; } /* |-------------------------------------------------------------------------- | PAGE D'ACCUEIL |-------------------------------------------------------------------------- */
/* Propriétés générales */ .block, .titre, .lien { background: #C7C7C7; color:#000000; border: 1px #968B8B dashed; -moz-border-radius:20px 20px 20px 20px; -webkit-border-radius:20px 20px 20px 20px; border-radius:20px 20px 20px 20px; text-shadow: 0px 0px 8px #ffffff; -moz-box-shadow: 1px 1px 5px #ffffff; -webkit-box-shadow: 1px 1px 5px #ffffff; }
.block, .lien { text-align: center; padding: 10px; }
td { vertical-align: top; }
/* Images */ .block-partenaires img, .thumbnail > div { -moz-transition: opacity 1s; -o-transition: opacity 1s; -webkit-transition: opacity 1s; -htm-transition: opacity 1s; transition: opacity 1s; }
.block-partenaires img { width: 88px; height: 31px; padding: 1px; opacity: 0.5; -moz-opacity: 0.5; filter: alpha(opacity=50); } .block-partenaires img:hover { opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); }
.thumbnail { position: absolute; z-index: 0; }
.thumbnail:hover{ background-color: transparent; z-index: 50; }
.thumbnail > div { position: absolute; left: -2000px; padding: 5px; margin: auto; background-color:#C7C7C7; color: #ffffff; text-shadow: 0px 0px 8px #000000; border-LEFT: 1px dashed #968B8B; opacity: 0.5; -moz-opacity: 0.5; filter: alpha(opacity=50); }
.thumbnail:hover > div { top: 0px; left: 0px; width: 78px; height: 78px; opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); }
/* Liens */ .lien{ display: block; width: 110px; margin-right: 10px; text-decoration: none; color: #ffffff; }
.lien:hover{ background: #ffffff; color: #000000; }
a.tstaff { display: block; text-align: center; margin-top: 95px; }
.block a { text-decoration: none; }
/* Blocs */ .block-welcome, .block-staff { height: 150px; overflow: auto; text-align: justify; }
.block-welcome { width: 500px; }
.block-staff { width: 332px; }
.block-staff table { margin: auto; }
.block-staff td { width: 92px; }
.block-partenaires, .block-nouveautes, .block-credits { width: 280px; height: 120px; }
.block-partenaires > div, .block-nouveautes > div, .block-credits > div { width: 280px; height: 70px; overflow: auto; }
/* Titres */ .titre { font-family: impact; font-size: 14px; padding: 4px; margin: auto; margin-bottom: 5px; }
.titre-welcome { height: 130px; width: 20px; padding: 7px; margin-right: -4px; margin-top: 15px; text-align: center; border-RIGHT: 1px dashed #968B8B; }
.titre-staff { width: 130px; text-align: center; }
.titre:hover { background: #FFFFFF; color: #000000; text-shadow: 0px 0px 8px #968B8B; }
.titre-welcome:hover { background: C7C7C7; color: #ffffff; text-shadow: 0px 0px 8px #968B8B; } ________________________qeel______________ img.lumiere { opacity:0.5 -moz-opacity:0.5; -ms-filter:"alpha(opacity=50)"; filter:alpha(opacity=50); } img.lumiere:hover { opacity:2; -moz-opacity:1; -ms-filter:"alpha(opacity=100)"; filter:alpha(opacity=100); } .forumline { opacity: 0.75; -moz-border-radius:11px; -webkit-border-radius:11px; -ô-border-radius:11px; -khtml-border-radius:11px; border-radius:11px; border: 1px dashed #968B8B; } a { text-decoration: none; } ________________________________qeel_____________________
/*** Qui est en ligne ? ***/
table#qeel{ width:800px; margin:auto; margin-top:10px; } table#qeel td div#stats{ background-color:#C7C7C7; -moz-border-radius: 10px; /* pour mozilla */ -webkit-border-radius: 10px; /* pour chrome et safari */ border-radius:10px; /* réglage des arrondis */ border:1px dashed #968B8B; width:350px; font-size:12px; text-align:left; padding-right:12px; padding-left:12px; padding-bottom:4px; color:#000000; margin-bottom:10px; }
table#qeel td div#groupes h1{ font-size:12px; border-bottom:#968B8B 2px double; font-style:italic; color:#000000; margin-bottom:4px; margin-top:0; padding-top:0; } table#qeel td div#groupes{ background-color:#C7C7C7; -moz-border-radius: 10px; /* pour mozilla */ -webkit-border-radius: 10px; /* pour chrome et safari */ border-radius:10px; /* réglage des arrondis */ border:1px dashed #968B8B; width:230px; text-align:center; border-bottom:#968B8B 1px solid; padding-bottom:4px; font-size:12px; margin-bottom:10px; padding:4px; margin-right:10px; } table#qeel td div#mb_co{ background-color:#C7C7C7; -moz-border-radius: 10px; /* pour mozilla */ -webkit-border-radius: 10px; /* pour chrome et safari */ border-radius:10px; /* réglage des arrondis */ border:1px dashed #968B8B; width:800px; font-size:12px; text-align:center; padding:4px; color:#000000; } table#qeel_co24 td{ background:none; } table#qeel_co24 td.row1{ width:800px; text-align:center; } table#qeel_co24 td.row1 span.gensmall{ font-size:12px; text-align:center; padding:4px; color:#000000; }
/*-- Deco des sujets --*/
.titredeco { width : 500px ; padding-bottom:3px; -moz-border-radius-:15px; border : 2px solid #94a8b3; background-color : #D4B58E; font-size: 20px; text-align: center; letter-spacing: 1px; margin:auto; color:#4b6776; }
hr { border: 1px #94a8b3 solid;}
.formu { font-weight: bold; color: #; font-variant: small-caps; } /* TITRES DES CATEGORIE */
.forumdescription{ /* La div ayant pour class 'description' */ -moz-border-radius: 18px 18px 18px 18px; /* Réglage des arrondis des coins pour mozilla */ -webkit-border-radius: 10px; /* Réglage des arrondis des coins pour chrome et safari */ border-radius:10px; /* réglage des arrondis des coins */ border:1px dashed #968B8B; font-size:12px; text-align:center; margin-top :-6px; color:#000000; text-align: center; margin-left:60px; margin-right: 40px; margin-bottom: 6px; margin-top: -6px; padding-left: 10px; padding-right: 10px; padding-bottom: 5px; overflow: auto; width : 500px; height: auto; padding:3px; background-color : none; font-variant: small-caps; display: block; line-height: 17px; -moz-box-shadow: 3px 3px 20px rgb(0, 0, 0); font-variant: small-caps; }
.limitation-avatar img { max-width: 150px; max-height: 200px; }.
| |
|