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