stupid files
[kismet-logviewer.git] / 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;}