3 * Copyright 2012 Nut & Bolt
4 * By David Menting <david@nut-bolt.nl>
5 * Based on Bootstrap v1.4.0
7 * Copyright 2011 Twitter, Inc
8 * Licensed under the Apache License v2.0
9 * http://www.apache.org/licenses/LICENSE-2.0
11 * Designed and built with all the love in the world @twitter by @mdo and @fat.
14 * Props to Eric Meyer (meyerweb.com) for his CSS reset file. We're using an adapted version here that cuts out some of the reset HTML elements we will never need here (i.e., dfn, samp, etc).
15 * ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
26 h1, h2, h3, h4, h5, h6, p, pre, a, abbr, acronym, code, del, em, img, q, s,
27 small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset,
28 form, label, legend, button, table, caption, tbody, tfoot, thead, tr, th, td {
39 abbr[title], acronym[title] {
40 border-bottom: 1px dotted;
45 border-collapse: collapse;
63 -webkit-text-size-adjust: 100%;
64 -ms-text-size-adjust: 100%;
92 vertical-align: baseline;
105 -ms-interpolation-mode: bicubic;
114 vertical-align: baseline;
115 *vertical-align: middle;
123 button::-moz-focus-inner, input::-moz-focus-inner {
129 input[type="button"],
131 input[type="submit"] {
133 -webkit-appearance: button;
136 input[type="search"] {
137 -webkit-appearance: textfield;
138 -webkit-box-sizing: content-box;
139 -moz-box-sizing: content-box;
140 box-sizing: content-box;
143 input[type="search"]::-webkit-search-decoration {
144 -webkit-appearance: none;
154 * Basic and global styles for generating a grid system, structural layout, and page templates
155 * ------------------------------------------------------------------------------------------- */
157 background-color: #ffffff;
159 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
175 .container:before, .container:after {
187 text-decoration: none;
188 line-height: inherit;
189 font-weight: inherit;
194 text-decoration: underline;
206 * Headings, body text, lists, code, and more for a versatile and durable typography system
207 * ---------------------------------------------------------------------------------------- */
290 text-transform: uppercase;
294 margin: 0 0 18px 25px;
341 border-bottom: 1px solid #eee;
351 font-weight: inherit;
352 line-height: inherit;
355 small { font-size: 0.9em }
365 font-family: Monaco, Andale Mono, Courier New, monospace;
367 -webkit-border-radius: 3px;
368 -moz-border-radius: 3px;
373 background-color: #fee9cc;
374 color: rgba(0, 0, 0, 0.75);
379 background-color: #f5f5f5;
385 border: 1px solid #ccc;
386 border: 1px solid rgba(0, 0, 0, 0.15);
387 -webkit-border-radius: 3px;
388 -moz-border-radius: 3px;
391 white-space: pre-wrap;
392 word-wrap: break-word;
396 * Base styles for various input types, form layouts, and states
397 * ------------------------------------------------------------- */
413 *padding: 0 0 5px 0px;
428 form .clearfix:before, form .clearfix:after,
429 form .cbi-value:before, form .cbi-value:after {
436 form .cbi-value:after {
444 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
451 form .cbi-value-field {
455 form .cbi-value label.cbi-value-title {
465 input[type=checkbox], input[type=radio] {
473 display: inline-block;
480 border: 1px solid #ccc;
481 -webkit-border-radius: 3px;
482 -moz-border-radius: 3px;
490 input[type=checkbox], input[type=radio] {
503 background-color: #ffffff;
506 line-height: initial;
507 -webkit-box-shadow: none;
508 -moz-box-shadow: none;
512 input[type=button], input[type=reset], input[type=submit] {
517 select, input[type=file] {
522 /* For IE7, add top margin to align select with labels */
527 background-color: #ffffff;
535 background-color: #ffffff;
538 -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
539 -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
540 box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
548 ::-webkit-input-placeholder {
553 -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
554 -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
555 -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
556 -o-transition: border linear 0.2s, box-shadow linear 0.2s;
557 transition: border linear 0.2s, box-shadow linear 0.2s;
558 -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
559 -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
560 box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
563 input:focus, textarea:focus {
565 border-color: rgba(82, 168, 236, 0.8);
566 -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
567 -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
568 box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
571 input[type=file]:focus, input[type=checkbox]:focus, select:focus {
572 -webkit-box-shadow: none;
573 -moz-box-shadow: none;
575 outline: 1px dotted #666;
578 form .clearfix.error > label, form .clearfix.error .help-block, form .clearfix.error .help-inline {
582 form .clearfix.error input, form .clearfix.error textarea {
584 border-color: #ee5f5b;
587 form .clearfix.error input:focus, form .clearfix.error textarea:focus {
588 border-color: #e9322d;
589 -webkit-box-shadow: 0 0 6px #f8b9b7;
590 -moz-box-shadow: 0 0 6px #f8b9b7;
591 box-shadow: 0 0 6px #f8b9b7;
594 form .clearfix.error .input-prepend .add-on, form .clearfix.error .input-append .add-on {
596 background-color: #fce6e6;
597 border-color: #b94a48;
600 form .clearfix.warning > label, form .clearfix.warning .help-block, form .clearfix.warning .help-inline {
604 form .clearfix.warning input, form .clearfix.warning textarea {
606 border-color: #ccae64;
609 form .clearfix.warning input:focus, form .clearfix.warning textarea:focus {
610 border-color: #be9a3f;
611 -webkit-box-shadow: 0 0 6px #e5d6b1;
612 -moz-box-shadow: 0 0 6px #e5d6b1;
613 box-shadow: 0 0 6px #e5d6b1;
616 form .clearfix.warning .input-prepend .add-on, form .clearfix.warning .input-append .add-on {
618 background-color: #d2b877;
619 border-color: #c09853;
622 form .clearfix.success > label, form .clearfix.success .help-block, form .clearfix.success .help-inline {
626 form .clearfix.success input, form .clearfix.success textarea {
628 border-color: #57a957;
631 form .clearfix.success input:focus, form .clearfix.success textarea:focus {
632 border-color: #458845;
633 -webkit-box-shadow: 0 0 6px #9acc9a;
634 -moz-box-shadow: 0 0 6px #9acc9a;
635 box-shadow: 0 0 6px #9acc9a;
638 form .clearfix.success .input-prepend .add-on, form .clearfix.success .input-append .add-on {
640 background-color: #bcddbc;
641 border-color: #468847;
650 background-color: #f5f5f5;
658 padding: 17px 20px 18px 150px;
659 border-top: 1px solid #ddd;
660 -webkit-border-radius: 0 0 3px 3px;
661 -moz-border-radius: 0 0 3px 3px;
662 border-radius: 0 0 3px 3px;
666 .actions .secondary-action,
667 .cbi-page-actions .secondary-action{
671 .actions .secondary-action a,
672 .cbi-page-actions .secondary-action a {
676 .actions .secondary-action a:hover,
677 .cbi-page-actions .secondary-action a:hover {
678 text-decoration: underline;
681 .help-inline, .help-block {
704 * Tables for, you guessed it, tabular data
705 * ---------------------------------------- */
711 border-collapse: collapse;
715 padding: 10px 10px 9px;
723 vertical-align: middle;
728 border-top: 1px solid #ddd;
732 border-top: 1px solid #ddd;
737 * Repeatable UI elements outside the base styles provided from the scaffolding
738 * ---------------------------------------------------------------------------- */
752 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
755 header h3 a:hover, header .brand:hover, header ul .active > a {
756 background-color: #333;
757 background-color: rgba(255, 255, 255, 0.05);
759 text-decoration: none;
766 header h3 a, header .brand {
769 padding: 8px 20px 12px;
783 background-color: #222;
784 background-color: #222222;
785 background-repeat: repeat-x;
786 background-image: -khtml-gradient(linear, left top, left bottom, from(#333333), to(#222222));
787 background-image: -moz-linear-gradient(top, #333333, #222222);
788 background-image: -ms-linear-gradient(top, #333333, #222222);
789 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #222222));
790 background-image: -webkit-linear-gradient(top, #333333, #222222);
791 background-image: -o-linear-gradient(top, #333333, #222222);
792 background-image: linear-gradient(top, #333333, #222222);
793 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0);
794 -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
795 -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
796 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
800 header div > ul, .nav {
808 header div > ul > li, .nav > li {
813 header div > ul a, .nav a {
816 padding: 10px 10px 11px;
818 text-decoration: none;
821 header div > ul a:hover, .nav a:hover {
823 text-decoration: none;
826 header div > ul .active > a, .nav .active > a {
827 background-color: #222;
828 background-color: rgba(0, 0, 0, 0.5);
831 header div > ul.secondary-nav, .nav.secondary-nav {
837 header div > ul.secondary-nav .menu-dropdown,
838 .nav.secondary-nav .menu-dropdown,
839 header div > ul.secondary-nav .dropdown-menu,
840 .nav.secondary-nav .dropdown-menu {
845 header div > ul a.menu:hover,
847 header div > ul li.open .menu,
849 header div > ul .dropdown-toggle:hover,
850 .nav .dropdown-toggle:hover,
851 header div > ul .dropdown.open .dropdown-toggle,
852 .nav .dropdown.open .dropdown-toggle {
854 background: rgba(255, 255, 255, 0.05);
857 header div > ul .menu-dropdown,
859 header div > ul .dropdown-menu,
860 .nav .dropdown-menu {
861 background-color: #333;
864 header div > ul .menu-dropdown a.menu,
865 .nav .menu-dropdown a.menu,
866 header div > ul .dropdown-menu a.menu,
867 .nav .dropdown-menu a.menu,
868 header div > ul .menu-dropdown .dropdown-toggle,
869 .nav .menu-dropdown .dropdown-toggle,
870 header div > ul .dropdown-menu .dropdown-toggle,
871 .nav .dropdown-menu .dropdown-toggle {
875 header div > ul .menu-dropdown a.menu.open,
876 .nav .menu-dropdown a.menu.open,
877 header div > ul .dropdown-menu a.menu.open,
878 .nav .dropdown-menu a.menu.open,
879 header div > ul .menu-dropdown .dropdown-toggle.open,
880 .nav .menu-dropdown .dropdown-toggle.open,
881 header div > ul .dropdown-menu .dropdown-toggle.open,
882 .nav .dropdown-menu .dropdown-toggle.open {
884 background: rgba(255, 255, 255, 0.05);
887 header div > ul .menu-dropdown li a,
888 .nav .menu-dropdown li a,
889 header div > ul .dropdown-menu li a,
890 .nav .dropdown-menu li a {
892 text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
895 header div > ul .menu-dropdown li a:hover,
896 .nav .menu-dropdown li a:hover,
897 header div > ul .dropdown-menu li a:hover,
898 .nav .dropdown-menu li a:hover {
899 background-color: #191919;
900 background-repeat: repeat-x;
901 background-image: -khtml-gradient(linear, left top, left bottom, from(#292929), to(#191919));
902 background-image: -moz-linear-gradient(top, #292929, #191919);
903 background-image: -ms-linear-gradient(top, #292929, #191919);
904 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #292929), color-stop(100%, #191919));
905 background-image: -webkit-linear-gradient(top, #292929, #191919);
906 background-image: -o-linear-gradient(top, #292929, #191919);
907 background-image: linear-gradient(top, #292929, #191919);
908 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#292929', endColorstr='#191919', GradientType=0);
912 header div > ul .menu-dropdown .active a,
913 .nav .menu-dropdown .active a,
914 header div > ul .dropdown-menu .active a,
915 .nav .dropdown-menu .active a {
919 header div > ul .menu-dropdown .divider,
920 .nav .menu-dropdown .divider,
921 header div > ul .dropdown-menu .divider,
922 .nav .dropdown-menu .divider {
923 background-color: #222;
927 header ul .menu-dropdown li a, header ul .dropdown-menu li a {
935 a.menu:after, .dropdown-toggle:after {
938 display: inline-block;
940 text-indent: -99999px;
944 border-left: 4px solid transparent;
945 border-right: 4px solid transparent;
946 border-top: 4px solid #ffffff;
947 filter: alpha(opacity=50);
953 .menu-dropdown, .dropdown-menu {
954 background-color: #ffffff;
968 border-color: rgba(0, 0, 0, 0.2);
970 border-width: 0 1px 1px;
971 -webkit-border-radius: 0 0 6px 6px;
972 -moz-border-radius: 0 0 6px 6px;
973 border-radius: 0 0 6px 6px;
974 -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
975 -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
976 box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
977 -webkit-background-clip: padding-box;
978 -moz-background-clip: padding-box;
979 background-clip: padding-box;
982 .menu-dropdown li, .dropdown-menu li {
985 background-color: none;
988 .menu-dropdown .divider, .dropdown-menu .divider {
992 background-color: #eee;
993 border-bottom: 1px solid #ffffff;
996 header .dropdown-menu a, .dropdown-menu a {
1000 font-weight: normal;
1003 text-shadow: 0 1px 0 #ffffff;
1006 header .dropdown-menu a:hover,
1007 .dropdown-menu a:hover,
1008 header .dropdown-menu a.hover,
1009 .dropdown-menu a.hover {
1010 background-color: #dddddd;
1011 background-repeat: repeat-x;
1012 background-image: -khtml-gradient(linear, left top, left bottom, from(#eeeeee), to(#dddddd));
1013 background-image: -moz-linear-gradient(top, #eeeeee, #dddddd);
1014 background-image: -ms-linear-gradient(top, #eeeeee, #dddddd);
1015 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #dddddd));
1016 background-image: -webkit-linear-gradient(top, #eeeeee, #dddddd);
1017 background-image: -o-linear-gradient(top, #eeeeee, #dddddd);
1018 background-image: linear-gradient(top, #eeeeee, #dddddd);
1019 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#dddddd', GradientType=0);
1021 text-decoration: none;
1022 -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.025), inset 0 -1px rgba(0, 0, 0, 0.025);
1023 -moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.025), inset 0 -1px rgba(0, 0, 0, 0.025);
1024 box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.025), inset 0 -1px rgba(0, 0, 0, 0.025);
1028 .dropdown.open .menu,
1029 .open .dropdown-toggle,
1030 .dropdown.open .dropdown-toggle {
1033 background: rgba(0, 0, 0, 0.3);
1036 .open .menu-dropdown,
1037 .dropdown.open .menu-dropdown,
1038 .open .dropdown-menu,
1039 .dropdown.open .dropdown-menu {
1043 .dropdown:hover ul.dropdown-menu {
1047 .dropdown-menu .dropdown-menu {
1056 .tabs, .cbi-tabmenu {
1064 .cbi-tabmenu:before,
1066 .cbi-tabmenu:after {
1072 .tabs:after, .cbi-tabmenu:after {
1076 .tabs > li, .cbi-tabmenu > li {
1080 .tabs > li > a, .cbi-tabmenu > li > a {
1087 border-style: solid;
1088 border-width: 0 0 1px;
1094 margin-bottom: -1px;
1098 .cbi-tabmenu > li > a {
1102 border: 1px solid transparent;
1103 -webkit-border-radius: 4px 4px 0 0;
1104 -moz-border-radius: 4px 4px 0 0;
1105 border-radius: 4px 4px 0 0;
1108 .tabs > li > a:hover,
1109 .cbi-tabmenu > li > a:hover {
1110 text-decoration: none;
1111 background-color: #eee;
1112 border-color: #eee #eee #ddd;
1115 .tabs .active > a, .tabs .active > a:hover,
1116 .cbi-tabmenu .active > a, .cbi-tabmenu .active > a:hover,
1117 .cbi-tab > a:link, .cbi-tab > a:hover {
1119 background-color: #ffffff;
1120 border: 1px solid #ddd;
1121 border-bottom-color: transparent;
1125 .tabs .menu-dropdown, .tabs .dropdown-menu,
1126 .cbi-tabmenu .menu-dropdown, .cbi-tabmenu .dropdown-menu {
1129 -webkit-border-radius: 0 6px 6px 6px;
1130 -moz-border-radius: 0 6px 6px 6px;
1131 border-radius: 0 6px 6px 6px;
1134 .tabs a.menu:after, .tabs .dropdown-toggle:after,
1135 .cbi-tabmenu a.menu:after, .cbi-tabmenu .dropdown-toggle:after {
1136 border-top-color: #999;
1141 .tabs li.open.menu .menu, .tabs .open.dropdown .dropdown-toggle,
1142 .cbi-tabmenu li.open.menu .menu, .cbi-tabmenu .open.dropdown .dropdown-toggle {
1146 .tabs li.open a.menu:after, .tabs .dropdown.open .dropdown-toggle:after,
1147 .cbi-tabmenu li.open a.menu:after, .cbi-tabmenu .dropdown.open .dropdown-toggle:after {
1148 border-top-color: #555;
1151 .tab-content > .tab-pane,
1152 .tab-content > div {
1156 .tab-content > .active {
1163 background-color: #f5f5f5;
1164 background-repeat: repeat-x;
1165 background-image: -khtml-gradient(linear, left top, left bottom, from(#ffffff), to(#f5f5f5));
1166 background-image: -moz-linear-gradient(top, #ffffff, #f5f5f5);
1167 background-image: -ms-linear-gradient(top, #ffffff, #f5f5f5);
1168 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f5f5f5));
1169 background-image: -webkit-linear-gradient(top, #ffffff, #f5f5f5);
1170 background-image: -o-linear-gradient(top, #ffffff, #f5f5f5);
1171 background-image: linear-gradient(top, #ffffff, #f5f5f5);
1172 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5', GradientType=0);
1173 border: 1px solid #ddd;
1174 -webkit-border-radius: 3px;
1175 -moz-border-radius: 3px;
1177 -webkit-box-shadow: inset 0 1px 0 #ffffff;
1178 -moz-box-shadow: inset 0 1px 0 #ffffff;
1179 box-shadow: inset 0 1px 0 #ffffff;
1184 text-shadow: 0 1px 0 #ffffff;
1187 .breadcrumb .divider {
1192 .breadcrumb .active a {
1199 border-top: 1px solid #eee;
1203 .alert-message.danger,
1205 .alert-message.danger:hover,
1207 .alert-message.error,
1209 .alert-message.error:hover,
1211 .alert-message.success,
1213 .alert-message.success:hover,
1215 .alert-message.info,
1217 .alert-message.info:hover {
1221 .btn .close, .alert-message .close {
1222 font-family: Arial, sans-serif;
1227 .alert-message.danger,
1229 .alert-message.error {
1230 background-color: #c43c35;
1231 background-repeat: repeat-x;
1232 background-image: -khtml-gradient(linear, left top, left bottom, from(#ee5f5b), to(#c43c35));
1233 background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
1234 background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35);
1235 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee5f5b), color-stop(100%, #c43c35));
1236 background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
1237 background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
1238 background-image: linear-gradient(top, #ee5f5b, #c43c35);
1239 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0);
1240 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
1241 border-color: #c43c35 #c43c35 #882a25;
1242 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
1245 .btn.success, .alert-message.success {
1246 background-color: #57a957;
1247 background-repeat: repeat-x;
1248 background-image: -khtml-gradient(linear, left top, left bottom, from(#62c462), to(#57a957));
1249 background-image: -moz-linear-gradient(top, #62c462, #57a957);
1250 background-image: -ms-linear-gradient(top, #62c462, #57a957);
1251 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #62c462), color-stop(100%, #57a957));
1252 background-image: -webkit-linear-gradient(top, #62c462, #57a957);
1253 background-image: -o-linear-gradient(top, #62c462, #57a957);
1254 background-image: linear-gradient(top, #62c462, #57a957);
1255 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0);
1256 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
1257 border-color: #57a957 #57a957 #3d773d;
1258 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
1261 .btn.info, .alert-message.info {
1262 background-color: #339bb9;
1263 background-repeat: repeat-x;
1264 background-image: -khtml-gradient(linear, left top, left bottom, from(#5bc0de), to(#339bb9));
1265 background-image: -moz-linear-gradient(top, #5bc0de, #339bb9);
1266 background-image: -ms-linear-gradient(top, #5bc0de, #339bb9);
1267 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5bc0de), color-stop(100%, #339bb9));
1268 background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9);
1269 background-image: -o-linear-gradient(top, #5bc0de, #339bb9);
1270 background-image: linear-gradient(top, #5bc0de, #339bb9);
1271 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#339bb9', GradientType=0);
1272 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
1273 border-color: #339bb9 #339bb9 #22697d;
1274 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
1280 display: inline-block;
1281 background-color: #e6e6e6;
1282 background-repeat: no-repeat;
1283 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
1284 background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1285 background-image: -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
1286 background-image: -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1287 background-image: -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1288 background-image: linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1289 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
1290 padding: 5px 14px 6px;
1291 text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
1294 line-height: normal;
1295 border: 1px solid #ccc;
1296 border-bottom-color: #bbb;
1297 -webkit-border-radius: 4px;
1298 -moz-border-radius: 4px;
1300 -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
1301 -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
1302 box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
1308 text-decoration: none;
1313 outline: 1px dotted #666;
1317 .cbi-page-actions .cbi-button-apply,
1318 .cbi-page-actions .cbi-button-save,
1319 .cbi-page-actions .cbi-button-reset {
1321 padding: 5px 14px 6px;
1322 background-color: #0064cd;
1323 background-repeat: repeat-x;
1324 background-image: -khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd));
1325 background-image: -moz-linear-gradient(top, #049cdb, #0064cd);
1326 background-image: -ms-linear-gradient(top, #049cdb, #0064cd);
1327 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #049cdb), color-stop(100%, #0064cd));
1328 background-image: -webkit-linear-gradient(top, #049cdb, #0064cd);
1329 background-image: -o-linear-gradient(top, #049cdb, #0064cd);
1330 background-image: linear-gradient(top, #049cdb, #0064cd);
1331 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb', endColorstr='#0064cd', GradientType=0);
1332 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
1333 border-color: #0064cd #0064cd #003f81;
1334 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
1337 .cbi-input-invalid {
1339 border-color: #FF0000;
1344 background-position: center center;
1345 background-image: url('../resources/cbi/up.gif'), -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
1346 background-image: url('../resources/cbi/up.gif'), -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1347 background-image: url('../resources/cbi/up.gif'), -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
1348 background-image: url('../resources/cbi/up.gif'), -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1349 background-image: url('../resources/cbi/up.gif'), -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1350 background-image: url('../resources/cbi/up.gif'), linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1355 background-position: center center;
1356 background-image: url('../resources/cbi/down.gif'), -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
1357 background-image: url('../resources/cbi/down.gif'), -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1358 background-image: url('../resources/cbi/down.gif'), -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
1359 background-image: url('../resources/cbi/down.gif'), -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1360 background-image: url('../resources/cbi/down.gif'), -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1361 background-image: url('../resources/cbi/down.gif'), linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1366 background-position: 6px center, left top;
1368 background-image: url('../resources/cbi/find.gif'), -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
1369 background-image: url('../resources/cbi/find.gif'), -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1370 background-image: url('../resources/cbi/find.gif'), -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
1371 background-image: url('../resources/cbi/find.gif'), -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1372 background-image: url('../resources/cbi/find.gif'), -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1373 background-image: url('../resources/cbi/find.gif'), linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1378 background-position: 6px center, left top;
1380 background-image: url('../resources/cbi/add.gif'), -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
1381 background-image: url('../resources/cbi/add.gif'), -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1382 background-image: url('../resources/cbi/add.gif'), -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
1383 background-image: url('../resources/cbi/add.gif'), -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1384 background-image: url('../resources/cbi/add.gif'), -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1385 background-image: url('../resources/cbi/add.gif'), linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1390 background-position: 6px center, left top;
1392 background-image: url('../resources/cbi/apply.gif'), -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
1393 background-image: url('../resources/cbi/apply.gif'), -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1394 background-image: url('../resources/cbi/apply.gif'), -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
1395 background-image: url('../resources/cbi/apply.gif'), -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1396 background-image: url('../resources/cbi/apply.gif'), -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1397 background-image: url('../resources/cbi/apply.gif'), linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1402 background-position: 6px center, left top;
1404 background-image: url('../resources/cbi/reset.gif'), -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
1405 background-image: url('../resources/cbi/reset.gif'), -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1406 background-image: url('../resources/cbi/reset.gif'), -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
1407 background-image: url('../resources/cbi/reset.gif'), -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1408 background-image: url('../resources/cbi/reset.gif'), -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1409 background-image: url('../resources/cbi/reset.gif'), linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1414 background-position: 6px center, left top;
1416 background-image: url('../resources/cbi/edit.gif'), -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
1417 background-image: url('../resources/cbi/edit.gif'), -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1418 background-image: url('../resources/cbi/edit.gif'), -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
1419 background-image: url('../resources/cbi/edit.gif'), -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1420 background-image: url('../resources/cbi/edit.gif'), -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1421 background-image: url('../resources/cbi/edit.gif'), linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1426 background-position: 6px center, left top;
1428 background-image: url('../resources/cbi/remove.gif'), -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
1429 background-image: url('../resources/cbi/remove.gif'), -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1430 background-image: url('../resources/cbi/remove.gif'), -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
1431 background-image: url('../resources/cbi/remove.gif'), -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1432 background-image: url('../resources/cbi/remove.gif'), -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1433 background-image: url('../resources/cbi/remove.gif'), linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1438 background-position: 6px center, left top;
1440 background-image: url('../resources/cbi/reload.gif'), -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
1441 background-image: url('../resources/cbi/reload.gif'), -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1442 background-image: url('../resources/cbi/reload.gif'), -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
1443 background-image: url('../resources/cbi/reload.gif'), -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1444 background-image: url('../resources/cbi/reload.gif'), -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1445 background-image: url('../resources/cbi/reload.gif'), linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1450 background-position: 6px center, left top;
1452 background-image: url('../resources/cbi/link.gif'), -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
1453 background-image: url('../resources/cbi/link.gif'), -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1454 background-image: url('../resources/cbi/link.gif'), -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
1455 background-image: url('../resources/cbi/link.gif'), -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1456 background-image: url('../resources/cbi/link.gif'), -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1457 background-image: url('../resources/cbi/link.gif'), linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1460 .cbi-button-download,
1461 .cbi-input-download {
1462 background-position: 6px center, left top;
1464 background-image: url('../resources/cbi/download.gif'), -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
1465 background-image: url('../resources/cbi/download.gif'), -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1466 background-image: url('../resources/cbi/download.gif'), -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
1467 background-image: url('../resources/cbi/download.gif'), -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1468 background-image: url('../resources/cbi/download.gif'), -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1469 background-image: url('../resources/cbi/download.gif'), linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1472 .btn.active, .btn:active {
1473 -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
1474 -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
1475 box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
1480 background-image: none;
1481 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
1482 filter: alpha(opacity=65);
1483 -khtml-opacity: 0.65;
1486 -webkit-box-shadow: none;
1487 -moz-box-shadow: none;
1493 background-image: none;
1494 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
1495 filter: alpha(opacity=65);
1496 -khtml-opacity: 0.65;
1499 -webkit-box-shadow: none;
1500 -moz-box-shadow: none;
1506 line-height: normal;
1507 padding: 9px 14px 9px;
1508 -webkit-border-radius: 6px;
1509 -moz-border-radius: 6px;
1514 padding: 7px 9px 7px;
1518 /* Button icons for specific pages */
1519 .Startup .cbi-section-table input.cbi-input-apply,
1520 .Startup .cbi-section-table input.cbi-button-apply {
1521 background-image: url("../resources/cbi/apply.gif");
1522 background-position: 7px 4px;
1523 padding: 3px 9px 3px 27px;
1526 .Processes .cbi-section-table input.cbi-input-reload,
1527 .Startup .cbi-section-table input.cbi-input-reload {
1528 background-image: url("../resources/cbi/reload.gif");
1529 background-position: 7px 4px;
1530 padding: 3px 9px 3px 27px;
1533 .Processes .cbi-section-table input.cbi-input-remove,
1534 .Processes .cbi-section-table div.cbi-section-remove input,
1535 .Startup .cbi-section-table input.cbi-input-remove,
1536 .Startup .cbi-section-table div.cbi-section-remove input {
1537 background-image: url("../resources/cbi/remove.gif");
1538 background-position: 7px 4px;
1539 padding: 3px 9px 3px 27px;
1542 .Processes .cbi-section-table input.cbi-input-reset,
1543 .Processes .cbi-section-table input.cbi-button-reset,
1544 .Startup .cbi-section-table input.cbi-input-reset,
1545 .Startup .cbi-section-table input.cbi-button-reset {
1546 background-image: url("../resources/cbi/reset.gif");
1547 background-position: 7px 4px;
1548 padding: 3px 9px 3px 27px;
1551 .Startup .cbi-section-table input.cbi-input-save,
1552 .Startup .cbi-section-table input.cbi-button-save {
1553 background-image: url("../resources/cbi/save.gif");
1554 background-position: 7px 4px;
1555 padding: 3px 9px 3px 27px;
1558 :root .alert-message, :root .btn {
1562 button.btn::-moz-focus-inner, input[type=submit].btn::-moz-focus-inner {
1572 line-height: 13.5px;
1573 text-shadow: 0 1px 0 #ffffff;
1574 filter: alpha(opacity=25);
1575 -khtml-opacity: 0.25;
1582 text-decoration: none;
1583 filter: alpha(opacity=40);
1584 -khtml-opacity: 0.4;
1592 margin-bottom: 18px;
1594 background-color: #eedc94;
1595 background-repeat: repeat-x;
1596 background-image: -khtml-gradient(linear, left top, left bottom, from(#fceec1), to(#eedc94));
1597 background-image: -moz-linear-gradient(top, #fceec1, #eedc94);
1598 background-image: -ms-linear-gradient(top, #fceec1, #eedc94);
1599 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fceec1), color-stop(100%, #eedc94));
1600 background-image: -webkit-linear-gradient(top, #fceec1, #eedc94);
1601 background-image: -o-linear-gradient(top, #fceec1, #eedc94);
1602 background-image: linear-gradient(top, #fceec1, #eedc94);
1603 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fceec1', endColorstr='#eedc94', GradientType=0);
1604 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
1605 border-color: #eedc94 #eedc94 #e4c652;
1606 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
1607 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
1609 border-style: solid;
1610 -webkit-border-radius: 4px;
1611 -moz-border-radius: 4px;
1613 -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
1614 -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
1615 box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
1618 .alert-message .close {
1628 .alert-message.danger p a,
1629 .alert-message.error p a,
1630 .alert-message.success p a,
1631 .alert-message.info p a {
1643 .alert-message div {
1649 .alert-message .btn {
1650 -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
1651 -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
1652 box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
1656 padding: 1px 3px 2px;
1659 color: #ffffff !important;
1660 text-transform: uppercase;
1661 white-space: nowrap;
1662 background-color: #bfbfbf;
1663 -webkit-border-radius: 3px;
1664 -moz-border-radius: 3px;
1675 text-decoration: none;
1679 background-color: #c43c35;
1683 background-color: #f89406;
1687 background-color: #46a546;
1691 background-color: #62cffc;
1694 /* LuCI specific items */
1695 .hidden { display: none }
1702 border: 1px solid #CCCCCC;
1703 border-radius: 3px 3px 3px 3px;
1705 display: inline-block;
1715 form.inline { display: inline }
1717 header .pull-right { padding-top: 8px; }
1719 #modemenu li:last-child span.divider { display: none }
1721 #syslog { width: 100%; }
1723 .cbi-section-table tbody tr:nth-child(odd) td, .cbi-section-table tbody tr:nth-child(odd) th {
1724 background-color: #f9f9f9;
1727 .cbi-section-table tbody tr:hover td, .cbi-section-table tbody tr:hover th {
1728 background-color: #f5f5f5;
1731 .cbi-section-table tr.cbi-section-table-descr th {
1732 font-weight: normal;
1735 .left { text-align: left !important; }
1737 .right { text-align: right !important; }
1739 .cbi-value-field { line-height: 1.5em; }
1741 .cbi-value-field input[type=checkbox],
1742 .cbi-value-field input[type=radio] {
1748 .cbi-value-field table td {
1752 table.cbi-section-table input,
1753 table.cbi-section-table textarea,
1754 table.cbi-section-table select {
1758 table.cbi-section-table td.cbi-section-table-cell {
1759 white-space: nowrap;
1763 .cbi-value-description { display: inline; }
1765 .cbi-value-description img { vertical-align: middle; }
1768 background-color: #FFFFFF;
1769 border: 1px solid #CCCCCC;
1772 white-space: nowrap;
1773 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
1774 background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1775 background-image: -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
1776 background-image: -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1777 background-image: -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1778 background-image: linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1779 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
1780 text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
1781 -webkit-border-radius: 4px;
1782 -moz-border-radius: 4px;
1784 -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
1785 -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
1786 box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
1789 .ifacebox .ifacebox-head {
1790 border-bottom: 1px solid #CCCCCC;
1794 .ifacebox .ifacebox-body {
1799 display: inline-block;
1800 white-space: nowrap;
1801 background-color: #FFFFFF;
1802 border: 1px solid #CCCCCC;
1805 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
1806 background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1807 background-image: -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
1808 background-image: -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1809 background-image: -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1810 background-image: linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1811 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
1812 text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
1813 -webkit-border-radius: 4px;
1814 -moz-border-radius: 4px;
1816 -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
1817 -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
1818 box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
1821 .ifacebadge-active {
1822 border-color: #000000;
1829 display: inline-block;
1830 white-space: nowrap;
1832 text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
1839 display: inline-block;
1848 border: 1px dashed #AAAAAA;
1855 td.cbi-value-field var {
1861 font-family: monospace;
1864 .uci-change-list ins,
1865 .uci-change-legend-label ins {
1866 text-decoration: none;
1867 border: 1px solid #00FF00;
1868 background-color: #CCFFCC;
1873 .uci-change-list del,
1874 .uci-change-legend-label del {
1875 text-decoration: none;
1876 border: 1px solid #FF0000;
1877 background-color: #FFCCCC;
1883 .uci-change-list var,
1884 .uci-change-legend-label var {
1885 text-decoration: none;
1886 border: 1px solid #CCCCCC;
1887 background-color: #EEEEEE;
1893 .uci-change-list var ins,
1894 .uci-change-list var del {
1895 /*display: inline;*/
1902 .uci-change-legend {
1906 .uci-change-legend-label {
1911 .uci-change-legend-label>ins,
1912 .uci-change-legend-label>del,
1913 .uci-change-legend-label>var {
1921 .uci-change-legend-label var ins,
1922 .uci-change-legend-label var del {