Team:Missouri Miners/Header

From 2010.igem.org

(Difference between revisions)
 
(94 intermediate revisions not shown)
Line 1: Line 1:
-
<html><center><embed src="http://2010.igem.org/wiki/images/1/19/MSTBannerColor975.png" width = "975"></center></html
+
<!--<html><center><embed src="http://2010.igem.org/wiki/images/1/19/MSTBannerColor975.png" width = "975"></center></html>-->
<html>
<html>
Line 11: Line 11:
#decoy {}
#decoy {}
-
#top-section{
+
//#top-section{
-
width: 975px;
+
//width: 975px;
-
margin: 0 auto;
+
//margin: 0 auto;
 +
//}
 +
 
 +
.text
 +
{
 +
clear:both;
 +
}
 +
 
 +
#globalWrapper {
 +
background-color: #c0c0c0;
 +
border: none;
 +
margin: 0;
 +
padding: 0;
}
}
Line 22: Line 34:
margin:0 auto;
margin:0 auto;
color: #085706;
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 34: Line 68:
-
 
+
#banner {
-
//#banner {
+
width: 975px;
-
// width: 975px;
+
height: 247px;
-
// height: 247px;
+
position: relative;
-
// background-image: url("http://2010.igem.org/wiki/images/1/19/MSTBannerColor975.png");
+
background-image: url("http://2010.igem.org/wiki/images/1/19/MSTBannerColor975.png");
-
//}
+
}
#body {
#body {
width: 965px;
width: 965px;
height: auto;
height: auto;
-
background-color: white;
+
background-color: transparent;
padding: 5px;
padding: 5px;
color: #085706;
color: #085706;
Line 51: Line 85:
text-align: justify;
text-align: justify;
margin: 0 auto;
margin: 0 auto;
-
 
+
position: relative;
}
}
-
#menu {
+
//#menu {
width: 971px;
width: 971px;
height: 30px;
height: 30px;
Line 63: Line 97:
border-right: 3px solid #085706;
border-right: 3px solid #085706;
position: relative;
position: relative;
 +
top: -25px;
}
}
-
.menuItem {
+
//.menuItem {
-
width: auto;
+
// width: auto;
-
height: 20px;
+
// height: 20px;
-
padding: 6px;
+
// padding: 6px;
-
border-right: 1px solid #085706;  
+
// border-right: 1px solid #085706;  
-
border-left: 2px solid #085706;  
+
// border-left: 2px solid #085706;  
-
float: left;
+
// float: left;
-
color: #085706;
+
// color: #085706;
-
text-align: center;
+
// text-align: center;
-
font-family: Futura, Sans-Serif;
+
// font-family: Futura, Sans-Serif;
-
font-size: 16px;
+
// font-size: 16px;
-
font-weight: bold;
+
// font-weight: bold;
-
position: relative;
+
// position: relative;
-
left: +135px
+
// left: +135px
-
}
+
// }
-
.menuItemLink {
+
//.menuItemLink {
-
font-weight: bold;
+
// font-weight: bold;
-
color: #dfc463;
+
// color: #dfc463;
-
font-family: Futura, Sans-Serif;
+
// font-family: Futura, Sans-Serif;
-
font-size: 16px;
+
// font-size: 16px;
-
text-decoration: none;
+
// text-decoration: none;
-
}
+
// }
-
.menuItemLink:visited {
+
//.menuItemLink:visited {
-
color: #dfc463;
+
// color: #dfc463;
-
}
+
// }
-
.menuItemLink:hover {
+
//.menuItemLink:hover {
-
text-decoration:none;
+
//text-decoration:none;
}
}
-
.submenuItemLink:active {
+
//.submenuItemLink:active {
-
color: #dfc463;
+
// color: #dfc463;
-
}
+
//}
-
.submenu {
+
//.submenu {
-
width: 188px;
+
// width: 188px;
-
height: auto;
+
// height: auto;
-
position: absolute;
+
// position: absolute;
-
top: 31px;
+
// top: 31px;
-
left: 0px;
+
// left: 0px;
-
margin:-1px 0px 0px -1px;
+
// margin:-1px 0px 0px -1px;
-
background-color: #085706;
+
// background-color: #085706;
-
border: 0px solid #dfc463;
+
// border: 0px solid #dfc463;
-
display: none;
+
// display: none;
-
text-align: left;
+
// 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;
 +
// }
-
.submenuItem {
+
//.submenuItemLink {
-
width: 184px;
+
// font-weight: normal;
-
height: 20px;
+
// text-decoration: none;
-
background-color:#085706;
+
// color: #085706;
-
border-bottom: 1px Solid #dfc463;
+
// margin: 1px 2px 1px 2px;
-
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;
+
-
}
+
#leftcolumn {
#leftcolumn {
width: 200px;
width: 200px;
-
border-style: solid;
+
height: 100%;
-
border-color: white;
+
border-style: solid;
 +
border-color: #eeeeee;
border-width: 1px;
border-width: 1px;
padding: 10px;
padding: 10px;
 +
font-family: Futura, Sans-Serif;
 +
background-color: #eeeeee;
 +
position: relative;
 +
top: -12px;
}
}
Line 146: Line 186:
list-style-image: url('http://2010.igem.org/wiki/images/0/03/PhotoGear.png');
list-style-image: url('http://2010.igem.org/wiki/images/0/03/PhotoGear.png');
text-indent: 3px;
text-indent: 3px;
-
width: 250px;
 
