Team:Grinnell/Template/Home
From 2011.igem.org
(Difference between revisions)
Line 10: | Line 10: | ||
h1.firstHeading{display:none} | h1.firstHeading{display:none} | ||
- | /*Reset*/ | + | /*Reset*/ |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
div.menu-bar ul li ul.ddm{ | div.menu-bar ul li ul.ddm{ | ||
- | display:none; | + | display:none; /*Hides drop down menus*/ |
} | } | ||
+ | |||
+ | div.menu-bar ul li:hover ul.ddm li ul.sm, | ||
+ | div.menu-bar ul li a:hover ul.ddm li a ul.sm { | ||
+ | display: none; /*Hides all side menus*/ | ||
+ | } | ||
/*Setting up the menu bar*/ | /*Setting up the menu bar*/ | ||
div.menu-bar { | div.menu-bar { | ||
Line 28: | Line 26: | ||
div.menu-bar ul li{ | div.menu-bar ul li{ | ||
float:left; | float:left; | ||
- | position:relative; | + | position:relative; /*So that positioning works*/ |
list-style-type:none !important; | list-style-type:none !important; | ||
margin:0 !important; | margin:0 !important; | ||
Line 34: | Line 32: | ||
width:125px; | width:125px; | ||
text-align:center; | text-align:center; | ||
- | left:90px;/*Used left to manually center menu*/ | + | left:90px; /*Used left to manually center menu*/ |
} | } | ||
Line 87: | Line 85: | ||
text-align:left; | text-align:left; | ||
} | } | ||
+ | /*Setting up side menus*/ | ||
+ | div.menu-bar ul li:hover ul.ddm li:hover ul.sm, | ||
+ | div.menu-bar ul li a:hover ul.ddm li a:hover ul.sm { | ||
+ | display: block; | ||
+ | width: 11em; | ||
+ | padding: 1px; | ||
+ | position: absolute; | ||
+ | top: -1px; | ||
+ | left: 13em; | ||
+ | } | ||
+ | |||
+ | div.menu-bar ul li:hover ul.ddm li:hover ul.sm li a, | ||
+ | div.menu-bar ul li a:hover ul.ddm li a:hover ul.sm li a { | ||
+ | width: 11em; | ||
+ | } | ||
+ | |||
+ | div.menu-bar ul li ul.ddm li ul.sm li a span { | ||
+ | padding-left: 1.5em; | ||
+ | padding-right: 0.5em; | ||
+ | text-align: left; | ||
+ | } | ||
+ | |||
/*Fixing display problems in IE browsers*/ | /*Fixing display problems in IE browsers*/ | ||
- | * html div. | + | * html div.menu-bar{ |
position: relative; | position: relative; | ||
} | } | ||
- | * html div. | + | * html div.menu-bar ul li a { |
float: left; | float: left; | ||
} | } | ||
- | * html ul. | + | * html ul.ddm li a:hover { |
cursor: hand; | cursor: hand; | ||
} | } | ||
- | ul. | + | ul.ddm li a:hover { |
cursor: pointer; | cursor: pointer; | ||
} | } | ||
- | * html div. | + | * html div.menu-bar a:hover { |
text-decoration: none; | text-decoration: none; | ||
} | } |