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