"

From 2011.igem.org

Revision as of 13:35, 13 July 2011 (view source) Kyauy (Talk | contribs) ← Older edit		Revision as of 13:38, 13 July 2011 (view source) Kyauy (Talk | contribs) Newer edit →
Line 12:		Line 12:
	background: #93B29B;/* un fond vert tout moche */		background: #93B29B;/* un fond vert tout moche */
	text-align: center;		text-align: center;
-	position:absolute;
-	left:50%;
	}		}
	#banner		#banner

---

Revision as of 13:38, 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*/

}

1. main

{ width: 800px; height: 900px; background: #93B29B;/* un fond vert tout moche */ text-align: center; }

1. banner

{ width:800px; text-align:center; left:50%; margin-left:-400px; position:relative; height:152px; background: #286639;/* couleur de fond du titre*/ }

1. imgbanner

{ position:relative; width:800; height:124; text-align:center; left:50%; margin-left:-400px; top:0; }

1. menu

{ text-align:center; position:relative; width:800px; left:50%; margin-left:-400px; }

1. maincontainer

{ position:relative; text-align:center; width:1024; /*background: #FF0000;*//* conteneur du texte */ left:50%; margin-left:-512px; }

1. menu_core/* la liste principale */

{

list-style-type: none;
margin: 0px 4px;
padding: 0;
border: 0;
text-align:center;

}

1. menu_core li /* les menu principaux */

{

float: left;
width: 88px;
margin: 0;
padding: 0;
border: 0;

}

1. 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;

}

1. 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;

}

1. menu_core li a:hover { background-color: #85D28D; }/* couleur du menu au passage*/
2. menu_core li a:active { background-color: #00B876; }/* couleur du menu actif*/
3. menu_core li:hover ul{/*apparition des sous-menus */

display:block;

}

1. menu_core li:hover ul li{/*apparition des sous-menus */

float:none;

}

1. menu_core li .sous_menu li a:link,
2. 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 */

}

1. 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;

}

1. menu_core li .sous_menu li:hover{ /* maintient des sous menu actifs */

display:block;

background-color: #F2462E;/* couleur du sous menu au survoul*/ }