Template:UIUC Illinois Software TopMenu

From OpenWetWare
Jump to: navigation, search

<html> <head> <style type="text/css">

  1. 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="http://openwetware.org/wiki/IGEM:UIUC/Software/2010#Project_Details">Project</a> <ul> <li class="dir"><a class="dropmenu" href="http://openwetware.org/wiki/IGEM:UIUC/Software/2010#IMPtools">IMPtools</a> <ul> <li><a class="dropmenu" href="http://openwetware.org/wiki/IGEM:UIUC/Software/2010#IMPtools">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="http://openwetware.org/wiki/IGEM:UIUC/Software/2010#Plasmid_Designer">Plasmid Designer</a> <ul> <li><a class="dropmenu" href="http://openwetware.org/wiki/IGEM:UIUC/Software/2010#Plasmid_Designer">Overview</a></li> <li><a class="dropmenu" href="">Website</a></li> </ul> </li> <li><a class="dropmenu" href="http://openwetware.org/wiki/IGEM:UIUC/Software/2010#2010_Proposal_Summary">BioMORTAR</a></li>

                       <li><a class="dropmenu" href="http://openwetware.org/wiki/IGEM:UIUC/Software/2010#Cell_Modeling">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>