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

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