Template:Caltech Menubar

From 2012.igem.org

(Difference between revisions)
m (removed <head> tags)
 
(211 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
-
<head>
 
<!-- This is a comment in html -->
<!-- This is a comment in html -->
Line 7: Line 6:
<style type="text/css">
<style type="text/css">
/* This is a comment in css */
/* This is a comment in css */
-
/*Don't display the page title.  It is irrelevant.*/
 
-
.firstHeading {
 
-
display:none !important;
 
-
}
 
-
/* Removing wiki-like stuff */
+
/* Took tips from https://2011.igem.org/Team:DTU-Denmark/How_to_customize_an_iGEM_wiki */
 +
/* Remove unwanted wiki formatting */
/****************************/
/****************************/
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
     display:none;}
     display:none;}
 +
 +
#top-section {
 +
background-image:url('https://static.igem.org/mediawiki/2012/c/c5/Caltech2012Banner.gif');
 +
background-repeat: no-repeat;
 +
        background-position: center top;
 +
height:100px ! important;
 +
 +
}
 +
#bodyContent { padding: 10px auto; width: 910px; margin: auto; clear: none; color:black; padding-bottom: 2em;}
 +
 +
#left {
 +
width: 45%;
 +
float: left;}
 +
 +
#right {
 +
width: 55%;
 +
float: right;}
 +
 +
#left_2 {
 +
width: 92%;
 +
float: left;}
 +
 +
#right_2 {
 +
width: 8%;
 +
float: right;}
 +
 +
/* This sets the orange background of the screen. */
 +
body {background: #EBA243}
 +
 +
/* Removes "teams" option from the menubar */
 +
#menubar > ul > li:last-child {
 +
    display: none;}
 +
/* Resizes the menubar to fik the links (default is 400px) */
 +
#menubar {
 +
    width: auto;}
/* Font style and general */
/* Font style and general */
Line 23: Line 54:
     font-size: 14px;
     font-size: 14px;
     color: #444444;}
     color: #444444;}
-
 
p {
p {
     margin: 0; color: #000000; text-align:left;}
     margin: 0; color: #000000; text-align:left;}
#innercontent p {
#innercontent p {
     margin: 0.6em 0;}
     margin: 0.6em 0;}
-
h2, h3, h4, h5, h6 {
+
h3, h4, h6 {
     border: none;
     border: none;
     font-weight: lighter;
     font-weight: lighter;
-
     color: #444444; text-align:left}
+
     color: #E56717; text-align:left}
 +
 
 +
h5 {
 +
font-weight: lighter;
 +
color: #565051;
 +
text-align:right;}
 +
}
 +
/*
h1 {
h1 {
     border: none;
     border: none;
Line 37: Line 74:
     text-shadow: 0 1px rgba(255, 255, 255, 0.5);
     text-shadow: 0 1px rgba(255, 255, 255, 0.5);
     font-size: 30px;
     font-size: 30px;
-
     margin: 5px 0 0 0;
+
     margin: 5px 1px 1px 1px;
 +
    padding: 1px;
 +
 
     font-weight: bold;}
     font-weight: bold;}
 +
*/
 +
h1 {
 +
    color: #383838;
 +
    border: none;
 +
    padding: 25px 0 5px;
 +
    font-family: Arial;
 +
    font-size: 30px;
 +
    font-weight: bold;
 +
    line-height:28px;
 +
    margin-bottom: 0;}
 +
 +
h2 {
h2 {
 +
    color: #383838;
     border: none;
     border: none;
     padding: 25px 0 5px;
     padding: 25px 0 5px;
Line 45: Line 97:
     font-size: 24px;
     font-size: 24px;
     font-weight: bold;
     font-weight: bold;
-
    clear: right;
 
     margin-bottom: 0;}
     margin-bottom: 0;}
 +
#bodyContent h1, #bodyContent h2 {
#bodyContent h1, #bodyContent h2 {
     margin-bottom: 0;}
     margin-bottom: 0;}
