Team:Missouri Miners/Header

From 2010.igem.org

(Difference between revisions)
 
(235 intermediate revisions not shown)
Line 1: Line 1:
-
<html>
+
<!--<html><center><embed src="https://static.igem.org/mediawiki/2010/1/19/MSTBannerColor975.png" width = "975"></center></html>-->
 +
<html>
<style type="text/css">
<style type="text/css">
-
 
+
.firstHeading {display: none; }
-
h1 { color: white; }
+
<!-- h1 { color: #085706; }
-
h2 { color: white; }
+
h2 { color: #085706; }
-
h3 { color: white; }
+
h3 { color: #085706; }
-
h2 { color: white; }
+
h4 { color: #085706; }
-
 
+
-->
-
 
+
-
 
+
#decoy {}
#decoy {}
-
.firstHeading {
+
//#top-section{
-
display:none;
+
//width: 975px;
 +
//margin: 0 auto;
 +
//}
 +
 
 +
.text
 +
{
 +
clear:both;
}
}
-
#top-section{
+
#globalWrapper {
-
width: 975px;
+
background-color: #c0c0c0;
-
margin: 0 auto;
+
border: none;
 +
margin: 0;
 +
padding: 0;
}
}
#content{
#content{
width: 975px;
width: 975px;
-
background-color: #085706;
+
background-color: white;
padding:0px;
padding:0px;
margin:0 auto;
margin:0 auto;
-
color: white;
+
color: #085706;
 +
position: relative;
 +
top: -25px;
}
}
 +
 +
#top-section {
 +
height: 10px;
 +
margin-top: -4px;
 +
margin-left: auto;
 +
margin-right: auto;
 +
margin-bottom: 0;
 +
margin-bottom: 9px;
 +
padding:0;
 +
border: none;
 +
position: relative;
 +
top:-80px;
 +
}
 +
 +
#p-logo {
 +
height:1px;
 +
overflow:hidden;
 +
display: none;
 +
}
 +
Line 41: Line 70:
#banner {
#banner {
width: 975px;
width: 975px;
-
height: 180px;
+
height: 247px;
-
background-image: url("https://static.igem.org/mediawiki/2010/c/c7/Mst_logo_green_small.png");
+
position: relative;
 +
background-image: url("https://static.igem.org/mediawiki/2010/1/19/MSTBannerColor975.png");
}
}
#body {
#body {
width: 965px;
width: 965px;
-
height: 1200px;
+
height: auto;
-
background-color: white;
+
background-color: transparent;
padding: 5px;
padding: 5px;
color: #085706;
color: #085706;
Line 55: Line 85:
text-align: justify;
text-align: justify;
margin: 0 auto;
margin: 0 auto;
 +
position: relative;
}
}
-
#menu {
+
//#menu {
-
width: 975px;
+
width: 971px;
height: 30px;
height: 30px;
background-color: #085706;
background-color: #085706;
border-top: 3px solid #dfc463;
border-top: 3px solid #dfc463;
-
border-bottom: 3px solid #dfc463;
+
border-bottom: 3px solid #085706;
-
}
+
border-left: 1px solid #085706;
-
 
+
border-right: 3px solid #085706;
-
.menuItem {
+
-
width: auto;
+
-
height: 20px;
+
-
padding: 5px;
+
-
border-right: 3px solid #dfc463;
+
-
float: left;
+
-
color: #085706;
+
-
text-align: center;
+
-
font-family: Verdana, Sans-Serif;
+
-
font-size: 16px;
+
-
font-weight: bold;
+
position: relative;
position: relative;
-
}
+
top: -25px;
-
 
+
-
.menuItem:hover {
+
-
background-color: #6bae6e;
+
-
}
+
-
 
+
-
.menuItemLink {
+
-
font-weight: bold;
+
-
color: #dfc463;
+
-
font-family: Verdana, Sans-Serif;
+
-
font-size: 16px;
+
-
text-decoration: none;
+
}
}
-
.menuItemLink:visited {
+
//.menuItem {
-
color: #dfc463;
+
// 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:hover {
 
-
text-decoration:none;
 
-
}
 
-
.submenuItemLink:visited {
+
//.menuItemLink {
-
color: #dfc463;
+
// font-weight: bold;
-
}
+
// color: #dfc463;
 +
// font-family: Futura, Sans-Serif;
 +
// font-size: 16px;
 +
// text-decoration: none;
 +
