Team:TU-Delft/CSS
From 2012.igem.org
(Difference between revisions)
(11 intermediate revisions not shown) | |||
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 305: | Line 303: | ||
} | } | ||
- | |||
#nav li ul { | #nav li ul { | ||
display: none; | display: none; | ||
Line 326: | Line 323: | ||
} | } | ||
+ | #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; | ||
+ | } | ||
.third{ | .third{ | ||
Line 429: | Line 493: | ||
z-index:1001; | z-index:1001; | ||
} | } | ||
+ | |||
#menubar ul { | #menubar ul { | ||
Line 536: | Line 601: | ||
text-transform: lowercase; | text-transform: lowercase; | ||
} | } | ||
+ | |||
+ | |||
.left-menu a:hover { | .left-menu a:hover { |
Latest revision as of 03:53, 27 October 2012