Team:Paris Bettencourt/Templates/css/default
From 2011.igem.org
(Difference between revisions)
Line 8: | Line 8: | ||
#main | #main | ||
{ | { | ||
- | width: | + | width: 1024px; |
height: 900px; | height: 900px; | ||
background: #93B29B;/* un fond vert tout moche */ | background: #93B29B;/* un fond vert tout moche */ |
Revision as of 13:39, 13 July 2011
body {
font: 11px verdana, sans-serif;/* taille, classe de police */ /couleur du bg */ margin: 0;/* marges */ padding: 0;/* espace entre les caractËres*/
}
- main
{ width: 1024px; height: 900px; background: #93B29B;/* un fond vert tout moche */ text-align: center; }
- banner
{ width:800px; text-align:center; left:50%; margin-left:-400px; position:relative; height:152px; background: #286639;/* couleur de fond du titre*/ }
- imgbanner
{ position:relative; width:800; height:124; text-align:center; left:50%; margin-left:-400px; top:0; }
- menu
{ text-align:center; position:relative; width:800px; left:50%; margin-left:-400px; }
- maincontainer
{ position:relative; text-align:center; width:1024; /*background: #FF0000;*//* conteneur du texte */ left:50%; margin-left:-512px; }
- menu_core/* la liste principale */
{
list-style-type: none; margin: 0px 4px; padding: 0; border: 0; text-align:center;
}
- menu_core li /* les menu principaux */
{
float: left; width: 88px; margin: 0; padding: 0; border: 0;
}
- menu_core li ul /* les sous menu */
{
list-style-type: none; margin: 0; padding: 0; border: 0; display: none; /* par dÈfaut on ne les affichent pas */ position:absolute;
}
- menu_core li a:link, #menu_core li a:visited /* couleur des liens */
{
display: block; height: 20px; color: #FFF;/* couleur desmenu principaux*/ background: #286639;/* couleur du menu */ margin: 0; padding: 4px 8px; text-decoration: none;
}
- menu_core li a:hover { background-color: #85D28D; }/* couleur du menu au passage*/
- menu_core li a:active { background-color: #00B876; }/* couleur du menu actif*/
- menu_core li:hover ul{/*apparition des sous-menus */
display:block;
}
- menu_core li:hover ul li{/*apparition des sous-menus */
float:none;
}
- menu_core li .sous_menu li a:link,
- menu_core li .sous_menu li a:visited
{
display: block; color: #FFF;/* texte du sous menu */ margin: 0; border: 0; text-decoration: none; background: #85D28D;/* couleur du sous-menu */
}
- menu_core li .sous_menu li /* les ÈlÈments des sous-menu */
{
margin: 0; padding: 0; border: 0; width: 149px; border-top: 1px solid; border-right: 1px solid;
}
- menu_core li .sous_menu li:hover{ /* maintient des sous menu actifs */
display:block;
background-color: #F2462E;/* couleur du sous menu au survoul*/ }