Template:UIUC Illinois Bioware Background
From 2010.igem.org
(Difference between revisions)
Line 93: | Line 93: | ||
/*Following coding for menu bars found at http://ago.tanfa.co.uk/css/examples/menu/tutorial-h.html*/ | /*Following coding for menu bars found at http://ago.tanfa.co.uk/css/examples/menu/tutorial-h.html*/ | ||
/**************** horizontal menu coding *****************/ | /**************** horizontal menu coding *****************/ | ||
- | # | + | #hmenu { |
position:relative; | position:relative; | ||
float:left; | float:left; | ||
Line 99: | Line 99: | ||
} | } | ||
- | # | + | #hmenu ul { |
list-style:none; | list-style:none; | ||
margin:0; | margin:0; | ||
Line 107: | Line 107: | ||
} | } | ||
- | # | + | #hmenu a.gray, #hmenu a.orange { |
text-align:center; | text-align:center; | ||
height:40px; | height:40px; | ||
Line 117: | Line 117: | ||
} | } | ||
- | # | + | #hmenu a.orange { |
width:100px; | width:100px; | ||
color:#003C7D; | color:#003C7D; | ||
Line 126: | Line 126: | ||
} | } | ||
- | # | + | #hmenu a.gray { |
width:100px; | width:100px; | ||
color:#000; | color:#000; | ||
Line 138: | Line 138: | ||
} | } | ||
- | # | + | #hmenu a.orange:hover { |
color:#fff; | color:#fff; | ||
background:url(https://static.igem.org/mediawiki/2010/e/e1/UIUC-Illinois_Bioware_2010_Horizontal_button_hover_big.png) top left repeat-x #6e8bbf; | background:url(https://static.igem.org/mediawiki/2010/e/e1/UIUC-Illinois_Bioware_2010_Horizontal_button_hover_big.png) top left repeat-x #6e8bbf; | ||
} | } | ||
- | # | + | #hmenu a.gray:hover { |
color:#fff; | color:#fff; | ||
background: #003C7D; | background: #003C7D; | ||
} | } | ||
- | # | + | #hmenu li { |
position:relative; | position:relative; | ||
} | } | ||
Line 154: | Line 154: | ||
/*****************Vertical Menu Coding from http://ago.tanfa.co.uk/css/examples/menu/tutorial-h.html*******************/ | /*****************Vertical Menu Coding from http://ago.tanfa.co.uk/css/examples/menu/tutorial-h.html*******************/ | ||
- | # | + | #vmenu { |
width: 12em; | width: 12em; | ||
background: #336699; | background: #336699; | ||
Line 163: | Line 163: | ||
} | } | ||
- | # | + | #vmenu ul { |
list-style: none; | list-style: none; | ||
margin: 0; | margin: 0; | ||
Line 169: | Line 169: | ||
} | } | ||
- | # | + | #vmenu a, #menu h2 { |
font: bold 11px/16px arial, helvetica, sans-serif; | font: bold 11px/16px arial, helvetica, sans-serif; | ||
display: block; | display: block; | ||
Line 179: | Line 179: | ||
} | } | ||
- | # | + | #vmenu h2 { |
color: #fff; | color: #fff; | ||
background: #000; | background: #000; | ||
Line 185: | Line 185: | ||
} | } | ||
- | # | + | #vmenu a { |
color: #000; | color: #000; | ||
background: #efefef; | background: #efefef; | ||
Line 191: | Line 191: | ||
} | } | ||
- | # | + | #vmenu a:hover { |
color: #336699; | color: #336699; | ||
background: #fff; | background: #fff; | ||
} | } | ||
- | # | + | #vmenu ul ul ul { |
position: absolute; | position: absolute; | ||
top: 0; | top: 0; | ||
Line 203: | Line 203: | ||
} | } | ||
- | # | + | #vmenu li {position: relative;} |
- | div# | + | div#vmenu ul ul ul, |
- | div# | + | div#vmenu ul ul li:hover ul ul |
{display: none;} | {display: none;} | ||
- | div# | + | div#vmenu ul ul li:hover ul, |
- | div# | + | div#vmenu ul ul ul li:hover ul |
{display: block;} | {display: block;} | ||
Revision as of 20:31, 24 June 2010