CSS OOT
AccueilAccueil  CalendrierCalendrier  FAQFAQ  RechercherRechercher  MembresMembres  GroupesGroupes  S'enregistrerS'enregistrer  ConnexionConnexion  



 

Partagez | .
 

 CSS OOT

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

Dreaming in Florence
Kim'z





MESSAGES : 38
DATE D'INSCRIPTION : 11/12/2013






MessageSujet: CSS OOT   Mar 12 Jan - 11:01

Code:
   
.mainmenu{
  font-family: georgia;
  text-transform:uppercase;
  font-size:14px;
  letter-spacing:-1px}

/*justifier*/
body {
text-align:justify;
}

/*marges*/
.postbody {
padding-left:10px;
padding-right:10px;
}

.profilentour {
  background-color: #f8f9ee;
  border: 2px solid #56635D;
  font-size: 12px;
  font-family: Calibri;
padding: 5px;
  width : 300 px;
margin:0 auto;
}

.pseudo {
  font-size: 22px;
  text-shadow: 2px 2px 0px #transp;
  font-family: 'La belle aurore', cursive;
  letter-spacing: -1px;
  text-transform: none;
}
.postdetails.poster-profile img {
  width:200px;
  display:block;
}

.titr {font-family: Codystar; font-weight: bold; font-size: 55px; letter-spacing: -3pt; text-transform: lowercase; text-shadow: 0px 0px 1px; text-align: center; line-height: 16px; color:#d9c8c8;
}

.titr2 {
  font-family: Times New Roman; line-height: 16px;text-transform: lowercase;
  letter-spacing: -3px;
  font-style: italic;
  text-align: center;
  font-size: 50px;
  color: #FFF3E9; }
.titr2:hover {
  color:indianred; }

.imp {
text-transform: lowercase;
  letter-spacing: -1.5px;
  color: #FFF3E9;}

.q3 {
display: block;
background-image: url();
border: 1px solid gainsboro;
text-align:justify;
  padding:1px;
height: 100px;}

.cadre {
  width: 50px;
  height: 50px;
  padding: 2px;
  border: 1px solid gainsboro;
  background-color: #FFF3E9; }


.cadre2 {
  width: 25px;
  height: 25px;
  padding: 2px;
  border: 1px solid gainsboro;
  background-color: #FFF3E9; }

.q4 {
display: block;
background-color: #FFF3E9;
border-left: 3px solid #d9c8c8;
border-right: 3px solid #d9c8c8;
text-align:justify;
  padding:1px;
  height: 50px; }


.titr3 {font-family: Codystar; font-weight: bold; font-size: 25px; letter-spacing: -1.5pt; text-transform: lowercase; text-shadow: 0px 0px 1px; text-align: center; line-height: 16px; color: #d9c8c8;
}

   

/* pas de soulignement de liens */
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none !important;}
.selectCode { float:right; text-transform: uppercase; cursor:pointer; }
div.cont_code { clear: right; }

/*Catégories*/
.forumlink{
margin-left: 20px;
font-size: 24px;
font-family: 'La belle aurore', cursive;
  text-shadow: 1px 1px 0px #D1D7DC;
}
a.forumlink:hover{
margin-left: 40px;
font-size: 24px;
font-family: 'La belle aurore', cursive;
  text-shadow: 1px 1px 0px #D1D7DC;
      -webkit-transition: all .6s ease-in;
    -moz-transition: all .6s ease-in;
    -o-transition: all .6s ease-in;
    transition: all .6s ease-in;
}

.forum-des {
 background-color: #F8F9EE;
            border: 2px solid #fff;
  padding: 5px;
}

.forum-description {
height: 50px;
padding: 5px;
text-align: justify;
font-size: 12px;
    overflow: auto;
}

.forum-description2 {
  background-color: #F8F9EE;
            border: 2px solid #fff;
  text-align: center;
font-size: 12px;
    padding: 5px;
}
 

.forum-stats {
text-align: center;
font-size: 8px;
  letter-spacing: 1px;
}

.forum-liens {
 text-align: center;
font-size: 10px;
}

/*Page d'Acceuil*/
.liens {
  font-family: La Belle Aurore;
  font-size: 25px;
padding-left: 2px;
padding-right: 2px;}
.liens:hover {
  font-family: La Belle Aurore;
  font-size: 28px;
  padding-left: 2px;
padding-right: 2px;
  letter-spacing: 1px;
        -webkit-transition: all .6s ease-in;
    -moz-transition: all .6s ease-in;
    -o-transition: all .6s ease-in;
    transition: all .6s ease-in;}

 .cate
        {
          width: 100px;
          height: 50px;
          overflow: hidden;
          border-left: 3px solid #FFFFFF;
  border-right: 3px solid #FFFFFF;
  border-radius: 10px;
          background-color: #EEE7DB;
        }
        .cate_img
        {
          position: relative;
          z-index: 2;
          width: 150px;
          height: 75px;
          margin-left: 0px;
            transform: all;
        -moz-transform: all;
        -o-transform: all;
        -htm-transform: all;
        -webkit-transform: all;
        transition: 2s;
        -moz-transition: 2s;
        -o-transition: 2s;
        -htm-transition: 2s;
        -webkit-transition: 2s;
        }
        .cate:hover .cate_img
        {
        margin-top: 75px;
        transform: all;
        -moz-transform: all;
        -o-transform: all;
        -htm-transform: all;
        -webkit-transform: all;
        transition: 2s;
        -moz-transition: 2s;
        -o-transition: 2s;
        -htm-transition: 2s;
        -webkit-transition: 2s;
        }
        .cate_description
        {
          position: relative;
          z-index: 1;
          width: 150px;
          height: 75px;
          margin-top: -150px;
          text-align: center;
          padding: 5px;
          overflow: auto;
        }
pv{
    font-family: Monotype Corsiva;
  font-size: 15px;
  font-weight: bold;
padding-left: 5px;
padding-right: 5px;}
pv span{
  position:absolute;
  margin-top:23px;
  margin-left:-35px;
  background:#EEE7DB;
    border: 1px solid #FFFFFF;
  padding:5px;
  border-radius:3px 0px 3px 0px;
  transform:scale(0) rotate(-12deg);
-webkit-transform:scale(0) rotate(-12deg);
  -moz-transform:scale(0) rotate(-12deg);
  -ms-transform:scale(0) rotate(-12deg);
  -o-transform:scale(0) rotate(-12deg);
  transition:all 1.25s;
        -webkit-transition:all 1.25s;
    -moz-transition:all 1.25s;
    -o-transition:all 1.25s;}
pv:hover span, a:focus span{
  transform:scale(1) rotate(0);
-webkit-transform:scale(1) rotate(0);
  -moz-transform:scale(1) rotate(0);
  -ms-transform:scale(1) rotate(0);
  -o-transform:scale(1) rotate(0); }
#scene3D{
    width:80px;
  height:40px;
    margin-right: 1px auto;
    -webkit-perspective:500px;
    -moz-perspective:500px;
    -ms-perspective:500px;
    -o-perspective:500px;
    perspective:500px;
}
#flip div{
    position:absolute;
    width:80px;
    height:40px;
    -webkit-backface-visibility:hidden;
    -moz-backface-visibility:hidden;
    -ms-backface-visibility:hidden;
    -o-backface-visibility:hidden;
    backface-visibility:hidden;
}

#flip div:first-child{
    background:#EEE7DB;
    opacity: 0.9;
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    -o-transform: rotateX(180deg);
    transform: rotateX(180deg);
}
#flip div:first-child p{
    color:#6B4459;
  font-size: 11px;
  font-family: Calibri;
    text-align:center;
  margin-top: 5px;
}
#flip{
    width:80px;
    height:40px;
    -webkit-transform: rotateX(0deg);
    -webkit-transition: all 1s ease;
    -webkit-transform-style: preserve-3d;
    -moz-transform: rotateX(0deg);
    -moz-transition: all 1s ease;
    -moz-transform-style: preserve-3d;
    -ms-transform: rotateX(0deg);
    -ms-transition: all 1s ease;
    -ms-transform-style: preserve-3d;
    -o-transform: rotateX(0deg);
    -o-transition: all 1s ease;
    -o-transform-style: preserve-3d;
    transform: rotateX(0deg);
    transition: all 1s ease;
    transform-style: preserve-3d;

}
#scene3D:hover #flip{
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    -o-transform: rotateX(180deg);
    transform: rotateX(180deg);
}

