Nevada M. Sanchez
Avatar : Michelle Rodriguez Messages : 642 Date d'inscription : 12/04/2013
| Sujet: Sauvegarde du CSS Version 1 Sam 11 Mai - 13:13 | |
| - Code:
-
.bodyline{ -moz-box-shadow:1px 1px 10px #10214d; -webkit-box-shadow:1px 1px 10px #10214d; box-shadow:1px 1px 10px #10214d; padding: 0px; }
/* css du profil */ .profil_mess { position: relative; z-index: 2; width: 210px; margin-left: auto; margin-right: auto; margin-top: 10px; background-color: #bebce0; padding: 4px; text-align: center; border-radius: 10px; -moz-border-radius: 10px; -htm-border-radius: 10px; -o-border-radius: 10px; -webkit-border-radius: 10px; border: 2px solid #bebce0; box-shadow: 0px 0px 5px #000000; -moz-box-shadow: 0px 0px 5px #000000; -htm-box-shadow: 0px 0px 5px #000000; -o-box-shadow: 0px 0px 5px #000000; -webkit-box-shadow: 0px 0px 5px #000000; }
.name { display: block; text-transform: uppercase; margin-top: 15px; /*margin-bottom: -10px;*/ font-size: 14px; font-family: arial black; /*text-shadow: 1px 1px 0px #000000;*/ /*padding-bottom: 5px; border-bottom: 1px dashed #5b5b5b;*/ }
.avatar_mess { display: block; width: 200px; margin-left: auto; margin-right: auto; /*margin-top: 10px;*/ height: 320px; overflow: hidden; border: 3px solid #110c1d; opacity: 0.8; -moz-opacity: 0.8; -khtml-opacity: 0.8; filter: alpha(opacity=80); transition: 1s; -moz-transition: 1s; -o-transition: 1s; -htm-transition: 1s; -webkit-transition: 1s; } .avatar_mess:hover { opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; filter: alpha(opacity=100); transition: 1s; -moz-transition: 1s; -o-transition: 1s; -htm-transition: 1s; -webkit-transition: 1s; }
.profil2_mess { position: relative; z-index: 1; width: 180px; margin-left: auto; margin-right: auto; margin-top: -202px; background-color: #110c1d; padding-left: 4px; padding-right: 4px; text-align: left; border-radius: 10px; -moz-border-radius: 10px; -htm-border-radius: 10px; -o-border-radius: 10px; -webkit-border-radius: 10px; /*border: 2px solid #434343;*/ box-shadow: 0px 0px 5px #000000; -moz-box-shadow: 0px 0px 5px #000000; -htm-box-shadow: 0px 0px 5px #000000; -o-box-shadow: 0px 0px 5px #000000; -webkit-box-shadow: 0px 0px 5px #000000; color: #434343 !important; transform: rotate(-180deg); -moz-transform: rotate(-180deg); -o-transform: rotate(-180deg); -htm-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); transition: 1s; -moz-transition: 1s; -o-transition: 1s; -htm-transition: 1s; -webkit-transition: 1s; } .profil2_mess:hover { margin-top: -42px; transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -htm-transform: rotate(0deg); -webkit-transform: rotate(0deg); transition: 1s; -moz-transition: 1s; -o-transition: 1s; -htm-transition: 1s; -webkit-transition: 1s; } .profil2_content { display: block; width: 180px; height: 200px; max-height: 200px; overflow: auto; } /* fin css du profil */
/*retire bordure gênante*/ .row3Right { border: none !important; } .thHead { border: none !important; } .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; } .catBottom { border: none !important; }/* fin*/
/*CODE*/ .code{ font-family: Courier,Courier New,sans-serif; font-size: 11px; color: #515155;/*texte*/ background-color: #dad9eb;/*fond*/ padding:10px; -moz-border-radius:10px;}
/*CITATION*/ .quote{ font-family: Tahoma; font-size: 12px; color: #515155; line-height: 125%; background-color: #dad9eb; border-radius: 15px 15px 5px 5px; padding:7px; -moz-border-radius:15px 15px 5px 5px;}
/*SPOILER*/ .spoiler{ font-family: verdana; font-size: 11px; color: #ffffff; line-height: 125%; background-color: #000000; border: #415bac; border-style: solid; border-left-width: 6px; border-top-width: 0px; border-right-width: 6px; border-bottom-width: 0px; padding:7px}
/*texte toujours justifié*/ .postbody { text-align:justify; }
.bodylinewidth{ width: 800px; margin-top:-9px; margin-bottom:-9px; }
#navigation { position: fixed; z-index: 999; height: 30px; width: 100%; margin-left: -8px; } #navig { width: 100%; margin: auto; text-align: center; background: #090415; /*border-bottom: 2px solid #11255A;*/ padding-bottom: 3px; } #navig a { font-weight: bold; color: #fff; }
#navig a:hover{ color: #20364c; }
/* Codage du qeel*/ .qeel_titre { width: 500px; height: 67px; background: url(http://img11.hostingpics.net/pics/261039phraseqeel.png); } .qeel { width: 800px; height: 369px; background: url(http://img11.hostingpics.net/pics/482788qeel.png); } .qeel_table { width: 612px; margin: auto; } .colonne { position: absolute; z-index: 1; width: 200px; height: 300px; overflow: auto; margin-top: 0px; margin-left: 0px; background: #090415; border: 1px solid #090415; box-shadow: 0px 0px 0px #090415; -moz-box-shadow: 0px 0px 0px #090415; -o-box-shadow: 0px 0px 0px #090415; -htm-box-shadow: 0px 0px 0px #090415; -webkit-box-shadow: 0px 0px 0px #090415; font-size: 9px; opacity: 0.5; -moz-opacity: 0.5; -khtml-opacity: 0.5; filter: alpha(opacity=50); transition: 1s; -moz-transition: 1s; -htm-transition: 1s; -webkit-transition: 1s; -o-transition: 1s; } .colonne:hover { position: absolute; z-index: 99; width: 300px; height: 400px; margin-top: -50px; margin-left: -50px; background: #090415; border: 1px solid #090415; box-shadow: 0px 0px 5px #090415; -moz-box-shadow: 0px 0px 5px #090415; -o-box-shadow: 0px 0px 5px #090415; -htm-box-shadow: 0px 0px 5px #090415; -webkit-box-shadow: 0px 0px 5px #090415; font-size: 11px; opacity: 0.9; -moz-opacity: 0.9; -khtml-opacity: 0.9; filter: alpha(opacity=90); transition: 1s; -moz-transition: 1s; -htm-transition: 1s; -webkit-transition: 1s; -o-transition: 1s; } .qeel_contenu { display: block; text-align: justify; padding: 10px; }
/* Fin du qeel */
/* ------------------ MISE EN FORME DES CATEGORIES ET FORUMS -----------------------*/
img.icone{ position: absolute; left: 10px; top: 10px; }
.cate_titre{ clear: both; height: 100px; margin-top: 50px; }
.catetitre_bloc{ /*barre fond de titre catégorie*/ position: relative; z-index: 1; display: block; width: 100%; height: 25px; margin-left: auto; margin-right : auto; background-color: #20364c; }
.catetitre_content{ /*positionnement du titre catégorie*/ position: absolute; z-index: 2; display: block; width: 800px; margin-left: auto; margin-right: auto; margin-top: -40px; text-align: center; padding: 2px; }
.catetitre{ /*Mise en forme titre categorie*/ color: #fff; font-family: Times New Roman, Times, serif; font-size: 26px; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; text-shadow: 1px 1px 0px #081537; text-align:center; }
.forum_bloc{ width: 800px; margin-left: auto; margin-right: auto; margin-top: -30px; }
.forum{ /*taille des forums*/ float: left; width: 390px; height: 250px; margin-left: 5px; margin-right: 5px; margin-bottom: 50px; }
a.forumlink{ /* titre du forum*/ position: relative; z-index: 2; display: block; width: 100%; color: #ffffff !important; text-align: center; padding-bottom: 3px; font-family: Alpha Geometrique, Critter, Cottonwood, fantasy; font-size: 18px; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; text-shadow: 1px 1px 0px #012321; transform: all; -moz-transform: all; -o-transform: all; -htm-transform: all; -webkit-transform: all; transition: 2s; -moz-transition: 2s; -o-transition: 2s; -htm-transition: 2s; -webkit-transition: 2s; }
a.forumlink:hover{ /*titre du forum au passage du pointeur*/ color: #746cb8!important; transform: all; -moz-transform: all; -o-transform: all; -htm-transform: all; -webkit-transform: all; transition: 2s; -moz-transition: 2s; -o-transition: 2s; -htm-transition: 2s; -webkit-transition: 2s; }
.forum_contenu{ /* fond des forums*/ position: relative; z-index: 1; width: 98%; height: 90%; padding: 4px; margin-left: auto; margin-right: auto; margin-top: -8px; background-color: #b2b0c4 /*#efefef*/; border-bottom: 1px solid #415bac; }
.description{/*cadre description du forum*/ display: block; position: absolute; top: 10px; right: 10px; width: 270px; margin: auto; height: 115px; overflow: hidden; border: 2px solid #0b0617; box-shadow: 1px 1px 1px #06020e; -moz-box-shadow: 1px 1px 1px #06020e; -htm-box-shadow: 1px 1px 1px #06020e; -webkit-box-shadow: 1px 1px 1px #06020e; -o-box-shadow: 1px 1px 1px #06020e; }
.description_contenu{/*texte dans le cadre description*/ position: absolute; display: block; width: 270px; height: 115px; overflow: auto; background-color: #e6e6e6; font-size: 10px; color: #131313; padding: 3px; text-align: jutsify; opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; filter: alpha(opacity=0); transform: all; -moz-transform: all; -o-transform: all; -htm-transform: all; -webkit-transform: all; transition: 1s; -moz-transition: 1s; -o-transition: 1s; -htm-transition: 1s; -webkit-transition: 1s; }
.description_contenu:hover{ opacity: 0.8; -moz-opacity: 0.8; -khtml-opacity: 0.8; filter: alpha(opacity=80); transform: all; -moz-transform: all; -o-transform: all; -htm-transform: all; -webkit-transform: all; transition: 1s; -moz-transition: 1s; -o-transition: 1s; -htm-transition: 1s; -webkit-transition: 1s; }
.icone_stats{ width: 300px; margin: auto; margin-top: -30px; }
.stats_lastpost{ /*info dernier posteur, sujet...*/ display: block; position: absolute; bottom: 10px; width: 200px; height: 70px; margin-left: 10px; background-color: #ffffff; border-radius: 65px 65px 65px 65px; border: 1px solid #0c052a; padding: 5px; text-align: center; right: 40px; /* placement du cadre info dernier sujet, posteur*/ }
.stats{ display: block; margin-bottom: 5px; border-bottom: 1px dotted #0c052a; padding-bottom: 5px; font-size: 10px; color: #0c052a; }
.lastpost{ display: block; font-size: 11px; }
.sforum{ /*sous forum*/ position: relative; z-index: 3; display: block; height: 0; background: #20364c; color: #b5b5b5; overflow: hidden; transform: all; -moz-transform: all; -o-transform: all; -htm-transform: all; -webkit-transform: all; transition: 1s; -moz-transition: 1s; -o-transition: 1s; -htm-transition: 1s; -webkit-transition: 1s; }
.ouverture_sousforum{ /*languette servant à ouvrir*/ position: relative; z-index: 3; display: block; float: right; width: 125px; margin-right: 20px; background: #20364c; color: #b5b5b5; font-size: 11px; text-align: center; padding: 4px; border-radius: 0px 0px 65px 65px; } .sous_forum:hover .sforum{ /*bloc contenant les sous-forum une fois déplié*/ height: 50px; background: #20364c; color: #b5b5b5; padding: 4px; overflow: auto; transform: all; -moz-transform: all; -o-transform: all; -htm-transform: all; -webkit-transform: all; transition: 1s; -moz-transition: 1s; -o-transition: 1s; -htm-transition: 1s; -webkit-transition: 1s; }
.sous_forum a {/*liens des sous-forum*/ color: #b5b5b5 !important; text-shadow: 1px 1px 0px #000000; }
.sous_forum a:hover { color: #ffffff !important; }
/* Fin mise en forme des catérogie et forums */
a:link{text-decoration: none;} a:hover{text-decoration: none !important;} a:active{text-decoration: none;} a:visited{text-decoration: none;}
/* MISE EN FORME DES LISTES DE SUJETS */
.bloc_sujets { width: 780px; margin: auto; /*background: #5579BC;*/ /*border : #ffffff; 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: #b2b0c4; border-left: 5px solid #686492; padding: 3px; } .topictitle { font-variant: small-caps; font-size: 12px; } .sujets_auteur { display: block; width: 200px; font-size: 11px; } .sujet_last { display: block; width: 180px; height: 40px; background: #f4f4f4; border-radius: 50px 50px 50px 50px; padding-top: 10px; font-size: 11px; } .sujets_stats { width: 700px; text-align: right; margin-bottom: 5px; } .sujets_stats_contenu { font-size: 10px; color: #99BCDE; } /* fin mise en forme liste sujet*/
/* Fiche de présentation */ .fond_fiche_presentation{ width: 500px; background-color: #bebce0; height: 1200px; padding: 15px; color: white; text-align: justify; border-radius: 12% 2%; moz-border-radius: 12% 2%; /*border-left: 5px solid #1e184b; border-bottom: 5px solid #1e184b; */ position: relative; }
.avatar_pv_presentation{ border : 3px solid black; border-radius : 5px; moz-border-radius: 5px; width: 200px; height: 320px; position: absolute; top: 135px; left: 50px; }
.info_presentation{ position: absolute; left: 280px; text-align: left; color: #515155; }
.caractere_physique{ width: 450px; height: 150px; color: black; background: white; overflow: auto; text-align: justify; position: absolute; top : 490px; left: 35px; padding: 5px; }
.histoire_presentation{ width: 450px; height: 400px; color: black; background: white; overflow: auto; text-align: justify; position: absolute; top : 670px; left: 35px; padding: 5px; }
.vous_presentation{ width: 450px; height: 100px; color: black; background: white; overflow: auto; text-align: justify; position: absolute; top : 1100px; left: 35px; padding: 5px; }
.vous{ color: darkred; font-weight: bold; } /* Fin fiche de présentation */
/* présentation groupe*/ .fond_groupe{ background-color: #bebce0; width: 450px; height: auto; padding: 15px; color: white; text-align: justify; border-radius: 12% 2%; moz-border-radius: 12% 2%; /*border-left: 5px solid #1e184b; border-bottom: 5px solid #1e184b; */ } /* fin présentation groupe */
/* Codage mise en page contexte */ .fond_contexte{ background-color: #bebce0; width: 525px; height: auto; padding: 15px; color: white; text-align: justify; border-radius: 12% 2%; moz-border-radius: 12% 2%; /*border-left: 5px solid #1e184b; border-bottom: 5px solid #1e184b;*/ }
.accroche_contexte{ font-family: 'Satisfy', cursive; font-size: 30px; color: #3880BF; }
.texte_contexte{ text-align: justify; color: #202023; padding: 15px; } /* Fin codage mise en page contexte */
/* Codage Fiche Poste Vacant */ .fondfichepv{ width : 500px; position: relative; }
.partie_idpv{ background: #bebce0; height: 620px; border-radius: 12% 2%; moz-border-radius:12% 2%; /*border-left: 5px solid #1e184b; border-bottom: 5px solid #1e184b;*/ }
.nom_pv{ color: #000; font-family: 'Satisfy', cursive; font-size : 40px; line-height: 40px; border-bottom: 5px dotted #000; /*background: #797882; width: 450px;*/ }
.avatar_pv{ border : 3px solid black; border-radius : 5px; moz-border-radius: 5px; width: 200px; height: 320px; position: absolute; top: 100px; left: 20px; }
.info_pv{ position: absolute; top 30px; left: 240px; text-align: left; color: #515155; }
.texte_pv{ color: #202023; font-size: 12px; font-family: 'Gabriela', serif; text-transform: uppercase; line-height: 10px; }
.autre_info_pv{ width: 460px; height: 150px; background : white; text-align: justify; color: black; position: absolute; top : 450px; left: 20px; overflow :auto; }
.lien_pv_fiche{ background: lightgrey; border-radius: 10px; moz-border-radius:10px; height: auto; }
.lien_pv2{ background: white; width: 460px; height: 100px; padding: 5px; position: relative; }
.lien_pv2 img{ position: absolute; left: 5px; top: 5px; }
.lien_pv2_description{ position: absolute; left: 110px; top: 5px; height: 100px; overflow: auto; color: black; text-align: justify; }
.credit_nono{ font-family: 'Montaga', serif; font-size: 12px; text-align: center; color: #6d6d6d; } /* Fin codage poste vacant */
|
|