Team:Missouri Miners/Header

From 2010.igem.org

(Difference between revisions)
Line 1: Line 1:
 +
<html>
 +
 +
<style type="text/css">
 +
 +
h1 { color: white; }
 +
h2 { color: white; }
 +
h3 { color: white; }
 +
h2 { color: white; }
 +
 +
 +
 +
#decoy {}
 +
 +
.firstHeading {
 +
display:none;
 +
}
 +
 +
#top-section{
 +
width: 965px;
 +
margin: 0 auto;
 +
}
 +
 +
#content{
 +
width: 965px;
 +
background-color: #085706;
 +
padding:0px;
 +
margin:0 auto;
 +
color: white;
 +
}
 +
 +
 +
#siteSub {
 +
display:none;
 +
}
 +
 +
#contentSub {
 +
display:none;
 +
}
 +
 +
 +
#banner {
 +
width: 965px;
 +
height: 180px;
 +
background-image: url("https://static.igem.org/mediawiki/2010/c/c7/Mst_logo_green_small.png");
 +
}
 +
 +
#body {
 +
width: 965px;
 +
height: 1200px;
 +
background-color: #085706;
 +
padding: 5px;
 +
color: #dfc463;
 +
font-family: Verdana, Sans-Serif;
 +
font-size: 12px;
 +
text-align: justify;
 +
margin: 0 auto;
 +
}
 +
 +
#menu {
 +
width: 965px;
 +
height: 30px;
 +
background-color: #085706;
 +
border-top: 1px solid #dfc463;
 +
border-bottom: 1px solid #dfc463;
 +
}
 +
 +
.menuItem {
 +
width: auto;
 +
height: 20px;
 +
padding: 5px;
 +
border-right: 1px solid #dfc463;
 +
float: left;
 +
color: #dfc463;
 +
text-align: center;
 +
font-family: Verdana, Sans-Serif;
 +
font-size: 16px;
 +
font-weight: bold;
 +
position: relative;
 +
}
 +
 +
.menuItem:hover {
 +
background-color: #6bae6e;
 +
}
 +
 +
.menuItemLink {
 +
font-weight: bold;
 +
color: #dfc463;
 +
font-family: Verdana, Sans-Serif;
 +
font-size: 16px;
 +
text-decoration: none;
 +
}
 +
 +
.menuItemLink:visited {
 +
color: #dfc463;
 +
}
 +
 +
.menuItemLink:hover {
 +
text-decoration:none;
 +
}
 +
 +
.submenuItemLink:visited {
 +
color: #dfc463;
 +
}
 +
 +
.submenu {
 +
width: 200px;
 +
height: auto;
 +
position: absolute;
 +
top: 31px;
 +
left: 0px;
 +
margin:-1px 0px 0px -1px;
 +
background-color: #085706;
 +
border:1px solid #dfc463;
 +
display: none;
 +
text-align: left;
 +
}
 +
 +
.submenuItem {
 +
width: 196px;
 +
height: 20px;
 +
background-color:#085706;
 +
border: 1px Solid #dfc463;
 +
font-weight: normal;
 +
margin: 1px 2px 1px 1px;
 +
}
 +
.submenuItemLink:hover {
 +
font-weight: bold;
 +
}
 +
 +
.submenuItemLink {
 +
font-weight: normal;
 +
text-decoration: none;
 +
color: #dfc463;
 +
margin: 1px 2px 1px 2px;
 +
}
 +
 +
 +
<!-- this is stuff that describes page content -->
 +
.sidemenu {
 +
width: 152px;
 +
height: auto;
 +
background-color: #085706;
 +
margin:2px;
 +
padding: 2px;
 +
float: left;
 +
}
 +
.sidemenuItem {
 +
width: 146px;
 +
margin: 1px 0px 2px 0px;
 +
height: auto;
 +
background-color: #085706;
 +
border: 1px solid #dfc463;
 +
padding: 1px 1px 1px 2px;
 +
font-size: 14px;
 +
color: #dfc463;
 +
text-decoration: none;
 +
}
 +
 +
.sidemenuItemLink {
 +
font-size: 14px;
 +
color: #dfc463;
 +
text-decoration: none;
 +
}
 +
 +
.sidemenuItemLink:visited {
 +
color: #dfc463;
 +
}
 +
 +
.sidemenuItemLink:hover {
 +
font-weight: bold;
 +
text-decoration:none;
 +
}
 +
 +
