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

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