Template:CSS/Delft2014 main
From 2014.igem.org
(Difference between revisions)
Dschmieden (Talk | contribs) |
Dschmieden (Talk | contribs) |
||
Line 1: | Line 1: | ||
<html> | <html> | ||
<style type="text/css"> | <style type="text/css"> | ||
- | |||
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .visualClear { | #contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .visualClear { | ||
display: none; | display: none; | ||
Line 259: | Line 258: | ||
/*___________________________________________________*/ | /*___________________________________________________*/ | ||
/*--- Main Menu Styles -------------------*/ | /*--- Main Menu Styles -------------------*/ | ||
- | + | #mega-menu-1 { | |
- | + | font: normal 13px Arial, sans-serif; | |
- | + | list-style: none; | |
- | + | position: relative; | |
- | + | padding: 0; | |
+ | margin: 0; | ||
+ | } | ||
- | + | #mega-menu-1 li ul, #mega-menu-1 .sub { | |
- | + | display: none; | |
- | + | } | |
- | + | ||
- | + | #mega-menu-1 .sub ul { | |
- | + | display: block; | |
- | + | } | |
- | + | ||
- | + | #mega-menu-1 { | |
- | + | background: #222; | |
- | + | width: 100%; | |
- | + | height: 40px; | |
- | + | position: relative; | |
- | + | } | |
- | + | ||
- | + | #mega-menu-1 li { | |
- | + | float: left; | |
- | + | margin: 0; | |
- | + | padding: 0; | |
- | + | font-weight: bold; | |
- | + | } | |
- | + | ||
- | + | #mega-menu-1 li a { | |
- | + | float: left; | |
- | + | display: block; | |
- | + | color: #fff; | |
+ | padding: 12px 25px; | ||
+ | background: #222; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | #mega-menu-1 li.mega-hover a, #mega-menu-1 li a:hover { | ||
+ | background: #CCC; | ||
+ | color: #000; | ||
+ | } | ||
+ | |||
+ | #mega-menu-1 li .sub-container { | ||
+ | position: absolute; | ||
+ | } | ||
+ | |||
+ | #mega-menu-1 li .sub { | ||
+ | background: #efefef; | ||
+ | padding: 15px; | ||
+ | border: 1px solid #ccc; | ||
+ | } | ||
+ | |||
+ | #mega-menu-1 li .sub .row { | ||
+ | width: 100%; | ||
+ | overflow: hidden; | ||
+ | clear: both; | ||
+ | } | ||
+ | |||
+ | #mega-menu-1 li .sub li { | ||
+ | list-style: none; | ||
+ | float: none; | ||
+ | width: 170px; | ||
+ | font-size: 1em; | ||
+ | font-weight: normal; | ||
+ | } | ||
+ | |||
+ | #mega-menu-1 li .sub li.mega-hdr { | ||
+ | margin: 0 10px 10px 0; | ||
+ | float: left; | ||
+ | } | ||
+ | |||
+ | #mega-menu-1 li .sub li.mega-hdr.last { | ||
+ | margin-right: 0; | ||
+ | } | ||
+ | |||
+ | #mega-menu-1 li .sub a { | ||
+ | background: none; | ||
+ | color: #111; | ||
+ | padding: 7px 10px; | ||
+ | display: block; | ||
+ | float: none; | ||
+ | font-size: 0.9em; | ||
+ | } | ||
+ | |||
+ | #mega-menu-1 li .sub li.mega-hdr a.mega-hdr-a { | ||
+ | padding: 5px 15px; | ||
+ | margin-bottom: 5px; | ||
+ | background: #6B6B6B; | ||
+ | text-transform: uppercase; | ||
+ | font-weight: bold; | ||
+ | color: #fff; | ||
+ | } | ||
+ | |||
+ | #mega-menu-1 li .sub li.mega-hdr a.mega-hdr-a:hover { | ||
+ | color: #000; | ||
+ | } | ||
+ | |||
+ | #mega-menu-1 .sub li.mega-hdr li a { | ||
+ | padding: 4px 5px; | ||
+ | font-weight: normal; | ||
+ | } | ||
+ | |||
+ | #mega-menu-1 .sub li.mega-hdr li a:hover { | ||
+ | color: #a32403; | ||
+ | background: #efefef; | ||
+ | } | ||
+ | |||
+ | #mega-menu-1 .sub ul li { | ||
+ | padding-right: 0; | ||
+ | } | ||
+ | |||
+ | #mega-menu-1 li .sub-container.non-mega .sub { | ||
+ | padding: 10px; | ||
+ | } | ||
+ | |||
+ | #mega-menu-1 li .sub-container.non-mega li { | ||
+ | padding: 0; | ||
+ | width: 190px; | ||
+ | margin: 0; | ||
+ | } | ||
+ | |||
+ | #mega-menu-1 li .sub-container.non-mega li a { | ||
+ | padding: 7px 5px 7px 22px; | ||
+ | } | ||
+ | |||
+ | #mega-menu-1 li .sub-container.non-mega li a:hover { | ||
+ | color: #a32403; | ||
+ | background: #efefef; | ||
+ | } | ||
</style> | </style> | ||
</html> | </html> |
Revision as of 12:34, 27 September 2014