Template:TU-Delft css
From 2012.igem.org
(Difference between revisions)
(15 intermediate revisions not shown) | |||
Line 260: | Line 260: | ||
#nav { | #nav { | ||
margin: 0; | margin: 0; | ||
- | background:# | + | background:#AEC245; |
line-height: 35px; | line-height: 35px; | ||
- | border-bottom: 0px solid #6699cc; | + | border-bottom: 0px solid #6699cc; |
+ | color: #3b3b3b; | ||
} | } | ||
Line 285: | Line 286: | ||
#nav li a:hover { | #nav li a:hover { | ||
- | background: # | + | background: #336699; |
color: #fff; | color: #fff; | ||
+ | font-size:20px; | ||
} | } | ||
Line 292: | Line 294: | ||
/* sub levels link hover */ | /* sub levels link hover */ | ||
#nav ul li:hover a, #nav li:hover li a { | #nav ul li:hover a, #nav li:hover li a { | ||
- | background: # | + | background: #AEC245; /* Huvudbakgrund för dropdown. */ |
border: none; | border: none; | ||
color: #fff; | color: #fff; | ||
} | } | ||
#nav ul a:hover { | #nav ul a:hover { | ||
- | background: # | + | background: #336699!important; /* <- musöver på dorpdown. TA INTE BORT !IMPORTANT*/ |
color: #fff !important; | color: #fff !important; | ||
} | } | ||
+ | /* dropdown */ | ||
+ | #nav li:hover > ul { | ||
+ | display: block; | ||
+ | } | ||
+ | |||
+ | /* level 2 list */ | ||
+ | #nav ul { | ||
+ | display: none; | ||
+ | |||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | width: 215px; /* ändra bredd på dropdown */ | ||
+ | position: absolute; | ||
+ | z-index:1; | ||
+ | top: 35px; | ||
+ | left: 0; | ||
+ | border-bottom: 0px solid #6699cc; /*#4ba6d5; blåa längst ner på dropdown. */ | ||
+ | } | ||
+ | #nav ul li { | ||
+ | float: none; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | border-bottom: 1px solid #2d2d2d; /* Avskiljare i dropdown. */ | ||
+ | line-height: 35px; | ||
+ | } | ||
Line 390: | Line 417: | ||
/* ******************************************************************* */ | /* ******************************************************************* */ | ||
/* SHOW SUBMENU 1 */ | /* SHOW SUBMENU 1 */ | ||
- | # | + | #menu li:hover ul, #menu li.over ul { |
display:block; | display:block; | ||
} | } | ||
- | # | + | #menu li:hover ul ul, #menu li.over ul ul { |
display:none; | display:none; | ||
} | } | ||
/* SHOW SUBMENU 2 */ | /* SHOW SUBMENU 2 */ | ||
- | # | + | #menu ul li:hover ul, #menu ul li.over ul { |
display:block; | display:block; | ||
} | } |
Latest revision as of 22:42, 4 September 2012