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

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