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 .cbi-input-invalid {
 677         background-image: url('../resources/cbi/reset.gif');
 678         background-repeat: no-repeat;
 679         background-position: right;
 680         color: #FF0000 !important;
 681         border-color: #FF0000;
 682 }
 683
 684 div.cbi-section-remove input {
 685         border-bottom: none;
 686 }
 687
 688 textarea {
 689         margin-left: -1px;
 690         margin-bottom: 0.5em;
 691 }
 692
 693 form > div > input[type=submit],
 694 form > div > input[type=reset] {
 695         float: right;
 696         margin-left: 0.5em;
 697 }
 698
 699 table td,
 700 table th {
 701         color: #000;
 702 }
 703
 704 table.smalltext {
 705         background: #f5f5f5;
 706         color: #000;
 707         border: 1px solid #666;
 708         font-size: 90%;
 709         width: 80%;
 710         margin-left: auto;
 711         margin-right: auto;
 712         border-collapse: collapse;
 713 }
 714
 715 table.smalltext tr:hover td {
 716         background-color: #bbddee;
 717         color: #000;
 718 }
 719
 720 table.smalltext tr th {
 721         padding: 0 0.25em;
 722         border-left: 1px dotted #666;
 723         text-align: left;
 724 }
 725
 726 table.smalltext tr td {
 727         padding: 0.2em;
 728         border-top: 1px dotted #666;
 729         border-left: 1px dotted #666;
 730 }
 731
 732 table.cbi-section-table .cbi-rowstyle-1 {
 733         background-color: #f1f6fa;
 734         color: #000;
 735 }
 736
 737 table.cbi-section-table .cbi-rowstyle-1:hover,
 738 table.cbi-section-table .cbi-rowstyle-2:hover {
 739         background-color: #b2c8d4;
 740         color: #000000;
 741 }
 742
 743 .cbi-section .cbi-rowstyle-1 h3 {
 744         background-color: #f1f6fa;
 745         color: #555;
 746 }
 747
 748 .cbi-rowstyle-2 {
 749         color: #000;
 750 }
 751
 752 div.cbi-value {
 753         clear: left;
 754         vertical-align: middle;
 755         padding-left: 0.25em;
 756         border-bottom: 1px dotted #bbb;
 757 }
 758
 759 div.cbi-value:hover {
 760         background: #f8f8f8;
 761         color: #000;
 762 }
 763
 764 .cbi-value-title {
 765         float: left;
 766         width: 40%;
 767         line-height: 1.8em;
 768 }
 769
 770 div.cbi-value-field {
 771         width: 58%;
 772         margin-left: 40%;
 773         padding: 0.25em 0;
 774 }
 775
 776 div.cbi-value-description {
 777         font-size: 90%;
 778         display: inline;
 779 }
 780
 781 div.cbi-section-create {
 782         clear: left;
 783         white-space: nowrap;
 784         vertical-align: top;
 785 }
 786
 787 div.cbi-tblsection-create {
 788         border-bottom: 1px dotted #bbb;
 789 }
 790
 791 div.cbi-section-create .cbi-button {
 792         margin: 0.25em;
 793 }
 794
 795 input.cbi-section-create-name {
 796         margin-right: -0.25em;
 797         border-top-width: 1px;
 798         border-right-width: 1px;
 799         border-bottom-width: 1px;
 800         border-left-width: 1px;
 801         border-top-color: #999;
 802         border-right-color: #999;
 803         border-bottom-color: #999;
 804         border-left-color: #999;
 805 }
 806
 807 div.cbi-map-descr {
 808         margin-bottom: 1em;
 809 }
 810
 811 div.cbi-optionals {
 812         padding: 0.25em;
 813         border-bottom: 1px dotted #bbb;
 814 }
 815
 816 div.cbi-section-remove {
 817         float: right;
 818 }
 819
 820 .cbi-section-node {
 821         clear: both;
 822         border-top: 1px dotted #bbb;
 823         border-left: 1px dotted #bbb;
 824         border-right: 1px dotted #bbb;
 825         border-bottom: none;
 826         padding-bottom: 0;
 827 }
 828
 829 .cbi-section-node table div {
 830         padding-bottom: 0;
 831         border-bottom: none;
 832 }
 833
 834 .cbi-section-node div.cbi-section-table-row {
 835         margin: 0.25em;
 836 }
 837
 838 table.cbi-section-table {
 839         width: 100%;
 840         font-size: 95%;
 841 }
 842
 843 table.cbi-section-table th,
 844 table.cbi-section-table td {
 845         text-align: center;
 846 }
 847
 848 tr.cbi-section-table-descr th {
 849         font-weight: bold;
 850         font-size: 90%;
 851 }
 852
 853 td.cbi-section-table-optionals {
 854         text-align: left !important;
 855         padding-top: 1em;
 856 }
 857
 858 .cbi-value-helpicon img {
 859         vertical-align: bottom;
 860 }
 861
 862 div.cbi-error {
 863         font-size: 95%;
 864         font-weight: bold;
 865         color: #f00;
 866         background-color: #fff;
 867 }
 868
 869 td.cbi-value-error {
 870         border-color: red;
 871 }
 872
 873 .cbi-value-error input,
 874 .cbi-value-error select {
 875         color: red;
 876         background-color: #fcc;
 877 }
 878
 879 .cbi-section-error {
 880         color: red;
 881         background-color: white;
 882         font-size: 95%;
 883         border: 1px dotted red;
 884         margin: 3px;
 885         padding: 3px;
 886 }
 887
 888 .left {
 889         text-align: left !important;
 890 }
 891
 892 .right {
 893         text-align: right !important;
 894 }
 895
 896 .footer, .push {
 897         height: 2em;
 898 }
 899
 900 .footer {
 901         width: 99%;
 902         padding: 0.3em;
 903 }
 904
 905 .wrapper {
 906         min-height: 100%;
 907         height: auto !important;
 908         height: 100%;
 909         margin: 0 auto -2em;
 910 }
 911
 912 .luci a:link,
 913 .luci a:visited,
 914 .exectime {
 915         color: #666;
 916         text-decoration: none;
 917         font-size: 70%;
 918 }
 919
 920 .inline {
 921         display: inline;
 922 }
 923
 924 .error500 {
 925         white-space: normal;
 926         border: 1px dotted #f00;
 927         background-color: #fff;
 928         color: #000;
 929         padding: 0.5em;
 930 }
 931
 932 .uci-change-list {
 933         font-family: monospace;
 934 }
 935
 936 .uci-change-list ins,
 937 .uci-change-legend-label ins {
 938         text-decoration: none;
 939         border: 1px solid #00FF00;
 940         background-color: #CCFFCC;
 941         display: block;
 942         padding: 2px;
 943 }
 944
 945 .uci-change-list del,
 946 .uci-change-legend-label del {
 947         text-decoration: none;
 948         border: 1px solid #FF0000;
 949         background-color: #FFCCCC;
 950         display: block;
 951         font-style: normal;
 952         padding: 2px;
 953 }
 954
 955 .uci-change-list var,
 956 .uci-change-legend-label var {
 957         text-decoration: none;
 958         border: 1px solid #CCCCCC;
 959         background-color: #EEEEEE;
 960         display: block;
 961         font-style: normal;
 962         padding: 2px;
 963 }
 964
 965 .uci-change-list var ins,
 966 .uci-change-list var del {
 967         /*display: inline;*/
 968         border: none;
 969         white-space: pre;
 970         font-style: normal;
 971         padding: 0px;
 972 }
 973
 974 .uci-change-legend {
 975         padding: 5px;
 976 }
 977
 978 .uci-change-legend-label {
 979         width: 150px;
 980         float: left;
 981         font-size: 80%;
 982 }
 983
 984 .uci-change-legend-label>ins,
 985 .uci-change-legend-label>del,
 986 .uci-change-legend-label>var {
 987         float: left;
 988         margin-right: 4px;
 989         width: 10px;
 990         height: 10px;
 991         display: block;
 992 }
 993
 994 .uci-change-legend-label var ins,
 995 .uci-change-legend-label var del {
 996         line-height: 6px;
 997         border: none;
 998 }
 999
1000 }