Template:UIUC Illinois Bioware Background

From 2010.igem.org

(Difference between revisions)
 
(14 intermediate revisions not shown)
Line 94: Line 94:
/**************** horizontal menu coding *****************/
/**************** horizontal menu coding *****************/
#hmenu {
#hmenu {
-
position:relative;
 
float:left;
float:left;
 +
position:relative;
width: 100%;
width: 100%;
}
}
Line 112: Line 112:
vertical-align:middle;
vertical-align:middle;
text-transform:uppercase;
text-transform:uppercase;
-
display:table-cell;
+
display:table-cell;  
vertical-align:middle;
vertical-align:middle;
margin:0;
margin:0;
Line 148: Line 148:
}
}
-
#hmenu li {
+
#hmenu ul li {
position:relative;
position:relative;
}
}
Line 158: Line 158:
}
}
-
#menu ul ul {
+
#hmenu ul ul {
position: absolute;
position: absolute;
z-index: 500;
z-index: 500;
}
}
-
 
+
div#hmenu ul ul {
-
/*****************Vertical Menu Coding from http://ago.tanfa.co.uk/css/examples/menu/tutorial-h.html*******************/
+
display: none;
-
 
+
-
#vmenu {
+
-
width: 13em;
+
-
background: #336699;
+
-
position: relative;
+
-
float: left;
+
-
margin: 5px;
+
-
padding: 0;
+
}
}
-
#vmenu ul {
+
div#hmenu ul li:hover ul
-
list-style: none;
+
{display: block;}
-
margin: 0;
+
-
padding: 0;
+
-
}
+
-
 
+
-
#vmenu a, #menu h2 {
+
-
font: bold 11px/16px arial, helvetica, sans-serif;
+
-
display: block;
+
-
border-width: 5px;
+
-
border-style: solid;
+
-
border-color: #ccc #888 #555 #bbb;
+
-
margin: 0;
+
-
padding: 2px 3px;
+
-
}
+
-
 
+
-
#vmenu h2 {
+
-
color: #fff;
+
-
background: #000;
+
-
text-transform: uppercase;
+
-
}
+
-
 
+
-
#vmenu a {
+
-
color: #000;
+
-
background: #efefef;
+
-
text-decoration: none;
+
-
}
+
-
 
+
-
#vmenu a:hover {
+
-
color: #336699;
+
-
background: #fff;
+
-
}
+
-
 
+
-
#vmenu ul ul ul {
+
-
position: absolute;
+
-
top: 0;
+
-
left: 100%;
+
-
width: 100%;
+
-
}
+
-
 
+
-
#vmenu li {position: relative;}
+
-
div#vmenu ul ul ul,
+
div#hmenu ul ul,
-
div#vmenu ul ul li:hover ul ul
+
div#hmenu ul li:hover ul ul,
 +
div#hmenu ul ul li:hover ul ul
{display: none;}
{display: none;}
-
div#vmenu ul ul li:hover ul,
+
div#hmenu ul li:hover ul,
-
div#vmenu ul ul ul li:hover ul
+
div#hmenu ul ul li:hover ul,
 +
div#hmenu ul ul ul li:hover ul
{display: block;}
{display: block;}
-
 
+
body {
-
/**************** Navigation Buttons (for Project and Experiments pages) *****************/
+
behavior: url(csshover.htc);
-
#nav {
+
-
width: 770px;
+
-
height: 160px;
+
-
margin: 5px;
+
-
padding: 0px;
+
}
}
-
#nav a {
+
<!--[if IE]>
-
display: inline-block;
+
<style type="text/css" media="screen">
-
list-style:none;
+
body {
-
width: 175px;
+
behavior: url(csshover.htc);
-
height: 150px;
+
font-size: 100%;
-
margin: 5px 37px;
+
-
border: none;
+
-
color: #f00;
+
-
font-size: 16px;
+
-
font-weight: bold;
+
-
text-transform: uppercase;
+
-
text-align: center;
+
}
}
-
#nav a.intro {
+
#hmenu ul li {float: left; width: 100%;}
-
background: url(https://static.igem.org/mediawiki/2009/6/64/UI09Intropic.png);
+
#hmenu ul li a {height: 1%;}  
-
}
+
-
 
+
-
#nav a.intro:hover {
+
-
background: url(https://static.igem.org/mediawiki/2009/c/c5/UI09Introhover.png);
+
-
}
+
-
 
+
-
#nav a.research {
+
-
background: url(https://static.igem.org/mediawiki/2009/c/cb/UI09Researchpic.png);
+
-
}
+
-
 
+
-
#nav a.research:hover {
+
-
background: url(https://static.igem.org/mediawiki/2009/a/a3/UI09Researchhover.png);
+
-
}
+
-
 
+
-
#nav a.modeling {
+
-
background: url(https://static.igem.org/mediawiki/2009/a/a7/UI09Modelingpic.png);
+
-
}
+
-
 
+
-
#nav a.modeling:hover {
+
-
background: url(https://static.igem.org/mediawiki/2009/0/06/UI09Modelinghover.png);
+
-
}
+
-
 
+
-
#nav a.protocols {
+
-
background: url(https://static.igem.org/mediawiki/2009/f/f1/UI09Protocolsbutton.png);
+
-
}
+
-
 
+
-
#nav a.protocols:hover {
+
-
background: url(https://static.igem.org/mediawiki/2009/f/f0/UI09Protocolshover.png);
+
-
}
+
-
 
+
-
#nav a.vectors {
+
-
background: url(https://static.igem.org/mediawiki/2009/7/7c/UI09Vectorsbutton.png);
+
-
}
+
-
 
+
-
#nav a.vectors:hover {
+
-
background: url(https://static.igem.org/mediawiki/2009/f/f5/UI09Vectorshover.png);
+
-
}
+
-
 
+
-
#nav a.results {
+
-
width: 600px;
+
-
height: 35px;
+
-
background:#003C7D
+
-
}
+
-
#nav a.results:hover {
+
#hmenu a, #hmenu h2 {
-
background:#6e8bbf;
+
font: bold 0.7em/1.4em arial, helvetica, sans-serif;
}
}
 +
</style>
 +
<![endif]-->
</style>
</style>
</html>
</html>

Latest revision as of 20:35, 29 June 2010

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