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 textarea#syslog {
 360         width: 98%;
 361         min-height: 500px;
 362         border: 3px solid #cccccc;
 363         padding: 5px;
 364         font-family: monospace;
 365 }
 366
 367 .cbi-section {
 368         margin-bottom: 0.5em;
 369         padding: 0.5em 1em;
 370         border: 1px dotted #555555;
 371         background-color: #ffffff;
 372         color: #000000;
 373 }
 374
 375 .cbi-section legend {
 376         font-size: 110%;
 377         font-weight: bold;
 378         height: 1em;
 379         padding: 0 0.25em;
 380         background-color: transparent;
 381         color: #555555;
 382 }
 383
 384 .cbi-section h2 {
 385         margin: 0em 0 0.5em -0.5em !important;
 386 }
 387
 388 .cbi-section h3 {
 389         text-decoration: none !important;
 390         font-weight: bold !important;
 391         color: #555555 !important;
 392         margin: 0.25em !important;
 393         font-size: 100% !important;
 394 }
 395
 396 .cbi-section-descr {
 397         margin-bottom: 0.5em;
 398         font-size: 95%;
 399 }
 400
 401 .cbi-title-ref {
 402         color: inherit;
 403         text-decoration: none;
 404         padding-right: 18px;
 405         background: url('../resources/cbi/link.gif') no-repeat scroll right center;
 406         background-color: inherit;
 407 }
 408
 409 ul.cbi-apply {
 410         font-size: 90%;
 411 }
 412
 413 input[type=submit],
 414 input[type=reset],
 415 input[type=image] {
 416         cursor: pointer;
 417 }
 418
 419
 420 select,
 421 input,
 422 textarea {
 423         background: #eeeeee;
 424         color: #000000;
 425         border-width: 1px;
 426         border-color: #000000;
 427 }
 428
 429 input[type=image] {
 430         border: none;
 431 }
 432
 433 input:focus,
 434 input:hover,
 435 select:focus,
 436 select:hover,
 437 textarea:focus,
 438 textarea:hover {
 439         background-color: #ffffff;
 440         color: #000000;
 441 }
 442
 443 select,
 444 input[type=text],
 445 input[type=password] {
 446         width: 20em;
 447 }
 448
 449 td select,
 450 td input[type=text],
 451 td input[type=password] {
 452         width: 99%;
 453 }
 454
 455 input.cbi-input-user {
 456         background: url('../resources/cbi/user.gif') no-repeat scroll 1px center;
 457         background-color: inherit;
 458         color: #000000;
 459         text-indent: 17px;
 460 }
 461
 462 input.cbi-input-password {
 463         background: url('../resources/cbi/key.gif') no-repeat scroll 1px center;
 464         background-color: inherit;
 465         color: #000000;
 466         text-indent: 17px;
 467 }
 468
 469 input.cbi-input-find {
 470         background: url('../resources/cbi/find.gif') no-repeat scroll 1px center;
 471         background-color: inherit;
 472         color: #000000;
 473         padding-left: 17px;
 474 }
 475
 476 input.cbi-input-reload {
 477         background: url('../resources/cbi/reload.gif') no-repeat scroll 1px center;
 478         background-color: inherit;
 479         color: #000000;
 480         padding-left: 17px;
 481 }
 482
 483 input.cbi-input-add,
 484 input.cbi-button-add {
 485         background: url('../resources/cbi/add.gif') no-repeat scroll 1px center;
 486         background-color: inherit;
 487         color: #000000;
 488         padding-left: 17px;
 489         padding-right: 1px;
 490 }
 491
 492 input.cbi-input-fieldadd,
 493 input.cbi-button-fieldadd {
 494         background: url(../resources/cbi/fieldadd.gif) no-repeat scroll 1px center;
 495         background-color: inherit;
 496         color: #000000;
 497         padding-left: 17px;
 498         padding-right: 1px;
 499 }
 500
 501 input.cbi-input-reset,
 502 input.cbi-button-reset {
 503         background: url('../resources/cbi/reset.gif') no-repeat scroll 1px center;
 504         background-color: inherit;
 505         color: #000000;
 506         padding-left: 17px;
 507         padding-right: 1px;
 508 }
 509
 510 input.cbi-input-save,
 511 input.cbi-button-save {
 512         background: url('../resources/cbi/save.gif') no-repeat scroll 1px center;
 513         background-color: inherit;
 514         color: #000000;
 515         padding-left: 17px;
 516         padding-right: 1px;
 517 }
 518
 519 input.cbi-input-apply,
 520 input.cbi-button-apply {
 521         background: url('../resources/cbi/apply.gif') no-repeat scroll 1px center;
 522         background-color: inherit;
 523         color: #000000;
 524         padding-left: 17px;
 525         padding-right: 1px;
 526 }
 527
 528 input.cbi-input-remove,
 529 div.cbi-section-remove input {
 530         background: url('../resources/cbi/remove.gif') no-repeat scroll 1px center;
 531         background-color: inherit;
 532         color: #000000;
 533         padding-left: 17px;
 534         padding-right: 1px;
 535 }
 536
 537 div.cbi-section-remove input {
 538         border-bottom: none;
 539 }
 540
 541 textarea {
 542         margin-left: -1px;
 543         margin-bottom: 0.5em;
 544 }
 545
 546 form > div > input[type=submit],
 547 form > div > input[type=reset] {
 548         float: right;
 549         margin-left: 0.5em;
 550 }
 551
 552 table td,
 553 table th {
 554         color: #000000;
 555 }
 556
 557 table.smalltext {
 558         background: #f5f5f5;
 559         color: #000000;
 560         border-top: 1px solid #666666;
 561         border-right: 1px solid #666666;
 562         border-bottom: 1px solid #666666;
 563         font-size: 90%;
 564         width: 80%;
 565         margin-left: auto;
 566         margin-right: auto;
 567         border-collapse: collapse;
 568 }
 569
 570 table.smalltext tr:hover td {
 571         background-color: #bbddee;
 572         color: #000000;
 573 }
 574
 575 table.smalltext tr th {
 576         padding: 0 0.25em;
 577         border-left: 1px solid #666666;
 578         text-align: left;
 579 }
 580
 581 table.smalltext tr td {
 582         padding: 0 0.25em;
 583         border-top: 1px solid #666666;
 584         border-left: 1px solid #666666;
 585 }
 586
 587 table.cbi-section-table .cbi-rowstyle-1,
 588 table.cbi-section-table .cbi-rowstyle-1 * {
 589         background-color: #eeeeff;
 590         color: #000000;
 591 }
 592
 593 .cbi-section .cbi-rowstyle-1 h3 {
 594         background-color: #eeeeff;
 595         color: #555555;
 596 }
 597
 598 .cbi-rowstyle-2 {
 599         color: #000000;
 600 }
 601
 602 div.cbi-value {
 603         clear: left;
 604         vertical-align: middle;
 605         padding-left: 0.25em;
 606         border-bottom: 1px dotted #bbbbbb;
 607 }
 608
 609 div.cbi-value:hover {
 610         background: #f8f8f8;
 611         color: #000000;
 612 }
 613
 614 .cbi-value-title {
 615         float: left;
 616         width: 40%;
 617         line-height: 1.8em;
 618 }
 619
 620 div.cbi-value-field {
 621         width: 58%;
 622         margin-left: 40%;
 623         padding: 0.25em 0;
 624 }
 625
 626 div.cbi-value-description {
 627         font-size: 90%;
 628         display: inline;
 629 }
 630
 631 div.cbi-section-create {
 632         clear: left;
 633         white-space: nowrap;
 634         vertical-align: top;
 635 }
 636
 637 div.cbi-tblsection-create {
 638         border-bottom: 1px dotted #bbbbbb;
 639 }
 640
 641 div.cbi-section-create .cbi-button {
 642         margin: 0.25em;
 643 }
 644
 645 input.cbi-section-create-name {
 646         margin-right: -0.25em;
 647 }
 648
 649 div.cbi-map-descr {
 650         margin-bottom: 1em;
 651 }
 652
 653 div.cbi-optionals {
 654         padding: 0.25em;
 655         border-bottom: 1px dotted #bbbbbb;
 656 }
 657
 658 div.cbi-section-remove {
 659         float: right;
 660 }
 661
 662 .cbi-section-node {
 663         clear: both;
 664         border-top: 1px dotted #bbbbbb;
 665         border-left: 1px dotted #bbbbbb;
 666         border-right: 1px dotted #bbbbbb;
 667         border-bottom: none;
 668         padding-bottom: 0;
 669 }
 670
 671 .cbi-section-node table div {
 672         padding-bottom: 0;
 673         border-bottom: none;
 674 }
 675
 676 .cbi-section-node div.cbi-section-table-row {
 677         margin: 0.25em;
 678 }
 679
 680 table.cbi-section-table {
 681         width: 100%;
 682         font-size: 95%;
 683 }
 684
 685 table.cbi-section-table th,
 686 table.cbi-section-table td {
 687         text-align: center;
 688 }
 689
 690 tr.cbi-section-table-descr th {
 691         font-weight: normal;
 692         font-size: 90%;
 693 }
 694
 695 td.cbi-section-table-optionals {
 696         text-align: left !important;
 697         padding-top: 1em;
 698 }
 699
 700 .cbi-value-helpicon img {
 701         vertical-align: bottom;
 702 }
 703
 704 div.cbi-error {
 705         font-size: 95%;
 706         font-weight: bold;
 707         color: #ff0000;
 708         background-color: #ffffff;
 709 }
 710
 711 td.cbi-value-error {
 712         border-color: red;
 713 }
 714
 715 .cbi-value-error input,
 716 .cbi-value-error select {
 717         color: red;
 718         background-color: #ffcccc;
 719 }
 720
 721 .cbi-section-error {
 722         color: red;
 723         background-color: white;
 724         font-size: 95%;
 725         border: 1px dotted red;
 726         margin: 3px;
 727         padding: 3px;
 728 }
 729
 730 .right {
 731         text-align: right;
 732 }
 733
 734 .luci {
 735         position: fixed;
 736         bottom: 0;
 737         left: 0;
 738         text-align: right;
 739 }
 740
 741 .luci a:link,
 742 .luci a:visited {
 743         background-color: transparent;
 744         color: #666666;
 745         text-decoration: none;
 746         font-size: 70%;
 747 }
 748
 749 .inline {
 750         display: inline;
 751 }
 752
 753 .error500 {
 754         white-space: normal;
 755         border: 1px dotted #ff0000;
 756         background-color: #ffffff;
 757         color: #000000;
 758         padding: 0.5em;
 759 }
 760
 761 #memorybar {
 762         width: 200px;
 763         height: 8px;
 764         border: 1px solid #bbb;
 765         color: black;
 766         background-color: red;
 767 }
 768
 769 #memfree, #membuffers, #memcached {
 770         float: right;
 771         border: 1px solid #bbb;
 772         height: 6px;
 773 }
 774
 775 #memfree {
 776         background-color: green;
 777         color: black;
 778 }
 779
 780 #membuffers {
 781         background-color: yellow;
 782         color: black;
 783 }
 784
 785 #memcached {
 786         background-color: #ffa500;
 787         color: black;
 788 }
 789
 790 }