MODELES GRAPHIQUES

Feuille de style modèle graphique N°22

 

Miniature du modèle

 

>

html, body {
height: 100%
}

body {
margin: 0
;
padding: 0;
text-align : center;
font-family : arial;
font-size : 12px;
color : #000;
background : #212121 url(http://heezee.blog4ever.s3.amazonaws.com/templates/22/fond.gif) no-repeat;
}

#cont {
background-color :#D3D3D4;
text-align : left;
width : 738px ;
margin : 0 auto 0 auto;
min-height:100%;
font-size : 12px;
}

#haut {
width : 738px ;
height : 203px ;
background : url(http://heezee.blog4ever.s3.amazonaws.com/templates/22/haut.gif)
}

h1 {
padding-left:30px
;
padding-top:40px;
}

#centre {
width : 738px ;
background : url(http://heezee.blog4ever.s3.amazonaws.com/templates/22/centre.gif) ;
text-align : left;
padding-bottom : 30px ;
}

#centrage {
padding-left : 30px ;
padding-right : 35px ;
background : transparent ;
}

#bas {
height:92px;
position : relative ;
background-image :url(http://heezee.blog4ever.s3.amazonaws.com/templates/22/bas.gif);
padding-left:25px;
}

#gauche {
float : left ;
background-color : #fff;
width : 170px;
text-align : left;
margin-top : 10px;
color : #363E5E;
}

#gauche ul{
margin :0;
padding : 10px 15px 5px 5px ;
list-style : none ;
background-color : #D3D3D4;
}

#gauche li {
display : block ;
line-height:20px;
}

#gauche h2 {
clear : left ;
margin : 0 ;
padding : 2px 0 2px 0;
font-size : 13px;
background: #212121 url(http://heezee.blog4ever.s3.amazonaws.com/templates/22/bgdivers.gif) right no-repeat;
color :white;
text-indent : 10px;
text-transform : uppercase ;
line-height:25px;
border-right:1px solid black;
}

li.name {
padding : 0 0 10px 0;
text-transform : uppercase ;
diplay : block ;
border-bottom : 1px dotted #363E5E ;
font-weight : bold ;
}

li.name a { color : #363E5E;
text-decoration : none ;
}

li.blabla {
text-decoration : none ;}

li.link {
text-decoration : underline ;
padding-bottom : 10px ;
}

h4 {
text-transform : uppercase ;
font-weight : bold ;
text-decoration : none ;
border-bottom : 1px dotted #363E5E;
padding : 5px 0 5px 0;
margin :10px 10px 0 10px;
font-size : 12px ;
}

h4 a {
text-decoration : none ;
}

/* DIV DROITE */

#droite {
float : left ;
background-color : transparent;
width : 490px;
padding-top:10px;
padding-left:8px;
font-size:12px;
}

#droite ul {
margin-left:10px;
}

h3 {
clear : left ;
margin : 0 ;
padding : 2px 0 2px 0;
font-size : 13px;
background: #212121 url(http://heezee.blog4ever.s3.amazonaws.com/templates/22/bgdivers.gif) right no-repeat;
color :#fff;
text-indent : 10px;
text-transform : uppercase ;
}

.englobe_h3 {
padding : 1px ;
background : #fff;
margin : 10px 0 10px 0 ;
border : 1px solid #000;
}

h3 {
clear : left ;
margin : 0 ;
padding : 2px 0 2px 0;
font-size : 13px;
background: #212121 url(http://heezee.blog4ever.s3.amazonaws.com/templates/22/bgdivers.gif) right no-repeat;
color :#fff;
text-indent : 10px;
text-transform : uppercase ;
padding : 1px ;
margin : 20px 0 10px 0 ;
border-right : 1px solid #000;
line-height:25px;
}

/* Menu*/

#menu {
text-align: left;
color :#fff ;
font-size : 11px;
font-weight : bold;
font-size : 13px;
padding : 1px ;
background : #FFF ;
border : 1px solid #000 ;
}

#menu ul{
height : 27px;
margin : 0;
padding : 0 ;
list-style : none ;
background: #212121 url(http://heezee.blog4ever.s3.amazonaws.com/templates/22/bgdivers.gif) right no-repeat;
}

#menu li{
display : block ;
float : left ;
margin : 0 ;
padding: 6px 15px 0 10px;
background : url(http://heezee.blog4ever.s3.amazonaws.com/templates/22/boot.gif) right bottom no-repeat ;
list-style : none ;
}

#menu li a {
color : #fff ;
text-decoration : none ;
text-transform : uppercase ;
}

/* Image dans le haut */

.sitelogo {
padding-top : 10px;
padding-left : 25px ;
border : 0
}

.puce {margin-top : 5px
; margin-left : 5px}
.copy {border : 0
; }
.delire {float : right ; margin: 7px 30px 0 0}

.signature {
position : absolute
;
padding : 0 ;
color : #366A2D;
padding-top:5px;
}

.pboot {
margin : 10px 15px 0 5px ;
padding : 0 ;
text-indent : 15px ;
background : url(http://heezee.blog4ever.s3.amazonaws.com/templates/22/pboot.gif) left top no-repeat;
}

a {
color : #363E5E;
text-decoration : underline ;
}

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

.spacer {
clear:both;
}

#pub {
padding-left:25px;
margin-top:15px;
border-width:80%;
margin-bottom:-20px;
}

.speed {
float : left ;
margin :20px 0 0 10px;
width : 130px ;
padding : 0 ;
list-style : none ;
}


11/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