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