AccueilAccueil  FAQFAQ  RechercherRechercher  MembresMembres  GroupesGroupes  S'enregistrerS'enregistrer  ConnexionConnexion  

Partagez | 
 

 CSS VERSION AMERICAN DREAM AND COW.

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

avatar

Messages : 108
Date d'inscription : 12/03/2011
Localisation : In my bed. (:

Tagboard
Relationship.:

MessageSujet: CSS VERSION AMERICAN DREAM AND COW.   Jeu 3 Nov - 21:33

Code:
/* PA TEST */

.anna {
border: 1px #BDBF6F solid;
padding: 2px;
opacity: 1;
}
.anna:hover {
border: 1px #8CB9B8 solid;
opacity: 0.8;
}

a.pann {
color: #8C5C64;
padding-left: 27px;
padding-right: 27px;
}
.pann {
color: #A8BE38;
margin-left: -15px;
margin-right: -15px;
padding-left: 3px;
padding-right: 3px;
padding-top: 1px;
padding-bottom: 1px;
font-size: 9px;
font-weight: bold;
}

a.forumlink {
color: #B70A4C;
}
a.forumlink {
text-transform: lowercase;
font-family: Times New Roman;
font-style: italic;
font-weight: bold;
text-shadow: #BFB69B 0px 0px 1px;
letter-spacing: -2px;
font-size: 22px;
cursor: help;
text-align: left;
color: #463624;
}
.forumlink {
color: #B70A4C;
font-size: 10px;
font-weight: 700;
}



/* PROFIL */

.fondavatar
{border: 4px outset olive;background-color:white;-moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px;padding: 5px; -webkit-box-shadow: 1px 2px 2px gray;
-moz-box-shadow: 1px 2px 2px gray;
box-shadow: 1px 2px 2px gray; }

.fondavatar2
{background-color : white;
border : 4px outset olive;
-moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px;padding: 5px;
-webkit-box-shadow: 1px 2px 2x  gray;
-moz-box-shadow: 1px 2px 2px gray;
box-shadow: 1px 1px 2px gray;}

textarea {align: center; color: couleurdutexte ; background-color: white; 
border: 4px outset olive;-moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;
width: 170px;}



.code{
font-family: Tahoma;
font-size: 11px;
color: black;
background-color: white;
border: sienna;
border-style: solid ;
border-left-width: 6px;
border-top-width: 6px;
border-right-width: 6px;
border-bottom-width: 6px;
-moz-border-radius: 10px 10px 10px 10px;
}


/* BARRE NAVIGATIONLIENS */



a.mainmenu:hover {
font-family: arial;
text-transform: lowercase;
font-size: 15px;
font-style: italic;
color: #92C4C5;
text-shadow: #BFB69B 0px 0px 1px;
letter-spacing: -1px;
text-decoration: underline;
}



a.mainmenu {
font-family: arial;
text-transform: lowercase;
font-size: 15px;
font-style: italic;
color: #9F6B61;
text-shadow: #BFB69B 0px 0px 1px;
letter-spacing: -1px;
text-decoration: underline;
}


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

/* BODYLINE & MARGES */

.bodyline{
border-top: none !important;
border-bottom: none !important;
border:8px solid white;
}
body {
margin: 0 auto;
}

tr.post span.gensmall { display: none; }

/* FICHE PRESENTATION */

 .titrepresa{
FONT-FAMILY: times new roman;
letter-spacing:-4px;
text-shadow: white 1px 1px 2px;
font-size:45px;
color: #375D81;
text-align: center;
font-weight: bold;
text-transform:lowercase;
font-style: italic;
text-decoration:none!important;
}

.titrepresa:hover {
FONT-FAMILY: times new roman;
letter-spacing:-4px;
text-shadow: white 1px 1px 2px;
font-size:45px;
color: white;
text-align: center;
font-weight: bold;
text-transform : lowercase;
font-style: italic;
text-decoration:none!important
}


/* PA */

 .grostitre{
FONT-FAMILY: times new roman;
letter-spacing:-4px;
text-shadow: black 1px 1px 2px;
font-size:60px;
color: #375D81;
text-align: center;
font-weight: bold;
text-transform:lowercase;
font-style: italic;
text-decoration:none!important;
}

.grostitre:hover {
FONT-FAMILY: times new roman;
letter-spacing:-3px;
text-shadow: black 1px 1px 2px;
font-size:60px;
color: white;
text-align: center;
font-weight: bold;
text-transform : lowercase;
font-style: italic;
text-decoration:none!important
}


a.titre1{
font-size: 20px;
color: #2D1503;
font-family: georgia;
text-shadow: 1px 1px 2px black;
}
.titre1{
font-size: 20px;
color: #375D81;
font-family: georgia;
text-shadow: 1px 1px 2px black;
text-align:center;
}
a.lien_pa{
font-size: 20px;
color: #73D1FF;
font-family: georgia;
text-shadow: 1px 1px 2px #0084A9;
}
.titre_pa{
font-size: 20px;
color: #2D1503;
 font-family: georgia;
text-shadow: 1px 1px 2px black;
text-align:center;
}
.contexte_pa{
text-align:justify;
height:210px;
overflow:auto;
padding:3px;
}
a.infobulle {position:relative;}
a.infobulle:hover {
  background: none;
  z-index: 999;
}
a.infobulle span {display:none;}
a.infobulle:hover span {
  display: inline;
  position: absolute;
  width:100px;
  top:0px;
  right:0px;
  background-color:#FFFFFF;
  padding: 2px;
  border:2px solid #375D81;
  color:#9C9C9C;
}

ul, li{
  list-style: none;
}
.mon_onglet{
  padding: 5px ;
  margin: 7px;
  color: #ffffff;
  background: #375D81;
-moz-border-radius: 0px 0px 0px 0px;
  cursor: pointer;}
 
 
.mon_onglet_selected{
  padding: 7px ;
  margin: 5px;
  color: #375D81;
-moz-border-radius:10px;
  background: #ffffff;
  cursor: pointer;
}         

.mon_contenu{
font-size: 11px;
width: 450px;
height: 290px;
background-image : url("http://i48.servimg.com/u/f48/16/28/22/98/fond10.png");
 background: #;
border: 3px solid #375D81;
padding: 7px;
 color: #055159;
line-height: 15px;
-moz-border-radius: 0px 0px 0px 0px;
}


.select
{
    background-color: #FFFFFF;
    border: 1px solid #BCBCBC;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 0;
    z-index: 999;
}

/* QEEL */

.partiedroite {
font-size : 12px ;
border-left : 2px solid #2D1503 ;
padding-left : 10px } *veuillez ne pas toucher à cette partie

.groupes{
background-color: white ; *peut-être un fond de couleur ?
border: 1px color #2D1503  ; *contour du QEEL
-moz-border-radius : 2px 1px 1px 2px; *pour arrondir les bords
height:40px; *pas touche
padding-right:12px; *pas touche
padding-left:14px; *pas touche
padding-bottom:3px; *pas touche
font-size:14px *grandeur du texte;
font-weight: bold; *texte en gras
text-align:center; *texte aligné au milieu
font-color : black  ; *couleur du texte
text-decoration: none !important; *pas touche
}

#accueil
{
width: 900px;
height: 400px;
overflow: hidden;
background: url(http://img11.hostingpics.net/pics/181185imagedefond.jpg) center no-repeat;
border: 3px solid #272727;
}
#page1
{
width: 40px;
height: 400px;
float: left;
overflow: hidden;
background-color: #555555;
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;
}
#page1:hover
{
width: 80%;
height: 400px;
overflow: hidden;
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;
}
#page2
{
width: 40px;
height: 400px;
float: left;
overflow: hidden;
background-color: #777777;
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;
}
#page2:hover
{
width: 80%;
height: 400px;
overflow: hidden;
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;
}
#page3
{
width: 40px;
height: 400px;
float: left;
overflow: hidden;
background-color: #9b9b9b;
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;
}
#page3:hover
{
width: 80%;
height: 400px;
overflow: hidden;
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;
}
#page4
{
width: 40px;
height: 400px;
float: left;
overflow: hidden;
background-color: #bababa;
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;
}
#page4:hover
{
width: 80%;
height: 400px;
overflow: hidden;
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;
}
#page5
{
width: 40px;
height: 400px;
float: left;
overflow: hidden;
background-color: #dcdcdc;
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;
}
#page5:hover
{
width: 80%;
height: 400px;
overflow: hidden;
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;
}

.contenu_page
{
width: 100%;
height: 400px;
}
.page_titre
{
display: inline-block;
height: 40px;
width: 400px;
color: #ffffff;
margin-left: -180px;
text-align: center;
font-size: 24px;
font-family: arial black;
letter-spacing: 2px;
text-shadow: 1px 1px 0px #5f5f5f;
-webkit-transform: rotate(-90deg); 
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.contenu
{
width: 0px;
height: 0px;
background-color: white;
overflow: hidden;
padding: 6px;
opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
filter: alpha(opacity=0);
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;
}
#page1:hover .contenu, #page2:hover .contenu, #page3:hover .contenu, #page4:hover .contenu, #page5:hover .contenu
{
width: 400px;
height: 380px;
margin-left: -180px;
background-color: white;
overflow: none;
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
filter: alpha(opacity=100);
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;
}
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://testanna.forumgratuit.org
 
CSS VERSION AMERICAN DREAM AND COW.
Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» An American Dream
» The American Dream
» perfect ou dream ? les pandora
» Warmaster Version American Civil War
» festival dreans -us 2011

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
(c) faith  :: Codes :: Html &&. Autres Codes-
Sauter vers: