Team:Missouri Miners/Header

From 2010.igem.org

(Difference between revisions)
 
(50 intermediate revisions not shown)
Line 16: Line 16:
//}
//}
 +
.text
 +
{
 +
clear:both;
 +
}
#globalWrapper {
#globalWrapper {
-
background-color: transparent;
+
background-color: #c0c0c0;
-
border-style: solid;
+
border: none;
-
boder-color: black;
+
-
border: 19px 0px 0px 0px;
+
margin: 0;
margin: 0;
padding: 0;
padding: 0;
Line 32: Line 34:
margin:0 auto;
margin:0 auto;
color: #085706;
color: #085706;
 +
position: relative;
 +
top: -25px;
}
}
Line 68: Line 72:
height: 247px;
height: 247px;
position: relative;
position: relative;
-
top: -25px;
 
background-image: url("https://static.igem.org/mediawiki/2010/1/19/MSTBannerColor975.png");
background-image: url("https://static.igem.org/mediawiki/2010/1/19/MSTBannerColor975.png");
}
}
Line 83: Line 86:
margin: 0 auto;
margin: 0 auto;
position: relative;
position: relative;
-
top: -25px;
 
}
}
-
#menu {
+
//#menu {
width: 971px;
width: 971px;
height: 30px;
height: 30px;
Line 98: Line 100:
}
}
-
.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:#dfc463;
+
// color: #085706;
-
border-bottom: 1px Solid #085706;
+
// 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: #085706;
+
-
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;
font-family: Futura, Sans-Serif;
 +
background-color: #eeeeee;
 +
position: relative;
 +
top: -12px;
}
}
Line 182: Line 188:
padding-left: 12px
padding-left: 12px
margin: 12px
margin: 12px
-
line-height: 4.2em;
 
font-family: Futura, Sans-Serif;
font-family: Futura, Sans-Serif;
 +
position: relative;
 +
top:+12px;
}
}
Line 189: 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: transparent transparent transparent #085706;
border-color: transparent transparent transparent #085706;
border-width: 2px;
border-width: 2px;
Line 199: Line 206:
.floatpic {
.floatpic {
float: right;
float: right;
-
width:219px;
+
width:277px;
height:152px;
height:152px;
margin:7px;
margin:7px;
Line 224: Line 231:
}
}
 +
.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 242: Line 276:
}
}
</script>
</script>
-
//<div id="header">
+
 
<div id="banner">
<div id="banner">
</div>  
</div>  
Line 282: Line 316:
<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>
</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">Idea Center</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>

Latest revision as of 21:38, 27 October 2010