Template:MoWestern Davidson2009t
From 2009.igem.org
(Difference between revisions)
(14 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
- | <html> | + | <html><head> |
- | <head> | + | |
<script type="text/javascript" src="http://www.projectseven.com/tutorials/css/pvii_columns/p7_eqCols2_10.js"></script> | <script type="text/javascript" src="http://www.projectseven.com/tutorials/css/pvii_columns/p7_eqCols2_10.js"></script> | ||
- | |||
<style type="text/css"> | <style type="text/css"> | ||
- | BODY {height: 100%; background:#} | + | BODY {height: 100%; background:#000000} |
/*----------------------------------------------------------------------------*/ | /*----------------------------------------------------------------------------*/ | ||
/* color scheme */ | /* color scheme */ | ||
Line 10: | Line 8: | ||
/* COLOR #1 background of the top most bar */ | /* COLOR #1 background of the top most bar */ | ||
- | .logo-div{background-color:# | + | .logo-div{background-color:#003366;} |
- | + | ||
- | + | ||
- | + | ||
- | /* COLOR # | + | /* COLOR #2 background left side menu */ |
- | #leftsidemenu .body {background-color:# | + | #leftsidemenu .body{background-color:#003366;} |
- | #leftsidemenu .normal{background-color:# | + | #leftsidemenu .normal{background-color:#003366;} |
- | /* COLOR # | + | /* COLOR #3 root background left side menu */ |
- | # | + | #leftsidemenubg .bodybg{background-color:#003366;} |
- | # | + | #leftsidemenubg .normalbg{background-color:#003366;} |
- | /* COLOR # | + | /* COLOR #4 background of buttons in left side menu on hover */ |
- | #leftsidemenu a:hover{background-color:# | + | #leftsidemenu a:hover{background-color:#4682B4;} |
- | /* COLOR # | + | /* COLOR #5 background of button when on that page, no link */ |
- | #leftsidemenu .selflink{background-color:# | + | #leftsidemenu .selflink{background-color:#4682B4;} |
- | /* COLOR # | + | /* COLOR #6 background main content area */ |
- | #content-container{background-color:# | + | #content-container{background-color:#FFFFFF;} |
/*----------------------------------------------------------------------------*/ | /*----------------------------------------------------------------------------*/ | ||
Line 40: | Line 35: | ||
} | } | ||
- | #content {padding-left: | + | #content {padding-left:5px; |
padding-right:5px; | padding-right:5px; | ||
padding-top:0px; | padding-top:0px; | ||
Line 48: | Line 43: | ||
.no-display{display:none} | .no-display{display:none} | ||
- | body{margin: | + | body{margin:0em; |
- | padding: | + | padding:0px;} |
.noborder{border-top:0px;} | .noborder{border-top:0px;} | ||
Line 57: | Line 52: | ||
/*----------------------------------------------------------------------------*/ | /*----------------------------------------------------------------------------*/ | ||
- | .logo-div{padding-top: | + | .logo-div{padding-top:2px; |
- | padding-bottom: | + | padding-bottom:2px; } |
/*----------------------------------------------------------------------------*/ | /*----------------------------------------------------------------------------*/ | ||
Line 72: | Line 67: | ||
padding-right:8px; | padding-right:8px; | ||
padding-top:2px; | padding-top:2px; | ||
- | height:auto;} | + | height:auto; |
+ | } | ||
+ | |||
/*----------------------------------------------------------------------------*/ | /*----------------------------------------------------------------------------*/ | ||
- | /* menu left | + | /* menu left background */ |
/*----------------------------------------------------------------------------*/ | /*----------------------------------------------------------------------------*/ | ||
- | |||
- | |||
#content{height:100%;} | #content{height:100%;} | ||
- | # | + | #leftsidemenubg {width:180px; |
float:left; | float:left; | ||
- | z-index: | + | padding:0px; |
- | background-color:# | + | z-index:0; |
- | min-height:inherit; | + | position:relative; |
+ | background-color:#FFFFFF; | ||
+ | min-height:inherit; | ||
} | } | ||
- | # | + | #leftsidemenubg ul{list-style-type:none; |
list-style: none; | list-style: none; | ||
- | margin: | + | margin:0px; |
- | padding | + | padding:0px; |
- | + | border-top:1px solid #003366; | |
- | + | border-bottom:1px solid #003366; | |
- | + | } | |
- | + | ||
- | + | ||
- | + | ||
- | # | + | #leftsidemenubg .normalbg{padding-right:0.5%; |
- | + | border-top:1px solid #B0C4DE; | |
+ | border-bottom:1px solid #B0C4DE; | ||
+ | padding:0px;} | ||
- | # | + | #leftsidemenubg .no-padding{padding:0} |
- | # | + | #leftsidemenubg .subnavbg{border:0px; |
- | padding- | + | padding:0px; |
- | + | border-top:0px solid #B0C4DE; | |
+ | border-bottom:0px solid #B0C4DE; | ||
} | } | ||
+ | /*----------------------------------------------------------------------------*/ | ||
+ | /* menu left */ | ||
+ | /*----------------------------------------------------------------------------*/ | ||
+ | |||
+ | #content{height:100%;} | ||
#leftsidemenu {width:180px; | #leftsidemenu {width:180px; | ||
float:left; | float:left; | ||
- | + | padding:0px; | |
- | + | z-index:1; | |
- | min-height:inherit;position:fixed; | + | min-height:inherit; |
- | _position:absolute; | + | position:fixed; |
+ | _position:absolute; | ||
+ | _top:expression(eval(document.body.scrollTop ) ); | ||
} | } | ||
#leftsidemenu ul{list-style-type:none; | #leftsidemenu ul{list-style-type:none; | ||
list-style: none; | list-style: none; | ||
- | margin: | + | margin:0px; |
- | padding | + | padding:0px; |
- | + | border-top:1px solid #003366; | |
+ | border-bottom:1px solid #003366; | ||
} | } | ||
#leftsidemenu li{padding-left:10px;} | #leftsidemenu li{padding-left:10px;} | ||
- | #leftsidemenu a:link, #leftsidemenu a:active, #leftsidemenu a:visited, #leftsidemenu a:hover, #leftsidemenu .selflink{color: | + | #leftsidemenu a:link, #leftsidemenu a:active, #leftsidemenu a:visited, #leftsidemenu a:hover, #leftsidemenu .selflink{color:white; |
- | + | text-decoration:none; | |
- | + | padding:0px; | |
- | + | display:block; | |
- | + | padding-left:12px; | |
- | + | border-top:1px solid #003366; | |
- | + | border-bottom:1px solid #003366; | |
- | + | border-left:1px solid #003366} | |
- | #leftsidemenu a:hover{border-top: | + | |
- | border-bottom: | + | #leftsidemenu a:hover{border-top:1px solid #B0C4DE; |
+ | border-bottom:1px solid #B0C4DE; | ||
+ | border-left:1px solid #B0C4DE} | ||
- | #leftsidemenu .selflink{border-top: | + | #leftsidemenu .selflink{border-top:1px solid #B0C4DE; |
- | border-bottom: | + | border-bottom:1px solid #B0C4DE; |
+ | border-left:1px solid #B0C4DE} | ||
#leftsidemenu .normal{padding-right:0.5%; | #leftsidemenu .normal{padding-right:0.5%; | ||
- | border-top: | + | border-top:1px solid #B0C4DE; |
- | + | border-bottom:1px solid #B0C4DE; | |
+ | padding:0px;} | ||
- | #leftsidemenu span{font-size: | + | #leftsidemenu span{font-size:100%; |
- | font-weight:700} | + | font-weight:700; |
+ | } | ||
#leftsidemenu .no-padding{padding:0} | #leftsidemenu .no-padding{padding:0} | ||
- | #leftsidemenu .subnav{border: | + | #leftsidemenu .subnav{border:0px; |
- | padding- | + | padding:0px; |
- | + | border-top:0px solid #B0C4DE; | |
+ | border-bottom:0px solid #B0C4DE; | ||
} | } | ||
Line 159: | Line 170: | ||
</head> | </head> | ||
- | <body onLoad="P7_equalCols2(0,'content-container','P',' | + | <body onLoad="P7_equalCols2(0,'content-container','P','leftsidemenubg','P')"> |
<!-- *** HEADER *** --> | <!-- *** HEADER *** --> | ||
- | <div class="logo-div"> | + | <center><div class="logo-div"> |
- | + | <img src="https://static.igem.org/mediawiki/2009/8/83/Bannera.png"> | |
- | </div> | + | </div></center> |
<!--end header--> | <!--end header--> | ||
- | <!-- *** | + | <!-- *** LEFTSIDEMENUBG *** --> |
- | <div id=" | + | <div id="leftsidemenubg" background-color:#660033;> |
<!--links div--> | <!--links div--> | ||
- | <div class=" | + | <div class="normalbg subnavbg"> |
</html> | </html> | ||
Line 181: | Line 192: | ||
</div> | </div> | ||
</div> | </div> | ||
- | <!-- end*** | + | <!-- end*** LEFTSIDEMENUBG *** --> |
+ | |||
<!-- *** LEFTSIDEMENU *** --> | <!-- *** LEFTSIDEMENU *** --> | ||
Line 190: | Line 202: | ||
<ul> | <ul> | ||
- | <span style="padding-left:0 px;"><big> | + | <span style="padding-left:0 px;"><big>'''[[Team:MoWestern_Davidson | Home]]'''</big></span> |
- | <span style="padding-left:0 px;"><big> | + | <span style="padding-left:0 px;"><big>'''[[Team:MoWestern_Davidson/team | Team]]'''</big></span> |
- | <span style="padding-left:0 px;"><big> | + | <span style="padding-left:0 px;"><big>'''[[Team:MoWestern_Davidson/project | Project Overview]]'''</big></span> |
</ul> | </ul> | ||
<ul> | <ul> | ||
Line 201: | Line 213: | ||
</ul> | </ul> | ||
<ul> | <ul> | ||
- | <span style="padding-left:0 px;"><big> | + | <span style="padding-left:0 px;"><big>'''[[Team:MoWestern_Davidson/parts| Parts]]'''</big></span> |
- | <span style="padding-left:0 px;"><big> | + | <span style="padding-left:0 px;"><big>'''[[Team:MoWestern_Davidson/notebooks | Notebooks]]'''</big></span> |
- | <span style="padding-left:0 px;"><big> | + | <span style="padding-left:0 px;"><big>'''[[Team:MoWestern_Davidson/human_practice | Human Practice]]'''</big></span> |
- | <span style="padding-left:0 px;"><big> | + | <span style="padding-left:0 px;"><big>'''[[Team:MoWestern_Davidson/acknowledgements | Acknowledgements]]'''</big></span> |
+ | <br> | ||
</ul> | </ul> | ||
Line 215: | Line 228: | ||
<!-- *** CONTENT *** --> | <!-- *** CONTENT *** --> | ||
<div id="content-container"> | <div id="content-container"> | ||
- | |||
</html> | </html> |