[Summary view] [Print] [Text view]

   1  /* $Id: nice_menus_default.css,v 1.6 2007/10/29 16:38:28 add1sun Exp $ */
   2  /*
   3    This is the default layout template for nice menus, and will provide
   4    a starting point for the look of your menus. To customize, it's
   5    recommended to create a custom CSS file using this file as a template,
   6    then configure the module to use your custom CSS file
   7    (this is done in the global settings tab of the theme administration.)
   8  
   9    To help understand the CSS, the HTML looks like this, where
  10      x is a number;
  11      TYPE is down/left/right;
  12      PATH is the menu path such as node/343;
  13      MID is the menu id such as 33):
  14    <ul id='nice-menu-x' class='nice-menu nice-menu-TYPE'>
  15      <li id='menu-MID' class='menu-path-PATH'><a href='#'>This is a menu item</a></li>
  16      <li class='menuparent menu-path-PATH'><a href='#'>A submenu</a>
  17        <ul...><li...>...</li>
  18        </ul>
  19      </li>
  20      ...
  21    </ul>
  22  
  23    If you have more than one nice-menu and want to target a particular one,
  24    use its id (e.g. ul#nice-menu-2).
  25  
  26    See README.txt and the handbook page (http://drupal.org/node/185543)
  27    for some CSS customization examples.
  28  */
  29  
  30  /******************************
  31   Global CSS for ALL menu types
  32  ******************************/
  33  
  34  ul.nice-menu,
  35  ul.nice-menu ul {
  36    list-style: none;
  37    padding: 0;
  38    margin: 0;
  39    border-top: 0px solid #fff; 
  40  }
  41  
  42  ul.nice-menu ul
  43  {
  44  }
  45  
  46  ul.nice-menu li
  47  {
  48    border-left: 1px solid  #aa1144;
  49    border-bottom: 1px solid  #aa1144;
  50    border-top: 0px solid #fff;             
  51    float: left;
  52    background-color: #fff;
  53    /* Additional overrides to deal with Garland theme. */
  54    margin: 0;
  55    padding-left: 0;
  56    background-image: none;
  57    /* text-transform:uppercase; */
  58  }
  59  ul.nice-menu li ul li
  60  {
  61    border-right: 1px solid  #aa1144; 
  62  }
  63  ul.nice-menu li:last-child
  64  {
  65    border-right: 1px solid  #aa1144; 
  66  }
  67  
  68  
  69  /* Overrides for Garland header. */
  70  #header-region ul.nice-menu li {
  71    margin: 0;
  72    /* Padding rules are needed to deal with Garland's header line-height. */
  73    padding-top: 0.1em;
  74    padding-bottom: 0.1em;
  75    background: #fff;
  76  }
  77  
  78  ul.nice-menu a
  79  {
  80    padding: 2px 10px 4px 10px;
  81    font-size: 17px;
  82    height: 22px;
  83  }
  84  
  85  ul.nice-menu ul,
  86  /* Repeat for Garland header. */
  87  #header-region ul.nice-menu ul {
  88    top: 29px;
  89    left: 0px;
  90    border: 0;
  91    border-top: 0px solid #fff;
  92    margin-right: 0;
  93  }
  94  
  95  /* Override for Garland header. */
  96  #header-region ul.nice-menu ul {
  97    top: 1.7em;
  98  }
  99  
 100  ul.nice-menu ul li {
 101    width: 12.5em;
 102  }
 103  
 104  /******************************
 105   VERTICAL (left/right) menus
 106  ******************************/
 107  
 108  /* This is the default width of all vertical menus. */
 109  ul.nice-menu-right, ul.nice-menu-left,
 110  ul.nice-menu-right li, ul.nice-menu-left li {
 111    width: 12.5em;
 112  }
 113  
 114  /* VERTICAL menus where submenus pop RIGHT (default). */
 115  ul.nice-menu-right ul {
 116    width: 12.5em;
 117    left: 12.5em;
 118    top: -1px;
 119  }
 120  
 121  ul.nice-menu-right ul ul {
 122    width: 12.5em;
 123    left: 12.5em;
 124    top: -1px;
 125  }
 126  
 127  ul.nice-menu-right li.menuparent,
 128  ul.nice-menu-right li li.menuparent {
 129    background: #fff url(arrow-right.png) right center no-repeat;
 130  }
 131  
 132  ul.nice-menu-right li.menuparent:hover,
 133  ul.nice-menu-right li.over,
 134  ul.nice-menu-right li li.menuparent:hover,
 135  ul.nice-menu-right li li.over {
 136    background: #fff url(arrow-right.png) right center no-repeat;
 137  }
 138  
 139  /* VERTICAL menus where submenus pop LEFT. */
 140  ul.nice-menu-left li ul {
 141    width: 12.5em;
 142    left: -12.65em;
 143    top: -1px;
 144  }
 145  
 146  ul.nice-menu-left li ul li ul {
 147    width: 12.5em;
 148    left: -12.65em;
 149    top: -1px;
 150  }
 151  
 152  ul.nice-menu-left li.menuparent,
 153  ul.nice-menu-left li li.menuparent {
 154    background: #fff url(arrow-left.png) left center no-repeat;
 155  }
 156  
 157  ul.nice-menu-left li.menuparent:hover,
 158  ul.nice-menu-left li.over,
 159  ul.nice-menu-left li li.menuparent:hover,
 160  ul.nice-menu-left li li.over {
 161    background: #fff url(arrow-left.png) left center no-repeat;
 162  }
 163  
 164  ul.nice-menu-left a, ul.nice-menu-left ul a {
 165    padding-left: 14px;
 166  }
 167  
 168  /******************************
 169   HORIZONTAL (down) menus
 170  ******************************/
 171  
 172  ul.nice-menu-down {
 173    float: left;
 174    border: 0;
 175  }
 176  
 177  ul.nice-menu-down li {
 178    border-top: 0px solid #fff;
 179  }
 180  
 181  ul.nice-menu-down li li {
 182    border-top: 0;
 183  }
 184  
 185  ul.nice-menu-down ul {
 186    left: 0;
 187  }
 188  
 189  ul.nice-menu-down ul li
 190  {
 191    clear: both;
 192  }
 193  
 194  ul.nice-menu-down li ul li ul,
 195  /* Repeat for Garland header. */
 196  #header-region ul.nice-menu-down li ul li ul
 197  {
 198    left: 12.5em;
 199    /* top: -1px; */
 200  }
 201  
 202  ul.nice-menu-down .menuparent a
 203  {
 204    padding-right: 10px;
 205    padding-left: 10px;
 206  }
 207  
 208  ul.nice-menu-down li.menuparent,
 209  /* Repeat for Garland header. */
 210  #header-region ul.nice-menu-down li.menuparent {
 211    background: #fff /* url(arrow-down.png) right center no-repeat */;
 212  }
 213  
 214  ul.nice-menu-down li.menuparent:hover,
 215  ul.nice-menu-down li.over,
 216  /* Repeat for Garland header.  This colors top when hovered */
 217  #header-region ul.nice-menu-down li.menuparent:hover,
 218  #header-region ul.nice-menu-down li.over {
 219    background: #fff /* url(arrow-down.png) right center no-repeat */;
 220  }
 221  
 222  ul.nice-menu-down li li.menuparent,
 223  /* Repeat for Garland header. */
 224  #header-region ul.nice-menu-down li li.menuparent {
 225    background: #fff  /* url(arrow-right.png) right center no-repeat */;
 226  }
 227  
 228  ul.nice-menu-down li li.menuparent:hover,
 229  ul.nice-menu-down li li.over,
 230  /* Repeat for Garland header. */
 231  #header-region ul.nice-menu-down li li.menuparent:hover,
 232  #header-region ul.nice-menu-down li li.over {
 233    background: #fff /* url(arrow-right.png) right center no-repeat */;
 234  }
 235  
 236  #header-top-inner
 237  {
 238    overflow: visible;
 239  }
 240  
 241  .row,
 242  .block {
 243    overflow: visible;
 244  }
 245  
 246  .mymenu a:hover,
 247  .mymenu a:focus
 248  {
 249    text-decoration: none;
 250    background-color: #FDFF00;
 251    color: #2956A3 !important;
 252  }
 253  
 254  .mymenu a, .mymenu a:visited
 255  {
 256    color: #660066;
 257  }
 258  .mymenu li a.active
 259  {
 260    color: #4444b4 !important;
 261  }
 262  
 263  .textnav_graphic a:hover,
 264  .textnav_graphic a:focus
 265  {
 266    text-decoration: none;
 267  }