padding-left: 12px
padding-left: 12px
margin: 12px
margin: 12px
-
line-height: 4.2em;
+
font-family: Futura, Sans-Serif;
 +
position: relative;
 +
top:+12px;
}
}
Line 155: Line 196:
#rightcolumn {
#rightcolumn {
width: 700px;
width: 700px;
-
padding: 10px 10px 10px 20px;
+
padding: 20px 20px 20px 20px;
-
border-style: solid;
+
border-style: none;
-
border-color: white white white #085706;
+
border-color: transparent transparent transparent #085706;
border-width: 2px;
border-width: 2px;
 +
font-family: Futura, Sans-Serif;
float: right;
float: right;
}
}
Line 164: Line 206:
.floatpic {
.floatpic {
float: right;
float: right;
-
width:219px;
+
width:277px;
height:152px;
height:152px;
margin:7px;
margin:7px;
Line 173: Line 215:
height:40px;
height:40px;
margin:7px;
margin:7px;
 +
font-family: Futura, Sans-Serif;
}
}
Line 185: Line 228:
color: #dfc463;
color: #dfc463;
font-weight: bold;
font-weight: bold;
 +
font-family: Futura, Sans-Serif;
}
}
 +
.memberpic {
 +
margin:2px;
 +
  border:none;
 +
  height:auto;
 +
  width:auto;
 +
  float:left;
 +
  text-align:center;
 +
}
-
<!-- this is stuff that describes page content -->
+
.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 206: 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="http://2010.igem.org/Team:Missouri_Miners">Home</a>
<a class="menuItemLink" href="http://2010.igem.org/Team:Missouri_Miners">Home</a>
Line 242: Line 316:
<div class="menuItem" onmouseover="showMenu(this)" onmouseout="hideMenu(this)">
<div class="menuItem" onmouseover="showMenu(this)" onmouseout="hideMenu(this)">
-
<a class="menuItemLink" href="http://2010.igem.org/Team:Missouri_Miners/Safety">Safety</a>
+
<a class="menuItemLink" href="http://2010.igem.org/Team:Missouri_Miners/Safety">Ethics and Safety</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="http://2010.igem.org/Team:Missouri_Miners/Brainstorming">Idea Center</a>
+
<a class="menuItemLink" href="http://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="http://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 279: Line 353:
</div>
</div>
-
</div>
+
</div></html>
-
<html>
+
-->
<html>
<html>
<head>
<head>
<style type="text/css">
<style type="text/css">
 +
 +
 +
a.header:link {text-decoration:none;color:#dfc463;}      /* unvisited link */
a.header:link {text-decoration:none;color:#dfc463;}      /* unvisited link */
a.header:visited {text-decoration:none;color:#dfc463;}  /* visited link */
a.header:visited {text-decoration:none;color:#dfc463;}  /* visited link */
Line 293: Line 370:
a.internal:hover {text-decoration:underline;color:#085706;}  /* mouse over link */
a.internal:hover {text-decoration:underline;color:#085706;}  /* mouse over link */
a.internal:active {text-decoration:none;color:#085706;}  /* selected link */
a.internal:active {text-decoration:none;color:#085706;}  /* selected link */
-
 
</style>
</style>
</head>
</head>

Latest revision as of 21:38, 27 October 2010