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

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