Template:UIUC Illinois Bioware Background

From 2010.igem.org

(Difference between revisions)
 
(88 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;
padding:0;
padding:0;
-
width;400px;
+
height:8em;
float:left;
float:left;
}
}
-
#menu a.gray, #menu a.orange {
+
#hmenu a.gray, #hmenu a.orange {
text-align:center;
text-align:center;
-
vertical-align:center;
+
height:40px;
 +
vertical-align:middle;
text-transform:uppercase;
text-transform:uppercase;
-
display:block;
+
display:table-cell;
 +
vertical-align:middle;
margin:0;
margin:0;
}
}
-
#menu a.orange {
+
#hmenu a.orange {
width:100px;
width:100px;
color:#003C7D;
color:#003C7D;
font-weight:bold;
font-weight:bold;
-
font-size:9px;
+
font-size:10px;
-
background:url(https://static.igem.org/mediawiki/2009/4/49/UI09orangebutton.png);
+
background:url(https://static.igem.org/mediawiki/2010/1/11/UIUC-Illinois_Bioware_2010_Horizontal_toolbar_orange_button_big.png);
text-decoration:none;
text-decoration:none;
}
}
-
#menu a.gray {
+
#hmenu a.gray {
-
width:125px;
+
width:100px;
color:#000;
color:#000;
font-weight:normal;
font-weight:normal;
-
font-size:11px;
+
font-size:9.5px;
border-width:1px;
border-width:1px;
border-style:solid;
border-style:solid;
Line 135: Line 138:
}
}
-
#menu a.orange:hover {
+
#hmenu a.orange:hover {
color:#fff;
color:#fff;
-
background:url(https://static.igem.org/mediawiki/2009/0/07/UI09orangehover.png);
+
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 DynamicDrive) *****************/
+
#hmenu ul ul ul {
-
.vmenu{
+
position: absolute;
-
margin: 5px;
+
top: 0;
-
padding: 0;
+
left: 100%;
-
width: 135px; /*width of menu*/
+
-
position: relative;
+
-
float: left;
+
}
}
-
.vmenu a.menuitem, .vmenu div.submenu ul li a {
+
#hmenu ul ul {
-
height:25px;
+
-
display:block;
+
-
margin:1px;
+
-
padding:0px 5px;
+
-
}
+
-
 
+
-
.vmenu a.menuitem{
+
-
text-transform:uppercase;
+
-
color:#fff;
+
-
font-weight:bold;
+
-
font-size:14px;
+
-
background:url(https://static.igem.org/mediawiki/2009/b/b5/UI09Sidemain.png);
+
-
text-decoration:none;
+
-
display: block;
+
-
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
+
-
}
+
-
 
+
-
 
+
-
.vmenu a.menuitem:visited, .vmenu .menuitem:active{
+
-
color: white;
+
-
}
+
-
 
+
-
.vmenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
+
position: absolute;
position: absolute;
-
top: 5px;
+
z-index: 500;
-
right: 5px;
+
-
border: none;
+
}
}
-
.vmenu a.menuitem:hover{
+
div#hmenu ul ul {
-
color:#fff;
+
display: none;
-
background:url(https://static.igem.org/mediawiki/2009/c/cf/UI09Sidehoverm.png);
+
}
}
-
.vmenu div.submenu ul{ /*UL of each sub menu*/
+
div#hmenu ul li:hover ul
-
list-style: none;
+
{display: block;}
-
margin: 0;
+
-
padding: 0;
+
-
}
+
-
.vmenu div.submenu ul li a{
+
div#hmenu ul ul,
-
display: block;
+
div#hmenu ul li:hover ul ul,
-
color:#fff;
+
div#hmenu ul ul li:hover ul ul
-
font-weight:bold;
+
{display: none;}
-
font-size:12px;
+
-
background:url(https://static.igem.org/mediawiki/2009/1/18/UI09Sidethird.png);
+
-
text-decoration:none;
+
-
}
+
-
.vmenu div.submenu ul li a:hover{
+
div#hmenu ul li:hover ul,
-
color:#fff;
+
div#hmenu ul ul li:hover ul,
-
background:#003C7D;
+
div#hmenu ul ul ul li:hover ul
-
}
+
{display: block;}
-
/**************** Navigation Buttons (for Project and Experiments pages) *****************/
+
body {
-
#nav {
+
behavior: url(csshover.htc);
-
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"