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