Template:Valencia09iGEM2

From 2009.igem.org

(Difference between revisions)
Line 146: Line 146:
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 {
   display: block;
   display: block;
-
   width: 12em; /* Side menu width.
+
   width: 11em; /* Side menu width.
                   Use MenuTailor.css to customize. */
                   Use MenuTailor.css to customize. */
-
   padding: 1px; /* Sets the side menu "effective border" width. */
+
  height: 1.25em;
 +
   padding: 2px; /* Sets the side menu "effective border" width. */
   position: absolute;
   position: absolute;
-
   top: -1px; /* Aligns the side menu to its drop-down menu item.
+
   top: -7.5px; /* Aligns the side menu to its drop-down menu item.
                 Keep it sync with the side menu "effective border" width. */
                 Keep it sync with the side menu "effective border" width. */
   left: 9.75em; /* Places the side menu to the right of the drop-down menu.
   left: 9.75em; /* Places the side menu to the right of the drop-down menu.
Line 158: Line 159:
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,
div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu li a {
div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu li a {
-
   width: 12em; /* Keep it sync with the side menu width.
+
   width: 11em; /* Keep it sync with the side menu width.
                             Use MenuTailor.css to customize. */
                             Use MenuTailor.css to customize. */
 +
  height: 1.25em;
   font: 12px arial, helvetica, sans-serif; /* Required for IE55. */
   font: 12px arial, helvetica, sans-serif; /* Required for IE55. */
   left: 9.75em; /* Places the side menu to the right of the drop-down menu.
   left: 9.75em; /* Places the side menu to the right of the drop-down menu.
Line 166: Line 168:
}
}
div.MenuBar ul li ul.DropDownMenu li ul.SideMenu li a span {
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-left: 0.5em; /* Sets the left space of each side menu item. */
   padding-right: 0.5em; /* Sets the right space of each side menu item. */
   padding-right: 0.5em; /* Sets the right space of each side menu item. */
   text-align: left;
   text-align: left;

Revision as of 14:40, 25 September 2009