Template:Valencia09iGEM3

From 2009.igem.org

(Difference between revisions)
Line 2: Line 2:
<head>
<head>
<style type="text/css">
<style type="text/css">
 +
Line 24: Line 25:
                 font-family: Verdana;
                 font-family: Verdana;
             }  
             }  
 +
 +
#header {
 +
          width: 965px;
 +
          height: 220px;
 +
          position: relative;
 +
          text-decoration: none;
 +
          background: url(https://static.igem.org/mediawiki/2009/d/db/1000pix2valteam.jpg) no-repeat left top;
 +
        }
 +
 +
</style>
</style>
</head>
</head>
-
<div align=center>
+
<body>
-
    <embed src="https://static.igem.org/mediawiki/2009/3/39/Banner_val_igem.swf" type="application/x-shockwave-flash" wmode=transparent width="965" height="200"></embed>
+
<!--  <div align="center" style="position:absolute; top:100px;">
-
  </div>
+
<a href=background: url(https://static.igem.org/mediawiki/2009/d/db/1000pix2valteam.jpg) no-repeat left top;
 +
</div> -->
 +
<div id="header">
 +
    <!-- <embed src="https://static.igem.org/mediawiki/2009/3/39/Banner_val_igem.swf" type="application/x-shockwave-flash" wmode="transparent" width="965" height="200"></embed> -->
 +
  </div>
 +
 +
</body>
</html>
</html>
-
<html>
 
-
<head>
 
-
<style media="all" type="text/css">
+
<center><html>
 +
<style>
-
.nav {
+
body.mediawiki {background:#000 url(https://static.igem.org/mediawiki/2009/5/51/ValenciaBordeado4.JPG)  
-
height:35px;
+
top center repeat-y; position:relative; font-family:Gill Sans / Gill Sans MT, 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; color:#202020;}
-
background: url(https://static.igem.org/mediawiki/2009/c/c9/Bg.gif) repeat-x;  
+
-
position:relative;  
+
-
font-family:arial, verdana, sans-serif;  
+
-
font-size:11px;  
+
-
width:100%;
+
-
z-index:100;
+
-
margin:0;
+
-
padding:0;
+
-
}
+
-
.nav .table {
 
-
display:table;
 
-
margin:0 auto;
 
-
}
 
-
.nav .select,
+
<!-- /*-----------------------------------------------------------------------------------------------*/  -->
-
.nav .current {
+
div.MenuBar ul li ul.DropDownMenu {
-
margin:0;  
+
  display: none; /* Hides all drop-down menus. */
-
padding:0;
+
 
-
list-style:none;
+
}
-
display:table-cell;
+
/*
-
white-space:nowrap;
+
li:hover works in IE7 and FF2.
 +
a:hover works in IE6 and FF2.
 +
a:hover breaks li:hover in FF2.
 +
*/
 +
div.MenuBar ul li:hover ul.DropDownMenu li ul.SideMenu,
 +
div.MenuBar ul li a:hover ul.DropDownMenu li a ul.SideMenu {
 +
  display: none; /* Hides all side menus. */
}
}
 +
<!-- /*------------------------------------------------------------------------------------- Menu Bar */ -->
-
.nav li {
+
div.MenuBar {
-
margin:0;  
+
  font: arial, verdana, sans-serif;
-
padding:0;  
+
  height: 30px;
-
height:auto;  
+
  width: 704px;
-
float:left;
+
  /*width: 100%;*/
 +
  margin: -37px;
 +
  border-top: 0;
 +
  border-right: 0;
 +
  border-left: 0;
 +
  padding: 0;
 +
  background: #2b3238;
 +
 
}
}
-
.nav .select a {
+
div.MenuBar ul {
-
display:block;  
+
  font: arial, verdana, sans-serif;
-
height:35px;  
+
  text-align: center;
-
float:left;  
+
  list-style-type: none;
-
font-weight:bold;
+
  margin: 0.5em auto;
-
background: url(https://static.igem.org/mediawiki/2009/c/c9/Bg.gif);  
+
  border: 0;
-
padding:0 30px 0 30px;  
+
  padding: 0;
-
text-decoration:none;  
+
  background: #2b3238;
-
line-height:35px;  
+
}
-
white-space:nowrap;  
+
div.MenuBar ul li {
-
color:#dfdfdf;
+
  font: arial, helvetica, sans-serif;
 +
  display: block;
 +
  padding: 0;
 +
  margin: 0;
 +
  font-size: 1.3em;
 +
  float: left;
 +
  background: white;
 +
  text-align: center;
 +
  width: 136px;
 +
  /*width: 107px;*/
 +
  position: relative; /* Sets the positioning context for each drop-down menu. */
}
}
-
 
+
div.MenuBar ul li a {
-
.nav .select a:hover,  
+
  font: arial, helvetica, sans-serif;
-
.nav .select li:hover a {
+
  display: block;
-
background: url(https://static.igem.org/mediawiki/2009/e/e6/Hover.gif);  
+
  background: #000000;
-
padding:0 0 0 15px;  
+
  height: 22px; /* Keep height + padding-top + padding-bottom sync with the menu bar height. */
-
cursor:pointer;  
+
  color: none;
-
color:#2b3238;
+
  padding-top: 4px;
 +
  padding-bottom: 4px;
 +
  padding-left: 1em; /* Sets the left space between top-level items. */
 +
  padding-right: 1em; /* Sets the right space between top-level items. */
 +
  text-decoration: none;
}
}
-
.nav .select a b{
+
<!-- /*------------------------------------------------------------------------------ Drop-Down Menus */ -->
-
font-weight:bold;
+
div.MenuBar ul li:hover ul.DropDownMenu,
-
}
+
div.MenuBar ul li a:hover ul.DropDownMenu {
 +
  display: block;
 +
  width: 129px; /* Drop-down menu width.
 +
                  Use MenuTailor.css to customize. */
 +
  height: 1em;
 +
  padding: 0; /* Sets the drop-down menu "effective border" width. */
 +
  position: absolute;
 +
  top: 23px; /* Places the drop-down menu under the menu bar.
 +
                Keep it sync with the menu bar height. */
 +
  left: 0; /* Aligns the drop-down menu to its top-level item. */
 +
  background-color: white; /* Selected item. */
 +
  color: none;
-
.nav .select a:hover b,
 
-
.nav .select li:hover a b {
 
-
display:block;
 
-
float:left;
 
-
padding:0 30px 0 15px;
 
-
background:url(https://static.igem.org/mediawiki/2009/e/e6/Hover.gif) right top;
 
-
cursor:pointer;
 
}
}
-
 
+
div.MenuBar ul li:hover ul.DropDownMenu li a,
-
.nav .select_sub {
+
div.MenuBar ul li a:hover ul.DropDownMenu li a {
-
display:none;
+
  width: 129px; /* Keep it sync with the drop-down menu width.
 +
                            Use MenuTailor.css to customize. */
 +
  height: 1em;
 +
  padding-left: 0;
 +
  padding-right: 0;
 +
  background-color: #2b3238; /* Selected item. */
 +
  color: none;
}
}
-
 
+
ul.DropDownMenu li a span {
-
/* IE6 only */
+
  display: block;
-
.nav table {
+
  padding-left: 0.25em; /* Sets the left space of each drop-down menu item. */
-
border-collapse:collapse;  
+
  padding-right: 0.25em; /* Sets the right space of each drop-down menu item. */
-
margin:-1px;  
+
  text-align: right; /* Aligns the >> symbol to the right. */
-
font-size:1em;
+
-
width:0;  
+
-
height:0;
+
}
}
-
 
+
ul.DropDownMenu li a span span {
-
.nav .sub {
+
  float: left; /* Aligns the text (back) to the left. */
-
display:table;  
+
  font: 12px arial, helvetica, sans-serif; /* Required for IE55. */
-
margin:0 auto;  
+
  height: 20px;
-
padding:0;  
+
  color: none;
-
list-style:none;
+
}
}
-
 
+
<!-- /*----------------------------------------------------------------------------------- Side Menus */ -->
-
.nav .sub_active .current_sub a,  
+
div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu,
-
.nav .sub_active a:hover {
+
div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu {
-
background:transparent;  
+
  display: block;
-
color:#2b3238;
+
  width: 10.5em; /* Side menu width.
 +
                  Use MenuTailor.css to customize. */
 +
  height: 1.25em;
 +
  padding: 0; /* Sets the side menu "effective border" width. */
 +
  position: absolute;
 +
  top: -7.5px; /* Aligns the side menu to its drop-down menu item.
 +
                Keep it sync with the side menu "effective border" width. */
 +
  left: 10.5em; /* Places the side menu to the right of the drop-down menu.
 +
                            Keep it sync with the drop-down menu width.
 +
                            Use MenuTailor.css to customize. */
}
}
-
 
+
div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu li a,
-
.nav .select :hover .select_sub,  
+
div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu li a {
-
.nav .current .show {
+
  width: 10.5em; /* Keep it sync with the side menu width.
-
display:block;
+
                            Use MenuTailor.css to customize. */
-
position:absolute;
+
  height: 1.25em;
-
width:100%;  
+
  font: 12px arial, helvetica, sans-serif; /* Required for IE55. */
-
top:35px;
+
  left: 10.5em; /* Places the side menu to the right of the drop-down menu.
-
background:url(https://static.igem.org/mediawiki/2009/f/f8/Back.gif);
+
                            Keep it sync with the drop-down menu width.
-
padding:0;  
+
                            Use MenuTailor.css to customize. */
-
z-index:100;  
+
-
left:0;  
+
-
text-align:center;
+
}
}
-
 
+
div.MenuBar ul li ul.DropDownMenu li ul.SideMenu li a span {
-
.nav .current .show {
+
  padding-left: 0.5em; /* Sets the left space of each side menu item. */
-
z-index:10;
+
  padding-right: 0.1em; /* Sets the right space of each side menu item. */
 +
  text-align: left;
 +
  font: 12px arial, helvetica, sans-serif; /* Required for IE55. */
 +
  left: 9.75em; /* Places the side menu to the right of the drop-down menu.
 +
                            Keep it sync with the drop-down menu width.
 +
                            Use MenuTailor.css to customize. */
}
}
-
 
+
<!-- /*----------------------------------------------------------------------------- Browser Specific */ -->
-
.nav .select :hover .sub li a,
+
* html div.MenuBar {
-
.nav .current .show .sub li a {
+
  position: relative; /* For IE55 and IE6.
-
display:block;
+
                        Hidden (* html) from non-IE browsers. */
-
float:left;  
+
-
background:transparent;
+
-
padding:0 10px 0 10px;
+
-
margin:0;
+
-
white-space:nowrap;
+
-
border:0;
+
-
color:#2b3238;
+
}
}
-
 
+
* html div.MenuBar ul li a {
-
.nav .current .sub li.sub_show a {
+
  float: left; /* For IE55 and IE6.
-
color:#2b3238;  
+
                  Breaks O9.
-
cursor:default;
+
                  Hidden (* html) from non-IE browsers. */
}
}
-
 
+
* html ul.DropDownMenu li a:hover {
-
.nav .select .sub li a {
+
  cursor: hand; /* For IE55.
-
font-weight:normal;
+
                  Hidden (* html) from non-IE browsers. */
}
}
-
 
+
ul.DropDownMenu li a:hover {
-
.nav .select :hover .sub li a:hover,
+
  cursor: pointer; /* For IE6 and IE7.
-
.nav .current .sub li a:hover {
+
                      Hidding it (* html) from non-IE browsers breaks IE7! */
-
visibility:visible;  
+
-
color:#909090;
+
}
}
-
</style>
+
* html div.MenuBar a:hover {
-
<!--[if IE]>
+
  text-decoration: none; /* For IE55 and IE6.
-
<style media="all" type="text/css">
+
                            Hidden (* html) from non-IE browsers. */
-
 
+
-
.nav ul {display:inline-block;}
+
-
.nav ul {display:inline;}
+
-
.nav ul li {float:left;}
+
-
.nav {text-align:center;}
+
-
.nav .select a:hover b,
+
-
.nav .select li:hover a b {float:none;}
+
-
 
+
-
</style>
+
-
<![endif]-->
+
-
<div class="nav">
+
-
<div class="table">
+
-
<ul class="select"><li><a href="https://2009.igem.org/Team:Valencia" target="_self"><b>HOME</b></a>
+
-
</li>
+
-
</ul>
+
-
<ul class="select"><li><a href="https://2009.igem.org/Team:Valencia/TeamVal" target="_self"><b>TEAM</b></a>
+
-
</li>
+
-
</ul>
+
-
<ul class="select"><li><a href="https://2009.igem.org/Team:Valencia/Project" target="_self"><b>PROJECT</b></a>
+
-
</li>
+
-
</ul>
+
-
<ul class="select"><li><a href="https://2009.igem.org/Team:Valencia/Human" target="_self"><b>HUMAN PRACTICES</b></a>
+
-
</li>
+
-
</ul>
+
-
<ul class="select"><li><a href="https://2009.igem.org/Team:Valencia/Notebook" target="_self"><b>NOTEBOOK</b></a>
+
-
</li>
+
-
</ul>
+
-
<ul class="select"><li><a href="https://2009.igem.org/Team:Valencia/News" target="_self"><b>MEDIA</b></a>
+
-
</li>
+
-
</ul>
+
-
</div>
+
-
</div>
+
-
 
+
-
</head>
+
-
</html>
+
-
 
+
-
<html>
+
-
<head>
+
-
 
+
-
<style media="all" type="text/css">
+
-
 
+
-
 
+
-
 
+
-
.nav {
+
-
height:35px;
+
-
background: url(https://static.igem.org/mediawiki/2009/0/09/Bg2.gif) repeat-x;
+
-
position:relative;
+
-
font-family:arial, verdana, sans-serif;
+
-
font-size:11px;
+
-
width:100%;
+
-
z-index:100;
+
-
margin:0;
+
-
padding:0;
+
}
}
-
 
+
* html div.MenuBar ul li table,
-
.nav .table {
+
* html div.MenuBar ul li table td {
-
display:table;  
+
  border: 0px none; /* For IE55 and IE6.
-
margin:0 auto;
+
                Hidden (* html) from non-IE browsers. */
}
}
-
 
+
<!-- /*------------------------------------------------------------------------------- Default Colors */ -->
-
.nav .select,
+
div.MenuBar {
-
.nav .current {
+
  background-color: Menu;
-
margin:0;
+
  border-bottom: 1px solid ButtonShadow;
-
padding:0;
+
-
list-style:none;
+
-
display:table-cell;  
+
-
white-space:nowrap;
+
}
}
-
 
+
div.MenuBar a {
-
.nav li {
+
  background-color: Menu; /* Top-level unselected items. */
-
margin:0;
+
  color: MenuText;
-
padding:0;
+
-
height:auto;  
+
-
float:left;
+
}
}
-
 
+
div.MenuBar ul li:hover a,
-
.nav .select a {
+
div.MenuBar ul li a:hover {
-
display:block;  
+
  color:#2b3238;
-
height:35px;
+
  background-color: Highlight; /* Top-level selected item. */
-
float:left;
+
  color: HighlightText;
-
font-weight:bold;
+
-
background: url(https://static.igem.org/mediawiki/2009/0/09/Bg2.gif);
+
-
padding:0 30px 0 30px;
+
-
text-decoration:none;
+
-
line-height:35px;
+
-
white-space:nowrap;
+
-
color:#2b3238;
+
}
}
-
 
+
<!-- /*...............................................................................................*/ -->
-
 
+
div.MenuBar ul li:hover ul.DropDownMenu,
-
.nav .select a:hover,  
+
div.MenuBar ul li a:hover ul.DropDownMenu {
-
.nav .select li:hover a {
+
  background-color: ButtonShadow; /* Sets the drop-down menu "effective border" color. */
-
background: url(https://static.igem.org/mediawiki/2009/8/81/Hover2.gif);  
+
}
-
padding:0 0 0 15px;  
+
div.MenuBar ul li:hover ul.DropDownMenu li a,
-
cursor:pointer;  
+
div.MenuBar ul li a:hover ul.DropDownMenu li a {
-
color:#2b3238;
+
  background-color: Menu;  Drop-down menu unselected items.
 +
                            Sets the drop-down menu "effective background" color. */
 +
  color: MenuText;
 +
}
 +
div.MenuBar ul li:hover ul.DropDownMenu li:hover a,
 +
div.MenuBar ul li a:hover ul.DropDownMenu li a:hover {
 +
  background-color: Highlight; /* Drop-down menu selected item. */
 +
  color: HighlightText;
 +
}
 +
<!-- /*...............................................................................................*/ -->
 +
div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu,
 +
div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu {
 +
  background-color: ButtonShadow; /* Sets the side menu "effective border" color. */
 +
}
 +
div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu li a,
 +
div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu li a {
 +
  background-color: Menu; /* Side menu unselected items.
 +
                            Sets the side menu "effective background" color. */
 +
  color: MenuText;
 +
}
 +
div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu li a:hover,
 +
div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu li a:hover {
 +
  background-color: Highlight; /* Side menu selected item. */
 +
  color: HighlightText;  
 +
}
 +
/*-----------------------------------------------------------------------------------------------*/
 +
/*Script-Free 3-Level Menu 1.2 Tailor
 +
  www.CesarDaniel.info
 +
/*-------------------------------------------------------------------------------------- General */
 +
body {
 +
  background: white;
 +
  color: #2b3238;
 +
  margin: 0;
 +
  border: 0;
 +
  padding: 0;
}
}
-
.nav .select a b{
 
-
font-weight:bold;
 
-
}
 
-
.nav .select a:hover b,
+
div.MenuBar {
-
.nav .select li:hover a b {
+
  font: 13px arial, helvetica, sans-serif;
-
display:block;
+
-
float:left;
+
-
padding:0 30px 0 15px;
+
-
background:url(https://static.igem.org/mediawiki/2009/8/81/Hover2.gif) right top;
+
-
cursor:pointer;
+
}
}
-
 
+
div.MenuBar ul {
-
.nav .select_sub {
+
  font: 13px arial, helvetica, sans-serif; /* Required for IE55. */
-
display:none;
+
}
}
-
 
+
/*--------------------------------------------------------------------------------------- Colors */
-
/* IE6 only */
+
div.MenuBar {
-
.nav table {
+
  background-color: #ffffff; /* Selected item. */
-
border-collapse:collapse;  
+
  color: #000000;
-
margin:-1px;  
+
  border-bottom: 1px solid ButtonShadow;
-
font-size:1em;
+
-
width:0;
+
-
height:0;
+
}
}
-
 
+
div.MenuBar a,
-
.nav .sub {
+
div.MenuBar ul li:hover ul.DropDownMenu li a,
-
display:table;
+
div.MenuBar ul li a:hover ul.DropDownMenu li a,
-
margin:0 auto;
+
div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu li a,
-
padding:0;
+
div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu li a {
-
list-style:none;
+
  background-color: #77BDF1; /* Selected item. */
 +
  color: #000000;
}
}
-
 
+
div.MenuBar ul li:hover a,
-
.nav .sub_active .current_sub a,  
+
div.MenuBar ul li a:hover,
-
.nav .sub_active a:hover {
+
div.MenuBar ul li:hover ul.DropDownMenu li:hover a,
-
background:transparent;  
+
div.MenuBar ul li a:hover ul.DropDownMenu li a:hover,
-
color:#2b3238;
+
div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu li a:hover,
 +
div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu li a:hover {
 +
  background-color: #229BF7; /* Selected item. */
 +
  color: #24006B;
}
}
-
 
+
div.MenuBar ul li:hover ul.DropDownMenu,
-
.nav .select :hover .select_sub,  
+
div.MenuBar ul li a:hover ul.DropDownMenu,
-
.nav .current .show {
+
div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu,
-
display:block;
+
div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu {
-
position:absolute;
+
  background-color: none; /* Sets the drop-down and side menus "effective border" color. */
-
width:100%;
+
-
top:35px;
+
-
background:url(https://static.igem.org/mediawiki/2009/6/65/Back2.gif);
+
-
padding:0;
+
-
z-index:100;
+
-
left:0;
+
-
text-align:center;
+
}
}
 +
/*--------------------------------------------------------------------------------------- Widths */
 +
/*
-
.nav .current .show {
+
/*
-
z-index:10;
+
Menu Bar 1
-
}
+
Drop-Down Menu #2
-
.nav .select :hover .sub li a,  
+
div.MenuBar#navi ul li:hover ul.DropDownMenu#MB1-DDM4,
-
.nav .current .show .sub li a {
+
div.MenuBar#navi ul li a:hover ul.DropDownMenu#MB1-DDM4,
-
display:block;  
+
div.MenuBar#navi ul li:hover ul.DropDownMenu#MB1-DDM4 li a,
-
float:left;
+
div.MenuBar#navi ul li a:hover ul.DropDownMenu#MB1-DDM4 li a {
-
background:transparent;
+
  width: 12em; /* Drop-down menu width. */
-
padding:0 10px 0 10px;
+
-
margin:0;
+
-
white-space:nowrap;
+
-
border:0;
+
-
color:#2b3238;
+
}
}
 +
div.MenuBar#navi ul li:hover ul.DropDownMenu#MB1-DDM5,
 +
div.MenuBar#navi ul li a:hover ul.DropDownMenu#MB1-DDM5,
 +
div.MenuBar#navi ul li:hover ul.DropDownMenu#MB1-DDM5 li a,
 +
div.MenuBar#navi ul li a:hover ul.DropDownMenu#MB1-DDM5 li a {
 +
  width: 12em; /* Drop-down menu width. */
 +
}
 +
*/
 +
/*...............................................................................................*/
 +
/*
 +
Menu Bar 1
 +
Drop-Down Menu #2
 +
Side Menu #1
-
.nav .current .sub li.sub_show a {
+
div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM1,
-
color:#2b3238;
+
div.MenuBar#navi ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#MB1-DDM2-SM1 {
-
cursor:default;  
+
  left: 13.5em !important; /* Places the side menu to the right of the drop-down menu.
 +
                            Keep it sync with the drop-down menu width. */
}
}
 +
div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM1,
 +
div.MenuBar#navi ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#MB1-DDM2-SM1,
 +
div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM1 li a,
 +
div.MenuBar#navi ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#MB1-DDM2-SM1 li a {
 +
  width: 10em; /* Side menu width. */
 +
}
 +
*/
 +
/*...............................................................................................*/
 +
/*
 +
Menu Bar 1
 +
Drop-Down Menu #2
 +
Side Menu #2
-
.nav .select .sub li a {
+
div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM2,
-
font-weight:normal;
+
div.MenuBar#navi ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#MB1-DDM2-SM2 {
 +
  left: 13.5em  !important; /* Places the side menu to the right of the drop-down menu.
 +
                            Keep it sync with the drop-down menu width. */
}
}
 +
div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM2,
 +
div.MenuBar#navi ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#MB1-DDM2-SM2,
 +
div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM2 li a,
 +
div.MenuBar#navi ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#MB1-DDM2-SM2 li a {
 +
  width: 10em; /* Side menu width. */
 +
}
 +
*/
 +
/*...............................................................................................*/
 +
/*
 +
Menu Bar 1
 +
Drop-Down Menu #2
 +
Side Menu #3
-
.nav .select :hover .sub li a:hover,  
+
div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM3,
-
.nav .current .sub li a:hover {
+
div.MenuBar#navi ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#MB1-DDM2-SM3 {
-
visibility:visible;  
+
  left: 13.5em  !important; /* Places the side menu to the right of the drop-down menu.
-
color:#73a0d2;  
+
                            Keep it sync with the drop-down menu width. */
 +
}
 +