#BodyText {
 +
width: 792px;
 +
height: auto;
 +
background-color: #085706;
 +
margin: 2px 1px 0px 2px;
 +
padding: 5px;
 +
float: left;
 +
color: white;
 +
font-family: Verdana, Sans-Serif;
 +
font-size: 12px;
 +
text-align: justify;
 +
}
 +
 +
#GroupPhoto {
 +
width: 700px;
 +
height: 465px;
 +
background-image:url("I'manothercoolpicture.jpg");
 +
margin: 2px auto;
 +
}
 +
 +
.LinkinText {
 +
text-decoration: none;
 +
color: white;
 +
font-weight: bold;
 +
}
 +
 +
#HomeRight {
 +
width: 200px;
 +
height: auto;
 +
background-color: #2c5983;
 +
margin: 5px 2px 0px 0px;
 +
padding: 5px;
 +
float: left;
 +
color: e0fea0;
 +
font-family: Verdana, Sans-Serif;
 +
font-size: 12px;
 +
text-align: justify;
 +
}
 +
 +
#Countdown {
 +
width: 196px;
 +
height: auto;
 +
background-color: #001d1d;
 +
border: 1px solid #8bce9e;
 +
color: white;
 +
text-align: center;
 +
padding: 2px;
 +
}
 +
 +
#Upcoming {
 +
width: 200px;
 +
height: auto;
 +
color: white;
 +
}
 +
 +
#Sponsors {
 +
width: 200px;
 +
height: auto;
 +
color: white;
 +
}
 +
 +
#Sponsor1 {
 +
width: 180px;
 +
height: 131px;
 +
background-image: url("https://static.igem.org/mediawiki/2010/c/c1/SuitSupply.png");;
 +
margin: 0 auto;
 +
}
 +
 +
#Sponsor2 {
 +
width: 200px;
 +
height: 65px;
 +
background-image: url("https://static.igem.org/mediawiki/2010/b/b5/DSM.png");
 +
background-color: white;
 +
margin: 0 auto;
 +
}
 +
 +
#Sponsor3 {
 +
width: 150px;
 +
height: 99px;
 +
margin: 0 auto;
 +
background-image: url("images/NGI_large.png");
 +
background-repeat:no-repeat;
 +
}
 +
 +
#HomeCenter {
 +
width: 747px;
 +
height: auto;
 +
background-color:#001d1d;
 +
margin: 5px 5px 0px 1px;
 +
float: left;
 +
color: white;
 +
font-family: Verdana, Sans-Serif;
 +
font-size: 12px;
 +
text-align: justify;
 +
}
 +
 +
#HomeCenterBox1 {
 +
Width: 735px;
 +
height: 170px;
 +
margin:0px 0px 2px 0px;
 +
padding: 5px;
 +
background-color:#0d3a3f;
 +
border: 1px solid #0d3a3f;
 +
}
 +
 +
#HomeCenterBox2 {
 +
Width: 735px;
 +
height: 170px;
 +
margin: 5px 0px;
 +
padding: 5px;
 +
background-color:#001d1d;
 +
border: 1px solid #0d3a3f;
 +
}
 +
 +
#CenterbodyText1 {
 +
width:465px;
 +
height:auto;
 +
padding-right: 4px;
 +
margin: 0px 5px 0px 4px;
 +
font-family: Verdana, Sans-Serif;
 +
font-size: 12px;
 +
text-align: justify;
 +
float: left;
 +
color: white;
 +
text-decoration: none;
 +
}
 +
 +
#CenterbodyText2 {
 +
width:472px;
 +
height: auto;
 +
margin: 0px 0px 0px 4px;
 +
font-family: Verdana, Sans-Serif;
 +
font-size: 12px;
 +
text-align: justify;
 +
float: left;
 +
color: white;
 +
text-decoration: none;
 +
}
 +
 +
#HomeLeft {
 +
width: 250px;
 +
height: auto;
 +
background-color: none;
 +
margin: 0px 0px 0px 2px;
 +
pading-right: 1px;
 +
float: left;
 +
color: #e0fea0;
 +
font-family: Verdana, Sans-Serif;
 +
font-size: 12px;
 +
text-align: justify;
 +
}
 +
 +
#GroupphotoSmall {
 +
width: 245px;
 +
height: 166px;
 +
