1 | 2 | simandl | #page_bg { |
2 | | | height: 100%; |
3 | | | background: #f47a00; |
4 | | | } |
5 | | | |
6 | | | #center { |
7 | | | text-align: center; |
8 | | | } |
9 | | | |
10 | | | #main_bg { |
11 | | | margin-top: -10px; |
12 | | | margin-left: -8px; |
13 | | | margin-right: -8px; |
14 | | | margin-bottom: 0px; |
15 | | | } |
16 | | | |
17 | | | #header-right { |
18 | | | background: url("../images/right.png") no-repeat right top; |
19 | | | height: 75px; |
20 | | | } |
21 | | | |
22 | | | #header-left { |
23 | | | background: url("../images/left.png") no-repeat left top; |
24 | | | height: 75px; |
25 | | | } |
26 | | | #header-middle { |
27 | | | background: url("../images/middle.png") repeat-x center top; |
28 | | | height: 75px; |
29 | | | } |
30 | | | |
31 | | | #text { |
32 | | | text-align: center; |
33 | | | font-size: 12px; |
34 | | | font-family: Arial, sans-serif; |
35 | | | } |
36 | | | |
37 | | | #text tr{ |
38 | | | text-align: center; |
39 | | | font-size: 13px; |
40 | | | font-family: Arial, sans-serif; |
41 | | | font-weight: normal; |
42 | | | } |
43 | | | |
44 | | | #text input[type=submit], #text input[type=button] { |
45 | | | text-align: center; |
46 | | | font-size: 13px; |
47 | | | font-family: Arial, sans-serif; |
48 | | | padding-left: 10; |
49 | | | padding-right: 10; |
50 | | | padding-top: 0; |
51 | | | padding-bottom: 1; |
52 | | | } |
53 | | | |
54 | | | #text input[type=text], #text input[type=password] { |
55 | | | text-align: center; |
56 | | | font-size: 12px; |
57 | | | font-family: Arial, sans-serif; |
58 | | | } |
59 | | | |
60 | | | #text2 input[type=text], #text input[type=password] { |
61 | | | text-align: left; |
62 | | | font-size: 12px; |
63 | | | font-family: Arial, sans-serif; |
64 | | | } |
65 | | | |
66 | | | #text select { |
67 | | | font-size: 12px; |
68 | | | font-family: Arial, sans-serif; |
69 | | | } |
70 | | | |
71 | | | #text option { |
72 | | | font-size: 12px; |
73 | | | font-family: Arial, sans-serif; |
74 | | | } |
75 | | | |
76 | | | #text a:link, #text a:visited { |
77 | | | text-align: center; |
78 | | | font-size: 12px; |
79 | | | font-family: Arial, sans-serif; |
80 | | | color: #0000EE; |
81 | | | text-decoration: none; |
82 | | | font-weight: bold; |
83 | | | } |
84 | | | |
85 | | | #text a:hover { |
86 | | | text-align: center; |
87 | | | font-size: 12px; |
88 | | | font-family: Arial, sans-serif; |
89 | | | color: #0000EE; |
90 | | | text-decoration: underline; |
91 | | | font-weight: bold; |
92 | | | } |
93 | | | |
94 | | | #footer { |
95 | | | height: 18px; |
96 | | | background: #1CA7F2; |
97 | | | text-align: center; |
98 | | | color: #FFFFFF; |
99 | | | font-size: 13px; |
100 | | | font-family: Arial, sans-serif; |
101 | | | } |
102 | | | |
103 | | | #footer a |
104 | | | { |
105 | | | color: #FFFFFF; |
106 | | | } |
107 | | | |
108 | | | #footer a:link, #footer a:visited { |
109 | | | color: #FFFFFF; |
110 | | | font-family: Arial, sans-serif; |
111 | | | text-decoration: none; |
112 | | | } |
113 | | | |
114 | | | #footer a:hover { |
115 | | | color: #FFFFFF; |
116 | | | text-decoration: underline; |
117 | | | } |
118 | | | |
119 | | | #navigation { |
120 | | | height: 16px; |
121 | | | font-weight: bold; |
122 | | | text-align: center; |
123 | | | padding-top: 58px; |
124 | | | padding-left: 1px; |
125 | | | padding-right: 2px; |
126 | | | } |
127 | | | |
128 | | | #navigation a:link, #navigation a:visited { |
129 | | | color: #FFFFFF; |
130 | | | font-size: 13px; |
131 | | | font-family: Arial, sans-serif; |
132 | | | text-decoration: none; |
133 | | | height: 16px; |
134 | | | line-height: 16px; |
135 | | | float: right; |
136 | | | padding: 0 16px; |
137 | | | margin-left: 4px; |
138 | | | } |
139 | | | |
140 | | | #navigation a:hover { |
141 | | | text-decoration: underline; |
142 | | | } |
143 | | | |
144 | | | #head2, #head { |
145 | | | font-size: 18px; |
146 | | | margin: 0px; |
147 | | | padding: 0px; |
148 | | | margin-top: 5px; |
149 | | | text-align: center; |
150 | | | background-color: #f5f5f5; |
151 | | | color: #1CA7F2; |
152 | | | height: 25px; |
153 | | | line-height: 25px; |
154 | | | } |
155 | | | |
156 | | | #head { |
157 | | | border: 1px solid #1CA7F2; |
158 | | | } |
159 | | | |
160 | | | .submitlink { |
161 | | | color: #00f; |
162 | | | background-color: transparent; |
163 | | | text-decoration: underline; |
164 | | | border: none; |
165 | | | cursor: pointer; |
166 | | | cursor: hand; |
167 | | | text-align: left; |
168 | | | padding-left: 10; |
169 | | | } |
170 | | | |
171 | | | .submitlink2 { |
172 | | | background-color: transparent; |
173 | | | border: none; |
174 | | | cursor: pointer; |
175 | | | cursor: hand; |
176 | | | text-align: center; |
177 | | | } |
178 | | | |
179 | | | #login { |
180 | | | text-align: left; |
181 | | | margin-left: 10px; |
182 | | | } |
183 | | | |
184 | | | ul { |
185 | | | list-style-type: none; |
186 | | | margin: 0; |
187 | | | padding: 0; |
188 | | | } |
189 | | | |
190 | | | .bullets li { |
191 | | | background: url("../images/odrazka.png") no-repeat 0 0%; |
192 | | | padding-left: 28px; |
193 | | | padding-bottom: 8px; |
194 | | | text-align: left; |
195 | | | } |
196 | | | |
197 | | | p { |
198 | | | margin-bottom: 3px; |
199 | | | margin-top: 5px; |
200 | | | } |
201 | | | |
202 | | | .graphs_link_green a:link, |
203 | | | .graphs_link_green a:visited, |
204 | | | .graphs_link_green a:hover, |
205 | | | .graphs_link_red a:link, |
206 | | | .graphs_link_red a:visited, |
207 | | | .graphs_link_red a:hover, |
208 | | | .graphs_link_black a:link, |
209 | | | .graphs_link_black a:visited, |
210 | | | .graphs_link_black a:hover { |
211 | | | font-size: 13px !important; |
212 | | | font-family: Arial, sans-serif !important; |
213 | | | font-weight: normal !important; |
214 | | | } |
215 | | | |
216 | | | .graphs_link_green a:link, |
217 | | | .graphs_link_green a:visited, |
218 | | | .graphs_link_green a:hover { |
219 | | | color: green !important; |
220 | | | } |
221 | | | |
222 | | | .graphs_link_red a:link, |
223 | | | .graphs_link_red a:visited, |
224 | | | .graphs_link_red a:hover { |
225 | | | color: red !important; |
226 | | | } |
227 | | | |
228 | | | .graphs_link_black a:link, |
229 | | | .graphs_link_black a:visited, |
230 | | | .graphs_link_black a:hover { |
231 | | | color: black !important; |
232 | | | } |
233 | | | |
234 | | | #sort_link a:link, #sort_link a:visited { |
235 | | | font-size: 13px; |
236 | | | font-family: Arial, sans-serif; |
237 | | | color: white; |
238 | | | text-decoration: none; |
239 | | | } |
240 | | | |
241 | | | #sort_link a:hover { |
242 | | | font-size: 13px; |
243 | | | font-family: Arial, sans-serif; |
244 | | | color: white; |
245 | | | text-decoration: underline; |
246 | | | } |
247 | | | |
248 | | | #active_ips a:link, #active_ips a:visited { |
249 | | | text-align: center; |
250 | | | font-size: 20px; |
251 | | | font-family: Arial, sans-serif; |
252 | | | color: #1CA7F2; |
253 | | | text-decoration: none; |
254 | | | } |
255 | | | |
256 | | | #active_ips a:hover { |
257 | | | text-align: center; |
258 | | | font-size: 20px; |
259 | | | font-family: Arial, sans-serif; |
260 | | | color: #1CA7F2; |
261 | | | text-decoration: underline; |
262 | | | } |
263 | | | |
264 | | | #active_ips_text { |
265 | | | text-align: center; |
266 | | | font-size: 18px; |
267 | | | font-family: Arial, sans-serif; |
268 | | | } |
269 | | | |
270 | | | #total_rate a:link, #total_rate a:visited { |
271 | | | text-align: center; |
272 | | | font-size: 19px; |
273 | | | font-family: Arial, sans-serif; |
274 | | | color: #1CA7F2; |
275 | | | text-decoration: none; |
276 | | | } |
277 | | | |
278 | | | #total_rate a:hover { |
279 | | | text-align: center; |
280 | | | font-size: 19px; |
281 | | | font-family: Arial, sans-serif; |
282 | | | color: #1CA7F2; |
283 | | | text-decoration: underline; |
284 | | | } |
285 | | | |
286 | | | .interface { |
287 | | | display: none; |
288 | | | } |
289 | | | /* |
290 | | | #interface0 { |
291 | | | display: block; |
292 | | | } |
293 | | | */ |
294 | | | hr { |
295 | | | height: 1px; |
296 | | | color: #1CA7F2; |
297 | | | background-color: #1CA7F2; |
298 | | | border: 0; |
299 | | | margin: 0.2em 0 0.2em 0; |
300 | | | } |
301 | | | |
302 | | | th { |
303 | | | background-color: #1CA7F2; |
304 | | | color: white; |
305 | | | } |
306 | | | |
307 | | | table.bordered { |
308 | | | width: 100%; |
309 | | | margin: 0; |
310 | | | padding: 0; |
311 | | | _border-collapse: collapse; |
312 | | | border-spacing: 0px !important; |
313 | | | border-top: 1px dotted gray; |
314 | | | border-right: 1px dotted gray; |
315 | | | } |
316 | | | |
317 | | | table.bordered td, |
318 | | | table.bordered th { |
319 | | | margin: 0; |
320 | | | padding: 0 2px; |
321 | | | height: 18px; |
322 | | | line-height: 18px; |
323 | | | vertical-align: middle; |
324 | | | border-bottom: 1px dotted gray; |
325 | | | border-left: 1px dotted gray; |
326 | | | } |
327 | | | |
328 | | | table.hoovered tr:hover td { |
329 | | | background: #FFE5BC; |
330 | | | } |
331 | | | |
332 | | | table.bordered td.td_inset { |
333 | | | padding: 0 !important; |
334 | | | margin: 0 !important; |
335 | | | } |
336 | | | |
337 | | | table.inset_table { |
338 | | | width: 100%; |
339 | | | height: 100%; |
340 | | | margin-left: -1px !important; |
341 | | | margin-bottom: -1px !important; |
342 | | | _border-collapse: collapse; |
343 | | | border-spacing: 0px !important; |
344 | | | border-style: none !important; |
345 | | | } |
346 | | | |
347 | | | table.inset_table tr { |
348 | | | padding: 0 !important; |
349 | | | margin: 0 !important; |
350 | | | height: 100%; |
351 | | | vertical-align: center; |
352 | | | } |
353 | | | |
354 | | | table.inset_table td { |
355 | | | padding: 0; |
356 | | | margin: 0; |
357 | | | height: 100%; |
358 | | | border: 0; |
359 | | | border-bottom: 1px dotted gray; |
360 | | | border-left: 1px dotted gray; |
361 | | | } |
362 | | | |
363 | | | table.inset_table td a { |
364 | | | padding: 0; |
365 | | | margin: 0; |
366 | | | display: block; |
367 | | | width: 100%; |
368 | | | height: 100%; |
369 | | | color: black !important; |
370 | | | } |
371 | | | |
372 | | | table.inset_table td a:hover { |
373 | | | background: #cdffdd; |
374 | | | text-decoration: none !important; |
375 | | | } |
376 | | | |
377 | | | |
378 | | | .qos_class_1 { |
379 | | | background: #ffc1c1 !important; |
380 | | | } |
381 | | | |
382 | | | .qos_class_2 { |
383 | | | background: #ffb80c !important; |
384 | | | } |
385 | | | |
386 | | | .qos_class_3 { |
387 | | | background: #ffec0c !important; |
388 | | | } |
389 | | | |
390 | | | .qos_class_4 { |
391 | | | background: #c1ff0c !important; |
392 | | | } |
393 | | | |
394 | | | .qos_class_5 { |
395 | | | background: #33ff0c !important; |
396 | | | } |
397 | | | |
398 | | | td.td_50 { |
399 | | | width: 50%; |
400 | | | } |
401 | | | |
402 | | | |
403 | | | table.main,td.vlozka { |
404 | | | background-color: white; |
405 | | | } |
406 | | | |
407 | | | td, table.settings { |
408 | | | background-color: #f5f5f5; |
409 | | | } |
410 | | | table.settings { |
411 | | | border: 1px solid #1CA7F2; |
412 | | | } |
413 | | | |
414 | | | #menu ul { |
415 | | | list-style: none !important; |
416 | | | list-style-image: none !important; |
417 | | | height: 25px; |
418 | | | } |
419 | | | #menu ul li { |
420 | | | display: block; |
421 | | | float: left; |
422 | | | margin-left: 5px; |
423 | | | } |
424 | | | #menu ul li a { |
425 | | | display: block; |
426 | | | height: 29px; |
427 | | | width: 120px; |
428 | | | line-height: 29px; |
429 | | | text-align: center; |
430 | | | color: #1CA7F2 !important; |
431 | | | text-decoration: none; |
432 | | | background: url('../images/menuitem.png') no-repeat; |
433 | | | } |
434 | | | #menu ul li a:hover, #menu ul li a.active { |
435 | | | background: url('../images/menuitem.png') no-repeat; |
436 | | | background-position: 0px -50px; |
437 | | | color: white !important; |
438 | | | } |
439 | | | |
440 | | | a.sort_link { |
441 | | | font-size: 13px !important; |
442 | | | font-family: Arial, sans-serif; |
443 | | | color: white !important; |
444 | | | } |
445 | | | a.info_link { |
446 | | | font-size: 13px !important; |
447 | | | font-family: Arial, sans-serif; |
448 | | | color: black !important; |
449 | | | } |
450 | | | |
451 | | | #header { |
452 | | | padding: 0px; |
453 | | | margin: 0px; |
454 | | | width: 100%; |
455 | | | } |
456 | | | |
457 | | | #header .middle { |
458 | | | height: 74px; |
459 | | | background: url('../images/middle.png') repeat-x; |
460 | | | } |
461 | | | |
462 | | | #header .right { |
463 | | | float: right; |
464 | | | width: 642px; |
465 | | | height: 74px; |
466 | | | background: url('../images/right.png') no-repeat; |
467 | | | } |
468 | | | |
469 | | | #header .left { |
470 | | | height: 74px; |
471 | | | background: url('../images/left.png') no-repeat; |
472 | | | } |
473 | | | |
474 | | | .pad { |
475 | | | height: 53px; |
476 | | | } |
477 | | | |
478 | | | .menu { |
479 | | | height: 21px; |
480 | | | } |
481 | | | |
482 | | | .menuitem { |
483 | | | float: right; |
484 | | | } |
485 | | | |
486 | | | .menu .separator, .menu .noseparator, .menu .firstseparator, .menu .lastseparator { |
487 | | | float: left; |
488 | | | width: 6px; |
489 | | | height: 21px; |
490 | | | } |
491 | | | |
492 | | | .menu .separator, .menu .firstseparator, .menu .lastseparator { |
493 | | | background: url('../images/kraj.gif') no-repeat; |
494 | | | } |
495 | | | |
496 | | | .menu .firstseparator { |
497 | | | margin-right: 20px; |
498 | | | _margin-right: 10px; |
499 | | | float: right; |
500 | | | } |
501 | | | |
502 | | | .menu .lastseparator { |
503 | | | margin-left: 20px; |
504 | | | _margin-left: 10px; |
505 | | | float: left; |
506 | | | } |
507 | | | |
508 | | | .menu .contents { |
509 | | | float: left; |
510 | | | height: 21px; |
511 | | | padding-top: 5px; |
512 | | | padding-left: 5px; |
513 | | | padding-right: 5px; |
514 | | | } |
515 | | | |
516 | | | .home { |
517 | | | float: left; |
518 | | | letter-spacing: 3px; |
519 | | | } |
520 | | | |
521 | | | .mleft { |
522 | | | float: left; |
523 | | | } |
524 | | | |
525 | | | .menuitem a { |
526 | | | font-family: Arial, sans-serif; |
527 | | | font-size: 13px; |
528 | | | color: white; |
529 | | | font-weight: bold; |
530 | | | text-decoration: none; |
531 | | | } |
532 | | | |
533 | | | .menuitem A:hover { |
534 | | | text-decoration: underline; |
535 | | | } |
536 | | | |
537 | | | .monitoring_iface_stats td { |
538 | | | padding: 0 1px; |
539 | | | margin: 0; |
540 | | | font-size: 13px; |
541 | | | font-weight: bold; |
542 | | | background: #e7f1ff; |
543 | | | } |
544 | | | |
545 | | | .monitoring_iface_stats a:visited, |
546 | | | .monitoring_iface_stats a:link { |
547 | | | font-size: 13px !important; |
548 | | | color: black !important; |
549 | | | } |
550 | | | |
551 | | | .monitoring_iface_stats a:hover { |
552 | | | font-size: 13px !important; |
553 | | | color: black !important; |
554 | | | text-decoration: underline; |
555 | | | } |
556 | | | |
557 | | | .img_active, |
558 | | | .img_enabled, |
559 | | | .img_disabled { |
560 | | | display: block; |
561 | | | margin: auto; |
562 | | | width: 16px; |
563 | | | font-size: 15px !important; |
564 | | | line-height: 18px; |
565 | | | text-decoration: none !important; |
566 | | | } |
567 | | | |
568 | | | .img_active:hover { |
569 | | | background: url('../images/active_a.png') no-repeat center center; |
570 | | | } |
571 | | | |
572 | | | .img_enabled:hover { |
573 | | | background: url('../images/enabled_a.png') no-repeat center center; |
574 | | | } |
575 | | | |
576 | | | .img_disabled:hover { |
577 | | | background: url('../images/disabled_a.png') no-repeat center center; |
578 | | | } |
579 | | | |
580 | | | .img_active { |
581 | | | background: url('../images/active.png') no-repeat center center; |
582 | | | } |
583 | | | |
584 | | | .img_enabled { |
585 | | | background: url('../images/enabled.png') no-repeat center center; |
586 | | | } |
587 | | | |
588 | | | .img_disabled { |
589 | | | background: url('../images/disabled.png') no-repeat center center; |
590 | | | } |