div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM3,
 +
div.MenuBar#navi ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#MB1-DDM2-SM3,
 +
div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM3 li a,
 +
div.MenuBar#navi ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#MB1-DDM2-SM3 li a {
 +
  width: 10em; /* Side menu width. */
}
}
 +
*/
 +
/*...............................................................................................*/
</style>
</style>
-
<!--[if IE]>
 
-
<style media="all" type="text/css">
 
-
.nav ul {display:inline-block;}
 
-
.nav ul {display:inline;}
 
-
.nav ul li {float:left;}
 
-
.nav {text-align:center;}
 
-
.nav .select a:hover b,
 
-
.nav .select li:hover a b {float:none;}
 
-
</style>
+
<body>
-
<![endif]-->
+
 
-
<div class="nav">
+
<div class='MenuBar' id="navi">
-
<div class="table">
+
<ul>
-
<ul class="select"><li><a href="https://2009.igem.org/Team:Valencia/Modelling" target="_self"><b>MODELLING</b></a>
+
<li>
-
<div class="select_sub">
+
<a href="https://2009.igem.org/Team:Valencia" style="font-weight: bold; background: url(https://static.igem.org/mediawiki/2009/0/09/Bg2.gif)">Home
-
<ul class="sub">
+
<!--[if gt IE 6]><!--></a><!--<![endif]-->
-
<li><a href="https://2009.igem.org/Team:Valencia/OurModel" target="_self">MATHS</a></li>
+
<!--[if lt IE 7]><table border="0" cellpadding="0" cellspacing="0"><tr><td><![endif]-->
-
<li><a href="https://2009.igem.org/Team:Valencia/Simulations" target="_self">SIMULATIONS</a></li>
+
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
-
<li><a href="https://2009.igem.org/Team:Valencia/StochasticApproach" target="_self">STOCHASTIC APPROACH</a></li>
+
</li>
-
</ul>
+
<li>
-
</div>
+
<a href="https://2009.igem.org/Team:Valencia/TeamVal" style="font-weight: bold; background: url(https://static.igem.org/mediawiki/2009/0/09/Bg2.gif)">Team<!--
 +
                          [if gt IE 6]><!--></a><!--<![endif]-->
 +
