themes/freifunk-generic/htdocs/luci-static/freifunk-generic/cascade.css

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