code actuel ccs.

▵ messages : 1240 ▵ arrivé(e) le : 05/03/2008 ▵ avatar : lucy kate hale.

Code:: /* NOUVELLE PA JU */

/*onglet PA*/
.onglepa {

  margin-top: -40px;
  margin-right: 2px;
  padding-bottom: -10px;
  border: 2px, white solid;
   height: 40px;
   width: 40px;
  filter: alpha (opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;

}
.onglepa:hover {
   background-color: #FFFFFF;
   border-radius: 100px;
   color: #000000;
   height: 40px;
   line-height: 50px;
   text-align: center;
   transition-duration: 0.5s;
   transition-property: color;
   transition-timing-function: ease-in;
   width: 40px;
  filter: alpha (opacity=100);
  -moz-opacity: 7;
  opacity: 1;
}

.onglepa1 {

  margin-top: -25px;
  margin-right: 2px;
  border: 2px, white solid;
   height: 40px;
   width: 40px;
  filter: alpha (opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;

}
.onglepa1:hover {
   background-color: #FFFFFF;
   border-radius: 100px;
   color: #000000;
   height: 40px;
   line-height: 50px;
   text-align: center;
   transition-duration: 0.5s;
   transition-property: color;
   transition-timing-function: ease-in;
   width: 40px;
  filter: alpha (opacity=100);
  -moz-opacity: 1;
  opacity: 1;
}

.onglepa6 {

  margin-top: -25px;
  margin-right: 0px;
  border: 2px, white solid;
   height: 40px;
   width: 40px;
  filter: alpha (opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;

}
.onglepa6:hover {
   background-color: #FFFFFF;
   border-radius: 100px;
   color: #000000;
   height: 40px;
   line-height: 50px;
   text-align: center;
   transition-duration: 0.5s;
   transition-property: color;
   transition-timing-function: ease-in;
   width: 40px;
  filter: alpha (opacity=100);
  -moz-opacity: 1;
  opacity: 1;
}
.contenupa{
   background-color: #EFD8C9;
  margin-top:-35px;
  margin-bottom: -30px;
  margin-right: 2px;
   height: 78px;
   text-align: center;
  padding: 5px;
   width: 310px;
}

.pseudo{
  margin-left: 10px;
letter-spacing: 0px;
   word-spacing: 2px;
   font-size:15px;
   line-height: 12px;
   font-family: time new roman;
   text-shadow: 0px 0px 1px ;
   text-align: center;
   text-transform: uppercase;
   }

.pseudo2{
  margin-left: 40px;
letter-spacing: 0px;
   word-spacing: 2px;
   font-size:15px;
   line-height: 12px;
   font-family: time new roman;
   text-shadow: 0px 0px 1px ;
   text-align: center;
   text-transform: uppercase;
   }

.legend{
  margin-left: 20px;}

.img{
  filter: alpha (opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
}

.text{
   -moz-box-shadow: 0px 0px 1px #FFFFFF;
   font-family: lobster;
   color:#999789;
   font-size: 11px;
   line-height: 12px;
   margin-left: 30px;
   margin-top: -15px;
}

.cadre2{
  background-color: #F5F1E7;
  position:absolute;
  width:135px;
  height:15px;
  right: 15px;
  border-top: 1px solid #000000,
   padding: 5px;
  margin-top:px; }

.iconsqeel{background-color:#F5F1E7;
-moz-border-radius : 3px 3px 3px 3px;
border: 1px #FFFFFF solid;
padding-left: 3px;
padding-right: 3px;
padding-top: -3px;
padding-bottom: -5px;
width: 40px;
height: 40px;
padding:2px;
  filter: alpha (opacity=70);
  -moz-opacity: 0.70;
  opacity: 0.70; }

.iconsqeel:hover{background-color:#F5F1E7;
-moz-border-radius : 3px 3px 3px 3px;
border: 1px #FFFFFF solid;
padding-left: 3px;
padding-right: 3px;
padding-top: 3px;
width: 40px;
height: 40px;
padding:2px;
  padding:2px;
  filter: alpha (opacity=100);
  -moz-opacity: 1.0;
  opacity: 1.0;}

.iconsjack{background-color:#FCE8C1;
-moz-border-radius : 3px 3px 3px 3px;
border: 0px #b39a75 solid;
padding-left: 3px;
padding-right: 3px;
padding-top: 3px;
width: 150px;
height: 205px;
padding:1px;
  filter: alpha (opacity=60);
  -moz-opacity: 0.60;
  opacity: 0.60; }

.iconsjack:hover{background-color:#FCE8C1;
-moz-border-radius : 3px 3px 3px 3px;
border: 0px #b39a75 solid;
padding-left: 3px;
padding-right: 3px;
padding-top: 3px;
width: 150px;
height: 205px;
padding:1px;
  filter: alpha (opacity=100);
  -moz-opacity: 1.0;
  opacity: 1.0;}

.iconsmempa{background-color:#F5F1E7;
-moz-border-radius : 3px 3px 3px 3px;
border: 0px #b39a75 solid;
padding-left: 3px;
padding-right: 3px;
padding-top: 3px;
width: 170px;
height: 70px;
padding:2px;
  filter: alpha (opacity=70);
  -moz-opacity: 0.90;
  opacity: 0.80; }

.iconsmempa:hover{background-color:#F5F1E7;
-moz-border-radius : 3px 3px 3px 3px;
border: 0px #b39a75 solid;
padding-left: 3px;
padding-right: 3px;
padding-top: 3px;
width: 170px;
height: 70px;
padding:2px;
  padding:2px;
  filter: alpha (opacity=100);
  -moz-opacity: 1.0;
  opacity: 1.0;}

.effetpamem { width: 170px; height: 70px; background-color: white;

opacity: 0;transition-duration: 0.5s;

  -moz-transition-duration: 0.5s;

  -webkit-transition-duration: 0.5s;

  -o-transition-duration: 0.5s; overflow: auto;

  color: #000000; }

.effetpamem:hover { width: 170px; height: 70px;

  background-color: #F5F1E7;
  opacity: .9; }

.infosmempa { text-transform: none;
   font-family:arial;
font-size:9px;
text-align: center;
margin-top: 5px;}

/*FIN/*

/* NOUVELLE PRESA DE CLEM */
.pr{
  width: 450px;
  padding: 15px;
  margin-top:40px;
  background: #FFFFFF;
  border-top: 5px solid #F2DECF;
}

.prbas{
  width: 450px;
  padding: 15px;
  border-top: 5px solid #FFFFFF;
}

.citapr{
font-family: arial;
  font-size: 9px;
  letter-spacing: 3px;
  text-transform: uppercase;
}

.se{
  width: 450px;
  padding: 15px;
  margin-top:30px;
  background: #CBC4D8;
  border-top: 5px solid #ddd;
}

.titrepresa {

   font-family: Satisfy;
   font-size: 29px;
   color:#B35876;
   font-style: italic;

}

.catépresa {

   font-family: Satisfy;
   font-size: 20px;
   color:#DADFE6;
   font-style: italic;

}

/* FIN NVELLE PRESA DE CLEM */

/*TITRE BOTTIN*/
titrebottin {
   font-family: Arial Black;
   color: # !important;
   text-shadow: 1px 1px 1px #EEEEE5;
   text-transform: lowercase;
   letter-spacing: -1px;
   font-size: 15px;
   text-decoration: none ! important;
   margin-left: 20px;
}

/* les onglet */
.systab .tab {
  padding: 2px 10px;
  margin-right: 5px;
  color: #000;
  background: #fff;
  border: 1px solid #000;
  cursor: pointer; }

/* les onglets survolés */
.systab .tab:hover {
  background: #FAFAFA;
  color: #487f31;
  border-color: #454545; }

/* les onglets sélectionnés */
.systab .tab.selected {
  color: #ccc;
  background: #333; }

/* contenus associés aux onglets */
.systab .contents {
  margin-top: 1px;
  margin-bottom: 1px;
  color: #000;
  background: #fff;
  border: 1px solid #000;
  padding: 10px; }

/* style des onglets */
.systab.s_float .tab,.systab.s_float .tab {
  display: block;
  margin: 5px; }

/* flottement des conteneurs */
.systab.s_float .tabs,.systab.s_float .contents { float: left; }

.floatleft{
float: left;
padding: 1%;
margin-right: 2px;
margin-top: 2px;
}

.cadre1 {
padding:4px;
background-color: #f2ece1;
border: #dfdec4 solid 1px;}

/*INFOBULLE*/
a.info {
  position: relative;
  color: #ffffff;
  text-decoration: none;
}

a.info span {
  display: none; /* on masque l'infobulle */
font-size: 12px;

}
a.info:hover {
  background: none; /* correction d'un bug IE */
  z-index: 500; /* on définit une valeur pour l'ordre d'affichage */

  cursor: pointer; /* on change le curseur par défaut en curseur d'aide */
}
a.info:hover span {
  display: inline; /* on affiche l'infobulle */
  position: absolute;

  white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */

  top: 0px; /* on positionne notre infobulle */
  left: 0px;

  background: #D9E6D7;

  color: #000000;
  padding: 3px;

  border: 1px solid #474747;
}

/*QUEEL DU FORUM*/
.bandtitrequeel {padding: 5px; text-align: justify;background-color:#D8E6E6;border: 1px solid #F0E8D3;width: 220px;
}

.fondqueel {background-color:#D8E6E6;color:#D8E6E6; font-size: 18px;line-height:17px;font-family: 'Yeseva One', cursive;text-align:center;
  }

.contenuqueel {text-align: justify;font-size: 11px; font-family: arial, cursive;width:300px;height:120px;padding: 5px;overflow:auto;
  }

.contenuqueel2 {text-align: justify;font-size: 11px; font-family: arial, cursive;width:300px;height:80px;padding: 5px;overflow:auto;
  }

.contenuqueel3 {text-align: justify;font-size: 11px; font-family: arial, cursive;width:350px;height:160px;padding: 5px;overflow:auto;
  }

.groupesqueel {font-size: 16px;line-height:17px;font-family: 'Yeseva One', cursive;text-align:center;
  }
.queel12{
   padding:2px;
  background-color:#D8E6E6;border: 2px solid #F0E8D3;
  width: px; height: 50px;
  opacity: 0.8;
  -moz-transition-duration:2s;
}

.queel12:hover {opacity: 1;
}

.pseudosqueel12 {letter-spacing:1px;font-weight: ;text-align:center;
font-family: 'georgia', cursive; font-size:11px; color: #C0BAAE; text-transform: lowercase;
-moz-transition-duration:2s;

}
/*FIN DU QUEEL*/

/*INFOBULLE DU QUEEL*/
.NU_infobulle{
width: 150px;
margin: auto;
padding: 5px;
float: left;
position: relative;
  opacity:0.5;
  -webkit-transition: all 1.5s ease; /* pour navigateur webkit */
-moz-transition: all 1.5s ease; /* pour navigateur mozilla */
-o-transition: all 1.5s ease; /* pour navigateur opera */
transition: all 1.5s ease; /* pour les navigateurs récents */
}

.NU_infobulle:hover{
opacity:1;
}

.NU_bulle{
  background-color:#F1E2CC;
  opacity:0.8;
width: 0;
height: 0;
position: absolute;
top: 5px;
left: 5px;
overflow: hidden;
  line-height:9px;
z-index: 20;
text-align: justify;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
-webkit-transition: all 1.5s ease; /* pour navigateur webkit */
-moz-transition: all 1.5s ease; /* pour navigateur mozilla */
-o-transition: all 1.5s ease; /* pour navigateur opera */
transition: all 1.5s ease; /* pour les navigateurs récents */
}

.NU_infobulle:hover .NU_bulle{
width: 150px;
height: 60px;
padding: 0px;
border-width: 0px;
}
/*FIN*/

/*SCROLLBAR*/

::-webkit-scrollbar { width: 7px; }
::-webkit-scrollbar-track { background-color: #FFFFFF; }
::-webkit-scrollbar-thumb { background-color: #B35876; }
/*fin*/

/* MARGES */
.bodyline{
border-top: none !important;
border-bottom: none !important;
border-left: solid #FFFFFF 5px;
border-right: solid #FFFFFF 5px;
}

body {
   margin: 0 auto;
}

.bodylinewidth {
   width:750px;
}

/*TITRE PA*/
titrepa {
color: #944E18;
font-family: ms mincho;
font-size: 14px;
}
/*fin*/

/*INFOBULLE*/

a.imginfo {
  position: relative;
  color: #ADBFF4;
  text-decoration: none;
  border-bottom: 0px #ADBFF4 solid; /* on souligne le texte */
}

a.imginfo span {
  display: none; /* on masque l'infobulle */
}
a.imginfo:hover {
  background: none; /* correction d'un bug IE */
  z-index: 999; /* on dÃ©finit une valeur pour l'ordre d'affichage */
  cursor: help; /* on change le curseur par dÃ©faut en curseur d'aide */
}
a.imginfo:hover span {
  display: inline; /* on affiche l'infobulle */
  position: absolute;
  white-space: nowrap; /* on change la valeur de la propriÃ©tÃ© white-space pour qu'il n'y ait pas de retour Ã la ligne non-dÃ©sirÃ© */
  top: 10px; /* on positionne notre infobulle */
  left: 0px;
  background-color: #f2f2d9;
  color: #ADBFF4;
  padding: 3px;
  border: 0px solid #6B0929;
  border-top: 2px solid #6B0929;
  border-bottom: 2px solid #6B0929;
  border-left: 1px solid #E8DCB7;
  border-right: 1px solid #E8DCB7;
}
/*fin*/

/*TITRE DES FORUMS*/

.forumlink{
font-weight: normal;
font-style: italic;
letter-spacing :-1px;
font-family: times;
margin-left: 30px;
text-transform: lowercase;
text-decoration:none;
font-size: 25px;
  transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
  transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;}

.forumlink:hover{
font-weight: normal;
font-style: italic;
letter-spacing :-1px;
font-family: times;
margin-left: 47px;
  color: #944E18;
text-transform: lowercase;
text-decoration:none;
font-size: 25px;
  transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
  transition: 1s;
-moz-transition: 1s;
   color: #944E18;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;}

a.desc{
font-size: 11px;
  line-height:11px;
text-align: justify;
margin-bottom:-10px;}
/*fin*/

/*sélectionner le code en minuscule */


.plot{
border: solid 1px #944E18;
width:370px;
padding:20px;
display:block;
margin:auto;}

.lettrescaté1 {font-family: 'Unica One', cursive; font-size:11px; font-style:italic; color: #8071A6; text-transform:uppercase; letter-spacing:2px;
  }

.descricaté1 {font-size:11px;text-indent:0.3cm;padding: 5px; text-align: justify;
}

/*fin*/

/* QEEL */
.pad{
  border: 1px dotted #edebe4;
  text-align:justify;}

.pad:hover {
  border: 1px dotted #edebe4;
  text-align:justify;}

.grupe
{ font-weight: normal;
font-style: italic;
font-family: georgia;
margin-left: 10px;
text-transform: lowercase;
text-decoration:none;
font-size: 22px;
  text-align:center;
}

.stats{
  font-weight: normal;
font-style: italic;
letter-spacing :-1px;
font-family: times;
margin-left: 10px;
text-transform: lowercase;
text-decoration:none;
font-size: 21px;}

.grape{
  font-weight: normal;
font-style: italic;
letter-spacing :-1px;
font-family: georgia;
margin-left: 10px;
text-transform: lowercase;
text-decoration:none;
  font-size: 28px;}

.miam{
  font-size:12px;
  line-height:10px;}

.titgru{
  font-weight: normal;
font-style: italic;
font-family: georgia;
margin-left: 10px;
text-transform: lowercase;
text-decoration:none;
font-size: 13px;
margin-bottom: -10px;}

.contenuqeel{
  width: 150px}

.contenuqeel2{
  width: 150px}

.contenuqeel3{
  width: 150px;}
/*fin*/

/*SOULIGNEMENT*/

A:link {text-decoration: none !important;}
A:visited {text-decoration: none !important;}
A:active {text-decoration: none !important;}
A:hover {text-decoration: none !important;}
/*fin*/

/*EDITER*/

tr.post span.gensmall {
display: none;
}
/*fin*/

/* SELECTIONNER CODE */
   .selectCode { float:right; text-transform: uppercase; cursor:pointer; }
/*fin*/

/*APPARENCE DANS LES SUJETS*/
div.postbody {
   display: block;
   padding-left: 20px;
   padding-right: 20px; font-size:11px;
   text-align:justify !important;
  line-height:13px;
}
/*fin*/

/* SCENARIO */

.scenario {
   width:200px;
   height:165px;
   overflow:auto;
   line-height: 11px;
   font-size: 12px;
   }

.titrepresa {

   font-family: Satisfy;
   font-size: 29px;
   color:#B35876;
   font-style: italic;

}
/*fin*/

/* PRESENTATION CODE */
.cadrepv {
   background-color: #FFFFFF;
   padding: 5px;
   width:450px;
   text-align: justify;
   border-radius: 60px 60px 00px 00px;
   }

.descrippresa {
   width:400px;
   height:165px;
   overflow:auto;
   line-height: 11px;
   font-size: 12px;
   }

.petitcadre{
   background-color: #FFFFFF;
   padding: 5px;
   line-height: 11px;
   width:450px;
   color:#A89E8F;
   text-align: justify;
   border-radius: 60px 60px 60px 60px;
   }

.diversprésa {
   background-color: #FFFFFF;
   padding: 10px;
   line-height: 12px;
   width: 405px;
   text-align: justify;
   border-radius: 60px 60px 00px 00px;
}
/*fin*/

/*PROFIL*/

.postdetails.poster-profile img {
   width: 200px;
}

.contourprofil {
   padding:4px;
   background-color:#F0DACB;
   border: 5px none;
   box-shadow: 0px 0px 3px #8F7D9C;
   border: #944E18 0px solid;}
.contourprofil:hover {
   border: #944E18 0px solid;
}

.speudo {
   font-family: Satisfy;
   font-size: 22px;
   margin-top: -5px;
   margin-bottom: -12px;
   letter-spacing: -1pt;
   line-height: 8px;
   font-weight : italic;
   text-transform: lowercase;
}

.speudo2 {
   font-family: Satisfy;
   font-size: 23px;
   margin-top: -5px;
   color: #A02138;
   margin-bottom: -8px;
   letter-spacing: -1pt;
   font-weight : italic;
   text-transform: lowercase;
}

.trait {
border-bottom:dotted 3px #944E18;
font-family: arial;
font-size: 9px;
letter-spacing: 1pt;
}

.profil {
background-color: #DADFE6;
border: #944E18 0px solid;
padding: 6px;
font-size:10px;
width: 200px;
text-align:justify;
  font-size:11px;
  line-height: 11px;
font-family: georgia;
color:#797E80;
}

.profil2 {
background-color: #F5F1E7;
border: #944E18 0px solid;
padding: 6px;
font-size:11px;
width: 200px;
  heigh: 330 px;
text-align:center;
}

.pix {
padding-left: 5px;
padding-right: 5px; padding-top: 5px;
padding-bottom: 5px;
opacity: 1;">
}

.pix:hover {
padding-left: 5px;
padding-right: 5px; padding-top: 5px;
padding-bottom: 5px;;
opacity: 1;">
}

.descr {
font-size:10px;
font-family:tahoma;
color:#31A5CC;
  font-weight:bold;}

.contenuprofil {text-align: justify;font-size: 11px; font-family: arial, cursive;width:200px;height:270px;padding: 5px;overflow:auto; padding-left:4px;
  padding-right:4px;
text-align: justify;
line-height:10px;
  margin-right:2px;
   margin-left:2px;
   border-radius: 2px 2px 2px 2px;
background-color: #F5F1E7;
border: #944E18 0px solid;
  width: 207px;

  }

/*GIF PROFIL*/
td.row1 div.field_uneditable img{
max-width: 250px;
}

/*IMAGES CATE*/

.imgcate{
  margin-left: -10px;
  margin-top: 25px;
  opacity: 0.8;
  -moz-transition-duration:2s;
}

.imgcate:hover {opacity: 1;
}
/*fin*/

/*ASCENSEUR*/
.ascenseur {
position: fixed; /*--- Cette ligne permet de toujours afficher l'ascenseur à l'écran ---*/
top: 560px; /*--- On le place à 50 px du haut de l'écran ---*/
left: 30px; /*--- On le place à 0px de la gauche de l'écran ---*/
-moz-border-radius: 0px 35px 35px 0px; /*--- On arrondit les bords ---*/
-webkit-border-radius: 0px 35px 35px 0px;
border-radius: 0px 35px 35px 0px;
}

/*AVATAR CATEGORIE*/
.lastpost-avatar {
float: left;
padding: 2px;
}
.lastpost-avatar img {
width: 45px;
height: 70px;
  margin-top: 25px;
  margin-left: 0px;
  border: #FFFFFF 3px solid;
border-radius: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
  opacity: 0.7;
  -moz-transition-duration:2s;
}

.lastpost-avatar img:hover
{
width: 45px;
height: 70px;
  margin-top: 25px;
  margin-left: 0px;
  border: #FFFFFF 3px solid;
border-radius: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
  opacity: 1;
}

/*BARRE NAVIGATION*/

  .navig {
  background-color: #F6F4E4;
  border-bottom: 2px solid #FFFFFF;
position: fixed;
top: 0px;
width: 100%;
  text-align:center;

}

a.mainmenu {
margin: 5px;
font-family: lobster;
font-size: 14px;
  text-align: center;
  color: #B35876;
  text-transform: uppercase;
}
/* ------------- FICHE PV
Créee par Orange de CSSActif (http://www.css-actif.com)
Merci de conserver cette mention par respect ----------- */
.cssactif_pv { /* Fond de la fiche */
{ background-color: #F5F1E7; /* Couleur de fond */


   -webkit-border-radius: 20px; /* Bordures arrondies (voir: http://border-radius.com/) */
   -moz-border-radius: 20px;/* Bordures arrondies (voir: http://border-radius.com/) */
   border-radius: 20px;/* Bordures arrondies (voir: http://border-radius.com/) */

   -webkit-box-shadow: 0px 0px 10px 0px #fff; /* Ombre de la fiche (voir http://css3generator.com/ choix "Box-shadow") */
-moz-box-shadow: 0px 0px 10px 0px #fff; /* Ombre de la fiche (voir http://css3generator.com/ choix "Box-shadow") */
box-shadow: 0px 0px 10px 0px #fff; /* Ombre de la fiche (voir http://css3generator.com/ choix "Box-shadow") */

}

td.cssactif_pv_header { /* En-tête avec image de fond */
   background-repeat: no-repeat; /* Empêche la répétition de l'image du header */
   background-position: top center; /* Postionne l'image du header en haut, au center */

   width: 200px; /* Donne la largeur de la bannière latérale (Largeur de l'avatar) */
   height: 320px; /* Donne la hauteur en px du header, l'image de header devrait être même hauteur ou plus grande (Hauteur de l'avatar) */

  border-right: 15px double #831114; }/* Bordure côté du header: ÉPAISSEURpx STYLE #COULEUR (voir: http://www.css-actif.com/t66-css-cours-elementaire-1-le-groupement#border-style) */


   /* Bordures gauche arrondies (voir: http://border-radius.com/) */
{ -webkit-border-top-left-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-bottomleft: 20px;
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
}

  { text-shadow: 1px 1px 0px #fff; /* Ombre du texte */
   font-size: 10px; /* Taille du texte: TAILLEpx */
}

div.cssactif_pv_titre h1 { /* Titre prénoms & nom */

font-family: lobster; /*Police du titre (voir: http://www.css-actif.com/t66-css-cours-elementaire-1-le-groupement#forme_caracteres) */

   font-size: 32px; /* Taille du texte: TAILLEpx */

   text-shadow: 1px 1px 0px #000; /* Ombre du texte */

   color: #831114; /* Couleur du texte */

   margin: 0; /* Supprime la marge par défaut de l'élément h1 */

   text-align: center; /* Aligne le titre à droite */
   text-transform: uppercase; /* Met le titre en majuscules */

}

div.cssactif_pv_titre { /* Titre + feat */
   /* Positionne le titre "à cheval" sur la bordure */
   position: relative;
   top: -28px;


   text-align: center; /* Aligne le texte à droite */


   padding-right: 20px; /* Défifine une marge interne */
   color: #AB433D; /* Couleur du feat */
}

.cssactif_pv h2 { /* Sous-titres "Identité", "Opinions" etc. */
background-color: #FFFFFF; /* Couleur du fond des sous-titres */
border-color: #831114; /* Couleur de la bordure */
border-width: 1px 0px; /* Taille de la bordure: HAUT & BAS GAUCHE & DROITE */
border-style: solid; /* Style de la bordure */
}
{ -webkit-box-shadow: 0px 0px 3px 0px #fff; /* Ombre de la fiche (voir http://css3generator.com/ choix "Box-shadow") */
-moz-box-shadow: 0px 0px 3px 0px #fff; /* Ombre de la fiche (voir http://css3generator.com/ choix "Box-shadow") */
box-shadow: 0px 0px 3px 0px #fff; /* Ombre de la fiche (voir http://css3generator.com/ choix "Box-shadow") */
}{
   text-align: center; /* Aligne le titre au centre */
   text-transform: uppercase; /* Met le titre en majuscules */
   font-family: Georgia, "Times New Roman", Times, serif; /*Police du titre (voir: http://www.css-actif.com/t66-css-cours-elementaire-1-le-groupement#forme_caracteres) */
   color: #921628; /* Couleur du titre */
   margin: 0; /* Supprimer marge */
   font-size: 20px; /* TAILLE DU TEXTE: TAILLEpx */
   font-weight: normal; /*Épaisseur du texte */
   text-shadow: 1px 1px 0px #000; /*Ombre du texte */
   letter-spacing: 5px; /* Espacement des caractères */

}

.cssactif_pv_content { /* Contenu */
padding: 0px; /* Marge interne */
text-align: justify; /* Justifie le texte */
text-shadow: px px 0px #000; /*Ombre du texte */
}

.cssactif_pv em { /* Libellés */
   font-family: Georgia, "Times New Roman", Times, serif; /*Police du titre (voir: http://www.css-actif.com/t66-css-cours-elementaire-1-le-groupement#forme_caracteres) */
   color: #921628; /* Couleur du titre */
   font-style: normal;
   text-transform: uppercase;

}

.fytwimg {opacity: 0; width:200px;
  height: 320px;
  transition-duration: 1s;
  -moz-transition-duration: 1s;
  -webkit-transition-duration: 1s;
  -o-transition-duration: 1s;
  overflow:hidden;
  }

.fytwimg:hover {opacity: 1;
  background-color: #F8EFF4;
width: 190px;
  height:325px;
padding-right:5px;
padding-left:5px;
  text-align:justify;
  overflow:auto;
  font-family:calibri;
  font-size:13px;
  line-height:100%;
  color:#a3a3ab;
  }

fypart1 {
  width: 195px;
  height:325px;
  padding-top:px;
padding-bottom:px;
padding-right:px;
padding-left:px;
  text-align:justify;
  overflow:auto;
  font-family:calibri;
  font-size:11px; line-height:100%;
  color:#9C9797;
  }

  iconscon{background-color:#F6EAF0;
   background-repeat: no-repeat; /* Empêche la répétition de l'image du header */
   background-position: top center; /* Postionne l'image du header en haut, au center */

   width: 200px; /* Donne la largeur de la bannière latérale (Largeur de l'avatar) */
   height: 320px; /* Donne la hauteur en px du header, l'image de header devrait être même hauteur ou plus grande (Hauteur de l'avatar) */

  border-right: 15px double #831114; }
-moz-border-radius : 3px 3px 3px 3px;
border: px #E9E0E5 solid;
padding-left: 3px;
padding-right: 3px;
padding-top: 3px;
padding:2px;
  filter: alpha (opacity=70);
  -moz-opacity: 0.70;
  opacity: 0.70;
}

.iconscon:hover{background-color:#F6EAF0;
-moz-border-radius : 3px 3px 3px 3px;
border: px #FFFFFF solid;
padding-left: 3px;
padding-right: 3px;
padding-top: 3px;
width: 200px;
height: 320px;
padding:2px;
  padding:2px;
  filter: alpha (opacity=100);
  -moz-opacity: 1.0;
  opacity: 1.0;
}

.effetpa { width: 200px; height: 320px; background-color: white;

opacity: 0;transition-duration: 0.5s;

  -moz-transition-duration: 0.5s;

  -webkit-transition-duration: 0.5s;

  -o-transition-duration: 0.5s; overflow: auto;

  color: #594b6b;
}

.effetpa:hover { width: 200px; height: 320px;

  background-color: #FFFFFF;
  opacity: .9;
}

.hodinfopa2{ text-transform: none;
   font-family:arial;
  color: #A39696;
font-size:10px;
  padding:5px;
text-align: justify;
margin-top: 5px;
}

.hodinfopacon { text-transform: none;
   font-family:arial;
  color: #A39696;
font-size:10px;
  padding:5px;
text-align: justify;
margin-top: 5px;
}

.fynom {
  width: 390px;
  margin-left:2px;
  background-color: #F2DECF;
  font-family: 'Great Vibes';
  text-transform: lowercase; cursive;
  font-size: 40px;
  text-align: center;
  color: #FFFFFF;
  padding: 30px;
}

.prez{
  width: 450px;
  padding: 15px;
  margin-top:40px;
  background: ;
  border-top: 0px solid #FFFFFF;
}

.back{
  background-color: white;
  width:230px;
  text-align:justify;
  height:310px;
  padding-top:-2px;
  padding-left:10px;
  padding-right:10px;
  padding-bottom:10px;
  overflow:auto;
}

.phrase{
text-align: center;
  padding-top:5px;
  margin-bottom:-15px;
  font-size: 17px;
  text-transform: lowercase;
  font-family: 'lobster',
   cursive; color: #B35876;
}

.back2{
  margin-left:0px;
  background-color: white;
  width:430px;
  text-align:justify;
  height:auto;
  padding-top:10px;
  padding-left:10px;
  padding-right:10px;
  padding-bottom:10px;
  overflow:auto;
}

.fynom2 {
  width: 390px;
  margin-left:0px;
  background-color: #F0DAC9;
  font-family: 'Great Vibes';
  text-transform: lowercase; cursive;
  font-size: 40px;
  text-align: center;
  color: #FFFFFF;
  padding: 30px;
}

.back3{
  margin-left:-2px;
  background-color: white;
  width:306px;
  text-align:justify;
  height:100px;
  padding-top:10px;
  padding-left:10px;
  padding-right:10px;
  padding-bottom:10px;
  overflow:auto;
}
/* ------------- FIN FICHE PV */

/*BOTTIN*/
.onglebo {
  margin-top: -50px;
   background-color: #DADFE6;
   border-radius: 100px;
   color: #FFFFFF;
   height: 50px;
   line-height: 50px;
   text-align: center;
   transition-duration: 0.5s;
   transition-property: color;
   transition-timing-function: ease-in;
   width: 50px;

}
.onglebo:hover {
   background-color: #FFFFFF;
   border-radius: 100px;
   color: #000000;
   height: 50px;
   line-height: 50px;
   text-align: center;
   transition-duration: 0.5s;
   transition-property: color;
   transition-timing-function: ease-in;
   width: 50px;
}

.onglebo1 {
  margin-top: -35px;
   background-color: #DADFE6;
   border-radius: 100px;
   color: #FFFFFF;
   height: 50px;
   line-height: 50px;
   text-align: center;
   transition-duration: 0.5s;
   transition-property: color;
   transition-timing-function: ease-in;
   width: 50px;

}
.onglebo1:hover {
   background-color: #FFFFFF;
   border-radius: 100px;
   color: #000000;
   height: 50px;
   line-height: 50px;
   text-align: center;
   transition-duration: 0.5s;
   transition-property: color;
   transition-timing-function: ease-in;
   width: 50px;
}

.ongleboga {
  margin-top: -70px;
   background-color: #DADFE6;
   border-radius: 100px;
   color: #FFFFFF;
   height: 50px;
   line-height: 50px;
   text-align: center;
   transition-duration: 0.5s;
   transition-property: color;
   transition-timing-function: ease-in;
   width: 50px;

}
.ongleboga:hover {
  margin-top: -70px;
   background-color: #FFFFFF;
   border-radius: 100px;
   color: #000000;
   height: 50px;
   line-height: 50px;
   text-align: center;
   transition-duration: 0.5s;
   transition-property: color;
   transition-timing-function: ease-in;
   width: 50px;
}

.ongleboga1 {
  margin-top: -55px;
   background-color: #DADFE6;
   border-radius: 100px;
   color: #FFFFFF;
   height: 50px;
   line-height: 50px;
   text-align: center;
   transition-duration: 0.5s;
   transition-property: color;
   transition-timing-function: ease-in;
   width: 50px;

}
.ongleboga1:hover {
  margin-top: -55px;
   background-color: #FFFFFF;
   border-radius: 100px;
   color: #000000;
   height: 50px;
   line-height: 50px;
   text-align: center;
   transition-duration: 0.5s;
   transition-property: color;
   transition-timing-function: ease-in;
   width: 50px;
}
.contenu{
   background-color: #F5F3F9;
  margin-top:-50px;
  margin-left: 20px;
   height: 400px;
  overflow: auto;
   text-align: left;
  padding: 5px;
   width: 400px;
  font-family:calibri;
  font-size:12px; line-height:11px;
}

.onglebon {
  margin-top: -20px;
   background-color: #DADFE6;
   border-radius: 100px;
   color: #FFFFFF;
   height: 60px;
   line-height: 50px;
   text-align: center;
   transition-duration: 0.5s;
   transition-property: color;
   transition-timing-function: ease-in;
   width: 60px;

}
.onglebon:hover {
   background-color: #FFFFFF;
   border-radius: 100px;
   color: #000000;
   height: 60px;
   line-height: 50px;
   text-align: center;
   transition-duration: 0.5s;
   transition-property: color;
   transition-timing-function: ease-in;
   width: 60px;
}

.onglebon1 {
  margin-top: -35px;
   background-color: #DADFE6;
   border-radius: 100px;
   color: #FFFFFF;
   height: 60px;
   line-height: 50px;
   text-align: center;
   transition-duration: 0.5s;
   transition-property: color;
   transition-timing-function: ease-in;
   width: 60px;

}
.onglebon1:hover {
   background-color: #FFFFFF;
   border-radius: 100px;
   color: #000000;
   height: 60px;
   line-height: 50px;
   text-align: center;
   transition-duration: 0.5s;
   transition-property: color;
   transition-timing-function: ease-in;
   width: 60px;
}

/*PROFIL */

.postdetails.poster-profile img {
   width: 190px;
}
.noms{
  background-color: #FFFFFF; opacity: 0.8;
  position: relative; top: -100px;
  font-family: 'Great Vibes';
  text-transform: lowercase; cursive;
  font-size: 30px;
  text-align: center;
}

.fyimgrang {
   background-color: #F0DACB;
  width: 210px;
  margin-top: -45px;
  font-family:'yanone kaffeesatz';
  font-size: 15px;
  text-align: center;
  color: #FFFFFF;
  letter-spacing: 1.5px;
}

.banprofil {
  width: 200px;
  height: 300px;
  overflow: auto;
background-color: #F6ECDF;
  border-right: 1px #FFFFFF solid;
  border-left: 1px #FFFFFF solid;
  border-bottom: 1px #FFFFFF solid;
  box-shadow: 0px 0px 2px #EBDBDB, 0px 0px 6px #EBDBDB inset;
   text-align: justify;
  padding:2px;
  font-family:calibri;
  font-size:11px; line-height:100%;
  padding:5px;

}

/*CB*/
/* Taille des avatars */

#chatbox .cb-avatar > img {
  height: 30px;
  width: 20px;
}

/* Calque des avatars */

#chatbox .cb-avatar {
  float: left;
  margin-right: 4px;
  background: none repeat scroll 0 0 #fff;
  border: 1px solid #d5d5d5 !important; /* Bordure */
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  height: 30px;
  padding: 1px;
  vertical-align: middle;
  width: 20px;
}

/* Ligne de séparation */

#chatbox > p {
  border-bottom: 1px solid #d5dde5;
}

/*PROFIL NEW*/

/*PROFIL */

.postdetails.poster-profile img {
   width: 190px;
}

.avatarpro {
  opacity:0.9;
-webkit-transition: all 0.5s ease-in;
  -moz-transition: all 0.5s ease-in;
  -o-transition: all 0.5s ease-in;
  transition: all 0.5s ease-in;
}

.avatarpro:hover{

  opacity:1;
  -webkit-transition: all 0.5s ease-in;
  -moz-transition: all 0.5s ease-in;
  -o-transition: all 0.5s ease-in;
  transition: all 0.5s ease-in;
}
.noms{
  background-color: #FFFFFF; opacity: 0.8;
  position: relative; top: -80px;
  font-family: 'lobster';
  text-transform: lowercase; cursive;
  font-size: 18px;
  text-align: center;
}

.fyimgrang {
   background-color: #F0DACB;
  width: 210px;
  height: auto;
  margin-top: -45px;
  font-family:'lobster';
  font-size: 13px;
  text-align: left;
  color: #FFFFFF;
  letter-spacing: 0px;
  padding-left: -5px;
}

.banprofil {
  width: 200px;
  height: 300px;
  overflow: auto;
  margin-top: -10px;
background-color: #FFFFFF;
  border-right: 1px #FFFFFF solid;
  border-left: 1px #FFFFFF solid;
  border-bottom: 1px #FFFFFF solid;
  box-shadow: 0px 0px 2px #EBDBDB, 0px 0px 6px #EBDBDB inset;
   text-align: justify;
  padding:2px;
  font-family:calibri;
  font-size:11px; line-height:100%;
  padding:5px;

}

.imgrang{
  text-align: center;}

/*halloween*/

body {
background-color:;
background-image:url(x);
  background-attachment:fixed;
}

/*COULEUR DESCRI LIENS FORUM*/
.colorlien1 {
background-color: #FFFFFF;
  width: 110px;
  height: auto;
  padding : 2px;
font-size: 10px;
text-align: left;}

.colorlien2 {
background-color: #EFDACB;
  width: 110px;
  height: auto;
  padding : 2px;
font-size: 10px;
text-align: left;}

/*BALISE DES GROUPES*/
   darkside {color:#76A676; font-weight:bold;}

   thinking {color:#8197c4; font-weight:bold;}

   breathless {color:#af85b8; font-weight:bold;}

   sexlove {color:#c96363; font-weight:bold;}

   pleasure {color:#e3754d; font-weight:bold;}

» CSS ACTUEL AL
» CSS actuel - 16/07/2017
» FICHE RP CODE
» code back in black
» code css qeel.

code actuel ccs.

code actuel ccs.

Sujets similaires

Sujets similaires