<!--[if lt IE 7]><table border="0" cellpadding="0" cellspacing="0"><tr><td><![endif]-->
 +
<ul class="DropDownMenu" id="MB1-DDM6">
 +
<li><a href="https://2009.igem.org/Team:Valencia/TeamVal"><span><span>The Team</span></span></a></li>
 +
<li><a href="https://2009.igem.org/Team:Valencia/LabPictures"><span><span>Pictures</span></span></a></li>
 +
<li><a href="https://2009.igem.org/Team:Valencia/Universities"><span><span>The Universities</span></span>
 +
</a></li>
 +
<li><a href="https://2009.igem.org/Team:Valencia/Acknowledgements"><span><span>Acknowledgements</span></span>
 +
<!--[if gt IE 6]><!--></a><!--<![endif]-->
 +
<!--[if lt IE 7]><table border="0" cellpadding="0" cellspacing="0"><tr><td><![endif]-->
 +
</ul>
 +
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
 +
</li>
 +
<li>
 +
<a href="https://2009.igem.org/Team:Valencia/Project" style="font-weight: bold; background: url(https://static.igem.org/mediawiki/2009/0/09/Bg2.gif)">Project<!--[if gt IE 6]><!--></a><!--<![endif]-->
 +
<!--[if lt IE 7]><table border="0" cellpadding="0" cellspacing="0"><tr><td><![endif]-->
 +