h3 {
h3 {
     font-size: 20px;
     font-size: 20px;
-
     padding: 15px 0 5px 0;}
+
     padding: 15px 0 5px 0;
 +
    font-weight: bold;}
h4 {
h4 {
         font-weight: bold;}
         font-weight: bold;}
-
a[target]:link { color: #eba243; text-decoration: none}
+
a:link { color: #E56717; text-decoration: none}
-
a[target]:visited { color:#808080; text-decoration: none}
+
a:visited { color:#E56717; text-decoration: none}
-
a[target]:hover { color:#EBA243; text-decoration: none}
+
a:hover { color:#E56717; text-decoration: none}
-
a[target]:active { color:#808080; text-decoration: none}
+
a:active { color:#E56717; text-decoration: none}
-
 
+
-
+
-
a:link { color: #eba243; text-decoration: none}
+
-
a:visited { color:#808080; text-decoration: none}
+
-
a:hover { color:#EBA243; text-decoration: none}
+
-
a:active { color:#808080; text-decoration: none}
+
ul {
ul {
Line 72: Line 119:
font-weight: normal;
font-weight: normal;
font-variant: normal;
font-variant: normal;
-
text-transform: none;
 
color: #000000;
color: #000000;
text-decoration: none;
text-decoration: none;
Line 82: Line 128:
}
}
-
pre {
+
 
-
    overflow: auto;
+
-
    font-size: 12px;}
+
-
div.tright, div.floatright {
+
-
    border: none;
+
-
    margin: 10px 0 10px 20px;}
+
-
div.tleft, div.floatleft {
+
-
    border: none;
+
-
    margin: 10px 20px 10px 0;}
+
-
div.tnone {
+
-
    border: none;}
+
-
iframe {
+
-
    margin: 1px;}
+
-
hr {
+
-
    height: 0;
+
-
    border-top: 1px solid #AAA;
+
-
    border-bottom: 1px solid #FFF;}
+
.clear {
.clear {
-
    clear: both;
 
     height: 0;
     height: 0;
     padding: 0;
     padding: 0;
Line 106: Line 135:
     border: none;
     border: none;
     visibility: hidden;}
     visibility: hidden;}
-
.superscript {
+
 
-
    font-size: 80%;
+
-
    position: relative;
+
-
        top: -5px;}
+
-
.subscript {
+
-
    font-size: 80%;
+
-
    position: relative;
+
-
        top: 5px;}
+
-
.coloredBg {
+
-
    font-size: 12px;
+
-
    font-weight: normal;
+
-
    color: #FFFFFF;
+
-
    padding: 5px;}
+
.tab {text-indent: 30pt;}
.tab {text-indent: 30pt;}
-
/* This sets the orange background of the screen. */
 
-
body {background: #EBA243}
 
-
/*
 
-
#top-section {
 
-
background-image:url('https://static.igem.org/mediawiki/2012/2/28/IDcard.jpg');;
 
-
height:250px  ! important;;
 
-
}
 
-
*/
 
-
#top-section{
 
-
display:none;
 
-
}
 
-
#bodyContent { padding: 10px auto; width: 910px; margin: auto; clear: none; color:black}
 
-
 
-
 
-
/*-----------------------------------------------------------------------------------------------*/
 
-
div.MenuBar ul li ul.DropDownMenu {
 
-
  display: none; /* Hides all drop-down menus. */
 
-
}
+
/************************************************************/
-
/*
+
/* Main menu settings */
-
li:hover works in IE7 and FF2.
+
/* lots of advice and some code taken from
-
a:hover works in IE6 and FF2.
+
http://csswizardry.com/2011/02/creating-a-pure-css-dropdown-menu/,
-
a:hover breaks li:hover in FF2.
+
http://www.onextrapixel.com/2011/06/03/how-to-create-a-horizontal-dropdown-menu-with-html-css-and-jquery/,
-
*/
+
and the comment sections */
-
div.MenuBar ul li:hover ul.DropDownMenu li ul.SideMenu,
+
#nav {
-
div.MenuBar ul li a:hover ul.DropDownMenu li a ul.SideMenu {
+
  /* clear:both; */
-
  display: none; /* Hides all side menus. */
+
  float:left;
-
}
+
  margin:0;
-
/*------------------------------------------------------------------------------------- Menu Bar */
+
  padding:0;
-
div.MenuBar {
+
  border-top:2px solid #000; /* black line above menu */
-
  font: arial, helvetica, sans-serif;
+
  border-bottom:2px solid #000; /* black line below menu */
-
  height: 30px;
+
  /* width: auto; */
-
  width: 910px;
+
  width:830px;
-
  /*width: 100%*/
+
  /* font-family: Verdana, Geneva, sans-serif; Menu font */
-
  margin: 0;
+
  /* font-size:100%; Menu text size */
-
  border-top: 0;
+
  z-index:1000; /* This makes the dropdown menus appear above the page content below */
-
  border-right: 0;
+
  position:relative;
-
  border-left: 0;
+
-
  padding: 0;
+
-
  background: black;
+
-
 
+
-
}
+
-
div.MenuBar ul {
+
-
  font: arial, 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: arial, helvetica, sans-serif;
+
-
  display: block;
+
-
  padding: 0;
+
-
  margin: 0;
+
-
  font-size: 1.3em;
+
-
  float: left;
+
-
  background: black;
+
-
  text-align: center;
+
-
  width: 107px;
+
-
  position: relative; /* Sets the positioning context for each drop-down menu. */
+
}
}
-
div.MenuBar ul li a {
+
/* Top menu items */
-
  font: arial, helvetica, sans-serif;
+
#nav ul {
-
  display: block;
+
  margin:0;
-
  background: black;
+
  padding:0;
-
  height: 22px; /* Keep height + padding-top + padding-bottom sync with the menu bar height. */
+
padding-below: .5em;
-
  color: #ffffff;
+
  list-style:none;
-
  padding-top: 4px;
+
  float:right;
-
  padding-bottom: 4px;
+
  position:relative;
-
  padding-left: 1em; /* Sets the left space between top-level items. */
+
  right:50%;
-
  padding-right: 1em; /* Sets the right space between top-level items. */
+
-
  text-decoration: none;
+
}
}
-
 
+
#nav ul li {
-
/*------------------------------------------------------------------------------ Drop-Down Menus */
+
  margin:0 0 0 5px;
-
div.MenuBar ul li:hover ul.DropDownMenu,
+
  padding:0;
-
div.MenuBar ul li a:hover ul.DropDownMenu {
+
  float:left;
-
  display: block;
+
  position:relative;
-
  width: 10em; /* Drop-down menu width.
+
  left:50%;
-
                  Use MenuTailor.css to customize. */
+
  top:1px;
-
  height: 1em;
+
  display: block;
-
  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: black; /* Selected item. */
+
-
  color: #FFFFFF;
+
-
 
+
}
}
-
div.MenuBar ul li:hover ul.DropDownMenu li a,
+
#nav ul li a {
-
div.MenuBar ul li a:hover ul.DropDownMenu li a {
+
  display:block;
-
  width: 10em; /* Keep it sync with the drop-down menu width.
+
  margin:0;
-
                            Use MenuTailor.css to customize. */
+
  /* padding: .8em; */
-
  height: 1em;
+
  padding:.6em .5em .4em;
-
  padding-left: 0;
+
  /* font-size:1em; */
-
  padding-right: 0;
+
  line-height:1em;
-
  background-color: black; /* Selected item. */
+
  /* background:#A9A9A9;  
-
  color: #FFFFFF;
+
  text-decoration:none;
 +
  color:##E56717;
 +
  font-weight:bold; */
 +
  background: #000000;
 +
  border-bottom:1px solid #000;
 +
  width: auto;
}
}
-
ul.DropDownMenu li a span {
+
#nav ul li.active a {
-
  display: block;
+
  color:#fff;
-
  padding-left: 0.75em; /* Sets the left space of each drop-down menu item. */
+
  background:#000;
-
  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 {
+
#nav ul li a:hover {
-
  float: left; /* Aligns the text (back) to the left. */
+
  background:#36f; /* Top menu items background colour */
-
  font: 12px arial, helvetica, sans-serif; /* Required for IE55. */
+
  color:#fff;
-
  height: 20px;
+
  border-bottom:1px solid #03f;
-
  color: #FFFFFF;
+
}
}
-
/*----------------------------------------------------------------------------------- Side Menus */
+
#nav ul li:hover a,
-
div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu,
+
#nav ul li.hover a { /* This line is required for IE 6 and below */
-
div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu {
+
  background:#36f; /* Top menu items background colour */
-
  display: block;
+
  color:#fff;
-
  width: 11em; /* Side menu width.
+
  border-bottom:1px solid #03f;
-
                  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:  style="color:#bb4400";
 
-
  color: black;
 
-
  margin: 0;
 
-
  border: 0;
 
-
  padding: 0;
 
-
}
 
-
 
-
div.MenuBar {
+
/* Submenu items */
-
  font: 13px arial, helvetica, sans-serif;
+
#nav ul ul {
 +
  display:none; /* Sub menus are hiden by default */
 +
  position:absolute;
 +
  top:2em;
 +
  left:0;
 +
  right:auto; /*resets the right:50% on the parent ul */
 +
  width:auto /* 10em */; /* width of the drop-down menus */
}
}
-
div.MenuBar ul {
+
#nav ul ul li {
-
  font: 13px arial, helvetica, sans-serif; /* Required for IE55. */
+
  left:auto; /*resets the left:50% on the parent li */
 +
  margin:0; /* Reset the 1px margin from the top menu */
 +
  clear:left;
 +
  width:100%;
}
}
-
/*--------------------------------------------------------------------------------------- Colors */
+
#nav ul ul li a,
-
div.MenuBar {
+
#nav ul li.active li a,
-
  background-color: black; /* Selected item. */
+
#nav ul li:hover ul li a,
-
  color: #FFFFFF;
+
#nav ul li.hover ul li a { /* This line is required for IE 6 and below */
-
  border-bottom: 1px solid ButtonShadow;
+
  /*font-size:.8em; .8em; */
 +
  font-weight:normal; /* resets the bold set for the top level menu items */
 +
  background:#eee;
 +
  color:#444;
 +
  line-height:1.4em; /* overwrite line-height value from top menu */
 +
  border-bottom:1px solid #ddd; /* sub menu item horizontal lines */
}
}
-
div.MenuBar a,
+
#nav ul ul li a:hover,
-
div.MenuBar ul li:hover ul.DropDownMenu li a,
+
#nav ul li.active ul li a:hover,
-
div.MenuBar ul li a:hover ul.DropDownMenu li a,
+
#nav ul li:hover ul li a:hover,
-
div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu li a,
+
#nav ul li.hover ul li a:hover { /* This line is required for IE 6 and below */
-
div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu li a {
+
  background:#36f; /* Sub menu items background colour */
-
  background-color: black; /* Selected item. */
+
  color:#fff;
-
  color: #FFFFFF;
+
}
}
-
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: #00b0e6; /* Selected item. */
 
-
  color: #FFFFFF;
 
-
}
 
-
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 */
 
-
/*
 
-
/*
+
/* Flip the last submenu so it stays within the page */
-
Menu Bar 1
+
#nav ul ul.last {
-
Drop-Down Menu #2
+
  left:auto; /* reset left:0; value */
-
*/
+
  right:0; /* Set right value instead */
-
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. */
+
}
}
-
/*...............................................................................................*/
+
/* Make the sub menus appear on hover */
-
/*
+
#nav ul li:hover ul,
-
Menu Bar 1
+
#nav ul li.hover ul { /* This line is required for IE 6 and below */
-
Drop-Down Menu #2
+
  display:block; /* Show the sub menus */
-
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: 15.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
 
-
*/
 
-
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: 15.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
 
-
*/
 
-
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: 15.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-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>
</html>

Latest revision as of 19:00, 3 October 2012

Retrieved from "http://2012.igem.org/Template:Caltech_Menubar"