Template:UIUC Illinois Bioware Background

From 2010.igem.org

(Difference between revisions)
 
(23 intermediate revisions not shown)
Line 93: Line 93:
/*Following coding for menu bars found at http://ago.tanfa.co.uk/css/examples/menu/tutorial-h.html*/
/*Following coding for menu bars found at http://ago.tanfa.co.uk/css/examples/menu/tutorial-h.html*/
/**************** horizontal menu coding *****************/
/**************** horizontal menu coding *****************/
-
#menu {
+
#hmenu {
-
position:relative;
+
float:left;
float:left;
 +
position:relative;
 +
width: 100%;
}
}
-
#menu ul {
+
#hmenu ul {
list-style:none;
list-style:none;
margin:0;
margin:0;
Line 106: Line 107:
}
}
-
#menu a.gray, #menu a.orange {
+
#hmenu a.gray, #hmenu a.orange {
text-align:center;
text-align:center;
height:40px;
height:40px;
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;
}
}
-
#menu a.orange {
+
#hmenu a.orange {
width:100px;
width:100px;
color:#003C7D;
color:#003C7D;
Line 125: Line 126:
}
}
-
#menu a.gray {
+
#hmenu a.gray {
width:100px;
width:100px;
color:#000;
color:#000;
Line 137: Line 138:
}
}
-
#menu a.orange:hover {
+
#hmenu a.orange:hover {
color:#fff;
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;
background:url(https://static.igem.org/mediawiki/2010/e/e1/UIUC-Illinois_Bioware_2010_Horizontal_button_hover_big.png) top left repeat-x #6e8bbf;
}
}
-
#menu a.gray:hover {
+
#hmenu a.gray:hover {
color:#fff;
color:#fff;
background: #003C7D;
background: #003C7D;
}
}
-
#menu li {
+
#hmenu ul li {
position:relative;
position:relative;
}
}
-
/*****************Vertical Menu Coding from http://ago.tanfa.co.uk/css/examples/menu/tutorial-h.html*******************/
+
#hmenu ul ul ul {
-
 
+
-
#menu {
+
-
width: 12em;
+
-
background: #336699;
+
-
position: relative;
+
-
float: left;
+
-
margin: 5px;
+
-
padding: 0;
+
-
}
+
-
 
+
-
#menu ul {
+
-
list-style: none;
+
-
margin: 0;
+
-
padding: 0;
+
-
}
+
-
 
+
-
#menu 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;
+
-
}
+
-
 
+
-
#menu h2 {
+
-
color: #fff;
+
-
background: #000;
+
-
text-transform: uppercase;
+
-
}
+
-
 
+
-
#menu a {
+
-
color: #000;
+
-
background: #efefef;
+
-
text-decoration: none;
+
-
}
+
-
 
+
-
#menu a:hover {
+
-
color: #336699;
+
-
background: #fff;
+
-
}
+
-
 
+
-
#menu ul ul ul {
+
position: absolute;
position: absolute;
top: 0;
top: 0;
left: 100%;
left: 100%;
-
width: 100%;
 
}
}
-
#menu li {position: relative;}
+
#hmenu ul ul {
-
 
+
position: absolute;
-
div#menu ul ul ul,
+
z-index: 500;
-
div#menu ul ul li:hover ul ul
+
-
{display: none;}
+
-
 
+
-
div#menu ul ul li:hover ul,
+
-
div#menu ul ul ul li:hover ul
+
-
{display: block;}
+
-
 
+
-
 
+
-
/**************** Navigation Buttons (for Project and Experiments pages) *****************/
+
-
#nav {
+
-
width: 770px;
+
-
height: 160px;
+
-
margin: 5px;
+
-
padding: 0px;
+
}
}
-
#nav a {
+
div#hmenu ul ul {
-
display: inline-block;
+
display: none;
-
list-style:none;
+
-
width: 175px;
+
-
height: 150px;
+
-
margin: 5px 37px;
+
-
border: none;
+
-
color: #f00;
+
-
font-size: 16px;
+
-
font-weight: bold;
+
-
text-transform: uppercase;
+
-
text-align: center;
+
}
}
-
#nav a.intro {
+
div#hmenu ul li:hover ul
-
background: url(https://static.igem.org/mediawiki/2009/6/64/UI09Intropic.png);
+
{display: block;}
-
}
+
-
#nav a.intro:hover {
+
div#hmenu ul ul,
-
background: url(https://static.igem.org/mediawiki/2009/c/c5/UI09Introhover.png);
+
div#hmenu ul li:hover ul ul,
-
}
+
div#hmenu ul ul li:hover ul ul
 +
{display: none;}
-
#nav a.research {
+
div#hmenu ul li:hover ul,
-
background: url(https://static.igem.org/mediawiki/2009/c/cb/UI09Researchpic.png);
+
div#hmenu ul ul li:hover ul,
-
}
+
div#hmenu ul ul ul li:hover ul
 +
{display: block;}
-
#nav a.research:hover {
+
body {
-
background: url(https://static.igem.org/mediawiki/2009/a/a3/UI09Researchhover.png);
+
behavior: url(csshover.htc);
}
}
-
#nav a.modeling {
+
<!--[if IE]>
-
background: url(https://static.igem.org/mediawiki/2009/a/a7/UI09Modelingpic.png);
+
<style type="text/css" media="screen">
 +
body {
 +
behavior: url(csshover.htc);
 +
font-size: 100%;
}
}
-
#nav a.modeling:hover {
+
#hmenu ul li {float: left; width: 100%;}
-
background: url(https://static.igem.org/mediawiki/2009/0/06/UI09Modelinghover.png);
+
#hmenu ul li a {height: 1%;}  
-
}
+
-
 
+
-
#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"