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