[Summary view] [Print] [Text view]

   1  /* $Id: superfish-vertical.css,v 1.1.2.1 2010/04/08 07:02:59 sociotech Exp $ */
   2  
   3  /*** adding sf-vertical in addition to sf-menu creates a vertical menu ***/
   4  .sf-vertical, .sf-vertical li {
   5      width:    10em;
   6  }
   7  /* this lacks ul at the start of the selector .sf-vertical, so the styles from the main CSS file override it where needed */
   8  .sf-vertical li:hover ul,
   9  .sf-vertical li.sfHover ul {
  10      left:    10em; /* match ul width */
  11      right: 0; /* in case the menu is wider than 10em, this ensures that the drop-down lines up with the far edge of the menu*/
  12      top:    0;
  13  }
  14  
  15  /*** alter arrow directions ***/
  16  .sf-vertical .sf-sub-indicator { background-position: -10px 0; } /* IE6 gets solid image only */
  17  .sf-vertical a > .sf-sub-indicator { background-position: 0 0; } /* use translucent arrow for modern browsers*/
  18  
  19  /* hover arrow direction for modern browsers*/
  20  .sf-vertical a:focus > .sf-sub-indicator,
  21  .sf-vertical a:hover > .sf-sub-indicator,
  22  .sf-vertical a:active > .sf-sub-indicator,
  23  .sf-vertical li:hover > a > .sf-sub-indicator,
  24  .sf-vertical li.sfHover > a > .sf-sub-indicator {
  25      background-position: -10px 0; /* arrow hovers for modern browsers*/
  26  }
  27  
  28  /*styles for vertical menus in a sidebar on the right side of the page, to ensure that sub-menus drop into the page and don't get cut off*/
  29  
  30  .sidebars-split .sidebar-last .sf-vertical ul,
  31  .sidebars-both-last .sidebar-last .sf-vertical ul,
  32  .sidebars-both-last .sidebar-first .sf-vertical ul {
  33    width: 10em;
  34  }
  35  
  36  .sidebars-split .sidebar-last .sf-vertical li, 
  37  .sidebars-split .sidebar-last .sf-vertical li li,
  38  .sidebars-both-last .sidebar-last .sf-vertical li, 
  39  .sidebars-both-last .sidebar-last .sf-vertical li li,
  40  .sidebars-both-last .sidebar-first .sf-vertical li, 
  41  .sidebars-both-last .sidebar-first .sf-vertical li li {
  42    text-align: right;
  43  }
  44  
  45  .sidebars-split .sidebar-last .sf-vertical li:hover ul,
  46  .sidebars-split .sidebar-last .sf-vertical li.sfHover ul,
  47  .sidebars-both-last.sidebar-last .sf-vertical li:hover ul,
  48  .sidebars-both-last .sidebar-last .sf-vertical li.sfHover ul,
  49  .sidebars-both-last .sidebar-first .sf-vertical li:hover ul,
  50  .sidebars-both-last .sidebar-first .sf-vertical li.sfHover ul {
  51    left: auto; 
  52    right: 10em; /* match ul width*/
  53    top: 0;
  54  }
  55