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