Template:UIUC Illinois Software TopMenu: Difference between revisions
(New page: <html> <head> <style type="text/css"> #content{ font-size:14px; color:#081c42; } →Layout: img.TopMenu{ display:block; margin-left:auto; margin-right:auto; height:132px; width:650px; ...) |
(No difference)
|
Revision as of 11:40, 6 July 2010
<html> <head> <style type="text/css">
- content{
font-size:14px; color:#081c42; }
/* Layout */ img.TopMenu{ display:block; margin-left:auto; margin-right:auto; height:132px; width:650px; } ul.dropdown, ul.dropdown li, ul.dropdown ul {
list-style: none; margin: 0; padding: 0;
}
ul.dropdown {
position: relative; z-index: 597; float: left;
}
ul.dropdown li {
float: left; line-height: 1.3em; vertical-align: middle; zoom: 1;
}
ul.dropdown li.hover, ul.dropdown li:hover {
position: relative; z-index: 599; cursor: default;
}
ul.dropdown ul {
visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 598; width: 100%;
}
ul.dropdown ul li {
float: none;
}
ul.dropdown ul ul {
top: 1px; left: 99%;
}
ul.dropdown li:hover > ul {
visibility: visible;
}
/* Theme */ ul.dropdown {
font-weight: bold;
background:url('http://2010.igem.org/wiki/images/7/7b/UIUC_Illinois_Software_MenuButton.png');
}
ul.dropdown li { padding: 0; border-width: 0px; }
ul.dropdown a:link, ul.dropdown a:visited {text-decoration: none; } ul.dropdown a:active { color: #ffa500; }
/* -- level mark -- */
ul.dropdown ul { width: 150px; margin-top: 0px; }
ul.dropdown ul li { font-weight: normal; }
/*-------------------------------------------------/
* @section Support Class `dir` * @level sep ul, .class */
ul.dropdown *.dir {
padding-right: 20px; background-image: url(images/nav-arrow-down.png); background-position: 100% 50%; background-repeat: no-repeat;
}
/* -- Components override -- */
ul.dropdown-horizontal ul *.dir {
padding-right: 15px; background-image: url(images/nav-arrow-right.png); background-position: 100% 50%; background-repeat: no-repeat;
} div.topmenuright{ display:block; font-weight:bold; color:#fa6a07; background:url('http://2010.igem.org/wiki/images/8/88/UIUC_Illinois_Software_Buttonfaderight.png'); width:120px; height:36.25px; text-align:center; padding:0px; } div.topmenuleft{ display:block; font-weight:bold; color:#fa6a07; background:url('http://2010.igem.org/wiki/images/5/58/UIUC_Illinois_Software_Buttonfadeleft.png'); width:120px; height:36.25px; text-align:center; padding:0px; } a.topmenu:link,a.topmenu:visited { display:block; font-weight:bold; font-size:17px; color:#ffffff; background:url('http://2010.igem.org/wiki/images/7/7b/UIUC_Illinois_Software_MenuButton.png') height:100%; text-align:center; padding:9px; text-decoration:none; text-transform:uppercase; } a.topmenu:hover,a.topmenu:active { color:#fa6a07; } a.dropmenu:link,a.dropmenu:visited { width:134px; display:block; font-weight:bold; font-size:100%; color:#ffffff; background:url('http://2010.igem.org/wiki/images/3/30/UIUC_Illinois_Software_Button2.png'); text-align:center; padding:8px; text-decoration:none; text-transform:uppercase; } a.dropmenu:hover,a.dropmenu:active { color:#fa6a07; } td.topmenu{ border-collapse:collapse; padding:0; spacing:0; width:auto; } tr.topmenu{ border-collapse:collapse; padding:0; spacing:0; width:auto; } table.topmenu{ margin-left:auto; margin-right:auto; text-align:center; border-collapse:collapse; padding: 0; }
</style> <!--[if lte IE 7]> <script type="text/javascript" src="/generic/js/jquery.js"></script> <script type="text/javascript" src="js/jquery.helper.js"></script> <![endif]--> </head> <table class="topmenu" cellspacing="0" cellpadding="0"> <tr class="topmenu"> <td colspan="3"><img class="TopMenu" src="http://2010.igem.org/wiki/images/8/8a/UIUC_Illinois_Software_Topbar.png" alt="presenting the 2010 UIUC Software Team!" /></td></tr> <tr class="topmenu"><td class="topmenu"> <div class="topmenuleft"></div> </td> <td class="topmenu"> <ul id="nav" class="dropdown dropdown-horizontal"> <li><a class="topmenu" href="http://openwetware.org/wiki/IGEM:UIUC/Software/2010">Home</a>
<ul>
<li><a class="dropmenu" href="http://2010.igem.org/Team:UIUC-Illinois-Software">iGEM wiki</a></li>
</ul>
</li>
<li><a class="topmenu" href="http://openwetware.org/wiki/IGEM:UIUC/Software/2010/Team">Team</a> <ul> <li><a class="dropmenu" href="http://openwetware.org/wiki/User:Colin_Hoffman">Colin Hoffman</a></li> <li><a class="dropmenu" href="http://openwetware.org/wiki/User:Jeremy_Kemball">Jeremy Kemball</a></li> <li class="dir"><a class="dropmenu" style="font-size:12px" href="http://openwetware.org/wiki/User:Anna_Kropornicka">Anna Kropornicka</a></li> <li><a class="dropmenu" href="http://openwetware.org/wiki/User:Bobak_Hadidi">Bobak Hadidi</a></li> </ul> </li> <li><a class="topmenu" href="http://ung.igem.org/Team.cgi?id=335">Team Profile</a></li> <li><a class="topmenu" href="">Project</a> <ul> <li class="dir"><a class="dropmenu" href="">IMPtools</a> <ul> <li><a class="dropmenu" href="">Overview</a></li> <li><a class="dropmenu" href="http://abe-bhaleraolab.age.uiuc.edu/imptools/">Website</a></li> </ul> </li> <li class="dir"><a style="font-size:13px" class="dropmenu" href="">Plasmid Designer</a> <ul> <li><a class="dropmenu" href="">Overview</a></li> <li><a class="dropmenu" href="">Website</a></li> </ul> </li> <li><a class="dropmenu" href="">BioMORTAR</a></li>
<li><a class="dropmenu" href="">Modeling</a></li>
</ul> </li> <li><a class="topmenu" href="">Parts</a></li> <li><a class="topmenu" href="">Press</a>
<ul>
<li><a class="dropmenu" href="">Newsletter</a></li>
</ul>
</li>
<li><a class="topmenu" href="">Notebook</a>
<ul>
<li><a class="dropmenu" href="">Bootcamp</a></li>
<li><a class="dropmenu" href="">Safety</a></li>
</ul>
</li>
</ul></td> <td class="topmenu"> <div class="topmenuright"></div> </td> </tr></table> </html>
