Ils n'attendent que vous...


Et hop, un petit vote.



 
AccueilAccueil  Dernières imagesDernières images  RechercherRechercher  S'enregistrerS'enregistrer  ConnexionConnexion  
-20%
Le deal à ne pas rater :
Pack Gigabyte Ecran PC Gamer 27″ LED M27Q (rev2.0) + Radeon RX 6950 ...
749 € 939 €
Voir le deal

Partagez
 

 code actuel ccs.

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
Johanna
ADMIN ∞ i'm your god baby.
Johanna
ADMIN ∞ i'm your god baby.

en savoir plus sur moi
▵ messages : 1240
▵ arrivé(e) le : 05/03/2008
▵ avatar : lucy kate hale.
code actuel ccs. Empty
code actuel ccs. Empty
MessageSujet: code actuel ccs. code actuel ccs. EmptyDim 21 Aoû - 18:36

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;}
Revenir en haut Aller en bas

code actuel ccs.

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

Sujets similaires

-
» CSS ACTUEL AL
» CODE CATEGORIES
» nouveau code lg, mdm, cdm.
» FICHE RP CODE
» PA AVEC CODE DE CLEM

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Always love test ::  :: généralités et codes :: corbeille.-
Ne ratez plus aucun deal !
Abonnez-vous pour recevoir par notification une sélection des meilleurs deals chaque jour.
IgnorerAutoriser