Template:UIUC Illinois Bioware Background

From 2010.igem.org

(Difference between revisions)
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;
 
-
}
 
-
 
-
#content {
 
-
background:url(https://static.igem.org/mediawiki/2009/9/9d/Illinois09bodybackground.gif) top left repeat-x #6e8bbf;
 
-
border:0;
 
-
}
 
-
 
-
#uicontent {
 
-
width:780px;
 
-
position:relative;
 
-
float:left;
 
-
}
 
-
 
-
#uicontentbox {
 
-
border:solid 1px;
 
-
margin:0px 5px 20px;
 
-
padding:10px;
 
-
background:#ddd;
 
-
}
 
-
 
-
#footer-box {
 
-
background-color:#6e8bbf;
 
-
border-color:#6e8bbf;
 
-
}
 
-
 
-
div#top-section,div#content {
 
-
border-width:1px;
 
-
border-color:#fff;
 
-
}
 
-
 
-
h2 {
 
-
color:#F47F24;
 
-
font-weight:bold;
 
-
}
 
-
 
-
table {
 
-
background: #ddd;
 
-
}
 
-
 
-
table.calendar td {
 
-
vertical-align:top;
 
-
align:center;
 
-
}
 
-
 
-
table.month {
 
-
background-color:#F47F24;
 
-
border:solid 1px;
 
-
}
 
-
 
-
table.month .heading td {
 
-
background-color:#003C7D;
 
-
color:#F47F24;
 
-
text-align:center;
 
-
font-weight:bold;
 
-
text-size:140%;
 
-
}
 
-
 
-
table.month .dow td {
 
-
color:#000;
 
-
text-align:center;
 
-
font-size:100%;
 
-
}
 
-
 
-
table.month td {
 
-
border:none;
 
-
text-align:center;
 
-
background-color:#F47F24;
 
-
}
 
-
 
-
table.month a:hover {
 
-
background-color:#CCC;
 
-
text-decoration:none;
 
-
}
 
-
 
-
.day-active {
 
-
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 {
 
-
position:relative;
 
-
float:left;
 
-
width: 100%;
 
-
}
 
-
 
-
#hmenu ul {
 
-
list-style:none;
 
-
margin:0;
 
-
padding:0;
 
-
height:8em;
 
-
float:left;
 
-
}
 
-
 
-
#hmenu a.gray, #hmenu a.orange {
 
-
text-align:center;
 
-
height:40px;
 
-
vertical-align:middle;
 
-
text-transform:uppercase;
 
-
display:table-cell;
 
-
vertical-align:middle;
 
-
margin:0;
 
-
}
 
-
 
-
#hmenu a.orange {
 
-
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;
 
-
}
 
-
 
-
#hmenu a.gray {
 
-
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;
 
-
}
 
-
 
-
#hmenu a.orange:hover {
 
-
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;
 
-
}
 
-
 
-
#hmenu a.gray:hover {
 
-
color:#fff;
 
-
background: #003C7D;
 
-
}
 
-
 
-
#hmenu li {
 
-
position:relative;
 
-
}
 
-
 
-
#hmenu ul ul ul {
 
-
position: absolute;
 
-
top: 0;
 
-
left: 100%;
 
-
width: 100%;
 
-
}
 
-
 
-
#hmenu li {position: relative;}
 
-
 
-
div#hmenu ul ul ul,
 
-
div#hmenu ul ul li:hover ul ul
 
-
{display: none;}
 
-
 
-
div#hmenu ul ul li:hover ul,
 
-
div#hmenu ul ul ul li:hover ul
 
-
{display: block;}
 
/*****************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*******************/

Revision as of 20:18, 28 June 2010


/*****************Vertical Menu Coding from http://ago.tanfa.co.uk/css/examples/menu/tutorial-h.html*******************/

  1. vmenu {

width: 13em; background: #336699; position: relative; float: left; margin: 5px; padding: 0; }

  1. vmenu ul {

list-style: none; margin: 0; padding: 0; }

  1. 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; }

  1. vmenu h2 {

color: #fff; background: #000; text-transform: uppercase; }

  1. vmenu a {

color: #000; background: #efefef; text-decoration: none; }

  1. vmenu a:hover {

color: #336699; background: #fff; }

  1. vmenu ul ul ul {

position: absolute; top: 0; left: 100%; width: 100%; }

  1. vmenu li {position: relative;}

div#vmenu ul ul ul, div#vmenu ul ul li:hover ul ul {display: none;}

div#vmenu ul ul li:hover ul, div#vmenu ul ul ul li:hover ul {display: block;}


/**************** Navigation Buttons (for Project and Experiments pages) *****************/

  1. nav {

width: 770px; height: 160px; margin: 5px; padding: 0px; }

  1. nav a {

display: inline-block; 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; }

  1. nav a.intro {

background: url(UI09Intropic.png); }

  1. nav a.intro:hover {

background: url(UI09Introhover.png); }

  1. nav a.research {

background: url(UI09Researchpic.png); }

  1. nav a.research:hover {

background: url(UI09Researchhover.png); }

  1. nav a.modeling {

background: url(UI09Modelingpic.png); }

  1. nav a.modeling:hover {

background: url(UI09Modelinghover.png); }

  1. nav a.protocols {

background: url(UI09Protocolsbutton.png); }

  1. nav a.protocols:hover {

background: url(UI09Protocolshover.png); }

  1. nav a.vectors {

background: url(UI09Vectorsbutton.png); }

  1. nav a.vectors:hover {

background: url(UI09Vectorshover.png); }

  1. nav a.results {

width: 600px; height: 35px; background:#003C7D }

  1. nav a.results:hover {

background:#6e8bbf; }

</style> </html>

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