<ul class="DropDownMenu" id="MB1-DDM1">
 +
<li><a href="https://2009.igem.org/Team:Valencia/Project"><span><span>Overall description
 +
                              </span></span></a></li>
 +
<li><a href="https://2009.igem.org/Team:Valencia/Modelling"><span><span>Modelling</span></span></a>
 +
<!--[if
 +
                        gt IE 6]><!--></a><!--<![endif]-->
 +
<!--[if lt IE 7]><table border="0" cellpadding="0" cellspacing="0"><tr><td><![endif]-->
 +
<ul class="SideMenu" id="MB1-DDM6-SM1">
 +
                                        <li><a
 +
                                        href="https://2009.igem.org/Team:Valencia/Modelling"><span>Overview</span></a></li>
 +
<li><a href="https://2009.igem.org/Team:Valencia/OurModel"><span>Model description</span></a></li>
 +
<li><a href="https://2009.igem.org/Team:Valencia/Simulations"><span>Simulations</span></a></li>
 +
                                        <li><a href="https://2009.igem.org/Team:Valencia/StochasticApproach"><span>Stochastic approach</span></a></li>
 +
</ul>
 +
                                     
 +
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
 +
</li>
 +
 +
 
 +
<li><a href="https://2009.igem.org/Team:Valencia/Hardware"><span><span>Experimental set up</span></span></a></li>
 +
