AccueilAccueil  CalendrierCalendrier  FAQFAQ  RechercherRechercher  MembresMembres  GroupesGroupes  S'enregistrerS'enregistrer  Connexion  

Partagez| .

CSS Octobre 2013/Mai 2014

Voir le sujet précédent Voir le sujet suivant Aller en bas
AuteurMessage

avatar

Admin - Blablateur - Movie Maker - Aviseur
____________________

Voir le profil de l'utilisateur http://nouilles8frites51.forumactif.org
J'ai rejoins la planète PRD le : 04/07/2014 J'ai posté un total de : 99 et j'ai : 25 Localisation : PRD


Admin - Blablateur - Movie Maker - Aviseur
Message(#) 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 */
Revenir en haut Aller en bas

CSS Octobre 2013/Mai 2014

Voir le sujet précédent Voir le sujet suivant Revenir en haut
Page 1 sur 1

Sujets similaires

-
» [Octobre 2013] My Little Box "Arty Box"
» [Octobre 2012] Glossybox "Home Spa"
» 14 JUILLET 2013 defilé paris
» Newsletter de l'atelier des parents
» MAC RETRO MATTE - Octobre 2013

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
 :: Sous forum-