Template:Valencia09iGEM3

From 2009.igem.org

(Difference between revisions)
 
(5 intermediate revisions not shown)
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,
div.MenuBar ul li a:hover ul.DropDownMenu li a: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. */
   background-color: ButtonShadow; /* Sets the side menu "effective border" color. */
 +
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 282: Line 316:
                             Sets the side menu "effective background" color. */
                             Sets the side menu "effective background" color. */
   color: MenuText;
   color: MenuText;
 +
onmouseover="onMouseOverBanner()";
}
}
div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu li a:hover,
div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu li a:hover,
Line 287: Line 322:
   background-color: Highlight; /* Side menu selected item. */
   background-color: Highlight; /* Side menu selected item. */
   color: HighlightText;  
   color: HighlightText;  
 +
onmouseover="onMouseOverBanner()";
}
}
/*-----------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/
Line 298: Line 334:
   border: 0;
   border: 0;
   padding: 0;
   padding: 0;
 +
onmouseover="onMouseOverBanner()";
}
}
Line 303: Line 340:
div.MenuBar {
div.MenuBar {
   font: 13px arial, helvetica, sans-serif;
   font: 13px arial, helvetica, sans-serif;
 +
onmouseover="onMouseOverBanner()";
}
}
div.MenuBar ul {
div.MenuBar ul {
   font: 13px arial, helvetica, sans-serif; /* Required for IE55. */
   font: 13px arial, helvetica, sans-serif; /* Required for IE55. */
 +
onmouseover="onMouseOverBanner()";
}
}
/*--------------------------------------------------------------------------------------- Colors */
/*--------------------------------------------------------------------------------------- Colors */
Line 312: Line 351:
   color: #000000;
   color: #000000;
   border-bottom: 1px solid ButtonShadow;
   border-bottom: 1px solid ButtonShadow;
 +
onmouseover="onMouseOverBanner()";
}
}
div.MenuBar a,
div.MenuBar a,
Line 320: Line 360:
   background-color: #77BDF1; /* Selected item. */
   background-color: #77BDF1; /* Selected item. */
   color: #000000;
   color: #000000;
 +
onmouseover="onMouseOverBanner()";
}
}
div.MenuBar ul li:hover a,
div.MenuBar ul li:hover a,
Line 329: Line 370:
   background-color: #229BF7; /* Selected item. */
   background-color: #229BF7; /* Selected item. */
   color: #24006B;
   color: #24006B;
 +
onmouseover="onMouseOverBanner()";
}
}
div.MenuBar ul li:hover ul.DropDownMenu,
div.MenuBar ul li:hover ul.DropDownMenu,
Line 335: Line 377:
div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu {
div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu {
   background-color: none; /* Sets the drop-down and side menus "effective border" color. */
   background-color: none; /* Sets the drop-down and side menus "effective border" color. */
 +
onmouseover="onMouseOverBanner()";
}
}
/*--------------------------------------------------------------------------------------- Widths */
/*--------------------------------------------------------------------------------------- Widths */
Line 348: Line 391:
div.MenuBar#navi ul li a:hover ul.DropDownMenu#MB1-DDM4 li a {
div.MenuBar#navi ul li a:hover ul.DropDownMenu#MB1-DDM4 li a {
   width: 12em; /* Drop-down menu width. */
   width: 12em; /* Drop-down menu width. */
 +
onmouseover="onMouseOverBanner()";
}
}
div.MenuBar#navi ul li:hover ul.DropDownMenu#MB1-DDM5,
div.MenuBar#navi ul li:hover ul.DropDownMenu#MB1-DDM5,
Line 354: Line 398:
div.MenuBar#navi ul li a: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. */
   width: 12em; /* Drop-down menu width. */
 +
onmouseover="onMouseOverBanner()";
}
}
*/
*/
Line 366: Line 411:
   left: 13.5em !important; /* Places the side menu to the right of the drop-down menu.
   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. */
                             Keep it sync with the drop-down menu width. */
 +
onmouseover="onMouseOverBanner()";
}
}
div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM1,
div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM1,
Line 372: Line 418:
div.MenuBar#navi ul li a:hover ul.DropDownMenu li a: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. */
   width: 10em; /* Side menu width. */
 +
onmouseover="onMouseOverBanner()";
}
}
*/
*/
Line 384: Line 431:
   left: 13.5em  !important; /* Places the side menu to the right of the drop-down menu.
   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. */
                             Keep it sync with the drop-down menu width. */
 +
onmouseover="onMouseOverBanner()";
}
}
div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM2,
div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM2,
Line 390: Line 438:
div.MenuBar#navi ul li a:hover ul.DropDownMenu li a: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. */
   width: 10em; /* Side menu width. */
 +
onmouseover="onMouseOverBanner()";
}
}
*/
*/
Line 402: Line 451:
   left: 13.5em  !important; /* Places the side menu to the right of the drop-down menu.
   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. */
                             Keep it sync with the drop-down menu width. */
 +
onmouseover="onMouseOverBanner()";
}
}
div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM3,
div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM3,
Line 408: Line 458:
div.MenuBar#navi ul li a:hover ul.DropDownMenu li a: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. */
   width: 10em; /* Side menu width. */
 +
onmouseover="onMouseOverBanner()";
}
}
*/
*/
Line 420: Line 471:
<ul>
<ul>
<li>
<li>
-
<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
+
<a href="https://2009.igem.org/Team:Valencia" style="font-weight: bold; onmouseover="onMouseOverBanner()"; background-color:"white">Home</a>
 +
 
<!--[if gt IE 6]><!--></a><!--<![endif]-->
<!--[if gt IE 6]><!--></a><!--<![endif]-->
<!--[if lt IE 7]><table border="0" cellpadding="0" cellspacing="0"><tr><td><![endif]-->
<!--[if lt IE 7]><table border="0" cellpadding="0" cellspacing="0"><tr><td><![endif]-->

Latest revision as of 17:00, 16 October 2009












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