web/public_php/webtt/app/webroot/css/nav.css

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