<li><a href="https://2009.igem.org/Team:Valencia/WetLab/YeastTeam"><span><span>Wet lab</span></span></a><!--[if
 +
                        gt IE 6]><!--></a><!--<![endif]-->
 +
<!--[if lt IE 7]><table border="0" cellpadding="0" cellspacing="0"><tr><td><![endif]-->
 +
<ul class="SideMenu" id="MB1-DDM6-SM1">
 +
                                        <li><a
 +
                                        href="https://2009.igem.org/Team:Valencia/WetLab/YeastTeam"><span>WetLab Overwiew</span></a></li>
 +
                                        <li><a 
 +
                                        href="https://2009.igem.org/Team:Valencia/WetLab/YeastTeam/Protocols"><span>Protocols</span></a></li>
 +
<li><a href="https://2009.igem.org/Team:Valencia/WetLab/YeastTeam/Experimental"><span>Experimental results</span></a></li>
 +
                                        <li><a href="https://2009.igem.org/Team:Valencia/A_short_story"><span>A short story</span></a></li>
 +
</ul>
 +
                                     
 +
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
 +
</li>
 +
<li><a href="https://2009.igem.org/Team:Valencia/Parts"><span><span>Parts</span></span></a><!--[if
 +
                        gt IE 6]><!--></a><!--<![endif]-->
 +