/*QUI EST EN LIGNE CYE*/
.grpeLDTL{font-family: 'La Belle Aurore', cursive;/*police*/
  font-size:28px;/*taille*/
}
/*les infos de base sur le forum*/
  .infoqeel{
  font-size:10px;/*taille*/
  padding:10px;/*espacement*/
  font-family:verdana;/*police*/
  color:#0F4F5C;/*couleur*/
  text-align:justify;/*alignement*/
  line-height:11px;/*espacement des lignes*/
  height: 180px;/*hauteur*/
  width:130px;/*largeur*/
  padding-bottom:3px;/*espacement bas*/
  background: #F8F9EE;/*couleur de fond*/
  border-style:dotted;/*type de bordure*/
  border-width:1px;/*taille de la bordure*/
  border-color:#FFFFFF;/*couleur de la bordure*/
  }
/*fin les infos de base sur le forum*/

/*le nombre de membres, connectés en cours etc*/
  .infoqeel2{
  font-size:10px;/*taille*/
  padding:10px;/*espacement*/
  font-family:verdana;/*police*/
  color:#0F4F5C;/*couleur*/
  text-align:justify;/*alignement*/
  line-height:11px;/*espacement des lignes*/
  height: 180px;/*hauteur*/
  width:200px;/*largeur*/
  padding-bottom:3px;/*espacement bas*/
  background: #F8F9EE;/*couleur de fond*/
  border-style:dotted;/*type de bordure*/
  border-width:1px;/*taille de la bordure*/
  border-color:#FFFFFF;/*couleur de la bordure*/
  }
/*fin le nombre de membres, connectés en cours etc*/

/*la liste des derniers connectés*/
.deroulantqeel {
  height: 180px;/*taille*/
  padding:10px;/*espacement*/
  line-height:11px;/*espacement des lignes*/
  width:280px;/*largeur*/
  padding-bottom:3px;/*espacement bas*/
  background: #F8F9EE;/*couleur de fond*/
  text-align:justify;/*alignement*/
  border-style:dotted;/*type de bordure*/
  border-width:1px;/*largeur de bordure*/
  border-color:#FFFFFF;/*couleur de bordure*/
  padding-left: 10px; /*espacement gauche*/
  padding-right: 10px;/*espacement droite*/
  overflow: auto; /*activer le scroll*/

  }
/*fin la liste des derniers connectés*/
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://kimz-wonderland.forumactif.fr
 

CSS OOT

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
Out of Time :: Idées de codes :: Templates-