Template:Valencia09iGEM2

From 2009.igem.org

(Difference between revisions)
Line 108: Line 108:
div.MenuBar ul li a:hover ul.DropDownMenu {
div.MenuBar ul li a:hover ul.DropDownMenu {
   display: block;
   display: block;
-
   width: 10em; /* Drop-down menu width.
+
   width: 7.5em; /* Drop-down menu width.
                   Use MenuTailor.css to customize. */
                   Use MenuTailor.css to customize. */
   height: 1em;
   height: 1em;
Line 122: Line 122:
div.MenuBar ul li:hover ul.DropDownMenu li a,
div.MenuBar ul li:hover ul.DropDownMenu li a,
div.MenuBar ul li a:hover ul.DropDownMenu li a {
div.MenuBar ul li a:hover ul.DropDownMenu li a {
-
   width: 10em; /* Keep it sync with the drop-down menu width.
+
   width: 7.5em; /* Keep it sync with the drop-down menu width.
                             Use MenuTailor.css to customize. */
                             Use MenuTailor.css to customize. */
   height: 1em;
   height: 1em;
Line 132: Line 132:
ul.DropDownMenu li a span {
ul.DropDownMenu li a span {
   display: block;
   display: block;
-
   padding-left: 0.75em; /* Sets the left space of each drop-down menu item. */
+
   padding-left: 0.25em; /* Sets the left space of each drop-down menu item. */
   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. */
Line 152: Line 152:
   top: -1px; /* Aligns the side menu to its drop-down menu item.
   top: -1px; /* 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: 13em; /* 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.
                             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. */
Line 161: Line 161:
                             Use MenuTailor.css to customize. */
                             Use MenuTailor.css to customize. */
   font: 12px arial, helvetica, sans-serif; /* Required for IE55. */
   font: 12px arial, helvetica, sans-serif; /* Required for IE55. */
-
   left: 13em; /* 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.
                             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. */
Line 170: Line 170:
   text-align: left;
   text-align: left;
   font: 12px arial, helvetica, sans-serif; /* Required for IE55. */
   font: 12px arial, helvetica, sans-serif; /* Required for IE55. */
-
   left: 13em; /* 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.
                             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. */

Revision as of 14:29, 25 September 2009