Team:Missouri Miners/Header
From 2010.igem.org
(Difference between revisions)
(196 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: | + | <!-- h1 { color: #085706; } |
- | h2 { color: | + | h2 { color: #085706; } |
- | h3 { color: | + | h3 { color: #085706; } |
- | + | h4 { color: #085706; } | |
--> | --> | ||
- | |||
- | |||
#decoy {} | #decoy {} | ||
- | . | + | //#top-section{ |
- | + | //width: 975px; | |
+ | //margin: 0 auto; | ||
+ | //} | ||
+ | |||
+ | .text | ||
+ | { | ||
+ | clear:both; | ||
} | } | ||
- | # | + | #globalWrapper { |
- | + | background-color: #c0c0c0; | |
- | margin: 0 | + | border: none; |
+ | margin: 0; | ||
+ | padding: 0; | ||
} | } | ||
#content{ | #content{ | ||
width: 975px; | width: 975px; | ||
- | background-color: | + | background-color: white; |
padding:0px; | padding:0px; | ||
margin:0 auto; | margin:0 auto; | ||
- | color: | + | 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: | + | height: 247px; |
- | background-image: url("https://static.igem.org/mediawiki/2010/ | + | position: relative; |
+ | background-image: url("https://static.igem.org/mediawiki/2010/1/19/MSTBannerColor975.png"); | ||
} | } | ||
Line 48: | Line 78: | ||
width: 965px; | width: 965px; | ||
height: auto; | height: auto; | ||
- | background-color: | + | background-color: transparent; |
padding: 5px; | padding: 5px; | ||
- | color: # | + | color: #085706; |
font-family: Verdana, Sans-Serif; | font-family: Verdana, Sans-Serif; | ||
font-size: 12px; | font-size: 12px; | ||
text-align: justify; | text-align: justify; | ||
margin: 0 auto; | margin: 0 auto; | ||
+ | position: relative; | ||
} | } | ||
- | #menu { | + | //#menu { |
width: 971px; | 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 # | + | border-bottom: 3px solid #085706; |
- | border-left: 1px solid # | + | border-left: 1px solid #085706; |
- | border-right: 3px solid # | + | border-right: 3px solid #085706; |
+ | position: relative; | ||
+ | top: -25px; | ||
} | } | ||
- | .menuItem { | + | //.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 { | + | //.menuItemLink { |
- | + | // font-weight: bold; | |
- | + | // color: #dfc463; | |
- | + | // font-family: Futura, Sans-Serif; | |
- | + | // font-size: 16px; | |
- | + | // text-decoration: none; | |
- | + | // } | |
- | .menuItemLink:visited { | + | //.menuItemLink:visited { |
- | + | // color: #dfc463; | |
- | + | // } | |
- | .menuItemLink:hover { | + | //.menuItemLink:hover { |
- | text-decoration:none; | + | //text-decoration:none; |
} | } | ||
- | .submenuItemLink: | + | //.submenuItemLink:active { |
- | + | // color: #dfc463; | |
- | } | + | //} |
- | .submenu { | + | //.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; | |
- | + | // } | |
- | + | ||
- | + | ||
- | .submenuItemLink | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
#leftcolumn { | #leftcolumn { | ||
width: 200px; | width: 200px; | ||
- | + | height: 100%; | |
- | border-color: # | + | 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; | ||
} | } | ||
#leftcolumn ul{ | #leftcolumn ul{ | ||
- | list-style-image: url('https://static.igem.org/mediawiki/2010/ | + | list-style-image: url('https://static.igem.org/mediawiki/2010/0/03/PhotoGear.png'); |
- | text-indent: | + | text-indent: 3px; |
- | padding-left: | + | padding-left: 12px |
+ | margin: 12px | ||
+ | font-family: Futura, Sans-Serif; | ||
+ | position: relative; | ||
+ | top:+12px; | ||
} | } | ||
#rightcolumn { | #rightcolumn { | ||
- | |||
width: 700px; | width: 700px; | ||
- | padding: | + | 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 { | .floatpic { | ||
float: right; | float: right; | ||
- | width: | + | width:277px; |
- | height: | + | height:152px; |
- | margin: | + | margin:7px; |
} | } | ||
.floattxt { | .floattxt { | ||
float: right; | float: right; | ||
- | width: | + | width:219px; |
- | height: | + | height:40px; |
- | margin: | + | 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> | ||
Line 188: | Line 277: | ||
</script> | </script> | ||
- | |||
<div id="banner"> | <div id="banner"> | ||
</div> | </div> | ||
- | + | </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> | ||
Line 198: | Line 290: | ||
<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/Team">Team</a> | <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> | ||
- | |||
- | |||
- | |||
<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 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> | ||
+ | |||
</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/Notebook">Notebook</a> | <a class="menuItemLink" href="https://2010.igem.org/Team:Missouri_Miners/Notebook">Notebook</a> | ||
Line 223: | 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"> | + | <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=" | + | <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="#"> | + | <a class="submenuItemLink" href="#">Predicting Opinions</a> |
</div> | </div> | ||
</div> | </div> | ||
Line 260: | Line 353: | ||
</div> | </div> | ||
- | </div> | + | </div></html> |
+ | --> | ||
+ | <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 */ | ||
+ | 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