themes/openwrt/htdocs/luci-static/openwrt.org/cascade.css

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