Template:Valencia09iGEM3

From 2009.igem.org

(Difference between revisions)
Line 87: Line 87:
div.MenuBar ul li:hover ul.DropDownMenu li ul.SideMenu,
div.MenuBar ul li:hover ul.DropDownMenu li ul.SideMenu,
div.MenuBar ul li a:hover ul.DropDownMenu li a ul.SideMenu {
div.MenuBar ul li a:hover ul.DropDownMenu li a ul.SideMenu {
-
  onmouseover="onMouseOverBanner()";
+
    display: none; /* Hides all side menus. */
-
  display: none; /* Hides all side menus. */
+
}
}
<!-- /*------------------------------------------------------------------------------------- Menu Bar */ -->
<!-- /*------------------------------------------------------------------------------------- Menu Bar */ -->
Line 103: Line 102:
   padding: 0;
   padding: 0;
   background: #2b3238;
   background: #2b3238;
 +
onmouseover="onMouseOverBanner()";
    
    
}
}
Line 114: Line 114:
   padding: 0;
   padding: 0;
   background: #2b3238;
   background: #2b3238;
 +
onmouseover="onMouseOverBanner()";
}
}
div.MenuBar ul li {
div.MenuBar ul li {
Line 127: Line 128:
   /*width: 107px;*/
   /*width: 107px;*/
   position: relative; /* Sets the positioning context for each drop-down menu. */
   position: relative; /* Sets the positioning context for each drop-down menu. */
 +
onmouseover="onMouseOverBanner()";
}
}
Line 140: Line 142:
   padding-right: 1em; /* Sets the right space between top-level items. */
   padding-right: 1em; /* Sets the right space between top-level items. */
   text-decoration: none;
   text-decoration: none;
 +
onmouseover="onMouseOverBanner()";
}
}
Line 145: Line 148:
div.MenuBar ul li:hover ul.DropDownMenu,
div.MenuBar ul li:hover ul.DropDownMenu,
div.MenuBar ul li a:hover ul.DropDownMenu {
div.MenuBar ul li a:hover ul.DropDownMenu {
 +
onmouseover="onMouseOverBanner()";
   display: block;
   display: block;
   width: 129px; /* Drop-down menu width.
   width: 129px; /* Drop-down menu width.
Line 167: Line 171:
   background-color: #2b3238; /* Selected item. */
   background-color: #2b3238; /* Selected item. */
   color: none;
   color: none;
 +
onmouseover="onMouseOverBanner()";
}
}
ul.DropDownMenu li a span {
ul.DropDownMenu li a span {
Line 173: Line 178:
   padding-right: 0.25em; /* Sets the right 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. */
   text-align: right; /* Aligns the >> symbol to the right. */
 +
onmouseover="onMouseOverBanner()";
}
}
ul.DropDownMenu li a span span {
ul.DropDownMenu li a span span {
Line 179: Line 185:
   height: 20px;
   height: 20px;
   color: none;
   color: none;
 +
onmouseover="onMouseOverBanner()";
}
}
<!-- /*----------------------------------------------------------------------------------- Side Menus */ -->
<!-- /*----------------------------------------------------------------------------------- Side Menus */ -->
Line 194: Line 201:
                             Keep it sync with the drop-down menu width.
                             Keep it sync with the drop-down menu width.
                             Use MenuTailor.css to customize. */
                             Use MenuTailor.css to customize. */
 +
onmouseover="onMouseOverBanner()";
}
}
div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu li a,
div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu li a,
Line 204: Line 212:
                             Keep it sync with the drop-down menu width.
                             Keep it sync with the drop-down menu width.
                             Use MenuTailor.css to customize. */
                             Use MenuTailor.css to customize. */
 +
onmouseover="onMouseOverBanner()";
}
}
div.MenuBar ul li ul.DropDownMenu li ul.SideMenu li a span {
div.MenuBar ul li ul.DropDownMenu li ul.SideMenu li a span {
Line 213: Line 222:
                             Keep it sync with the drop-down menu width.
                             Keep it sync with the drop-down menu width.
                             Use MenuTailor.css to customize. */
                             Use MenuTailor.css to customize. */
 +
onmouseover="onMouseOverBanner()";
}
}
<!-- /*----------------------------------------------------------------------------- Browser Specific */ -->
<!-- /*----------------------------------------------------------------------------- Browser Specific */ -->
Line 218: Line 228:
   position: relative; /* For IE55 and IE6.
   position: relative; /* For IE55 and IE6.
                         Hidden (* html) from non-IE browsers. */
                         Hidden (* html) from non-IE browsers. */
 +
