Template:Team:Groningen/Header

From 2010.igem.org

(Difference between revisions)
Line 230: Line 230:
   background-color: Highlight; /* Side menu selected item. */
   background-color: Highlight; /* Side menu selected item. */
   color: HighlightText;
   color: HighlightText;
 +
}
 +
/*-----------------------------------------------------------------------------------------------*/
 +
 +
/*
 +
 
 +
  Script-Free 3-Level Menu 1.3.3 Tailor
 +
  www.CesarDaniel.info/Tech/ScriptFree3LevelMenu.html
 +
 
 +
  ...............................................................................................
 +
 
 +
  Sections
 +
 
 +
  * General
 +
  * Colors
 +
  * Widths
 +
 
 +
*/
 +
/*-------------------------------------------------------------------------------------- General */
 +
div.MenuBar#ExampleMb {
 +
  font: 13px arial, helvetica, clean, sans-serif;
 +
  width: 510px; /* Total width 512px. */
 +
  border-width: 1px;
 +
  border-style: solid;
 +
}
 +
div.MenuBar#ExampleMb ul {
 +
  font: 13px arial, helvetica, clean, sans-serif; /* For IE55. */
 +
}
 +
/*--------------------------------------------------------------------------------------- Colors */
 +
div.MenuBar#ExampleMb {
 +
  background-color: Menu;
 +
  border-color: ButtonShadow;
 +
}
 +
div.MenuBar#ExampleMb a,
 +
div.MenuBar#ExampleMb ul li:hover ul.DropDownMenu li a,
 +
div.MenuBar#ExampleMb ul li a:hover ul.DropDownMenu li a,
 +
div.MenuBar#ExampleMb ul li:hover ul.DropDownMenu li:hover ul.SideMenu li a,
 +
div.MenuBar#ExampleMb ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu li a {
 +
  background-color: Menu; /* Unselected items. */
 +
  color: MenuText;
 +
}
 +
div.MenuBar#ExampleMb ul li:hover a,
 +
div.MenuBar#ExampleMb ul li a:hover,
 +
div.MenuBar#ExampleMb ul li:hover ul.DropDownMenu li:hover a,
 +
div.MenuBar#ExampleMb ul li a:hover ul.DropDownMenu li a:hover,
 +
div.MenuBar#ExampleMb ul li:hover ul.DropDownMenu li:hover ul.SideMenu li a:hover,
 +
div.MenuBar#ExampleMb ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu li a:hover {
 +
  background-color: Highlight; /* Selected item. */
 +
  color: HighlightText;
 +
}
 +
div.MenuBar#ExampleMb ul li:hover ul.DropDownMenu,
 +
div.MenuBar#ExampleMb ul li a:hover ul.DropDownMenu,
 +
div.MenuBar#ExampleMb ul li:hover ul.DropDownMenu li:hover ul.SideMenu,
 +
div.MenuBar#ExampleMb 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 */
 +
div.MenuBar#ExampleMb ul li:hover ul.DropDownMenu#Ddm1,
 +
div.MenuBar#ExampleMb ul li a:hover ul.DropDownMenu#Ddm1,
 +
div.MenuBar#ExampleMb ul li:hover ul.DropDownMenu#Ddm1 li a,
 +
div.MenuBar#ExampleMb ul li a:hover ul.DropDownMenu#Ddm1 li a {
 +
  width: 12em; /* Drop-down menu width. */
 +
}
 +
/*...............................................................................................*/
 +
div.MenuBar#ExampleMb ul li:hover ul.DropDownMenu#Ddm2,
 +
div.MenuBar#ExampleMb ul li a:hover ul.DropDownMenu#Ddm2,
 +
div.MenuBar#ExampleMb ul li:hover ul.DropDownMenu#Ddm2 li a,
 +
div.MenuBar#ExampleMb ul li a:hover ul.DropDownMenu#Ddm2 li a {
 +
  width: 12em; /* Drop-down menu width. */
 +
}
 +
/*...............................................................................................*/
 +
