[Summary view] [Print] [Text view]

   1  /* $Id: superfish-rtl.css,v 1.1.2.2 2010/04/08 07:02:59 sociotech Exp $ */
   2  
   3  /* Right-to-left styles for Superfish menus
   4  /------------------------------------------------------------------- */
   5  /* essential styles */
   6  .sf-menu li {
   7    float: right;
   8  }
   9  
  10  .sf-menu li:hover ul,
  11  .sf-menu li.sfHover ul {
  12    left: auto;
  13    right: 0;
  14  }
  15  
  16  ul.sf-menu li li:hover ul,
  17  ul.sf-menu li li.sfHover ul {
  18    right: 10em;
  19  }
  20  
  21  ul.sf-menu li li li:hover ul,
  22  ul.sf-menu li li li.sfHover ul {
  23    right: 10em;
  24  }
  25  
  26  /* demo skin */
  27  .sf-menu {
  28    float: right;
  29  }
  30  
  31  /* arrows */
  32  .sf-menu a.sf-with-ul {
  33    padding-left: 2.25em;
  34    padding-right: 1em;
  35  }
  36  
  37  .sf-sub-indicator {
  38    left: 0.75em;
  39    right: auto;
  40    background: url('../images/arrows-ffffff-rtl.png') no-repeat -10px -100px;
  41  }
  42  
  43  a > .sf-sub-indicator {
  44    background-position: -10px -100px;
  45  }
  46  
  47  a:focus > .sf-sub-indicator,
  48  a:hover > .sf-sub-indicator,
  49  a:active > .sf-sub-indicator,
  50  li:hover > a > .sf-sub-indicator,
  51  li.sfHover > a > .sf-sub-indicator {
  52    background-position: 0 -100px;
  53  }
  54  
  55  .sf-menu ul .sf-sub-indicator {
  56    background-position: 0 0;
  57  }
  58  
  59  .sf-menu ul a > .sf-sub-indicator {
  60    background-position: -10px 0;
  61  }
  62  
  63  .sf-menu ul a:focus > .sf-sub-indicator,
  64  .sf-menu ul a:hover > .sf-sub-indicator,
  65  .sf-menu ul a:active > .sf-sub-indicator,
  66  .sf-menu ul li:hover > a > .sf-sub-indicator,
  67  .sf-menu ul li.sfHover > a > .sf-sub-indicator {
  68    background-position: 0 0;
  69  }
  70  
  71  .sf-shadow ul {
  72    background: url('../images/shadow.png') no-repeat bottom left;
  73    padding: 0 0 9px 8px;
  74    -moz-border-radius-bottomright: 17px;
  75    -moz-border-radius-topleft: 17px;
  76    -webkit-border-top-left-radius: 17px;
  77    -webkit-border-bottom-right-radius: 17px;
  78  }
  79  
  80  /*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*/
  81  
  82  .sidebars-split .sidebar-first .sf-vertical ul,
  83  .sidebars-both-first .sidebar-first .sf-vertical ul,
  84  .sidebars-both-first .sidebar-last .sf-vertical ul{
  85    width: 10em;
  86  }
  87  
  88  .sidebars-split .sidebar-first .sf-vertical li, 
  89  .sidebars-split .sidebar-first .sf-vertical li li,
  90  .sidebars-both-first .sidebar-first .sf-vertical li, 
  91  .sidebars-both-first .sidebar-first .sf-vertical li li,
  92  .sidebars-both-first .sidebar-last .sf-vertical li, 
  93  .sidebars-both-first .sidebar-last .sf-vertical li li{
  94    text-align: right;
  95  }
  96  
  97  .sidebars-split .sidebar-first .sf-vertical li:hover ul,
  98  .sidebars-split .sidebar-first .sf-vertical li.sfHover ul,
  99  .sidebars-both-first .sidebar-first .sf-vertical li:hover ul,
 100  .sidebars-both-first .sidebar-first .sf-vertical li.sfHover ul,
 101  .sidebars-both-first .sidebar-last .sf-vertical li:hover ul,
 102  .sidebars-both-first .sidebar-last .sf-vertical li.sfHover ul{
 103    left: auto; 
 104    right: 10em; /* match ul width*/
 105    top: 0;
 106  }