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