cours0708/P51/apache-tomcat-6.0.14/webapps/ROOT/public/css/peinture.css

117 lines
1.9 KiB
CSS
Raw Normal View History

2008-11-25 21:11:16 +00:00
body, html {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
div#contenu_principal {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
background-color: black;
color: orange;
}
div#contenu_principal div#tete {
width: 100%;
height: 70px;
margin: 0;
position: absolute;
top: 0;
left: 0;
background-color: #00bb00;
color: white;
text-align: center;
}
div#contenu_principal div#tete h1 {
margin: 0;
position: absolute;
left: 22%;
top: 22%;
color: lightgreen;
}
div#contenu_principal div#tete h1:after {
display: block;
margin-top: -1.15em;
margin-left: -0.1em;
color: green;
content: attr(title);
}
div#contenu_principal div#menu {
position: absolute;
width: 100%;
height: 25px;
margin: 0;
padding: 0;
top: 70px;
left: 0;
background-color: lightblue;
}
div#contenu_principal div#menu ul#menu_principal
{
height: 25px ;
margin: 0 ;
padding: 0 ;
background-color: #009933;
list-style-type: none ;
}
div#contenu_principal div#menu ul#menu_principal li
{
float: left ;
text-align: center ;
}
div#contenu_principal div#menu ul#menu_principal li a
{
width: 125px ;
line-height: 25px ;
font-size: 1.2em ;
font-weight: bold ;
letter-spacing: 2px ;
color: #fff ;
display: block ;
text-decoration: none ;
border-right: 2px solid #8BB18B ;
}
div#contenu_principal div#menu ul#menu_principal li a:hover
{
color: #AFCAAF;
background-color: #ceb;
}
div#contenu_principal div#contenu_secondaire {
width: 100%;
height: auto;
margin: 0;
padding: 0;
position: absolute;
top: 95px;
right: 0;
color: green;
overflow: auto;
}
div#contenu_principal div#pied {
width: auto;
height: 15px;
margin: -14px 0 0 0;
padding-right: 3px;
position: absolute;
top: 70px;
right: 0;
color: green;
}
div#contenu_principal div#pied p {
margin: 0;
font-size: 13px;
}