Template:UIUC Illinois Bioware Background

From 2010.igem.org

(Difference between revisions)
 
(17 intermediate revisions not shown)
Line 1: Line 1:
 +
<html>
 +
<style type=text/css>
 +
.firstHeading {
 +
display:none;
 +
}
 +
body {
 +
position:relative;
 +
background:url(https://static.igem.org/mediawiki/2009/7/71/Illinois09background.gif) top left repeat-x #6e8bbf;
 +
}
-
/*****************Vertical Menu Coding from http://ago.tanfa.co.uk/css/examples/menu/tutorial-h.html*******************/
+
#content {
 +
background:url(https://static.igem.org/mediawiki/2009/9/9d/Illinois09bodybackground.gif) top left repeat-x #6e8bbf;
 +
border:0;
 +
}
-
#vmenu {
+
#uicontent {
-
width: 13em;
+
width:780px;
-
background: #336699;
+
position:relative;
-
position: relative;
+
float:left;
-
float: left;
+
-
margin: 5px;
+
-
padding: 0;
+
}
}
-
#vmenu ul {
+
#uicontentbox {
-
list-style: none;
+
border:solid 1px;
-
margin: 0;
+
margin:0px 5px 20px;
-
padding: 0;
+
padding:10px;
 +
background:#ddd;
}
}
-
#vmenu a, #menu h2 {
+
#footer-box {
-
font: bold 11px/16px arial, helvetica, sans-serif;
+
background-color:#6e8bbf;
-
display: block;
+
border-color:#6e8bbf;
-
border-width: 5px;
+
-
border-style: solid;
+
-
border-color: #ccc #888 #555 #bbb;
+
-
margin: 0;
+
-
padding: 2px 3px;
+
}
}
-
#vmenu h2 {
+
div#top-section,div#content {
-
color: #fff;
+
border-width:1px;
-
background: #000;
+
border-color:#fff;
-
text-transform: uppercase;
+
}
}
-
#vmenu a {
+
h2 {
-
color: #000;
+
color:#F47F24;
-
background: #efefef;
+
font-weight:bold;
-
text-decoration: none;
+
}
}
-
#vmenu a:hover {
+
table {
-
color: #336699;
+
background: #ddd;
-
background: #fff;
+
}
}
-
#vmenu ul ul ul {
+
table.calendar td {
-
position: absolute;
+
vertical-align:top;
-
top: 0;
+
align:center;
-
left: 100%;
+
-
width: 100%;
+
}
}
-
#vmenu li {position: relative;}
+
table.month {
 +
background-color:#F47F24;
 +
border:solid 1px;
 +
}
-
div#vmenu ul ul ul,
+
table.month .heading td {
-
div#vmenu ul ul li:hover ul ul
+
background-color:#003C7D;
-
{display: none;}
+
color:#F47F24;
 +
text-align:center;
 +
font-weight:bold;
 +
text-size:140%;
 +
}
-
div#vmenu ul ul li:hover ul,
+
table.month .dow td {
-
div#vmenu ul ul ul li:hover ul
+
color:#000;
-
{display: block;}
+
text-align:center;
 +
font-size:100%;
 +
}
 +
table.month td {
 +
border:none;
 +
text-align:center;
 +
background-color:#F47F24;
 +
}
-
/**************** Navigation Buttons (for Project and Experiments pages) *****************/
+
table.month a:hover {
-
#nav {
+
background-color:#CCC;
-
width: 770px;
+
text-decoration:none;
-
height: 160px;
+
-
margin: 5px;
+
-
padding: 0px;
+
}
}
-
#nav a {
+
.day-active {
-
display: inline-block;
+
color:#003C7D;
 +
font-weight:bold;
 +
}
 +
 
 +
.day-empty {
 +
color:#000;
 +
}
 +
 
 +
/*Following coding for menu bars found at http://ago.tanfa.co.uk/css/examples/menu/tutorial-h.html*/
 +
/**************** horizontal menu coding *****************/
 +
#hmenu {
 +
float:left;
 +
position:relative;
 +
width: 100%;
 +
}
 +
 
 +
