Team:Grinnell/Template/Home
From 2011.igem.org
(Difference between revisions)
Line 28: | Line 28: | ||
div.menu-bar { | div.menu-bar { | ||
height:25px; | height:25px; | ||
+ | position:absolute; | ||
+ | left:-20px; | ||
+ | top:200px; | ||
+ | z-index:15; | ||
} | } | ||
Line 36: | Line 40: | ||
margin:0 !important; | margin:0 !important; | ||
display:block; | display:block; | ||
- | width: | + | width:162.5px; |
text-align:center; | text-align:center; | ||
- | left:90px; /*Used left to manually center menu*/ | + | /*left:90px; /*Used left to manually center menu*/ |
} | } | ||
Line 54: | Line 58: | ||
div.menu-bar ul li ul.ddm li ul.sm li a:link, div.menu-bar ul li ul.ddm li ul.sm a:visited{ | div.menu-bar ul li ul.ddm li ul.sm li a:link, div.menu-bar ul li ul.ddm li ul.sm a:visited{ | ||
display:block; | display:block; | ||
- | font-size:1. | + | font-size:1.7em; |
- | color:# | + | color:#010101; |
- | background-color:# | + | background-color:#c40001; |
text-align:center; | text-align:center; | ||
padding:4px; | padding:4px; | ||
Line 63: | Line 67: | ||
div.menu-bar ul li a:hover, div.menu-bar ul li ul.ddm li a:hover, div.menu-bar ul li ul.ddm li ul.sm li a:hover{ | div.menu-bar ul li a:hover, div.menu-bar ul li ul.ddm li a:hover, div.menu-bar ul li ul.ddm li ul.sm li a:hover{ | ||
- | background-color:# | + | background-color:#010101; |
- | color:# | + | color:#c40001; |
} | } | ||
Line 73: | Line 77: | ||
div.menu-bar ul li:hover ul.ddm, div.menu-bar ul li a:hover ul.ddm{ | div.menu-bar ul li:hover ul.ddm, div.menu-bar ul li a:hover ul.ddm{ | ||
display:block; | display:block; | ||
- | width: | + | width:162.5px; |
padding:1px; | padding:1px; | ||
position:absolute; | position:absolute; | ||
top:22px; | top:22px; | ||
- | left:- | + | left:-20px;/*Use 'top' and 'left' to get the ddm position where you want it*/ |
} | } | ||
div.menu-bar ul li:hover ul.ddm li a, div.menu-bar ul li a:hover ul.ddm li a{ | div.menu-bar ul li:hover ul.ddm li a, div.menu-bar ul li a:hover ul.ddm li a{ | ||
- | width: | + | width:162.5px; |
padding-left:0; | padding-left:0; | ||
padding-right:0; | padding-right:0; | ||
Line 92: | Line 96: | ||
padding: 1px; | padding: 1px; | ||
position: relative; | position: relative; | ||
- | top: - | + | top: -32px; |
- | left: | + | left: 143px; |
} | } | ||