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