git.infodrom.org Git - misc/kostenrechnung/blob - dropdown.css

   1 @charset "UTF-8";
   2
   3 /**
   4  * Horizontal CSS Drop-Down Menu Module
   5  *
   6  * @file                dropdown.css
   7  * @package             Dropdown
   8  * @version             0.7.1
   9  * @type                Transitional
  10  * @stacks              597-599
  11  * @browsers    Windows: IE6+, Opera7+, Firefox1+
  12  *                              Mac OS: Safari2+, Firefox2+
  13  *
  14  * @link                http://www.lwis.net/
  15  * @copyright   2006-2008 Live Web Institute. All Rights Reserved.
  16  *
  17  */
  18
  19 div.menu {
  20  background: #BBD9EE;
  21  height: 23px;
  22  padding-left: 80px;
  23 }
  24
  25 ul.dropdown,
  26 ul.dropdown li,
  27 ul.dropdown ul {
  28  list-style: none;
  29  margin: 0;
  30  padding: 0;
  31 }
  32
  33 ul.dropdown {
  34  position: relative;
  35  z-index: 597;
  36  float: left;
  37  font-size: 80%;
  38 }
  39
  40 ul.dropdown li {
  41  float: left;
  42  line-height: 1.3em;
  43  vertical-align: middle;
  44  margin-left: 1px;
  45  text-align: center;
  46  zoom: 1;
  47 }
  48
  49 ul.dropdown li.hover,
  50 ul.dropdown li:hover {
  51  position: relative;
  52  z-index: 599;
  53  cursor: default;
  54 }
  55
  56 ul.dropdown ul {
  57  visibility: hidden;
  58  position: absolute;
  59  top: 100%;
  60  left: 0;
  61  z-index: 598;
  62  width: 100%;
  63 }
  64
  65 ul.dropdown ul li {
  66  float: none;
  67 }
  68
  69 ul.dropdown ul ul {
  70  top: 1px;
  71  left: 99%;
  72 }
  73
  74 ul.dropdown a {
  75  float: left;
  76  width: 95px;
  77  padding: 5px 0;
  78  background: #BBD9EE;
  79  text-decoration: none;
  80  color: #666;
  81  margin-top: 0px;
  82  margin-left: -1px;
  83  border-top: 1px solid #fff;
  84  border-left: 1px solid #fff;
  85  border-right: 1px solid #fff;
  86 }
  87
  88 ul.dropdown a:hover {
  89  color: black;
  90  background: #7fbce7;
  91 }
  92
  93 ul.dropdown span {
  94  width: 95px;
  95  display: block;
  96  padding: 5px 0;
  97  background: #E7F1F8;
  98  color: #666;
  99  border-top: 1px solid #BBD9EE;
 100  border-left: 1px solid #BBD9EE;
 101  border-right: 1px solid #BBD9EE;
 102 }
 103
 104 ul.dropdown li:hover > ul {
 105  visibility: visible;
 106 }