"
Team:TU-Delft/CSS
From 2012.igem.org
(Difference between revisions)
| Line 279: | Line 279: | ||
text-transform:uppercase; | text-transform:uppercase; | ||
} | } | ||
| - | |||
#nav ul{ | #nav ul{ | ||
width: 620px; | width: 620px; | ||
| Line 286: | Line 285: | ||
margin: 0 auto; | margin: 0 auto; | ||
} | } | ||
| - | |||
#nav li.on ul, #nav li.off ul { | #nav li.on ul, #nav li.off ul { | ||
margin: 0; | margin: 0; | ||
| Line 294: | Line 292: | ||
text-decoration: none; | text-decoration: none; | ||
} | } | ||
| - | |||
#nav li { /*float the main list items*/ | #nav li { /*float the main list items*/ | ||
| - | + | position:static; | |
margin: 0; | margin: 0; | ||
float: left; | float: left; | ||
| Line 306: | Line 303: | ||
} | } | ||
| - | |||
#nav li ul { | #nav li ul { | ||
display: none; | display: none; | ||
| Line 325: | Line 321: | ||
text-align:center; | 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; | ||
} | } | ||
| Line 336: | Line 373: | ||
/*text-align: center;*/ | /*text-align: center;*/ | ||
} | } | ||
| - | |||
| - | |||
#nav li.on ul { | #nav li.on ul { | ||
display: block; | display: block; | ||
} | } | ||
| - | |||
| - | |||
#nav li.off:hover ul { | #nav li.off:hover ul { | ||
display: inline; | display: inline; | ||
z-index: 6000; | 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; | ||
| + | } | ||
.third{ | .third{ | ||
Revision as of 01:12, 27 October 2012
