Template:MoWestern Davidson2009s

From 2009.igem.org

(Difference between revisions)
 
(45 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:#009900;}
+
.logo-div{background-color:#003366;}
-
/* COLOR #2 background of the horizontal bar */
+
/* COLOR #2 background left side menu */
-
#topbar-nav{background-color:#330066;}
+
#leftsidemenu .body {background-color:#003366;}
 +
#leftsidemenu .normal{background-color:#003366;}
-
/* COLOR #3 background left side menu */
+
/* COLOR #3 background left side menub */
-
#leftsidemenu .body {background-color:#8BB381;}
+
#leftsidemenub .body {background-color:#003366;}
-
#leftsidemenu .normal{background-color:#8BB381;}
+
#leftsidemenub .normalb {background-color:#003366;}
-
/* COLOR #4 background of buttons in left side menu on hover */
+
/* COLOR #4 background left side menuc */
-
#leftsidemenu a:hover{background-color:#C3FDB8;}
+
#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:#C3FDB8;}
+
#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;}
-
/* COLOR #6 background main content area */
 
-
#content-container{background-color:#FFFFF;}
 
/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
-
/*  general stuff                                                           */
+
/*  general stuff                                                                                                                                                       */
/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
Line 34: Line 43:
}
}
-
#content {padding-left:5;
+
#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:10px;
+
.logo-div{padding-top:2px;
-
           padding-bottom:3px; }
+
           padding-bottom:2px; }
/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
-
/* content                                                                   */
+
/* content                                                                                                                                                                 */
/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
-
#content-container{margin-left:0px;  
+
#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)                                                                                                                                                    */
/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
-
 
-
a.side-link:link, a.side-link:active, a.side-link:visited, a.side-link:hover{border:1px solid #ececec}
 
#content{height:100%;}
#content{height:100%;}
Line 80: Line 86:
#leftsidemenu {width:180px;
#leftsidemenu {width:180px;
                   float:left;
                   float:left;
-
                   z-index:99%;
+
                  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-bottom:0px;
+
                         padding:0px;
-
                         padding-top: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:black;  
+
#leftsidemenu a:link, #leftsidemenu a:active, #leftsidemenu a:visited, #leftsidemenu a:hover, #leftsidemenu .selflink{color:white;  
-
                                                                        text-decoration:none;  
+
                text-decoration:none;  
-
                                                                        padding:3px;  
+
                padding:0px;  
-
                                                                        display:block;  
+
                display:block;  
-
                                                                        border-top:0px solid #ececec;  
+
                padding-left:12px;
-
                                                                        border-bottom:0px solid #ececec;
+
                border-top:1px solid #003366;  
-
                                                                        padding-left:12px}
+
                border-bottom:1px solid #003366;
-
       
+
                border-left:1px solid #003366}
-
#leftsidemenu a:hover{border-top:0px solid gray;  
+
     
-
                   border-bottom:0px solid gray}
+
#leftsidemenu a:hover{border-top:1px solid #B0C4DE;  
 +
                   border-bottom:1px solid #B0C4DE;
 +
                  border-left:1px solid #B0C4DE}
-
#leftsidemenu .selflink{border-top:0px solid gray;  
+
#leftsidemenu .selflink{border-top:1px solid #B0C4DE;  
-
                   border-bottom:0px solid gray}                                                                                                               
+
                   border-bottom:1px solid #B0C4DE;
 +
                  border-left:1px solid #B0C4DE}                                                                                                               
#leftsidemenu .normal{padding-right:0.5%;  
#leftsidemenu .normal{padding-right:0.5%;  
-
                                 border-top:0px solid gray;
+
                                 border-top:1px solid #B0C4DE;
-
                                 padding-bottom:0px;}
+
                                 border-bottom:1px solid #B0C4DE; 
 +
                                padding:0px;}
-
#leftsidemenu span{font-size:90%;  
+
#leftsidemenu span{font-size:100%;  
-
                             font-weight:700}
+
                             font-weight:700;
 +
                            }
#leftsidemenu .no-padding{padding:0}
#leftsidemenu .no-padding{padding:0}
-
#leftsidemenu .subnav{border:0;  
+
#leftsidemenu .subnav{border:0px;  
-
                             padding-left:0;  
+
                             padding:0px;
-
                             padding-right:0;
+
                            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','leftsidemenu','P')">
+
<body onLoad="P7_equalCols2(0,'content-container','P','leftsidemenuc','P')">
<!-- *** HEADER *** -->
<!-- *** HEADER *** -->
-
<div class="logo-div">
+
<center><div class="logo-div">
-
&nbsp;&nbsp;<img src="">
+
<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>&nbsp;'''[[Team:MoWestern_Davidson | Home]]'''</big></span>
+
           <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>&nbsp;'''[[Team:MoWestern_Davidson/team | Team]]'''</big></span>
           <span style="padding-left:0 px;"><big>&nbsp;'''[[Team:MoWestern_Davidson/team | Team]]'''</big></span>
           <span style="padding-left:0 px;"><big>&nbsp;'''[[Team:MoWestern_Davidson/project | Project Overview]]'''</big></span>
           <span style="padding-left:0 px;"><big>&nbsp;'''[[Team:MoWestern_Davidson/project | Project Overview]]'''</big></span>
Line 155: Line 284:
         <span style="padding-left:0 px;"><big>&nbsp;'''[[Team:MoWestern_Davidson/notebooks | Notebooks]]'''</big></span>
         <span style="padding-left:0 px;"><big>&nbsp;'''[[Team:MoWestern_Davidson/notebooks | Notebooks]]'''</big></span>
         <span style="padding-left:0 px;"><big>&nbsp;'''[[Team:MoWestern_Davidson/human_practice | Human Practice]]'''</big></span>
         <span style="padding-left:0 px;"><big>&nbsp;'''[[Team:MoWestern_Davidson/human_practice | Human Practice]]'''</big></span>
-
         <span style="padding-left:0 px;"><big>&nbsp;'''[[Team:MoWestern_Davidson/acknowledgements | Acknowledgements]]'''</big></span>
+
         <span style="padding-left:0 px;"><big>&nbsp;'''[[Team:MoWestern_Davidson/acknowledgements | Acknowledgements]]'''</big></span><br><br><br><br>
-
        <span style="padding-left:0 px;"><big>&nbsp;</big></span>
+
<span style="padding-left:0 px;"><big>&nbsp;'''[[#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" style="width: 800px; height: 600px; overflow: auto; padding: 5px" align="left">
+
<div id="content-container">
</html>
</html>

Latest revision as of 04:17, 17 August 2009