<!--[if lt IE 7]><table border="0" cellpadding="0" cellspacing="0"><tr><td><![endif]-->
 +
<ul class="SideMenu" id="MB1-DDM6-SM1">
 +
                                        <li><a href="https://2009.igem.org/Team:Valencia/Parts"><span>Submitted Parts</span></a></li>
 +
<li><a href="https://2009.igem.org/Team:Valencia/Parts/Characterization"><span>Characterization</span></a></li>
 +
</ul>
 +
                                     
 +
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
 +
</li>
 +
 
 +
<li><a href="https://2009.igem.org/Team:Valencia/Notebook"><span><span>Notebook</span></span></a></li>
 +
 +
</ul>
 +
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
 +
</li>
 +
 +
<li>
 +
 +
<a href="https://2009.igem.org/Team:Valencia/Project/Results" style="font-weight: bold; background: url(https://static.igem.org/mediawiki/2009/0/09/Bg2.gif)">Achievements
 +
<!--[if gt IE 6]><!--></a><!--<![endif]-->
 +
<!--[if lt IE 7]><table border="0" cellpadding="0" cellspacing="0"><tr><td><![endif]-->
 +
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
</li>
-
</ul>
+
<li style="width: 160px">
-
<ul class="select"><li><a href="https://2009.igem.org/Team:Valencia/Hardware" target="_self"><b>EXPERIMENTAL SETUP</b></a>
+
<a href="https://2009.igem.org/Team:Valencia/Human" style="font-weight: bold; background: url(https://static.igem.org/mediawiki/2009/0/09/Bg2.gif)">Human Practice<!--[if gt IE 6]><!--></a><!--<![endif]-->
-
</li>
+
<!--[if lt IE 7]><table border="0" cellpadding="0" cellspacing="0"><tr><td><![endif]-->
-
</ul>
+
<ul class="DropDownMenu" id="MB1-DDM4">
-
<ul class="select"><li><a href="https://2009.igem.org/Team:Valencia/WetLab/YeastTeam" target="_self"><b>WETLAB</b></a>
+
                              <li><a href="https://2009.igem.org/Team:Valencia/Human"><span><span>Ethics overview</span></span></a></li>
