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;
424 form .cbi-tab-descr {
436 form .clearfix:before, form .clearfix:after,
437 form .cbi-value:before, form .cbi-value:after {
444 form .cbi-value:after {
452 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
459 form .cbi-value-field {
463 form .cbi-value label.cbi-value-title {
473 input[type=checkbox], input[type=radio] {
481 display: inline-block;
488 border: 1px solid #ccc;
489 -webkit-border-radius: 3px;
490 -moz-border-radius: 3px;
498 input[type=checkbox], input[type=radio] {
511 background-color: #ffffff;
514 line-height: initial;
515 -webkit-box-shadow: none;
516 -moz-box-shadow: none;
518 width: auto !important;
521 input[type=button], input[type=reset], input[type=submit] {
526 select, input[type=file] {
529 /* For IE7, add top margin to align select with labels */
534 background-color: #ffffff;
542 background-color: #ffffff;
545 -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
546 -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
547 box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
555 ::-webkit-input-placeholder {
560 -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
561 -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
562 -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
563 -o-transition: border linear 0.2s, box-shadow linear 0.2s;
564 transition: border linear 0.2s, box-shadow linear 0.2s;
565 -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
566 -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
567 box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
570 input:focus, textarea:focus {
572 border-color: rgba(82, 168, 236, 0.8);
573 -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
574 -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
575 box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
578 input[type=file]:focus, input[type=checkbox]:focus, select:focus {
579 -webkit-box-shadow: none;
580 -moz-box-shadow: none;
582 outline: 1px dotted #666;
585 form .clearfix.error > label, form .clearfix.error .help-block, form .clearfix.error .help-inline {
589 form .clearfix.error input, form .clearfix.error textarea {
591 border-color: #ee5f5b;
594 form .clearfix.error input:focus, form .clearfix.error textarea:focus {
595 border-color: #e9322d;
596 -webkit-box-shadow: 0 0 6px #f8b9b7;
597 -moz-box-shadow: 0 0 6px #f8b9b7;
598 box-shadow: 0 0 6px #f8b9b7;
601 form .clearfix.error .input-prepend .add-on, form .clearfix.error .input-append .add-on {
603 background-color: #fce6e6;
604 border-color: #b94a48;
607 form .clearfix.warning > label, form .clearfix.warning .help-block, form .clearfix.warning .help-inline {
611 form .clearfix.warning input, form .clearfix.warning textarea {
613 border-color: #ccae64;
616 form .clearfix.warning input:focus, form .clearfix.warning textarea:focus {
617 border-color: #be9a3f;
618 -webkit-box-shadow: 0 0 6px #e5d6b1;
619 -moz-box-shadow: 0 0 6px #e5d6b1;
620 box-shadow: 0 0 6px #e5d6b1;
623 form .clearfix.warning .input-prepend .add-on, form .clearfix.warning .input-append .add-on {
625 background-color: #d2b877;
626 border-color: #c09853;
629 form .clearfix.success > label, form .clearfix.success .help-block, form .clearfix.success .help-inline {
633 form .clearfix.success input, form .clearfix.success textarea {
635 border-color: #57a957;
638 form .clearfix.success input:focus, form .clearfix.success textarea:focus {
639 border-color: #458845;
640 -webkit-box-shadow: 0 0 6px #9acc9a;
641 -moz-box-shadow: 0 0 6px #9acc9a;
642 box-shadow: 0 0 6px #9acc9a;
645 form .clearfix.success .input-prepend .add-on, form .clearfix.success .input-append .add-on {
647 background-color: #bcddbc;
648 border-color: #468847;
657 background-color: #f5f5f5;
665 padding: 17px 20px 18px 150px;
666 border-top: 1px solid #ddd;
667 -webkit-border-radius: 0 0 3px 3px;
668 -moz-border-radius: 0 0 3px 3px;
669 border-radius: 0 0 3px 3px;
673 .actions .secondary-action,
674 .cbi-page-actions .secondary-action{
678 .actions .secondary-action a,
679 .cbi-page-actions .secondary-action a {
683 .actions .secondary-action a:hover,
684 .cbi-page-actions .secondary-action a:hover {
685 text-decoration: underline;
688 .help-inline, .help-block {
711 * Tables for, you guessed it, tabular data
712 * ---------------------------------------- */
718 border-collapse: collapse;
722 padding: 10px 10px 9px;
730 vertical-align: middle;
735 border-top: 1px solid #ddd;
739 border-top: 1px solid #ddd;
744 * Repeatable UI elements outside the base styles provided from the scaffolding
745 * ---------------------------------------------------------------------------- */
759 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
762 header h3 a:hover, header .brand:hover, header ul .active > a {
763 background-color: #333;
764 background-color: rgba(255, 255, 255, 0.05);
766 text-decoration: none;
773 header h3 a, header .brand {
776 padding: 8px 20px 12px;
790 background-color: #222;
791 background-color: #222222;
792 background-repeat: repeat-x;
793 background-image: -khtml-gradient(linear, left top, left bottom, from(#333333), to(#222222));
794 background-image: -moz-linear-gradient(top, #333333, #222222);
795 background-image: -ms-linear-gradient(top, #333333, #222222);
796 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #222222));
797 background-image: -webkit-linear-gradient(top, #333333, #222222);
798 background-image: -o-linear-gradient(top, #333333, #222222);
799 background-image: linear-gradient(top, #333333, #222222);
800 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0);
801 -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
802 -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
803 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
807 header div > ul, .nav {
815 header div > ul > li, .nav > li {
820 header div > ul a, .nav a {
823 padding: 10px 10px 11px;
825 text-decoration: none;
828 header div > ul a:hover, .nav a:hover {
830 text-decoration: none;
833 header div > ul .active > a, .nav .active > a {
834 background-color: #222;
835 background-color: rgba(0, 0, 0, 0.5);
838 header div > ul.secondary-nav, .nav.secondary-nav {
844 header div > ul.secondary-nav .menu-dropdown,
845 .nav.secondary-nav .menu-dropdown,
846 header div > ul.secondary-nav .dropdown-menu,
847 .nav.secondary-nav .dropdown-menu {
852 header div > ul a.menu:hover,
854 header div > ul li.open .menu,
856 header div > ul .dropdown-toggle:hover,
857 .nav .dropdown-toggle:hover,
858 header div > ul .dropdown.open .dropdown-toggle,
859 .nav .dropdown.open .dropdown-toggle {
861 background: rgba(255, 255, 255, 0.05);
864 header div > ul .menu-dropdown,
866 header div > ul .dropdown-menu,
867 .nav .dropdown-menu {
868 background-color: #333;
871 header div > ul .menu-dropdown a.menu,
872 .nav .menu-dropdown a.menu,
873 header div > ul .dropdown-menu a.menu,
874 .nav .dropdown-menu a.menu,
875 header div > ul .menu-dropdown .dropdown-toggle,
876 .nav .menu-dropdown .dropdown-toggle,
877 header div > ul .dropdown-menu .dropdown-toggle,
878 .nav .dropdown-menu .dropdown-toggle {
882 header div > ul .menu-dropdown a.menu.open,
883 .nav .menu-dropdown a.menu.open,
884 header div > ul .dropdown-menu a.menu.open,
885 .nav .dropdown-menu a.menu.open,
886 header div > ul .menu-dropdown .dropdown-toggle.open,
887 .nav .menu-dropdown .dropdown-toggle.open,
888 header div > ul .dropdown-menu .dropdown-toggle.open,
889 .nav .dropdown-menu .dropdown-toggle.open {
891 background: rgba(255, 255, 255, 0.05);
894 header div > ul .menu-dropdown li a,
895 .nav .menu-dropdown li a,
896 header div > ul .dropdown-menu li a,
897 .nav .dropdown-menu li a {
899 text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
902 header div > ul .menu-dropdown li a:hover,
903 .nav .menu-dropdown li a:hover,
904 header div > ul .dropdown-menu li a:hover,
905 .nav .dropdown-menu li a:hover {
906 background-color: #191919;
907 background-repeat: repeat-x;
908 background-image: -khtml-gradient(linear, left top, left bottom, from(#292929), to(#191919));
909 background-image: -moz-linear-gradient(top, #292929, #191919);
910 background-image: -ms-linear-gradient(top, #292929, #191919);
911 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #292929), color-stop(100%, #191919));
912 background-image: -webkit-linear-gradient(top, #292929, #191919);
913 background-image: -o-linear-gradient(top, #292929, #191919);
914 background-image: linear-gradient(top, #292929, #191919);
915 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#292929', endColorstr='#191919', GradientType=0);
919 header div > ul .menu-dropdown .active a,
920 .nav .menu-dropdown .active a,
921 header div > ul .dropdown-menu .active a,
922 .nav .dropdown-menu .active a {
926 header div > ul .menu-dropdown .divider,
927 .nav .menu-dropdown .divider,
928 header div > ul .dropdown-menu .divider,
929 .nav .dropdown-menu .divider {
930 background-color: #222;
934 header ul .menu-dropdown li a, header ul .dropdown-menu li a {
942 a.menu:after, .dropdown-toggle:after {
945 display: inline-block;
947 text-indent: -99999px;
951 border-left: 4px solid transparent;
952 border-right: 4px solid transparent;
953 border-top: 4px solid #ffffff;
954 filter: alpha(opacity=50);
960 .menu-dropdown, .dropdown-menu {
961 background-color: #ffffff;
975 border-color: rgba(0, 0, 0, 0.2);
977 border-width: 0 1px 1px;
978 -webkit-border-radius: 0 0 6px 6px;
979 -moz-border-radius: 0 0 6px 6px;
980 border-radius: 0 0 6px 6px;
981 -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
982 -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
983 box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
984 -webkit-background-clip: padding-box;
985 -moz-background-clip: padding-box;
986 background-clip: padding-box;
989 .menu-dropdown li, .dropdown-menu li {
992 background-color: none;
995 .menu-dropdown .divider, .dropdown-menu .divider {
999 background-color: #eee;
1000 border-bottom: 1px solid #ffffff;
1003 header .dropdown-menu a, .dropdown-menu a {
1007 font-weight: normal;
1010 text-shadow: 0 1px 0 #ffffff;
1013 header .dropdown-menu a:hover,
1014 .dropdown-menu a:hover,
1015 header .dropdown-menu a.hover,
1016 .dropdown-menu a.hover {
1017 background-color: #dddddd;
1018 background-repeat: repeat-x;
1019 background-image: -khtml-gradient(linear, left top, left bottom, from(#eeeeee), to(#dddddd));
1020 background-image: -moz-linear-gradient(top, #eeeeee, #dddddd);
1021 background-image: -ms-linear-gradient(top, #eeeeee, #dddddd);
1022 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #dddddd));
1023 background-image: -webkit-linear-gradient(top, #eeeeee, #dddddd);
1024 background-image: -o-linear-gradient(top, #eeeeee, #dddddd);
1025 background-image: linear-gradient(top, #eeeeee, #dddddd);
1026 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#dddddd', GradientType=0);
1028 text-decoration: none;
1029 -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.025), inset 0 -1px rgba(0, 0, 0, 0.025);
1030 -moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.025), inset 0 -1px rgba(0, 0, 0, 0.025);
1031 box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.025), inset 0 -1px rgba(0, 0, 0, 0.025);
1035 .dropdown.open .menu,
1036 .open .dropdown-toggle,
1037 .dropdown.open .dropdown-toggle {
1040 background: rgba(0, 0, 0, 0.3);
1043 .open .menu-dropdown,
1044 .dropdown.open .menu-dropdown,
1045 .open .dropdown-menu,
1046 .dropdown.open .dropdown-menu {
1050 .dropdown:hover ul.dropdown-menu {
1054 .dropdown-menu .dropdown-menu {
1063 .tabs, .cbi-tabmenu {
1071 .cbi-tabmenu:before,
1073 .cbi-tabmenu:after {
1079 .tabs:after, .cbi-tabmenu:after {
1083 .tabs > li, .cbi-tabmenu > li {
1087 .tabs > li > a, .cbi-tabmenu > li > a {
1094 border-style: solid;
1095 border-width: 0 0 1px;
1101 margin-bottom: -1px;
1105 .cbi-tabmenu > li > a {
1109 border: 1px solid transparent;
1110 -webkit-border-radius: 4px 4px 0 0;
1111 -moz-border-radius: 4px 4px 0 0;
1112 border-radius: 4px 4px 0 0;
1115 .tabs > li > a:hover,
1116 .cbi-tabmenu > li > a:hover {
1117 text-decoration: none;
1118 background-color: #eee;
1119 border-color: #eee #eee #ddd;
1122 .tabs .active > a, .tabs .active > a:hover,
1123 .cbi-tabmenu .active > a, .cbi-tabmenu .active > a:hover,
1124 .cbi-tab > a:link, .cbi-tab > a:hover {
1126 background-color: #ffffff;
1127 border: 1px solid #ddd;
1128 border-bottom-color: transparent;
1132 .tabs .menu-dropdown, .tabs .dropdown-menu,
1133 .cbi-tabmenu .menu-dropdown, .cbi-tabmenu .dropdown-menu {
1136 -webkit-border-radius: 0 6px 6px 6px;
1137 -moz-border-radius: 0 6px 6px 6px;
1138 border-radius: 0 6px 6px 6px;
1141 .tabs a.menu:after, .tabs .dropdown-toggle:after,
1142 .cbi-tabmenu a.menu:after, .cbi-tabmenu .dropdown-toggle:after {
1143 border-top-color: #999;
1148 .tabs li.open.menu .menu, .tabs .open.dropdown .dropdown-toggle,
1149 .cbi-tabmenu li.open.menu .menu, .cbi-tabmenu .open.dropdown .dropdown-toggle {
1153 .tabs li.open a.menu:after, .tabs .dropdown.open .dropdown-toggle:after,
1154 .cbi-tabmenu li.open a.menu:after, .cbi-tabmenu .dropdown.open .dropdown-toggle:after {
1155 border-top-color: #555;
1158 .tab-content > .tab-pane,
1159 .tab-content > div {
1163 .tab-content > .active {
1170 background-color: #f5f5f5;
1171 background-repeat: repeat-x;
1172 background-image: -khtml-gradient(linear, left top, left bottom, from(#ffffff), to(#f5f5f5));
1173 background-image: -moz-linear-gradient(top, #ffffff, #f5f5f5);
1174 background-image: -ms-linear-gradient(top, #ffffff, #f5f5f5);
1175 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f5f5f5));
1176 background-image: -webkit-linear-gradient(top, #ffffff, #f5f5f5);
1177 background-image: -o-linear-gradient(top, #ffffff, #f5f5f5);
1178 background-image: linear-gradient(top, #ffffff, #f5f5f5);
1179 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5', GradientType=0);
1180 border: 1px solid #ddd;
1181 -webkit-border-radius: 3px;
1182 -moz-border-radius: 3px;
1184 -webkit-box-shadow: inset 0 1px 0 #ffffff;
1185 -moz-box-shadow: inset 0 1px 0 #ffffff;
1186 box-shadow: inset 0 1px 0 #ffffff;
1191 text-shadow: 0 1px 0 #ffffff;
1194 .breadcrumb .divider {
1199 .breadcrumb .active a {
1206 border-top: 1px solid #eee;
1210 .alert-message.danger,
1212 .alert-message.danger:hover,
1214 .alert-message.error,
1216 .alert-message.error:hover,
1218 .alert-message.success,
1220 .alert-message.success:hover,
1222 .alert-message.info,
1224 .alert-message.info:hover {
1228 .btn .close, .alert-message .close {
1229 font-family: Arial, sans-serif;
1234 .alert-message.danger,
1236 .alert-message.error {
1237 background-color: #c43c35;
1238 background-repeat: repeat-x;
1239 background-image: -khtml-gradient(linear, left top, left bottom, from(#ee5f5b), to(#c43c35));
1240 background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
1241 background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35);
1242 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee5f5b), color-stop(100%, #c43c35));
1243 background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
1244 background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
1245 background-image: linear-gradient(top, #ee5f5b, #c43c35);
1246 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0);
1247 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
1248 border-color: #c43c35 #c43c35 #882a25;
1249 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
1252 .btn.success, .alert-message.success {
1253 background-color: #57a957;
1254 background-repeat: repeat-x;
1255 background-image: -khtml-gradient(linear, left top, left bottom, from(#62c462), to(#57a957));
1256 background-image: -moz-linear-gradient(top, #62c462, #57a957);
1257 background-image: -ms-linear-gradient(top, #62c462, #57a957);
1258 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #62c462), color-stop(100%, #57a957));
1259 background-image: -webkit-linear-gradient(top, #62c462, #57a957);
1260 background-image: -o-linear-gradient(top, #62c462, #57a957);
1261 background-image: linear-gradient(top, #62c462, #57a957);
1262 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0);
1263 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
1264 border-color: #57a957 #57a957 #3d773d;
1265 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
1268 .btn.info, .alert-message.info {
1269 background-color: #339bb9;
1270 background-repeat: repeat-x;
1271 background-image: -khtml-gradient(linear, left top, left bottom, from(#5bc0de), to(#339bb9));
1272 background-image: -moz-linear-gradient(top, #5bc0de, #339bb9);
1273 background-image: -ms-linear-gradient(top, #5bc0de, #339bb9);
1274 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5bc0de), color-stop(100%, #339bb9));
1275 background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9);
1276 background-image: -o-linear-gradient(top, #5bc0de, #339bb9);
1277 background-image: linear-gradient(top, #5bc0de, #339bb9);
1278 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#339bb9', GradientType=0);
1279 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
1280 border-color: #339bb9 #339bb9 #22697d;
1281 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
1287 display: inline-block;
1288 background-color: #e6e6e6;
1289 background-repeat: no-repeat;
1290 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
1291 background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1292 background-image: -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
1293 background-image: -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1294 background-image: -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1295 background-image: linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1296 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
1297 padding: 5px 14px 6px;
1298 text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
1301 line-height: normal;
1302 border: 1px solid #ccc;
1303 border-bottom-color: #bbb;
1304 -webkit-border-radius: 4px;
1305 -moz-border-radius: 4px;
1307 -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
1308 -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
1309 box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
1315 text-decoration: none;
1320 outline: 1px dotted #666;
1324 .cbi-page-actions .cbi-button-apply,
1325 .cbi-page-actions .cbi-button-save,
1326 .cbi-page-actions .cbi-button-reset {
1328 padding: 5px 14px 6px;
1329 background-color: #0064cd;
1330 background-repeat: repeat-x;
1331 background-image: -khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd));
1332 background-image: -moz-linear-gradient(top, #049cdb, #0064cd);
1333 background-image: -ms-linear-gradient(top, #049cdb, #0064cd);
1334 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #049cdb), color-stop(100%, #0064cd));
1335 background-image: -webkit-linear-gradient(top, #049cdb, #0064cd);
1336 background-image: -o-linear-gradient(top, #049cdb, #0064cd);
1337 background-image: linear-gradient(top, #049cdb, #0064cd);
1338 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb', endColorstr='#0064cd', GradientType=0);
1339 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
1340 border-color: #0064cd #0064cd #003f81;
1341 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
1345 .cbi-value-error input {
1347 border-color: #FF0000;
1352 background-position: center center;
1353 background-image: url('../resources/cbi/up.gif'), -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
1354 background-image: url('../resources/cbi/up.gif'), -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1355 background-image: url('../resources/cbi/up.gif'), -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
1356 background-image: url('../resources/cbi/up.gif'), -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1357 background-image: url('../resources/cbi/up.gif'), -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1358 background-image: url('../resources/cbi/up.gif'), linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1363 background-position: center center;
1364 background-image: url('../resources/cbi/down.gif'), -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
1365 background-image: url('../resources/cbi/down.gif'), -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1366 background-image: url('../resources/cbi/down.gif'), -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
1367 background-image: url('../resources/cbi/down.gif'), -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1368 background-image: url('../resources/cbi/down.gif'), -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1369 background-image: url('../resources/cbi/down.gif'), linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1374 background-position: 6px center, left top;
1376 background-image: url('../resources/cbi/find.gif'), -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
1377 background-image: url('../resources/cbi/find.gif'), -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1378 background-image: url('../resources/cbi/find.gif'), -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
1379 background-image: url('../resources/cbi/find.gif'), -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1380 background-image: url('../resources/cbi/find.gif'), -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1381 background-image: url('../resources/cbi/find.gif'), linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1386 background-position: 6px center, left top;
1388 background-image: url('../resources/cbi/add.gif'), -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
1389 background-image: url('../resources/cbi/add.gif'), -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1390 background-image: url('../resources/cbi/add.gif'), -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
1391 background-image: url('../resources/cbi/add.gif'), -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1392 background-image: url('../resources/cbi/add.gif'), -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1393 background-image: url('../resources/cbi/add.gif'), linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1398 background-position: 6px center, left top;
1400 background-image: url('../resources/cbi/apply.gif'), -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
1401 background-image: url('../resources/cbi/apply.gif'), -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1402 background-image: url('../resources/cbi/apply.gif'), -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
1403 background-image: url('../resources/cbi/apply.gif'), -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1404 background-image: url('../resources/cbi/apply.gif'), -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1405 background-image: url('../resources/cbi/apply.gif'), linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1410 background-position: 6px center, left top;
1412 background-image: url('../resources/cbi/reset.gif'), -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
1413 background-image: url('../resources/cbi/reset.gif'), -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1414 background-image: url('../resources/cbi/reset.gif'), -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
1415 background-image: url('../resources/cbi/reset.gif'), -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1416 background-image: url('../resources/cbi/reset.gif'), -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1417 background-image: url('../resources/cbi/reset.gif'), linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1422 background-position: 6px center, left top;
1424 background-image: url('../resources/cbi/edit.gif'), -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
1425 background-image: url('../resources/cbi/edit.gif'), -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1426 background-image: url('../resources/cbi/edit.gif'), -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
1427 background-image: url('../resources/cbi/edit.gif'), -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1428 background-image: url('../resources/cbi/edit.gif'), -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1429 background-image: url('../resources/cbi/edit.gif'), linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1434 background-position: 6px center, left top;
1436 background-image: url('../resources/cbi/remove.gif'), -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
1437 background-image: url('../resources/cbi/remove.gif'), -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1438 background-image: url('../resources/cbi/remove.gif'), -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
1439 background-image: url('../resources/cbi/remove.gif'), -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1440 background-image: url('../resources/cbi/remove.gif'), -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1441 background-image: url('../resources/cbi/remove.gif'), linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1446 background-position: 6px center, left top;
1448 background-image: url('../resources/cbi/reload.gif'), -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
1449 background-image: url('../resources/cbi/reload.gif'), -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1450 background-image: url('../resources/cbi/reload.gif'), -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
1451 background-image: url('../resources/cbi/reload.gif'), -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1452 background-image: url('../resources/cbi/reload.gif'), -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1453 background-image: url('../resources/cbi/reload.gif'), linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1458 background-position: 6px center, left top;
1460 background-image: url('../resources/cbi/link.gif'), -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
1461 background-image: url('../resources/cbi/link.gif'), -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1462 background-image: url('../resources/cbi/link.gif'), -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
1463 background-image: url('../resources/cbi/link.gif'), -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1464 background-image: url('../resources/cbi/link.gif'), -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1465 background-image: url('../resources/cbi/link.gif'), linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1468 .cbi-button-download,
1469 .cbi-input-download {
1470 background-position: 6px center, left top;
1472 background-image: url('../resources/cbi/download.gif'), -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
1473 background-image: url('../resources/cbi/download.gif'), -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1474 background-image: url('../resources/cbi/download.gif'), -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
1475 background-image: url('../resources/cbi/download.gif'), -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1476 background-image: url('../resources/cbi/download.gif'), -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1477 background-image: url('../resources/cbi/download.gif'), linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1480 .btn.active, .btn:active {
1481 -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
1482 -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
1483 box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
1488 background-image: none;
1489 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
1490 filter: alpha(opacity=65);
1491 -khtml-opacity: 0.65;
1494 -webkit-box-shadow: none;
1495 -moz-box-shadow: none;
1501 background-image: none;
1502 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
1503 filter: alpha(opacity=65);
1504 -khtml-opacity: 0.65;
1507 -webkit-box-shadow: none;
1508 -moz-box-shadow: none;
1514 line-height: normal;
1515 padding: 9px 14px 9px;
1516 -webkit-border-radius: 6px;
1517 -moz-border-radius: 6px;
1522 padding: 7px 9px 7px;
1526 /* Button icons for specific pages */
1527 .Startup .cbi-section-table input.cbi-input-apply,
1528 .Startup .cbi-section-table input.cbi-button-apply {
1529 background-image: url("../resources/cbi/apply.gif");
1530 background-position: 7px 4px;
1531 padding: 3px 9px 3px 27px;
1534 .Processes .cbi-section-table input.cbi-input-reload,
1535 .Startup .cbi-section-table input.cbi-input-reload {
1536 background-image: url("../resources/cbi/reload.gif");
1537 background-position: 7px 4px;
1538 padding: 3px 9px 3px 27px;
1541 .Processes .cbi-section-table input.cbi-input-remove,
1542 .Processes .cbi-section-table div.cbi-section-remove input,
1543 .Startup .cbi-section-table input.cbi-input-remove,
1544 .Startup .cbi-section-table div.cbi-section-remove input {
1545 background-image: url("../resources/cbi/remove.gif");
1546 background-position: 7px 4px;
1547 padding: 3px 9px 3px 27px;
1550 .Processes .cbi-section-table input.cbi-input-reset,
1551 .Processes .cbi-section-table input.cbi-button-reset,
1552 .Startup .cbi-section-table input.cbi-input-reset,
1553 .Startup .cbi-section-table input.cbi-button-reset {
1554 background-image: url("../resources/cbi/reset.gif");
1555 background-position: 7px 4px;
1556 padding: 3px 9px 3px 27px;
1559 .Startup .cbi-section-table input.cbi-input-save,
1560 .Startup .cbi-section-table input.cbi-button-save {
1561 background-image: url("../resources/cbi/save.gif");
1562 background-position: 7px 4px;
1563 padding: 3px 9px 3px 27px;
1566 :root .alert-message, :root .btn {
1570 button.btn::-moz-focus-inner, input[type=submit].btn::-moz-focus-inner {
1580 line-height: 13.5px;
1581 text-shadow: 0 1px 0 #ffffff;
1582 filter: alpha(opacity=25);
1583 -khtml-opacity: 0.25;
1590 text-decoration: none;
1591 filter: alpha(opacity=40);
1592 -khtml-opacity: 0.4;
1600 margin-bottom: 18px;
1602 background-color: #eedc94;
1603 background-repeat: repeat-x;
1604 background-image: -khtml-gradient(linear, left top, left bottom, from(#fceec1), to(#eedc94));
1605 background-image: -moz-linear-gradient(top, #fceec1, #eedc94);
1606 background-image: -ms-linear-gradient(top, #fceec1, #eedc94);
1607 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fceec1), color-stop(100%, #eedc94));
1608 background-image: -webkit-linear-gradient(top, #fceec1, #eedc94);
1609 background-image: -o-linear-gradient(top, #fceec1, #eedc94);
1610 background-image: linear-gradient(top, #fceec1, #eedc94);
1611 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fceec1', endColorstr='#eedc94', GradientType=0);
1612 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
1613 border-color: #eedc94 #eedc94 #e4c652;
1614 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
1615 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
1617 border-style: solid;
1618 -webkit-border-radius: 4px;
1619 -moz-border-radius: 4px;
1621 -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
1622 -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
1623 box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
1626 .alert-message .close {
1636 .alert-message.danger p a,
1637 .alert-message.error p a,
1638 .alert-message.success p a,
1639 .alert-message.info p a {
1651 .alert-message div {
1657 .alert-message .btn {
1658 -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
1659 -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
1660 box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
1664 padding: 1px 3px 2px;
1667 color: #ffffff !important;
1668 text-transform: uppercase;
1669 white-space: nowrap;
1670 background-color: #bfbfbf;
1671 -webkit-border-radius: 3px;
1672 -moz-border-radius: 3px;
1683 text-decoration: none;
1687 background-color: #c43c35;
1691 background-color: #f89406;
1695 background-color: #46a546;
1699 background-color: #62cffc;
1702 /* LuCI specific items */
1703 .hidden { display: none }
1710 border: 1px solid #CCCCCC;
1711 border-radius: 3px 3px 3px 3px;
1713 display: inline-block;
1723 form.inline { display: inline }
1725 header .pull-right { padding-top: 8px; }
1727 #modemenu li:last-child span.divider { display: none }
1729 #syslog { width: 100%; }
1731 .cbi-section-table tbody tr:nth-child(odd) td, .cbi-section-table tbody tr:nth-child(odd) th {
1732 background-color: #f9f9f9;
1735 .cbi-section-table tbody tr:hover td, .cbi-section-table tbody tr:hover th {
1736 background-color: #f5f5f5;
1739 .cbi-section-table tr.cbi-section-table-descr th {
1740 font-weight: normal;
1743 .left { text-align: left !important; }
1745 .right { text-align: right !important; }
1747 .cbi-value-field { line-height: 1.5em; }
1749 .cbi-value-field input[type=checkbox],
1750 .cbi-value-field input[type=radio] {
1756 .cbi-value-field table td {
1760 table.cbi-section-table input,
1761 table.cbi-section-table textarea,
1762 table.cbi-section-table select {
1766 table.cbi-section-table td.cbi-section-table-cell {
1767 white-space: nowrap;
1771 table.cbi-section-table td.cbi-section-table-cell select {
1775 .cbi-value-description { display: inline; }
1777 .cbi-value-description img { vertical-align: middle; }
1779 .cbi-section-error {
1780 border: 1px solid #FF0000;
1782 background-color: #FCE6E6;
1786 .cbi-section-error ul { margin: 0 0 0 20px; }
1788 .cbi-section-error ul li {
1794 background-color: #FFFFFF;
1795 border: 1px solid #CCCCCC;
1798 white-space: nowrap;
1799 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
1800 background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1801 background-image: -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
1802 background-image: -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1803 background-image: -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1804 background-image: linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1805 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
1806 text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
1807 -webkit-border-radius: 4px;
1808 -moz-border-radius: 4px;
1810 -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
1811 -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
1812 box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
1815 .ifacebox .ifacebox-head {
1816 border-bottom: 1px solid #CCCCCC;
1820 .ifacebox .ifacebox-body {
1825 display: inline-block;
1826 white-space: nowrap;
1827 background-color: #FFFFFF;
1828 border: 1px solid #CCCCCC;
1831 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
1832 background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1833 background-image: -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
1834 background-image: -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1835 background-image: -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1836 background-image: linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1837 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
1838 text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
1839 -webkit-border-radius: 4px;
1840 -moz-border-radius: 4px;
1842 -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
1843 -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
1844 box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
1847 .ifacebadge-active {
1848 border-color: #000000;
1855 display: inline-block;
1856 white-space: nowrap;
1858 text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
1863 .zonebadge > strong {
1865 display: inline-block;
1873 border: 1px dashed #AAAAAA;
1880 td.cbi-value-field var {
1886 font-family: monospace;
1889 .uci-change-list ins,
1890 .uci-change-legend-label ins {
1891 text-decoration: none;
1892 border: 1px solid #00FF00;
1893 background-color: #CCFFCC;
1898 .uci-change-list del,
1899 .uci-change-legend-label del {
1900 text-decoration: none;
1901 border: 1px solid #FF0000;
1902 background-color: #FFCCCC;
1908 .uci-change-list var,
1909 .uci-change-legend-label var {
1910 text-decoration: none;
1911 border: 1px solid #CCCCCC;
1912 background-color: #EEEEEE;
1918 .uci-change-list var ins,
1919 .uci-change-list var del {
1920 /*display: inline;*/
1927 .uci-change-legend {
1931 .uci-change-legend-label {
1936 .uci-change-legend-label > ins,
1937 .uci-change-legend-label > del,
1938 .uci-change-legend-label > var {
1946 .uci-change-legend-label var ins,
1947 .uci-change-legend-label var del {