Admin Admin - Blablateur - Movie Maker - Aviseur _____________________
Date d'arrivée sur PRD : 04/07/2014 Total de messages : 219 Ton âge : 31 Localisation : PRD | (#) Sujet: CSS Octobre 2013/Mai 2014 Jeu 29 Oct - 10:34 | |
| - Code:
-
/* CORPS DU FORUM */ body { background-repeat:repeat; margin-top:0px; margin-bottom:0px; background-color: #c1d975; : /* fond du forum */ background-position: top center; cursor: default!important; }
.bodyline{ background-color: #f7e1e6; border: 7px solid #819558; border-radius: 0px 0px 50px 50px; -webkit-border-radius: 0px 0px 50px 50px; }
.bodylinewidth { width:800px !important;}
/* INTERIEUR FORUM */ .forumline{ background-color:#f7e1e6; border : 1px solid #f7e1e6; padding-right:20px; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;} /* FIN INTERIEUR FORUM */
/*PAS DE SOULIGNEMENT DES LIENS*/ a { text-decoration: none !important; cursor: pointer; } a:hover { text-decoration: none !important; font-style: NONE !important; cursor: pointer; -webkit-transition: all 1s ease; /* pour navigateur webkit */ -moz-transition: all 1s ease; /* pour navigateur mozilla */ -o-transition: all 1s ease; /* pour navigateur opera */ transition: all 1s ease; /* pour les navigateurs récents */}
/* JUSTIFICATION ET MARGES DES MESSAGES */ .postbody{ padding-right:20px; padding-left:20px; text-align:justify; min-height:100px;}
/*POSITION FIXE DES FLECHES HAUT BAS*/ .upbottom{position: fixed;bottom: 10px;right: 0px;z-index: 999}
/* SUPPRESSION DERNIERE EDITION PAR */ tr.post span.gensmall {display: none}
/* CHATBOX */ body.chatbox{background-color: #fef2f5;} body.chatbox .chatbox_header .chatbox-title a.chat-title{background-color:#fef2f5;}
/*ENLEVER LES BORDURES GENANTES*/ .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;}
/* CODE, SPOILER, CITATION */ .code{ background-color:#FFF2F5; border-right:4px solid #819558; border-left:4px solid #819558; border-top:2px solid #819558; border-bottom:2px solid #819558; padding:10px; color:#000; max-width:500px !important; } .spoiler_closed{ background-color:#FFF2F5; border-right:4px solid #819558; border-left:4px solid #819558; border-top:2px solid #819558; border-bottom:2px solid #819558; padding:10px; color:#000; } .spoiler_content{ background-color:#FFF2F5; border-right:4px solid #819558; border-left:4px solid #819558; border-top:2px solid #819558; border-bottom:2px solid #819558; padding:10px; color:#000; } .quote{ background-color:#FFF2F5; border-right:4px solid #819558; border-left:4px solid #819558; border-top:2px solid #819558; border-bottom:2px solid #819558; padding:10px; color:#000; } .selectCode{ float:right; text-transform:uppercase; cursor:pointer; } /* FIN CODE SPOILER CITATION */
/** BARRE DE NAVIGATION **/ #navi { width: 800; margin-top: 5px; border-left: 2px solid #819558; border-right: 2px solid #819558; background-color:#FFF2F5; border-radius: 5px; -webkit-border-radius: 5px;} a.mainmenu { color:#a0434d; font-family: 'Romanesco', cursive; font-size: 27px !important; letter-spacing: 1px; padding-top: 5px; } a.mainmenu:hover { color:#819558; font-family: 'Romanesco', cursive; font-size: 27px !important; font-weight: lighter; text-shadow: 0px 0px 1px #fff; -moz-transition: all 1s; -o-transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s;} a.mainmenu img { display: none; }
/* MODIFIER l'EDITEUR DE MESSAGE */ div.sceditor-toolbar { background-color: #c1d975 !important; moz-border-radius: 1px ;!important;} .sceditor-container iframe, .sceditor-container textarea /*Là où on écrit*/ { background-color: #FFF2F5 !important; color: #000000 !important; display: block; font-family: Arial !important; font-size: 11px !important; border: solid 1px #819558!important; /* contour boite à message */ margin:0 !important;} div.sceditor-group {background-color: #c1d975 !important; /* fond des boutons */ border: solid 1px #819558 !important; } /* contour boutons */ .sceditor-container.ltr.sourceMode, .sceditor-container.ltr.wysiwygMode { border: solid 1px #c1d975; /* bordure tout l'éditeur de message */ background-color:#819558!important; /* couleur de la bordure blanche */} a.sceditor-button {background-color:#c1d975!important;} /* bouton changement de mode */ a.sceditor-button.hover { background-color: #c1d975 !important;} .sceditor-container iframe { background:#819558!important; margin:0 !important;} /* FIN EDITEUR DE MESSAGE */
/* CODAGE PAGE D'ACCUEIL */ .pa_global { background-color:#f7e1e6; border-radius: 5px;-webkit-border-radius-: 5px; width: 750px; height:500px; position: relative;} .navig_pa { position: absolute; top : 100px; left: 110px; text-align: center;} .concept { position: absolute; top : 100px; left: 120px; text-align: justify; width: 270px; height: 170px; overflow: auto; font-size: 10px;} .concours { position: absolute; top : 120px; left: -10px; text-align: justify; width: 230px; height: 190px; font-size: 10px;} .news{ position: absolute; padding: 7px; bottom: -50px; right: 50px; width: 220px; height: 170px; overflow: auto; text-align: justify; font-size: 9px; line-height: 12px; overflow: auto; } .staff_prd { position: absolute; top : 120px; right: 10px; width: 320px; height: 220px; } .radio1 { position: absolute; bottom : -4px; left: 40px; width: 220px; height: 170px; } .partenaire { position: absolute; bottom : 30px; left: 270px; width: 200px; height: 130px; } .titre_paa { color : #705557; font-size: 15px; text-align: center; text-transform: uppercase;}
#navigation a:link, #navigation a:visited, #navigation a:active { width: 600px; font-family: Arial; font-size: 13px; text-align: center; color: #819558; display: inline; block;}
#navigation a:hover {color: #fe4983; font-size: 13px; text-shadow: 0px 0px 2px #fff; -webkit-transition: all 1s ease; /* pour navigateur webkit */ -moz-transition: all 1s ease; /* pour navigateur mozilla */ -o-transition: all 1s ease; /* pour navigateur opera */ transition: all 1s ease; /* pour les navigateurs récents */ } .onglet { display:inline-block; background: #000; padding:2px;cursor:crosshair; text-align: center; background:transparent;}
.contenu_onglet {background-color: #fef2f5; width: 320px; height: 210px; border:none; margin-top:-175px; display:none;text-align:center; border: 1px solid #819558;}
ul { margin-top:0px;margin-bottom:0px; margin-left:-10px;} h1{ margin:0px;padding:0px;}
.pseudo1 { color : #444444; font-size: 17px; text-align: center; text-transform: uppercase; margin-bottom: -4px; padding-top: 3px;} .rang { text-transform: uppercase; font-size: 9px; margin-top: -1px; text-align: center; letter-spacing: 2px;} .info_staff { text-align: center; padding: 8px; font-size: 10px; margin-top: -7px; }
.staff_bloc { position: absolute; position: absolute; top: 110px; left: 35px; width: 136px; height: 86px;}
.nom_pa {color: #444444; text-align: center font-size: 17px; font-weight: bold;}
/* PROFIL */
#online { text-align: center; margin-left: -5px; margin-bottom : -2px;} .nav1 { width: 300px;}
.toutprofil { background-color: #f7e1e6; border: 2px solid #819558; width: 180px; padding: 5px; } .pseudo_profil { background-color: #fee7ed; padding: 5px; border-radius: 15px 15px 0px 0px; -webkit-border-radius: 15px 15px 0px 0px; margin-bottom: -5px; border-top : 2px solid #819558; border-left : 2px solid #819558; border-right : 2px solid #819558;}
.vava { background-color: #fee7ed; -webkit-border-radius:4px; border-radius:4px; margin: 2px; padding: 5px; font-size: 9px; border: 1px solid #819558; color: #669189; width: 100px; text-shadow: 0px 0px 3px #fff; }
.vava2 { background-color: #fee7ed; -webkit-border-radius:4px; border-radius:4px; margin: 2px; padding: 5px; font-size: 9px; border: 1px solid #819558; color: #669189; text-shadow: 0px 0px 3px #fff; }
.name1 { font-size: 12px; font-family: 'Fjalla One', sans-serif; margin-top: -7px; margin-bottom: 2px;} .cache { height: 0; margin: auto; overflow: hidden; text-align: justify; text-transform: lowercase; transition: all 1s ease 0s; width: 200px; z-index: 2; } .profil_ouvre { font-size: 25px; margin: 2px; padding: 2px; margin-bottom: -30px; color: #551931; font-family: 'Romanesco', cursive; cursive; letter-spacing: -1px; } .profil_cache:hover .cache { height: 100px; margin: auto; overflow: auto; padding: 4px; text-align: justify; transition: all 1s ease 0s; -moz-transition: width 0.8s ease-in 0.2s, height 0.8s ease-in 0.2s, padding 0.8s ease-in 0.2s; /* pour navigateur mozilla */ }
.profil_cache:hover .cache { width: 180px; height: 250px; margin: auto; overflow: auto; padding: 4px; text-align: justify; transition: all 1s ease 0s; opacity:1 -moz-transition: width 0.8s ease-in 0.2s, height 0.8s ease-in 0.2s, padding 0.8s ease-in 0.2s; /* pour navigateur mozilla */ }
.profil2{ background-color: #; border: none; width: 180px; text-align: justify; margin-left: -15px; font-size: 10px; font-family: Time New Roman; padding: 5px; margin-top: -10px; color: #551931; text-align: center; -webkit-transition: width 0.8s ease-in 0.2s, height 0.8s ease-in 0.2s, padding 0.8s ease-in 0.2s; /* pour navigateur webkit */ -moz-transition: width 0.8s ease-in 0.2s, height 0.8s ease-in 0.2s, padding 0.8s ease-in 0.2s; /* pour navigateur mozilla */ -o-transition: width 0.8s ease-in 0.2s, height 0.8s ease-in 0.2s, padding 0.8s ease-in 0.2s; /* pour navigateur opera */ transition: width 0.8s ease-in 0.2s, height 0.8s ease-in 0.2s, padding 0.8s ease-in 0.2s; /* pour les navigateurs récents */ }
.persorang { background-color: #fee7ed; text-transform: capitalize; font-size:10px; border: 1px solid #819558; text-shadow: 0px 0px 4px #fff; margin-bottom: -12px; margin-top: 3px;}
.champ { text-align: justify; padding-left: 5px; color: #551931;}
/* FIN PROFIL */
/* CODE DU FORMULAIRE (PURPLE) */
.titresuj { text-align: center; font-size: 40px; font-family: 'Romanesco', cursive; color: #819558; padding-top: 10px; text-shadow: 0px 0px 2px #;}
.cadresuj{ background-color: #f7e1e6; border-bottom: 3px solid #819558; border-radius: 25px 25px 20px 20px; margin-top: 20px; -webkit-border-radius-: 25px 25px 20px 20px; width: 500px;}
.sstitresuj { color: #819558; border-bottom: 1px dashed #819558; text-align: center; font-size: 14px; text-shadow: 2px 1px 1px #; height: 20px; background-color: #f7e1e6; text-transform: uppercase; border-radius: 25px 25px 0px 0px; -webkit-border-radius: 25px 25px 0px 0px; border-top: 7px solid #819558; padding-top: 10px;}
.contenusuj { background-color: #fef2f5; padding: 15px; text-align: justify; margin-left: 10px; margin-right: 10px; margin-top: 5px; border: 1px solid #819558; line-height: 13px;}
/***************** NOUVEAU FORMULAIRE POUR LE STAFF ET GROUPES PAR PHANTA ***********/
.cadre-staff { background-color: #f7e1e6; border-bottom: 3px solid #819558; border-top: 3px solid #819558; border-radius: 25px 25px 20px 20px;-webkit-border-radius-: 25px 25px 20px 20px; width: 500px;} .rang-staff{ letter-spacing: 4px; text-align: center; margin-top: -15px; font-size: 20px; text-transform : uppercase; font-family: Arial,'Petit Formal Script',Helvetica,sans-serif;font-size: 9px;} .info-staff { width: 470px; height: 60px; overflow: auto; font-size : 11px; text-align: justify; padding: 5px; background-color: #fef2f5; border: 1px solid #819558; margin-bottom: 3px;} .icon-staff { width: 475px; background-color: #fef2f5; border: 1px solid #819558; padding: 2px; height: 103px; position: center;} .bord { border : 1px solid #819558;} .contenu-staff {background-color: #fef2f5; padding: 15px; text-align: justify; margin-left: 10px; margin-right: 10px; margin-top: 5px; border: 1px solid #819558; line-height: 13px; width: 450px;}
/**** admin ***/ .titre-staff-ad { font-size : 50px; font-family: 'Romanesco', cursive; text-align: center; background-color: #fef2f5; border: 1px solid #819558; height: 40px; width: 470px; letter-spacing: 2px; color : #990000;} .sstitre-staff-ad{ font-size: 20px; letter-spacing: -2px; border-bottom : 1px dashed #819558; text-align: center; text-transform : uppercase; font-family: Arial,'Petit Formal Script',Helvetica,sans-serif; padding-bottom: 2px; color : #990000;} /**modo***/ .titre-staff-mo { font-size : 50px; font-family: 'Romanesco', cursive; text-align: center; background-color: #fef2f5; border: 1px solid #819558; height: 40px; width: 470px; letter-spacing: 2px; color : #E60000;} .sstitre-staff-mo{ font-size: 20px; letter-spacing: -2px; border-bottom : 1px dashed #819558; text-align: center; text-transform : uppercase; font-family: Arial,'Petit Formal Script',Helvetica,sans-serif; padding-bottom: 2px; color : #E60000;} /** MISS CSS***/ .titre-staff-css { font-size : 50px; font-family: 'Romanesco', cursive; text-align: center; background-color: #fef2f5; border: 1px solid #819558; height: 40px; width: 470px; letter-spacing: 2px; color : #3818B8;} .sstitre-staff-css{ font-size: 20px; letter-spacing: -2px; border-bottom : 1px dashed #819558; text-align: center; text-transform : uppercase; font-family: Arial,'Petit Formal Script',Helvetica,sans-serif; padding-bottom: 2px; color : #3818B8;} /*** MOVIE MAKER***/
.titre-staff-mm { font-size : 50px; font-family: 'Romanesco', cursive; text-align: center; background-color: #fef2f5; border: 1px solid #819558; height: 40px; width: 470px; letter-spacing: 2px; color : #E60C80;} .sstitre-staff-mm{ font-size: 20px; letter-spacing: -2px; border-bottom : 1px dashed #819558; text-align: center; text-transform : uppercase; font-family: Arial,'Petit Formal Script',Helvetica,sans-serif; padding-bottom: 2px; color : #E60C80;}
/** ANALYSTE **/ .titre-staff-mm { font-size : 50px; font-family: 'Romanesco', cursive; text-align: center; background-color: #fef2f5; border: 1px solid #819558; height: 40px; width: 470px; letter-spacing: 2px; color : #397500;} .sstitre-staff-mm{ font-size: 20px; letter-spacing: -2px; border-bottom : 1px dashed #819558; text-align: center; text-transform : uppercase; font-family: Arial,'Petit Formal Script',Helvetica,sans-serif; padding-bottom: 2px; color : #397500;} /** ANIMATEURS**/ .titre-staff-ani { font-size : 50px; font-family: 'Romanesco', cursive; text-align: center; background-color: #fef2f5; border: 1px solid #819558; height: 40px; width: 470px; letter-spacing: 2px; color : #91BCC4;} .sstitre-staff-ani{ font-size: 20px; letter-spacing: -2px; border-bottom : 1px dashed #819558; text-align: center; text-transform : uppercase; font-family: Arial,'Petit Formal Script',Helvetica,sans-serif; padding-bottom: 2px; color : #91BCC4;}
/** CHRONIQUEURS**/ .titre-staff-chro { font-size : 50px; font-family: 'Romanesco', cursive; text-align: center; background-color: #fef2f5; border: 1px solid #819558; height: 40px; width: 470px; letter-spacing: 2px; color : #D9C700;} .sstitre-staff-chro{ font-size: 20px; letter-spacing: -2px; border-bottom : 1px dashed #819558; text-align: center; text-transform : uppercase; font-family: Arial,'Petit Formal Script',Helvetica,sans-serif; padding-bottom: 2px; color : #D9C700;}
/**CREATEURS**/ .titre-staff-crea { font-size : 50px; font-family: 'Romanesco', cursive; text-align: center; background-color: #fef2f5; border: 1px solid #819558; height: 40px; width: 470px; letter-spacing: 2px; color : #309EFF;} .sstitre-staff-crea{ font-size: 20px; letter-spacing: -2px; border-bottom : 1px dashed #819558; text-align: center; text-transform : uppercase; font-family: Arial,'Petit Formal Script',Helvetica,sans-serif; padding-bottom: 2px; color : #309EFF;}
/** ECRIVAINS **/ .titre-staff-ecri { font-size : 50px; font-family: 'Romanesco', cursive; text-align: center; background-color: #fef2f5; border: 1px solid #819558; height: 40px; width: 470px; letter-spacing: 2px; color : #A37CB3;} .sstitre-staff-ecri{ font-size: 20px; letter-spacing: -2px; border-bottom : 1px dashed #819558; text-align: center; text-transform : uppercase; font-family: Arial,'Petit Formal Script',Helvetica,sans-serif; padding-bottom: 2px; color : #A37CB3;}
/**JOURNALISTES**/ .titre-staff-jour { font-size : 50px; font-family: 'Romanesco', cursive; text-align: center; background-color: #fef2f5; border: 1px solid #819558; height: 40px; width: 470px; letter-spacing: 2px; color : #FFA1A1;} .sstitre-staff-jour{ font-size: 20px; letter-spacing: -2px; border-bottom : 1px dashed #819558; text-align: center; text-transform : uppercase; font-family: Arial,'Petit Formal Script',Helvetica,sans-serif; padding-bottom: 2px; color : #FFA1A1;}
/** MISS AVIS **/ .titre-staff-avis { font-size : 50px; font-family: 'Romanesco', cursive; text-align: center; background-color: #fef2f5; border: 1px solid #819558; height: 40px; width: 470px; letter-spacing: 2px; color : #0C6470;} .sstitre-staff-avis{ font-size: 20px; letter-spacing: -2px; border-bottom : 1px dashed #819558; text-align: center; text-transform : uppercase; font-family: Arial,'Petit Formal Script',Helvetica,sans-serif; padding-bottom: 2px; color : #0C6470;}
/** PROJETS **/ .titre-staff-proj { font-size : 50px; font-family: 'Romanesco', cursive; text-align: center; background-color: #fef2f5; border: 1px solid #819558; height: 40px; width: 470px; letter-spacing: 2px; color : #995400;} .sstitre-staff-proj{ font-size: 20px; letter-spacing: -2px; border-bottom : 1px dashed #819558; text-align: center; text-transform : uppercase; font-family: Arial,'Petit Formal Script',Helvetica,sans-serif; padding-bottom: 2px; color : #995400;}
/***** FIN DU CODE *****/
/*********************************CODE DES CATEGORIES PAR PHANTASMAGORIA******************************************/ .modifcat { background-color: #fee7ed; border-bottom: 2px solid #819558; border-radius: 0px 0px 5px 5px; -webkit-border-radius-: 0px 0px 5px 5px; width: 800px; padding-bottom: 10px; height: 100px;}
.catégoz { /* barre du titre */ background-color: #fee7ed; margin-bottom: -20px;height: 40px; margin-top:5px; padding-top: -15px; border-radius: 5px 5px 0px 0px; -webkit-border-radius: 5px 5px 0px 0px; border-top: 2px solid #819558; width: 800px;}
.catégoz h2 { font-size: 23px; font-family: 'Fjalla One', sans-serif; text-shadow: 0px 0px 2px #fff; text-transform: uppercase; color: #819558; letter-spacing: -1px; margin-top: 3px;}
.statdescrip { padding: 5px; border-radius: 10px; -webkit-border-radius: 10px;}
.fond_global_cat /*description*/ { background-color: #fef2f5; margin-left: 10px; margin-right: 10px; width: 780px; border-radius: 0px; -webkit-border-radius: 0px; padding-bottom: 10px; border: 1px solid #819558; height: 120px;}
.descrip_bloc { width: 460px; line-height: 13px; height:70px; overflow: auto; text-align: justify; color: #fff; font-size: 9px;}
.stat_general {
padding: 5px; height:80px; width: 160px; font-size: 9px; border-radius: 10px; -webkit-border-radius: 10px; margin-top: -5px;}
.stat01 { padding: 2px; color: #444444; letter-spacing: -1px; font-size: 13px; border-bottom: 1px solid #; }
.forumdesc1 { text-align: center; padding: 5px; border-radius: 10px; -webkit-border-radius: 10px;}
.sousfofo { /* là où ya les liens */ padding: 2px; text-align: center; margin-top: -7px; margin-bottom: -15px; border-top: 1px solid #819558; height: 30px; overflow: auto; background-color:#fef2f5;}
.sousfofo a { color: #819558; padding: 2px; font-family: 'Fjalla One', sans-serif; font-size: 10px; }
.sousfofo a:hover { color: #fe4983; padding: 2px; font-family: 'Fjalla One', sans-serif; text-shadow: 0px 0px 2px solid #551931; font-size: 10px; }
.forumtitre a { display:inline-block; font-size: 32px; margin-top: -10px; color: #819558; text-decoration: none; font-family: 'Romanesco', cursive; text-align: center; -webkit-transition-property: all; -moz-transition-property: all; transition-property: all; /* Ceci nous indique que les changements pourront se faire sur tout */ -webkit-transition-duration: 1s; -moz-transition-duration: 1s; transition-duration: 1s; /* ici c'est la durée de notre transition */ -moz-transition: all 1s; -o-transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s; letter-spacing: 0px;}
/* Personnalisation titre - lien survolé */ .forumtitre a:hover, .forumtitre a:active { color:#fe4983; font-size: 32px; text-decoration: none; letter-spacing: 4px; font-family: 'Romanesco', cursive; }
.sousfofo a:before { content:" » "; color: #551931; /* ou bien content:url('URL_IMG'); */}
/* on ne met rien après le dernier élément */ .sousfofo a:last-child:after { content:" « ";}
/*******************************FIN CATEGORIE PAR PHANTASMAGORIA*************************************/ /**********************************LIBRE SERVICE REPERTOIRE PAR ALISON************************************/ .menulet{ text-align:center; font-size:12px; text-transform:uppercase; font-style:normal; color:#819558; margin-top:-20px; } .let{ color: #000000; border-bottom: 1px dashed #819558; text-align: center; font-size: 14px; text-shadow: 2px 1px 1px #; height: 20px; background-color: #f7e1e6; text-transform: uppercase; border-radius: 25px 25px 0px 0px; -webkit-border-radius: 25px 25px 0px 0px; border-top: 7px solid #819558; padding-top: 10px; } .celeb:hover a{ font-weight:bolder; } .cadrereper{ background-color:#f7e1e6; border-bottom: 3px solid #819558; border-radius: 25px 25px 20px 20px; margin-top: 20px; -webkit-border-radius-: 25px 25px 20px 20px; width: 550px; } .contenureper{ background-color: #fef2f5; padding: 15px; text-align: justify; margin-left: 10px; margin-right: 10px; margin-top: 5px; border: 1px solid #819558; line-height: 13px; -moz-column-count:3; -webkit-column-count:3; column-count:3; valign:top;}
/*********************************DEBUT FICHE DE PRENTATION BY FYA**********************************************/
.titleprez { background-color: #f7e1e6; color: #000000; border: #819558 solid 5px; text-shadow: #000000 1px 1px 1px; -moz-box-shadow: #0C112C 1px 1px 12px; -wekbit-box-shadow: #0C112C 1px 1px 12px; box-shadow: #0C112C 1px 1px 12px; font-size: 16px; font-weight: bold; text-transform: uppercase; display: block; letter-spacing: 3px; text-align: center; -moz-border-radius: 20px; -wekbit-border-radius: 20px; border-radius: 20px; padding-top: 5px; padding-bottom: 5px }
.fieldprez { background: #f7e1e6; border: 2px solid #819558; -moz-border-radius: 10px; -wekbit-border-radius: 10px; border-radius: 10px; padding: 10px; text-align: justify }
.legprez { background: #f7e1e6; color: #000000; border: 2px solid #819558; text-shadow:# 1px 1px 1px; margin-left: 25px; text-transform: uppercase; letter-spacing: 2px; -moz-border-radius: 10px; -wekbit-border-radius: 10px; border-radius: 10px; padding: 3px 10px; font-weight: bold; border-bottom: none } .icoprez { background:#FFF2F5; width: 100px; height: 100%; vertical-align: top }
/*_ FIN FICHE DE PRENTATION BY FYA */
/* QEEL PAR PHANTA */ .infobulle_groupe { display: inline-block;}
.infobulle_groupe > div { position: absolute; margin-top: -10px; opacity: 0; visibility: hidden;
-webkit-transform: scale(0.3) rotate(-45deg); -moz-transform: scale(0.3) rotate(-45deg); -o-transform: scale(0.3) rotate(-45deg); transform: scale(0.3) rotate(-45deg);
-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.infobulle_groupe:hover > div { opacity: 1; visibility: visible; -webkit-transform: scale(1) rotate(0deg); -moz-transform: scale(1) rotate(0deg); -o-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg);}
.bouh { /* bulle*/ width: 200px; height: 150px; overflow: auto; padding: 5px; margin: auto; background-color:#FFF2F5; color: #595754; text-align: justify; font-size: 10px; border: 2px solid #819558;}
.bouh a { padding: 5px; margin: 5px 0 0 0; display: inline-block; background-color:#FFF2F5; color: #595754; text-decoration: none;}
.bouh a:hover {color: #000; } .bouh p {text-align: justify;}
.fleche { width: 0; margin-left: -80px; border: 5px solid transparent; border-bottom: 10px solid #819558;} .fond_qeel { background-color: #fee7ed; border-bottom: 2px solid #819558; border-top: 2px solid #819558; width: 800px; border-radius: 5px; -webkit-border-radius-: 5px;} .groupe { text-transform: uppercase; letter-spacing: 2px;} .bloc_qeel { background-color: #fef2f5; border: 1px solid #819558;} .stat_qeel{ width: 370px; height: 60px; padding: 10px; line-height: 11px; text-align: justify;} .online_qeel { width: 370px; height: 150px; padding: 10px; line-height: 11px; overflow: auto; text-align: justify;} .heure_qeel { width: 360px; height: 230px; padding: 10px; line-height: 11px; overflow: auto; text-align: justify;}
/* FIN DU QEEL (PHANTASMAGORIA) */
/*________________________________CODE A NE PAS MODIFIER_________________________________________________________*/ /*------ PRESENTATION DES MEMBRES DANS LES GROUPES. Pour PRD PAR KANALA ------*/
/*-- NE PAS TOUCHER CES PARAMETRES --*/
.Presa_Scroll{ overflow:auto; width: 370px; height : 220px; padding:10px;}
.Presa_Img1{ -moz-border-radius: 100px 0px 0px 0px; border-radius: 100px 0px 0px 0px; -webkit-border-radius: 100px 0px 0px 0px; border-radius: 100px 0px 0px 0px; -webkit-transition:All 1s ease; -moz-transition:All 1s ease; transition:All 1s ease; -o-transition:All 1s ease; -webkit-transform: rotate(0deg) scale(1); -moz-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); -o-transform: rotate(0deg) scale(1); margin:-2px; }
.Presa_Img1:hover{ -webkit-transform: rotate(360deg) scale(1.1); -moz-transform: rotate(360deg) scale(1.1); transform: rotate(360deg) scale(1.1); -o-transform: rotate(360deg) scale(1.1); }
.Presa_Img2{ -webkit-transition:All 1s ease; -moz-transition:All 1s ease; transition:All 1s ease; -o-transition:All 1s ease; -webkit-transform: rotate(0deg) scale(1); -moz-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); -o-transform: rotate(0deg) scale(1); margin:-2px; }
.Presa_Img2:hover{ -webkit-transform: rotate(360deg) scale(1.1); -moz-transform: rotate(360deg) scale(1.1); transform: rotate(360deg) scale(1.1); -o-transform: rotate(360deg) scale(1.1); }
.Presa_Img3{ -moz-border-radius: 0px 100px 0px 0px; border-radius: 0px 100px 0px 0px; -webkit-border-radius: 0px 100px 0px 0px; border-radius: 0px 100px 0px 0px; -webkit-transition:All 1s ease; -moz-transition:All 1s ease; transition:All 1s ease; -o-transition:All 1s ease; -webkit-transform: rotate(0deg) scale(1); -moz-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); -o-transform: rotate(0deg) scale(1); margin:-2px; }
.Presa_Img3:hover{ -webkit-transform: rotate(360deg) scale(1.1); -moz-transform: rotate(360deg) scale(1.1); transform: rotate(360deg) scale(1.1); -o-transform: rotate(360deg) scale(1.1); }
.Presa_Pseudo{ position:relative; top:-30px; margin-bottom : -60px; z-index:2; font-size:300%; -webkit-transition:All 1s ease; -moz-transition:All 1s ease; transition:All 1s ease; -o-transition:All 1s ease; -webkit-transform: rotate(0deg) scale(1) ; -moz-transform: rotate(0deg) scale(1) ; transform: rotate(0deg) scale(1) ; -o-transform: rotate(0deg) scale(1) ; }
.Presa_Pseudo:hover{ -webkit-transform: rotate(0deg) scale(1.288) translate(-17px); -moz-transform: rotate(0deg) scale(1.288) translate(-17px); transform: rotate(0deg) scale(1.288) translate(-17px); -o-transform: rotate(00deg) scale(1.288) translate(-17px); }
.Presa_Perso_Credit{ text-align:right; overflow:auto; width: 230px; float: right; position:relative; font-size: 09px; }
/*-- PARAMETRES POUR LES GROUPES --*/
/* Les Prof d'Ecriture */ .Presa_Perso_ProfEcri{ -moz-border-radius: 50px 50px 50px 50px; border-radius: 50px 50px 50px 50px; -webkit-border-radius: 50px 50px 50px 50px; border-radius: 50px 50px 50px 50px; background-color:#934103; /* Paramètres à changer selon le groupe */ color:#BF9568; /* Paramètres à changer selon le groupe */ Padding:15px; text-align:justify; width: 400px; height : 250px; }
/* Les Admins */ .Presa_Perso_Admin { -moz-border-radius: 50px 50px 50px 50px; border-radius: 50px 50px 50px 50px; -webkit-border-radius: 50px 50px 50px 50px; border-radius: 50px 50px 50px 50px; background-color:#E51C1C; /* Paramètres à changer selon le groupe */ color:#FF8080; /* Paramètres à changer selon le groupe */ Padding:15px; text-align:justify; width: 400px; height : 250px; } /* Les modérateurs */ .Presa_Perso_Modo{ -moz-border-radius: 50px 50px 50px 50px; border-radius: 50px 50px 50px 50px; -webkit-border-radius: 50px 50px 50px 50px; border-radius: 50px 50px 50px 50px; background-color:#FF6F00 ; /* Paramètres à changer selon le groupe */ color:#FFD445; /* Paramètres à changer selon le groupe */ Padding:15px; text-align:justify; width: 400px; height : 250px; } /* Les animateurs*/ .Presa_Perso_Anim{ -moz-border-radius: 50px 50px 50px 50px; border-radius: 50px 50px 50px 50px; -webkit-border-radius: 50px 50px 50px 50px; border-radius: 50px 50px 50px 50px; background-color:#51849C; /* Paramètres à changer selon le groupe */ color:#8DB9C9; /* Paramètres à changer selon le groupe */ Padding:15px; text-align:justify; width: 400px; height : 250px; } /* Les journalistes */ .Presa_Perso_Journa{ -moz-border-radius: 50px 50px 50px 50px; border-radius: 50px 50px 50px 50px; -webkit-border-radius: 50px 50px 50px 50px; border-radius: 50px 50px 50px 50px; background-color:#9C3535; /* Paramètres à changer selon le groupe */ color:#DF906D; /* Paramètres à changer selon le groupe */ Padding:15px; text-align:justify; width: 400px; height : 250px; } /* Les miss mister pub */ .Presa_Perso_Pub{ -moz-border-radius: 50px 50px 50px 50px; border-radius: 50px 50px 50px 50px; -webkit-border-radius: 50px 50px 50px 50px; border-radius: 50px 50px 50px 50px; background-color:#87a541; /* Paramètres à changer selon le groupe */ color:#0D4419; /* Paramètres à changer selon le groupe */ Padding:15px; text-align:justify; width: 400px; height : 250px; } /* Les Ecrivains */ .Presa_Perso_Ecriv{ -moz-border-radius: 50px 50px 50px 50px; border-radius: 50px 50px 50px 50px; -webkit-border-radius: 50px 50px 50px 50px; border-radius: 50px 50px 50px 50px; background-color:#883DBA; /* Paramètres à changer selon le groupe */ color:#BD7BDB; /* Paramètres à changer selon le groupe */ Padding:15px; text-align:justify; width: 400px; height : 250px; } /* Les miss mister pojet */ .Presa_Perso_Projet{ -moz-border-radius: 50px 50px 50px 50px; border-radius: 50px 50px 50px 50px; -webkit-border-radius: 50px 50px 50px 50px; border-radius: 50px 50px 50px 50px; background-color:#995435; /* Paramètres à changer selon le groupe */ color:#C99270; /* Paramètres à changer selon le groupe */ Padding:15px; text-align:justify; width: 400px; height : 250px; } /* Les movie maker */ .Presa_Perso_Movie{ -moz-border-radius: 50px 50px 50px 50px; border-radius: 50px 50px 50px 50px; -webkit-border-radius: 50px 50px 50px 50px; border-radius: 50px 50px 50px 50px; background-color:#D1227F; /* Paramètres à changer selon le groupe */ color:#E59DB2; /* Paramètres à changer selon le groupe */ Padding:15px; text-align:justify; width: 400px; height : 250px; } /* Les Css */ .Presa_Perso_Css { -moz-border-radius: 50px 50px 50px 50px; border-radius: 50px 50px 50px 50px; -webkit-border-radius: 50px 50px 50px 50px; border-radius: 50px 50px 50px 50px; background-color:#190178; /* Paramètres à changer selon le groupe */ color:#8DB9C9; /* Paramètres à changer selon le groupe */ Padding:15px; text-align:justify; width: 400px; height : 250px; } /* Les Avis*/ .Presa_Perso_Avis{ -moz-border-radius: 50px 50px 50px 50px; border-radius: 50px 50px 50px 50px; -webkit-border-radius: 50px 50px 50px 50px; border-radius: 50px 50px 50px 50px; background-color:#0C6470; /* Paramètres à changer selon le groupe */ color:#8DB9C9; /* Paramètres à changer selon le groupe */ Padding:15px; text-align:justify; width: 400px; height : 250px; } /* Les Analystes */ .Presa_Perso_Analy{ -moz-border-radius: 50px 50px 50px 50px; border-radius: 50px 50px 50px 50px; -webkit-border-radius: 50px 50px 50px 50px; border-radius: 50px 50px 50px 50px; background-color:#7F9967; /* Paramètres à changer selon le groupe */ color:#C4D2B4; /* Paramètres à changer selon le groupe */ Padding:15px; text-align:justify; width: 400px; height : 250px; } /* Les créateurs */ .Presa_Perso_Créa{ -moz-border-radius: 50px 50px 50px 50px; border-radius: 50px 50px 50px 50px; -webkit-border-radius: 50px 50px 50px 50px; border-radius: 50px 50px 50px 50px; background-color:#2F8CDE; /* Paramètres à changer selon le groupe */ color:#D9E8F0; /* Paramètres à changer selon le groupe */ Padding:15px; text-align:justify; width: 400px; height : 250px; } /* Les chroniqueurs */ .Presa_Perso_Radio{ -moz-border-radius: 50px 50px 50px 50px; border-radius: 50px 50px 50px 50px; -webkit-border-radius: 50px 50px 50px 50px; border-radius: 50px 50px 50px 50px; background-color:#ABA66F; /* Paramètres à changer selon le groupe */ color:#FFF; /* Paramètres à changer selon le groupe */ Padding:15px; text-align:justify; width: 400px; height : 250px; } /* FIN CODE KANALA */
/* CODAGE JOURNAL */ .gdtitre { text-align: center; font-size: 36px; text-transform: uppercase; font-family: 'Tulpen One', cursive; }
.ptittitre { text-align: center; font-size: 20px; text-transform: lowercase; font-family: Old Script; }
.fdart { width: 550px; background-image: url('http://imjustcreative.com/wp-content/uploads/ImJustCreative-2010-08-23-at-06.06.01.jpg'); background-repeat: repeat; padding: 10px; }
.lgart { border-bottom: 2px solid; opacity: 0.4; }
.art { -moz-column-count: 3; -moz-column-gap: auto; -webkit-column-count: 3; -webkit-column-gap: auto; column-count: 3; column-gap: auto; text-align: justify; padding: 4px; valign: top; }
.copyart { text-align: right; font-size: 9px; text-transform: lowercase; } /* FIN */
/* CSS FORMSPRING PAR COCAÏNE POUR PRD */
/* FOND DE COULEUR BLANC */
.fond { width: 540px; background-color: white; }
/* FOND DE COULEUR BLEU */
.barrebleue { width: 540px; background-color: #DDE8EA; } /* FIN CSS FORMSPRING PAR COCAÏNE */ |
|