-
<div class="select_sub">
+
      <li><a href="https://2009.igem.org/Team:Valencia/Human_Practice/Essay"><span><span>Essay</span></span></a></li>
-
<ul class="sub">
+
                              <li><a href="https://2009.igem.org/Team:Valencia/Human_Practice/Medalls"><span><span>Medals</span></span></a></li>
-
<li><a href="https://2009.igem.org/Team:Valencia/WetLab/YeastTeam/Protocols" target="_self">PROTOCOLS</a></li>
+
<li><a href="https://2009.igem.org/Team:Valencia/Definitions"><span><span>Definitions</span></span></a></li>
-
<li><a href="https://2009.igem.org/Team:Valencia/WetLab/YeastTeam/Experimental" target="_self">EXPERIMENTAL DESIGN</a></li>
+
 
-
</ul>
+
</ul>
-
</div>
+
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
-
</li>
+
</li>
-
</ul>
+
 
-
<ul class="select"><li><a href="https://2009.igem.org/Team:Valencia/WetLab/YeastTeam/Experimental" target="_self"><b>PROJECT MOTIVATION</b></a>
+
-
</li>
+
</ul>
-
</ul>
+
 
-
</div>
+
</div>
</div>
 +
</body>
 +
</html>
 +
</center>
 +
<html><body style=" background-color: black"></body></html>
-
</head>
 
-
</html>
 
-
<br><br>
+
<br><br><br><br><br><br><br><br><br>

Revision as of 16:47, 16 October 2009