themes/openwrt-light/htdocs/luci-static/openwrt-light/cascade.css

   1 @charset "utf-8";
   2
   3 @media all {
   4
   5 html,
   6 body {
   7         background-color: #4a6b7c;
   8         color: #ffffff;
   9 }
  10
  11 body {
  12         font-family: Verdana, Arial, sans-serif;
  13         font-size: 101%;
  14         line-height: 100%;
  15 }
  16
  17 * {
  18         margin: 0;
  19         padding: 0;
  20 }
  21
  22 abbr,
  23 acronym {
  24         font-style: normal;
  25         font-variant: normal;
  26 }
  27
  28 abbr[title],
  29 acronym[title] {
  30         border-bottom: 1px dotted;
  31         cursor: help;
  32 }
  33
  34 a:link abbr[title],
  35 a:visited abbr[title],
  36 a:link acronym[title],
  37 a:visited acronym[title] {
  38         cursor: pointer;
  39 }
  40
  41 code {
  42         font-family: monospace;
  43         white-space: pre;
  44 }
  45
  46 #maincontent ul {
  47         margin-left: 2em;
  48 }
  49
  50 .warning {
  51         color: red;
  52         background-color: white;
  53         font-weight: bold;
  54 }
  55
  56 .clear {
  57         clear: both;
  58 }
  59
  60 .skiplink,
  61 .navigation,
  62 .hidden {
  63         position: absolute;
  64         left: -1000px;
  65         top: -1000px;
  66         width: 0px;
  67         height: 0px;
  68         overflow: hidden;
  69         display: inline;
  70 }
  71
  72 .error {
  73         color: #ff0000;
  74         background-color: white;
  75 }
  76
  77 #header {
  78         background-color: #557788;
  79         color: #ffffff;
  80         text-align: right;
  81         padding: 0.5em;
  82 }
  83
  84 #header h1 {
  85         display: inline;
  86 }
  87
  88 #header p {
  89         display: inline;
  90 }
  91
  92 #header h1,
  93 #header p {
  94         font-size: 70%;
  95         font-weight: normal;
  96         line-height: 160%;
  97         text-align: right;
  98 }
  99
 100 ul.dropdowns {
 101         float: left;
 102         margin: 0;
 103         padding: 0;
 104         width: auto;
 105         list-style: none;
 106 }
 107
 108 html>body ul.dropdowns {
 109         position: relative;
 110 }
 111
 112 ul.dropdowns li,
 113 ul.dropdowns ul {
 114         margin: 0;
 115         padding: 0;
 116         list-style: none;
 117 }
 118
 119 ul.dropdowns li {
 120         float: left;
 121         position: relative;
 122         white-space: nowrap;
 123 }
 124
 125 ul.dropdowns li ul {
 126         position: absolute;
 127         z-index: 1000;
 128         top: auto;
 129         min-width: 10em;
 130 }
 131
 132 ul.dropdowns li li {
 133         float: none;
 134         position: relative;
 135 }
 136
 137 ul.dropdowns li a {
 138         display: block;
 139 }
 140
 141 ul.dropdowns ul li ul {
 142         top: 0;
 143 }
 144
 145 ul.dropdowns li ul,
 146 ul.dropdowns li.over ul ul,
 147 ul.dropdowns li.focus ul ul,
 148 ul.dropdowns li:hover ul ul,
 149 ul.dropdowns li.over ul ul ul,
 150 ul.dropdowns li.focus ul ul ul,
 151 ul.dropdowns li:hover ul ul ul,
 152 ul.dropdowns li.over ul ul ul ul,
 153 ul.dropdowns li.focus ul ul ul ul,
 154 ul.dropdowns li:hover ul ul ul ul {
 155         left: -3000px;
 156 }
 157
 158 ul.dropdowns li.over ul,
 159 ul.dropdowns li.focus ul,
 160 ul.dropdowns li:hover ul {
 161         left: 0;
 162 }
 163
 164 ul.dropdowns ul li.over ul,
 165 ul.dropdowns ul li.focus ul,
 166 ul.dropdowns ul li:hover ul,
 167 ul.dropdowns ul ul li.over ul,
 168 ul.dropdowns ul ul li.focus ul,
 169 ul.dropdowns ul ul li:hover ul,
 170 ul.dropdowns ul ul ul li.over ul,
 171 ul.dropdowns ul ul ul li.focus ul,
 172 ul.dropdowns ul ul ul li:hover ul {
 173         left: 100%;
 174 }
 175
 176 #menubar {
 177         position: relative;
 178         width: 100%;
 179         background: #000000;
 180         color: #ffffff;
 181 }
 182
 183 #menubar .warning {
 184         color: red;
 185         background-color: #557788;
 186 }
 187
 188 #menubar ul.dropdowns {
 189         min-height: 1.8em;
 190         background: #000000;
 191         color: #ffffff;
 192 }
 193
 194 #menubar ul.dropdowns li ul {
 195         background: #000000;
 196         color: #ffffff;
 197         border-width: 0 1px 1px 1px;
 198         border-style: solid;
 199         border-color: #444444;
 200 }
 201
 202 #menubar ul.dropdowns ul li ul {
 203         border-width: 1px;
 204 }
 205
 206 html #menubar a:link,
 207 html #menubar a:visited {
 208         position: relative;
 209         display: block;
 210         padding: 0.5em;
 211         background: #000000;
 212         color: #ffffff;
 213         text-decoration: none;
 214         font-size: 80%;
 215         font-weight: normal;
 216 }
 217
 218
 219 html #menubar a:link:hover,
 220 html #menubar a:visited:hover,
 221 html #menubar a:link:active,
 222 html #menubar a:visited:active,
 223 #menubar a:link:focus,
 224 #menubar a:visited:focus {
 225         background: #000000;
 226         color: #ffff00;
 227         font-weight: bold;
 228 }
 229
 230 html #menubar a:link.active,
 231 html #menubar a:visited.active,
 232 html #menubar a:link.preactive,
 233 html #menubar a:visited.preactive {
 234         background: #000000;
 235         color: #ffff00;
 236         font-weight: bold;
 237 }
 238
 239 html #menubar a:link.warning,
 240 html #menubar a:visited.warning {
 241         background: #000000;
 242         color: red;
 243         font-weight: bold;
 244 }
 245
 246 #menubar ul.dropdowns li.over>a,
 247 #menubar ul.dropdowns li.focus>a,
 248 #menubar ul.dropdowns li:hover>a {
 249         font-weight: bold;
 250 }
 251
 252 .lang_de #submenu_mini_system { min-width: 13.3em; }
 253 * html .lang_de #submenu_mini_system { width: 13.3em; }
 254
 255 .lang_pt-br #submenu_mini_network { min-width: 14em; }
 256 * html .lang_pt-br #submenu_mini_network { width: 14em; }
 257
 258 .lang_pt-br #submenu_mini_system { min-width: 11.5em; }
 259 * html .lang_pt-br #submenu_mini_system { width: 11.5em; }
 260
 261 .lang_ru #submenu_mini_system { min-width: 18em; }
 262 * html .lang_ru #submenu_mini_system { width: 18em; }
 263
 264 .lang_pt-br #submenu_admin_index { min-width: 11em; }
 265 * html .lang_pt-br #submenu_admin_index { width: 11em; }
 266
 267 .lang_ru #submenu_admin_index { min-width: 15.5em; }
 268 * html .lang_ru #submenu_admin_index { width: 15.5em; }
 269
 270 .lang_ru #submenu_admin_status { min-width: 10.5em; }
 271 * html .lang_ru #submenu_admin_status { width: 10.5em; }
 272
 273 .lang_de #submenu_admin_system { min-width: 13.3em; }
 274 * html .lang_de #submenu_admin_system { width: 13.3em; }
 275
 276 .lang_fr #submenu_admin_system { min-width: 14.5em; }
 277 * html .lang_fr #submenu_admin_system { width: 14.5em; }
 278
 279 .lang_pt-br #submenu_admin_system { min-width: 11.5em; }
 280 * html .lang_pt-br #submenu_admin_system { width: 11.5em; }
 281
 282 .lang_ru #submenu_admin_system { min-width: 18em; }
 283 * html .lang_ru #submenu_admin_system { width: 18em; }
 284
 285 #submenu_admin_services_chillispot { min-width: 15.5em; }
 286 * html #submenu_admin_services_chillispot { width: 15.5em; }
 287
 288 #submenu_admin_services_coovachilli { min-width: 15em; }
 289 * html #submenu_admin_services_coovachilli { width: 15em; }
 290
 291 .lang_ru #submenu_admin_network_routes { min-width: 15.3em; }
 292 * html .lang_ru #submenu_admin_network_routes { width: 15.3em; }
 293
 294 #submenu_admin_network_firewall { min-width: 14em; }
 295 * html #submenu_admin_network_firewall { width: 14em; }
 296
 297 .lang_de #submenu_admin_network_firewall { min-width: 16.5em; }
 298 * html .lang_de #submenu_admin_network_firewall { width: 16.5em; }
 299
 300 .lang_pt-br #submenu_admin_network_firewall { min-width: 15em; }
 301 * html .lang_pt-br #submenu_admin_network_firewall { width: 15em; }
 302
 303 #modemenu {
 304         width: auto;
 305         background: #000000;
 306         color: #ffffff;
 307         list-style: none;
 308         margin-right: 1px;
 309 }
 310
 311 #modemenu li {
 312         float: right;
 313         list-style: none;
 314 }
 315
 316 #savemenu {
 317         float: right;
 318         margin-right: 2em;
 319 }
 320
 321 .lang_de #submenu_admin_uci {
 322         width: 12em;
 323 }
 324
 325 .lang_ru #submenu_admin_uci {
 326         width: 11.5em;
 327 }
 328
 329 #maincontent {
 330         clear: both;
 331         width: 80%;
 332         margin: 0 auto;
 333         padding: 0.5em;
 334         background: #f5f5f5;
 335         color: #000000;
 336         border-width: 0 1px 1px 1px;
 337         border-style: solid;
 338         border-color: #444444;
 339         font-size: 80%;
 340 }
 341
 342 #maincontent h2 {
 343         margin: 0.25em 0 0.5em 0;
 344         font-size: 150%;
 345         font-weight: normal;
 346 }
 347
 348 #maincontent h3 {
 349         margin: 0.5em 0;
 350         font-size: 120%;
 351         font-weight: normal;
 352         text-decoration: underline;
 353 }
 354
 355 #maincontent p {
 356         margin-bottom: 1em;
 357 }
 358
 359 .cbi-section {
 360         margin-bottom: 0.5em;
 361         padding: 0.5em 1em;
 362         border: 1px dotted #555555;
 363         background-color: #ffffff;
 364         color: #000000;
 365 }
 366
 367 .cbi-section legend {
 368         font-size: 110%;
 369         font-weight: bold;
 370         height: 1em;
 371         padding: 0 0.25em;
 372         background-color: transparent;
 373         color: #555555;
 374 }
 375
 376 .cbi-section h2 {
 377         margin: 0em 0 0.5em -0.5em !important;
 378 }
 379
 380 .cbi-section h3 {
 381         text-decoration: none !important;
 382         font-weight: bold !important;
 383         color: #555555 !important;
 384         margin: 0.25em !important;
 385         font-size: 100% !important;
 386 }
 387
 388 .cbi-section-descr {
 389         margin-bottom: 0.5em;
 390         font-size: 95%;
 391 }
 392
 393 .cbi-title-ref {
 394         color: inherit;
 395         text-decoration: none;
 396         padding-right: 18px;
 397         background: url('../resources/cbi/link.gif') no-repeat scroll right center;
 398         background-color: inherit;
 399 }
 400
 401 ul.cbi-apply {
 402         font-size: 90%;
 403 }
 404
 405 input[type=submit],
 406 input[type=reset],
 407 input[type=image] {
 408         cursor: pointer;
 409 }
 410
 411
 412 select,
 413 input,
 414 textarea {
 415         background: #eeeeee;
 416         color: #000000;
 417         border-width: 1px;
 418         border-color: #000000;
 419 }
 420
 421 input[type=image] {
 422         border: none;
 423 }
 424
 425 input:focus,
 426 input:hover,
 427 select:focus,
 428 select:hover,
 429 textarea:focus,
 430 textarea:hover {
 431         background-color: #ffffff;
 432         color: #000000;
 433 }
 434
 435 select,
 436 input[type=text],
 437 input[type=password] {
 438         width: 20em;
 439 }
 440
 441 td select,
 442 td input[type=text],
 443 td input[type=password] {
 444         width: 99%;
 445 }
 446
 447 input.cbi-input-user {
 448         background: url('../resources/cbi/user.gif') no-repeat scroll 1px center;
 449         background-color: inherit;
 450         color: #000000;
 451         text-indent: 17px;
 452 }
 453
 454 input.cbi-input-password {
 455         background: url('../resources/cbi/key.gif') no-repeat scroll 1px center;
 456         background-color: inherit;
 457         color: #000000;
 458         text-indent: 17px;
 459 }
 460
 461 input.cbi-input-find {
 462         background: url('../resources/cbi/find.gif') no-repeat scroll 1px center;
 463         background-color: inherit;
 464         color: #000000;
 465         padding-left: 17px;
 466 }
 467
 468 input.cbi-input-reload {
 469         background: url('../resources/cbi/reload.gif') no-repeat scroll 1px center;
 470         background-color: inherit;
 471         color: #000000;
 472         padding-left: 17px;
 473 }
 474
 475 input.cbi-input-add,
 476 input.cbi-button-add {
 477         background: url('../resources/cbi/add.gif') no-repeat scroll 1px center;
 478         background-color: inherit;
 479         color: #000000;
 480         padding-left: 17px;
 481         padding-right: 1px;
 482 }
 483
 484 input.cbi-input-fieldadd,
 485 input.cbi-button-fieldadd {
 486         background: url(../resources/cbi/fieldadd.gif) no-repeat scroll 1px center;
 487         background-color: inherit;
 488         color: #000000;
 489         padding-left: 17px;
 490         padding-right: 1px;
 491 }
 492
 493 input.cbi-input-reset,
 494 input.cbi-button-reset {
 495         background: url('../resources/cbi/reset.gif') no-repeat scroll 1px center;
 496         background-color: inherit;
 497         color: #000000;
 498         padding-left: 17px;
 499         padding-right: 1px;
 500 }
 501
 502 input.cbi-input-save,
 503 input.cbi-button-save {
 504         background: url('../resources/cbi/save.gif') no-repeat scroll 1px center;
 505         background-color: inherit;
 506         color: #000000;
 507         padding-left: 17px;
 508         padding-right: 1px;
 509 }
 510
 511 input.cbi-input-apply,
 512 input.cbi-button-apply {
 513         background: url('../resources/cbi/apply.gif') no-repeat scroll 1px center;
 514         background-color: inherit;
 515         color: #000000;
 516         padding-left: 17px;
 517         padding-right: 1px;
 518 }
 519
 520 input.cbi-input-remove,
 521 div.cbi-section-remove input {
 522         background: url('../resources/cbi/remove.gif') no-repeat scroll 1px center;
 523         background-color: inherit;
 524         color: #000000;
 525         padding-left: 17px;
 526         padding-right: 1px;
 527 }
 528
 529 div.cbi-section-remove input {
 530         border-bottom: none;
 531 }
 532
 533 textarea {
 534         margin-left: -1px;
 535         margin-bottom: 0.5em;
 536 }
 537
 538 form > div > input[type=submit],
 539 form > div > input[type=reset] {
 540         float: right;
 541         margin-left: 0.5em;
 542 }
 543
 544 table td,
 545 table th {
 546         color: #000000;
 547 }
 548
 549 table.smalltext {
 550         background: #f5f5f5;
 551         color: #000000;
 552         border-top: 1px solid #666666;
 553         border-right: 1px solid #666666;
 554         border-bottom: 1px solid #666666;
 555         font-size: 90%;
 556         width: 80%;
 557         margin-left: auto;
 558         margin-right: auto;
 559         border-collapse: collapse;
 560 }
 561
 562 table.smalltext tr:hover td {
 563         background-color: #bbddee;
 564         color: #000000;
 565 }
 566
 567 table.smalltext tr th {
 568         padding: 0 0.25em;
 569         border-left: 1px solid #666666;
 570         text-align: left;
 571 }
 572
 573 table.smalltext tr td {
 574         padding: 0 0.25em;
 575         border-top: 1px solid #666666;
 576         border-left: 1px solid #666666;
 577 }
 578
 579 table.cbi-section-table .cbi-rowstyle-1,
 580 table.cbi-section-table .cbi-rowstyle-1 * {
 581         background-color: #eeeeff;
 582         color: #000000;
 583 }
 584
 585 .cbi-section .cbi-rowstyle-1 h3 {
 586         background-color: #eeeeff;
 587         color: #555555;
 588 }
 589
 590 .cbi-rowstyle-2 {
 591         color: #000000;
 592 }
 593
 594 div.cbi-value {
 595         clear: left;
 596         vertical-align: middle;
 597         padding-left: 0.25em;
 598         border-bottom: 1px dotted #bbbbbb;
 599 }
 600
 601 div.cbi-value:hover {
 602         background: #f8f8f8;
 603         color: #000000;
 604 }
 605
 606 .cbi-value-title {
 607         float: left;
 608         width: 40%;
 609         line-height: 1.8em;
 610 }
 611
 612 div.cbi-value-field {
 613         width: 58%;
 614         margin-left: 40%;
 615         padding: 0.25em 0;
 616 }
 617
 618 div.cbi-value-description {
 619         font-size: 90%;
 620         display: inline;
 621 }
 622
 623 div.cbi-section-create {
 624         clear: left;
 625         white-space: nowrap;
 626         vertical-align: top;
 627 }
 628
 629 div.cbi-tblsection-create {
 630         border-bottom: 1px dotted #bbbbbb;
 631 }
 632
 633 div.cbi-section-create .cbi-button {
 634         margin: 0.25em;
 635 }
 636
 637 input.cbi-section-create-name {
 638         margin-right: -0.25em;
 639 }
 640
 641 div.cbi-map-descr {
 642         margin-bottom: 1em;
 643 }
 644
 645 div.cbi-optionals {
 646         padding: 0.25em;
 647         border-bottom: 1px dotted #bbbbbb;
 648 }
 649
 650 div.cbi-section-remove {
 651         float: right;
 652 }
 653
 654 .cbi-section-node {
 655         clear: both;
 656         border-top: 1px dotted #bbbbbb;
 657         border-left: 1px dotted #bbbbbb;
 658         border-right: 1px dotted #bbbbbb;
 659         border-bottom: none;
 660         padding-bottom: 0;
 661 }
 662
 663 .cbi-section-node table div {
 664         padding-bottom: 0;
 665         border-bottom: none;
 666 }
 667
 668 .cbi-section-node div.cbi-section-table-row {
 669         margin: 0.25em;
 670 }
 671
 672 table.cbi-section-table {
 673         width: 100%;
 674         font-size: 95%;
 675 }
 676
 677 table.cbi-section-table th,
 678 table.cbi-section-table td {
 679         text-align: center;
 680 }
 681
 682 tr.cbi-section-table-descr th {
 683         font-weight: normal;
 684         font-size: 90%;
 685 }
 686
 687 td.cbi-section-table-optionals {
 688         text-align: left !important;
 689         padding-top: 1em;
 690 }
 691
 692 .cbi-value-helpicon img {
 693         vertical-align: bottom;
 694 }
 695
 696 div.cbi-error {
 697         font-size: 95%;
 698         font-weight: bold;
 699         color: #ff0000;
 700         background-color: #ffffff;
 701 }
 702
 703 td.cbi-value-error {
 704         border-color: red;
 705 }
 706
 707 .cbi-value-error input,
 708 .cbi-value-error select {
 709         color: red;
 710         background-color: #ffcccc;
 711 }
 712
 713 .cbi-section-error {
 714         color: red;
 715         background-color: white;
 716         font-size: 95%;
 717         border: 1px dotted red;
 718         margin: 3px;
 719         padding: 3px;
 720 }
 721
 722 .right {
 723         text-align: right;
 724 }
 725
 726 .luci {
 727         position: fixed;
 728         bottom: 0;
 729         left: 0;
 730         text-align: right;
 731 }
 732
 733 .luci a:link,
 734 .luci a:visited {
 735         background-color: transparent;
 736         color: #666666;
 737         text-decoration: none;
 738         font-size: 70%;
 739 }
 740
 741 .inline {
 742         display: inline;
 743 }
 744
 745 .error500 {
 746         white-space: normal;
 747         border: 1px dotted #ff0000;
 748         background-color: #ffffff;
 749         color: #000000;
 750         padding: 0.5em;
 751 }
 752
 753 #memorybar {
 754         width: 200px;
 755         height: 8px;
 756         border: 1px solid #bbb;
 757         color: black;
 758         background-color: red;
 759 }
 760
 761 #memfree, #membuffers, #memcached {
 762         float: right;
 763         border: 1px solid #bbb;
 764         height: 6px;
 765 }
 766
 767 #memfree {
 768         background-color: green;
 769         color: black;
 770 }
 771
 772 #membuffers {
 773         background-color: yellow;
 774         color: black;
 775 }
 776
 777 #memcached {
 778         background-color: #ffa500;
 779         color: black;
 780 }
 781
 782 }