Template:Stanford Main Menu 0809: Difference between revisions

From OpenWetWare
Jump to navigationJump to search
No edit summary
mNo edit summary
 
(17 intermediate revisions by 3 users not shown)
Line 1: Line 1:
__NOTOC__
<html>
<html>
 
<head>
 
<style type="text/css";
<style>
            color:white;  
h1.firstHeading { display: none; }
            font-style:italic;
 
            font-family:Arial;
p {text-align: justify;}
          font-size: 1px;
 
   
a:link { color: #660000; text-decoration: none}
>
a:visited { color:#660000; text-decoration: none}
a:hover { color:#000066; text-decoration: none}
a:active { color:#000066; text-decoration: none}
 
#bodyContent { padding: 10px auto; width: 910px; margin: auto; clear: none; }
 
table#team_members { text-align: justify; border: 0; }
table#team_members h2, table#team_members h3 { clear: both; }
 
/*Menu code from Heidelberg 2008 team page used*/
/*-----------------------------------------------------------------------------------------------*/
div.MenuBar ul li ul.DropDownMenu {
  display: none; /* Hides all drop-down menus. */
 
}
/*
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 */
div.MenuBar {
  font: garamond, helvetica, sans-serif;
  height: 30px;
  width: 640px;
  /*width: 100%*/
  margin: 0;
  border-top: 0;
  border-right: 0;
  border-left: 0;
  padding: 0;
  background: black;
 
}
div.MenuBar ul {
  font: garamond, helvetica, sans-serif;
  text-align: center;
  list-style-type: none;
  margin: 0.5em auto;
  border: 0;
  padding: 0;
  background: black;
}
div.MenuBar ul li {
  font: garamond, helvetica, sans-serif;
  display: block;
  padding: 0;
  margin: 0;
  font-size: 1.5em;
  float: left;
  background: white;
  text-align: left;
  width: 128px;
  position: relative; /* Sets the positioning context for each drop-down menu. */
}
 
div.MenuBar ul li a {
  font: garamond, helvetica, sans-serif;
  display: block;
  background: maroon; /* Background of title menu */
  height: 22px; /* Keep height + padding-top + padding-bottom sync with the menu bar height. */
  color: #660000;
  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;
}
 
/*------------------------------------------------------------------------------ Drop-Down Menus */
div.MenuBar ul li:hover ul.DropDownMenu,
div.MenuBar ul li a:hover ul.DropDownMenu {
  display: block;
  width: 10em; /* Drop-down menu width.
                  Use MenuTailor.css to customize. */
  height: 1em;
  padding: 1px; /* 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: #660000;
 
}
div.MenuBar ul li:hover ul.DropDownMenu li a,
div.MenuBar ul li a:hover ul.DropDownMenu li a {
  width: 10em; /* Keep it sync with the drop-down menu width.
                            Use MenuTailor.css to customize. */
  height: 1em;
  padding-left: 0;
  padding-right: 0;
  background-color: white; /* Selected item. */
  color: #660000;
}
ul.DropDownMenu li a span {
  display: block;
  padding-left: 0.75em; /* Sets the left space of each drop-down menu item. */
  padding-right: 0.25em; /* Sets the right space of each drop-down menu item. */
  text-align: right; /* Aligns the >> symbol to the right. */
}
ul.DropDownMenu li a span span {
  float: left; /* Aligns the text (back) to the left. */
  font: 12px arial, helvetica, sans-serif; /* Required for IE55. */
  height: 20px;
  color: white; /* Text color for drop down menus */
}
/*----------------------------------------------------------------------------------- Side Menus */
div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu,
div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu {
  display: block;
  width: 11em; /* Side menu width.
                  Use MenuTailor.css to customize. */
  padding: 1px; /* Sets the side menu "effective border" width. */
  position: absolute;
  top: -1px; /* Aligns the side menu to its drop-down menu item.
                Keep it sync with the side menu "effective border" width. */
  left: 13em; /* 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,
div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu li a {
  width: 11em; /* Keep it sync with the side menu width.
                            Use MenuTailor.css to customize. */
  font: 12px arial, helvetica, sans-serif; /* Required for IE55. */
  left: 13em; /* 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 ul.DropDownMenu li ul.SideMenu li a span {
  padding-left: 1.5em; /* Sets the left space of each side menu item. */
  padding-right: 0.5em; /* Sets the right space of each side menu item. */
  text-align: left;
  font: 12px arial, helvetica, sans-serif; /* Required for IE55. */
  left: 13em; /* 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 */
* html div.MenuBar ul li a {
  float: left; /* Required for IE55 and IE6.
                            Breaks O9.
                            Hidden (* html) from non-IE browsers. */
}
* html ul.DropDownMenu li a:hover {
  cursor: hand; /* Required for IE55.
                  Hidden (* html) from non-IE browsers. */
}
ul.DropDownMenu li a:hover {
  cursor: pointer; /* Required for IE6 and IE7.
                      Hidding it (* html) from non-IE browsers breaks IE7!
}
* html div.MenuBar a:hover {
  text-decoration: none; /* Required for IE55 and IE6.
                            Hidden (* html) from non-IE browsers. */
}
* html div.MenuBar ul li table,
* html div.MenuBar ul li table td {
  border: 0; /* Required for IE55 and IE6.
                Hidden (* html) from non-IE browsers. */
}
/*------------------------------------------------------------------------------- Default Colors */
div.MenuBar {
  background-color: Menu;
  border-bottom: 1px solid ButtonShadow;
}
div.MenuBar a {
  background-color: Menu; /* Top-level unselected items. */
  color: MenuText;
}
div.MenuBar ul li:hover a,
div.MenuBar ul li a:hover {
  color: #ea7f16;
  background-color: Highlight; /* Top-level selected item. */
  color: HighlightText;
}
/*...............................................................................................*/
div.MenuBar ul li:hover ul.DropDownMenu,
div.MenuBar ul li a:hover ul.DropDownMenu {
  background-color: ButtonShadow; /* Sets the drop-down menu "effective border" color. */
}
div.MenuBar ul li:hover ul.DropDownMenu li a,
div.MenuBar ul li a:hover ul.DropDownMenu li a {
  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: black;
  color: black;
  margin: 0;
  border: 0;
  padding: 0;
}
 
 
div.MenuBar {
  font: 13px arial, helvetica, sans-serif;
}
div.MenuBar ul {
  font: 13px arial, helvetica, sans-serif; /* Required for IE55. */
}
/*--------------------------------------------------------------------------------------- Colors */
div.MenuBar {
  background-color: black; /* Selected item. */
  color: #660000;
  border-bottom: 1px solid ButtonShadow;
}
div.MenuBar a,
div.MenuBar ul li:hover ul.DropDownMenu li a,
div.MenuBar ul li a:hover ul.DropDownMenu li a,
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: black; /* Selected item. */
  color: #660000;
}
div.MenuBar ul li:hover a,
div.MenuBar ul li a:hover,
div.MenuBar ul li:hover ul.DropDownMenu li:hover a,
div.MenuBar ul li a:hover ul.DropDownMenu li a:hover,
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: #660000; /* Selected item. */
  color: #660000;
}
div.MenuBar ul li:hover ul.DropDownMenu,
div.MenuBar ul li a:hover ul.DropDownMenu,
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 drop-down and side menus "effective border" color. */
}
/*--------------------------------------------------------------------------------------- Widths */
/*
 
/*
Menu Bar 1
Drop-Down Menu #2
*/
div.MenuBar#navi ul li:hover ul.DropDownMenu#MB1-DDM4,
div.MenuBar#navi ul li a:hover ul.DropDownMenu#MB1-DDM4,
div.MenuBar#navi ul li:hover ul.DropDownMenu#MB1-DDM4 li a,
div.MenuBar#navi ul li a:hover ul.DropDownMenu#MB1-DDM4 li a {
  width: 11em; /* Drop-down menu width. */
}
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
*/
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 {
  left: 16em !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
*/
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 {
  left: 18em  !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
*/
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 {
  left: 18em  !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-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>
</head>


</html>


<body>
<div id="header">http://openwetware.org/images/3/30/Stanford2009wiki.png</div>
<div id="header"><img src="http://openwetware.org/images/3/30/Stanford2009wiki.png" alt="Team Stanford" /></div>
<div style="padding: 4px; color: #000000; background-color: #660000; width: 650px">
<div class='MenuBar' id="navi">
<center>
<ul>
<li>
<a href="http://openwetware.org/wiki/IGEM:Stanford/2009" style="color: white">Home
<!--[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>
<a href="http://openwetware.org/wiki/IGEM:Stanford/2009/Team" style="color: white">Team
                        <!--[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>
<a href="http://openwetware.org/wiki/IGEM:Stanford/2009/Project_Homeostasis" style="color: white">Project
                        <!--[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>
<a href="IGEM:Stanford/2009/Project_Homeostasis" style="color: white">Parts
                        <!--[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>
<a href="http://openwetware.org/wiki/IGEM:Stanford/2009/Notebook/Homeostasis" style="color: white">Notebook</a>
</li>
 
                  <li>
<a href="http://openwetware.org/wiki/IGEM:Stanford/2009/Archive" style="color: white">Archive</a>
</li>
</ul>


{| border=1  align="center" style="width:75%; height:25px" border="0" style="background:#000000; color:#660000"  margin-left: 25px;
! width="95px" |
! width="95px" | [[IGEM:Stanford/2009|<font face="trebuchet ms" style="color:#ffffff" font size="3">'''Home'''</font>]]
! width="95px" | [[IGEM:Stanford/2009/Team|<font face="trebuchet ms" style="color:#ffffff" font size="3">'''Team'''</font>]]
! width="95px" | [[IGEM:Stanford/ResearchProposal#Project_Description|<font face="trebuchet ms" style="color:#ffffff" font size="3">'''Project'''</font>]]
! width="95px" | [[IGEM:Stanford/2009/PartsOverview|<font face="trebuchet ms" style="color:#ffffff" font size="3">'''Parts'''</font>]]
! width="95px" | [[IGEM:Stanford/2009/Notebook/Homeostasis|<font face="trebuchet ms" style="color:#ffffff" font size="3">'''Notebook'''</font>]]
! width="95px" | [[IGEM:Stanford/2009/Archive|<font face="trebuchet ms" style="color:#ffffff" font size="3">'''Archives'''</font>]]
! width="95px" |
|}
</center>
</div>
</div>
</body>
</html>

Latest revision as of 16:43, 16 January 2010

<html> <head> <style type="text/css"; 

           color:white; 
           font-style:italic;
           font-family:Arial;
          font-size: 1px;

>

</style> </head>

</html>

Retrieved from "https://openwetware.org/mediawiki/index.php?title=Template:Stanford_Main_Menu_0809&oldid=382428"