float: left;
 +
padding-left: 5px;
 +
margin-top: 1px;
 +
background-image: url("https://static.igem.org/mediawiki/2010/b/b4/Groupphoto_small.jpg");
 +
border: 1px solid #0d3a3f;
 +
color: #8bce9e;
 +
}
 +
 +
#ProjectPic {
 +
width: 240px;
 +
height: 150px;
 +
color: white;
 +
font-size: 12px;
 +
font-weight: bold;
 +
float: left;
 +
padding: 5px;
 +
border: 1px solid #0d3a3f;
 +
background-image: url("https://static.igem.org/mediawiki/2010/2/2c/ProjectPic.jpg");
 +
margin: 4px 0px 4px 4px;
 +
}
 +
 +
#newslogo {
 +
width: 245px;
 +
height: 160px;
 +
float: left;
 +
padding-right: 0px;
 +
margin-top: 1px;
 +
background-image: url("https://static.igem.org/mediawiki/2010/0/07/News.png");
 +
border: 1px solid #0d3a3f;
 +
color: #8bce9e;
 +
}
 +
 +
#iJAM {
 +
width: 230px;
 +
height: 150px;
 +
color: white;
 +
font-size: 12px;
 +
font-weight: bold;
 +
float: left;
 +
padding: 5px;
 +
margin: 4px 0px 4px 4px;
 +
border: 1px solid #0d3a3f;
 +
background-image: url("https://static.igem.org/mediawiki/2010/7/73/IJAM.png");
 +
}
 +
 +
#TUlogo {
 +
width: 250px;
 +
height: 147px;
 +
border: 1px solid #0d3a3f;
 +
margin-top:5px;
 +
color: white;
 +
background-image: url("https://static.igem.org/mediawiki/2010/2/2b/TUlogo_250.jpg");
 +
}
 +
 +
.SmallPic {
 +
height: 120px;
 +
width: 180px;
 +
margin: 5px 6px 2px 7px;
 +
float: left;
 +
link: url("https://2010.igem.org/Team:TU_Delft/Gallery");
 +
}
 +
 +
#small_1 {background-image: url("https://static.igem.org/mediawiki/2010/4/48/Small_1.png");}
 +
#small_2 {background-image: url("https://static.igem.org/mediawiki/2010/b/bd/Small_2.png");}
 +
#small_3 {background-image: url("https://static.igem.org/mediawiki/2010/a/ae/Small_3.png");}
 +
#small_4 {background-image: url("https://static.igem.org/mediawiki/2010/7/7b/Small_4.png");}
 +
#small_5 {background-image: url("https://static.igem.org/mediawiki/2010/5/59/Small_5.png");}
 +
#small_6 {background-image: url("https://static.igem.org/mediawiki/2010/c/c9/Small_6.png");}
 +
#small_7 {background-image: url("https://static.igem.org/mediawiki/2010/8/86/Small_7.png");}
 +
 +
#StudentBox1 {
 +
Width: 700px;
 +
height: 170px;
 +
margin:0px 0px 2px 0px;
 +
padding: 5px;
 +
background-color:#0d3a3f;
 +
border: 1px solid #0d3a3f;
 +
}
 +
 +
#StudentBox2 {
 +
Width: 700px;
 +
height: 170px;
 +
margin: 5px 0px;
 +
padding: 5px;
 +
background-color:#001d1d;
 +
border: 1px solid #0d3a3f;
 +
}
 +
 +
 +
 +
</style>
 +
 +
<script type="text/javascript">
 +
function showMenu(callerObject) {
 +
// document.getElementById('sub1').style.display = 'block';
 +
callerObject.childNodes[3].style.display = 'block';
 +
}
 +
 +
function hideMenu(callerObject) {
 +
// document.getElementById('sub1').style.display = 'none';
 +
callerObject.childNodes[3].style.display = 'none';
 +
}
 +
</script>
 +
 +
<div id="header">
 +
<div id="banner">
 +
</div>
 +
<div id="menu">
 +
<div class="menuItem" onmouseover="showMenu(this)" onmouseout="hideMenu(this)">
 +
<a class="menuItemLink" href="https://2010.igem.org/Team:Missouri_Miners">Home</a>
 +
<div class="submenu">
 +
<div class="submenuItem">
 +
<a class="submenuItemLink" href="#">What's new?</a>
 +
</div>
 +