// }
-
.submenu {
+
//.menuItemLink:visited {
-
width: 200px;
+
// color: #dfc463;
-
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 {
+
//.menuItemLink:hover {
-
width: 196px;
+
//text-decoration:none;
-
height: 20px;
+
-
background-color:#085706;
+
-
border: 1px Solid #dfc463;
+
-
font-weight: normal;
+
-
margin: 1px 2px 1px 1px;
+
-
}
+
-
.submenuItemLink:hover {
+
-
font-weight: bold;
+
}
}
-
.submenuItemLink {
+
//.submenuItemLink:active {
-
font-weight: normal;
+
// color: #dfc463;
-
text-decoration: none;
+
//}
-
color: #dfc463;
+
-
margin: 1px 2px 1px 2px;
+
-
}
+
 +
//.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;
 +
// }
-
<!-- this is stuff that describes page content -->
+
//.submenuItemLink {
-
.sidemenu {
+
// font-weight: normal;
-
width: 152px;
+
// text-decoration: none;
-
height: auto;
+
// color: #085706;
-
background-color: #085706;
+
// margin: 1px 2px 1px 2px;
-
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 {
+
#leftcolumn {
-
font-size: 14px;
+
width: 200px;
-
color: #dfc463;
+
height: 100%;
-
text-decoration: none;
+
border-style: solid;
 +
border-color: #eeeeee;
 +
border-width: 1px;
 +
padding: 10px;
 +
font-family: Futura, Sans-Serif;
 +
background-color: #eeeeee;
 +
position: relative;
 +
top: -12px;
}
}
-
.sidemenuItemLink:visited {
 
-
color: #dfc463;
 
-
}
 
-
.sidemenuItemLink:hover {
+
#leftcolumn ul{
-
font-weight: bold;
+
list-style-image: url('https://static.igem.org/mediawiki/2010/0/03/PhotoGear.png');
-
text-decoration:none;
+
text-indent: 3px;
 +
padding-left: 12px
 +
margin: 12px
 +
font-family: Futura, Sans-Serif;
 +
position: relative;
 +
top:+12px;
}
}
-
#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 {
+
#rightcolumn {
width: 700px;
width: 700px;
-
height: 465px;
+
padding: 20px 20px 20px 20px;
-
background-image:url("I'manothercoolpicture.jpg");
+
border-style: none;
-
margin: 2px auto;
+
border-color: transparent transparent transparent #085706;
 +
border-width: 2px;
 +
font-family: Futura, Sans-Serif;
 +
float: right;
}
}
-
.LinkinText {
+
.floatpic {
-
text-decoration: none;
+
float: right;
-
color: white;
+
width:277px;
-
font-weight: bold;
+
height:152px;
 +
margin:7px;
}
}
-
 
