FORUM TEST


 
AccueilAccueil  Dernières imagesDernières images  RechercherRechercher  S'enregistrerS'enregistrer  Connexion  
Le Deal du moment : -28%
-28% Machine à café avec broyeur ...
Voir le deal
229.99 €

Partagez

css al maj juin

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

Johanna

Johanna

Perfect admin, Amoureuse & Enceinte

what about you ?
Messages : 4121
Date d'inscription : 24/11/2008
Age : 29

css al maj juin Empty
MessageSujet: css al maj juin css al maj juin EmptyMer 8 Juil - 13:23

Code:
/* NOUVELLE PA JU */

    .onglet{
          display:inline-block;
          margin-left:0px;
          margin-right:0px;
          padding-top:3px;
          padding-bottom:3px;
          cursor:pointer;}

    .onglet_0{
          color: #A99CCC;
          font-family: arial;
          font-size: 24px;
          letter-spacing: 5px;
          text-shadow: 1px 1px 2px #F7D8CE;
    }

    .contenu_onglet{
          width:200px;
          height: auto;
          display:none;
     
    }

    a img {
        border: none;
        }
    a:link,a:active,a:visited {
        color : #47403E;
        text-decoration: none !important;
        }
    a:hover{
        text-decoration: none !important;
        color : #b39A75;
        }
    .cadre{
    background-color: #EFEFEF;-moz-border-radius: 0px;-webkit-border-radius: 0px;border-radius: 0px; text-align: center; margin: 5px; padding: 5px;
    }

.desc1pa {
    background-color: #CBC4D8;
    border-right:0px solid #594D40;
    border-left:0px solid #594D40;
    -moz-border-radius:0px;-webkit-border-radius:0px;
    -moz-border-radius: 0px 0px 0px 0px;
    -moz-box-shadow: 0px 0px 1px #FFFFFF;
  margin-left:-50px;
    margin-top: 0px;
    margin-bottom: 0px;
    width: 300px;
    height: 70px;
    letter-spacing: -1px;
      word-spacing: 2px;
      font-size:18px;
      line-height: 12px;
      font-family: times new roman;
      text-shadow: 0px 0px 1px ;
      text-align: center;
      text-transform: uppercase;
    }

 .iconstaff{background-color:#FFFFFF;
-moz-border-radius : 3px 3px 3px 3px;
border: 1px #8C897B solid;
padding-left: 3px;
padding-right: 3px;
padding-top: 3px;
width: 180px;
height: 60px;
padding:2px;
  filter: alpha (opacity=70);
  -moz-opacity: 0.70;
  opacity: 0.70; }

.iconstf:hover{background-color:#FFFFFF;
-moz-border-radius : 3px 3px 3px 3px;
border: 1px #8C897B solid;
padding-left: 3px;
padding-right: 3px;
padding-top: 3px;
width: 180px;
height: 60px;
padding:2px;
  padding:2px;
  filter: alpha (opacity=100);
  -moz-opacity: 1.0;
  opacity: 1.0;}
   
.effetpa { width: 180px; height: 60px; 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: 180px; height: 60px;

  background-color: #fff;

  opacity: .9; }

.hodinfopa {  text-transform: uppercase;
    font-family:arial;
font-size:9px;
text-align: center;
margin-top: 0px;}





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

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

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

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

.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:#944E18;
            font-style: italic;
           
}

.catépresa {
 
            font-family: Satisfy;
            font-size: 20px;
            color:#944E18;
            font-style: italic;
           
}

/* FIN NVELLE PRESA DE CLEM */

/* 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:#944E18;border: 1px solid #F0E8D3;width: 220px;
 }

.fondqueel    {background-color:#f7f0de;color:#e8a782; 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:#FFFAED;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: #401032; 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: #FFD9A3; }
::-webkit-scrollbar-thumb { background-color: #D1792C; }
/*fin*/


/* MARGES */
.bodyline{
border-top: none !important;
border-bottom: none !important;
}

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: 10px;
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: 17px;
  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 */
 
/*NAV*/

a.mainmenu {
text-transform: uppercase;
font-family: verdana;
  letter-spacing: -1px;
font-size: 12px;
  color: #944E18;
text-align: center;}

a.mainmenu:hover {
text-transform: uppercase;
font-family: verdana;
font-size: 12px;
  color: #944E18;
  font-style:italic;
text-align: center;}

.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;}
/*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:#944E18;
            font-style: italic;
           
}
/*fin*/

/* PRESENTATION CODE */
.cadrepv {
        background-color: #FCE8C1;
        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: #FCE8C1;
        padding: 5px;
        line-height: 11px;
        width:450px;
        color:#944E18;
        text-align: justify;
        border-radius: 60px 60px 60px 60px;
        }

.diversprésa {
        background-color: #FCE8C1;
        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:#FCE8C1;
            border: 5px none;
            box-shadow: 0px 0px 3px #8F7D9C;
            border: #944E18 1px solid;}
.contourprofil:hover {
            border: #944E18 1px 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: #944E18;
            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: #FCE8C1;
border: #944E18 1px solid;
padding: 6px;
font-size:10px;
width: 200px;
text-align:justify;
  font-size:11px;
  line-height: 11px;
 font-family: georgia;
 color:#47403E;
}

.profil2 {
background-color: #FCE8C1;
border: #944E18 1px 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:#FCE8C1;
  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: #FCE8C1;
border: #944E18 1px solid;
  width: 207px; 

  }

/*IMAGES CATE*/

.imgcate{
  padding:2px;
  opacity: 0.8;
  -moz-transition-duration:2s;
}

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


/*HEADER DE FOND*/
body {
  background-image: url("http://img11.hostingpics.net/pics/294210alwayslove2.png");
  background-repeat: no-repeat;
  background-position: top center;
}
Revenir en haut Aller en bas

css al maj juin

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

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
FORUM TEST :: test numéro 1-