[Summary view] [Print] [Text view]

   1  /* $Id: nice_menus.css,v 1.27.2.1 2008/07/11 16:05:10 add1sun Exp $ */
   2  /*
   3    This file contains the basic logic for nice menus, and should not be
   4    edited.  To customize the menus, it's recommended to create a custom CSS
   5    file using nice_menus_default.css as a template, then configure the module
   6    to use your custom CSS file (this is done in the global settings tab of
   7    the theme administration.)
   8  */
   9  
  10  /* Below should fix menu being a few pixels away in some themes, and menus disappearing behind other stuff. */
  11  .block-nice_menus {
  12    line-height: normal;
  13    z-index: 10;
  14  }
  15  
  16  ul.nice-menu,
  17  ul.nice-menu ul {
  18    z-index: 5;
  19    position: relative;
  20  }
  21  
  22  ul.nice-menu li {
  23    position: relative;
  24  }
  25  
  26  ul.nice-menu a {
  27    display: block;
  28  }
  29  
  30  ul.nice-menu ul,
  31  /* For Garland header. */
  32  #header-region ul.nice-menu ul {
  33    position: absolute;
  34    left: -1px;                               
  35    visibility: hidden;
  36  }
  37  
  38  ul.nice-menu li.over ul {
  39    visibility: visible;
  40  }
  41  
  42  ul.nice-menu ul li {
  43    display: block;
  44  }
  45  
  46  ul.nice-menu:after {
  47    content: ".";
  48    display: block;
  49    height: 0;
  50    clear: both;
  51    visibility: hidden;
  52  }
  53  
  54  /* Show submenus when over their parents. */
  55  ul.nice-menu li:hover ul,
  56  ul.nice-menu li.menuparent li:hover ul,
  57  ul.nice-menu li.menuparent li.menuparent li:hover ul,
  58  ul.nice-menu li.menuparent li.menuparent li.menuparent li:hover ul,
  59  ul.nice-menu li.over ul,
  60  ul.nice-menu li.menuparent li.over ul,
  61  ul.nice-menu li.menuparent li.menuparent li.over ul,
  62  ul.nice-menu li.menuparent li.menuparent li.menuparent li.over ul,
  63  /* Repeat all this stuff just for Garland headers. */
  64  #header-region ul.nice-menu li:hover ul,
  65  #header-region ul.nice-menu li.menuparent li:hover ul,
  66  #header-region ul.nice-menu li.menuparent li.menuparent li:hover ul,
  67  #header-region ul.nice-menu li.over ul,
  68  #header-region ul.nice-menu li.menuparent li.over ul,
  69  #header-region ul.nice-menu li.menuparent li.menuparent li.over ul {
  70    visibility: visible;
  71  }
  72  
  73  /* Hide sub-menus initially. */
  74  ul.nice-menu li:hover ul ul,
  75  ul.nice-menu li:hover ul ul ul,
  76  ul.nice-menu li:hover li:hover ul ul,
  77  ul.nice-menu li:hover li:hover ul ul ul,
  78  ul.nice-menu li:hover li:hover li:hover ul ul,
  79  ul.nice-menu li:hover li:hover li:hover ul ul ul,
  80  ul.nice-menu li.over ul ul,
  81  ul.nice-menu li.over ul ul ul,
  82  ul.nice-menu li.over li.over ul ul,
  83  ul.nice-menu li.over li.over ul ul ul,
  84  ul.nice-menu li.over li.over li.over ul ul,
  85  ul.nice-menu li.over li.over li.over ul ul ul,
  86  /* Repeat all this stuff just for Garland headers. */
  87  #header-region ul.nice-menu li:hover ul ul,
  88  #header-region ul.nice-menu li:hover ul ul ul,
  89  #header-region ul.nice-menu li:hover li:hover ul ul,
  90  #header-region ul.nice-menu li:hover li:hover ul ul ul,
  91  #header-region ul.nice-menu li:hover li:hover li:hover ul ul,
  92  #header-region ul.nice-menu li:hover li:hover li:hover ul ul ul,
  93  #header-region ul.nice-menu li.over ul ul,
  94  #header-region ul.nice-menu li.over ul ul ul,
  95  #header-region ul.nice-menu li.over li.over ul ul,
  96  #header-region ul.nice-menu li.over li.over ul ul ul,
  97  #header-region ul.nice-menu li.over li.over li.over ul ul,
  98  #header-region ul.nice-menu li.over li.over li.over ul ul ul {
  99    visibility: hidden;
 100  }
 101  
 102  /***************
 103   IE 6 Fixes
 104  ***************/
 105  
 106  /* Iframe to fix z-index bug when menu hovers over <select> fields. */
 107  ul.nice-menu li.menuparent ul,
 108  /* For Garland header. */
 109  #header-region ul.nice-menu li.menuparent ul {
 110      overflow: visible !important;
 111      /* overflow: hidden; */
 112  }
 113  
 114  ul.nice-menu li.menuparent ul iframe,
 115  /* For Garland header. */
 116  #header-region ul.nice-menu li.menuparent ul iframe {
 117      display: none;
 118      display/**/: block;
 119      position: absolute;
 120      top: 0;
 121      left: 0;
 122      z-index: -1;
 123      filter: mask();
 124      width: 20px;
 125      height: 20px;
 126  }