onmouseover="onMouseOverBanner()";
}
}
* html div.MenuBar ul li a {
* html div.MenuBar ul li a {
Line 223: Line 234:
                   Breaks O9.
                   Breaks O9.
                   Hidden (* html) from non-IE browsers. */
                   Hidden (* html) from non-IE browsers. */
 +
onmouseover="onMouseOverBanner()";
}
}
* html ul.DropDownMenu li a:hover {
* html ul.DropDownMenu li a:hover {
   cursor: hand; /* For IE55.
   cursor: hand; /* For IE55.
                   Hidden (* html) from non-IE browsers. */
                   Hidden (* html) from non-IE browsers. */
 +
onmouseover="onMouseOverBanner()";
}
}
ul.DropDownMenu li a:hover {
ul.DropDownMenu li a:hover {
   cursor: pointer; /* For IE6 and IE7.
   cursor: pointer; /* For IE6 and IE7.
                       Hidding it (* html) from non-IE browsers breaks IE7! */
                       Hidding it (* html) from non-IE browsers breaks IE7! */
 +
onmouseover="onMouseOverBanner()";
}
}
* html div.MenuBar a:hover {
* html div.MenuBar a:hover {
   text-decoration: none; /* For IE55 and IE6.
   text-decoration: none; /* For IE55 and IE6.
                             Hidden (* html) from non-IE browsers. */
                             Hidden (* html) from non-IE browsers. */
 +
onmouseover="onMouseOverBanner()";
}
}
* html div.MenuBar ul li table,
* html div.MenuBar ul li table,
Line 240: Line 255:
   border: 0px none; /* For IE55 and IE6.
   border: 0px none; /* For IE55 and IE6.
                 Hidden (* html) from non-IE browsers. */
                 Hidden (* html) from non-IE browsers. */
 +
onmouseover="onMouseOverBanner()";
}
}
<!-- /*------------------------------------------------------------------------------- Default Colors */ -->
<!-- /*------------------------------------------------------------------------------- Default Colors */ -->
Line 245: Line 261:
   background-color: Menu;
   background-color: Menu;
   border-bottom: 1px solid ButtonShadow;
   border-bottom: 1px solid ButtonShadow;
 +
onmouseover="onMouseOverBanner()";
}
}
div.MenuBar a {
div.MenuBar a {
   background-color: Menu; /* Top-level unselected items. */
   background-color: Menu; /* Top-level unselected items. */
-
   color: MenuText;
+
   color: MenuText;onmouseover="onMouseOverBanner()";
}
}
div.MenuBar ul li:hover a,
div.MenuBar ul li:hover a,
Line 255: Line 272:
   background-color: Highlight; /* Top-level selected item. */
   background-color: Highlight; /* Top-level selected item. */
   color: HighlightText;
   color: HighlightText;
 +
onmouseover="onMouseOverBanner()";
}
}
<!-- /*...............................................................................................*/ -->
<!-- /*...............................................................................................*/ -->
Line 260: Line 278:
div.MenuBar ul li a:hover ul.DropDownMenu {
div.MenuBar ul li a:hover ul.DropDownMenu {
   background-color: ButtonShadow; /* Sets the drop-down menu "effective border" color. */
   background-color: ButtonShadow; /* Sets the drop-down menu "effective border" color. */
 +
onmouseover="onMouseOverBanner()";
}
}
div.MenuBar ul li:hover ul.DropDownMenu li a,
div.MenuBar ul li:hover ul.DropDownMenu li a,
Line 266: Line 285:
                             Sets the drop-down menu "effective background" color. */
                             Sets the drop-down menu "effective background" color. */
   color: MenuText;
   color: MenuText;
 +
onmouseover="onMouseOverBanner()";
}
}
div.MenuBar ul li:hover ul.DropDownMenu li:hover a,
div.MenuBar ul li:hover ul.DropDownMenu li:hover a,
Line 271: Line 291:
   background-color: Highlight; /* Drop-down menu selected item. */
   background-color: Highlight; /* Drop-down menu selected item. */
   color: HighlightText;
   color: HighlightText;
 +
onmouseover="onMouseOverBanner()";
}
}
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
<!-- /*...............................................................................................*/ -->
<!-- /*...............................................................................................*/ -->
div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu,
div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu,

Revision as of 16:52, 16 October 2009












Retrieved from "http://2009.igem.org/Template:Valencia09iGEM3"