Template:MoWestern Davidson2009
From 2009.igem.org
(Difference between revisions)
(104 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
- | <html> | + | <html><head> |
+ | <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 { | + | BODY {height: 100%; background:#B0C4DE} |
/*----------------------------------------------------------------------------*/ | /*----------------------------------------------------------------------------*/ | ||
/* color scheme */ | /* color scheme */ | ||
Line 7: | 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 . | + | #leftsidemenu .body {background-color:#003366;} |
+ | #leftsidemenu .normal{background-color:#003366;} | ||
- | /* COLOR # | + | /* COLOR #3 background of buttons in left side menu on hover */ |
- | # | + | #leftsidemenu a:hover{background-color:#4682B4;} |
+ | /* COLOR #4 background of button when on that page, no link */ | ||
+ | #leftsidemenu .selflink{background-color:#4682B4;} | ||
+ | /* COLOR #5 background main content area */ | ||
+ | #content-container{background-color:#FFFFFF;} | ||
/*----------------------------------------------------------------------------*/ | /*----------------------------------------------------------------------------*/ | ||
Line 35: | Line 31: | ||
} | } | ||
- | #content {padding-left: | + | #content {padding-left:5px; |
padding-right:5px; | padding-right:5px; | ||
padding-top:0px; | padding-top:0px; | ||
Line 43: | Line 39: | ||
.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 53: | Line 48: | ||
/*----------------------------------------------------------------------------*/ | /*----------------------------------------------------------------------------*/ | ||
- | .logo-div{padding-top: | + | .logo-div{padding-top:2px; |
- | padding-bottom: | + | padding-bottom:2px; } |
+ | /*----------------------------------------------------------------------------*/ | ||
+ | /* content */ | ||
+ | /*----------------------------------------------------------------------------*/ | ||
+ | |||
+ | #content-container{margin-left:180px; | ||
+ | margin-right:0px; | ||
+ | border-left:0px solid #009900; | ||
+ | border-right:0px solid #009900; | ||
+ | border-bottom:0px solid #009900; | ||
+ | padding-left:8px; | ||
+ | padding-right:8px; | ||
+ | padding-top:2px; | ||
+ | height:auto; | ||
+ | } | ||
/*----------------------------------------------------------------------------*/ | /*----------------------------------------------------------------------------*/ | ||
/* menu left */ | /* menu left */ | ||
/*----------------------------------------------------------------------------*/ | /*----------------------------------------------------------------------------*/ | ||
- | |||
- | |||
#content{height:100%;} | #content{height:100%;} | ||
#leftsidemenu {width:180px; | #leftsidemenu {width:180px; | ||
- | |||
float:left; | float:left; | ||
+ | padding:0px; | ||
z-index:99%; | z-index:99%; | ||
- | background-color:# | + | background-color:#FFFFFF; |
- | height | + | min-height:inherit; |
+ | } | ||
#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} |
- | border- | + | |
+ | #leftsidemenu .selflink{border-top:1px solid #B0C4DE; | ||
+ | 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 | + | 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; | |
- | + | } | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
</style> | </style> | ||
+ | </head> | ||
+ | |||
+ | <body onLoad="P7_equalCols2(0,'content-container','P','leftsidemenu','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--> | ||
Line 138: | Line 141: | ||
<div class="normal subnav"> | <div class="normal subnav"> | ||
</html> | </html> | ||
+ | |||
+ | <ul> | ||
+ | <span style="padding-left:0 px;"><br><big>'''[[Team:MoWestern_Davidson | Home]]'''</big></span> | ||
+ | <span style="padding-left:0 px;"><br><big>'''[[Team:MoWestern_Davidson/team | Team]]'''</big></span> | ||
+ | <span style="padding-left:0 px;"><br><big>'''[[Team:MoWestern_Davidson/project | Project Overview]]'''</big></span> | ||
+ | </ul> | ||
<ul> | <ul> | ||
- | |||
- | |||
- | |||
<li>[[Team:MoWestern_Davidson/project_design | Project Design]]</li> | <li>[[Team:MoWestern_Davidson/project_design | Project Design]]</li> | ||
<li>[[Team:MoWestern_Davidson/project_wetlab | Wet Lab]]</li> | <li>[[Team:MoWestern_Davidson/project_wetlab | Wet Lab]]</li> | ||
<li>[[Team:MoWestern_Davidson/project_mathmodel | Mathematical Models]]</li> | <li>[[Team:MoWestern_Davidson/project_mathmodel | Mathematical Models]]</li> | ||
- | <li>[[Team:MoWestern_Davidson/project_physicalmodel| Physical Models]]</li></ | + | <li>[[Team:MoWestern_Davidson/project_physicalmodel| Physical Models]]</li> |
- | + | </ul> | |
- | + | <ul> | |
- | + | <span style="padding-left:0 px;"><br><big>'''[[Team:MoWestern_Davidson/parts| Parts]]'''</big></span> | |
- | + | <span style="padding-left:0 px;"><br><big>'''[[Team:MoWestern_Davidson/notebooks | Notebooks]]'''</big></span> | |
- | + | <span style="padding-left:0 px;"><br><big>'''[[Team:MoWestern_Davidson/human_practice | Human Practice]]'''</big></span> | |
+ | <span style="padding-left:0 px;"><br><big>'''[[Team:MoWestern_Davidson/conclusion | Outcomes]]'''</big></span> | ||
+ | <span style="padding-left:0 px;"><br><big>'''[[Team:MoWestern_Davidson/acknowledgements | Acknowledgements]]'''</big></span> | ||
+ | <br> | ||
+ | </ul> | ||
<html> | <html> | ||
+ | <!--end links div--> | ||
</div> | </div> | ||
</div> | </div> | ||
- | + | <!-- end*** LEFTSIDEMENU *** --> | |
- | + | ||
- | + | <!-- *** CONTENT *** --> | |
- | < | + | |
<div id="content-container"> | <div id="content-container"> | ||
</html> | </html> |