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

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