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;
115 -webkit-box-sizing: border-box;
116 -moz-box-sizing: border-box;
117 box-sizing: border-box;
118 vertical-align: baseline;
119 *vertical-align: middle;
127 button::-moz-focus-inner, input::-moz-focus-inner {
133 input[type="button"],
135 input[type="submit"] {
137 -webkit-appearance: button;
140 input[type="search"] {
141 -webkit-appearance: textfield;
142 -webkit-box-sizing: content-box;
143 -moz-box-sizing: content-box;
144 box-sizing: content-box;
147 input[type="search"]::-webkit-search-decoration {
148 -webkit-appearance: none;
158 * Basic and global styles for generating a grid system, structural layout, and page templates
159 * ------------------------------------------------------------------------------------------- */
161 background-color: #ffffff;
163 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
179 .container:before, .container:after {
191 text-decoration: none;
192 line-height: inherit;
193 font-weight: inherit;
198 text-decoration: underline;
210 * Headings, body text, lists, code, and more for a versatile and durable typography system
211 * ---------------------------------------------------------------------------------------- */
294 text-transform: uppercase;
298 margin: 0 0 18px 25px;
345 border-bottom: 1px solid #eee;
355 font-weight: inherit;
356 line-height: inherit;
359 small { font-size: 0.9em }
369 font-family: Monaco, Andale Mono, Courier New, monospace;
371 -webkit-border-radius: 3px;
372 -moz-border-radius: 3px;
377 background-color: #fee9cc;
378 color: rgba(0, 0, 0, 0.75);
383 background-color: #f5f5f5;
389 border: 1px solid #ccc;
390 border: 1px solid rgba(0, 0, 0, 0.15);
391 -webkit-border-radius: 3px;
392 -moz-border-radius: 3px;
395 white-space: pre-wrap;
396 word-wrap: break-word;
400 * Base styles for various input types, form layouts, and states
401 * ------------------------------------------------------------- */
417 *padding: 0 0 5px 0px;
432 form .clearfix:before, form .clearfix:after,
433 form .cbi-value:before, form .cbi-value:after {
440 form .cbi-value:after {
448 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
455 form .cbi-value-field {
459 form .cbi-value label.cbi-value-title {
469 input[type=checkbox], input[type=radio] {
477 display: inline-block;
484 border: 1px solid #ccc;
485 -webkit-border-radius: 3px;
486 -moz-border-radius: 3px;
494 input[type=checkbox], input[type=radio] {
507 background-color: #ffffff;
510 line-height: initial;
511 -webkit-box-shadow: none;
512 -moz-box-shadow: none;
514 width: auto !important;
517 input[type=button], input[type=reset], input[type=submit] {
522 select, input[type=file] {
525 /* For IE7, add top margin to align select with labels */
530 background-color: #ffffff;
538 background-color: #ffffff;
541 -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
542 -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
543 box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
551 ::-webkit-input-placeholder {
556 -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
557 -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
558 -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
559 -o-transition: border linear 0.2s, box-shadow linear 0.2s;
560 transition: border linear 0.2s, box-shadow linear 0.2s;
561 -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
562 -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
563 box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
566 input:focus, textarea:focus {
568 border-color: rgba(82, 168, 236, 0.8);
569 -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
570 -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
571 box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
574 input[type=file]:focus, input[type=checkbox]:focus, select:focus {
575 -webkit-box-shadow: none;
576 -moz-box-shadow: none;
578 outline: 1px dotted #666;
581 form .clearfix.error > label, form .clearfix.error .help-block, form .clearfix.error .help-inline {
585 form .clearfix.error input, form .clearfix.error textarea {
587 border-color: #ee5f5b;
590 form .clearfix.error input:focus, form .clearfix.error textarea:focus {
591 border-color: #e9322d;
592 -webkit-box-shadow: 0 0 6px #f8b9b7;
593 -moz-box-shadow: 0 0 6px #f8b9b7;
594 box-shadow: 0 0 6px #f8b9b7;
597 form .clearfix.error .input-prepend .add-on, form .clearfix.error .input-append .add-on {
599 background-color: #fce6e6;
600 border-color: #b94a48;
603 form .clearfix.warning > label, form .clearfix.warning .help-block, form .clearfix.warning .help-inline {
607 form .clearfix.warning input, form .clearfix.warning textarea {
609 border-color: #ccae64;
612 form .clearfix.warning input:focus, form .clearfix.warning textarea:focus {
613 border-color: #be9a3f;
614 -webkit-box-shadow: 0 0 6px #e5d6b1;
615 -moz-box-shadow: 0 0 6px #e5d6b1;
616 box-shadow: 0 0 6px #e5d6b1;
619 form .clearfix.warning .input-prepend .add-on, form .clearfix.warning .input-append .add-on {
621 background-color: #d2b877;
622 border-color: #c09853;
625 form .clearfix.success > label, form .clearfix.success .help-block, form .clearfix.success .help-inline {
629 form .clearfix.success input, form .clearfix.success textarea {
631 border-color: #57a957;
634 form .clearfix.success input:focus, form .clearfix.success textarea:focus {
635 border-color: #458845;
636 -webkit-box-shadow: 0 0 6px #9acc9a;
637 -moz-box-shadow: 0 0 6px #9acc9a;
638 box-shadow: 0 0 6px #9acc9a;
641 form .clearfix.success .input-prepend .add-on, form .clearfix.success .input-append .add-on {
643 background-color: #bcddbc;
644 border-color: #468847;
653 background-color: #f5f5f5;
661 padding: 17px 20px 18px 150px;
662 border-top: 1px solid #ddd;
663 -webkit-border-radius: 0 0 3px 3px;
664 -moz-border-radius: 0 0 3px 3px;
665 border-radius: 0 0 3px 3px;
669 .actions .secondary-action,
670 .cbi-page-actions .secondary-action{
674 .actions .secondary-action a,
675 .cbi-page-actions .secondary-action a {
679 .actions .secondary-action a:hover,
680 .cbi-page-actions .secondary-action a:hover {
681 text-decoration: underline;
684 .help-inline, .help-block {
707 * Tables for, you guessed it, tabular data
708 * ---------------------------------------- */
714 border-collapse: collapse;
718 padding: 10px 10px 9px;
726 vertical-align: middle;
731 border-top: 1px solid #ddd;
735 border-top: 1px solid #ddd;
740 * Repeatable UI elements outside the base styles provided from the scaffolding
741 * ---------------------------------------------------------------------------- */
755 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
758 header h3 a:hover, header .brand:hover, header ul .active > a {
759 background-color: #333;
760 background-color: rgba(255, 255, 255, 0.05);
762 text-decoration: none;
769 header h3 a, header .brand {
772 padding: 8px 20px 12px;
786 background-color: #222;
787 background-color: #222222;
788 background-repeat: repeat-x;
789 background-image: -khtml-gradient(linear, left top, left bottom, from(#333333), to(#222222));
790 background-image: -moz-linear-gradient(top, #333333, #222222);
791 background-image: -ms-linear-gradient(top, #333333, #222222);
792 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #222222));
793 background-image: -webkit-linear-gradient(top, #333333, #222222);
794 background-image: -o-linear-gradient(top, #333333, #222222);
795 background-image: linear-gradient(top, #333333, #222222);
796 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0);
797 -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
798 -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
799 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
803 header div > ul, .nav {
811 header div > ul > li, .nav > li {
816 header div > ul a, .nav a {
819 padding: 10px 10px 11px;
821 text-decoration: none;
824 header div > ul a:hover, .nav a:hover {
826 text-decoration: none;
829 header div > ul .active > a, .nav .active > a {
830 background-color: #222;
831 background-color: rgba(0, 0, 0, 0.5);
834 header div > ul.secondary-nav, .nav.secondary-nav {
840 header div > ul.secondary-nav .menu-dropdown,
841 .nav.secondary-nav .menu-dropdown,
842 header div > ul.secondary-nav .dropdown-menu,
843 .nav.secondary-nav .dropdown-menu {
848 header div > ul a.menu:hover,
850 header div > ul li.open .menu,
852 header div > ul .dropdown-toggle:hover,
853 .nav .dropdown-toggle:hover,
854 header div > ul .dropdown.open .dropdown-toggle,
855 .nav .dropdown.open .dropdown-toggle {
857 background: rgba(255, 255, 255, 0.05);
860 header div > ul .menu-dropdown,
862 header div > ul .dropdown-menu,
863 .nav .dropdown-menu {
864 background-color: #333;
867 header div > ul .menu-dropdown a.menu,
868 .nav .menu-dropdown a.menu,
869 header div > ul .dropdown-menu a.menu,
870 .nav .dropdown-menu a.menu,
871 header div > ul .menu-dropdown .dropdown-toggle,
872 .nav .menu-dropdown .dropdown-toggle,
873 header div > ul .dropdown-menu .dropdown-toggle,
874 .nav .dropdown-menu .dropdown-toggle {
878 header div > ul .menu-dropdown a.menu.open,
879 .nav .menu-dropdown a.menu.open,
880 header div > ul .dropdown-menu a.menu.open,
881 .nav .dropdown-menu a.menu.open,
882 header div > ul .menu-dropdown .dropdown-toggle.open,
883 .nav .menu-dropdown .dropdown-toggle.open,
884 header div > ul .dropdown-menu .dropdown-toggle.open,
885 .nav .dropdown-menu .dropdown-toggle.open {
887 background: rgba(255, 255, 255, 0.05);
890 header div > ul .menu-dropdown li a,
891 .nav .menu-dropdown li a,
892 header div > ul .dropdown-menu li a,
893 .nav .dropdown-menu li a {
895 text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
898 header div > ul .menu-dropdown li a:hover,
899 .nav .menu-dropdown li a:hover,
900 header div > ul .dropdown-menu li a:hover,
901 .nav .dropdown-menu li a:hover {
902 background-color: #191919;
903 background-repeat: repeat-x;
904 background-image: -khtml-gradient(linear, left top, left bottom, from(#292929), to(#191919));
905 background-image: -moz-linear-gradient(top, #292929, #191919);
906 background-image: -ms-linear-gradient(top, #292929, #191919);
907 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #292929), color-stop(100%, #191919));
908 background-image: -webkit-linear-gradient(top, #292929, #191919);
909 background-image: -o-linear-gradient(top, #292929, #191919);
910 background-image: linear-gradient(top, #292929, #191919);
911 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#292929', endColorstr='#191919', GradientType=0);
915 header div > ul .menu-dropdown .active a,
916 .nav .menu-dropdown .active a,
917 header div > ul .dropdown-menu .active a,
918 .nav .dropdown-menu .active a {
922 header div > ul .menu-dropdown .divider,
923 .nav .menu-dropdown .divider,
924 header div > ul .dropdown-menu .divider,
925 .nav .dropdown-menu .divider {
926 background-color: #222;
930 header ul .menu-dropdown li a, header ul .dropdown-menu li a {
938 a.menu:after, .dropdown-toggle:after {
941 display: inline-block;
943 text-indent: -99999px;
947 border-left: 4px solid transparent;
948 border-right: 4px solid transparent;
949 border-top: 4px solid #ffffff;
950 filter: alpha(opacity=50);
956 .menu-dropdown, .dropdown-menu {
957 background-color: #ffffff;
971 border-color: rgba(0, 0, 0, 0.2);
973 border-width: 0 1px 1px;
974 -webkit-border-radius: 0 0 6px 6px;
975 -moz-border-radius: 0 0 6px 6px;
976 border-radius: 0 0 6px 6px;
977 -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
978 -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
979 box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
980 -webkit-background-clip: padding-box;
981 -moz-background-clip: padding-box;
982 background-clip: padding-box;
985 .menu-dropdown li, .dropdown-menu li {
988 background-color: none;
991 .menu-dropdown .divider, .dropdown-menu .divider {
995 background-color: #eee;
996 border-bottom: 1px solid #ffffff;
999 header .dropdown-menu a, .dropdown-menu a {
1003 font-weight: normal;
1006 text-shadow: 0 1px 0 #ffffff;
1009 header .dropdown-menu a:hover,
1010 .dropdown-menu a:hover,
1011 header .dropdown-menu a.hover,
1012 .dropdown-menu a.hover {
1013 background-color: #dddddd;
1014 background-repeat: repeat-x;
1015 background-image: -khtml-gradient(linear, left top, left bottom, from(#eeeeee), to(#dddddd));
1016 background-image: -moz-linear-gradient(top, #eeeeee, #dddddd);
1017 background-image: -ms-linear-gradient(top, #eeeeee, #dddddd);
1018 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #dddddd));
1019 background-image: -webkit-linear-gradient(top, #eeeeee, #dddddd);
1020 background-image: -o-linear-gradient(top, #eeeeee, #dddddd);
1021 background-image: linear-gradient(top, #eeeeee, #dddddd);
1022 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#dddddd', GradientType=0);
1024 text-decoration: none;
1025 -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.025), inset 0 -1px rgba(0, 0, 0, 0.025);
1026 -moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.025), inset 0 -1px rgba(0, 0, 0, 0.025);
1027 box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.025), inset 0 -1px rgba(0, 0, 0, 0.025);
1031 .dropdown.open .menu,
1032 .open .dropdown-toggle,
1033 .dropdown.open .dropdown-toggle {
1036 background: rgba(0, 0, 0, 0.3);
1039 .open .menu-dropdown,
1040 .dropdown.open .menu-dropdown,
1041 .open .dropdown-menu,
1042 .dropdown.open .dropdown-menu {
1046 .dropdown:hover ul.dropdown-menu {
1050 .dropdown-menu .dropdown-menu {
1059 .tabs, .cbi-tabmenu {
1067 .cbi-tabmenu:before,
1069 .cbi-tabmenu:after {
1075 .tabs:after, .cbi-tabmenu:after {
1079 .tabs > li, .cbi-tabmenu > li {
1083 .tabs > li > a, .cbi-tabmenu > li > a {
1090 border-style: solid;
1091 border-width: 0 0 1px;
1097 margin-bottom: -1px;
1101 .cbi-tabmenu > li > a {
1105 border: 1px solid transparent;
1106 -webkit-border-radius: 4px 4px 0 0;
1107 -moz-border-radius: 4px 4px 0 0;
1108 border-radius: 4px 4px 0 0;
1111 .tabs > li > a:hover,
1112 .cbi-tabmenu > li > a:hover {
1113 text-decoration: none;
1114 background-color: #eee;
1115 border-color: #eee #eee #ddd;
1118 .tabs .active > a, .tabs .active > a:hover,
1119 .cbi-tabmenu .active > a, .cbi-tabmenu .active > a:hover,
1120 .cbi-tab > a:link, .cbi-tab > a:hover {
1122 background-color: #ffffff;
1123 border: 1px solid #ddd;
1124 border-bottom-color: transparent;
1128 .tabs .menu-dropdown, .tabs .dropdown-menu,
1129 .cbi-tabmenu .menu-dropdown, .cbi-tabmenu .dropdown-menu {
1132 -webkit-border-radius: 0 6px 6px 6px;
1133 -moz-border-radius: 0 6px 6px 6px;
1134 border-radius: 0 6px 6px 6px;
1137 .tabs a.menu:after, .tabs .dropdown-toggle:after,
1138 .cbi-tabmenu a.menu:after, .cbi-tabmenu .dropdown-toggle:after {
1139 border-top-color: #999;
1144 .tabs li.open.menu .menu, .tabs .open.dropdown .dropdown-toggle,
1145 .cbi-tabmenu li.open.menu .menu, .cbi-tabmenu .open.dropdown .dropdown-toggle {
1149 .tabs li.open a.menu:after, .tabs .dropdown.open .dropdown-toggle:after,
1150 .cbi-tabmenu li.open a.menu:after, .cbi-tabmenu .dropdown.open .dropdown-toggle:after {
1151 border-top-color: #555;
1154 .tab-content > .tab-pane,
1155 .tab-content > div {
1159 .tab-content > .active {
1166 background-color: #f5f5f5;
1167 background-repeat: repeat-x;
1168 background-image: -khtml-gradient(linear, left top, left bottom, from(#ffffff), to(#f5f5f5));
1169 background-image: -moz-linear-gradient(top, #ffffff, #f5f5f5);
1170 background-image: -ms-linear-gradient(top, #ffffff, #f5f5f5);
1171 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f5f5f5));
1172 background-image: -webkit-linear-gradient(top, #ffffff, #f5f5f5);
1173 background-image: -o-linear-gradient(top, #ffffff, #f5f5f5);
1174 background-image: linear-gradient(top, #ffffff, #f5f5f5);
1175 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5', GradientType=0);
1176 border: 1px solid #ddd;
1177 -webkit-border-radius: 3px;
1178 -moz-border-radius: 3px;
1180 -webkit-box-shadow: inset 0 1px 0 #ffffff;
1181 -moz-box-shadow: inset 0 1px 0 #ffffff;
1182 box-shadow: inset 0 1px 0 #ffffff;
1187 text-shadow: 0 1px 0 #ffffff;
1190 .breadcrumb .divider {
1195 .breadcrumb .active a {
1202 border-top: 1px solid #eee;
1206 .alert-message.danger,
1208 .alert-message.danger:hover,
1210 .alert-message.error,
1212 .alert-message.error:hover,
1214 .alert-message.success,
1216 .alert-message.success:hover,
1218 .alert-message.info,
1220 .alert-message.info:hover {
1224 .btn .close, .alert-message .close {
1225 font-family: Arial, sans-serif;
1230 .alert-message.danger,
1232 .alert-message.error {
1233 background-color: #c43c35;
1234 background-repeat: repeat-x;
1235 background-image: -khtml-gradient(linear, left top, left bottom, from(#ee5f5b), to(#c43c35));
1236 background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
1237 background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35);
1238 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee5f5b), color-stop(100%, #c43c35));
1239 background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
1240 background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
1241 background-image: linear-gradient(top, #ee5f5b, #c43c35);
1242 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0);
1243 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
1244 border-color: #c43c35 #c43c35 #882a25;
1245 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
1248 .btn.success, .alert-message.success {
1249 background-color: #57a957;
1250 background-repeat: repeat-x;
1251 background-image: -khtml-gradient(linear, left top, left bottom, from(#62c462), to(#57a957));
1252 background-image: -moz-linear-gradient(top, #62c462, #57a957);
1253 background-image: -ms-linear-gradient(top, #62c462, #57a957);
1254 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #62c462), color-stop(100%, #57a957));
1255 background-image: -webkit-linear-gradient(top, #62c462, #57a957);
1256 background-image: -o-linear-gradient(top, #62c462, #57a957);
1257 background-image: linear-gradient(top, #62c462, #57a957);
1258 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0);
1259 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
1260 border-color: #57a957 #57a957 #3d773d;
1261 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
1264 .btn.info, .alert-message.info {
1265 background-color: #339bb9;
1266 background-repeat: repeat-x;
1267 background-image: -khtml-gradient(linear, left top, left bottom, from(#5bc0de), to(#339bb9));
1268 background-image: -moz-linear-gradient(top, #5bc0de, #339bb9);
1269 background-image: -ms-linear-gradient(top, #5bc0de, #339bb9);
1270 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5bc0de), color-stop(100%, #339bb9));
1271 background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9);
1272 background-image: -o-linear-gradient(top, #5bc0de, #339bb9);
1273 background-image: linear-gradient(top, #5bc0de, #339bb9);
1274 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#339bb9', GradientType=0);
1275 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
1276 border-color: #339bb9 #339bb9 #22697d;
1277 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
1283 display: inline-block;
1284 background-color: #e6e6e6;
1285 background-repeat: no-repeat;
1286 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
1287 background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1288 background-image: -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
1289 background-image: -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1290 background-image: -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1291 background-image: linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1292 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
1293 padding: 5px 14px 6px;
1294 text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
1297 line-height: normal;
1298 border: 1px solid #ccc;
1299 border-bottom-color: #bbb;
1300 -webkit-border-radius: 4px;
1301 -moz-border-radius: 4px;
1303 -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
1304 -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
1305 box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
1311 text-decoration: none;
1316 outline: 1px dotted #666;
1320 .cbi-page-actions .cbi-button-apply,
1321 .cbi-page-actions .cbi-button-save,
1322 .cbi-page-actions .cbi-button-reset {
1324 padding: 5px 14px 6px;
1325 background-color: #0064cd;
1326 background-repeat: repeat-x;
1327 background-image: -khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd));
1328 background-image: -moz-linear-gradient(top, #049cdb, #0064cd);
1329 background-image: -ms-linear-gradient(top, #049cdb, #0064cd);
1330 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #049cdb), color-stop(100%, #0064cd));
1331 background-image: -webkit-linear-gradient(top, #049cdb, #0064cd);
1332 background-image: -o-linear-gradient(top, #049cdb, #0064cd);
1333 background-image: linear-gradient(top, #049cdb, #0064cd);
1334 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb', endColorstr='#0064cd', GradientType=0);
1335 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
1336 border-color: #0064cd #0064cd #003f81;
1337 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
1341 .cbi-value-error input {
1343 border-color: #FF0000;
1348 background-position: center center;
1349 background-image: url('../resources/cbi/up.gif'), -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
1350 background-image: url('../resources/cbi/up.gif'), -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1351 background-image: url('../resources/cbi/up.gif'), -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
1352 background-image: url('../resources/cbi/up.gif'), -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1353 background-image: url('../resources/cbi/up.gif'), -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1354 background-image: url('../resources/cbi/up.gif'), linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1359 background-position: center center;
1360 background-image: url('../resources/cbi/down.gif'), -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
1361 background-image: url('../resources/cbi/down.gif'), -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1362 background-image: url('../resources/cbi/down.gif'), -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
1363 background-image: url('../resources/cbi/down.gif'), -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1364 background-image: url('../resources/cbi/down.gif'), -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1365 background-image: url('../resources/cbi/down.gif'), linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1370 background-position: 6px center, left top;
1372 background-image: url('../resources/cbi/find.gif'), -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
1373 background-image: url('../resources/cbi/find.gif'), -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1374 background-image: url('../resources/cbi/find.gif'), -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
1375 background-image: url('../resources/cbi/find.gif'), -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1376 background-image: url('../resources/cbi/find.gif'), -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1377 background-image: url('../resources/cbi/find.gif'), linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1382 background-position: 6px center, left top;
1384 background-image: url('../resources/cbi/add.gif'), -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
1385 background-image: url('../resources/cbi/add.gif'), -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1386 background-image: url('../resources/cbi/add.gif'), -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
1387 background-image: url('../resources/cbi/add.gif'), -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1388 background-image: url('../resources/cbi/add.gif'), -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1389 background-image: url('../resources/cbi/add.gif'), linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1394 background-position: 6px center, left top;
1396 background-image: url('../resources/cbi/apply.gif'), -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
1397 background-image: url('../resources/cbi/apply.gif'), -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1398 background-image: url('../resources/cbi/apply.gif'), -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
1399 background-image: url('../resources/cbi/apply.gif'), -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1400 background-image: url('../resources/cbi/apply.gif'), -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1401 background-image: url('../resources/cbi/apply.gif'), linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1406 background-position: 6px center, left top;
1408 background-image: url('../resources/cbi/reset.gif'), -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
1409 background-image: url('../resources/cbi/reset.gif'), -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1410 background-image: url('../resources/cbi/reset.gif'), -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
1411 background-image: url('../resources/cbi/reset.gif'), -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1412 background-image: url('../resources/cbi/reset.gif'), -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1413 background-image: url('../resources/cbi/reset.gif'), linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1418 background-position: 6px center, left top;
1420 background-image: url('../resources/cbi/edit.gif'), -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
1421 background-image: url('../resources/cbi/edit.gif'), -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1422 background-image: url('../resources/cbi/edit.gif'), -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
1423 background-image: url('../resources/cbi/edit.gif'), -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1424 background-image: url('../resources/cbi/edit.gif'), -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1425 background-image: url('../resources/cbi/edit.gif'), linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1430 background-position: 6px center, left top;
1432 background-image: url('../resources/cbi/remove.gif'), -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
1433 background-image: url('../resources/cbi/remove.gif'), -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1434 background-image: url('../resources/cbi/remove.gif'), -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
1435 background-image: url('../resources/cbi/remove.gif'), -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1436 background-image: url('../resources/cbi/remove.gif'), -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1437 background-image: url('../resources/cbi/remove.gif'), linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1442 background-position: 6px center, left top;
1444 background-image: url('../resources/cbi/reload.gif'), -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
1445 background-image: url('../resources/cbi/reload.gif'), -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1446 background-image: url('../resources/cbi/reload.gif'), -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
1447 background-image: url('../resources/cbi/reload.gif'), -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1448 background-image: url('../resources/cbi/reload.gif'), -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1449 background-image: url('../resources/cbi/reload.gif'), linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1454 background-position: 6px center, left top;
1456 background-image: url('../resources/cbi/link.gif'), -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
1457 background-image: url('../resources/cbi/link.gif'), -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1458 background-image: url('../resources/cbi/link.gif'), -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
1459 background-image: url('../resources/cbi/link.gif'), -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1460 background-image: url('../resources/cbi/link.gif'), -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1461 background-image: url('../resources/cbi/link.gif'), linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1464 .cbi-button-download,
1465 .cbi-input-download {
1466 background-position: 6px center, left top;
1468 background-image: url('../resources/cbi/download.gif'), -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
1469 background-image: url('../resources/cbi/download.gif'), -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1470 background-image: url('../resources/cbi/download.gif'), -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
1471 background-image: url('../resources/cbi/download.gif'), -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1472 background-image: url('../resources/cbi/download.gif'), -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1473 background-image: url('../resources/cbi/download.gif'), linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1476 .btn.active, .btn:active {
1477 -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
1478 -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
1479 box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
1484 background-image: none;
1485 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
1486 filter: alpha(opacity=65);
1487 -khtml-opacity: 0.65;
1490 -webkit-box-shadow: none;
1491 -moz-box-shadow: none;
1497 background-image: none;
1498 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
1499 filter: alpha(opacity=65);
1500 -khtml-opacity: 0.65;
1503 -webkit-box-shadow: none;
1504 -moz-box-shadow: none;
1510 line-height: normal;
1511 padding: 9px 14px 9px;
1512 -webkit-border-radius: 6px;
1513 -moz-border-radius: 6px;
1518 padding: 7px 9px 7px;
1522 /* Button icons for specific pages */
1523 .Startup .cbi-section-table input.cbi-input-apply,
1524 .Startup .cbi-section-table input.cbi-button-apply {
1525 background-image: url("../resources/cbi/apply.gif");
1526 background-position: 7px 4px;
1527 padding: 3px 9px 3px 27px;
1530 .Processes .cbi-section-table input.cbi-input-reload,
1531 .Startup .cbi-section-table input.cbi-input-reload {
1532 background-image: url("../resources/cbi/reload.gif");
1533 background-position: 7px 4px;
1534 padding: 3px 9px 3px 27px;
1537 .Processes .cbi-section-table input.cbi-input-remove,
1538 .Processes .cbi-section-table div.cbi-section-remove input,
1539 .Startup .cbi-section-table input.cbi-input-remove,
1540 .Startup .cbi-section-table div.cbi-section-remove input {
1541 background-image: url("../resources/cbi/remove.gif");
1542 background-position: 7px 4px;
1543 padding: 3px 9px 3px 27px;
1546 .Processes .cbi-section-table input.cbi-input-reset,
1547 .Processes .cbi-section-table input.cbi-button-reset,
1548 .Startup .cbi-section-table input.cbi-input-reset,
1549 .Startup .cbi-section-table input.cbi-button-reset {
1550 background-image: url("../resources/cbi/reset.gif");
1551 background-position: 7px 4px;
1552 padding: 3px 9px 3px 27px;
1555 .Startup .cbi-section-table input.cbi-input-save,
1556 .Startup .cbi-section-table input.cbi-button-save {
1557 background-image: url("../resources/cbi/save.gif");
1558 background-position: 7px 4px;
1559 padding: 3px 9px 3px 27px;
1562 :root .alert-message, :root .btn {
1566 button.btn::-moz-focus-inner, input[type=submit].btn::-moz-focus-inner {
1576 line-height: 13.5px;
1577 text-shadow: 0 1px 0 #ffffff;
1578 filter: alpha(opacity=25);
1579 -khtml-opacity: 0.25;
1586 text-decoration: none;
1587 filter: alpha(opacity=40);
1588 -khtml-opacity: 0.4;
1596 margin-bottom: 18px;
1598 background-color: #eedc94;
1599 background-repeat: repeat-x;
1600 background-image: -khtml-gradient(linear, left top, left bottom, from(#fceec1), to(#eedc94));
1601 background-image: -moz-linear-gradient(top, #fceec1, #eedc94);
1602 background-image: -ms-linear-gradient(top, #fceec1, #eedc94);
1603 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fceec1), color-stop(100%, #eedc94));
1604 background-image: -webkit-linear-gradient(top, #fceec1, #eedc94);
1605 background-image: -o-linear-gradient(top, #fceec1, #eedc94);
1606 background-image: linear-gradient(top, #fceec1, #eedc94);
1607 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fceec1', endColorstr='#eedc94', GradientType=0);
1608 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
1609 border-color: #eedc94 #eedc94 #e4c652;
1610 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
1611 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
1613 border-style: solid;
1614 -webkit-border-radius: 4px;
1615 -moz-border-radius: 4px;
1617 -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
1618 -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
1619 box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
1622 .alert-message .close {
1632 .alert-message.danger p a,
1633 .alert-message.error p a,
1634 .alert-message.success p a,
1635 .alert-message.info p a {
1647 .alert-message div {
1653 .alert-message .btn {
1654 -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
1655 -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
1656 box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
1660 padding: 1px 3px 2px;
1663 color: #ffffff !important;
1664 text-transform: uppercase;
1665 white-space: nowrap;
1666 background-color: #bfbfbf;
1667 -webkit-border-radius: 3px;
1668 -moz-border-radius: 3px;
1679 text-decoration: none;
1683 background-color: #c43c35;
1687 background-color: #f89406;
1691 background-color: #46a546;
1695 background-color: #62cffc;
1698 /* LuCI specific items */
1699 .hidden { display: none }
1706 border: 1px solid #CCCCCC;
1707 border-radius: 3px 3px 3px 3px;
1709 display: inline-block;
1719 form.inline { display: inline }
1721 header .pull-right { padding-top: 8px; }
1723 #modemenu li:last-child span.divider { display: none }
1725 #syslog { width: 100%; }
1727 .cbi-section-table tbody tr:nth-child(odd) td, .cbi-section-table tbody tr:nth-child(odd) th {
1728 background-color: #f9f9f9;
1731 .cbi-section-table tbody tr:hover td, .cbi-section-table tbody tr:hover th {
1732 background-color: #f5f5f5;
1735 .cbi-section-table tr.cbi-section-table-descr th {
1736 font-weight: normal;
1739 .left { text-align: left !important; }
1741 .right { text-align: right !important; }
1743 .cbi-value-field { line-height: 1.5em; }
1745 .cbi-value-field input[type=checkbox],
1746 .cbi-value-field input[type=radio] {
1752 .cbi-value-field table td {
1756 table.cbi-section-table input,
1757 table.cbi-section-table textarea,
1758 table.cbi-section-table select {
1762 table.cbi-section-table td.cbi-section-table-cell {
1763 white-space: nowrap;
1767 table.cbi-section-table td.cbi-section-table-cell select {
1771 .cbi-value-description { display: inline; }
1773 .cbi-value-description img { vertical-align: middle; }
1775 .cbi-section-error {
1776 border: 1px solid #FF0000;
1778 background-color: #FCE6E6;
1782 .cbi-section-error ul { margin: 0 0 0 20px; }
1784 .cbi-section-error ul li {
1790 background-color: #FFFFFF;
1791 border: 1px solid #CCCCCC;
1794 white-space: nowrap;
1795 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
1796 background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1797 background-image: -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
1798 background-image: -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1799 background-image: -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1800 background-image: linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1801 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
1802 text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
1803 -webkit-border-radius: 4px;
1804 -moz-border-radius: 4px;
1806 -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
1807 -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
1808 box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
1811 .ifacebox .ifacebox-head {
1812 border-bottom: 1px solid #CCCCCC;
1816 .ifacebox .ifacebox-body {
1821 display: inline-block;
1822 white-space: nowrap;
1823 background-color: #FFFFFF;
1824 border: 1px solid #CCCCCC;
1827 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
1828 background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1829 background-image: -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
1830 background-image: -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1831 background-image: -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1832 background-image: linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1833 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
1834 text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
1835 -webkit-border-radius: 4px;
1836 -moz-border-radius: 4px;
1838 -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
1839 -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
1840 box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
1843 .ifacebadge-active {
1844 border-color: #000000;
1851 display: inline-block;
1852 white-space: nowrap;
1854 text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
1859 .zonebadge > strong {
1861 display: inline-block;
1869 border: 1px dashed #AAAAAA;
1876 td.cbi-value-field var {
1882 font-family: monospace;
1885 .uci-change-list ins,
1886 .uci-change-legend-label ins {
1887 text-decoration: none;
1888 border: 1px solid #00FF00;
1889 background-color: #CCFFCC;
1894 .uci-change-list del,
1895 .uci-change-legend-label del {
1896 text-decoration: none;
1897 border: 1px solid #FF0000;
1898 background-color: #FFCCCC;
1904 .uci-change-list var,
1905 .uci-change-legend-label var {
1906 text-decoration: none;
1907 border: 1px solid #CCCCCC;
1908 background-color: #EEEEEE;
1914 .uci-change-list var ins,
1915 .uci-change-list var del {
1916 /*display: inline;*/
1923 .uci-change-legend {
1927 .uci-change-legend-label {
1932 .uci-change-legend-label>ins,
1933 .uci-change-legend-label>del,
1934 .uci-change-legend-label>var {
1942 .uci-change-legend-label var ins,
1943 .uci-change-legend-label var del {