logviewer/static/css/nav.css

   1 /*
   2 -----------------------------------------------
   3 Navigation
   4 ----------------------------------------------- */
   5
   6 /* navigation (horizontal subnavigation)
   7 ----------------------------------------------- */
   8 ul.nav,
   9 ul.nav * { margin:0;padding:0;}
  10 ul.nav {
  11   position:relative;
  12   background:#666;
  13   max-width:100%;
  14   height:2.5em;
  15   }
  16 ul.nav li {
  17         cursor:pointer;
  18         float:left;
  19         text-align:center;
  20         list-style-type:none;
  21         font-weight:normal;
  22 }
  23 ul.nav li ul {
  24         cursor:default;
  25         width:100%;
  26         max-width:100%;
  27         position:absolute;
  28         height:auto;
  29         top:2.5em;
  30         background-position:0 0 !important;
  31         left:-9000px;
  32 }
  33 ul.nav li ul li {
  34         padding:0;
  35         border:none;
  36         width:auto;
  37         max-width:none;
  38 }
  39 ul.nav li a {
  40         color:#fff;
  41         background:#666;
  42         font-weight:bold;
  43         text-decoration:none;
  44         display:block;
  45         float:left;
  46         padding:0 1em;
  47         height:2.4em;
  48         line-height:2.5em;
  49 }
  50 ul.nav li ul li a {
  51         position:relative !important; /* ie Mac */
  52         cursor:pointer !important;
  53         white-space:nowrap;
  54         line-height:2em;
  55         height:2em;
  56         font-weight:normal;
  57         color:#666;
  58         background-position:0 50% !important;
  59 }
  60
  61 ul.nav li:hover a,
  62 ul.nav li a:hover,
  63 ul.nav li a:focus {color:#000; background:#ccc;}
  64 ul.nav li a:active {color:#666; background:#fff;}
  65 ul.nav li:hover ul {left:0;z-index:10}
  66 ul.nav li ul,
  67 ul.nav li {background:#ccc !important}
  68 ul.nav li:hover ul li a {color:#444;}
  69 ul.nav li:hover ul li a:hover {color:#000; background:#fff;}
  70 ul.nav li:hover ul li a:active {color:#666; background:#fff;}
  71
  72 ul.nav li.current a {color:#666; background:#fff; cursor:default; font-weight:bold;}
  73 ul.nav li.current ul {left:0;z-index:5}
  74 ul.nav li.current ul,
  75 ul.nav li.current {background:#ccc !important}
  76 ul.nav li.current ul li a {color:#444; background:#ccc; font-weight:normal;}
  77 ul.nav li.current ul li a:hover {color:#000; background:#fff;}
  78 ul.nav li ul li.current a,
  79 ul.nav li ul li.current a:hover,
  80 ul.nav li.current:hover ul li a:active {color:#666; background:#fff;}
  81
  82
  83 /* navigation (vertical subnavigation)
  84 ----------------------------------------------- */
  85 ul.nav {
  86   background:#666;
  87 }
  88 ul.main li {
  89   position:relative;
  90   top:0;
  91   left:0;
  92 }
  93 ul.main li ul {
  94   border-top:0;
  95 }
  96 ul.main li ul li {
  97   float:left;
  98 }
  99 ul.main li a {
 100         height:2.5em;
 101         line-height:2.5em;
 102         border:0;
 103         color:#fff;
 104         background:#666;
 105 }
 106 ul.main li ul li a {
 107   width:12em;
 108   line-height:2em;
 109   height:2em;
 110   text-align:left;
 111   color:#fff;
 112   border-top:1px solid #444;
 113   background:#444;
 114 }
 115 ul.main li a:focus {color:#fff; background:#666;}
 116 ul.main li ul li a:hover {
 117   color:#fff;
 118   background:#555;
 119 }
 120 ul.main li:hover a {
 121   color:#fff;
 122   background:#555;
 123 }
 124 ul.main li:hover ul li a {color:#fff;}
 125 ul.main li:hover ul li a:hover {color:#fff; background:#444;}
 126 ul.main li:hover a:active {background:#444;}
 127 ul.main li:hover ul li a:active {color:#fff; background:#222;}
 128
 129
 130 /* secondary list
 131 ----------------------------------------------- */
 132 ul.nav li.secondary {
 133         float:right;
 134         color:#cde;
 135         background:transparent !important;
 136 }
 137 ul.nav li.secondary span.status {
 138         float:left;
 139         padding:0 1em;
 140         line-height:2.77em;
 141         height:2.77em;
 142   font-size:0.9em;
 143 }
 144 ul.nav li.secondary span.status a {
 145         float:none;
 146         display:inline;
 147         padding:0;
 148         height:auto;
 149         line-height:auto;
 150         color:#cde;
 151         background:transparent;
 152 }
 153 ul.nav li.secondary span.status a:hover {
 154         color:#fff;
 155         background:transparent;
 156 }
 157 ul.nav li.secondary span.status span {
 158         text-transform:capitalize;
 159 }
 160 ul.nav li.secondary:hover a {
 161         color:#fff;
 162         background:#666;
 163 }
 164 ul.nav li.secondary:hover a:hover {
 165         background:#555;
 166 }
 167 ul.nav li.secondary:hover a:active {background:#444;}