Template:WashUback

From 2009.igem.org

(Difference between revisions)
(New page: <html> <style type="text/css"> .firstHeading {display: none;} body {height:100%; margin:0; padding:0; background-color:#003C7D;} #content {background-color:#ffffff; b...)
 
(260 intermediate revisions not shown)
Line 1: Line 1:
 +
__NOTOC__
<html>
<html>
 +
<head><META NAME="Description" CONTENT="Washington University in St. Louis iGEM Wash U wustl iGEM Jacob Rubens Jacob Cecil Thomas Stevens Brendan Cummings Alice Meng Stephanie Chang Colin Foley Jaffre Athman Jeff Knuddy
 +
.">
 +
</head>
<style type="text/css">
<style type="text/css">
 +
  body {background-color:#8b0000;background-repeat:repeat; }
   .firstHeading {display: none;}
   .firstHeading {display: none;}
-
   body {height:100%; margin:0; padding:0; background-color:#003C7D;}
+
   #content {padding-left:5px; padding-right:5px; background-color:#FFEFD5;}
-
   #content {background-color:#ffffff;
+
   #footer-box {background-color:#8b0000; border-color:#8b0000;}
-
            border-left-color:#8B0000;
+
   #bodyContent {background-color: #FFEFD5;}
-
            border-right-color:#8B0000;}
+
  p {color:#000000;}
-
   #footer-box {background-color:#8B0000;
+
/* Red Border */
-
                border-color:#8B0000;}
+
   div#top-section {border-width:50px 30px; border-color:#ffefd5;}  
-
/* Red Border (deleted global wrapper since this actually works how we wanted it to) */
+
   div#footer-box {border-width: 50px 30px; border-color:#8b0000;}
-
 
+
   div#content {border-width:30px; border-color: #FFEFD5}
-
   div#top-section, div#content, div#footer-box {border-width: 30px;
+
</style>
-
                                                border-color: #8B0000}
+
<a href="https://2009.igem.org/Team:Wash_U"><img width=965px src="https://static.igem.org/mediawiki/2009/3/35/NewBanner.png"></a>
-
   table.calendar td      {vertical-align: top; align: center;}
+
</body>
-
   table.month {background-color: #8B0000; border: solid 1px;}
+
<!-- Css Menu: -->
-
  table.month .heading td {background-color:#003C7D; color:#8B0000; text-align: center; font-weight:bold; text-size: 140%;}
+
<style>
-
  table.month .dow td    { color:#000000; text-align:center; font-size:100%; }
+
ul.cssMenu ul{display:none}
-
  table.month td {border: none;
+
ul.cssMenu li:hover>ul{display:block}
-
                  text-align: center;
+
ul.cssMenu ul{position: absolute;left:-50px;top:92px;}    <!--Move drop down boxes-->
-
                  background-color: #8B0000;
+
ul.cssMenu ul ul{position: absolute;left:98%;top:-2px;}
-
                  }
+
ul.cssMenu,ul.cssMenu ul {
-
  table.month a:hover {background-color: #CCC; text-decoration: none}
+
margin-left:50px;
-
  .day-active {color:#003C7D; font-weight: bold}
+
        margin-top:-65px;
-
  .day-empty {color: #000000}
+
list-style:none;
-
/*Following code for pipe navigation found at http://css.maxdesign.com.au/listamatic/horizontal36.htm*/
+
padding:0px 3px 3px 0px;
-
#navcontainer
+
background-color:#FFEFD5;<!--background border, tan-->
-
{
+
background-repeat:repeat;
-
margin-bottom: 1em;
+
border-color:#8B0000;<!--main big border color, red-->
-
overflow: hidden;
+
border-width:1px;
-
width: 460px;
+
border-style:solid;
}
}
-
 
+
ul.cssMenu table {border-collapse:collapse;}ul.cssMenu {
-
#navlist
+
display:block;
-
{
+
zoom:1;
-
list-style-type: none;
+
position:absolute;
-
margin: 0;
+
z-index: 1000;
-
padding: 0;
+
left: 100;
 +
top: 200;
}
}
-
 
+
* HTML ul.cssMenu {position:absolute;}
-
#navlist li
+
ul.cssMenu ul{
-
{
+
width:161px;         <!--width of background for drop downs-->
-
border-left: 1px solid #000;
+
-
float: left;
+
-
line-height: 1.1em;
+
-
margin: 0 .5em 0 -.5em;
+
-
padding: 0 .5em 0 .5em;
+
}
}
-
/*Following coding for menubar found at http://ago.tanfa.co.uk/css/examples/menu/tutorial-h.html*/
+
ul.cssMenu li {
-
/**************** menu coding *****************/
+
display:block;
-
#menu {
+
margin:3px 0px 0px 3px;
-
width: 100%;
+
font-size:0px;
-
background: #F47F24;
+
-
float: left;
+
}
}
-
 
+
ul.cssMenu a:active, ul.cssMenu a:focus {
-
#menu ul {
+
outline-style:none;
-
list-style: none;
+
-
margin: 0;
+
-
padding: 0;
+
-
width: 12.65em;
+
-
float: left;
+
}
}
-
 
+
ul.cssMenu a, ul.cssMenu li.dis a:hover, ul.cssMenu li.sep a:hover {
-
#menu a.gray, #menu a.orange {
+
display:block;
-
text-align: center;
+
vertical-align:middle;
-
text-transform: uppercase;
+
background-color:#FFEFD5;<!--background inside boxes, tan-->
-
display: block;
+
border-width:0px;
-
border-width: 1px;
+
border-color:#FFEFD5;<!--inside smaller borders, tan-->
-
border-style: solid;
+
border-style:solid;
-
border-color: #ccc #888 #555 #bbb;
+
text-align:center;
-
margin: 0;
+
text-decoration:none;
-
padding: 2px 3px;
+
padding:4px;
 +
_padding-left:4px;
 +
font:17px Trebuchet MS;
 +
color: #000000;<!--text color, not in hover, black-->
 +
text-decoration:none;
 +
cursor:pointer;
}
}
-
 
+
ul.cssMenu span{
-
#menu a.orange {
+
overflow:hidden;
-
color: #003C7D;
+
-
font-weight: bold;
+
-
font-size: 16px;
+
-
background: #F47F24;
+
-
text-decoration: none;
+
}
}
-
 
+
ul.cssMenu li {
-
#menu a.gray {
+
float:left;
-
color: #000;
+
-
font-weight: normal;
+
-
font-size: 12px;
+
-
background: #efefef;
+
-
text-decoration: none;
+
}
}
-
 
+
ul.cssMenu ul li {
-
#menu a:hover {
+
float:none;
-
color: #fff;
+
       
-
background: #003C7D;
+
}
}
-
 
+
ul.cssMenu ul a {
-
#menu a.orange:active {
+
text-align:left;         <!--Drop menus text align-->
-
text-align: center;
+
white-space:nowrap;
-
display: block;
+
        horizontal-align:right;
-
border-width: 1px;
+
-
border-style: solid;
+
-
border-color: #ccc #888 #555 #bbb;
+
-
margin: 0;
+
-
padding: 2px 3px;
+
-
color: #fff;
+
-
background: #003C7D;
+
}
}
 +
ul.cssMenu li.sep{
 +
text-align:left;
 +
padding:0px;
 +
line-height:0;
 +
height:100%;
 +
}
 +
ul.cssMenu li.sep span{
 +
float:none; padding-right:0;
 +
width:3;
 +
height:100%;
 +
display:inline-block;
 +
background-color:#008000; background-image:none;}
 +
ul.cssMenu ul li.sep span{
 +
width:100%;
 +
height:3;
 +
}
 +
ul.cssMenu li:hover{
 +
position:relative;
 +
}
 +
ul.cssMenu li:hover>a{
 +
background-color:#8B0000;
 +
border-color:#8B0000;<!--?????????????, red-->
 +
border-style:solid;
 +
font:17px Trebuchet MS;
 +
color: ##FFFFFF;<!--???????????, white-->
 +
text-decoration:none;
 +
}
 +
ul.cssMenu li a:hover{
 +
position:left;
 +
background-color:#8B0000;
 +
font:17px Trebuchet MS;
 +
color: #FFFFFF;
 +
text-decoration:none;
 +
}
 +
ul.cssMenu li.dis a {
 +
color: #008000 !important;
 +
}
 +
ul.cssMenu img {border: none;float:left;_float:none;margin-right:0px;width:0px;
 +
height:0px;
 +
}
 +
ul.cssMenu ul img {width:16px;
 +
height:16px;
 +
}
 +
ul.cssMenu img.over{display:none}
 +
ul.cssMenu li.dis a:hover img.over{display:none !important}
 +
ul.cssMenu li.dis a:hover img.def {display:inline !important}
 +
ul.cssMenu li:hover > a img.def  {display:none}
 +
ul.cssMenu li:hover > a img.over {display:inline}
 +
ul.cssMenu a:hover img.over,ul.cssMenu a:hover ul img.def,ul.cssMenu a:hover a:hover ul img.def,ul.cssMenu a:hover a:hover img.over,ul.cssMenu a:hover a:hover a:hover img.over{display:inline}
 +
ul.cssMenu a:hover img.def,ul.cssMenu a:hover ul img.over,ul.cssMenu a:hover a:hover ul img.over,ul.cssMenu a:hover a:hover img.def,ul.cssMenu a:hover a:hover a:hover img.def{display:none}
 +
ul.cssMenu a:hover ul,ul.cssMenu a:hover a:hover ul{display:block}
 +
ul.cssMenu a:hover ul ul{display:none}
 +
ul.cssMenu span{
 +
display:block;
 +
background-image:url(./images/arrow_sub5.gif);
 +
background-position:right center;
 +
background-repeat: no-repeat;
 +
  padding-right:4px; padding-left:4px;}                              <!--Heres how you change padding on main bar-->
 +
ul.cssMenu ul span,ul.cssMenu a:hover table span{background-image:url(./images/arrow_sub2.gif)}
 +
ul.cssMenu ul li:hover > a span{ background-image:url(./images/arrow_sub5.gif);}
 +
ul.cssMenu table a:hover span,ul.cssMenu table a:hover a:hover span{background-image:url(./images/arrow_sub5.gif)}
 +
ul.cssMenu table a:hover table span{background-image:url(./images/arrow_sub2.gif)}
-
#menu li {position: relative;}
+
</style>
 +
</head>
-
#menu ul ul {
+
<body>
-
position: absolute;
+
-
z-index: 500;
+
-
}
+
-
#menu ul ul ul {
+
<ul class="cssMenu cssMenum">
-
position: absolute;
+
<li class=" cssMenui"><a class="  cssMenui" href="https://2009.igem.org/Team:Wash_U" ="_blank"><b>Home</b></a></li>
-
top: 0;
+
<li class=" cssMenui"><a class="  cssMenui" href="https://2009.igem.org/Team:Wash_U/Team"><span><b>Team</b></span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
-
left: 100%;
+
<ul class=" cssMenum">
-
}
+
<li class=" cssMenui"><a class="  cssMenui" href="https://2009.igem.org/Team:Wash_U/Team#Students" ="_blank"><b>Students</b></a></li>
 +
<li class=" cssMenui"><a class="  cssMenui" href="https://2009.igem.org/Team:Wash_U/Team#Faculty" ="_blank"><b>Faculty</b></a></li>
 +
<li class=" cssMenui"><a class="  cssMenui" href="https://2009.igem.org/Team:Wash_U/Team#Advisors" ="_blank"><b>Advisors</b></a></li>
 +
                <li class=" cssMenui"><a class="  cssMenui" href="https://2009.igem.org/Team:Wash_U/Team#University" ="_blank"><b>University</b></a></li>
 +
</ul>
 +
<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
-
div#menu ul ul,
 
-
div#menu ul li:hover ul ul,
 
-
div#menu ul ul li:hover ul ul
 
-
{display: none;}
 
-
div#menu ul li:hover ul,
+
<li class=" cssMenui"><a class="  cssMenui" href="https://2009.igem.org/Team:Wash_U/Project"><span><b>Project</b></span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
-
div#menu ul ul li:hover ul,
+
        <ul class=" cssMenum">
-
div#menu ul ul ul li:hover ul
+
<li class=" cssMenui"><a class="  cssMenui" href="https://2009.igem.org/Team:Wash_U/Project#Introduction" ="_blank"><b>Introduction</b></a></li>
-
{display: block;}
+
                <li class=" cssMenui"><a class=" cssMenui" href="https://2009.igem.org/Team:Wash_U/Project#Organism" ="_blank"><b>Organism</b></a></li>
-
</style>
+
                <li class=" cssMenui"><a class="  cssMenui" href="https://2009.igem.org/Team:Wash_U/Project#Regulation" ="_blank"><b>Regulation</b></a></li>
-
<!--[if IE]>
+
                <li class=" cssMenui"><a class="  cssMenui" href="https://2009.igem.org/Team:Wash_U/Project#Results" ="_blank"><b>Results</b></a></li>
-
<style type="text/css" media="screen">
+
                <li class=" cssMenui"><a class="  cssMenui" href="https://2009.igem.org/Team:Wash_U/Project#Analysis" ="_blank"><b>Analysis</b></a></li>
-
  #menu ul li {float: left; width: 100%;}
+
<li class=" cssMenui"><a class="  cssMenui" href="https://2009.igem.org/Team:Wash_U/Project#Conclusion" ="_blank"><b>Conclusion</b></a></li>
-
</style>
+
                <li class=" cssMenui"><a class="  cssMenui" href="https://2009.igem.org/Team:Wash_U/Project#References" ="_blank"><b>References</b></a></li>
-
<![endif]-->
+
</ul>
-
<!--[if lt IE 7]>
+
<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
-
<style type="text/css" media="screen">
+
       
-
body {
+
-
behavior: url(csshover.htc);
+
-
font-size: 100%;
+
-
}
+
-
#menu ul li a {height: 1%;}
+
<li class=" cssMenui"><a class="  cssMenui" href="https://2009.igem.org/Team:Wash_U/Biological_Parts"><span><b>Biological Parts</b></span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
 +
        <ul class=" cssMenum">
 +
<li class=" cssMenui"><a class="  cssMenui" href="https://2009.igem.org/Team:Wash_U/Biological_Parts#Parts" ="_blank"><b>Parts</b></a></li>
 +
<li class=" cssMenui"><a class="  cssMenui" href="https://2009.igem.org/Team:Wash_U/Biological_Parts#Characterization" ="_blank"><b>Characterization</b></a></li>
 +
                <li class=" cssMenui"><a class="  cssMenui" href="https://2009.igem.org/Team:Wash_U/Biological_Parts#Modeling" ="_blank"><b>Modeling</b></a></li>
 +
</ul>
 +
<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
-
#menu a.orange, #menu a.gray {
+
 
-
font: bold 0.7em/1.4em;
+
<li class=" cssMenui"><a class="  cssMenui" href="https://2009.igem.org/Team:Wash_U/Protocol"><span><b>Protocol</b></span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
-
}
+
<ul class=" cssMenum">
-
</style>
+
<li class=" cssMenui"><a class="  cssMenui" href="https://2009.igem.org/Team:Wash_U/Protocol#Procedures" ="_blank"><b>Procedures</b></a></li>
-
<![endif]-->
+
<li class=" cssMenui"><a class="  cssMenui" href="https://2009.igem.org/Team:Wash_U/Protocol#Recipes" ="_blank"><b>Recipes</b></a></li>
 +
</ul>
 +
<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
 +
 
 +
        <li class=" cssMenui"><a class="  cssMenui" href="https://2009.igem.org/Team:Wash_U/Notebook"><span><b>Notebook</b></span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
 +
 +
        <li class=" cssMenui"><a class="  cssMenui" href="https://2009.igem.org/Team:Wash_U/Safety"><span><b>Safety</b></span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
 +
<ul class=" cssMenum">
 +
<li class=" cssMenui"><a class="  cssMenui" href="https://2009.igem.org/Team:Wash_U/Safety#Safety" ="_blank"><b>Safety</b></a></li>
 +
<li class=" cssMenui"><a class="  cssMenui" href="https://2009.igem.org/Team:Wash_U/Safety#Sharing" ="_blank"><b>Sharing</b></a></li>
 +
               
 +
</ul>
 +
<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
 +
 
 +
 
 +
<li class=" cssMenui"><a class="  cssMenui" href="https://2009.igem.org/Team:Wash_U/Pictures"><span><b>Pictures</b></span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
 +
<ul class=" cssMenum">
 +
<li class=" cssMenui"><a class="  cssMenui" href="https://2009.igem.org/Team:Wash_U/Pictures#Slideshow" ="_blank"><b>Slideshow</b></a></li>
 +
<li class=" cssMenui"><a class="  cssMenui" href="https://2009.igem.org/Team:Wash_U/Pictures#Planning" ="_blank"><b>Planning</b></a></li>
 +
                <li class=" cssMenui"><a class="  cssMenui" href="https://2009.igem.org/Team:Wash_U/Pictures#Lab" ="_blank"><b>Lab</b></a></li>
 +
                <li class=" cssMenui"><a class="  cssMenui" href="https://2009.igem.org/Team:Wash_U/Pictures#People" ="_blank"><b>People</b></a></li>
 +
                <li class=" cssMenui"><a class="  cssMenui" href="https://2009.igem.org/Team:Wash_U/Pictures#Bacteria" ="_blank"><b>Bacteria</b></a></li>
 +
</ul>
 +
<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
 +
 
 +
 
 +
<li class=" cssMenui"><a class="  cssMenui" href="https://2009.igem.org/Team:Wash_U/Credits"><span><b>Credits</b></span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
 +
<ul class=" cssMenum">
 +
<li class=" cssMenui"><a class="  cssMenui" href="https://2009.igem.org/Team:Wash_U/Credits#Sponsors" ="_blank"><b>Sponsors</b></a></li>
 +
<li class=" cssMenui"><a class="  cssMenui" href="https://2009.igem.org/Team:Wash_U/Credits#Acknowledgements" ="_blank"><b>Acknowledgements</b></a></li>
 +
                <li class=" cssMenui"><a class="  cssMenui" href="https://2009.igem.org/Team:Wash_U/Credits#Links" ="_blank"><b>Links</b></a></li>
 +
</ul>
 +
<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
 +
 
 +
 
 +
<li class=" cssMenui"><a class="  cssMenui" href="https://2009.igem.org/Team:Wash_U/Comments"><span><b>Comments</b></span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
 +
 
 +
 
 +
</ul>
</html>
</html>

Latest revision as of 03:31, 22 October 2009