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