"
Team:TU-Delft/CSS
From 2012.igem.org
(Difference between revisions)
| Line 278: | Line 278: | ||
/*letter-spacing:1px;*/ | /*letter-spacing:1px;*/ | ||
text-transform:uppercase; | text-transform:uppercase; | ||
| + | } | ||
| + | |||
| + | #nav ul{ | ||
| + | width: 620px; | ||
| + | background: white; | ||
| + | text-align:center; | ||
| + | margin: 0 auto; | ||
| + | } | ||
| + | #nav li.on ul, #nav li.off ul { | ||
| + | margin: 0; | ||
| + | padding: 0; | ||
| + | } | ||
| + | #nav a { | ||
| + | text-decoration: none; | ||
| + | } | ||
| + | #nav li { /*float the main list items*/ | ||
| + | position:static; | ||
| + | margin: 0; | ||
| + | float: left; | ||
| + | display: inline; | ||
| + | padding:0 3px; | ||
| + | background:white ; | ||
| + | text-align:center; | ||
| + | width:90px; | ||
| + | |||
| + | } | ||
| + | #nav li ul { | ||
| + | display: none; | ||
| + | width:200px; | ||
| + | } | ||
| + | #nav li.off ul, #nav li.on ul { /*Position of the submenu!!*/ | ||
| + | position:static; | ||
| + | direction:ltr; | ||
| + | |||
| + | width:150px; | ||
| + | height:100px; | ||
| + | |||
| + | /*left:30px; | ||
| + | right:50%;*/ | ||
| + | margin: 0 0 0 -150px; | ||
| + | padding: 0 0 0 0; | ||
| + | background:white; | ||
| + | text-align:center; | ||
| + | |||
| + | } | ||
| + | |||
| + | #nav li a { | ||
| + | color: #000000; /*the main menu letters color but home*/ | ||
| + | font-weight: bold; | ||
| + | display: block; | ||
| + | height: 30px; | ||
| + | width: auto; | ||
| + | border-bottom:0; | ||
| + | margin: 2px; | ||
| + | padding: 0 0 2px 0; | ||
| + | } | ||
| + | |||
| + | #nav li a span { /*i dont know what this is about*/ | ||
| + | color: #FFD109; | ||
| + | } | ||
| + | |||
| + | #nav li a span span{ /*i dont know what this is about*/ | ||
| + | color: #FFD109; | ||
| + | } | ||
| + | |||
| + | #nav li a span span span{ /*i dont know what this is about*/ | ||
| + | color: #FFD109; | ||
| + | } | ||
| + | |||
| + | #nav li.on a { | ||
| + | border-bottom: 2px solid black; | ||
| + | color: #000000; /*the color of HOME by default*/ | ||
| + | } | ||
| + | |||
| + | #nav li.on2 a { /*i dont know what this is about*/ | ||
| + | border-bottom: 2px solid blue; | ||
| + | color: aqua; | ||
| + | } | ||
| + | |||
| + | #nav li.on a:hover { | ||
| + | color: #2ab117; | ||
| + | } | ||
| + | |||
| + | #nav li.on a:hover span{ | ||
| + | color:#2ab117; | ||
| + | } | ||
| + | |||
| + | #nav li.on ul a, #nav li.off ul a { | ||
| + | /*float: center; ie doesn't inherit the float*/ | ||
| + | border: 0; | ||
| + | font-size:12px; | ||
| + | color: #2ab117; | ||
| + | width: auto; | ||
| + | margin-right: 0px; | ||
| + | /*text-align: center;*/ | ||
| + | } | ||
| + | #nav li.on ul { | ||
| + | display: block; | ||
| + | } | ||
| + | #nav li.off:hover ul { | ||
| + | display: inline; | ||
| + | z-index: 6000; | ||
| + | } | ||
| + | #nav li.off a:hover, #nav li:hover a { /* this is for the background that opens behind the submenu */ | ||
| + | background:white; | ||
| + | color: black; | ||
| + | height: 54px; | ||
| + | width: 150px; | ||
| + | } | ||
| + | |||
| + | #nav li.off a:hover span, #nav li:hover a { | ||
| + | background: white; | ||
| + | color: #2ab117; | ||
| + | width: 150px; | ||
} | } | ||
Revision as of 00:58, 27 October 2012
