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