<div class="submenuItem">
 +
<a class="submenuItemLink" href="#">What we're up to</a>
 +
</div>
 +
</div>
 +
</div>
 +
 +
<div class="menuItem" onmouseover="showMenu(this)" onmouseout="hideMenu(this)">
 +
<a class="menuItemLink" href="https://2010.igem.org/Team:Missouri_Miners/Team">Team</a>
 +
</div>
 +
 +
<div class="menuItem" onmouseover="showMenu(this)" onmouseout="hideMenu(this)">
 +
<a class="menuItemLink" href="https://2010.igem.org/Team:Missouri_Miners/Project">Project</a>
 +
</div>
 +
 +
<div class="menuItem" onmouseover="showMenu(this)" onmouseout="hideMenu(this)">
 +
<a class="menuItemLink" href="https://2010.igem.org/Team:Missouri_Miners/Parts">Parts</a>
 +
</div>
 +
 +
<div class="menuItem" onmouseover="showMenu(this)" onmouseout="hideMenu(this)">
 +
<a class="menuItemLink" href="https://2010.igem.org/Team:Missouri_Miners/Modeling">Modeling</a>
 +
</div>
 +
 +
<div class="menuItem" onmouseover="showMenu(this)" onmouseout="hideMenu(this)">
 +
<a class="menuItemLink" href="https://2010.igem.org/Team:Missouri_Miners/Safety">Safety</a>
 +
<div class="submenu">
 +
<div class="submenuItem">
 +
<a class="submenuItemLink" href="#">Safety in the Lab</a>
 +
</div>
 +
<div class="submenuItem">
 +
<a class="submenuItemLink" href="#">Safety for Society</a>
 +
</div>
 +
</div>
 +
</div>
 +
 +
<div class="menuItem" onmouseover="showMenu(this)" onmouseout="hideMenu(this)">
 +
<a class="menuItemLink" href="https://2010.igem.org/Team:Missouri_Miners/Notebook">Notebook</a>
 +
<div class="submenu">
 +
<div class="submenuItem">
 +
<a class="submenuItemLink" href="https://2010.igem.org/Team:Missouri_Miners/Notebook/Calender">Calendar</a>
 +
</div>
 +
<div class="submenuItem">
 +
<a class="submenuItemLink" href="https://2010.igem.org/Team:Missouri_Miners/Notebook/LabJournal">Lab Journal</a>
 +
</div>
 +
</div>
 +
</div>
 +
 +
<div class="menuItem" onmouseover="showMenu(this)" onmouseout="hideMenu(this)">
 +
<a class="menuItemLink" href="https://2010.igem.org/Team:Missouri_Miners/Brainstorming">Brainstorming</a>
 +
<div class="submenu">
 +
<div class="submenuItem">
 +
<a class="submenuItemLink" href="#">Biological Concepts</a>
 +
</div>
 +
<div class="submenuItem">
 +
<a class="submenuItemLink" href="#">Novel Fuel Cell Design</a>
 +
</div>
 +
</div>
 +
</div>
 +
 +
<div class="menuItem" onmouseover="showMenu(this)" onmouseout="hideMenu(this)">
 +
<a class="menuItemLink" href="https://2010.igem.org/Team:Missouri_Miners/Gallery">Gallery</a>
 +
</div>
 +
 +
<div class="menuItem" onmouseover="showMenu(this)" onmouseout="hideMenu(this)">
 +
<a class="menuItemLink" href="https://2010.igem.org/Team:Missouri_Miners/Contact">Contact Us</a>
 +
<div class="submenu">
 +
<div class="submenuItem">
 +
<a class="submenuItemLink" href="http://web.mst.edu/~igem/" target="_blank">@ S&T</a>
 +
</div>
 +
<div class="submenuItem">
 +
<a class="submenuItemLink" href="http://www.facebook.com/mstigem" target="_blank">Facebook</a>
 +
</div>
 +
<div class="submenuItem">
 +
<a class="submenuItemLink" href="http://twitter.com/mstigem" target="_blank">Twitter</a>
 +
</div>
 +
<div class="submenuItem">
 +
<a class="submenuItemLink" href="http://www.youtube.com/user/mstigem" target="_blank">youtube</a>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
 +
 +
<div id="mainContent">
 +
 +
</html>
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
<html>
<html>
<head>
<head>

Revision as of 02:42, 24 May 2010