[Sommaire] [Imprimer]

   1  #nav {
   2      height: 50px;
   3      font-size: 0.75em;
   4  }
   5  #nav ul {
   6      position: absolute;
   7      width: 100%;
   8      padding: 0;
   9      margin: 0;
  10      background-color: <?php echo $primary ?>;
  11  }
  12  #nav ul li {
  13      float: left;
  14      display: inline;
  15      margin: 0;
  16  }
  17  #nav ul li a {
  18      display: block;
  19      position: relative;
  20      padding: 0.2em 1.5em;
  21      background-color: <?php echo $secondary ?>;
  22      font-size: 1.3em;
  23      font-weight: bold;
  24      color: <?php echo $primaryLight ?>;
  25      text-align: center;
  26      text-decoration: none;
  27      letter-spacing: 0.05em;
  28      border-right: 1px solid <?php echo $primary ?>;
  29  }
  30  #nav ul li a:hover {
  31      color: <?php echo $secondaryDark ?>;
  32      text-decoration: underline;
  33  }
  34  #nav ul li.current a {
  35      color: <?php echo $secondaryDark ?>;
  36      background-color: <?php echo $secondaryLight ?>;
  37  }
  38  #nav ul li.current a:visited {
  39      color: <?php echo $secondaryDark ?>;
  40  }
  41  /* hide the sublevels */
  42  #nav ul ul {
  43      display: none;
  44  }
  45  #nav ul li.current ul {
  46      position: absolute;
  47      left: 0;
  48      display: block;
  49      /* use max-width emulation hack from
  50       * http://www.svendtofte.com/code/max_width_in_ie/, using the IE5.0+ dynamic
  51       * properties syntax, see
  52       * http://msdn.microsoft.com/workshop/author/dhtml/overview/recalc.asp */
  53      <?php if (isBrowserFamily('MSIE')) { ?>
  54      width: expression(document.body.clientWidth);
  55      <?php } ?>
  56      padding: 0;
  57      background-color: <?php echo $secondaryLight ?>;
  58  }
  59  #nav ul li.current li {
  60      padding: 0.4em 0;
  61  }
  62  #nav ul li.current li a {
  63      /* hide first pipe */
  64      left: -1px;
  65      padding: 0 1em;
  66      font-weight: normal;
  67      font-size: 1.1em;
  68      color: <?php echo $secondaryDark ?>;
  69      border-right: none;
  70      border-left: 1px solid <?php echo $secondaryDark ?>;
  71  }
  72  /* hide 3rd or more levels */
  73  #nav ul ul ul li {
  74      display: none;
  75  }