#hmenu ul {
list-style:none;
list-style:none;
-
width: 175px;
+
margin:0;
-
height: 150px;
+
padding:0;
-
margin: 5px 37px;
+
height:8em;
-
border: none;
+
float:left;
-
color: #f00;
+
-
font-size: 16px;
+
-
font-weight: bold;
+
-
text-transform: uppercase;
+
-
text-align: center;
+
}
}
-
#nav a.intro {
+
#hmenu a.gray, #hmenu a.orange {
-
background: url(https://static.igem.org/mediawiki/2009/6/64/UI09Intropic.png);
+
text-align:center;
 +
height:40px;
 +
vertical-align:middle;
 +
text-transform:uppercase;
 +
display:table-cell;
 +
vertical-align:middle;
 +
margin:0;
}
}
-
#nav a.intro:hover {
+
#hmenu a.orange {
-
background: url(https://static.igem.org/mediawiki/2009/c/c5/UI09Introhover.png);
+
width:100px;
 +
color:#003C7D;
 +
font-weight:bold;
 +
font-size:10px;
 +
background:url(https://static.igem.org/mediawiki/2010/1/11/UIUC-Illinois_Bioware_2010_Horizontal_toolbar_orange_button_big.png);
 +
text-decoration:none;
}
}
-
#nav a.research {
+
#hmenu a.gray {
-
background: url(https://static.igem.org/mediawiki/2009/c/cb/UI09Researchpic.png);
+
width:100px;
 +
color:#000;
 +
font-weight:normal;
 +
font-size:9.5px;
 +
border-width:1px;
 +
border-style:solid;
 +
border-color:#ccc #888 #555 #bbb;
 +
text-decoration:none;
 +
background:#ccc;
}
}
-
#nav a.research:hover {
+
#hmenu a.orange:hover {
-
background: url(https://static.igem.org/mediawiki/2009/a/a3/UI09Researchhover.png);
+
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;
}
}
-
#nav a.modeling {
+
#hmenu a.gray:hover {
-
background: url(https://static.igem.org/mediawiki/2009/a/a7/UI09Modelingpic.png);
+
color:#fff;
 +
background: #003C7D;
}
}
-
#nav a.modeling:hover {
+
#hmenu ul li {
-
background: url(https://static.igem.org/mediawiki/2009/0/06/UI09Modelinghover.png);
+
position:relative;
}
}
-
#nav a.protocols {
+
#hmenu ul ul ul {
-
background: url(https://static.igem.org/mediawiki/2009/f/f1/UI09Protocolsbutton.png);
+
position: absolute;
 +
top: 0;
 +
left: 100%;
}
}
-
#nav a.protocols:hover {
+
#hmenu ul ul {
-
background: url(https://static.igem.org/mediawiki/2009/f/f0/UI09Protocolshover.png);
+
position: absolute;
 +
z-index: 500;
}
}
-
#nav a.vectors {
+
div#hmenu ul ul {
-
background: url(https://static.igem.org/mediawiki/2009/7/7c/UI09Vectorsbutton.png);
+
display: none;
}
}
-
#nav a.vectors:hover {
+
div#hmenu ul li:hover ul
-
background: url(https://static.igem.org/mediawiki/2009/f/f5/UI09Vectorshover.png);
+
{display: block;}
 +
 
 +
div#hmenu ul ul,
 +
div#hmenu ul li:hover ul ul,
 +
div#hmenu ul ul li:hover ul ul
 +
{display: none;}
 +
 
 +
div#hmenu ul li:hover ul,
 +
div#hmenu ul ul li:hover ul,
 +
div#hmenu ul ul ul li:hover ul
 +
{display: block;}
 +
 
 +
body {
 +
behavior: url(csshover.htc);
}
}
-
#nav a.results {
+
<!--[if IE]>
-
width: 600px;
+
<style type="text/css" media="screen">
-
height: 35px;
+
body {
-
background:#003C7D
+
behavior: url(csshover.htc);
 +
font-size: 100%;
}
}
-
#nav a.results:hover {
+
#hmenu ul li {float: left; width: 100%;}
-
background:#6e8bbf;
+
#hmenu ul li a {height: 1%;}
 +
 
 +
#hmenu a, #hmenu h2 {
 +
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