Team:Missouri Miners/Header

From 2010.igem.org

(Difference between revisions)
(New page: <html> <head> <style type="text/css"> a.header:link {text-decoration:none;color:#dfc463;} - unvisited link: a.header:visited {text-decoration:none;color:#dfc463;} /* visited link ...)
 
(244 intermediate revisions not shown)
Line 1: Line 1:
 +
<!--<html><center><embed src="https://static.igem.org/mediawiki/2010/1/19/MSTBannerColor975.png" width = "975"></center></html>-->
 +
<html>
<html>
-
<head>
 
<style type="text/css">
<style type="text/css">
-
a.header:link {text-decoration:none;color:#dfc463;}     /* unvisited link */
+
.firstHeading {display: none; }
-
a.header:visited {text-decoration:none;color:#dfc463;} /* visited link */
+
<!-- h1 { color: #085706; }
-
a.header:hover {text-decoration:none;color:#dfc463;font-weight:bold;} /* mouse over link */
+
h2 { color: #085706; }
-
a.header:active {text-decoration:none;color:#dfc463;} /* selected link */
+
h3 { color: #085706; }
 +
h4 { color: #085706; }
 +
-->
 +
#decoy {}
-
a.internal:link {text-decoration:none;color:#085706;}      /* unvisited link */
+
//#top-section{
-
a.internal:visited {text-decoration:none;color:#085706;}  /* visited link */
+
//width: 975px;
-
a.internal:hover {text-decoration:underline;color:#085706;}  /* mouse over link */
+
//margin: 0 auto;
-
a.internal:active {text-decoration:none;color:#085706;}  /* selected link */
+
//}
-
#menu dl .top{padding-right:100px;padding-left:20px}
+
.text
-
#menu dl .item{display:none;background-color:#085706;color:#dfc463;padding-top:5px;}
+
{
-
#menu dl:hover .item{display:block;margin-left:20px;margin-right:20px}
+
clear:both;
-
#menu dl:hover .top{border-bottom-style:solid;border-color:dfc463;}
+
}
-
#menu{position:absolute;}
+
-
#menu2 dl .top{padding-right:101px;padding-left:20px}
+
#globalWrapper {
-
#menu2 dl .item{display:none;padding-top:5px;background-color:#085706;color:#dfc463;}
+
background-color: #c0c0c0;
-
#menu2 dl:hover .item{display:block;margin-left:20px;margin-right:20px}
+
border: none;
-
#menu2 dl:hover .top{border-bottom-style:solid;border-color:dfc463;}
+
margin: 0;
-
#menu2{position:absolute;}
+
padding: 0;
 +
}
-
#menu3 dl .top{padding-right:100px;padding-left:20px;}
+
#content{
-
#menu3 dl .item{display:none;padding-top:5px;background-color:#085706;color:#dfc463;}
+
width: 975px;
-
#menu3 dl:hover .item{display:block;margin-left:20px;margin-right:20px;}
+
background-color: white;
-
#menu3 dl:hover .top{border-bottom-style:solid;border-color:dfc463;}
+
padding:0px;
-
#menu3{position:absolute;}
+
margin:0 auto;
 +
color: #085706;
 +
position: relative;
 +
top: -25px;
 +
}
-
#menu4 dl .top{padding-right:100px;padding-left:20px;}
+
#top-section {
-
#menu4 dl .item{display:none;padding-top:5px;background-color:#085706;color:#dfc463;}
+
height: 10px;
-
#menu4 dl:hover .item{display:block;margin-left:20px;margin-right:20px}
+
margin-top: -4px;
-
#menu4 dl:hover .top{border-bottom-style:solid;border-color:dfc463;}
+
margin-left: auto;
-
#menu4{position:absolute;}
+
margin-right: auto;
 +
margin-bottom: 0;
 +
margin-bottom: 9px;
 +
padding:0;
 +
border: none;
 +
position: relative;
 +
top:-80px;
 +
}
-
#menu5 dl .top{padding-right:106px;padding-left:20px;}
+
#p-logo {
-
#menu5 dl .item{display:none;padding-top:5px;background-color:#085706;color:#dfc463;}
+
height:1px;
-
#menu5 dl:hover .item{display:block;margin-left:20px;margin-right:20px}
+
overflow:hidden;
-
#menu5 dl:hover .top{border-bottom-style:solid;border-color:dfc463;}
+
display: none;
-
#menu5{position:absolute;}
+
}
-
#menu6 dl .top{padding-right:100px;padding-left:20px;}
 
-
#menu6 dl .item{display:none;padding-top:5px;background-color:#085706;color:#dfc463;}
 
-
#menu6 dl:hover .item{display:block;margin-left:20px;margin-right:20px}
 
-
#menu6 dl:hover .top{border-bottom-style:solid;border-color:dfc463;}
 
-
#menu6{position:absolute;}
 
-
#menu7 dl .top{padding-right:61px;padding-left:20px;}
 
-
#menu7 dl .item{display:none;padding-top:5px;background-color:#085706;color:#dfc463;}
 
-
#menu7 dl:hover .item{display:block;margin-left:20px;margin-right:20px}
 
-
#menu7 dl:hover .top{border-bottom-style:solid;border-color:dfc463;}
 
-
#menu7{position:absolute;}
 
-
#menu8 dl .top{padding-right:59px;padding-left:20px;}
+
#siteSub {
-
#menu8 dl .item{display:none;padding-top:5px;background-color:#085706;color:#dfc463;}
+
display:none;
-
#menu8 dl:hover .item{display:block;margin-left:20px;margin-right:20px}
+
}
-
#menu8 dl:hover .top{border-bottom-style:solid;border-color:dfc463;}#menu8{position:absolute;}
+
-
body {background-image:url[delete this for a pretty picture that isn't ours to use](http://puesoccurrences.files.wordpress.com/2009/07/dna_500.jpg);}
+
#contentSub {
 +
display:none;
 +
}
 +
 +
#banner {
 +
width: 975px;
 +
height: 247px;
 +
position: relative;
 +
background-image: url("https://static.igem.org/mediawiki/2010/1/19/MSTBannerColor975.png");
 +
}
 +
 +
#body {
 +
width: 965px;
 +
height: auto;
 +
background-color: transparent;
 +
padding: 5px;
 +
color: #085706;
 +
font-family: Verdana, Sans-Serif;
 +
font-size: 12px;
 +
text-align: justify;
 +
margin: 0 auto;
 +
position: relative;
 +
}
 +
 +
//#menu {
 +
width: 971px;
 +
height: 30px;
 +
background-color: #085706;
 +
border-top: 3px solid #dfc463;
 +
border-bottom: 3px solid #085706;
 +
border-left: 1px solid #085706;
 +
border-right: 3px solid #085706;
 +
position: relative;
 +
top: -25px;
 +
}
 +
 +
//.menuItem {
 +
// width: auto;
 +
// height: 20px;
 +
// padding: 6px;
 +
// border-right: 1px solid #085706;
 +
// border-left: 2px solid #085706;
 +
// float: left;
 +
// color: #085706;
 +
// text-align: center;
 +
// font-family: Futura, Sans-Serif;
 +
// font-size: 16px;
 +
// font-weight: bold;
 +
// position: relative;
 +
// left: +135px
 +
// }
 +
 +
 +
//.menuItemLink {
 +
// font-weight: bold;
 +
// color: #dfc463;
 +
// font-family: Futura, Sans-Serif;
 +
// font-size: 16px;
 +
// text-decoration: none;
 +
// }
 +
 +
//.menuItemLink:visited {
 +
// color: #dfc463;
 +
// }
 +
 +
//.menuItemLink:hover {
 +
//text-decoration:none;
 +
}
 +
 +
//.submenuItemLink:active {
 +
// color: #dfc463;
 +
//}
 +
 +
//.submenu {
 +
// width: 188px;
 +
// height: auto;
 +
// position: absolute;
 +
// top: 31px;
 +
// left: 0px;
 +
// margin:-1px 0px 0px -1px;
 +
// background-color: #085706;
 +
// border: 0px solid #dfc463;
 +
// display: none;
 +
// text-align: left;
 +
// }
 +
//
 +
//.submenuItem {
 +
// width: 184px;
 +
// height: 20px;
 +
// background-color:#dfc463;
 +
// border-bottom: 1px Solid #085706;
 +
// font-weight: normal;
 +
// margin: 1px 2px 1px 1px;
 +
// }
 +
//.submenuItemLink:hover {
 +
// font-weight: bold;
 +
// }
 +
 +
//.submenuItemLink {
 +
// font-weight: normal;
 +
// text-decoration: none;
 +
// color: #085706;
 +
// margin: 1px 2px 1px 2px;
 +
// }
 +
 +
#leftcolumn {
 +
width: 200px;
 +
height: 100%;
 +
border-style: solid;
 +
border-color: #eeeeee;
 +
border-width: 1px;
 +
padding: 10px;
 +
font-family: Futura, Sans-Serif;
 +
background-color: #eeeeee;
 +
position: relative;
 +
top: -12px;
 +
}
 +
 +
 +
#leftcolumn ul{
 +
list-style-image: url('https://static.igem.org/mediawiki/2010/0/03/PhotoGear.png');
 +
text-indent: 3px;
 +
padding-left: 12px
 +
margin: 12px
 +
font-family: Futura, Sans-Serif;
 +
position: relative;
 +
top:+12px;
 +
}
 +
 +
 +
#rightcolumn {
 +
width: 700px;
 +
padding: 20px 20px 20px 20px;
 +
border-style: none;
 +
border-color: transparent transparent transparent #085706;
 +
border-width: 2px;
 +
font-family: Futura, Sans-Serif;
 +
float: right;
 +
}
 +
 +
.floatpic {
 +
float: right;
 +
width:277px;
 +
height:152px;
 +
margin:7px;
 +
}
 +
.floattxt {
 +
float: right;
 +
width:219px;
 +
height:40px;
 +
margin:7px;
 +
font-family: Futura, Sans-Serif;
 +
}
 +
 +
.sponsorpic {
 +
float: right;
 +
height:42px;
 +
margin:7px;
 +
}
 +
 +
.sectionheader {
 +
font-size: 16px;
 +
color: #dfc463;
 +
font-weight: bold;
 +
font-family: Futura, Sans-Serif;
 +
}
 +
 +
.memberpic {
 +
margin:2px;
 +
  border:none;
 +
  height:auto;
 +
  width:auto;
 +
  float:left;
 +
  text-align:center;
 +
}
 +
 +
.memberpic img {
 +
display: inline;
 +
margin: 3px;
 +
border: 1px solid #dfc463;
 +
}
 +
 +
.memberpic a:hover img
 +
  {
 +
  border:1px solid #0000ff;
 +
  }
 +
.caption
 +
  {
 +
  text-align:center;
 +
  font-weight:normal;
 +
  width:215px;
 +
  margin:2px;
 +
  }
 +
 +
.gallery {
 +
text-align: center;
 +
width: auto;
 +
margin: 0px;
 +
}
</style>
</style>
-
</head>
 
-
<body>
+
<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>
-
<table width="100%" height="48px" style="border-style:solid;border-color:#dfc463;color:#dfc463;background-color:#085706;">
+
<div id="banner">
-
<tr>
+
</div>  
-
<td>
+
</html>
-
<div id="menu" width="12.5%" style="list-style-type:none">  
+
{{:Team:Missouri_Miners/Menu}}
-
<dl style="list-style-type:none;color:#dfc463;background-color:#085706;";id="item1">  
+
-
<li class="top" style="color:#dfc463;background-color:#085706;link-color:#dfc463"<a href="https://2010.igem.org/Team:Missouri_Miners" class="header"><b>Home</b></a></li>
+
-
<li class="item"><a href="#" class="header"></a></li>
+
-
<li class="item"><a href="#" class="header"></a></li>
+
-
<li class="item"><a href="#" class="header"></a></li> </dl>
+
-
</div>
+
-
</td>
+
-
<td>
+
<!--
-
<div id="menu2" width="12.5%">
+
<div id="menu">
-
<dl style="list-style-type:none;color:#dfc463;background-color:#085706;";id="item1">  
+
<div class="menuItem" onmouseover="showMenu(this)" onmouseout="hideMenu(this)">
-
<li class="top"><a href="https://2010.igem.org/Team:Missouri_Miners/Team" class="header"><b>Team</b></a></li>  
+
<a class="menuItemLink" href="https://2010.igem.org/Team:Missouri_Miners">Home</a>
-
<li class="item"><a href="#"" class="header"></a></li>  
+
</div>
-
<li class="item"><a href="#" class="header"></a></li>  
+
-
<li class="item"><a href="#" class="header""></a></li> </dl>
+
<div class="menuItem" onmouseover="showMenu(this)" onmouseout="hideMenu(this)">
-
</div>
+
<a class="menuItemLink" href="https://2010.igem.org/Team:Missouri_Miners/Team">Team</a>
 +
<div class="submenu">
 +
<div class="submenuItem">
 +
<a class="submenuItemLink" href="https://igem.org/Team.cgi">Team Profile</a>
 +
</div>
 +
</div>
 +
</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 class="submenu">
 +
<div class="submenuItem">
 +
<a class="submenuItemLink" href="https://2010.igem.org/Team:Missouri_Miners/Parts">Parts</a>
 +
</div>
 +
<div class="submenuItem">
 +
<a class="submenuItemLink" href="https://2010.igem.org/Team:Missouri_Miners/Modeling">Modeling</a>
 +
</div>
 +
</div>
-
<td>
+
</div>
-
<div id="menu3" width="12.5%">
+
<div class="menuItem" onmouseover="showMenu(this)" onmouseout="hideMenu(this)">
-
<dl style="list-style-type:none;color:#dfc463;background-color:#085706;";id="item1">  
+
<a class="menuItemLink" href="https://2010.igem.org/Team:Missouri_Miners/Notebook">Notebook</a>
-
<li class="top"><a href="https://igem.org/Team.cgi?year=2010" class="header"><b>Team Profile</b></a></li>  
+
</div>
-
<li class="item"><a href="#" class="header""></a></li>  
+
-
<li class="item"><a href="#" class="header"></a></li>  
+
<div class="menuItem" onmouseover="showMenu(this)" onmouseout="hideMenu(this)">
-
<li class="item"><a href="#" class="header"></a></li> </dl>
+
<a class="menuItemLink" href="https://2010.igem.org/Team:Missouri_Miners/Safety">Ethics and Safety</a>
-
</div>
+
</div>
-
</td>
+
<div class="menuItem" onmouseover="showMenu(this)" onmouseout="hideMenu(this)">
 +
<a class="menuItemLink" href="https://2010.igem.org/Team:Missouri_Miners/Brainstorming">Public Opinion</a>
 +
<div class="submenu">
 +
<div class="submenuItem">
 +
<a class="submenuItemLink" href="https://2010.igem.org/Team:Missouri_Miners/Brainstorming">Campus Survey</a>
 +
</div>
 +
<div class="submenuItem">
 +
<a class="submenuItemLink" href="#">Predicting Opinions</a>
 +
</div>
 +
</div>
 +
</div>
-
<td>
+
<div class="menuItem" onmouseover="showMenu(this)" onmouseout="hideMenu(this)">
-
<div id="menu4" width="12.5%">
+
<a class="menuItemLink" href="https://2010.igem.org/Team:Missouri_Miners/Contact">Contact Us</a>
-
<dl style="list-style-type:none;color:#dfc463;background-color:#085706;";id="item1">  
+
<div class="submenu">
-
<li class="top"><a href="https://2010.igem.org/Team:Missouri_Miners/Project"class="header"><b>Project</b></a></li>  
+
<div class="submenuItem">
-
<li class="item"><a href="#" class="header"></a></li>  
+
<a class="submenuItemLink" href="http://web.mst.edu/~igem/" target="_blank">@ S&T</a>
-
<li class="item"><a href="#" class="header"></a></li>  
+
</div>
-
<li class="item"><a href="#" class="header"></a></li> </dl>
+
<div class="submenuItem">
-
</div>
+
<a class="submenuItemLink" href="http://www.facebook.com/mstigem" target="_blank">Facebook</a>
-
</td>
+
</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>
-
<td>
+
<div class="menuItem" onmouseover="showMenu(this)" onmouseout="hideMenu(this)">
-
<div id="menu5" width="12.5%">
+
<a class="menuItemLink" href="https://2010.igem.org/Team:Missouri_Miners/Gallery">Photos</a>
-
<dl style="list-style-type:none;color:#dfc463;background-color:#085706;";id="item1">  
+
</div>
-
<li class="top"><a href="https://2010.igem.org/Team:Missouri_Miners/Parts" class="header"><b>Parts</b></a></li>  
+
-
<li class="item"><a href="#" class="header"></a></li>  
+
</div>
-
<li class="item"><a href="#" class="header"></a></li>  
+
</div></html>
-
<li class="item"><a href="#" class="header"></a></li> </dl>
+
-->
-
</div>
+
<html>
-
</td>
+
<head>
 +
<style type="text/css">
-
<td>
 
-
<div id="menu6" width="12.5%">
 
-
<dl style="list-style-type:none;color:#dfc463;background-color:#085706;";id="item1">
 
-
<li class="top"><a href="https://2010.igem.org/Team:Missouri_Miners/Modeling" class="header"><b>Modeling</b></a></li>
 
-
<li class="item"><a href="#" class="header"></a></li>
 
-
<li class="item"><a href="#" class="header"></a></li>
 
-
<li class="item"><a href="#" class="header"></a></li> </dl>
 
-
</div>
 
-
</td>
 
-
<td>
 
-
<div id="menu7" width="12.5%">
 
-
<dl style="list-style-type:none;color:#dfc463;background-color:#085706;";id="item1">
 
-
<li class="top"><a href="https://2010.igem.org/Team:Missouri_Miners/Notebook" class="header" style="text-decoration:none;"><b>Notebook</b></a></li>
 
-
<li class="item"><a href="#" class="header"></a></li>
 
-
<li class="item"><a href="#" class="header"></a></li>
 
-
<li class="item"><a href="#" class="header"></a></li> </dl>
 
-
</div>
 
-
</td>
 
-
<td>
+
a.header:link {text-decoration:none;color:#dfc463;}      /* unvisited link */
-
<div id="menu8" width="12.5%">
+
a.header:visited {text-decoration:none;color:#dfc463;}  /* visited link */
-
<dl style="list-style-type:none;color:#dfc463;background-color:#085706;";id="item1">
+
a.header:hover {text-decoration:none;color:#dfc463;font-weight:bold;}  /* mouse over link */
-
<li class="top"><a href="https://2010.igem.org/Team:Missouri_Miners/Safety" class="header"><b>Safety</b></a></li>
+
a.header:active {text-decoration:none;color:#dfc463;}  /* selected link */
-
<li class="item"><a href="#" class="header"></a></li>
+
 
-
<li class="item"><a href="#" class="header"></a></li>
+
a.internal:link {text-decoration:none;color:#085706;}      /* unvisited link */
-
<li class="item"><a href="#" class="header"></a></li> </dl>
+
a.internal:visited {text-decoration:none;color:#085706;}  /* visited link */
-
</div>
+
a.internal:hover {text-decoration:underline;color:#085706;}  /* mouse over link */
-
</td>
+
a.internal:active {text-decoration:none;color:#085706;}  /* selected link */
-
</table>
+
 
 +
</style>
 +
</head>

Latest revision as of 21:38, 27 October 2010