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