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;
141 input[type="button"][disabled],
142 input[type="reset"][disabled],
143 input[type="submit"][disabled] {
147 input[type="search"] {
148 -webkit-appearance: textfield;
149 -webkit-box-sizing: content-box;
150 -moz-box-sizing: content-box;
151 box-sizing: content-box;
154 input[type="search"]::-webkit-search-decoration {
155 -webkit-appearance: none;
165 * Basic and global styles for generating a grid system, structural layout, and page templates
166 * ------------------------------------------------------------------------------------------- */
168 background-color: #ffffff;
170 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
186 .container:before, .container:after {
198 text-decoration: none;
199 line-height: inherit;
200 font-weight: inherit;
205 text-decoration: underline;
217 * Headings, body text, lists, code, and more for a versatile and durable typography system
218 * ---------------------------------------------------------------------------------------- */
301 text-transform: uppercase;
305 margin: 0 0 18px 25px;
352 border-bottom: 1px solid #eee;
362 font-weight: inherit;
363 line-height: inherit;
366 small { font-size: 0.9em }
376 font-family: Monaco, Andale Mono, Courier New, monospace;
378 -webkit-border-radius: 3px;
379 -moz-border-radius: 3px;
384 background-color: #fee9cc;
385 color: rgba(0, 0, 0, 0.75);
390 background-color: #f5f5f5;
396 border: 1px solid #ccc;
397 border: 1px solid rgba(0, 0, 0, 0.15);
398 -webkit-border-radius: 3px;
399 -moz-border-radius: 3px;
402 white-space: pre-wrap;
403 word-wrap: break-word;
407 * Base styles for various input types, form layouts, and states
408 * ------------------------------------------------------------- */
424 *padding: 0 0 5px 0px;
431 form .cbi-tab-descr {
443 form .clearfix:before, form .clearfix:after,
444 form .cbi-value:before, form .cbi-value:after {
451 form .cbi-value:after {
459 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
466 form .cbi-value-field {
470 form .cbi-value label.cbi-value-title {
480 input[type=checkbox], input[type=radio] {
488 display: inline-block;
495 border: 1px solid #ccc;
496 -webkit-border-radius: 3px;
497 -moz-border-radius: 3px;
505 input[type=checkbox], input[type=radio] {
518 background-color: #ffffff;
521 line-height: initial;
522 -webkit-box-shadow: none;
523 -moz-box-shadow: none;
525 width: auto !important;
528 input[type=button], input[type=reset], input[type=submit] {
533 select, input[type=file] {
536 /* For IE7, add top margin to align select with labels */
541 background-color: #ffffff;
549 background-color: #ffffff;
552 -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
553 -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
554 box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
562 ::-webkit-input-placeholder {
567 -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
568 -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
569 -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
570 -o-transition: border linear 0.2s, box-shadow linear 0.2s;
571 transition: border linear 0.2s, box-shadow linear 0.2s;
572 -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
573 -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
574 box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
577 input:focus, textarea:focus {
579 border-color: rgba(82, 168, 236, 0.8);
580 -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
581 -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
582 box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
585 input[type=file]:focus, input[type=checkbox]:focus, select:focus {
586 -webkit-box-shadow: none;
587 -moz-box-shadow: none;
589 outline: 1px dotted #666;
592 form .clearfix.error > label, form .clearfix.error .help-block, form .clearfix.error .help-inline {
596 form .clearfix.error input, form .clearfix.error textarea {
598 border-color: #ee5f5b;
601 form .clearfix.error input:focus, form .clearfix.error textarea:focus {
602 border-color: #e9322d;
603 -webkit-box-shadow: 0 0 6px #f8b9b7;
604 -moz-box-shadow: 0 0 6px #f8b9b7;
605 box-shadow: 0 0 6px #f8b9b7;
608 form .clearfix.error .input-prepend .add-on, form .clearfix.error .input-append .add-on {
610 background-color: #fce6e6;
611 border-color: #b94a48;
614 form .clearfix.warning > label, form .clearfix.warning .help-block, form .clearfix.warning .help-inline {
618 form .clearfix.warning input, form .clearfix.warning textarea {
620 border-color: #ccae64;
623 form .clearfix.warning input:focus, form .clearfix.warning textarea:focus {
624 border-color: #be9a3f;
625 -webkit-box-shadow: 0 0 6px #e5d6b1;
626 -moz-box-shadow: 0 0 6px #e5d6b1;
627 box-shadow: 0 0 6px #e5d6b1;
630 form .clearfix.warning .input-prepend .add-on, form .clearfix.warning .input-append .add-on {
632 background-color: #d2b877;
633 border-color: #c09853;
636 form .clearfix.success > label, form .clearfix.success .help-block, form .clearfix.success .help-inline {
640 form .clearfix.success input, form .clearfix.success textarea {
642 border-color: #57a957;
645 form .clearfix.success input:focus, form .clearfix.success textarea:focus {
646 border-color: #458845;
647 -webkit-box-shadow: 0 0 6px #9acc9a;
648 -moz-box-shadow: 0 0 6px #9acc9a;
649 box-shadow: 0 0 6px #9acc9a;
652 form .clearfix.success .input-prepend .add-on, form .clearfix.success .input-append .add-on {
654 background-color: #bcddbc;
655 border-color: #468847;
664 background-color: #f5f5f5;
672 padding: 17px 20px 18px 150px;
673 border-top: 1px solid #ddd;
674 -webkit-border-radius: 0 0 3px 3px;
675 -moz-border-radius: 0 0 3px 3px;
676 border-radius: 0 0 3px 3px;
680 .actions .secondary-action,
681 .cbi-page-actions .secondary-action{
685 .actions .secondary-action a,
686 .cbi-page-actions .secondary-action a {
690 .actions .secondary-action a:hover,
691 .cbi-page-actions .secondary-action a:hover {
692 text-decoration: underline;
695 .help-inline, .help-block {
718 * Tables for, you guessed it, tabular data
719 * ---------------------------------------- */
725 border-collapse: collapse;
729 padding: 10px 10px 9px;
737 vertical-align: middle;
742 border-top: 1px solid #ddd;
746 border-top: 1px solid #ddd;
751 * Repeatable UI elements outside the base styles provided from the scaffolding
752 * ---------------------------------------------------------------------------- */
766 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
769 header h3 a:hover, header .brand:hover, header ul .active > a {
770 background-color: #333;
771 background-color: rgba(255, 255, 255, 0.05);
773 text-decoration: none;
780 header h3 a, header .brand {
783 padding: 8px 20px 12px;
797 background-color: #222;
798 background-color: #222222;
799 background-repeat: repeat-x;
800 background-image: -khtml-gradient(linear, left top, left bottom, from(#333333), to(#222222));
801 background-image: -moz-linear-gradient(top, #333333, #222222);
802 background-image: -ms-linear-gradient(top, #333333, #222222);
803 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #222222));
804 background-image: -webkit-linear-gradient(top, #333333, #222222);
805 background-image: -o-linear-gradient(top, #333333, #222222);
806 background-image: linear-gradient(top, #333333, #222222);
807 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0);
808 -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
809 -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
810 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
814 header div > ul, .nav {
822 header div > ul > li, .nav > li {
827 header div > ul a, .nav a {
830 padding: 10px 10px 11px;
832 text-decoration: none;
835 header div > ul a:hover, .nav a:hover {
837 text-decoration: none;
840 header div > ul .active > a, .nav .active > a {
841 background-color: #222;
842 background-color: rgba(0, 0, 0, 0.5);
845 header div > ul.secondary-nav, .nav.secondary-nav {
851 header div > ul.secondary-nav .menu-dropdown,
852 .nav.secondary-nav .menu-dropdown,
853 header div > ul.secondary-nav .dropdown-menu,
854 .nav.secondary-nav .dropdown-menu {
859 header div > ul a.menu:hover,
861 header div > ul li.open .menu,
863 header div > ul .dropdown-toggle:hover,
864 .nav .dropdown-toggle:hover,
865 header div > ul .dropdown.open .dropdown-toggle,
866 .nav .dropdown.open .dropdown-toggle {
868 background: rgba(255, 255, 255, 0.05);
871 header div > ul .menu-dropdown,
873 header div > ul .dropdown-menu,
874 .nav .dropdown-menu {
875 background-color: #333;
878 header div > ul .menu-dropdown a.menu,
879 .nav .menu-dropdown a.menu,
880 header div > ul .dropdown-menu a.menu,
881 .nav .dropdown-menu a.menu,
882 header div > ul .menu-dropdown .dropdown-toggle,
883 .nav .menu-dropdown .dropdown-toggle,
884 header div > ul .dropdown-menu .dropdown-toggle,
885 .nav .dropdown-menu .dropdown-toggle {
889 header div > ul .menu-dropdown a.menu.open,
890 .nav .menu-dropdown a.menu.open,
891 header div > ul .dropdown-menu a.menu.open,
892 .nav .dropdown-menu a.menu.open,
893 header div > ul .menu-dropdown .dropdown-toggle.open,
894 .nav .menu-dropdown .dropdown-toggle.open,
895 header div > ul .dropdown-menu .dropdown-toggle.open,
896 .nav .dropdown-menu .dropdown-toggle.open {
898 background: rgba(255, 255, 255, 0.05);
901 header div > ul .menu-dropdown li a,
902 .nav .menu-dropdown li a,
903 header div > ul .dropdown-menu li a,
904 .nav .dropdown-menu li a {
906 text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
909 header div > ul .menu-dropdown li a:hover,
910 .nav .menu-dropdown li a:hover,
911 header div > ul .dropdown-menu li a:hover,
912 .nav .dropdown-menu li a:hover {
913 background-color: #191919;
914 background-repeat: repeat-x;
915 background-image: -khtml-gradient(linear, left top, left bottom, from(#292929), to(#191919));
916 background-image: -moz-linear-gradient(top, #292929, #191919);
917 background-image: -ms-linear-gradient(top, #292929, #191919);
918 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #292929), color-stop(100%, #191919));
919 background-image: -webkit-linear-gradient(top, #292929, #191919);
920 background-image: -o-linear-gradient(top, #292929, #191919);
921 background-image: linear-gradient(top, #292929, #191919);
922 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#292929', endColorstr='#191919', GradientType=0);
926 header div > ul .menu-dropdown .active a,
927 .nav .menu-dropdown .active a,
928 header div > ul .dropdown-menu .active a,
929 .nav .dropdown-menu .active a {
933 header div > ul .menu-dropdown .divider,
934 .nav .menu-dropdown .divider,
935 header div > ul .dropdown-menu .divider,
936 .nav .dropdown-menu .divider {
937 background-color: #222;
941 header ul .menu-dropdown li a, header ul .dropdown-menu li a {
949 a.menu:after, .dropdown-toggle:after {
952 display: inline-block;
954 text-indent: -99999px;
958 border-left: 4px solid transparent;
959 border-right: 4px solid transparent;
960 border-top: 4px solid #ffffff;
961 filter: alpha(opacity=50);
967 .menu-dropdown, .dropdown-menu {
968 background-color: #ffffff;
982 border-color: rgba(0, 0, 0, 0.2);
984 border-width: 0 1px 1px;
985 -webkit-border-radius: 0 0 6px 6px;
986 -moz-border-radius: 0 0 6px 6px;
987 border-radius: 0 0 6px 6px;
988 -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
989 -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
990 box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
991 -webkit-background-clip: padding-box;
992 -moz-background-clip: padding-box;
993 background-clip: padding-box;
996 .menu-dropdown li, .dropdown-menu li {
999 background-color: none;
1002 .menu-dropdown .divider, .dropdown-menu .divider {
1006 background-color: #eee;
1007 border-bottom: 1px solid #ffffff;
1010 header .dropdown-menu a, .dropdown-menu a {
1014 font-weight: normal;
1017 text-shadow: 0 1px 0 #ffffff;
1020 header .dropdown-menu a:hover,
1021 .dropdown-menu a:hover,
1022 header .dropdown-menu a.hover,
1023 .dropdown-menu a.hover {
1024 background-color: #dddddd;
1025 background-repeat: repeat-x;
1026 background-image: -khtml-gradient(linear, left top, left bottom, from(#eeeeee), to(#dddddd));
1027 background-image: -moz-linear-gradient(top, #eeeeee, #dddddd);
1028 background-image: -ms-linear-gradient(top, #eeeeee, #dddddd);
1029 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #dddddd));
1030 background-image: -webkit-linear-gradient(top, #eeeeee, #dddddd);
1031 background-image: -o-linear-gradient(top, #eeeeee, #dddddd);
1032 background-image: linear-gradient(top, #eeeeee, #dddddd);
1033 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#dddddd', GradientType=0);
1035 text-decoration: none;
1036 -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.025), inset 0 -1px rgba(0, 0, 0, 0.025);
1037 -moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.025), inset 0 -1px rgba(0, 0, 0, 0.025);
1038 box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.025), inset 0 -1px rgba(0, 0, 0, 0.025);
1042 .dropdown.open .menu,
1043 .open .dropdown-toggle,
1044 .dropdown.open .dropdown-toggle {
1047 background: rgba(0, 0, 0, 0.3);
1050 .open .menu-dropdown,
1051 .dropdown.open .menu-dropdown,
1052 .open .dropdown-menu,
1053 .dropdown.open .dropdown-menu {
1057 .dropdown:hover ul.dropdown-menu {
1061 .dropdown-menu .dropdown-menu {
1070 .tabs, .cbi-tabmenu {
1078 .cbi-tabmenu:before,
1080 .cbi-tabmenu:after {
1086 .tabs:after, .cbi-tabmenu:after {
1090 .tabs > li, .cbi-tabmenu > li {
1094 .tabs > li > a, .cbi-tabmenu > li > a {
1101 border-style: solid;
1102 border-width: 0 0 1px;
1108 margin-bottom: -1px;
1115 .cbi-tabmenu.map > li {
1120 .cbi-tabcontainer > fieldset.cbi-section[id] > legend {
1125 .cbi-tabmenu > li > a {
1129 border: 1px solid transparent;
1130 -webkit-border-radius: 4px 4px 0 0;
1131 -moz-border-radius: 4px 4px 0 0;
1132 border-radius: 4px 4px 0 0;
1135 .tabs > li > a:hover,
1136 .cbi-tabmenu > li > a:hover {
1137 text-decoration: none;
1138 background-color: #eee;
1139 border-color: #eee #eee #ddd;
1142 .tabs .active > a, .tabs .active > a:hover,
1143 .cbi-tabmenu .active > a, .cbi-tabmenu .active > a:hover,
1144 .cbi-tab > a:link, .cbi-tab > a:hover {
1146 background-color: #ffffff;
1147 border: 1px solid #ddd;
1148 border-bottom-color: transparent;
1152 .tabs .menu-dropdown, .tabs .dropdown-menu,
1153 .cbi-tabmenu .menu-dropdown, .cbi-tabmenu .dropdown-menu {
1156 -webkit-border-radius: 0 6px 6px 6px;
1157 -moz-border-radius: 0 6px 6px 6px;
1158 border-radius: 0 6px 6px 6px;
1161 .tabs a.menu:after, .tabs .dropdown-toggle:after,
1162 .cbi-tabmenu a.menu:after, .cbi-tabmenu .dropdown-toggle:after {
1163 border-top-color: #999;
1168 .tabs li.open.menu .menu, .tabs .open.dropdown .dropdown-toggle,
1169 .cbi-tabmenu li.open.menu .menu, .cbi-tabmenu .open.dropdown .dropdown-toggle {
1173 .tabs li.open a.menu:after, .tabs .dropdown.open .dropdown-toggle:after,
1174 .cbi-tabmenu li.open a.menu:after, .cbi-tabmenu .dropdown.open .dropdown-toggle:after {
1175 border-top-color: #555;
1178 .tab-content > .tab-pane,
1179 .tab-content > div {
1183 .tab-content > .active {
1190 background-color: #f5f5f5;
1191 background-repeat: repeat-x;
1192 background-image: -khtml-gradient(linear, left top, left bottom, from(#ffffff), to(#f5f5f5));
1193 background-image: -moz-linear-gradient(top, #ffffff, #f5f5f5);
1194 background-image: -ms-linear-gradient(top, #ffffff, #f5f5f5);
1195 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f5f5f5));
1196 background-image: -webkit-linear-gradient(top, #ffffff, #f5f5f5);
1197 background-image: -o-linear-gradient(top, #ffffff, #f5f5f5);
1198 background-image: linear-gradient(top, #ffffff, #f5f5f5);
1199 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5', GradientType=0);
1200 border: 1px solid #ddd;
1201 -webkit-border-radius: 3px;
1202 -moz-border-radius: 3px;
1204 -webkit-box-shadow: inset 0 1px 0 #ffffff;
1205 -moz-box-shadow: inset 0 1px 0 #ffffff;
1206 box-shadow: inset 0 1px 0 #ffffff;
1211 text-shadow: 0 1px 0 #ffffff;
1214 .breadcrumb .divider {
1219 .breadcrumb .active a {
1226 border-top: 1px solid #eee;
1230 .alert-message.danger,
1232 .alert-message.danger:hover,
1234 .alert-message.error,
1236 .alert-message.error:hover,
1238 .alert-message.success,
1240 .alert-message.success:hover,
1242 .alert-message.info,
1244 .alert-message.info:hover {
1248 .btn .close, .alert-message .close {
1249 font-family: Arial, sans-serif;
1254 .alert-message.danger,
1256 .alert-message.error {
1257 background-color: #c43c35;
1258 background-repeat: repeat-x;
1259 background-image: -khtml-gradient(linear, left top, left bottom, from(#ee5f5b), to(#c43c35));
1260 background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
1261 background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35);
1262 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee5f5b), color-stop(100%, #c43c35));
1263 background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
1264 background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
1265 background-image: linear-gradient(top, #ee5f5b, #c43c35);
1266 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0);
1267 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
1268 border-color: #c43c35 #c43c35 #882a25;
1269 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
1272 .btn.success, .alert-message.success {
1273 background-color: #57a957;
1274 background-repeat: repeat-x;
1275 background-image: -khtml-gradient(linear, left top, left bottom, from(#62c462), to(#57a957));
1276 background-image: -moz-linear-gradient(top, #62c462, #57a957);
1277 background-image: -ms-linear-gradient(top, #62c462, #57a957);
1278 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #62c462), color-stop(100%, #57a957));
1279 background-image: -webkit-linear-gradient(top, #62c462, #57a957);
1280 background-image: -o-linear-gradient(top, #62c462, #57a957);
1281 background-image: linear-gradient(top, #62c462, #57a957);
1282 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0);
1283 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
1284 border-color: #57a957 #57a957 #3d773d;
1285 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
1288 .btn.info, .alert-message.info {
1289 background-color: #339bb9;
1290 background-repeat: repeat-x;
1291 background-image: -khtml-gradient(linear, left top, left bottom, from(#5bc0de), to(#339bb9));
1292 background-image: -moz-linear-gradient(top, #5bc0de, #339bb9);
1293 background-image: -ms-linear-gradient(top, #5bc0de, #339bb9);
1294 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5bc0de), color-stop(100%, #339bb9));
1295 background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9);
1296 background-image: -o-linear-gradient(top, #5bc0de, #339bb9);
1297 background-image: linear-gradient(top, #5bc0de, #339bb9);
1298 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#339bb9', GradientType=0);
1299 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
1300 border-color: #339bb9 #339bb9 #22697d;
1301 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
1307 display: inline-block;
1308 background-color: #e6e6e6;
1309 background-repeat: no-repeat;
1310 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
1311 background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1312 background-image: -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
1313 background-image: -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1314 background-image: -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1315 background-image: linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1316 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
1317 padding: 5px 14px 6px;
1318 text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
1321 line-height: normal;
1322 border: 1px solid #ccc;
1323 border-bottom-color: #bbb;
1324 -webkit-border-radius: 4px;
1325 -moz-border-radius: 4px;
1327 -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
1328 -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
1329 box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
1335 text-decoration: none;
1340 outline: 1px dotted #666;
1344 .cbi-page-actions .cbi-button-apply,
1345 .cbi-page-actions .cbi-button-save,
1346 .cbi-page-actions .cbi-button-reset {
1348 padding: 5px 14px 6px;
1349 background-color: #0064cd;
1350 background-repeat: repeat-x;
1351 background-image: -khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd));
1352 background-image: -moz-linear-gradient(top, #049cdb, #0064cd);
1353 background-image: -ms-linear-gradient(top, #049cdb, #0064cd);
1354 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #049cdb), color-stop(100%, #0064cd));
1355 background-image: -webkit-linear-gradient(top, #049cdb, #0064cd);
1356 background-image: -o-linear-gradient(top, #049cdb, #0064cd);
1357 background-image: linear-gradient(top, #049cdb, #0064cd);
1358 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb', endColorstr='#0064cd', GradientType=0);
1359 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
1360 border-color: #0064cd #0064cd #003f81;
1361 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
1365 .cbi-value-error input {
1367 border-color: #FF0000;
1372 background-position: center center;
1373 background-image: url('../resources/cbi/up.gif'), -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
1374 background-image: url('../resources/cbi/up.gif'), -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1375 background-image: url('../resources/cbi/up.gif'), -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
1376 background-image: url('../resources/cbi/up.gif'), -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1377 background-image: url('../resources/cbi/up.gif'), -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1378 background-image: url('../resources/cbi/up.gif'), linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1383 background-position: center center;
1384 background-image: url('../resources/cbi/down.gif'), -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
1385 background-image: url('../resources/cbi/down.gif'), -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1386 background-image: url('../resources/cbi/down.gif'), -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
1387 background-image: url('../resources/cbi/down.gif'), -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1388 background-image: url('../resources/cbi/down.gif'), -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1389 background-image: url('../resources/cbi/down.gif'), linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1394 background-position: 6px center, left top;
1396 background-image: url('../resources/cbi/find.gif'), -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
1397 background-image: url('../resources/cbi/find.gif'), -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1398 background-image: url('../resources/cbi/find.gif'), -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
1399 background-image: url('../resources/cbi/find.gif'), -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1400 background-image: url('../resources/cbi/find.gif'), -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1401 background-image: url('../resources/cbi/find.gif'), linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1406 background-position: 6px center, left top;
1408 background-image: url('../resources/cbi/add.gif'), -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
1409 background-image: url('../resources/cbi/add.gif'), -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1410 background-image: url('../resources/cbi/add.gif'), -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
1411 background-image: url('../resources/cbi/add.gif'), -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1412 background-image: url('../resources/cbi/add.gif'), -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1413 background-image: url('../resources/cbi/add.gif'), linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1418 background-position: 6px center, left top;
1420 background-image: url('../resources/cbi/apply.gif'), -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
1421 background-image: url('../resources/cbi/apply.gif'), -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1422 background-image: url('../resources/cbi/apply.gif'), -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
1423 background-image: url('../resources/cbi/apply.gif'), -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1424 background-image: url('../resources/cbi/apply.gif'), -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1425 background-image: url('../resources/cbi/apply.gif'), linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1430 background-position: 6px center, left top;
1432 background-image: url('../resources/cbi/reset.gif'), -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
1433 background-image: url('../resources/cbi/reset.gif'), -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1434 background-image: url('../resources/cbi/reset.gif'), -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
1435 background-image: url('../resources/cbi/reset.gif'), -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1436 background-image: url('../resources/cbi/reset.gif'), -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1437 background-image: url('../resources/cbi/reset.gif'), linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1442 background-position: 6px center, left top;
1444 background-image: url('../resources/cbi/edit.gif'), -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
1445 background-image: url('../resources/cbi/edit.gif'), -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1446 background-image: url('../resources/cbi/edit.gif'), -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
1447 background-image: url('../resources/cbi/edit.gif'), -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1448 background-image: url('../resources/cbi/edit.gif'), -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1449 background-image: url('../resources/cbi/edit.gif'), linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1454 background-position: 6px center, left top;
1456 background-image: url('../resources/cbi/remove.gif'), -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
1457 background-image: url('../resources/cbi/remove.gif'), -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1458 background-image: url('../resources/cbi/remove.gif'), -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
1459 background-image: url('../resources/cbi/remove.gif'), -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1460 background-image: url('../resources/cbi/remove.gif'), -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1461 background-image: url('../resources/cbi/remove.gif'), linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1466 background-position: 6px center, left top;
1468 background-image: url('../resources/cbi/reload.gif'), -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
1469 background-image: url('../resources/cbi/reload.gif'), -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1470 background-image: url('../resources/cbi/reload.gif'), -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
1471 background-image: url('../resources/cbi/reload.gif'), -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1472 background-image: url('../resources/cbi/reload.gif'), -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1473 background-image: url('../resources/cbi/reload.gif'), linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1478 background-position: 6px center, left top;
1480 background-image: url('../resources/cbi/link.gif'), -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
1481 background-image: url('../resources/cbi/link.gif'), -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1482 background-image: url('../resources/cbi/link.gif'), -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
1483 background-image: url('../resources/cbi/link.gif'), -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1484 background-image: url('../resources/cbi/link.gif'), -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1485 background-image: url('../resources/cbi/link.gif'), linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1488 .cbi-button-download,
1489 .cbi-input-download {
1490 background-position: 6px center, left top;
1492 background-image: url('../resources/cbi/download.gif'), -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
1493 background-image: url('../resources/cbi/download.gif'), -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1494 background-image: url('../resources/cbi/download.gif'), -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
1495 background-image: url('../resources/cbi/download.gif'), -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1496 background-image: url('../resources/cbi/download.gif'), -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1497 background-image: url('../resources/cbi/download.gif'), linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1500 .btn.active, .btn:active {
1501 -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
1502 -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
1503 box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
1508 background-image: none;
1509 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
1510 filter: alpha(opacity=65);
1511 -khtml-opacity: 0.65;
1514 -webkit-box-shadow: none;
1515 -moz-box-shadow: none;
1521 background-image: none;
1522 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
1523 filter: alpha(opacity=65);
1524 -khtml-opacity: 0.65;
1527 -webkit-box-shadow: none;
1528 -moz-box-shadow: none;
1534 line-height: normal;
1535 padding: 9px 14px 9px;
1536 -webkit-border-radius: 6px;
1537 -moz-border-radius: 6px;
1542 padding: 7px 9px 7px;
1546 /* Button icons for specific pages */
1547 .Startup .cbi-section-table input.cbi-input-apply,
1548 .Startup .cbi-section-table input.cbi-button-apply {
1549 background-image: url("../resources/cbi/apply.gif");
1550 background-position: 7px 4px;
1551 padding: 3px 9px 3px 27px;
1554 .Processes .cbi-section-table input.cbi-input-reload,
1555 .Startup .cbi-section-table input.cbi-input-reload {
1556 background-image: url("../resources/cbi/reload.gif");
1557 background-position: 7px 4px;
1558 padding: 3px 9px 3px 27px;
1561 .Processes .cbi-section-table input.cbi-input-remove,
1562 .Processes .cbi-section-table div.cbi-section-remove input,
1563 .Startup .cbi-section-table input.cbi-input-remove,
1564 .Startup .cbi-section-table div.cbi-section-remove input {
1565 background-image: url("../resources/cbi/remove.gif");
1566 background-position: 7px 4px;
1567 padding: 3px 9px 3px 27px;
1570 .Processes .cbi-section-table input.cbi-input-reset,
1571 .Processes .cbi-section-table input.cbi-button-reset,
1572 .Startup .cbi-section-table input.cbi-input-reset,
1573 .Startup .cbi-section-table input.cbi-button-reset {
1574 background-image: url("../resources/cbi/reset.gif");
1575 background-position: 7px 4px;
1576 padding: 3px 9px 3px 27px;
1579 .Startup .cbi-section-table input.cbi-input-save,
1580 .Startup .cbi-section-table input.cbi-button-save {
1581 background-image: url("../resources/cbi/save.gif");
1582 background-position: 7px 4px;
1583 padding: 3px 9px 3px 27px;
1586 :root .alert-message, :root .btn {
1590 button.btn::-moz-focus-inner, input[type=submit].btn::-moz-focus-inner {
1600 line-height: 13.5px;
1601 text-shadow: 0 1px 0 #ffffff;
1602 filter: alpha(opacity=25);
1603 -khtml-opacity: 0.25;
1610 text-decoration: none;
1611 filter: alpha(opacity=40);
1612 -khtml-opacity: 0.4;
1620 margin-bottom: 18px;
1622 background-color: #eedc94;
1623 background-repeat: repeat-x;
1624 background-image: -khtml-gradient(linear, left top, left bottom, from(#fceec1), to(#eedc94));
1625 background-image: -moz-linear-gradient(top, #fceec1, #eedc94);
1626 background-image: -ms-linear-gradient(top, #fceec1, #eedc94);
1627 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fceec1), color-stop(100%, #eedc94));
1628 background-image: -webkit-linear-gradient(top, #fceec1, #eedc94);
1629 background-image: -o-linear-gradient(top, #fceec1, #eedc94);
1630 background-image: linear-gradient(top, #fceec1, #eedc94);
1631 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fceec1', endColorstr='#eedc94', GradientType=0);
1632 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
1633 border-color: #eedc94 #eedc94 #e4c652;
1634 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
1635 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
1637 border-style: solid;
1638 -webkit-border-radius: 4px;
1639 -moz-border-radius: 4px;
1641 -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
1642 -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
1643 box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
1646 .alert-message .close {
1656 .alert-message.danger p a,
1657 .alert-message.error p a,
1658 .alert-message.success p a,
1659 .alert-message.info p a {
1671 .alert-message div {
1677 .alert-message .btn {
1678 -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
1679 -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
1680 box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
1684 padding: 1px 3px 2px;
1687 color: #ffffff !important;
1688 text-transform: uppercase;
1689 white-space: nowrap;
1690 background-color: #bfbfbf;
1691 -webkit-border-radius: 3px;
1692 -moz-border-radius: 3px;
1703 text-decoration: none;
1707 background-color: #c43c35;
1711 background-color: #f89406;
1715 background-color: #46a546;
1719 background-color: #62cffc;
1722 /* LuCI specific items */
1723 .hidden { display: none }
1730 border: 1px solid #CCCCCC;
1731 border-radius: 3px 3px 3px 3px;
1733 display: inline-block;
1743 form.inline { display: inline }
1745 header .pull-right { padding-top: 8px; }
1747 #modemenu li:last-child span.divider { display: none }
1749 #syslog { width: 100%; }
1751 .cbi-section-table tbody tr:nth-child(odd) td, .cbi-section-table tbody tr:nth-child(odd) th {
1752 background-color: #f9f9f9;
1755 .cbi-section-table tbody tr:hover td, .cbi-section-table tbody tr:hover th {
1756 background-color: #f5f5f5;
1759 .cbi-section-table tr.cbi-section-table-descr th {
1760 font-weight: normal;
1763 .left { text-align: left !important; }
1765 .right { text-align: right !important; }
1767 .cbi-value-field { line-height: 1.5em; }
1769 .cbi-value-field input[type=checkbox],
1770 .cbi-value-field input[type=radio] {
1776 .cbi-value-field table td {
1780 table.cbi-section-table input,
1781 table.cbi-section-table textarea,
1782 table.cbi-section-table select {
1786 table.cbi-section-table td.cbi-section-table-cell {
1787 white-space: nowrap;
1791 table.cbi-section-table td.cbi-section-table-cell select {
1795 .cbi-value-description { display: inline; }
1797 .cbi-value-description img { vertical-align: middle; }
1799 .cbi-section-error {
1800 border: 1px solid #FF0000;
1802 background-color: #FCE6E6;
1806 .cbi-section-error ul { margin: 0 0 0 20px; }
1808 .cbi-section-error ul li {
1814 background-color: #FFFFFF;
1815 border: 1px solid #CCCCCC;
1818 white-space: nowrap;
1819 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
1820 background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1821 background-image: -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
1822 background-image: -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1823 background-image: -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1824 background-image: linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1825 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
1826 text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
1827 -webkit-border-radius: 4px;
1828 -moz-border-radius: 4px;
1830 -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
1831 -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
1832 box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
1835 .ifacebox .ifacebox-head {
1836 border-bottom: 1px solid #CCCCCC;
1840 .ifacebox .ifacebox-body {
1845 display: inline-block;
1846 white-space: nowrap;
1847 background-color: #FFFFFF;
1848 border: 1px solid #CCCCCC;
1851 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
1852 background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1853 background-image: -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
1854 background-image: -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1855 background-image: -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1856 background-image: linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1857 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
1858 text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
1859 -webkit-border-radius: 4px;
1860 -moz-border-radius: 4px;
1862 -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
1863 -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
1864 box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
1867 .ifacebadge-active {
1868 border-color: #000000;
1875 display: inline-block;
1876 white-space: nowrap;
1878 text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
1883 .zonebadge > strong {
1885 display: inline-block;
1893 border: 1px dashed #AAAAAA;
1900 td.cbi-value-field var {
1906 font-family: monospace;
1909 .uci-change-list ins,
1910 .uci-change-legend-label ins {
1911 text-decoration: none;
1912 border: 1px solid #00FF00;
1913 background-color: #CCFFCC;
1918 .uci-change-list del,
1919 .uci-change-legend-label del {
1920 text-decoration: none;
1921 border: 1px solid #FF0000;
1922 background-color: #FFCCCC;
1928 .uci-change-list var,
1929 .uci-change-legend-label var {
1930 text-decoration: none;
1931 border: 1px solid #CCCCCC;
1932 background-color: #EEEEEE;
1938 .uci-change-list var ins,
1939 .uci-change-list var del {
1940 /*display: inline;*/
1947 .uci-change-legend {
1951 .uci-change-legend-label {
1956 .uci-change-legend-label > ins,
1957 .uci-change-legend-label > del,
1958 .uci-change-legend-label > var {
1966 .uci-change-legend-label var ins,
1967 .uci-change-legend-label var del {