themes/freifunk-generic/htdocs/luci-static/freifunk-generic/cascade.css

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