Feuille de style modèle graphique N°19
/* Générique */
html {
background: url('http://heezee.blog4ever.s3.amazonaws.com/templates/19/header.png') #000 no-repeat;
color: #fff;
}
body {
background: url('http://heezee.blog4ever.s3.amazonaws.com/templates/19/menu.png') 0px 0px no-repeat;
margin: 0px;
padding: 0px;
font-family: sans-serif;
font-size: 11px;
text-align: justify;
}
a {
color:#A64402;
}
a:hover {
border-bottom: 1px dotted #fff;
}
/* Titres */
h1 a{
position: absolute;
color:#fff;
text-decoration:none;
padding-left:10px;
top:15px;
}
.cadre h3 {
font-size: 14px;
border-bottom: 1px #F57C2B solid;
color:#F57C2B;
margin-bottom:5px;
}
/* Contenu/corps */
#contenu {
margin: 120px 2.1% 20px 200px;
color: #666;
font-size:12px;
}
#contenu h3 {
margin-bottom: 5px;
}
#cadre a, #footer a {
color: #666;
text-decoration: none;
border-bottom: 1px dotted #666;
}
.cadre {
border-bottom: #333 1px solid;
}
.info {
margin-top: 0;
padding-top: 0;
font-style: italic
}
/* Menu */
#menu {
position:absolute;
float: left;
width: 160px;
font-size: 12px;
top:130px;
padding-left:15px;
line-height:20px;
}
#menu h2 {
font-size: 14px;
font-weight: bold;
margin-bottom: 4px;
border: 1px dashed #666;
width: 80%;
line-height:20px;
padding-left:5px;
}
#menu ul {
list-style-type: none;
list-style-position: inside;
margin: 0;
padding: 0;
}
#menu a, #navig a {
color: #fff;
text-decoration: none;
}
/* Footer */
p#footer {
clear: both;
color: #666;
margin: 0px 25px;
padding: 5px 0;
border-top: #333 1px solid;
padding-left:200px;
}
/* Menu du haut */
#menu_haut {
padding-left:100px;
}
ul#menu_haut {
margin-left: 0;
white-space: nowrap;
}
#menu_haut li {
display: inline;
list-style-type: none;
border: 1px solid #666;
padding:5px;
}
#menu_haut a {
color: #fff;
background-color: #000;
text-decoration: none;
}
#menu_haut a:hover {
color: #F57C2B;
background-color: #000;
text-decoration: none;
}
html {
background: url('http://heezee.blog4ever.s3.amazonaws.com/templates/19/header.png') #000 no-repeat;
color: #fff;
}
body {
background: url('http://heezee.blog4ever.s3.amazonaws.com/templates/19/menu.png') 0px 0px no-repeat;
margin: 0px;
padding: 0px;
font-family: sans-serif;
font-size: 11px;
text-align: justify;
}
a {
color:#A64402;
}
a:hover {
border-bottom: 1px dotted #fff;
}
/* Titres */
h1 a{
position: absolute;
color:#fff;
text-decoration:none;
padding-left:10px;
top:15px;
}
.cadre h3 {
font-size: 14px;
border-bottom: 1px #F57C2B solid;
color:#F57C2B;
margin-bottom:5px;
}
/* Contenu/corps */
#contenu {
margin: 120px 2.1% 20px 200px;
color: #666;
font-size:12px;
}
#contenu h3 {
margin-bottom: 5px;
}
#cadre a, #footer a {
color: #666;
text-decoration: none;
border-bottom: 1px dotted #666;
}
.cadre {
border-bottom: #333 1px solid;
}
.info {
margin-top: 0;
padding-top: 0;
font-style: italic
}
/* Menu */
#menu {
position:absolute;
float: left;
width: 160px;
font-size: 12px;
top:130px;
padding-left:15px;
line-height:20px;
}
#menu h2 {
font-size: 14px;
font-weight: bold;
margin-bottom: 4px;
border: 1px dashed #666;
width: 80%;
line-height:20px;
padding-left:5px;
}
#menu ul {
list-style-type: none;
list-style-position: inside;
margin: 0;
padding: 0;
}
#menu a, #navig a {
color: #fff;
text-decoration: none;
}
/* Footer */
p#footer {
clear: both;
color: #666;
margin: 0px 25px;
padding: 5px 0;
border-top: #333 1px solid;
padding-left:200px;
}
/* Menu du haut */
#menu_haut {
padding-left:100px;
}
ul#menu_haut {
margin-left: 0;
white-space: nowrap;
}
#menu_haut li {
display: inline;
list-style-type: none;
border: 1px solid #666;
padding:5px;
}
#menu_haut a {
color: #fff;
background-color: #000;
text-decoration: none;
}
#menu_haut a:hover {
color: #F57C2B;
background-color: #000;
text-decoration: none;
}
...