Nono Admin
Salut, j'ai : 34 J'ai posté : 492 Date d'inscription : 08/05/2007
Feuille de personnage Age: 17 Grade: Juunin
| Sujet: CSS avant refonte Mer 23 Jan - 14:24 | |
| - Code:
-
.bodyline { -moz-border-radius:13px; border:15px solid #95ac6a; width: 800px; }
/*body{ background-position:top center; Bannières centrées background-repeat:no-repeat; Bannières qui ne se répètent pas background-attachment: scroll; Attacher le fond}*/
a.nav { color:#b5d29c; }
.postdetails.poster-profile img{width: 200px;} .upbottom { position: fixed; bottom : 0px ; margin-left : 90% }
/*couleur CB*/ #chatbox_members, #chatbox{ background: #E8E8E1; }
/*CODE*/ .code{ font-family: Courier,Courier New,sans-serif; font-size: 11px; color: #000000;/*texte*/ background-color: #b9bb96;/*fond*/ border: #15103b;/*bordure*/ border-style: solid; border-left-width: 7px; border-top-width: 0px; border-right-width: 7px; border-bottom-width: 0px; padding:10px; -moz-border-radius:10px; -webkit-border-radius:10px; }
/*CITATION*/ .quote{ font-family: Tahoma; font-size: 12px; color: #000000; line-height: 125%; background-color: #b9bb96; border: #15103b; border-style: solid; border-left-width: 6px; border-top-width: 0px; border-right-width: 6px; border-bottom-width: 0px; padding:7px; -moz-border-radius:6px; -webkit-border-radius:6px;}
/*SPOILER*/ .spoiler{ font-family: verdana; font-size: 11px; color: #FFF6D8; line-height: 100%; background-color: #c9c8d6; border: #15103b; border-style: solid; border-left-width: 6px; border-top-width: 0px; border-right-width: 6px; border-bottom-width: 0px; padding:7px; }
table.bodylinewidth { position: relative; top: -9px; }
td.bodyline { padding : 0 0 10px 0; }
#i_logo { position: relative; top: -15px; }
/*Fiche de lien*/ .lien_description{ background: #dfdeef; width: 320px; height: 80px; padding: 5px; text-align: justify; color: #5f627a; font-size: 11px; line-height: 10px; overflow: auto; }
/* Fiche présentation autre document */ .fond_doc_div{ background: #dfdeef; -webkit-box-shadow: 0px 0px 5px 0px #31335b; box-shadow: 0px 0px 5px 0px #31335b; border: 1px #c3c2da solid; color: #5f627a; width:500px; padding:3px; text-align:justify; font-size: 12px; }
.gros_titre_rouge{ text-align: center; font-family: impact; color: #c10000; font-size: 29px; }
.petit_info_gras_noir{ font-weight: bold; color: black; }
.moyen_titre_noir, .moyen_titre_rouge{ text-align: center; font-family: impact; font-size: 16px; }
.moyen_titre_noir{ color: black; } .moyen_titre_rouge{ color: #c10000; } /*Fin présentation doc autre*/
/* Nouvelle fiche de présentation */ .contenu_presa2{ background: white; width: 500px; -webkit-box-shadow: 0px 0px 5px 0px #31335b; box-shadow: 0px 0px 5px 0px #31335b; }
.name_presa2{ font-family: 'Give You Glory', cursive; font-size: 25px; text-align: center; color: #0d0c2b; background: #366088; }
.img_presa2{ width: 500px; }
.credit_presa2{ background: #2d4e6e; font-size: 10px; color: #0d0c2b; text-align: center; }
.presa2_part1{ width: 450px; padding: 5px; background: #dfdeef; border-top: 2px solid #43425c; border-bottom: 2px solid #43425c; color: #5f627a; text-align: justify; }
.info_p2{ color: #272154; font-style:italic; }
.presa_part2{ background: #dfdeef; width: 450px; padding: 5px; text-align: justify; color: #5f627a; }
.question_p2{ font-weight:bold; color: #272154; } /* Fin fiche de présentation */
td.rowpic, th, td.cat, td.catHead, td.catSides, td.catLeft, td.catRight, td.catBottom { -moz-border-radius:10px; -webkit-border-radius:10px; }
td.catHead, td.catLeft, td.catRight, td.catBottom, th.Left, th.Right{ background: #3d7745; }
a, a: hover{ text-decoration: none !important; }
/* selection code */ .selectCode { float:right; cursor:pointer; text-align:center; text-transform:uppercase; } a.mainmenu { position: relative; top: -10px; }
/*Présentation du Profil*/ .atelierprof { padding:10px; -webkit-border-radius: 40px 20px 10px 10px; border-radius: 40px 20px 10px 10px; /*text-transform:uppercase;*/ background-color:#3d7745; }
.pseudo_membre{ font-size: 15px; /*text-shadow : 1px 1px 3px #020202;*/ }
/*Profil derrière l'avatar*/
/* Code par Hiro pour CSSACTIF Merci de ne pas supprimer cette mention (http://www.css-actif.com) */
#englob { /* Encadrement global des 2 divs */ position:relative; width:200px; height:320px; /*border:1px solid red; La vilaine bordure rouge */ overflow:hidden; /* Permet de cacher ce qui dépasse */ }
.imgp { background:grey; /* le bg de la div qui contient l'avatar */ position:absolute; /* Laissez comme ceci */ top:0;/* Laissez comme ceci */ left:0;/* Laissez comme ceci */ width:100%;/* Laissez comme ceci */ height:100%;/* Laissez comme ceci */ z-index:1;/* La position par rapport à l'autre div qui contient les infos */ -webkit-transition:all 0.5s;/* Laissez comme ceci */ -moz-transition:all 0.5s;/* Laissez comme ceci */ -o-transition:all 0.5s;/* Laissez comme ceci */ -ms-transition:all 0.5s;/* Laissez comme ceci */ transition:all 0.5s;/* Laissez comme ceci */ }
#englob:hover > .imgp { margin-top:300px; /* Lorsque la souris passe sur la div #englob, on fait glisser l'image vers le bas de 200px */ }
.infosp { background: #b6d087; /* le bg de la div qui contient les infos*/ position:absolute;/* Laissez comme ceci */ top:0;/* Laissez comme ceci */ left:0;/* Laissez comme ceci */ width:100%;/* Laissez comme ceci */ height:100%;/* Laissez comme ceci */ z-index:0;/* La position par rapport à l'autre div qui contient les infos (ici en dessous)*/ opacity:0;/* on met l'opacité à zero pour un effet stylé ;) */ margin-left:-200px;/* on décale la div de 200px, elle est invisible grâce a l'overflow:hidden de #englob */ -webkit-transition:all 0.5s;/* Laissez comme ceci */ -moz-transition:all 0.5s;/* Laissez comme ceci */ -o-transition:all 0.5s;/* Laissez comme ceci */ -ms-transition:all 0.5s;/* Laissez comme ceci */ transition:all 0.5s;/* Laissez comme ceci */ padding: 5px; -webkit-border-radius: 40px 20px 10px 10px; border-radius: 40px 20px 10px 10px; }
#englob:hover > .infosp { opacity:1;/* Lorsque la souris passe sur la div #englob, on augmente l'opacité des infos */ margin-left:0px;/* et on décale cette div à 0px (position par défaut) */ }
/* MISE EN FORME DES LISTES DE SUJETS */
.bloc_sujets { width: 800px; margin: auto; /*background: ; border: 1px solid #ececec; 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: #DEF0CC; padding: 3px; color: #694646; } .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: ; /*border-left: 3px solid #391419; border-right: 3px solid #391419;*/ padding-top: 10px; font-size: 11px; } .sujets_stats { width: 790px; text-align: right; margin-bottom: 5px; } .sujets_stats_contenu { font-size: 10px; color: #F0EFC4; }
.derniermess{ width: 150px; /* largeur de la colonne "Derniers messages" */ } /* fin mise en forme liste sujet*/
/* QEEL*/ /* ====================================== Personnalisation de la structure du QEEL fait par Faucon pour CSS ACTIF ========================================= Début du code =========================================*/ .tableau_qeel { width : 722px; margin : auto; }
/*zone groupes*/ .groupes {/*aspect des groupes*/ font-size: 14pt; text-shadow: #000000 1px 1px 1px ; font-family: 'Amaranth', sans-serif; text-align: center; } .mon_onglet, .mon_onglet_selected { /*position des onglets*/ padding-left : 5px; padding-right : 5px; display:inline-block; text-decoration: none !important; }
/*Couleur des groupes*/ a.groupe1 { color:#D91A34;} a.groupe2 { color:#9C9996;} a.groupe3 { color:#9C2A30;} a.groupe4 { color:#364866;} a.groupe5 { color:#4B4FA3;} a.groupe6 { color:#9E6CA6;} /*zone de description des groupes*/ .descgroupes { /*description des groupes*/ background: #DEF0CC; width:350px; height:200; text-align: justify; padding: 5px; box-shadow:0px 0px 5px #31335b; -moz-box-shadow: 0px 0px 5px #31335b; -webkit-box-shadow: 0px 0px 5px #31335b; }
#mon_contenu, .descgroupes { height : 190px; } .mon_contenu { display:none; } /*zone des statistiques*/ .stats { /*partie statistique du forum*/ background: #DEF0CC; width:350px; height:200; text-align: justify; padding: 5px; box-shadow:0px 0px 5px #31335b; -moz-box-shadow: 0px 0px 5px #31335b; -webkit-box-shadow: 0px 0px 5px #31335b; } .membreconnecte{ /*partie membres connéctés*/ overflow: auto; width: 742px; height: 75px; padding: 5px; box-shadow:0px 0px 5px #31335b; -moz-box-shadow: 0px 0px 5px #31335b; -webkit-box-shadow: 0px 0px 5px #31335b; background: #DEF0CC; }
.hero_img{ background-image: url(https://2img.net/r/hpimg11/pics/144481EdenCity.png); width: 186px; height: 73px; margin: auto; }
.anarchist_img{ background-image: url(https://2img.net/r/hpimg11/pics/849678Aurora.png); width: 186px; height: 73px; margin: auto; }
.civil_img{ background-image: url(https://2img.net/r/hpimg11/pics/774364Illinois.png); width: 186px; height: 73px; margin: auto; }
.iowa_img{ background-image: url(https://2img.net/r/hpimg11/pics/542012Iowa.png); width: 186px; height: 73px; margin: auto; }
.hellraiser_img{ background-image: url(https://2img.net/r/hpimg11/pics/930141hellraisergroupe.png); width: 186px; height: 73px; margin: auto; } .wisconsin_img{ background-image: url(https://2img.net/r/hpimg11/pics/129901Wisconsin.png); width: 186px; height: 73px; margin: auto; } .descrip_groupe{ padding-left: 10px; padding-right: 10px; font-size: 12px; }
/* ====================================== Personnalisation de la structure du QEEL fait par Faucon pour CSS ACTIF ========================================= Fin du code =========================================*/
/* Titre catégorie message forum */
.sforum{ background: #b5cc85; padding: 5px; text-align: center; border-top: 2px #51331b solid; }
/*stat sujet message sous le titre du forum*/ .StatsForum { font-size:12px; text-align: center; font-family: 'Amaranth', sans-serif; color: #d6ad6f; }
.description_forum{ text-align: justify; padding-left: 30px; padding-right: 30px; background: #b5cc85; }
.last_sujet{ border-top: 2px #51331b solid; background: #b5cc85; }
/*crédit forum footer*/ .mes-credits { font-weight:normal; font-variant:small-caps; color:#000000; font-size:11px; text-align:center; font-family:arial, helvetica, sans-serif; }
//*MEBLANG****************************//
/* INFOBULLES */ a.info{ position:relative; z-index:24; color:#5C3C1D; text-decoration:none } a.info:hover{ z-index:25; background-color:#CECEC9 } a.info span{ display: none } a.info:hover span{ display:block; position:absolute; top:2em; left:2em; width:15em; border:1px solid #E7E0BD; border-radius: 5px; background-color:#CECEC9; color:#5C3C1D; text-align: justify; font-weight:none; padding:5px; }
/* FIN MESSAGE INFOBULLE */
.rotate { -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear; }
.rotate:hover { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } .derniermess { width: 170px; height:110px; margin-top:41px; margin-bottom:15px; margin-right:10px; padding-right:5px; padding-top:2px; padding-bottom:8px; background-color: #b5cc85; border-radius: 5px; /* coins arrondis*/ } .descri { overflow: auto; width: 430px; height: 82px; padding-left:10px; padding-right:10px; text-align:justify; padding-top:5px; padding-bottom:5px; margin-left:10px; background-color: #b5cc85; margin-top:0px; margin-bottom: -20px; border-radius: 5px; /* coins arrondis*/ }
a.gen, a.genmed, a.gensmall { font-size: 11px; /*une taille de 11px*/ font-family: Times New Roman; /*la police*/ }
.titrecatego { font-family: 'Metamorphous', cursive; FONT-SIZE: 39px; text-shadow: 1px 1px 2px; color: #9A1134; text-align : center; margin-top: 0px;}
.titreforum { margin-bottom: -5px; margin-top: 15px; }
.imagemessage { margin-bottom: 35px; margin-top: -15px; margin-right: 25px;}
a.forumlink{ padding:1px; margin-top:50px; font-size: 35px;font-family: 'Arizonia', cursive; text-decoration:none!important; text-align: right;letter-spacing:0px;margin-left: 26px; }
forumlink{ padding:1px; margin: 1px; font-size: 50px; font-family: 'Arizonia', cursive; font-style:italic; text-decoration:none!important; text-align: right;letter-spacing:-2px;margin-left: 26px; }
forumlink:hover{ padding:1px; margin: 1px; font-size: 50px; ffont-family: 'Tangerine', sofia; font-style:italic; text-decoration:none!important; text-align: right;letter-spacing:-2px;text-transform: none;margin-left: 26px; } .grandtitre { margin-top:-145px; margin-right: 20px; text-align: center; } .hautcatego { width: 100%; margin-bottom:43px; } .hautcatego img { width: 100%; } .bascatego { width:100%; margin-top:-10px; } .bascatego img { width: 100%; } .baspa { width:100%; margin-top:20px; } .baspa img { width: 100%; } .hautqeel img{ width: 100%; }
//*MEBLANG***********************************// /* ANCIEN CODE FICHE PRESA */ /************************************************************** -----------------------Ancienne partie CSS------------------- **************************************************************/ /* fiche de présentation */
.presentationirl { /*background-image:url(https://i.servimg.com/u/f40/09/00/11/61/fond111.png);*/ background: #5a3f39; width: 382px; height: 94px; border: 2px solid #f5f6f7; box-shadow: 0px 1px 2px grey; font-size: 11px; padding: 3px; font-family: arial; line-height: 13px; overflow: auto; text-align: justify; }
.titrepassehistoire { font-size: 20px; margin-top: 7px; color: #9b8d74; font-weight: bold; font-family: batang; text-shadow: 0px 1px 2px grey; }
.passehistoire { background-image:url(https://i.servimg.com/u/f40/09/00/11/61/fond111.png); width: 492px; height: 400px; padding: 3px; border: 2px solid #f5f6f7; box-shadow: 0px 1px 2px grey; font-size: 11px; font-family: arial; line-height: 14px; overflow: auto; text-align: justify; }
.passehistoire2{ height: 380px; overflow: auto; text-align: justify; padding: 5px; }
.questionnaire { background-image:url(https://i.servimg.com/u/f40/09/00/11/61/fond111.png); width: 370px; height: 192px; border: 2px solid #f5f6f7; box-shadow: 0px 1px 2px grey; font-size: 11px; font-family: arial; line-height: 14px; overflow: auto; text-align: justify; }
.ID2 { width: 120px; border: 2px solid #f5f6f7; box-shadow: 0px 1px 2px grey; } .titrechamp { font-weight: bold; color: #8c6352; }
.casepres { background-image:url(https://i.servimg.com/u/f40/09/00/11/61/fond111.png); width: 191px; height: 100px; border: 2px solid #f5f6f7; box-shadow: 0px 1px 2px grey; font-size: 10px; font-family: arial; line-height: 12px; overflow: auto; text-align: justify; }
.ID { border: 2px solid #f5f6f7; box-shadow: 0px 1px 2px grey; }
.acteur { position: relative; right: 150px; font-family: tahoma; font-size: 10px; }
.fonfiche { background-image:url(http://i49.tinypic.com/4kjluo.png); width: 530px; height: auto; border-radius: 5px; border: 1px solid #9b8d74; box-shadow: 0px 2px 2px #897e6a; }
.fonfiche:hover { background-image:url(http://i49.tinypic.com/4kjluo.png); width: 530px; height: 977px; border-radius: 5px; border: 1px solid #b0a084; box-shadow: 0px 2px 2px #d897e6a; }
.champnom { margin-top: 8px; font-family: batang; border-bottom: 3px double #aa6955; color: #363636; text-shadow: 0px 1px 1px #b8a98e; font-size: 24px; padding: 5px; width: 80%; }
#text_edit { display: block !important; }
.fondprofil2 { border: 1px solid #9b8d74; box-shadow: 0px 2px 3px #9b8d74; background-image: url("https://i.servimg.com/u/f40/09/00/11/61/sans_t19.png"); margin: 3px; }
.pseudoprofil2 { Text-Shadow: #b1a898 1px 0px 0px, #b1a898 1px 1px 0px, #b1a898 1px -1px 0px, #b1a898 -1px 1px 0px, #b1a898 -1px 0px 0px, #b1a898 -1px -1px 0px, #b1a898 0px 1px 0px, #b1a898 0px -1px 0px; font-family: calibri; font-size: 20px; font-weight: bold; margin: 5px; line-height: 20px; } b{ color: #5f6069; /*couleur du texte*/ font-weight: bold; font-size: 9px; text-transform: uppercase; font-variant: none; /*variante du texte (ici petites majuscules)*/ font-family: times new roman; }
u{ border-bottom: 1px solid; /*--- taille du soulignement ---*/ border-color: #6e4338; /*--- couleur du soulignement ---*/ text-decoration: none; }
i{ letter-spacing: 1px; word-spacing: 2px; text-decoration: none; }
.rangcouleur { align: center; font-size: 10px; letter-spacing: 3px; }
.liensub { background-color: #ece5d9; border: 1px solid #867a64; margin: 3px; width: 100px; height: 90px; overflow: auto; font-family: tahoma; text-transform: capitalize; text-align: center; font-size: 14px; color: black; }
.liensub:hover { background-color: #ece5d9; border: 1px solid #867a64; margin: 3px; width: 100px; height: 90px; overflow: auto; text-transform: capitalize; font-family: tahoma; text-align: center; font-size: 14px; }
.fichedeperso { text-shadow: 0px 1px 1px gray; padding: 5px; text-align: justify; font-size: 11px; }
.descriptit { padding: 5px; height: 50px; font-size: 12px; overflow: auto; } a { text-decoration:none!important; text-transform:none; }
a:hover{ text-background : url(https://2img.net/r/ihimizer/img28/1880/gradiantwhite.png) repeat-x; text-transform: none; text-decoration: none!important; }
a {font-variant: none; family-font: times new roman;}
a.personnagetitre { font-family: arial; font-size: 4; text-transform : none; text-decoration: none!important; text-shadow: #000000 2px 2px 2px; }
a.personnagetitre:hover { font-family: arial; font-size: 4; text-transform : none!important; text-decoration: none!important; text-shadow: #000000 2px 2px 2px; }
.rang { padding: 3px; border: 2px solid #a29c8b; box-shadow: 0px 0px 2px #b2ab99; border-radius: 5px; background-color: #beb7a3; margin-right: 3px; margin-left: 3px;}
td.avatarfond { background-color: #58012a42; -moz-border-radius-bottomleft:10px; -moz-border-radius-bottomright:10px; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; }
/*CSS fiche présentation*/ .cadre1{ margin-left: 0px; margin-right: 0px; padding: 1px; border-bottom: 0px #transp solid; border-top: 0px #transp solid; border-right: 5px #000000 solid; border-left: 5px #000000 solid; -moz-border-radius: 10px 10px 10px 10px; background-color: #7D7D7D; margin-left: 0px; margin-right: 0px; padding: 3px; -moz-border-radius: 100px 100px 0px 0px; }
.cadre2{ color: gray; border-bottom: #000000 2px ; letter-spacing: 2px; word-spacing: 2px; text-align: center; font-size: 10px; line-height: 13px; line-width: 100px; }
.cadre_int1{ width:400px; BACKGROUND-COLOR:#ffffff; border: 1px double #000000; -moz-border-radius: 10px 10px 10px 10px; -webkit-transform: rotate(-2deg); -moz-transform: rotate(-2deg); padding: 20px; }
.name_fiche{ font-family: Times New Roman; font-style: italic; font-weight: bold; font-size: 40px; letter-spacing: -3pt; text-transform: lowercase; text-shadow: 0px 0px 1px #FFFFFF; }
.image{ -moz-transform:rotate(0deg); -moz-box-shadow:0px 0px 10px black; }
.titre_id{ font-family: Courier New; font-size: 35px; text-align: center; color: #FFFFFF; font-weight: bold; }
.identification{ overflow: auto; width:500px; BACKGROUND-COLOR:#ffffff; -moz-border-radius: 10px 10px 10px 10px; border: 1px double #000000; font-family: arial; }
.cadre3{ margin-left: 0px; margin-right: 0px; padding: 4px; border-bottom: 0px #transp solid; border-top: 0px #transp solid; border-right: 5px #000000 solid; border-left: 5px #000000 solid; -moz-border-radius: 10px 10px 10px 10px; background-color: #7D7D7D; margin-left: 0px; margin-right: 0px; padding: 3px; -moz-border-radius: 0px 0px 0px 0px; margin-top: -40px; }
.cadre4{ margin-left: 0px; margin-right: 0px; padding: 4px; border-bottom: 0px #transp solid; border-top: 0px #transp solid; border-right: 5px #000000 solid; border-left: 5px #000000 solid; -moz-border-radius: 10px 10px 10px 10px; background-color: #7D7D7D; margin-left: 0px; margin-right: 0px; padding: 3px; -moz-border-radius: 0px 0px 100px 100px; margin-top: -40px; }
.image_1{ width: 100px; -moz-transform:rotate(5deg); margin-left:10px; -moz-box-shadow:0px 0px 5px black; }
.image_2{ width: 100px; -moz-transform:rotate(-5deg); margin-left:10px; -moz-box-shadow:0px 0px 5px black; } /*fin CSS fiche présentation*/
/* Fixation bannière défilante || Tuto donné par Kanala sur PRD */ .ban1 { background-image: url('https://2img.net/r/hpimg15/pics/321426bann.png'); }
| |
|