div.MenuBar#ExampleMb ul li:hover ul.DropDownMenu#Ddm3,
 +
div.MenuBar#ExampleMb ul li a:hover ul.DropDownMenu#Ddm3,
 +
div.MenuBar#ExampleMb ul li:hover ul.DropDownMenu#Ddm3 li a,
 +
div.MenuBar#ExampleMb ul li a:hover ul.DropDownMenu#Ddm3 li a {
 +
  width: 9em; /* Drop-down menu width. */
 +
}
 +
/*...............................................................................................*/
 +
div.MenuBar#ExampleMb ul li:hover ul.DropDownMenu li:hover ul.SideMenu#Sm11,
 +
div.MenuBar#ExampleMb ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#Sm11 {
 +
  left: 12em !important; /* Places the side menu to the right of the drop-down menu.
 +
                            Keep it sync with the drop-down menu width. */
 +
}
 +
div.MenuBar#ExampleMb ul li:hover ul.DropDownMenu li:hover ul.SideMenu#Sm11,
 +
div.MenuBar#ExampleMb ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#Sm11,
 +
div.MenuBar#ExampleMb ul li:hover ul.DropDownMenu li:hover ul.SideMenu#Sm11 li a,
 +
div.MenuBar#ExampleMb ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#Sm11 li a {
 +
  width: 9em; /* Side menu width. */
 +
}
 +
/*...............................................................................................*/
 +
div.MenuBar#ExampleMb ul li:hover ul.DropDownMenu li:hover ul.SideMenu#Sm12,
 +
div.MenuBar#ExampleMb ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#Sm12 {
 +
  left: 12em !important; /* Places the side menu to the right of the drop-down menu.
 +
                            Keep it sync with the drop-down menu width. */
 +
}
 +
div.MenuBar#ExampleMb ul li:hover ul.DropDownMenu li:hover ul.SideMenu#Sm12,
 +
div.MenuBar#ExampleMb ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#Sm12,
 +
div.MenuBar#ExampleMb ul li:hover ul.DropDownMenu li:hover ul.SideMenu#Sm12 li a,
 +
div.MenuBar#ExampleMb ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#Sm12 li a {
 +
  width: 9em; /* Side menu width. */
 +
}
 +
/*...............................................................................................*/
 +
div.MenuBar#ExampleMb ul li:hover ul.DropDownMenu li:hover ul.SideMenu#Sm13,
 +
div.MenuBar#ExampleMb ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#Sm13 {
 +
  left: 12em !important; /* Places the side menu to the right of the drop-down menu.
 +
                            Keep it sync with the drop-down menu width. */
 +
}
 +
div.MenuBar#ExampleMb ul li:hover ul.DropDownMenu li:hover ul.SideMenu#Sm13,
 +
div.MenuBar#ExampleMb ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#Sm13,
 +
div.MenuBar#ExampleMb ul li:hover ul.DropDownMenu li:hover ul.SideMenu#Sm13 li a,
 +
div.MenuBar#ExampleMb ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#Sm13 li a {
 +
  width: 9em; /* Side menu width. */
 +
}
 +
/*...............................................................................................*/
 +
div.MenuBar#ExampleMb ul li:hover ul.DropDownMenu li:hover ul.SideMenu#Sm23,
 +
div.MenuBar#ExampleMb ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#Sm23 {
 +
  left: 12em !important; /* Places the side menu to the right of the drop-down menu.
 +
                            Keep it sync with the drop-down menu width. */
 +
}
 +
div.MenuBar#ExampleMb ul li:hover ul.DropDownMenu li:hover ul.SideMenu#Sm23,
 +
div.MenuBar#ExampleMb ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#Sm23,
 +
div.MenuBar#ExampleMb ul li:hover ul.DropDownMenu li:hover ul.SideMenu#Sm23 li a,
 +
div.MenuBar#ExampleMb ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#Sm23 li a {
 +
  width: 9em; /* Side menu width. */
}
}
/*-----------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/

Revision as of 07:07, 13 June 2010