git.infodrom.org Git - infodrom/hallinta/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  * http://lwis.net/free-css-drop-down-menu/dropdown.simple.horizontal.html
  18  *
  19  */
  20
  21 div.menu {
  22  padding-left: 20px;
  23  height: 27px;
  24 }
  25
  26 ul.dropdown,
  27 ul.dropdown li,
  28 ul.dropdown ul {
  29  list-style: none;
  30  margin: 0;
  31  padding: 0;
  32 }
  33
  34 ul.dropdown {
  35  position: relative;
  36  z-index: 597;
  37  float: left;
  38 }
  39
  40 ul.dropdown li {
  41  float: left;
  42  line-height: 1.0em;
  43  vertical-align: middle;
  44  zoom: 1;
  45 }
  46
  47 ul.dropdown li.hover,
  48 ul.dropdown li:hover {
  49  position: relative;
  50  z-index: 599;
  51  cursor: default;
  52 }
  53
  54 ul.dropdown ul {
  55  visibility: hidden;
  56  position: absolute;
  57  top: 100%;
  58  left: 0;
  59  z-index: 598;
  60  width: 100%;
  61 }
  62
  63 ul.dropdown ul li {
  64  float: none;
  65 }
  66
  67 ul.dropdown ul ul {
  68  top: 1px;
  69  left: 99%;
  70 }
  71
  72 ul.dropdown li:hover > ul {
  73  visibility: visible;
  74 }
  75
  76 /* top menu items */
  77 ul.dropdown {
  78  font-weight: normal;
  79 }
  80
  81 ul.dropdown li {
  82  padding: 7px 10px;
  83  border-style: solid;
  84  border-width: 1px 1px 1px 0;
  85  border-color: #fff #d9d9d9 #d9d9d9;
  86  background-color: #f6f6f6;
  87  color: #000;
  88 }
  89
  90 ul.dropdown li.hover,
  91 ul.dropdown li:hover {
  92  background-color: #eee;
  93  color: #000;
  94 }
  95
  96 ul.dropdown a:link,
  97 ul.dropdown a:visited   { color: #000; text-decoration: none; }
  98 ul.dropdown a:hover             { color: #000; }
  99 ul.dropdown a:active    { color: #ffa500; }
 100
 101
 102 /* -- level mark -- */
 103
 104 ul.dropdown ul {
 105  width: 150px;
 106  margin-top: 1px;
 107 }
 108
 109 ul.dropdown ul li {
 110  font-weight: normal;
 111 }
 112