2fb89a46b24e526a020b8185d0127f4b6227892a
[project/luci.git] / themes / openwrt.org / htdocs / luci-static / openwrt.org / cascade.css
1 * {
2 margin: 0;
3 padding: 0;
4 }
5
6 body {
7 background-color: #4a6b7c;
8 background-image: url(bg.jpg);
9 background-position: bottom center;
10 background-attachment: fixed;
11 background-repeat: repeat-x;
12 color: #ffffff;
13 font-family: Verdana, Arial, sans-serif;
14 font-size: 100%;
15 line-height: 100%;
16 }
17
18 div#content ul {
19 margin-left: 2em;
20 }
21
22 .clear {
23 clear: both;
24 height: 1px;
25 }
26
27 .hidden {
28 display: none;
29 }
30
31 .error {
32 color: #ff0000;
33 }
34
35 #header {
36 min-height: 98px;
37 background-image: url(header.jpg);
38 background-repeat: no-repeat;
39 background-position: left center;
40 background-color: #557788;
41 text-align: right;
42 }
43
44 #header .info {
45 padding: 1em 1em;
46 font-size: 70%;
47 line-height: 160%;
48 }
49
50 #header .title {
51 display: none;
52 }
53
54 .pathbar {
55 display: none;
56 }
57
58 .menubar {
59 width: 100%;
60 min-height: 1.8em;
61 background: #000000;
62 color: #ffffff;
63 }
64
65 .mainmenu {
66 float: left;
67 width: auto;
68 min-height: 1.8em;
69 background: #000000;
70 color: #ffffff;
71 }
72
73 * html .mainmenu {
74 height: 1.8em;
75 }
76
77 .mainmenu div {
78 float: left;
79 }
80
81 .mainmenu div ul {
82 display: none;
83 position: absolute;
84 background: #000000;
85 color: #ffffff;
86 border-width: 0 1px 1px 1px;
87 border-style: solid;
88 border-color: #444444;
89 list-style-type: none;
90 }
91
92 .mainmenu ul li:hover > ul,
93 .mainmenu div:hover > ul {
94 display: block;
95 }
96
97 .mainmenu ul li > ul {
98 left: 100%;
99 margin-top: -1.8em;
100 border-width: 1px;
101 }
102
103 .modemenu a,
104 .mainmenu a {
105 display: block;
106 padding: 0.5em;
107 color: #ffffff;
108 text-decoration: none;
109 font-size: 80%;
110 }
111
112 .mainmenu .active a,
113 .modemenu .active a {
114 color: #ffff00;
115 font-weight: bold;
116 }
117
118 .mainmenu li:hover > span > a,
119 .mainmenu div:hover > a {
120 font-weight: bold;
121 }
122
123 .modemenu a:hover,
124 .modemenu a:focus,
125 .mainmenu a:hover,
126 .mainmenu a:focus {
127 color: #ffff00;
128 font-weight: bold;
129 }
130
131 .mainmenu div.preactive > a {
132 color: #ffff00;
133 font-weight: bold;
134 }
135
136 .modemenu ul {
137 width: auto;
138 background: #000000;
139 color: #ffffff;
140 list-style-type: none;
141 }
142
143 .modemenu li {
144 float: right;
145 }
146
147 .sidebar {
148 position: absolute;
149 top: -50px;
150 right: 0;
151 width: 18%;
152 color: #888888;
153 text-align: center;
154 font-size: 100%;
155 font-weight: bold;
156 z-index: -1;
157 }
158
159 .sidebar ul {
160 width: 100%;
161 margin-top: 16em;
162 list-style-type: none;
163 color: #ffffff;
164 text-align: left;
165 font-size: 80%;
166 font-size: normal;
167 }
168
169 #content {
170 clear: both;
171 width: 60%;
172 margin: 0 auto;
173 padding: 0.5em;
174 background: #f5f5f5;
175 color: #000000;
176 border-width: 0 1px 1px 1px;
177 border-style: solid;
178 border-color: #444444;
179 font-size: 80%;
180 }
181
182 #content h1 {
183 margin: 0.25em 0 0.5em 0;
184 font-size: 150%;
185 font-weight: normal;
186 }
187
188 #content h2 {
189 margin: 0.5em 0;
190 font-size: 120%;
191 font-weight: normal;
192 text-decoration: underline;
193 }
194
195 #content p {
196 margin-bottom: 1em;
197 }
198
199 .cbi-section {
200 margin-bottom: 0.5em;
201 padding: 0.5em 1em;
202 border: 1px dotted #555555;
203 background-color: #ffffff;
204 }
205
206 .cbi-section h2 {
207 margin: 0em 0 0.5em -0.5em !important;
208 }
209
210 .cbi-section h3 {
211 height: 1em;
212 font-size: 120%;
213 }
214
215 .cbi-section-descr {
216 margin-bottom: 0.5em;
217 }
218
219 input[type=submit],
220 input[type=reset],
221 label {
222 cursor: pointer;
223 }
224
225 select,
226 input,
227 textarea {
228 background: #eeeeee;
229 color: #000000;
230 border: 1px solid #000000;
231 }
232
233 input:focus,
234 textarea:focus {
235 background: #ffffff;
236 }
237
238 select,
239 input[type=text],
240 input[type=password] {
241 width: 20em;
242 }
243
244 textarea {
245 margin-left: -1px;
246 margin-bottom: 0.5em;
247 }
248
249 form > div > input[type=submit],
250 form > div > input[type=reset] {
251 float: right;
252 margin-left: 0.5em;
253 }
254
255 table.smalltext {
256 background: #f5f5f5;
257 border-top: 1px solid #666666;
258 border-right: 1px solid #666666;
259 border-bottom: 1px solid #666666;
260 font-size: 90%;
261 }
262
263 table.smalltext tr th {
264 padding: 0 0.25em;
265 border-left: 1px solid #666666;
266 }
267
268 table.smalltext tr td {
269 padding: 0 0.25em;
270 border-top: 1px solid #666666;
271 border-left: 1px solid #666666;
272 }
273
274 div.cbi-value {
275 clear: left;
276 padding: 0.25em;
277 border-bottom: 1px dotted #bbbbbb;
278 }
279
280 div.cbi-value:hover {
281 background: #f8f8f8;
282 }
283
284 div.cbi-value:last-child {
285 border: none;
286 }
287
288 .cbi-value-title {
289 float: left;
290 width: 30%;
291 margin: 0.25em 0;
292 }
293
294 div.cbi-value-field {
295 width: 68%;
296 margin: 0.25em 0 0.25em 30%;
297 }
298
299 div.cbi-value-description {
300 font-size: 90%;
301 }
302
303 div.cbi-section-create {
304 clear: left;
305 }
306
307 div.cbi-map-descr {
308 margin-bottom: 1em;
309 }
310
311 div.cbi-optionals {
312 margin: 0.5em 0;
313 padding: 0 0.25em;
314 }
315
316 div.cbi-section-remove {
317 float: right;
318 }
319
320 div.cbi-section-remove input {
321 border-color: #bbbbbb;
322 border-bottom: none;
323 }
324
325 div.cbi-section-node {
326 clear: both;
327 border: 1px dotted #bbbbbb;
328 padding-bottom: 0;
329 }
330
331 .right {
332 text-align: right;
333 }
334
335 .luci {
336 position: fixed;
337 bottom: 0;
338 left: 0;
339 text-align: right;
340 }
341
342 .luci a {
343 color: #666666;
344 text-decoration: none;
345 font-size: 70%;
346 }
347
348