Template:MoWestern Davidson2009s
From 2009.igem.org
(Difference between revisions)
(36 intermediate revisions not shown) | |||
Line 4: | Line 4: | ||
BODY {height: 100%; background:#} | BODY {height: 100%; background:#} | ||
/*----------------------------------------------------------------------------*/ | /*----------------------------------------------------------------------------*/ | ||
- | /* color scheme | + | /* color scheme */ |
/*----------------------------------------------------------------------------*/ | /*----------------------------------------------------------------------------*/ | ||
/* 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 #2 background | + | /* COLOR #2 background left side menu */ |
- | # | + | #leftsidemenu .body {background-color:#003366;} |
+ | #leftsidemenu .normal{background-color:#003366;} | ||
- | /* COLOR #3 background left side | + | /* COLOR #3 background left side menub */ |
- | # | + | #leftsidemenub .body {background-color:#003366;} |
- | # | + | #leftsidemenub .normalb {background-color:#003366;} |
- | /* COLOR #4 background | + | /* COLOR #4 background left side menuc */ |
- | # | + | #leftsidemenuc .body {background-color:#003366;} |
+ | #leftsidemenuc .normalc {background-color:#003366;} | ||
- | /* COLOR #5 background of button when on that page, no link */ | + | /* COLOR #5 background of buttons in left side menu on hover */ |
- | #leftsidemenu .selflink{background-color:# | + | #leftsidemenu a:hover{background-color:#4682B4;} |
+ | |||
+ | /* COLOR #6 background of button when on that page, no link */ | ||
+ | #leftsidemenu .selflink{background-color:#4682B4;} | ||
+ | |||
+ | /* COLOR #7 background main content area */ | ||
+ | #content-container{background-color:#FFFFFF;} | ||
+ | |||
+ | /* COLOR #8 background of buttons in left side menu on hover */ | ||
+ | #leftsidemenub a:hover{background-color:#4682B4;} | ||
- | |||
- | |||
/*----------------------------------------------------------------------------*/ | /*----------------------------------------------------------------------------*/ | ||
- | /* general stuff | + | /* general stuff */ |
/*----------------------------------------------------------------------------*/ | /*----------------------------------------------------------------------------*/ | ||
Line 34: | Line 43: | ||
} | } | ||
- | #content {padding-left: | + | #content {padding-left:5px; |
padding-right:5px; | padding-right:5px; | ||
padding-top:0px; | padding-top:0px; | ||
Line 48: | Line 57: | ||
/*----------------------------------------------------------------------------*/ | /*----------------------------------------------------------------------------*/ | ||
- | /* header area | + | /* header area */ |
/*----------------------------------------------------------------------------*/ | /*----------------------------------------------------------------------------*/ | ||
- | .logo-div{padding-top: | + | .logo-div{padding-top:2px; |
- | padding-bottom: | + | padding-bottom:2px; } |
/*----------------------------------------------------------------------------*/ | /*----------------------------------------------------------------------------*/ | ||
- | /* content | + | /* content */ |
/*----------------------------------------------------------------------------*/ | /*----------------------------------------------------------------------------*/ | ||
- | #content-container{margin-left: | + | #content-container{margin-left:180px; |
margin-right:0px; | margin-right:0px; | ||
border-left:0px solid #009900; | border-left:0px solid #009900; | ||
Line 68: | Line 77: | ||
height:auto; | height:auto; | ||
} | } | ||
- | |||
/*----------------------------------------------------------------------------*/ | /*----------------------------------------------------------------------------*/ | ||
- | /* menu left | + | /* menu left (text) */ |
/*----------------------------------------------------------------------------*/ | /*----------------------------------------------------------------------------*/ | ||
- | |||
- | |||
#content{height:100%;} | #content{height:100%;} | ||
Line 80: | Line 86: | ||
#leftsidemenu {width:180px; | #leftsidemenu {width:180px; | ||
float:left; | float:left; | ||
- | z-index: | + | padding:0px; |
+ | z-index:1; | ||
+ | position:absolute; | ||
background-color:#FFFFF; | background-color:#FFFFF; | ||
min-height:inherit; | min-height:inherit; | ||
Line 88: | Line 96: | ||
list-style: none; | list-style: none; | ||
margin:0; | margin:0; | ||
- | 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; | ||
} | } | ||
- | + | /*----------------------------------------------------------------------------*/ | |
+ | /* menu leftB Anchor */ | ||
+ | /*----------------------------------------------------------------------------*/ | ||
+ | |||
+ | |||
+ | #leftsidemenub {width:180px; | ||
+ | float:left; | ||
+ | z-index:-1; | ||
+ | background-color:#FFFFF; | ||
+ | min-height:inherit; | ||
+ | position:fixed; | ||
+ | _position:absolute; | ||
+ | _top:expression(eval(document.body.scrollTop ) ); | ||
+ | } | ||
+ | |||
+ | #leftsidemenub ul{list-style-type:none; | ||
+ | list-style: none; | ||
+ | margin:0; | ||
+ | padding:0px; | ||
+ | border-top:1px solid #003366; | ||
+ | border-bottom:1px solid #003366; | ||
+ | } | ||
+ | |||
+ | #leftsidemenub li{padding-left:10px;} | ||
+ | |||
+ | #leftsidemenub 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} | ||
+ | |||
+ | #leftsidemenub a:hover{border-top:1px solid #B0C4DE; | ||
+ | border-bottom:1px solid #B0C4DE; | ||
+ | border-left:1px solid #B0C4DE} | ||
+ | |||
+ | #leftsidemenub .selflink{border-top:1px solid #B0C4DE; | ||
+ | border-bottom:1px solid #B0C4DE; | ||
+ | border-left:1px solid #B0C4DE} | ||
+ | |||
+ | #leftsidemenub .normal{padding-right:0.5%; | ||
+ | border-top:1px solid #B0C4DE; | ||
+ | border-bottom:1px solid #B0C4DE; | ||
+ | padding:0px;} | ||
+ | |||
+ | #leftsidemenub span{font-size:100%; | ||
+ | font-weight:700; | ||
+ | } | ||
+ | |||
+ | #leftsidemenub .no-padding{padding:0} | ||
+ | |||
+ | #leftsidemenub .subnav{border:0px; | ||
+ | padding:0px; | ||
+ | border-top:0px solid #B0C4DE; | ||
+ | border-bottom:0px solid #B0C4DE; | ||
+ | } | ||
+ | |||
+ | /*----------------------------------------------------------------------------*/ | ||
+ | /* menu leftC Background */ | ||
+ | /*----------------------------------------------------------------------------*/ | ||
+ | #leftsidemenuc {width:180px; | ||
+ | float:left; | ||
+ | z-index:-2; | ||
+ | position:absolute; | ||
+ | background-color:#FFFFF; | ||
+ | min-height:inherit; | ||
+ | } | ||
+ | |||
+ | #leftsidemenuc ul{list-style-type:none; | ||
+ | list-style: none; | ||
+ | margin:0; | ||
+ | padding:0px; | ||
+ | border-top:1px solid #003366; | ||
+ | border-bottom:1px solid #003366; | ||
+ | } | ||
+ | |||
+ | #leftsidemenuc li{padding-left:10px;} | ||
+ | |||
+ | #leftsidemenuc 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} | ||
+ | |||
+ | #leftsidemenuc a:hover{border-top:1px solid #B0C4DE; | ||
+ | border-bottom:1px solid #B0C4DE; | ||
+ | border-left:1px solid #B0C4DE} | ||
+ | |||
+ | #leftsidemenuc .selflink{border-top:1px solid #B0C4DE; | ||
+ | border-bottom:1px solid #B0C4DE; | ||
+ | border-left:1px solid #B0C4DE} | ||
+ | |||
+ | #leftsidemenuc .normalc{padding-right:0.5%; | ||
+ | border-top:1px solid #B0C4DE; | ||
+ | border-bottom:1px solid #B0C4DE; | ||
+ | padding:0px;} | ||
+ | |||
+ | #leftsidemenuc span{font-size:100%; | ||
+ | font-weight:700; | ||
+ | } | ||
+ | |||
+ | #leftsidemenuc .no-padding{padding:0} | ||
+ | |||
+ | #leftsidemenuc .subnavc{border:0px; | ||
+ | padding:0px; | ||
+ | border-top:0px solid #B0C4DE; | ||
+ | border-bottom:0px solid #B0C4DE; | ||
+ | } | ||
+ | |||
</style> | </style> | ||
</head> | </head> | ||
- | <body onLoad="P7_equalCols2(0,'content-container','P',' | + | <body onLoad="P7_equalCols2(0,'content-container','P','leftsidemenuc','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 141: | Line 269: | ||
<ul> | <ul> | ||
- | <span style="padding-left:0 px;"><big> | + | <span style="padding-left:0 px;" id="dtop;"><big><br></big></span> |
+ | <span style="padding-left:0 px;"><big>'''[[Team:MoWestern_Davidson | Home]]'''</big></span> | ||
<span style="padding-left:0 px;"><big> '''[[Team:MoWestern_Davidson/team | Team]]'''</big></span> | <span style="padding-left:0 px;"><big> '''[[Team:MoWestern_Davidson/team | Team]]'''</big></span> | ||
<span style="padding-left:0 px;"><big> '''[[Team:MoWestern_Davidson/project | Project Overview]]'''</big></span> | <span style="padding-left:0 px;"><big> '''[[Team:MoWestern_Davidson/project | Project Overview]]'''</big></span> | ||
Line 155: | Line 284: | ||
<span style="padding-left:0 px;"><big> '''[[Team:MoWestern_Davidson/notebooks | Notebooks]]'''</big></span> | <span style="padding-left:0 px;"><big> '''[[Team:MoWestern_Davidson/notebooks | Notebooks]]'''</big></span> | ||
<span style="padding-left:0 px;"><big> '''[[Team:MoWestern_Davidson/human_practice | Human Practice]]'''</big></span> | <span style="padding-left:0 px;"><big> '''[[Team:MoWestern_Davidson/human_practice | Human Practice]]'''</big></span> | ||
- | <span style="padding-left:0 px;"><big> '''[[Team:MoWestern_Davidson/acknowledgements | Acknowledgements]]'''</big></span> | + | <span style="padding-left:0 px;"><big> '''[[Team:MoWestern_Davidson/acknowledgements | Acknowledgements]]'''</big></span><br><br><br><br> |
- | + | <span style="padding-left:0 px;"><big> '''[[#dtop]]'''</big></span> | |
</ul> | </ul> | ||
Line 164: | Line 293: | ||
</div> | </div> | ||
<!-- end*** LEFTSIDEMENU *** --> | <!-- end*** LEFTSIDEMENU *** --> | ||
+ | |||
+ | <!-- *** LEFTSIDEMENUB *** --> | ||
+ | <div id="leftsidemenub" background-color:#003366;> | ||
+ | <!--links div--> | ||
+ | <div class="normalb subnavb"> | ||
+ | </html> | ||
+ | <ul> | ||
+ | <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br> | ||
+ | <span style="padding-left:0 px;">'''[[Team:MoWestern_Davidson/project | Project Overview]]'''</span> | ||
+ | </ul> | ||
+ | <html> | ||
+ | <!--end links div--> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!-- end*** LEFTSIDEMENUB *** --> | ||
+ | <!-- *** LEFTSIDEMENUC *** --> | ||
+ | <div id="leftsidemenuc" background-color:#660033;> | ||
+ | <!--links div--> | ||
+ | <div class="normalc subnavc"> | ||
+ | </html> | ||
+ | |||
+ | <ul> | ||
+ | <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br> | ||
+ | </ul> | ||
+ | |||
+ | <html> | ||
+ | <!--end links div--> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!-- end*** LEFTSIDEMENUC *** --> | ||
+ | |||
<!-- *** CONTENT *** --> | <!-- *** CONTENT *** --> | ||
- | <div id="content-container | + | <div id="content-container"> |
</html> | </html> |