"
Template:UIUC Illinois Bioware
From 2010.igem.org
(Difference between revisions)
| Line 7: | Line 7: | ||
</a> | </a> | ||
</p> | </p> | ||
| + | |||
| + | <style type=text/css> | ||
| + | /*Following coding for menu bars found at http://ago.tanfa.co.uk/css/examples/menu/tutorial-h.html*/ | ||
| + | /**************** horizontal menu coding *****************/ | ||
| + | #hmenu { | ||
| + | float:left; | ||
| + | position:relative; | ||
| + | width: 100%; | ||
| + | } | ||
| + | |||
| + | #hmenu ul { | ||
| + | list-style:none; | ||
| + | margin:0; | ||
| + | padding:0; | ||
| + | height:8em; | ||
| + | float:left; | ||
| + | } | ||
| + | |||
| + | #hmenu a.gray, #hmenu a.orange { | ||
| + | text-align:center; | ||
| + | height:40px; | ||
| + | vertical-align:middle; | ||
| + | text-transform:uppercase; | ||
| + | display:table-cell; | ||
| + | vertical-align:middle; | ||
| + | margin:0; | ||
| + | } | ||
| + | |||
| + | #hmenu a.orange { | ||
| + | width:100px; | ||
| + | color:#003C7D; | ||
| + | font-weight:bold; | ||
| + | font-size:10px; | ||
| + | background:url(https://static.igem.org/mediawiki/2010/1/11/UIUC-Illinois_Bioware_2010_Horizontal_toolbar_orange_button_big.png); | ||
| + | text-decoration:none; | ||
| + | } | ||
| + | |||
| + | #hmenu a.gray { | ||
| + | width:100px; | ||
| + | color:#000; | ||
| + | font-weight:normal; | ||
| + | font-size:9.5px; | ||
| + | border-width:1px; | ||
| + | border-style:solid; | ||
| + | border-color:#ccc #888 #555 #bbb; | ||
| + | text-decoration:none; | ||
| + | background:#ccc; | ||
| + | } | ||
| + | |||
| + | #hmenu a.orange:hover { | ||
| + | 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; | ||
| + | } | ||
| + | |||
| + | #hmenu a.gray:hover { | ||
| + | color:#fff; | ||
| + | background: #003C7D; | ||
| + | } | ||
| + | |||
| + | #hmenu ul li { | ||
| + | position:relative; | ||
| + | } | ||
| + | |||
| + | #hmenu ul ul ul { | ||
| + | position: absolute; | ||
| + | top: 0; | ||
| + | left: 100%; | ||
| + | } | ||
| + | |||
| + | #hmenu ul ul { | ||
| + | position: absolute; | ||
| + | z-index: 500; | ||
| + | } | ||
| + | |||
| + | div#hmenu ul ul { | ||
| + | display: none; | ||
| + | } | ||
| + | |||
| + | div#hmenu ul li:hover ul | ||
| + | {display: block;} | ||
| + | |||
| + | div#hmenu ul ul, | ||
| + | div#hmenu ul li:hover ul ul, | ||
| + | div#hmenu ul ul li:hover ul ul | ||
| + | {display: none;} | ||
| + | |||
| + | div#hmenu ul li:hover ul, | ||
| + | div#hmenu ul ul li:hover ul, | ||
| + | div#hmenu ul ul ul li:hover ul | ||
| + | {display: block;} | ||
| + | |||
| + | body { | ||
| + | behavior: url(csshover.htc); | ||
| + | } | ||
| + | |||
| + | <!--[if IE]> | ||
| + | <style type="text/css" media="screen"> | ||
| + | body { | ||
| + | behavior: url(csshover.htc); | ||
| + | font-size: 100%; | ||
| + | } | ||
| + | |||
| + | #hmenu ul li {float: left; width: 100%;} | ||
| + | #hmenu ul li a {height: 1%;} | ||
| + | |||
| + | #hmenu a, #hmenu h2 { | ||
| + | font: bold 0.7em/1.4em arial, helvetica, sans-serif; | ||
| + | } | ||
| + | </style> | ||
| + | <![endif]--> | ||
| + | |||
| + | </style> | ||
<div id="hmenu" style="top:-7px"> | <div id="hmenu" style="top:-7px"> | ||
Revision as of 22:42, 28 June 2010
