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 {
450 form .clearfix: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;
504 box-shadow: inset 0 -1px 3px rgba(0, 0, 0, 0.1);
507 input[type=checkbox], input[type=radio] {
520 background-color: #ffffff;
523 line-height: initial;
524 -webkit-box-shadow: none;
525 -moz-box-shadow: none;
527 width: auto !important;
530 input[type=button], input[type=reset], input[type=submit] {
535 select, input[type=file] {
538 /* For IE7, add top margin to align select with labels */
543 background-color: #ffffff;
551 background-color: #ffffff;
554 -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
555 -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
556 box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
564 ::-webkit-input-placeholder {
569 -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
570 -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
571 -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
572 -o-transition: border linear 0.2s, box-shadow linear 0.2s;
573 transition: border linear 0.2s, box-shadow linear 0.2s;
574 -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
575 -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
576 box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
579 input:focus, textarea:focus {
581 border-color: rgba(82, 168, 236, 0.8);
582 -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
583 -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
584 box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
587 input[type=file]:focus, input[type=checkbox]:focus, select:focus {
588 -webkit-box-shadow: none;
589 -moz-box-shadow: none;
591 outline: 1px dotted #666;
594 form .clearfix.error > label, form .clearfix.error .help-block, form .clearfix.error .help-inline {
598 form .clearfix.error input, form .clearfix.error textarea {
600 border-color: #ee5f5b;
603 form .clearfix.error input:focus, form .clearfix.error textarea:focus {
604 border-color: #e9322d;
605 -webkit-box-shadow: 0 0 6px #f8b9b7;
606 -moz-box-shadow: 0 0 6px #f8b9b7;
607 box-shadow: 0 0 6px #f8b9b7;
610 form .clearfix.error .input-prepend .add-on, form .clearfix.error .input-append .add-on {
612 background-color: #fce6e6;
613 border-color: #b94a48;
616 form .clearfix.warning > label, form .clearfix.warning .help-block, form .clearfix.warning .help-inline {
620 form .clearfix.warning input, form .clearfix.warning textarea {
622 border-color: #ccae64;
625 form .clearfix.warning input:focus, form .clearfix.warning textarea:focus {
626 border-color: #be9a3f;
627 -webkit-box-shadow: 0 0 6px #e5d6b1;
628 -moz-box-shadow: 0 0 6px #e5d6b1;
629 box-shadow: 0 0 6px #e5d6b1;
632 form .clearfix.warning .input-prepend .add-on, form .clearfix.warning .input-append .add-on {
634 background-color: #d2b877;
635 border-color: #c09853;
638 form .clearfix.success > label, form .clearfix.success .help-block, form .clearfix.success .help-inline {
642 form .clearfix.success input, form .clearfix.success textarea {
644 border-color: #57a957;
647 form .clearfix.success input:focus, form .clearfix.success textarea:focus {
648 border-color: #458845;
649 -webkit-box-shadow: 0 0 6px #9acc9a;
650 -moz-box-shadow: 0 0 6px #9acc9a;
651 box-shadow: 0 0 6px #9acc9a;
654 form .clearfix.success .input-prepend .add-on, form .clearfix.success .input-append .add-on {
656 background-color: #bcddbc;
657 border-color: #468847;
666 background-color: #f5f5f5;
674 padding: 17px 20px 18px 150px;
675 border-top: 1px solid #ddd;
676 -webkit-border-radius: 0 0 3px 3px;
677 -moz-border-radius: 0 0 3px 3px;
678 border-radius: 0 0 3px 3px;
682 .actions .secondary-action,
683 .cbi-page-actions .secondary-action{
687 .actions .secondary-action a,
688 .cbi-page-actions .secondary-action a {
692 .actions .secondary-action a:hover,
693 .cbi-page-actions .secondary-action a:hover {
694 text-decoration: underline;
697 .help-inline, .help-block {
720 * Tables for, you guessed it, tabular data
721 * ---------------------------------------- */
727 border-collapse: collapse;
731 padding: 10px 10px 9px;
739 vertical-align: middle;
744 border-top: 1px solid #ddd;
748 border-top: 1px solid #ddd;
753 * Repeatable UI elements outside the base styles provided from the scaffolding
754 * ---------------------------------------------------------------------------- */
768 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
771 header h3 a:hover, header .brand:hover, header ul .active > a {
772 background-color: #333;
773 background-color: rgba(255, 255, 255, 0.05);
775 text-decoration: none;
782 header h3 a, header .brand {
785 padding: 8px 20px 12px;
799 background-color: #222;
800 background-color: #222222;
801 background-repeat: repeat-x;
802 background-image: -khtml-gradient(linear, left top, left bottom, from(#333333), to(#222222));
803 background-image: -moz-linear-gradient(top, #333333, #222222);
804 background-image: -ms-linear-gradient(top, #333333, #222222);
805 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #222222));
806 background-image: -webkit-linear-gradient(top, #333333, #222222);
807 background-image: -o-linear-gradient(top, #333333, #222222);
808 background-image: linear-gradient(to bottom, #333333, #222222);
809 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0);
810 -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
811 -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
812 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
816 header div > ul, .nav {
824 header div > ul > li, .nav > li {
829 header div > ul a, .nav a {
832 padding: 10px 10px 11px;
834 text-decoration: none;
837 header div > ul a:hover, .nav a:hover {
839 text-decoration: none;
842 header div > ul .active > a, .nav .active > a {
843 background-color: #222;
844 background-color: rgba(0, 0, 0, 0.5);
847 header div > ul.secondary-nav, .nav.secondary-nav {
853 header div > ul.secondary-nav .menu-dropdown,
854 .nav.secondary-nav .menu-dropdown,
855 header div > ul.secondary-nav .dropdown-menu,
856 .nav.secondary-nav .dropdown-menu {
861 header div > ul a.menu:hover,
863 header div > ul li.open .menu,
865 header div > ul .dropdown-toggle:hover,
866 .nav .dropdown-toggle:hover,
867 header div > ul .dropdown.open .dropdown-toggle,
868 .nav .dropdown.open .dropdown-toggle {
870 background: rgba(255, 255, 255, 0.05);
873 header div > ul .menu-dropdown,
875 header div > ul .dropdown-menu,
876 .nav .dropdown-menu {
877 background-color: #333;
880 header div > ul .menu-dropdown a.menu,
881 .nav .menu-dropdown a.menu,
882 header div > ul .dropdown-menu a.menu,
883 .nav .dropdown-menu a.menu,
884 header div > ul .menu-dropdown .dropdown-toggle,
885 .nav .menu-dropdown .dropdown-toggle,
886 header div > ul .dropdown-menu .dropdown-toggle,
887 .nav .dropdown-menu .dropdown-toggle {
891 header div > ul .menu-dropdown a.menu.open,
892 .nav .menu-dropdown a.menu.open,
893 header div > ul .dropdown-menu a.menu.open,
894 .nav .dropdown-menu a.menu.open,
895 header div > ul .menu-dropdown .dropdown-toggle.open,
896 .nav .menu-dropdown .dropdown-toggle.open,
897 header div > ul .dropdown-menu .dropdown-toggle.open,
898 .nav .dropdown-menu .dropdown-toggle.open {
900 background: rgba(255, 255, 255, 0.05);
903 header div > ul .menu-dropdown li a,
904 .nav .menu-dropdown li a,
905 header div > ul .dropdown-menu li a,
906 .nav .dropdown-menu li a {
908 text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
911 header div > ul .menu-dropdown li a:hover,
912 .nav .menu-dropdown li a:hover,
913 header div > ul .dropdown-menu li a:hover,
914 .nav .dropdown-menu li a:hover {
915 background-color: #191919;
916 background-repeat: repeat-x;
917 background-image: -khtml-gradient(linear, left top, left bottom, from(#292929), to(#191919));
918 background-image: -moz-linear-gradient(top, #292929, #191919);
919 background-image: -ms-linear-gradient(top, #292929, #191919);
920 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #292929), color-stop(100%, #191919));
921 background-image: -webkit-linear-gradient(top, #292929, #191919);
922 background-image: -o-linear-gradient(top, #292929, #191919);
923 background-image: linear-gradient(to bottom, #292929, #191919);
924 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#292929', endColorstr='#191919', GradientType=0);
928 header div > ul .menu-dropdown .active a,
929 .nav .menu-dropdown .active a,
930 header div > ul .dropdown-menu .active a,
931 .nav .dropdown-menu .active a {
935 header div > ul .menu-dropdown .divider,
936 .nav .menu-dropdown .divider,
937 header div > ul .dropdown-menu .divider,
938 .nav .dropdown-menu .divider {
939 background-color: #222;
943 header ul .menu-dropdown li a, header ul .dropdown-menu li a {
951 a.menu:after, .dropdown-toggle:after {
954 display: inline-block;
956 text-indent: -99999px;
960 border-left: 4px solid transparent;
961 border-right: 4px solid transparent;
962 border-top: 4px solid #ffffff;
963 filter: alpha(opacity=50);
969 .menu-dropdown, .dropdown-menu {
970 background-color: #ffffff;
984 border-color: rgba(0, 0, 0, 0.2);
986 border-width: 0 1px 1px;
987 -webkit-border-radius: 0 0 6px 6px;
988 -moz-border-radius: 0 0 6px 6px;
989 border-radius: 0 0 6px 6px;
990 -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
991 -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
992 box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
993 -webkit-background-clip: padding-box;
994 -moz-background-clip: padding-box;
995 background-clip: padding-box;
998 .menu-dropdown li, .dropdown-menu li {
1001 background-color: transparent;
1004 .menu-dropdown .divider, .dropdown-menu .divider {
1008 background-color: #eee;
1009 border-bottom: 1px solid #ffffff;
1012 header .dropdown-menu a, .dropdown-menu a {
1016 font-weight: normal;
1019 text-shadow: 0 1px 0 #ffffff;
1022 header .dropdown-menu a:hover,
1023 .dropdown-menu a:hover,
1024 header .dropdown-menu a.hover,
1025 .dropdown-menu a.hover {
1026 background-color: #dddddd;
1027 background-repeat: repeat-x;
1028 background-image: -khtml-gradient(linear, left top, left bottom, from(#eeeeee), to(#dddddd));
1029 background-image: -moz-linear-gradient(top, #eeeeee, #dddddd);
1030 background-image: -ms-linear-gradient(top, #eeeeee, #dddddd);
1031 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #dddddd));
1032 background-image: -webkit-linear-gradient(top, #eeeeee, #dddddd);
1033 background-image: -o-linear-gradient(top, #eeeeee, #dddddd);
1034 background-image: linear-gradient(to bottom, #eeeeee, #dddddd);
1035 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#dddddd', GradientType=0);
1037 text-decoration: none;
1038 -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.025), inset 0 -1px rgba(0, 0, 0, 0.025);
1039 -moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.025), inset 0 -1px rgba(0, 0, 0, 0.025);
1040 box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.025), inset 0 -1px rgba(0, 0, 0, 0.025);
1044 .dropdown.open .menu,
1045 .open .dropdown-toggle,
1046 .dropdown.open .dropdown-toggle {
1049 background: rgba(0, 0, 0, 0.3);
1052 .open .menu-dropdown,
1053 .dropdown.open .menu-dropdown,
1054 .open .dropdown-menu,
1055 .dropdown.open .dropdown-menu {
1059 .dropdown:hover ul.dropdown-menu {
1063 .dropdown-menu .dropdown-menu {
1072 .tabs, .cbi-tabmenu {
1080 .cbi-tabmenu:before,
1082 .cbi-tabmenu:after {
1088 .tabs:after, .cbi-tabmenu:after {
1092 .tabs > li, .cbi-tabmenu > li {
1096 .tabs > li > a, .cbi-tabmenu > li > a {
1103 border-style: solid;
1104 border-width: 0 0 1px;
1110 margin-bottom: -1px;
1117 .cbi-tabmenu.map > li {
1122 .cbi-tabcontainer > fieldset.cbi-section[id] > legend {
1127 .cbi-tabmenu > li > a {
1131 border: 1px solid transparent;
1132 -webkit-border-radius: 4px 4px 0 0;
1133 -moz-border-radius: 4px 4px 0 0;
1134 border-radius: 4px 4px 0 0;
1137 .tabs > li > a:hover,
1138 .cbi-tabmenu > li > a:hover {
1139 text-decoration: none;
1140 background-color: #eee;
1141 border-color: #eee #eee #ddd;
1144 .tabs .active > a, .tabs .active > a:hover,
1145 .cbi-tabmenu .active > a, .cbi-tabmenu .active > a:hover,
1146 .cbi-tab > a:link, .cbi-tab > a:hover {
1148 background-color: #ffffff;
1149 border: 1px solid #ddd;
1150 border-bottom-color: transparent;
1154 .tabs .menu-dropdown, .tabs .dropdown-menu,
1155 .cbi-tabmenu .menu-dropdown, .cbi-tabmenu .dropdown-menu {
1158 -webkit-border-radius: 0 6px 6px 6px;
1159 -moz-border-radius: 0 6px 6px 6px;
1160 border-radius: 0 6px 6px 6px;
1163 .tabs a.menu:after, .tabs .dropdown-toggle:after,
1164 .cbi-tabmenu a.menu:after, .cbi-tabmenu .dropdown-toggle:after {
1165 border-top-color: #999;
1170 .tabs li.open.menu .menu, .tabs .open.dropdown .dropdown-toggle,
1171 .cbi-tabmenu li.open.menu .menu, .cbi-tabmenu .open.dropdown .dropdown-toggle {
1175 .tabs li.open a.menu:after, .tabs .dropdown.open .dropdown-toggle:after,
1176 .cbi-tabmenu li.open a.menu:after, .cbi-tabmenu .dropdown.open .dropdown-toggle:after {
1177 border-top-color: #555;
1180 .tab-content > .tab-pane,
1181 .tab-content > div {
1185 .tab-content > .active {
1192 background-color: #f5f5f5;
1193 background-repeat: repeat-x;
1194 background-image: -khtml-gradient(linear, left top, left bottom, from(#ffffff), to(#f5f5f5));
1195 background-image: -moz-linear-gradient(top, #ffffff, #f5f5f5);
1196 background-image: -ms-linear-gradient(top, #ffffff, #f5f5f5);
1197 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f5f5f5));
1198 background-image: -webkit-linear-gradient(top, #ffffff, #f5f5f5);
1199 background-image: -o-linear-gradient(top, #ffffff, #f5f5f5);
1200 background-image: linear-gradient(to bottom, #ffffff, #f5f5f5);
1201 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5', GradientType=0);
1202 border: 1px solid #ddd;
1203 -webkit-border-radius: 3px;
1204 -moz-border-radius: 3px;
1206 -webkit-box-shadow: inset 0 1px 0 #ffffff;
1207 -moz-box-shadow: inset 0 1px 0 #ffffff;
1208 box-shadow: inset 0 1px 0 #ffffff;
1213 text-shadow: 0 1px 0 #ffffff;
1216 .breadcrumb .divider {
1221 .breadcrumb .active a {
1228 border-top: 1px solid #eee;
1232 .alert-message.danger,
1234 .alert-message.danger:hover,
1236 .alert-message.error,
1238 .alert-message.error:hover,
1240 .alert-message.success,
1242 .alert-message.success:hover,
1244 .alert-message.info,
1246 .alert-message.info:hover {
1250 .btn .close, .alert-message .close {
1251 font-family: Arial, sans-serif;
1256 .alert-message.danger,
1258 .alert-message.error {
1259 background-color: #c43c35;
1260 background-repeat: repeat-x;
1261 background-image: -khtml-gradient(linear, left top, left bottom, from(#ee5f5b), to(#c43c35));
1262 background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
1263 background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35);
1264 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee5f5b), color-stop(100%, #c43c35));
1265 background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
1266 background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
1267 background-image: linear-gradient(to bottom, #ee5f5b, #c43c35);
1268 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0);
1269 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
1270 border-color: #c43c35 #c43c35 #882a25;
1271 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
1274 .btn.success, .alert-message.success {
1275 background-color: #57a957;
1276 background-repeat: repeat-x;
1277 background-image: -khtml-gradient(linear, left top, left bottom, from(#62c462), to(#57a957));
1278 background-image: -moz-linear-gradient(top, #62c462, #57a957);
1279 background-image: -ms-linear-gradient(top, #62c462, #57a957);
1280 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #62c462), color-stop(100%, #57a957));
1281 background-image: -webkit-linear-gradient(top, #62c462, #57a957);
1282 background-image: -o-linear-gradient(top, #62c462, #57a957);
1283 background-image: linear-gradient(to bottom, #62c462, #57a957);
1284 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0);
1285 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
1286 border-color: #57a957 #57a957 #3d773d;
1287 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
1290 .btn.info, .alert-message.info {
1291 background-color: #339bb9;
1292 background-repeat: repeat-x;
1293 background-image: -khtml-gradient(linear, left top, left bottom, from(#5bc0de), to(#339bb9));
1294 background-image: -moz-linear-gradient(top, #5bc0de, #339bb9);
1295 background-image: -ms-linear-gradient(top, #5bc0de, #339bb9);
1296 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5bc0de), color-stop(100%, #339bb9));
1297 background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9);
1298 background-image: -o-linear-gradient(top, #5bc0de, #339bb9);
1299 background-image: linear-gradient(to bottom, #5bc0de, #339bb9);
1300 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#339bb9', GradientType=0);
1301 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
1302 border-color: #339bb9 #339bb9 #22697d;
1303 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
1309 display: inline-block;
1310 background-color: #e6e6e6;
1311 background-repeat: no-repeat;
1312 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
1313 background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1314 background-image: -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
1315 background-image: -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1316 background-image: -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1317 background-image: linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1318 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
1319 padding: 5px 14px 6px;
1320 text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
1323 line-height: normal;
1324 border: 1px solid #ccc;
1325 border-bottom-color: #bbb;
1326 -webkit-border-radius: 4px;
1327 -moz-border-radius: 4px;
1329 -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
1330 -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
1331 box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
1337 text-decoration: none;
1342 outline: 1px dotted #666;
1346 .cbi-page-actions .cbi-button-apply,
1347 .cbi-page-actions .cbi-button-save,
1348 .cbi-page-actions .cbi-button-reset {
1350 padding: 5px 14px 6px;
1351 background-color: #0064cd;
1352 background-repeat: repeat-x;
1353 background-image: -khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd));
1354 background-image: -moz-linear-gradient(top, #049cdb, #0064cd);
1355 background-image: -ms-linear-gradient(top, #049cdb, #0064cd);
1356 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #049cdb), color-stop(100%, #0064cd));
1357 background-image: -webkit-linear-gradient(top, #049cdb, #0064cd);
1358 background-image: -o-linear-gradient(top, #049cdb, #0064cd);
1359 background-image: linear-gradient(to bottom, #049cdb, #0064cd);
1360 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb', endColorstr='#0064cd', GradientType=0);
1361 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
1362 border-color: #0064cd #0064cd #003f81;
1363 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
1367 .cbi-value-error input {
1369 border-color: #FF0000;
1374 background-position: center center;
1375 background-image: url('../resources/cbi/up.gif'), -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
1376 background-image: url('../resources/cbi/up.gif'), -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1377 background-image: url('../resources/cbi/up.gif'), -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
1378 background-image: url('../resources/cbi/up.gif'), -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1379 background-image: url('../resources/cbi/up.gif'), -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1380 background-image: url('../resources/cbi/up.gif'), linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1385 background-position: center center;
1386 background-image: url('../resources/cbi/down.gif'), -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
1387 background-image: url('../resources/cbi/down.gif'), -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1388 background-image: url('../resources/cbi/down.gif'), -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
1389 background-image: url('../resources/cbi/down.gif'), -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1390 background-image: url('../resources/cbi/down.gif'), -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1391 background-image: url('../resources/cbi/down.gif'), linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1396 background-position: 6px center, left top;
1398 background-image: url('../resources/cbi/find.gif'), -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
1399 background-image: url('../resources/cbi/find.gif'), -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1400 background-image: url('../resources/cbi/find.gif'), -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
1401 background-image: url('../resources/cbi/find.gif'), -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1402 background-image: url('../resources/cbi/find.gif'), -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1403 background-image: url('../resources/cbi/find.gif'), linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1408 background-position: 6px center, left top;
1410 background-image: url('../resources/cbi/add.gif'), -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
1411 background-image: url('../resources/cbi/add.gif'), -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1412 background-image: url('../resources/cbi/add.gif'), -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
1413 background-image: url('../resources/cbi/add.gif'), -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1414 background-image: url('../resources/cbi/add.gif'), -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1415 background-image: url('../resources/cbi/add.gif'), linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1420 background-position: 6px center, left top;
1422 background-image: url('../resources/cbi/apply.gif'), -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
1423 background-image: url('../resources/cbi/apply.gif'), -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1424 background-image: url('../resources/cbi/apply.gif'), -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
1425 background-image: url('../resources/cbi/apply.gif'), -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1426 background-image: url('../resources/cbi/apply.gif'), -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1427 background-image: url('../resources/cbi/apply.gif'), linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1432 background-position: 6px center, left top;
1434 background-image: url('../resources/cbi/reset.gif'), -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
1435 background-image: url('../resources/cbi/reset.gif'), -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1436 background-image: url('../resources/cbi/reset.gif'), -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
1437 background-image: url('../resources/cbi/reset.gif'), -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1438 background-image: url('../resources/cbi/reset.gif'), -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1439 background-image: url('../resources/cbi/reset.gif'), linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1444 background-position: 6px center, left top;
1446 background-image: url('../resources/cbi/edit.gif'), -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
1447 background-image: url('../resources/cbi/edit.gif'), -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1448 background-image: url('../resources/cbi/edit.gif'), -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
1449 background-image: url('../resources/cbi/edit.gif'), -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1450 background-image: url('../resources/cbi/edit.gif'), -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1451 background-image: url('../resources/cbi/edit.gif'), linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1456 background-position: 6px center, left top;
1458 background-image: url('../resources/cbi/remove.gif'), -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
1459 background-image: url('../resources/cbi/remove.gif'), -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1460 background-image: url('../resources/cbi/remove.gif'), -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
1461 background-image: url('../resources/cbi/remove.gif'), -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1462 background-image: url('../resources/cbi/remove.gif'), -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1463 background-image: url('../resources/cbi/remove.gif'), linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1468 background-position: 6px center, left top;
1470 background-image: url('../resources/cbi/reload.gif'), -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
1471 background-image: url('../resources/cbi/reload.gif'), -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1472 background-image: url('../resources/cbi/reload.gif'), -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
1473 background-image: url('../resources/cbi/reload.gif'), -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1474 background-image: url('../resources/cbi/reload.gif'), -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1475 background-image: url('../resources/cbi/reload.gif'), linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1480 background-position: 6px center, left top;
1482 background-image: url('../resources/cbi/link.gif'), -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
1483 background-image: url('../resources/cbi/link.gif'), -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1484 background-image: url('../resources/cbi/link.gif'), -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
1485 background-image: url('../resources/cbi/link.gif'), -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1486 background-image: url('../resources/cbi/link.gif'), -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1487 background-image: url('../resources/cbi/link.gif'), linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1490 .cbi-button-download,
1491 .cbi-input-download {
1492 background-position: 6px center, left top;
1494 background-image: url('../resources/cbi/download.gif'), -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
1495 background-image: url('../resources/cbi/download.gif'), -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1496 background-image: url('../resources/cbi/download.gif'), -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
1497 background-image: url('../resources/cbi/download.gif'), -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1498 background-image: url('../resources/cbi/download.gif'), -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1499 background-image: url('../resources/cbi/download.gif'), linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1502 .btn.active, .btn:active {
1503 -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
1504 -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
1505 box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
1510 background-image: none;
1511 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
1512 filter: alpha(opacity=65);
1513 -khtml-opacity: 0.65;
1516 -webkit-box-shadow: none;
1517 -moz-box-shadow: none;
1523 background-image: none;
1524 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
1525 filter: alpha(opacity=65);
1526 -khtml-opacity: 0.65;
1529 -webkit-box-shadow: none;
1530 -moz-box-shadow: none;
1536 line-height: normal;
1537 padding: 9px 14px 9px;
1538 -webkit-border-radius: 6px;
1539 -moz-border-radius: 6px;
1544 padding: 7px 9px 7px;
1548 /* Button icons for specific pages */
1549 .Startup .cbi-section-table input.cbi-input-apply,
1550 .Startup .cbi-section-table input.cbi-button-apply {
1551 background-image: url("../resources/cbi/apply.gif");
1552 background-position: 7px 4px;
1553 padding: 3px 9px 3px 27px;
1556 .Processes .cbi-section-table input.cbi-input-reload,
1557 .Startup .cbi-section-table input.cbi-input-reload {
1558 background-image: url("../resources/cbi/reload.gif");
1559 background-position: 7px 4px;
1560 padding: 3px 9px 3px 27px;
1563 .Processes .cbi-section-table input.cbi-input-remove,
1564 .Processes .cbi-section-table div.cbi-section-remove input,
1565 .Startup .cbi-section-table input.cbi-input-remove,
1566 .Startup .cbi-section-table div.cbi-section-remove input {
1567 background-image: url("../resources/cbi/remove.gif");
1568 background-position: 7px 4px;
1569 padding: 3px 9px 3px 27px;
1572 .Processes .cbi-section-table input.cbi-input-reset,
1573 .Processes .cbi-section-table input.cbi-button-reset,
1574 .Startup .cbi-section-table input.cbi-input-reset,
1575 .Startup .cbi-section-table input.cbi-button-reset {
1576 background-image: url("../resources/cbi/reset.gif");
1577 background-position: 7px 4px;
1578 padding: 3px 9px 3px 27px;
1581 .Startup .cbi-section-table input.cbi-input-save,
1582 .Startup .cbi-section-table input.cbi-button-save {
1583 background-image: url("../resources/cbi/save.gif");
1584 background-position: 7px 4px;
1585 padding: 3px 9px 3px 27px;
1588 :root .alert-message, :root .btn {
1592 button.btn::-moz-focus-inner, input[type=submit].btn::-moz-focus-inner {
1602 line-height: 13.5px;
1603 text-shadow: 0 1px 0 #ffffff;
1604 filter: alpha(opacity=25);
1605 -khtml-opacity: 0.25;
1612 text-decoration: none;
1613 filter: alpha(opacity=40);
1614 -khtml-opacity: 0.4;
1619 .alert-message, .errorbox {
1622 margin-bottom: 18px;
1624 background-color: #eedc94;
1625 background-repeat: repeat-x;
1626 background-image: -khtml-gradient(linear, left top, left bottom, from(#fceec1), to(#eedc94));
1627 background-image: -moz-linear-gradient(top, #fceec1, #eedc94);
1628 background-image: -ms-linear-gradient(top, #fceec1, #eedc94);
1629 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fceec1), color-stop(100%, #eedc94));
1630 background-image: -webkit-linear-gradient(top, #fceec1, #eedc94);
1631 background-image: -o-linear-gradient(top, #fceec1, #eedc94);
1632 background-image: linear-gradient(to bottom, #fceec1, #eedc94);
1633 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fceec1', endColorstr='#eedc94', GradientType=0);
1634 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
1635 border-color: #eedc94 #eedc94 #e4c652;
1636 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
1637 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
1639 border-style: solid;
1640 -webkit-border-radius: 4px;
1641 -moz-border-radius: 4px;
1643 -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
1644 -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
1645 box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
1648 .alert-message .close {
1658 .alert-message.danger p a,
1659 .alert-message.error p a,
1660 .alert-message.success p a,
1661 .alert-message.info p a {
1673 .alert-message div {
1679 .alert-message .btn {
1680 -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
1681 -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
1682 box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
1686 padding: 1px 3px 2px;
1689 color: #ffffff !important;
1690 text-transform: uppercase;
1691 white-space: nowrap;
1692 background-color: #bfbfbf;
1693 -webkit-border-radius: 3px;
1694 -moz-border-radius: 3px;
1705 text-decoration: none;
1709 background-color: #c43c35;
1713 background-color: #f89406;
1717 background-color: #46a546;
1721 background-color: #62cffc;
1724 /* LuCI specific items */
1725 .hidden { display: none }
1732 border: 1px solid #CCCCCC;
1733 border-radius: 3px 3px 3px 3px;
1735 display: inline-block;
1744 form.inline { display: inline }
1746 header .pull-right { padding-top: 8px; }
1748 #modemenu li:last-child span.divider { display: none }
1750 #syslog { width: 100%; }
1752 .cbi-section-table tbody tr:nth-child(odd) td, .cbi-section-table tbody tr:nth-child(odd) th {
1753 background-color: #f9f9f9;
1756 .cbi-section-table tbody tr:hover td, .cbi-section-table tbody tr:hover th {
1757 background-color: #f5f5f5;
1760 .cbi-section-table tr.cbi-section-table-descr th {
1761 font-weight: normal;
1764 .left { text-align: left !important; }
1766 .right { text-align: right !important; }
1768 .cbi-value-field { line-height: 1.5em; }
1770 .cbi-value-field input[type=checkbox],
1771 .cbi-value-field input[type=radio] {
1777 .cbi-value-field table td {
1781 table.cbi-section-table input,
1782 table.cbi-section-table textarea,
1783 table.cbi-section-table select {
1787 table.cbi-section-table td.cbi-section-table-cell {
1788 white-space: nowrap;
1792 table.cbi-section-table td.cbi-section-table-cell select {
1796 table.valign-middle td {
1797 vertical-align: middle;
1800 .cbi-value-description { display: inline; }
1802 .cbi-value-description img { vertical-align: middle; }
1804 .cbi-section-error {
1805 border: 1px solid #FF0000;
1807 background-color: #FCE6E6;
1811 .cbi-section-error ul { margin: 0 0 0 20px; }
1813 .cbi-section-error ul li {
1819 background-color: #FFFFFF;
1820 border: 1px solid #CCCCCC;
1823 white-space: nowrap;
1824 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
1825 background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1826 background-image: -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
1827 background-image: -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1828 background-image: -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1829 background-image: linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1830 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
1831 text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
1832 -webkit-border-radius: 4px;
1833 -moz-border-radius: 4px;
1835 -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
1836 -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
1837 box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
1840 .ifacebox .ifacebox-head {
1841 border-bottom: 1px solid #CCCCCC;
1845 .ifacebox .ifacebox-body {
1850 display: inline-block;
1851 white-space: nowrap;
1852 background-color: #FFFFFF;
1853 border: 1px solid #CCCCCC;
1856 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
1857 background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1858 background-image: -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
1859 background-image: -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1860 background-image: -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1861 background-image: linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1862 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
1863 text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
1864 -webkit-border-radius: 4px;
1865 -moz-border-radius: 4px;
1867 -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
1868 -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
1869 box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
1876 vertical-align: middle;
1879 .ifacebadge-active {
1880 border-color: #000000;
1887 display: inline-block;
1888 white-space: nowrap;
1890 text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
1895 .zonebadge > strong {
1897 display: inline-block;
1905 border: 1px dashed #AAAAAA;
1912 td.cbi-value-field var {
1918 font-family: monospace;
1921 .uci-change-list ins,
1922 .uci-change-legend-label ins {
1923 text-decoration: none;
1924 border: 1px solid #00FF00;
1925 background-color: #CCFFCC;
1930 .uci-change-list del,
1931 .uci-change-legend-label del {
1932 text-decoration: none;
1933 border: 1px solid #FF0000;
1934 background-color: #FFCCCC;
1940 .uci-change-list var,
1941 .uci-change-legend-label var {
1942 text-decoration: none;
1943 border: 1px solid #CCCCCC;
1944 background-color: #EEEEEE;
1950 .uci-change-list var ins,
1951 .uci-change-list var del {
1952 /*display: inline;*/
1959 .uci-change-legend {
1963 .uci-change-legend-label {
1968 .uci-change-legend-label > ins,
1969 .uci-change-legend-label > del,
1970 .uci-change-legend-label > var {
1978 .uci-change-legend-label var ins,
1979 .uci-change-legend-label var del {