Template:UIUC Illinois Bioware Background

From 2010.igem.org

(Difference between revisions)
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;
position:relative;
float:left;
float:left;
Line 99: Line 99:
}
}
-
#menu ul {
+
#hmenu ul {
list-style:none;
list-style:none;
margin:0;
margin:0;
Line 107: Line 107:
}
}
-
#menu a.gray, #menu a.orange {
+
#hmenu a.gray, #hmenu a.orange {
text-align:center;
text-align:center;
height:40px;
height:40px;
Line 117: Line 117:
}
}
-
#menu a.orange {
+
#hmenu a.orange {
width:100px;
width:100px;
color:#003C7D;
color:#003C7D;
Line 126: Line 126:
}
}
-
#menu a.gray {
+
#hmenu a.gray {
width:100px;
width:100px;
color:#000;
color:#000;
Line 138: 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 li {
position:relative;
position:relative;
}
}
Line 154: Line 154:
/*****************Vertical Menu Coding from http://ago.tanfa.co.uk/css/examples/menu/tutorial-h.html*******************/
/*****************Vertical Menu Coding from http://ago.tanfa.co.uk/css/examples/menu/tutorial-h.html*******************/
-
#menu {
+
#vmenu {
width: 12em;
width: 12em;
background: #336699;
background: #336699;
Line 163: Line 163:
}
}
-
#menu ul {
+
#vmenu ul {
list-style: none;
list-style: none;
margin: 0;
margin: 0;
Line 169: Line 169:
}
}
-
#menu a, #menu h2 {
+
#vmenu a, #menu h2 {
font: bold 11px/16px arial, helvetica, sans-serif;
font: bold 11px/16px arial, helvetica, sans-serif;
display: block;
display: block;
Line 179: Line 179:
}
}
-
#menu h2 {
+
#vmenu h2 {
color: #fff;
color: #fff;
background: #000;
background: #000;
Line 185: Line 185:
}
}
-
#menu a {
+
#vmenu a {
color: #000;
color: #000;
background: #efefef;
background: #efefef;
Line 191: Line 191:
}
}
-
#menu a:hover {
+
#vmenu a:hover {
color: #336699;
color: #336699;
background: #fff;
background: #fff;
}
}
-
#menu ul ul ul {
+
#vmenu ul ul ul {
position: absolute;
position: absolute;
top: 0;
top: 0;
Line 203: Line 203:
}
}
-
#menu li {position: relative;}
+
#vmenu li {position: relative;}
-
div#menu ul ul ul,
+
div#vmenu ul ul ul,
-
div#menu ul ul li:hover ul ul
+
div#vmenu ul ul li:hover ul ul
{display: none;}
{display: none;}
-
div#menu ul ul li:hover ul,
+
div#vmenu ul ul li:hover ul,
-
div#menu ul ul ul li:hover ul
+
div#vmenu ul ul ul li:hover ul
{display: block;}
{display: block;}

Revision as of 20:31, 24 June 2010