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