Alondite Admin
Fiche : Blabla Messages : 55 Date d'inscription : 08/04/2013
| Sujet: CSS version 5 Jeu 25 Juin - 9:55 | |
| - Code:
-
/* Fiche Aelitha */ #mainPres2 { width:550px; margin:auto; background-image:url("http://img11.hostingpics.net/pics/387080fondFiche.png"); border:5px solid #410000; } .blockAe { text-align:justify; overflow:hidden; position:relative; width:550px; height:150px; } .BlockAe { position:absolute; width:550px; height:150px; opacite:1; transition: all 2s; } .BlockAe:hover{ opacity:0;
} .block2Ae { display:inline-block; text-align:justify; overflow:hidden; position:relative; width:275px; height:300px; } .Block2Ae { position:absolute; opacite:1; transition: all 2s; width:275px; height:300px; } .Block2Ae:hover { opacity:0; } .block4Ae { display:inline-block; text-align:justify; overflow:hidden; position:relative; width:550px; height:150px; border-bottom:5px solid #410000; } .Block4Ae { position:absolute; opacite:1; transition: all 2s; width:550px; height:150px; } .Block4Ae:hover { opacity:0; } /*FICHE LAEREN*/ .relLaeren { background-color:#66C4B8; width:250px; padding:3px 3px 8px 3px; margin-left:30px; margin-bottom:10px; display:inline-block; } .relTextLaeren { font-family:Economica; font-size:20px; } .rel1Laeren { background-color:#C2E6E1; padding:5px; text-align:justify; height:150px; overflow:auto; } .fondLaeren { background-image:url("http://img11.hostingpics.net/pics/261969HautLaeren.png"), url("http://img11.hostingpics.net/pics/232130fontLaeren.png"); background-repeat:no-repeat, repeat; background-size:100% auto, auto auto; width:600px; margin:auto; } .titreLaeren { font-family:Bad Script; font-size:30px; font-weight:bold; margin-top:200px; margin-left:310px; } .blockLaeren { background-color:#66C4B8; width:47%; padding:3px 3px 8px 3px; margin:6px; display:inline-block; } .block2Laeren { background-color:#66C4B8; width:47%; padding:3px 3px 8px 3px; margin:auto; } .block1Laeren { background-color:#C2E6E1; padding:5px; text-align:justify; height:110px; overflow:auto; } .block3Laeren { background-color:#66C4B8; width:97%; padding:3px 3px 8px 3px; margin:auto; } .block4Laeren { background-color:#C2E6E1; padding:5px; text-align:justify; } .titreBlockLaeren { font-family:Economica; font-size:20px; } .imgLaeren { border : 2px solid #66C4B8; margin:8px; }
/*FICHE MIDGARD (RIEN A VOIR) */ .cadreMidgard { border-radius: 10px; background-image:url('http://i19.servimg.com/u/f19/15/75/05/57/filtre12.jpg'); margin:auto; width:550px; } .cadreHautMidgard { border: 3px solid #333333; border-radius: 10px 10px 0 0; } .imgMidgard { width:315px; display: block; margin-left: auto; margin-right: auto; } .textHautMidgard { font-size:14px; color:#333333; text-align:center; padding-bottom:15px; } .blockMidgard { display:table-cell; padding:5px; width:265px; height:300px; overflow:auto; border: 3px solid #333333; text-align:justify; } .textBlockMidgard { display:inline-block; width:275px; height:20px; background-color:#333333; color:rgba(255,255,255,0.5); text-align:center; font-size:13px; } .contourBlockMidgard { display:table; } .textMilieuMidgard { width:100%; height:20px; background-color:#333333; color:rgba(255,255,255,0.5); text-align:center; font-size:13px; } .blockBackgroundMidgard { padding:5px; height:400px; overflow:auto; border: 3px solid #333333; text-align:justify; } .imgPersoMidgard { border:3px solid #333; border-radius:100px; float:left; margin:5px; } .blockJoueurMidgard { padding:5px; height:150px; overflow:auto; border: 3px solid #333333; border-radius:0 0 10px 10px; text-align:justify; } .blockBackgroundMidgard2 { padding:5px; height:400px; overflow:auto; border: 3px solid #333333; text-align:justify; border-radius:0 0 10px 10px; } /* PA */ /*TRANSPARENCE PA*/ table#msg_et, table#msg_et td{ background-color:none !important; } #main { margin-left: -50px; width: 850px; background-color: #F2ECEA; box-shadow: 0px 0px 5px #595959; -moz-box-shadow: 0px 0px 5px #595959; -o-box-shadow: 0px 0px 5px #595959; -htm-box-shadow: 0px 0px 5px #595959; -webkit-box-shadow: 0px 0px 5px #595959; border-left: 4px solid #410000; border-right: 4px solid #410000; border-bottom: 10px solid #410000; } #Predef { width: 70px; font-size: 11px; display: inline-block; vertical-align:top; } #Milieu { width: 700px; display: inline-block; } #Lien { width: 300px; padding: 5px; text-align: center; display: inline-block; height: 75px; background-color:#FCFAF5; } #Lien a { font-size: 23px; color: #410000; font-family: 'Economica', cursive; } #News { display: inline-block; width: 350px; height: 75px; padding:5px; text-align: justify; vertical-align:top; background-color:#FCFAF5; } #Avertissement { display: inline-block; overflow: auto; padding: 5px; text-align: justify; font-size: 11px; width:665px; background-color:#FCFAF5; margin-top:50px; } #Avertissement strong { color: #410000; } #Contexte { display: inline-block; height: 205px; padding: 5px; text-align: justify; font-size: 11.4px; width: 350px; vertical-align:top; background-color:#FCFAF5; margin-top:50px; } #stafff { display: inline-block; width: 310px; height: 215px; background-color:#FCFAF5; margin-top:50px; }
.monBlocPa { position:relative; width:100px; height:50px; overflow:hidden; } .Opacite { position:absolute; left:0px; opacity:1; width:70px; height: 115px; -webkit-transition: all 1s linear; -moz-transition: all 1s linear; -ms-transition: all 1s linear; -o-transition: all 1s linear; transition: all 1s linear; } .Opacite:hover { opacity:0; } .monFond2 { overflow: hidden; width: 70px; height: 115px; background-color:#FCFAF5; position:relative; } #Bloc { display: inline-flex; height: 140px; } #Partenaires { width: 850px; height: 110px; padding-top: 20px; background-color: #F2ECEA; } .grid { padding: 5px 5px 10px 5px; max-width: 100px; margin: 0 auto; list-style: none; text-align: center; display:inline-block; margin-left:10px; margin-right:10px; }
.grid li { display: inline-block; width: 100px; margin: 0; padding: 7px; text-align: left; position: relative; }
.grid figure { margin: 0; position: relative; }
.grid figure img { max-width: 100%; display: block; position: relative; }
.grid figcaption { position: absolute; top: 0; left: 0; padding: 5px; background: #410000; color: #FCFAF5; }
.grid figcaption h3 { margin: 0; padding: 0; color: #F2ECEA; }
.grid figcaption a { text-align: center; padding: 2px 5px; display: inline-block; background: #F2ECEA; color: #410000; font-weight:bold; }
/* Individual Caption Styles */ /* Caption Style 1 */ .cs-style-1 figcaption { height: 100%; width: 100%; opacity: 0; text-align: center; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; -moz-transition: -moz-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; z-index:1; }
.no-touch .cs-style-1 figure:hover figcaption, .cs-style-1 figure.cs-hover figcaption { opacity: 1; -webkit-transform: translate(15px, 15px); -moz-transform: translate(15px, 15px); -ms-transform: translate(15px, 15px); transform: translate(15px, 15px); }
.cs-style-1 figcaption h3 { margin-top: 5px; }
.cs-style-1 figcaption span { display: block; } /*Fin Pa*/
/*TEST MORTEN POUR FICHE NEWS*/ .mh-menu{ height: 230px; width: 270px; margin: auto; position: relative; } .mh-menu li{ width: 100px; list-style-type:none; } .mh-menu li a{ display: block; width: 100px; padding: 0px 3px; text-align: right; position: relative; z-index: 10; background: #fff; height: 35px; border-right: 1px solid #ddd; background-color: rgba(255,255,255, 0.8); } .mh-menu li:nth-child(1):hover a{ background-color: rgba(60, 93, 62,0 .9); } .mh-menu li:nth-child(2):hover a{ background-color: rgba(108, 18, 18, 0.9); } .mh-menu li:nth-child(3):hover a{ background-color: rgba(211, 57, 57, 0.9) } .mh-menu li:nth-child(4):hover a{ background-color: rgba(119, 130, 67, 0.9); } .mh-menu li:nth-child(5):hover a{ background-color: rgba(60, 93, 62, 0.9); } .mh-menu li:nth-child(6):hover a{ background-color: rgba(211, 57, 57, 0.9); } .mh-menu li a span{ display:block; } .mh-menu li a span:first-child{ font-size: 13px; font-style: italic; color: #151515; padding-top: -8px; font-family: 'Economica'; } .mh-menu li a span:nth-child(2){ font-size: 19px; padding-top: -12px; font-family: 'Economica'; -webkit-transition: color 0.2s linear; -moz-transition: color 0.2s linear; -o-transition: color 0.2s linear; -ms-transition: color 0.2s linear; transition: color 0.2s linear; } .mh-menu li:hover span:nth-child(2){ color: #151515; } .mh-menu li img{ position: absolute; z-index: 1; left: 0px; top: 0px; opacity: 0; -webkit-transition: left 0.4s ease-in-out, opacity 0.6s ease-in-out; -moz-transition: left 0.4s ease-in-out, opacity 0.6s ease-in-out; -o-transition: left 0.4s ease-in-out, opacity 0.6s ease-in-out; -ms-transition: left 0.4s ease-in-out, opacity 0.6s ease-in-out; transition: left 0.4s ease-in-out, opacity 0.6s ease-in-out; } .mh-menu li:hover img{ left: 145px; opacity: 1; } .text-news-J { text-align: justify; padding: 5px; } .spanText { text-align:justify; overflow:auto; height:215px; } /*FICHE JOURNAL ET LIENS*/ #blokjourn { width: 550px; border-left: 3px solid #410000; border-right: 3px solid #410000; border-bottom: 20px solid #410000; margin: auto; background-image:url("http://img11.hostingpics.net/pics/387080fondFiche.png"); } #bandojourn { background-color:#410000; padding:5px; padding-top:20px; height:30px; font-family: 'bad Script',cursive; text-align: center; font-size: 25px; color: #f2e7dc; } .imagejourn { width: 550px; height: 150px; border-bottom: 3px solid #410000; }
.imagerela { width: 275px; height: 120px; display: inline-block; }
#petitbandoJ { background-color:#410000; padding:5px; padding-top:10px; height:20px; font-family: 'bad Script',cursive; text-align: center; font-size: 15px; color: #f2e7dc; width: 380px; display: inline-block; }
#petitbandoJL { background-color:#410000; padding:5px; padding-top:10px; height:20px; font-family: 'bad Script',cursive; text-align: center; font-size: 15px; color: #f2e7dc; width: 150px; display: inline-block; } #petitbandoRP { background-color:#410000; padding:5px; padding-top:10px; height:20px; font-family: 'bad Script',cursive; text-align: center; font-size: 15px; color: #f2e7dc; width: 265px; display: inline-block; } #utileslinkjourn { width: 150px; height: 210px; display: inline-block; border-bottom: 5px solid #410000; text-align: center; vertical-align: top; } .journliens { font-size: 12px; font-family: 'Economica', cursive; color: #151515; } .journliens:hover { color: #660f0f; } #deskjourn { height: 210px; width: 397px; border-right: 3px solid #410000; border-bottom: 5px solid #410000; display: inline-block; overflow: auto; }
#caseRPjourn1 { width: 273px; display: inline-block; height: 125px; overflow: auto; border-right: 2px solid #410000; }
#caseRPjourn2 { width: 274px; display: inline-block; height: 125px; overflow: auto; border-left: 1px solid #410000; } #caseLienG { width: 274px; display: inline-block; height: 140px; overflow: auto; border-right: 1px solid #410000; border-bottom: 6px solid #410000; text-align: justify; } #caseLienD { width: 273px; display: inline-block; height: 140px; overflow: auto; border-left: 2px solid #410000; border-bottom: 6px solid #410000; text-align: justify; } /*FIN FICHE JOURNAL ET LIENS*/
/* FICHE PARTENARIAT */ #bandeauPart { background-color:#410000; font-size: 35px; color: #F2E7DC; font-family: 'Bad Script', cursive; padding:5px; padding-top:20px; height:35px; text-align:center; } .imgPart { border-bottom:10px solid #410000; border:2px solid #410000; } #histoirePart { border-bottom:10px solid #410000; border:2px solid #410000; padding:5px; text-align:justify; } #blocPart { display:inline-block; width:261px; height:240px; padding:5px; border-bottom:10px solid #410000; border:2px solid #410000; vertical-align:top; } #blocPart table { margin:auto; } #bloc2Part { width:536px; padding:5px; border-bottom:20px solid #410000; border:2px solid #410000; } #bloc2Part table { margin:auto; text-align:center; } /*Messages officiels*/ #bandooffic { background-color:#410000; padding:5px; padding-top:8px; height:25px; font-family: 'bad Script',cursive; text-align: center; font-size: 20px; color: #f2e7dc; }
#blokoffic { width: 550px; border-left: 3px solid #410000; border-right: 3px solid #410000; border-bottom: 10px solid #410000; margin: auto; background-image:url("http://img11.hostingpics.net/pics/387080fondFiche.png"); }
.texteoffic { text-align: justify; padding: 5px; }
.signoffic { text-align: right; font-family: 'bad Script', cursive; font-size: 18px; }
/* FICHE PRESENTATION */ #mainPres { width:550px; margin:auto; background-image:url("http://img11.hostingpics.net/pics/387080fondFiche.png"); } #bandeauPres { background-color:#410000; font-size: 40px; color: #F2E7DC; font-family: 'Bad Script', cursive; padding:5px; padding-top:20px; height:40px; text-align:center; } #imgPres { display:inline-block; width:150px; height:200px; border:2px solid #410000; border-bottom:10px solid #410000; } #infoPres { display:inline-block; overflow:auto; width:392px; height:200px; border:2px solid #410000; border-bottom:10px solid #410000; } .infoPresBis { display:inline-block; width:185px; vertical-align:middle; } #bloc1Pres { display:inline-block; width:271px; height:250px; border:2px solid #410000; border-bottom:10px solid #410000; } #bloc2Pres { overflow:auto; width:546px; height:250px; border:2px solid #410000; border-bottom:20px solid #410000; } .textePres { overflow:auto; height:232px; } .typo2Pres { font-family:'Economica', cursive; font-size:20px; }
/* BARRE DE NAVIGATION */ .mainMenu { z-index: 10; position: fixed; top: 0; left: 0; width: 100%; background: #410000; background-image:url('http://img15.hostingpics.net/pics/561817contemporarychina.png'); padding: 5px 0; text-align: center; border-bottom: 6px solid #410000; text-transform: uppercase; transition: all 0.7s ease; -moz-transition: all 0.7s ease; -webkit-transition: all 0.7s ease; } .mainMenu a { font-family: Economica; font-size: 25px; color: #410000; letter-spacing:-1px; text-transform: capitalize; } /*C'est ici qu'il faudra jouer avec le -90% si vous désirez changer la taille de la barre et que le rendu ne correspond plus à vos attentes*/ .offMenu { /*Effet qui fait remonter la barre !*/ transform: translateY(-90%); -moz-transform: translateY(-90%); -webkit-transform: translateY(-90%); } /* -------------------------------- QEEL -------------------------------- */ .img_qeel { display:block; margin-left:auto; margin-right:auto; } /*** RUBAN ***/ .qeel_titre { width: 947px; margin: auto; margin-top: 9em; margin-left: -4.4em; background-color: #410000; position:relative; } .ruban_gauche_qeel { border-color: transparent #300808 transparent transparent; border-style:solid; border-width:15px; height:0px; width:0px; position: relative; left: -63px; top: -14px; z-index: -1; /*s'affichera sous le rectangle */ } .ruban_droit_qeel { border-color: transparent transparent transparent #300808; border-style:solid; border-width:15px; height:0px; width:0px; position: relative; left: 882px; top: -43px; z-index: -1; } /*** MISE EN FORME FONT DU QEEL ***/ .fond_qeel { width: 840px; border-left: 5px solid #410000; border-right: 5px solid #410000; background-color: #410000; margin: 0; margin-top: -9em; } /*** MISE EN FORME BLOC STATISTIQUES ***/ .bloc_stat { background-color: #FCFAF5; padding: 15px; width: 250px; height: 172px; overflow: auto; font-size: 11px; text-align: justify; color: #515151; display: inline-block; margin-left: 3em; } /*** MISE EN FORME BLOC DES GROUPES ***/ .bloc_groupes { background-color: #FCFAF5; padding: 15px; width: 440px; height: 50px; overflow: auto; font-size: 20px; text-align: center; font-family: 'Economica', cursive; line-height: 5px; display: inline-block; } /*** MISE EN FORME BLOC DES CONNECTES LES 24H ***/ .bloc_connectes { background-color: #FCFAF5; padding: 15px; width: 440px; height: 59px; overflow: auto; text-align: center; display: inline-block; } .bloc_enligne { background-color: #FCFAF5; padding: 15px; width: 740px; height: 50px; overflow: auto; font-size: 11px; text-align: justify; display: inline-block; margin-left: 3em; } /*** MISE EN FORME DES TITRES (simple + survol) ***/ .titre_bloc { font-family: 'Economica', cursive; font-size: 24px; font-weight: bold; color: #410000; } .titre_bloc2 { font-family: 'Economica', cursive; font-size: 24px; font-weight: bold; color: #410000; margin-top:15px; margin-bottom:-20px; margin-left:33px; } .titre_bloc3 { font-family: 'Economica', cursive; font-size: 24px; font-weight: bold; color: #410000; margin-left:33px; } #groupe { display: inline-block; margin-left: 2em; } /*** GROUPES A ONGLETS ***/ /* Mise en forme des noms de groupe */ .groupe_onglet { display: inline-block; padding: 10px; } /*** MISE EN FORME DES CREDITS ***/ .credits { text-align: left; margin-right: 10px; font-size: 9px; margin-top: 5px; padding-bottom: 5px; color:#C3CEC0; } .credits a { color: #622828; } /* -------------------------------- FIN QEEL -------------------------------- */
/* --------------------------------- CATEGORIES --------------------------------- */ .bloc1 { background-color: #F2ECEA; width: 690px; height: 170px; display: inline-block; margin-left: -14em; border-left: 4px solid #410000; border-right: 4px solid #410000; } /*** FONDS GENERAUX ***/ /* Contenu de l'ensembre des forum */ .categorie { width: 600px; height: 180px; padding: 10px; } /* Fond titre catégorie */ .cate_titre { width: 947px; margin: auto; margin-top: 9em; margin-left: -4.4em; background-color: #410000; position:relative; } .ruban_gauche { border-color: transparent #300808 transparent transparent; border-style:solid; border-width:15px; height:0px; width:0px; position: relative; left: -498px; top: 86px; z-index: -1; /*s'affichera sous le rectangle */ } .ruban_droit { border-color: transparent transparent transparent #300808; border-style:solid; border-width:15px; height:0px; width:0px; position: relative; left: 448px; top: 58px; z-index: -1; } /* Mise en forme nom de catégorie */ h2 { font-size: 40px; font-family: 'Bad Script', sans-serif; color: #EAE5E3; text-align: center; margin-bottom: -101px; letter-spacing: -3px; } /*** MISE EN FORME DES FORUM ***/ /* Mise en forme du texte des titres de forum */ .titrefofo { color: #551A1A !important; font-family: 'Economica', sans-serif; font-size: 25px !important; font-weight: none !important; padding-left:15px; } .titrefofo:hover { color: #410000 !important; } .titrefofo a { font-size: 16px; width: 500px; } /* Mise en forme de la description */ .description { width: 595px; height: 95px; font-size: 11px; text-align: justify; color: #7D2626; background-color: #FCFAF5; overflow: auto; position: relative; top: 1em; left: 3em; padding: 15px; margin-top:-10px; } .imagedesc { position: relative; right: -6em; top: -2em; -moz-transform: rotate(8deg); -webkit-transform: rotate(8deg); transform: rotate(8deg); } /*** SOUS-FORUM ***/ .lienssf { width: 812px; padding: 15px; line-height: 15px; background-color: #410000; display: block; margin-left: -14em; border-left: 4px solid #410000; border-right: 4px solid #410000; margin-top:-4px; } .lienssf a { color: #F2ECEA !important; } .lienssf a:hover { color: #CBC0C6 !important; } /*** DERNIERS MESSAGES ***/ .last_mess { width: 120px; height: 150px; display: inline-block; margin-right: -0.1em; background-color: #F2ECEA; color: #7D2626; padding: 10px; font-size: 11px; border-left: 4px solid #410000; border-right: 4px solid #410000; } .last_mess a { color: black; } .last_mess a:hover { color: #CAC9C7 !important; }
.topictitle { font-family:verdana; letter-spacing:0px; } /*--------------------------------- FIN CATEGORIES --------------------------------- */
/* FICHE PREDEFINIS */ #BandeauPredef { background-color:#410000; padding:5px; padding-top:20px; height:30px; } .NomPredef { font-size: 35px; color: #F2E7DC; font-family: 'Bad Script', cursive; padding-left:50px; } .DispoPredef { font-size: 20px; color: #F2E7DC; font-family: 'Economica', cursive; padding-right:50px; float:right; } #FondPredef { background-image:url("http://img11.hostingpics.net/pics/387080fondFiche.png"); margin:auto; width:550px; } #Bloc1Predef { border:2px solid #410000; border-bottom:10px solid #410000; width:546px; } #IdentitePredef { display:inline-block; width:161px; height:310px; text-align:justify; padding:5px; border-right:2px solid #6D0606; vertical-align:top; } #CaracPredef { display:inline-block; width:157px; height:310px; text-align:justify; padding:5px; border-left:2px solid #6D0606; border-right:4px solid #6D0606; vertical-align:top; overflow:auto; } .bla{ font-family:'Economica', cursive; font-size:17px; } #HistoirePredef { height:150px; overflow:auto; text-align:justify; padding:5px; border:2px solid #410000; border-bottom:10px solid #410000; width:536px; } #BlablaPredef { height:150px; overflow:auto; text-align:justify; padding:5px; border:2px solid #410000; border-bottom:20px solid #410000; width:536px; } .LienPredef { float:left; margin-left:20px; margin-right:10px; } .TitrePredef { font-family:'Economica', cursive; font-size:20px; }
/* FIN FICHE DE PREDEF */
/* FICHE DE PRESENTATION */ .monBloc { position: relative; overflow: hidden; width: 600px; height: 250px; } .blocVolet { position: absolute; top: 0; left: 0; width: 600px; height: 250px; -webkit-transition: all 1s linear; -moz-transition: all 1s linear; -ms-transition: all 1s linear; -o-transition: all 1s linear; transition: all 1s linear; } .monBloc:hover > .blocVolet { left: -600px; top: -250px; } .CadreFiche { border-top: solid 5px #0D0D0D; border-left: solid 5px #0D0D0D; border-right: solid 5px #0D0D0D; border-bottom: double 5px #0D0D0D; background: #747474; width: 600px; } .CadreFiche2 { background-color: #747474; } .TitreFiche { font-size: 40px; font-family: Amarante; text-align: justify; color: #0D0D0D; text-shadow: 3px 0px 1px #ffffff; font-variant: small-caps; } .PoliceFiche { font-family: Amarante; font-size: 20px; } .PoliceFiche2 { background-color: #0d0d0d; font-family: Amarante; font-size: 25px; color: #E4DED4; text-align: center; text-shadow: 3px 0px 1px #000000; font-variant: small-caps; } .TexteFiche { margin: auto; width: 560px; height: 300px; text-align: justify; overflow: auto; } .TexteFiche2 { margin: auto; width: 560px; height: 400px; text-align: justify; overflow: auto; } /* FIN FICHE DE PRESENTATION*/
/* TOP SITE*/ .widget_flottant { width: 130px; height: 130px; position: fixed; top: 30px; right: 10px; background: #DFDFDF; border: 5px solid #0D0D0D; box-shadow: 0px 0px 10px #000000; -moz-box-shadow: 0px 0px 10px #000000; -o-box-shadow: 0px 0px 10px #000000; -htm-box-shadow: 0px 0px 10px #000000; -webkit-box-shadow: 0px 0px 10px #000000; } .titreW { font-size: 25px; font-family: 'Economica', cursive; } /* FIN TOP SITE */
/* PROFIL */ profil_mess { display: block; padding: 9px; font-size: 11px; text-align: justify; opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; background-color: #F2ECEA; position: absolute; top:0; left:0; width:100%; height:100%; z-index:0;/* La position par rapport à l'autre div qui contient les infos (ici en dessous)*/ margin-left:-310px; -webkit-transition:all 2s; -moz-transition:all 2s; -o-transition:all 2s; -ms-transition:all 2s; transition:all 2s; } .profil { width: 200px; margin: auto; background: #F2ECEA; border-left: 4px solid #410000; border-right: 4px solid #410000; border-bottom: 15px solid #410000; } .name { font-size: 16px; font-family: 'Bad Script', cursive; }
.name_fond { width: 248px; height: 30px; margin: auto; margin-bottom: -7.3em; margin-left: -20px; z-index: 2; background-color: #410000; position:relative; text-align: center; } .name_rban_g { border-color: transparent #300808 transparent transparent; border-style:solid; border-width:20px; height:0px; width:0px; position: relative; left: -40px; top: 60px; z-index: -1; /*s'affichera sous le rectangle */ } .name_rban_d { border-color: transparent transparent transparent #300808; border-style:solid; border-width:20px; height:0px; width:0px; position: relative; left: 208px; top: 20px; z-index: 1; }
.profil_avatar { padding: 4px; } hr { border-bottom: 8px solid #410000; } .infos_profil { padding: 5px; } .profil_ext { width: 200px; position: absolute; margin-left: -80px; display: inline-block; }
.ma_marge_profil { min-height: 430px; padding-left : 145px; }
/* Code par Hiro pour CSSACTIF Merci de ne pas supprimer cette mention (http://www.css-actif.com) */
#profil_englob { position:relative; width:200px; height:400px; overflow:hidden; }
.img_transl { position:absolute; top:0; left:0; width:100%; height:100%; z-index:0.5; -webkit-transition:all 2s; -moz-transition:all 2s; -o-transition:all 2s; -ms-transition:all 2s; transition:all 2s; text-align: center; }
#profil_englob:hover > .img_transl { margin-left:200px; opacity: 1; }
#profil_englob:hover > .profil_mess { opacity:1; margin-left:0px; }
/* FIN PROFIL */
/*TITRES*/
.titre1 { font-size: 16px; font-family: Amarante; text-align: center; color: #000000; font-variant: small-caps; }
.titre3 { font-size: 26px; font-family: Amarante; text-align: center; color: #000000; font-variant: small-caps; }
.titre2 { font-size: 36px; font-family: Amarante; text-align: justify; color: #0D0D0D; font-variant: small-caps; border-bottom: 4px solid #0D0D0D; }
/* RANG */ .rangPNJ { font-size: 20px; font-family:'Economica', cursive; text-align: center; color: #000; font-weight: bold; } .rangHungry { font-size: 20px; font-family: 'Economica', cursive; text-align: center; color: #a81212; font-weight: bold; } .rangHungryR { font-size: 20px; font-family: 'Economica', cursive; text-align: center; color: #d33939; font-weight: bold; } .rangHumainE { font-size: 20px; font-family: 'Economica', cursive; text-align: center; color: #778243; font-weight: bold; } .rangHumainR { font-size: 20px; font-family: 'Economica', cursive; text-align: center; color: #3c5d34; font-weight: bold; } /* FIN RANG */
/* FOOTER */ #newbottom { clear: both; background-repeat: no-repeat; background-position: center; height: 150px; width: 900px; background: #747474; border-left: 10px solid #0D0D0D; border-right: 10px solid #0D0D0D; box-shadow: 0px 0px 10px #000000; -moz-box-shadow: 0px 0px 10px #000000; -o-box-shadow: 0px 0px 10px #000000; -htm-box-shadow: 0px 0px 10px #000000; -webkit-box-shadow: 0px 0px 10px #000000; } .footerPA { height: 155px; width: 900px; overflow: auto; } /* FIN FOOTER */
/* FICHE DAMYAN */ .fondD { background-image: url('http://zupimages.net/up/15/01/oifd.jpg'); background-repeat: repeat; width: 90%; } .bordureD { width: 490px; height: 272px; padding: 5px; } .monBlocD { position: relative; overflow: hidden; width: 500px; height: 182px; background-color: rgba(255, 255, 255, 0.8); padding-top: 100px; } .blocVoletD { position: absolute; top: 0; left: 0; width: 490px; height: 272px; -webkit-transition: all 1s linear; -moz-transition: all 1s linear; -ms-transition: all 1s linear; -o-transition: all 1s linear; transition: all 1s linear; } .monBlocD:hover > .blocVoletD { top: -277px; } .policeD1 { font-size: 30px; text-align: center; } .policeD2 { font-size: 20px; text-align: center; } .cadreD { background-color: rgba(255, 255, 255, 0.8); width: 480px; text-align: justify; padding: 10px; } .cadreD2 { background-color: rgba(255, 255, 255, 0.8); width: 500px; text-align: center; margin: 5px; } /*fin fiche damyan*/
/* CHATBOX */ .CBlargeur { width: 850px; } body.chatbox { background-image: url('http://img11.hostingpics.net/pics/387080fondFiche.png'); box-shadow:none; } .chatbox_row_1,.chatbox_row_2,.chatbox_row_3 { background: none; }
#help-button, #divcolor, #divsmilies, #submit_button, .format-message + label { border:none !important; background:none !important; box-shadow:none !important; } #chatbox_header { color: #FCFAF5; background-color: #410000; font-size:18px; } #chatbox_header .cattitle strong { visibility: hidden; display:none; } #chatbox_header .cattitle:before { content: "Traité de paix"; font-family: 'Economica'; } #submit_button { background-color:#410000 !important; color:#F2ECEA; margin-bottom:5px; }
/* OPTION GENERAL */
.code, .codebox dd { padding:5px; } /* pas de soulignement des liens */
a { text-decoration: none; }
a:hover { color: #900000; text-decoration: none !important; }
body { font-family: verdana; font-size: 11px; } #i_logo { margin-top: 22px; border-bottom: 10px solid #410000; } .message_contenu { text-align: justify; font-size: 12px; padding: 5px; } .postbody { vertical-align: top; } #page-body { width: 850px; margin: auto; } .bodylinewidth { width: 850px; margin-left: auto; margin-right: auto; margin-top: -10px; margin-bottom: -9px; }
.bodyline { width: 850px; padding: 0; background: #E0A1A1; background-image:url('http://img15.hostingpics.net/pics/561817contemporarychina.png'); border-left: 10px solid #410000; border-right: 10px solid #410000; }
.forumline { margin: auto; margin-left: 0em; margin-right: auto; margin-top: 10px; margin-bottom: 10px; padding:0; background: #F2ECEA; box-shadow: 0px 0px 5px #595959; -moz-box-shadow: 0px 0px 5px #595959; -o-box-shadow: 0px 0px 5px #595959; -htm-box-shadow: 0px 0px 5px #595959; -webkit-box-shadow: 0px 0px 5px #595959; border-left: 4px solid #410000; border-right: 4px solid #410000; border-bottom: 10px solid #410000; } .forumline .row1, .forumline .row2, .forumline .row3, .forumline .row3Right { padding:0px; }
.StatsForum { float: right; font-size: 9px; padding: 2px; } .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;}
/*Selecteur*/ .selectCode { float: right; text-transform: small-caps; cursor: pointer; }
| |
|