+
.floattxt {
-
#HomeRight {
+
float: right;
-
width: 200px;
+
width:219px;
-
height: auto;
+
height:40px;
-
background-color: #2c5983;
+
margin:7px;
-
margin: 5px 2px 0px 0px;
+
font-family: Futura, Sans-Serif;
-
padding: 5px;
+
-
float: left;
+
-
color: e0fea0;
+
-
font-family: Verdana, Sans-Serif;
+
-
font-size: 12px;
+
-
text-align: justify;
+
}
}
-
#Countdown {
+
.sponsorpic {
-
width: 196px;
+
float: right;
-
height: auto;
+
height:42px;
-
background-color: #001d1d;
+
margin:7px;
-
border: 1px solid #8bce9e;
+
-
color: white;
+
-
text-align: center;
+
-
padding: 2px;
+
}
}
-
#Upcoming {
+
.sectionheader {
-
width: 200px;
+
font-size: 16px;
-
height: auto;
+
color: #dfc463;
-
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;
font-weight: bold;
-
float: left;
+
font-family: Futura, Sans-Serif;
-
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 {
+
.memberpic {
-
width: 245px;
+
margin:2px;
-
height: 160px;
+
  border:none;
-
float: left;
+
  height:auto;
-
padding-right: 0px;
+
  width:auto;
-
margin-top: 1px;
+
  float:left;
-
background-image: url("https://static.igem.org/mediawiki/2010/0/07/News.png");
+
  text-align:center;
-
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;
+
-
}
+
 +
.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>
Line 431: Line 277:
</script>
</script>
-
<div id="header">
 
<div id="banner">
<div id="banner">
</div>  
</div>  
-
<div id="menu">
+
</html>
 +
{{:Team:Missouri_Miners/Menu}}
 +
 
 +
<!--
 +
<div id="menu">
<div class="menuItem" onmouseover="showMenu(this)" onmouseout="hideMenu(this)">
<div class="menuItem" onmouseover="showMenu(this)" onmouseout="hideMenu(this)">
<a class="menuItemLink" href="https://2010.igem.org/Team:Missouri_Miners">Home</a>
<a class="menuItemLink" href="https://2010.igem.org/Team:Missouri_Miners">Home</a>
 +
</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 class="submenu">
<div class="submenu">
<div class="submenuItem">
<div class="submenuItem">
-
<a class="submenuItemLink" href="#">What's new?</a>
+
<a class="submenuItemLink" href="https://igem.org/Team.cgi">Team Profile</a>
</div>
</div>
-
<div class="submenuItem">
 
-
<a class="submenuItemLink" href="#">What we're up to</a>
 
-
</div>
 
</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>
-
<div class="menuItem" onmouseover="showMenu(this)" onmouseout="hideMenu(this)">
 
-
<a class="menuItemLink" href="https://igem.org/Team.cgi?year=2010">Team Profile</a>
 
-
</div>
 
<div class="menuItem" onmouseover="showMenu(this)" onmouseout="hideMenu(this)">
<div class="menuItem" onmouseover="showMenu(this)" onmouseout="hideMenu(this)">
<a class="menuItemLink" href="https://2010.igem.org/Team:Missouri_Miners/Project">Project</a>
<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/Notebook">Notebook</a>
 
<div class="submenu">
<div class="submenu">
<div class="submenuItem">
<div class="submenuItem">
-
<a class="submenuItemLink" href="https://2010.igem.org/Team:Missouri_Miners/Notebook/Calender">Calendar</a>
+
<a class="submenuItemLink" href="https://2010.igem.org/Team:Missouri_Miners/Parts">Parts</a>
</div>
</div>
<div class="submenuItem">
<div class="submenuItem">
-
<a class="submenuItemLink" href="https://2010.igem.org/Team:Missouri_Miners/Notebook/LabJournal">Lab Journal</a>
+
<a class="submenuItemLink" href="https://2010.igem.org/Team:Missouri_Miners/Modeling">Modeling</a>
</div>
</div>
</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>
</div>
<div class="menuItem" onmouseover="showMenu(this)" onmouseout="hideMenu(this)">
<div class="menuItem" onmouseover="showMenu(this)" onmouseout="hideMenu(this)">
-
<a class="menuItemLink" href="https://2010.igem.org/Team:Missouri_Miners/Safety">Safety</a>
+
<a class="menuItemLink" href="https://2010.igem.org/Team:Missouri_Miners/Safety">Ethics and 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>
<div class="menuItem" onmouseover="showMenu(this)" onmouseout="hideMenu(this)">
<div class="menuItem" onmouseover="showMenu(this)" onmouseout="hideMenu(this)">
-
<a class="menuItemLink" href="https://2010.igem.org/Team:Missouri_Miners/Brainstorming">Brainstorming</a>
+
<a class="menuItemLink" href="https://2010.igem.org/Team:Missouri_Miners/Brainstorming">Public Opinion</a>
<div class="submenu">
<div class="submenu">
<div class="submenuItem">
<div class="submenuItem">
-
<a class="submenuItemLink" href="#">Biological Concepts</a>
+
<a class="submenuItemLink" href="https://2010.igem.org/Team:Missouri_Miners/Brainstorming">Campus Survey</a>
</div>
</div>
<div class="submenuItem">
<div class="submenuItem">
-
<a class="submenuItemLink" href="#">Fuel Cell Design</a>
+
<a class="submenuItemLink" href="#">Predicting Opinions</a>
</div>
</div>
</div>
</div>
Line 527: Line 353:
</div>
</div>
-
</div>
+
</div></html>
 +
-->
 +
<html>
 +
<head>
 +
<style type="text/css">
-
<div id="body">
 
-
</html>
+
a.header:link {text-decoration:none;color:#dfc463;}      /* unvisited link */
 +
a.header:visited {text-decoration:none;color:#dfc463;}  /* visited link */
 +
a.header:hover {text-decoration:none;color:#dfc463;font-weight:bold;}  /* mouse over link */
 +
a.header:active {text-decoration:none;color:#dfc463;}  /* selected link */
 +
 
 +
a.internal:link {text-decoration:none;color:#085706;}      /* unvisited link */
 +
a.internal:visited {text-decoration:none;color:#085706;}  /* visited link */
 +
a.internal:hover {text-decoration:underline;color:#085706;}  /* mouse over link */
 +
a.internal:active {text-decoration:none;color:#085706;}  /* selected link */
 +
 
 +
</style>
 +
</head>

Latest revision as of 21:38, 27 October 2010