Team:Missouri Miners/Header
From 2010.igem.org
(Difference between revisions)
(73 intermediate revisions not shown) | |||
Line 16: | Line 16: | ||
//} | //} | ||
+ | .text | ||
+ | { | ||
+ | clear:both; | ||
+ | } | ||
#globalWrapper { | #globalWrapper { | ||
- | background-color: | + | background-color: #c0c0c0; |
border: none; | border: none; | ||
margin: 0; | margin: 0; | ||
Line 30: | Line 34: | ||
margin:0 auto; | margin:0 auto; | ||
color: #085706; | color: #085706; | ||
+ | position: relative; | ||
+ | top: -25px; | ||
} | } | ||
#top-section { | #top-section { | ||
height: 10px; | height: 10px; | ||
- | margin-top: - | + | margin-top: -4px; |
margin-left: auto; | margin-left: auto; | ||
margin-right: auto; | margin-right: auto; | ||
margin-bottom: 0; | margin-bottom: 0; | ||
- | margin-bottom: | + | margin-bottom: 9px; |
padding:0; | padding:0; | ||
border: none; | border: none; | ||
position: relative; | position: relative; | ||
- | top:- | + | top:-80px; |
} | } | ||
Line 60: | Line 66: | ||
display:none; | display:none; | ||
} | } | ||
- | |||
Line 67: | Line 72: | ||
height: 247px; | height: 247px; | ||
position: relative; | position: relative; | ||
- | |||
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 74: | Line 78: | ||
width: 965px; | width: 965px; | ||
height: auto; | height: auto; | ||
- | background-color: | + | background-color: transparent; |
padding: 5px; | padding: 5px; | ||
color: #085706; | color: #085706; | ||
Line 82: | Line 86: | ||
margin: 0 auto; | margin: 0 auto; | ||
position: relative; | position: relative; | ||
- | |||
} | } | ||
- | #menu { | + | //#menu { |
width: 971px; | width: 971px; | ||
height: 30px; | height: 30px; | ||
Line 94: | Line 97: | ||
border-right: 3px solid #085706; | border-right: 3px solid #085706; | ||
position: relative; | position: relative; | ||
- | top: - | + | 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:active { | + | //.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; | font-family: Futura, Sans-Serif; | ||
+ | background-color: #eeeeee; | ||
+ | position: relative; | ||
+ | top: -12px; | ||
} | } | ||
Line 179: | Line 186: | ||
list-style-image: url('https://static.igem.org/mediawiki/2010/0/03/PhotoGear.png'); | list-style-image: url('https://static.igem.org/mediawiki/2010/0/03/PhotoGear.png'); | ||
text-indent: 3px; | text-indent: 3px; | ||
- | |||
padding-left: 12px | padding-left: 12px | ||
margin: 12px | margin: 12px | ||
- | |||
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: | + | padding: 20px 20px 20px 20px; |
- | border-style: | + | border-style: none; |
- | border-color: | + | border-color: transparent transparent transparent #085706; |
border-width: 2px; | border-width: 2px; | ||
font-family: Futura, Sans-Serif; | font-family: Futura, Sans-Serif; | ||
Line 199: | Line 206: | ||
.floatpic { | .floatpic { | ||
float: right; | float: right; | ||
- | width: | + | 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; | ||
+ | } | ||
- | + | .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 243: | 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 279: | 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 316: | 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 330: | 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