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

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