public/stylesheets/dropdown/themes/default.css

   1 @charset "UTF-8";
   2
   3 /**
   4  * Default CSS Drop-Down Menu Theme
   5  *
   6  * @file                default.css
   7  * @name                Default
   8  * @version             0.1.1
   9  * @type                transitional
  10  * @browsers    Windows: IE5+, Opera7+, Firefox1+
  11  *                              Mac OS: Safari2+, Firefox2+
  12  *
  13  * @link                http://www.lwis.net/
  14  * @copyright   2008 Live Web Institute. All Rights Reserved.
  15  *
  16  * Module Classes: *.dir {} *.on {} *.open {} li.hover {} li.first {} li.last {}
  17  * Expected directory tag - li
  18  *
  19  */
  20
  21
  22 /*-------------------------------------------------/
  23  * @section             Base Drop-Down Styling
  24  * @structure   ul (unordered list)
  25  *                              ul li (list item)
  26  *                              ul li a (links)
  27  *                              /*\.class|(li|a):hover/
  28  * @level sep   ul
  29  */
  30
  31
  32 ul.dropdown {
  33  font-weight: bold;
  34 }
  35
  36         ul.dropdown li {
  37          padding: 7px 10px;
  38          border-style: solid;
  39          border-width: 1px 1px 1px 0;
  40          border-color: #fff #d9d9d9 #d9d9d9;
  41          background-color: #f6f6f6;
  42          color: #000;
  43         }
  44
  45         ul.dropdown li.hover,
  46         ul.dropdown li:hover {
  47          background-color: #eee;
  48          color: #000;
  49         }
  50
  51         ul.dropdown a:link,
  52         ul.dropdown a:visited   { color: #000; text-decoration: none; }
  53         ul.dropdown a:hover             { color: #000; }
  54         ul.dropdown a:active    { color: #ffa500; }
  55
  56
  57         /* -- level mark -- */
  58
  59         ul.dropdown ul {
  60          width: 150px;
  61          margin-top: 1px;
  62         }
  63
  64                 ul.dropdown ul li {
  65                  font-weight: normal;
  66                 }
  67
  68
  69
  70 /*-------------------------------------------------/
  71  * @section             Support Class `dir`
  72  * @level sep   ul, .class
  73  */
  74
  75
  76 ul.dropdown *.dir {
  77  padding-right: 20px;
  78  background-image: url(images/nav-arrow-down.png);
  79  background-position: 100% 50%;
  80  background-repeat: no-repeat;
  81 }
  82
  83
  84 /* -- Components override -- */
  85
  86 ul.dropdown-horizontal ul *.dir {
  87  padding-right: 15px;
  88  background-image: url(images/nav-arrow-right.png);
  89  background-position: 100% 50%;
  90  background-repeat: no-repeat;
  91 }
  92
  93 ul.dropdown-upward *.dir {
  94  background-image: url(images/nav-arrow-top.png);
  95 }
  96
  97 ul.dropdown-vertical *.dir,
  98 ul.dropdown-upward ul *.dir {
  99  background-image: url(images/nav-arrow-right.png);
 100 }
 101
 102 ul.dropdown-vertical-rtl *.dir {
 103  padding-right: 10px;
 104  padding-left: 15px;
 105  background-image: url(images/nav-arrow-left.png);
 106  background-position: 0 50%;
 107 }