MODELES GRAPHIQUES

Feuille de style modèle graphique N°18

 

Miniature du modèle

 

html, body {
margin: 0;
padding: 0;
background: url(http://heezee.blog4ever.s3.amazonaws.com/templates/18/background.png) repeat #cacaca top center;
text-align: center;
font-family: Verdana;
font-size:12px;

}
div#body2 {
width: 870px;
margin: 0 auto;
padding: 2px 0 !important;
padding: 2px 0;
text-align: left;
background: url(http://heezee.blog4ever.s3.amazonaws.com/templates/18/background_body.png) white repeat-y top center;
}

h1#titre_site {
width: 823px;
height: 151px;
margin: 5px auto !important;
margin: 5px 22px;
background: url(http://heezee.blog4ever.s3.amazonaws.com/templates/18/background_titre.png) no-repeat top center;
font-size: 34px;
padding-left: 20px;
padding-top: 25px;
}

h1#titre_site a{
color:#000;
}

a {
text-decoration: underline;
color: #1483AC;
}

a:hover {
text-decoration: none;
color: #F9A542;
}

/* Menu
------------------------------------------------------------------------ */
#menu {
width: 175px;
position: relative;
margin-top:-50px;
float:left;
/* left:129px;*/
font-size: 12px;

}

#menu h2 {
width: 100%;
height: 28px;
margin: 0;
padding: 10px 0 0 0;
background: url(http://heezee.blog4ever.s3.amazonaws.com/templates/18/background_titre-menu.png) no-repeat top center;
text-indent: 40px;
font-weight: bold;
color: #5386b3;
font-size:12px;
}

.box {
width: 100%;
margin-top: -0.6em !important;
margin: 0;
padding: 0;
background: url(http://heezee.blog4ever.s3.amazonaws.com/templates/18/background_menu.png) repeat-y top center;
}

.box ul {
line-height:20px;
width: 100%;
margin: 0;
padding: 0 0 15px 0;
background: url(http://heezee.blog4ever.s3.amazonaws.com/templates/18/background_footer-menu.png) no-repeat bottom center;
}
#menu ul li {
width: 100%;
list-style-type: none;
text-align: center;
}

#menu a {
text-decoration:none;
}

#menu ul li:hover {
width: 100%;
list-style-type: none;
text-align: center;
}
#menu ul li a {
color: #218da7;
font-size: 12px;
text-decoration: none;
}
#menu ul li a:hover {
color:#000;
text-decoration: underline;
}

/* Content
--------------------------------------------------------------------------- */
#content {
margin: -25px 100px 0 27px;
padding-left:180px;
text-align: justify;
font-size:12px;
}

#content h3 {
width: 400px;
margin: 0;
padding: 0;
border: solid #f9a542;
border-width: 0 0 1px 3px;
color: #f9a542;
font-weight: bold;
text-indent: 10px;
font-size: 14px;
margin-bottom:5px;
}

#content h3:first-letter {
color: #35b9ea;
}

/* Footer
--------------------------------------------------------------------------- */
p#footer {
width: 836px;
height: 83px;
margin: 0 0 0 16px;
padding: 0;
background: url(http://heezee.blog4ever.s3.amazonaws.com/templates/18/background_footer.png) no-repeat bottom center;
font-size:10px;
}

/* Menu du haut
--------------------------------------------------------------------------- */
#menu_haut {
position: absolute;
top:120px;
left:500px;
}

ul#menu_haut{
margin-left: 0;
padding-left: 0;
white-space: nowrap;
}

#menu_haut li{
display: inline;
list-style-type: none;
}

#menu_haut a { padding: 3px 10px; }

#menu_haut a:link, #menu_haut a:visited {
color: #000;
text-decoration: none;
}

#menu_haut a:hover {
color: #000;
background-color: #D7E6FD;
text-decoration: none;
}

 

 

 

...



29/01/2011
0 Poster un commentaire

A découvrir aussi


⨯

Inscrivez-vous au blog

Soyez prévenu par email des prochaines mises à jour

Rejoignez les 10 autres membres


Recommander ce blog | Contact | Signaler un contenu | Confidentialité | RSS | Espace de gestion