[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    visibility: hidden;
  35  }
  36  
  37  ul.nice-menu li.over ul {
  38    visibility: visible;
  39  }
  40  
  41  ul.nice-menu ul li {
  42    display: block;
  43  }
  44  
  45  ul.nice-menu:after {
  46    content: ".";
  47    display: block;
  48    height: 0;
  49    clear: both;
  50    visibility: hidden;
  51  }
  52  
  53  /* Show submenus when over their parents. */
  54  ul.nice-menu li:hover ul,
  55  ul.nice-menu li.menuparent li:hover ul,
  56  ul.nice-menu li.menuparent li.menuparent li:hover ul,
  57  ul.nice-menu li.menuparent li.menuparent li.menuparent li:hover ul,
  58  ul.nice-menu li.over ul,
  59  ul.nice-menu li.menuparent li.over ul,
  60  ul.nice-menu li.menuparent li.menuparent li.over ul,
  61  ul.nice-menu li.menuparent li.menuparent li.menuparent li.over ul,
  62  /* Repeat all this stuff just for Garland headers. */
  63  #header-region ul.nice-menu li:hover ul,
  64  #header-region ul.nice-menu li.menuparent li:hover ul,
  65  #header-region ul.nice-menu li.menuparent li.menuparent li:hover ul,
  66  #header-region ul.nice-menu li.over ul,
  67  #header-region ul.nice-menu li.menuparent li.over ul,
  68  #header-region ul.nice-menu li.menuparent li.menuparent li.over ul {
  69    visibility: visible;
  70  }
  71  
  72  /* Hide sub-menus initially. */
  73  ul.nice-menu li:hover ul ul,
  74  ul.nice-menu li:hover ul ul ul,
  75  ul.nice-menu li:hover li:hover ul ul,
  76  ul.nice-menu li:hover li:hover ul ul ul,
  77  ul.nice-menu li:hover li:hover li:hover ul ul,
  78  ul.nice-menu li:hover li:hover li:hover ul ul ul,
  79  ul.nice-menu li.over ul ul,
  80  ul.nice-menu li.over ul ul ul,
  81  ul.nice-menu li.over li.over ul ul,
  82  ul.nice-menu li.over li.over ul ul ul,
  83  ul.nice-menu li.over li.over li.over ul ul,
  84  ul.nice-menu li.over li.over li.over ul ul ul,
  85  /* Repeat all this stuff just for Garland headers. */
  86  #header-region ul.nice-menu li:hover ul ul,
  87  #header-region ul.nice-menu li:hover ul ul ul,
  88  #header-region ul.nice-menu li:hover li:hover ul ul,
  89  #header-region ul.nice-menu li:hover li:hover ul ul ul,
  90  #header-region ul.nice-menu li:hover li:hover li:hover ul ul,
  91  #header-region ul.nice-menu li:hover li:hover li:hover ul ul ul,
  92  #header-region ul.nice-menu li.over ul ul,
  93  #header-region ul.nice-menu li.over ul ul ul,
  94  #header-region ul.nice-menu li.over li.over ul ul,
  95  #header-region ul.nice-menu li.over li.over ul ul ul,
  96  #header-region ul.nice-menu li.over li.over li.over ul ul,
  97  #header-region ul.nice-menu li.over li.over li.over ul ul ul {
  98    visibility: hidden;
  99  }
 100  
 101  /***************
 102   IE 6 Fixes
 103  ***************/
 104  
 105  /* Iframe to fix z-index bug when menu hovers over <select> fields. */
 106  ul.nice-menu li.menuparent ul,
 107  /* For Garland header. */
 108  #header-region ul.nice-menu li.menuparent ul {
 109      overflow: visible !important;
 110      /* overflow: hidden; */
 111  }
 112  
 113  ul.nice-menu li.menuparent ul iframe,
 114  /* For Garland header. */
 115  #header-region ul.nice-menu li.menuparent ul iframe {
 116      display: none;
 117      display/**/: block;
 118      position: absolute;
 119      top: 0;
 120      left: 0;
 121      z-index: -1;
 122      filter: mask();
 123      width: 20px;
 124      height: 20px;
 125  }