Template:UIUC Illinois Software TopMenu

From 2010.igem.org

(Difference between revisions)
(Created top menu)
(drop menu... 'nuff said)
Line 1: Line 1:
<html>
<html>
 +
<head>
<style type="text/css">
<style type="text/css">
 +
 +
/* Layout */
img.TopMenu{
img.TopMenu{
display:block;
display:block;
Line 6: Line 9:
margin-right:auto
margin-right:auto
}
}
-
td.topmenu{
+
ul.dropdown,
-
border-collapse:collapse;
+
ul.dropdown li,
-
padding:0;
+
ul.dropdown ul {
-
spacing:0;
+
list-style: none;
-
width:auto;
+
margin: 0;
 +
padding: 0;
}
}
-
tr.topmenu{
+
 
-
border-collapse:collapse;
+
ul.dropdown {
-
padding:0;
+
position: relative;
-
spacing:0;
+
z-index: 597;
-
width:auto;
+
float: left;
}
}
-
table.topmenu{
+
 
-
margin-left:auto;
+
ul.dropdown li {
-
margin-right:auto;
+
float: left;
-
text-align:center;
+
line-height: 1.3em;
-
border-collapse:collapse;
+
vertical-align: middle;
-
padding: 0;
+
zoom: 1;
}
}
-
topmenu{
+
 
-
cellspacing:0;
+
ul.dropdown li.hover,
-
spacing:0;
+
ul.dropdown li:hover {
-
padding:0;
+
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('https://static.igem.org/mediawiki/2010/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{
div.topmenuright{
Line 37: Line 117:
background:url('https://static.igem.org/mediawiki/2010/8/88/UIUC_Illinois_Software_Buttonfaderight.png');
background:url('https://static.igem.org/mediawiki/2010/8/88/UIUC_Illinois_Software_Buttonfaderight.png');
width:120px;
width:120px;
-
height:35px;
+
height:36px;
text-align:center;
text-align:center;
padding:0px;
padding:0px;
Line 48: Line 128:
background:url('https://static.igem.org/mediawiki/2010/5/58/UIUC_Illinois_Software_Buttonfadeleft.png');
background:url('https://static.igem.org/mediawiki/2010/5/58/UIUC_Illinois_Software_Buttonfadeleft.png');
width:120px;
width:120px;
-
height:35px;
+
height:36px;
text-align:center;
text-align:center;
padding:0px;
padding:0px;
Line 60: Line 140:
background:url('https://static.igem.org/mediawiki/2010/7/7b/UIUC_Illinois_Software_MenuButton.png');
background:url('https://static.igem.org/mediawiki/2010/7/7b/UIUC_Illinois_Software_MenuButton.png');
text-align:center;
text-align:center;
-
padding:8px;
+
padding:10px;
text-decoration:none;
text-decoration:none;
text-transform:uppercase;
text-transform:uppercase;
Line 68: Line 148:
color:#fa6a07;
color:#fa6a07;
}
}
-
<!-- Here's hoping for dropdown menus!
+
a.dropmenu:link,a.dropmenu:visited
-
a.menumenu:link,a.menumenu:visited
+
{
{
 +
width:134px;
display:block;
display:block;
font-weight:bold;
font-weight:bold;
-
font-size:20px;
+
font-size:14px;
color:#ffffff;
color:#ffffff;
-
background:#063168;
+
background:url('https://static.igem.org/mediawiki/2010/3/30/UIUC_Illinois_Software_Button2.png');
text-align:center;
text-align:center;
padding:8px;
padding:8px;
Line 81: Line 161:
text-transform:uppercase;
text-transform:uppercase;
}
}
-
a.menumenu:hover,a.menumenu:active
+
a.dropmenu:hover,a.dropmenu:active
{
{
-
background:#063168;
 
color:#fa6a07;
color:#fa6a07;
}
}
-
li.menumenu{
+
td.topmenu{
-
display:none;
+
border-collapse:collapse;
 +
padding:0;
 +
spacing:0;
 +
width:auto;
}
}
-
li.menumenu:hover{
+
tr.topmenu{
-
right:auto;
+
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>
</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>
 +
<body>
<table class="topmenu" cellspacing="0" cellpadding="0">
<table class="topmenu" cellspacing="0" cellpadding="0">
-
<topmenu>
 
<tr class="topmenu">
<tr class="topmenu">
-
<td colspan="10"><img class="TopMenu" src="https://static.igem.org/mediawiki/2010/8/8a/UIUC_Illinois_Software_Topbar.png" alt="presenting the 2010 UIUC Software Team!" /></td></tr>
+
<td colspan="3"><img class="TopMenu" src="https://static.igem.org/mediawiki/2010/8/8a/UIUC_Illinois_Software_Topbar.png" alt="presenting the 2010 UIUC Software Team!" /></td></tr>
-
<tr class="topmenu">
+
<tr class="topmenu"><td class="topmenu">
-
<td class="topmenu"><div class="topmenuleft"></div></td>
+
<div class="topmenuleft"></div>
-
<td class="topmenu"><a class="topmenu" href="https://2010.igem.org/Team:UIUC-Illinois-Software">Home</a></td>
+
</td>
-
<td class="topmenu"><a class="topmenu" href="https://2010.igem.org/Team:UIUC-Illinois-Software/Team">Team</a>
+
<td class="topmenu">
-
    <!-- attempt at a drop down menu
+
<ul id="nav" class="dropdown dropdown-horizontal">
-
    <menu>
+
<li><a class="topmenu" href="https://2010.igem.org/Team:UIUC-Illinois-Software">Home</a></li>
-
    <li class="menumenu"><a class="menumenu" href="https://2010.igem.org/User:Sordfysh48">Colin</a></li>
+
<li><a class="topmenu" href="https://2010.igem.org/Team:UIUC-Illinois-Software/Team">Team</a>
-
    <li class="menumenu"><a class="menumenu" href="https://2010.igem.org/User:akropor2">Anna</a></li>
+
<ul>
-
    <li class="menumenu"><a class="menumenu" href="https://2010.igem.org/User:hho">Anthony</a></li>
+
<li><a class="dropmenu" href="https://2010.igem.org/User:Sordfysh48">Colin Hoffman</a></li>
-
    <li class="menumenu"><a class="menumenu" href="https://2010.igem.org/User:Bhadidi">Bobak</a></li>
+
<li><a class="dropmenu" href="https://2010.igem.org/User:jkemball">Jeremy Kemball</a></li>
-
    <li class="menumenu"><a class="menumenu" href="https://2010.igem.org/User:jkemball">Jeremy</a></li>
+
<li class="dir"><a class="dropmenu" style="font-size:12px" href="https://2010.igem.org/User:akropor2">Anna Kropornicka</a></li>
-
    </menu> -->
+
<li><a class="dropmenu" href="https://2010.igem.org/User:Bhadidi">Bobak Hadidi</a></li>
 +
</ul>
 +
</li>
 +
<li><a class="topmenu" href="https://igem.org/Team.cgi?id=335">Team Profile</a></li>
 +
<li><a class="topmenu" href="https://2010.igem.org/Team:UIUC-Illinois-Software/Project">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="">Website</a></li>
 +
</ul>
 +
</li>
 +
<li class="dir"><a class="dropmenu" href="">Strain Designer</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><a class="dropmenu" href="./">BioMORTAR</a></li>
 +
</ul>
 +
</li>
 +
<li><a class="topmenu" href="https://2010.igem.org/Team:UIUC-Illinois-Software/Parts">Parts</a></li>
 +
<li><a class="topmenu" href="https://2010.igem.org/Team:UIUC-Illinois-Software/Modeling">Modeling</a></li>
 +
<li><a class="topmenu" href="https://2010.igem.org/Team:UIUC-Illinois-Software/Notebook">Notebook</a></li>
 +
<li><a class="topmenu" href="https://2010.igem.org/Team:UIUC-Illinois-Software/Safety">Safety</a></li>
 +
</ul></td>
 +
<td class="topmenu">
 +
<div class="topmenuright"></div>
</td>
</td>
-
<td class="topmenu"><a class="topmenu" href="https://igem.org/Team.cgi?id=335">Team Profile</a></td>
 
-
<td class="topmenu"><a class="topmenu" href="https://2010.igem.org/Team:UIUC-Illinois-Software/Project">Project</a></td>
 
-
<td class="topmenu"><a class="topmenu" href="https://2010.igem.org/Team:UIUC-Illinois-Software/Parts">Parts</a></td>
 
-
<td class="topmenu"><a class="topmenu" href="https://2010.igem.org/Team:UIUC-Illinois-Software/Modeling">Modeling</a></td>
 
-
<td class="topmenu"><a class="topmenu" href="https://2010.igem.org/Team:UIUC-Illinois-Software/Notebook">Notebook</a></td>
 
-
<td class="topmenu"><a class="topmenu" href="https://2010.igem.org/Team:UIUC-Illinois-Software/Safety">Safety</a></td>
 
-
<td class="topmenu"><div class="topmenuright"></div></td>
 
-
</topmenu>
 
</tr></table>
</tr></table>
-
 
+
</body>
-
 
+
</html>
</html>

Revision as of 00:56, 19 June 2010

presenting the 2010 UIUC Software Team!

Retrieved from "http://2010.igem.org/Template:UIUC_Illinois_Software_TopMenu"