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