3 * Copyright 2012 Nut & Bolt
4 * By David Menting <david@nut-bolt.nl>
5 * Based on Bootstrap v1.4.0
7 * Copyright 2011 Twitter, Inc
8 * Licensed under the Apache License v2.0
9 * http://www.apache.org/licenses/LICENSE-2.0
11 * Designed and built with all the love in the world @twitter by @mdo and @fat.
14 * Props to Eric Meyer (meyerweb.com) for his CSS reset file. We're using an adapted version here that cuts out some of the reset HTML elements we will never need here (i.e., dfn, samp, etc).
15 * ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
26 h1
, h2
, h3
, h4
, h5
, h6
, p
, pre
, a
, abbr
, acronym
, code
, del
, em
, img
, q
, s
,
27 small
, strike
, strong
, sub
, sup
, tt
, var
, dd
, dl
, dt
, li
, ol
, ul
, fieldset
,
28 form
, label
, legend
, button
, table
, caption
, tbody
, tfoot
, thead
, tr
, th
, td
{
39 abbr
[title
], acronym
[title
] {
40 border-bottom: 1px dotted
;
45 border-collapse: collapse
;
63 -webkit-text-size-adjust: 100%;
64 -ms-text-size-adjust: 100%;
92 vertical-align: baseline
;
105 -ms-interpolation-mode: bicubic
;
115 -webkit-box-sizing: border-box
;
116 -moz-box-sizing: border-box
;
117 box-sizing: border-box
;
118 vertical-align: baseline
;
119 *vertical-align: middle
;
127 button::-moz-focus-inner
, input::-moz-focus-inner
{
133 input
[type
="button"],
135 input
[type
="submit"] {
137 -webkit-appearance: button
;
140 input
[type
="search"] {
141 -webkit-appearance: textfield
;
142 -webkit-box-sizing: content-box
;
143 -moz-box-sizing: content-box
;
144 box-sizing: content-box
;
147 input
[type
="search"]::-webkit-search-decoration
{
148 -webkit-appearance: none
;
158 * Basic and global styles for generating a grid system, structural layout, and page templates
159 * ------------------------------------------------------------------------------------------- */
161 background-color: #ffffff;
163 font-family: "Helvetica Neue", Helvetica
, Arial
, sans-serif
;
179 .container:before, .container:after {
191 text-decoration: none
;
192 line-height: inherit
;
193 font-weight: inherit
;
198 text-decoration: underline
;
210 * Headings, body text, lists, code, and more for a versatile and durable typography system
211 * ---------------------------------------------------------------------------------------- */
294 text-transform: uppercase
;
298 margin: 0 0 18px 25px;
345 border-bottom: 1px solid
#eee;
355 font-weight: inherit
;
356 line-height: inherit
;
359 small
{ font-size: 0.9em }
369 font-family: Monaco
, Andale Mono
, Courier New
, monospace
;
371 -webkit-border-radius: 3px;
372 -moz-border-radius: 3px;
377 background-color: #fee9cc;
378 color: rgba
(0, 0, 0, 0.75);
383 background-color: #f5f5f5;
389 border: 1px solid
#ccc;
390 border: 1px solid rgba
(0, 0, 0, 0.15);
391 -webkit-border-radius: 3px;
392 -moz-border-radius: 3px;
395 white-space: pre-wrap
;
396 word-wrap: break-word
;
400 * Base styles for various input types, form layouts, and states
401 * ------------------------------------------------------------- */
417 *padding: 0 0 5px 0px;
432 form
.clearfix:before
, form
.clearfix:after
,
433 form
.cbi-value:before
, form
.cbi-value:after
{
440 form
.cbi-value:after
{
448 font-family: "Helvetica Neue", Helvetica
, Arial
, sans-serif
;
455 form
.cbi-value-field
{
459 form
.cbi-value label
.cbi-value-title
{
469 input
[type
=checkbox
], input
[type
=radio
] {
477 display: inline-block
;
484 border: 1px solid
#ccc;
485 -webkit-border-radius: 3px;
486 -moz-border-radius: 3px;
494 input
[type
=checkbox
], input
[type
=radio
] {
507 background-color: #ffffff;
510 line-height: initial
;
511 -webkit-box-shadow: none
;
512 -moz-box-shadow: none
;
514 width: auto
!important
;
517 input
[type
=button
], input
[type
=reset
], input
[type
=submit
] {
522 select
, input
[type
=file
] {
525 /* For IE7, add top margin to align select with labels */
530 background-color: #ffffff;
538 background-color: #ffffff;
541 -webkit-box-shadow: inset
0 1px 2px rgba
(0, 0, 0, 0.025);
542 -moz-box-shadow: inset
0 1px 2px rgba
(0, 0, 0, 0.025);
543 box-shadow: inset
0 1px 2px rgba
(0, 0, 0, 0.025);
551 ::-webkit-input-placeholder
{
556 -webkit-transition: border linear
0.2s, box-shadow linear
0.2s;
557 -moz-transition: border linear
0.2s, box-shadow linear
0.2s;
558 -ms-transition: border linear
0.2s, box-shadow linear
0.2s;
559 -o-transition: border linear
0.2s, box-shadow linear
0.2s;
560 transition: border linear
0.2s, box-shadow linear
0.2s;
561 -webkit-box-shadow: inset
0 1px 3px rgba
(0, 0, 0, 0.1);
562 -moz-box-shadow: inset
0 1px 3px rgba
(0, 0, 0, 0.1);
563 box-shadow: inset
0 1px 3px rgba
(0, 0, 0, 0.1);
566 input:focus
, textarea:focus
{
568 border-color: rgba
(82, 168, 236, 0.8);
569 -webkit-box-shadow: inset
0 1px 3px rgba
(0, 0, 0, 0.1), 0 0 8px rgba
(82, 168, 236, 0.6);
570 -moz-box-shadow: inset
0 1px 3px rgba
(0, 0, 0, 0.1), 0 0 8px rgba
(82, 168, 236, 0.6);
571 box-shadow: inset
0 1px 3px rgba
(0, 0, 0, 0.1), 0 0 8px rgba
(82, 168, 236, 0.6);
574 input
[type
=file
]:focus
, input
[type
=checkbox
]:focus
, select:focus
{
575 -webkit-box-shadow: none
;
576 -moz-box-shadow: none
;
578 outline: 1px dotted
#666;
581 form
.clearfix
.error
> label
, form
.clearfix
.error
.help-block
, form
.clearfix
.error
.help-inline
{
585 form
.clearfix
.error input
, form
.clearfix
.error textarea
{
587 border-color: #ee5f5b;
590 form
.clearfix
.error
input:focus
, form
.clearfix
.error
textarea:focus
{
591 border-color: #e9322d;
592 -webkit-box-shadow: 0 0 6px #f8b9b7;
593 -moz-box-shadow: 0 0 6px #f8b9b7;
594 box-shadow: 0 0 6px #f8b9b7;
597 form
.clearfix
.error
.input-prepend
.add-on
, form
.clearfix
.error
.input-append
.add-on
{
599 background-color: #fce6e6;
600 border-color: #b94a48;
603 form
.clearfix
.warning
> label
, form
.clearfix
.warning
.help-block
, form
.clearfix
.warning
.help-inline
{
607 form
.clearfix
.warning input
, form
.clearfix
.warning textarea
{
609 border-color: #ccae64;
612 form
.clearfix
.warning
input:focus
, form
.clearfix
.warning
textarea:focus
{
613 border-color: #be9a3f;
614 -webkit-box-shadow: 0 0 6px #e5d6b1;
615 -moz-box-shadow: 0 0 6px #e5d6b1;
616 box-shadow: 0 0 6px #e5d6b1;
619 form
.clearfix
.warning
.input-prepend
.add-on
, form
.clearfix
.warning
.input-append
.add-on
{
621 background-color: #d2b877;
622 border-color: #c09853;
625 form
.clearfix
.success
> label
, form
.clearfix
.success
.help-block
, form
.clearfix
.success
.help-inline
{
629 form
.clearfix
.success input
, form
.clearfix
.success textarea
{
631 border-color: #57a957;
634 form
.clearfix
.success
input:focus
, form
.clearfix
.success
textarea:focus
{
635 border-color: #458845;
636 -webkit-box-shadow: 0 0 6px #9acc9a;
637 -moz-box-shadow: 0 0 6px #9acc9a;
638 box-shadow: 0 0 6px #9acc9a;
641 form
.clearfix
.success
.input-prepend
.add-on
, form
.clearfix
.success
.input-append
.add-on
{
643 background-color: #bcddbc;
644 border-color: #468847;
653 background-color: #f5f5f5;
661 padding: 17px 20px 18px 150px;
662 border-top: 1px solid
#ddd;
663 -webkit-border-radius: 0 0 3px 3px;
664 -moz-border-radius: 0 0 3px 3px;
665 border-radius: 0 0 3px 3px;
669 .actions
.secondary-action
,
670 .cbi-page-actions .secondary-action{
674 .actions
.secondary-action a
,
675 .cbi-page-actions .secondary-action a {
679 .actions
.secondary-action
a:hover
,
680 .cbi-page-actions .secondary-action a:hover {
681 text-decoration: underline
;
684 .help-inline, .help-block {
707 * Tables for, you guessed it, tabular data
708 * ---------------------------------------- */
714 border-collapse: collapse
;
718 padding: 10px 10px 9px;
726 vertical-align: middle
;
731 border-top: 1px solid
#ddd;
735 border-top: 1px solid
#ddd;
740 * Repeatable UI elements outside the base styles provided from the scaffolding
741 * ---------------------------------------------------------------------------- */
755 text-shadow: 0 -1px 0 rgba
(0, 0, 0, 0.25);
758 header h3
a:hover
, header
.brand:hover
, header ul
.active
> a
{
759 background-color: #333;
760 background-color: rgba
(255, 255, 255, 0.05);
762 text-decoration: none
;
769 header h3 a
, header
.brand
{
772 padding: 8px 20px 12px;
786 background-color: #222;
787 background-color: #222222;
788 background-repeat: repeat-x
;
789 background-image: -khtml-gradient
(linear
, left top
, left bottom
, from
(#333333), to
(#222222));
790 background-image: -moz-linear-gradient
(top
, #333333, #222222);
791 background-image: -ms-linear-gradient
(top
, #333333, #222222);
792 background-image: -webkit-gradient
(linear
, left top
, left bottom
, color-stop
(0%, #333333), color-stop
(100%, #222222));
793 background-image: -webkit-linear-gradient
(top
, #333333, #222222);
794 background-image: -o-linear-gradient
(top
, #333333, #222222);
795 background-image: linear-gradient
(top
, #333333, #222222);
796 filter: progid:DXImageTransform
.Microsoft
.gradient
(startColorstr
='#333333', endColorstr
='#222222', GradientType
=0);
797 -webkit-box-shadow: 0 1px 3px rgba
(0, 0, 0, 0.25), inset
0 -1px 0 rgba
(0, 0, 0, 0.1);
798 -moz-box-shadow: 0 1px 3px rgba
(0, 0, 0, 0.25), inset
0 -1px 0 rgba
(0, 0, 0, 0.1);
799 box-shadow: 0 1px 3px rgba
(0, 0, 0, 0.25), inset
0 -1px 0 rgba
(0, 0, 0, 0.1);
803 header div
> ul
, .nav
{
811 header div
> ul
> li
, .nav
> li
{
816 header div
> ul a
, .nav a
{
819 padding: 10px 10px 11px;
821 text-decoration: none
;
824 header div
> ul
a:hover
, .nav
a:hover
{
826 text-decoration: none
;
829 header div
> ul
.active
> a
, .nav
.active
> a
{
830 background-color: #222;
831 background-color: rgba
(0, 0, 0, 0.5);
834 header div
> ul
.secondary-nav
, .nav
.secondary-nav
{
840 header div
> ul
.secondary-nav
.menu-dropdown
,
841 .nav
.secondary-nav
.menu-dropdown
,
842 header div
> ul
.secondary-nav
.dropdown-menu
,
843 .nav.secondary-nav .dropdown-menu {
848 header div
> ul a
.menu:hover
,
850 header div
> ul li
.open
.menu
,
852 header div
> ul
.dropdown-toggle:hover
,
853 .nav
.dropdown-toggle:hover
,
854 header div
> ul
.dropdown
.open
.dropdown-toggle
,
855 .nav .dropdown.open .dropdown-toggle {
857 background: rgba
(255, 255, 255, 0.05);
860 header div
> ul
.menu-dropdown
,
862 header div
> ul
.dropdown-menu
,
863 .nav .dropdown-menu {
864 background-color: #333;
867 header div
> ul
.menu-dropdown a
.menu
,
868 .nav
.menu-dropdown a
.menu
,
869 header div
> ul
.dropdown-menu a
.menu
,
870 .nav
.dropdown-menu a
.menu
,
871 header div
> ul
.menu-dropdown
.dropdown-toggle
,
872 .nav
.menu-dropdown
.dropdown-toggle
,
873 header div
> ul
.dropdown-menu
.dropdown-toggle
,
874 .nav .dropdown-menu .dropdown-toggle {
878 header div
> ul
.menu-dropdown a
.menu
.open
,
879 .nav
.menu-dropdown a
.menu
.open
,
880 header div
> ul
.dropdown-menu a
.menu
.open
,
881 .nav
.dropdown-menu a
.menu
.open
,
882 header div
> ul
.menu-dropdown
.dropdown-toggle
.open
,
883 .nav
.menu-dropdown
.dropdown-toggle
.open
,
884 header div
> ul
.dropdown-menu
.dropdown-toggle
.open
,
885 .nav .dropdown-menu .dropdown-toggle.open {
887 background: rgba
(255, 255, 255, 0.05);
890 header div
> ul
.menu-dropdown li a
,
891 .nav
.menu-dropdown li a
,
892 header div
> ul
.dropdown-menu li a
,
893 .nav .dropdown-menu li a {
895 text-shadow: 0 1px 0 rgba
(0, 0, 0, 0.5);
898 header div
> ul
.menu-dropdown li
a:hover
,
899 .nav
.menu-dropdown li
a:hover
,
900 header div
> ul
.dropdown-menu li
a:hover
,
901 .nav .dropdown-menu li a:hover {
902 background-color: #191919;
903 background-repeat: repeat-x
;
904 background-image: -khtml-gradient
(linear
, left top
, left bottom
, from
(#292929), to
(#191919));
905 background-image: -moz-linear-gradient
(top
, #292929, #191919);
906 background-image: -ms-linear-gradient
(top
, #292929, #191919);
907 background-image: -webkit-gradient
(linear
, left top
, left bottom
, color-stop
(0%, #292929), color-stop
(100%, #191919));
908 background-image: -webkit-linear-gradient
(top
, #292929, #191919);
909 background-image: -o-linear-gradient
(top
, #292929, #191919);
910 background-image: linear-gradient
(top
, #292929, #191919);
911 filter: progid:DXImageTransform
.Microsoft
.gradient
(startColorstr
='#292929', endColorstr
='#191919', GradientType
=0);
915 header div
> ul
.menu-dropdown
.active a
,
916 .nav
.menu-dropdown
.active a
,
917 header div
> ul
.dropdown-menu
.active a
,
918 .nav .dropdown-menu .active a {
922 header div
> ul
.menu-dropdown
.divider
,
923 .nav
.menu-dropdown
.divider
,
924 header div
> ul
.dropdown-menu
.divider
,
925 .nav .dropdown-menu .divider {
926 background-color: #222;
930 header ul
.menu-dropdown li a
, header ul
.dropdown-menu li a
{
938 a
.menu:after
, .dropdown-toggle:after
{
941 display: inline-block
;
943 text-indent: -99999px;
947 border-left: 4px solid transparent
;
948 border-right: 4px solid transparent
;
949 border-top: 4px solid
#ffffff;
950 filter: alpha
(opacity
=50);
956 .menu-dropdown, .dropdown-menu {
957 background-color: #ffffff;
971 border-color: rgba
(0, 0, 0, 0.2);
973 border-width: 0 1px 1px;
974 -webkit-border-radius: 0 0 6px 6px;
975 -moz-border-radius: 0 0 6px 6px;
976 border-radius: 0 0 6px 6px;
977 -webkit-box-shadow: 0 2px 4px rgba
(0, 0, 0, 0.2);
978 -moz-box-shadow: 0 2px 4px rgba
(0, 0, 0, 0.2);
979 box-shadow: 0 2px 4px rgba
(0, 0, 0, 0.2);
980 -webkit-background-clip: padding-box
;
981 -moz-background-clip: padding-box
;
982 background-clip: padding-box
;
985 .menu-dropdown li, .dropdown-menu li {
988 background-color: none
;
991 .menu-dropdown .divider, .dropdown-menu .divider {
995 background-color: #eee;
996 border-bottom: 1px solid
#ffffff;
999 header
.dropdown-menu a
, .dropdown-menu a
{
1003 font-weight: normal
;
1006 text-shadow: 0 1px 0 #ffffff;
1009 header
.dropdown-menu
a:hover
,
1010 .dropdown-menu
a:hover
,
1011 header
.dropdown-menu a
.hover
,
1012 .dropdown-menu a.hover {
1013 background-color: #dddddd;
1014 background-repeat: repeat-x
;
1015 background-image: -khtml-gradient
(linear
, left top
, left bottom
, from
(#eeeeee), to
(#dddddd));
1016 background-image: -moz-linear-gradient
(top
, #eeeeee, #dddddd);
1017 background-image: -ms-linear-gradient
(top
, #eeeeee, #dddddd);
1018 background-image: -webkit-gradient
(linear
, left top
, left bottom
, color-stop
(0%, #eeeeee), color-stop
(100%, #dddddd));
1019 background-image: -webkit-linear-gradient
(top
, #eeeeee, #dddddd);
1020 background-image: -o-linear-gradient
(top
, #eeeeee, #dddddd);
1021 background-image: linear-gradient
(top
, #eeeeee, #dddddd);
1022 filter: progid:DXImageTransform
.Microsoft
.gradient
(startColorstr
='#eeeeee', endColorstr
='#dddddd', GradientType
=0);
1024 text-decoration: none
;
1025 -webkit-box-shadow: inset
0 1px 0 rgba
(0, 0, 0, 0.025), inset
0 -1px rgba
(0, 0, 0, 0.025);
1026 -moz-box-shadow: inset
0 1px 0 rgba
(0, 0, 0, 0.025), inset
0 -1px rgba
(0, 0, 0, 0.025);
1027 box-shadow: inset
0 1px 0 rgba
(0, 0, 0, 0.025), inset
0 -1px rgba
(0, 0, 0, 0.025);
1031 .dropdown
.open
.menu
,
1032 .open
.dropdown-toggle
,
1033 .dropdown.open .dropdown-toggle {
1036 background: rgba
(0, 0, 0, 0.3);
1039 .open
.menu-dropdown
,
1040 .dropdown
.open
.menu-dropdown
,
1041 .open
.dropdown-menu
,
1042 .dropdown.open .dropdown-menu {
1046 .dropdown:hover ul.dropdown-menu {
1050 .dropdown-menu .dropdown-menu {
1059 .tabs, .cbi-tabmenu {
1067 .cbi-tabmenu:before
,
1069 .cbi-tabmenu:after {
1075 .tabs:after, .cbi-tabmenu:after {
1079 .tabs > li, .cbi-tabmenu > li {
1083 .tabs > li > a, .cbi-tabmenu > li > a {
1090 border-style: solid
;
1091 border-width: 0 0 1px;
1097 margin-bottom: -1px;
1101 .cbi-tabmenu > li > a {
1105 border: 1px solid transparent
;
1106 -webkit-border-radius: 4px 4px 0 0;
1107 -moz-border-radius: 4px 4px 0 0;
1108 border-radius: 4px 4px 0 0;
1111 .tabs
> li
> a:hover
,
1112 .cbi-tabmenu > li > a:hover {
1113 text-decoration: none
;
1114 background-color: #eee;
1115 border-color: #eee #eee #ddd;
1118 .tabs
.active
> a
, .tabs
.active
> a:hover
,
1119 .cbi-tabmenu
.active
> a
, .cbi-tabmenu
.active
> a:hover
,
1120 .cbi-tab > a:link, .cbi-tab > a:hover {
1122 background-color: #ffffff;
1123 border: 1px solid
#ddd;
1124 border-bottom-color: transparent
;
1128 .tabs
.menu-dropdown
, .tabs
.dropdown-menu
,
1129 .cbi-tabmenu .menu-dropdown, .cbi-tabmenu .dropdown-menu {
1132 -webkit-border-radius: 0 6px 6px 6px;
1133 -moz-border-radius: 0 6px 6px 6px;
1134 border-radius: 0 6px 6px 6px;
1137 .tabs a
.menu:after
, .tabs
.dropdown-toggle:after
,
1138 .cbi-tabmenu a.menu:after, .cbi-tabmenu .dropdown-toggle:after {
1139 border-top-color: #999;
1144 .tabs li
.open
.menu
.menu
, .tabs
.open
.dropdown
.dropdown-toggle
,
1145 .cbi-tabmenu li.open.menu .menu, .cbi-tabmenu .open.dropdown .dropdown-toggle {
1149 .tabs li
.open a
.menu:after
, .tabs
.dropdown
.open
.dropdown-toggle:after
,
1150 .cbi-tabmenu li.open a.menu:after, .cbi-tabmenu .dropdown.open .dropdown-toggle:after {
1151 border-top-color: #555;
1154 .tab-content
> .tab-pane
,
1155 .tab-content > div {
1159 .tab-content > .active {
1166 background-color: #f5f5f5;
1167 background-repeat: repeat-x
;
1168 background-image: -khtml-gradient
(linear
, left top
, left bottom
, from
(#ffffff), to
(#f5f5f5));
1169 background-image: -moz-linear-gradient
(top
, #ffffff, #f5f5f5);
1170 background-image: -ms-linear-gradient
(top
, #ffffff, #f5f5f5);
1171 background-image: -webkit-gradient
(linear
, left top
, left bottom
, color-stop
(0%, #ffffff), color-stop
(100%, #f5f5f5));
1172 background-image: -webkit-linear-gradient
(top
, #ffffff, #f5f5f5);
1173 background-image: -o-linear-gradient
(top
, #ffffff, #f5f5f5);
1174 background-image: linear-gradient
(top
, #ffffff, #f5f5f5);
1175 filter: progid:DXImageTransform
.Microsoft
.gradient
(startColorstr
='#ffffff', endColorstr
='#f5f5f5', GradientType
=0);
1176 border: 1px solid
#ddd;
1177 -webkit-border-radius: 3px;
1178 -moz-border-radius: 3px;
1180 -webkit-box-shadow: inset
0 1px 0 #ffffff;
1181 -moz-box-shadow: inset
0 1px 0 #ffffff;
1182 box-shadow: inset
0 1px 0 #ffffff;
1187 text-shadow: 0 1px 0 #ffffff;
1190 .breadcrumb .divider {
1195 .breadcrumb .active a {
1202 border-top: 1px solid
#eee;
1206 .alert-message
.danger
,
1208 .alert-message
.danger:hover
,
1210 .alert-message
.error
,
1212 .alert-message
.error:hover
,
1214 .alert-message
.success
,
1216 .alert-message
.success:hover
,
1218 .alert-message
.info
,
1220 .alert-message.info:hover {
1224 .btn .close, .alert-message .close {
1225 font-family: Arial
, sans-serif
;
1230 .alert-message
.danger
,
1232 .alert-message.error {
1233 background-color: #c43c35;
1234 background-repeat: repeat-x
;
1235 background-image: -khtml-gradient
(linear
, left top
, left bottom
, from
(#ee5f5b), to
(#c43c35));
1236 background-image: -moz-linear-gradient
(top
, #ee5f5b, #c43c35);
1237 background-image: -ms-linear-gradient
(top
, #ee5f5b, #c43c35);
1238 background-image: -webkit-gradient
(linear
, left top
, left bottom
, color-stop
(0%, #ee5f5b), color-stop
(100%, #c43c35));
1239 background-image: -webkit-linear-gradient
(top
, #ee5f5b, #c43c35);
1240 background-image: -o-linear-gradient
(top
, #ee5f5b, #c43c35);
1241 background-image: linear-gradient
(top
, #ee5f5b, #c43c35);
1242 filter: progid:DXImageTransform
.Microsoft
.gradient
(startColorstr
='#ee5f5b', endColorstr
='#c43c35', GradientType
=0);
1243 text-shadow: 0 -1px 0 rgba
(0, 0, 0, 0.25);
1244 border-color: #c43c35 #c43c35 #882a25;
1245 border-color: rgba
(0, 0, 0, 0.1) rgba
(0, 0, 0, 0.1) rgba
(0, 0, 0, 0.25);
1248 .btn.success, .alert-message.success {
1249 background-color: #57a957;
1250 background-repeat: repeat-x
;
1251 background-image: -khtml-gradient
(linear
, left top
, left bottom
, from
(#62c462), to
(#57a957));
1252 background-image: -moz-linear-gradient
(top
, #62c462, #57a957);
1253 background-image: -ms-linear-gradient
(top
, #62c462, #57a957);
1254 background-image: -webkit-gradient
(linear
, left top
, left bottom
, color-stop
(0%, #62c462), color-stop
(100%, #57a957));
1255 background-image: -webkit-linear-gradient
(top
, #62c462, #57a957);
1256 background-image: -o-linear-gradient
(top
, #62c462, #57a957);
1257 background-image: linear-gradient
(top
, #62c462, #57a957);
1258 filter: progid:DXImageTransform
.Microsoft
.gradient
(startColorstr
='#62c462', endColorstr
='#57a957', GradientType
=0);
1259 text-shadow: 0 -1px 0 rgba
(0, 0, 0, 0.25);
1260 border-color: #57a957 #57a957 #3d773d;
1261 border-color: rgba
(0, 0, 0, 0.1) rgba
(0, 0, 0, 0.1) rgba
(0, 0, 0, 0.25);
1264 .btn.info, .alert-message.info {
1265 background-color: #339bb9;
1266 background-repeat: repeat-x
;
1267 background-image: -khtml-gradient
(linear
, left top
, left bottom
, from
(#5bc0de), to
(#339bb9));
1268 background-image: -moz-linear-gradient
(top
, #5bc0de, #339bb9);
1269 background-image: -ms-linear-gradient
(top
, #5bc0de, #339bb9);
1270 background-image: -webkit-gradient
(linear
, left top
, left bottom
, color-stop
(0%, #5bc0de), color-stop
(100%, #339bb9));
1271 background-image: -webkit-linear-gradient
(top
, #5bc0de, #339bb9);
1272 background-image: -o-linear-gradient
(top
, #5bc0de, #339bb9);
1273 background-image: linear-gradient
(top
, #5bc0de, #339bb9);
1274 filter: progid:DXImageTransform
.Microsoft
.gradient
(startColorstr
='#5bc0de', endColorstr
='#339bb9', GradientType
=0);
1275 text-shadow: 0 -1px 0 rgba
(0, 0, 0, 0.25);
1276 border-color: #339bb9 #339bb9 #22697d;
1277 border-color: rgba
(0, 0, 0, 0.1) rgba
(0, 0, 0, 0.1) rgba
(0, 0, 0, 0.25);
1283 display: inline-block
;
1284 background-color: #e6e6e6;
1285 background-repeat: no-repeat
;
1286 background-image: -webkit-gradient
(linear
, 0 0, 0 100%, from
(#ffffff), color-stop
(25%, #ffffff), to
(#e6e6e6));
1287 background-image: -webkit-linear-gradient
(#ffffff, #ffffff 25%, #e6e6e6);
1288 background-image: -moz-linear-gradient
(top
, #ffffff, #ffffff 25%, #e6e6e6);
1289 background-image: -ms-linear-gradient
(#ffffff, #ffffff 25%, #e6e6e6);
1290 background-image: -o-linear-gradient
(#ffffff, #ffffff 25%, #e6e6e6);
1291 background-image: linear-gradient
(#ffffff, #ffffff 25%, #e6e6e6);
1292 filter: progid:DXImageTransform
.Microsoft
.gradient
(startColorstr
='#ffffff', endColorstr
='#e6e6e6', GradientType
=0);
1293 padding: 5px 14px 6px;
1294 text-shadow: 0 1px 1px rgba
(255, 255, 255, 0.75);
1297 line-height: normal
;
1298 border: 1px solid
#ccc;
1299 border-bottom-color: #bbb;
1300 -webkit-border-radius: 4px;
1301 -moz-border-radius: 4px;
1303 -webkit-box-shadow: inset
0 1px 0 rgba
(255, 255, 255, 0.2), 0 1px 2px rgba
(0, 0, 0, 0.05);
1304 -moz-box-shadow: inset
0 1px 0 rgba
(255, 255, 255, 0.2), 0 1px 2px rgba
(0, 0, 0, 0.05);
1305 box-shadow: inset
0 1px 0 rgba
(255, 255, 255, 0.2), 0 1px 2px rgba
(0, 0, 0, 0.05);
1311 text-decoration: none
;
1316 outline: 1px dotted
#666;
1320 .cbi-page-actions
.cbi-button-apply
,
1321 .cbi-page-actions
.cbi-button-save
,
1322 .cbi-page-actions .cbi-button-reset {
1324 padding: 5px 14px 6px;
1325 background-color: #0064cd;
1326 background-repeat: repeat-x
;
1327 background-image: -khtml-gradient
(linear
, left top
, left bottom
, from
(#049cdb), to
(#0064cd));
1328 background-image: -moz-linear-gradient
(top
, #049cdb, #0064cd);
1329 background-image: -ms-linear-gradient
(top
, #049cdb, #0064cd);
1330 background-image: -webkit-gradient
(linear
, left top
, left bottom
, color-stop
(0%, #049cdb), color-stop
(100%, #0064cd));
1331 background-image: -webkit-linear-gradient
(top
, #049cdb, #0064cd);
1332 background-image: -o-linear-gradient
(top
, #049cdb, #0064cd);
1333 background-image: linear-gradient
(top
, #049cdb, #0064cd);
1334 filter: progid:DXImageTransform
.Microsoft
.gradient
(startColorstr
='#049cdb', endColorstr
='#0064cd', GradientType
=0);
1335 text-shadow: 0 -1px 0 rgba
(0, 0, 0, 0.25);
1336 border-color: #0064cd #0064cd #003f81;
1337 border-color: rgba
(0, 0, 0, 0.1) rgba
(0, 0, 0, 0.1) rgba
(0, 0, 0, 0.25);
1340 .cbi-input-invalid {
1342 border-color: #FF0000;
1347 background-position: center center
;
1348 background-image: url
('../resources/cbi/up.gif'), -webkit-gradient
(linear
, 0 0, 0 100%, from
(#ffffff), color-stop
(25%, #ffffff), to
(#e6e6e6));
1349 background-image: url
('../resources/cbi/up.gif'), -webkit-linear-gradient
(#ffffff, #ffffff 25%, #e6e6e6);
1350 background-image: url
('../resources/cbi/up.gif'), -moz-linear-gradient
(top
, #ffffff, #ffffff 25%, #e6e6e6);
1351 background-image: url
('../resources/cbi/up.gif'), -ms-linear-gradient
(#ffffff, #ffffff 25%, #e6e6e6);
1352 background-image: url
('../resources/cbi/up.gif'), -o-linear-gradient
(#ffffff, #ffffff 25%, #e6e6e6);
1353 background-image: url
('../resources/cbi/up.gif'), linear-gradient
(#ffffff, #ffffff 25%, #e6e6e6);
1358 background-position: center center
;
1359 background-image: url
('../resources/cbi/down.gif'), -webkit-gradient
(linear
, 0 0, 0 100%, from
(#ffffff), color-stop
(25%, #ffffff), to
(#e6e6e6));
1360 background-image: url
('../resources/cbi/down.gif'), -webkit-linear-gradient
(#ffffff, #ffffff 25%, #e6e6e6);
1361 background-image: url
('../resources/cbi/down.gif'), -moz-linear-gradient
(top
, #ffffff, #ffffff 25%, #e6e6e6);
1362 background-image: url
('../resources/cbi/down.gif'), -ms-linear-gradient
(#ffffff, #ffffff 25%, #e6e6e6);
1363 background-image: url
('../resources/cbi/down.gif'), -o-linear-gradient
(#ffffff, #ffffff 25%, #e6e6e6);
1364 background-image: url
('../resources/cbi/down.gif'), linear-gradient
(#ffffff, #ffffff 25%, #e6e6e6);
1369 background-position: 6px center
, left top
;
1371 background-image: url
('../resources/cbi/find.gif'), -webkit-gradient
(linear
, 0 0, 0 100%, from
(#ffffff), color-stop
(25%, #ffffff), to
(#e6e6e6));
1372 background-image: url
('../resources/cbi/find.gif'), -webkit-linear-gradient
(#ffffff, #ffffff 25%, #e6e6e6);
1373 background-image: url
('../resources/cbi/find.gif'), -moz-linear-gradient
(top
, #ffffff, #ffffff 25%, #e6e6e6);
1374 background-image: url
('../resources/cbi/find.gif'), -ms-linear-gradient
(#ffffff, #ffffff 25%, #e6e6e6);
1375 background-image: url
('../resources/cbi/find.gif'), -o-linear-gradient
(#ffffff, #ffffff 25%, #e6e6e6);
1376 background-image: url
('../resources/cbi/find.gif'), linear-gradient
(#ffffff, #ffffff 25%, #e6e6e6);
1381 background-position: 6px center
, left top
;
1383 background-image: url
('../resources/cbi/add.gif'), -webkit-gradient
(linear
, 0 0, 0 100%, from
(#ffffff), color-stop
(25%, #ffffff), to
(#e6e6e6));
1384 background-image: url
('../resources/cbi/add.gif'), -webkit-linear-gradient
(#ffffff, #ffffff 25%, #e6e6e6);
1385 background-image: url
('../resources/cbi/add.gif'), -moz-linear-gradient
(top
, #ffffff, #ffffff 25%, #e6e6e6);
1386 background-image: url
('../resources/cbi/add.gif'), -ms-linear-gradient
(#ffffff, #ffffff 25%, #e6e6e6);
1387 background-image: url
('../resources/cbi/add.gif'), -o-linear-gradient
(#ffffff, #ffffff 25%, #e6e6e6);
1388 background-image: url
('../resources/cbi/add.gif'), linear-gradient
(#ffffff, #ffffff 25%, #e6e6e6);
1393 background-position: 6px center
, left top
;
1395 background-image: url
('../resources/cbi/apply.gif'), -webkit-gradient
(linear
, 0 0, 0 100%, from
(#ffffff), color-stop
(25%, #ffffff), to
(#e6e6e6));
1396 background-image: url
('../resources/cbi/apply.gif'), -webkit-linear-gradient
(#ffffff, #ffffff 25%, #e6e6e6);
1397 background-image: url
('../resources/cbi/apply.gif'), -moz-linear-gradient
(top
, #ffffff, #ffffff 25%, #e6e6e6);
1398 background-image: url
('../resources/cbi/apply.gif'), -ms-linear-gradient
(#ffffff, #ffffff 25%, #e6e6e6);
1399 background-image: url
('../resources/cbi/apply.gif'), -o-linear-gradient
(#ffffff, #ffffff 25%, #e6e6e6);
1400 background-image: url
('../resources/cbi/apply.gif'), linear-gradient
(#ffffff, #ffffff 25%, #e6e6e6);
1405 background-position: 6px center
, left top
;
1407 background-image: url
('../resources/cbi/reset.gif'), -webkit-gradient
(linear
, 0 0, 0 100%, from
(#ffffff), color-stop
(25%, #ffffff), to
(#e6e6e6));
1408 background-image: url
('../resources/cbi/reset.gif'), -webkit-linear-gradient
(#ffffff, #ffffff 25%, #e6e6e6);
1409 background-image: url
('../resources/cbi/reset.gif'), -moz-linear-gradient
(top
, #ffffff, #ffffff 25%, #e6e6e6);
1410 background-image: url
('../resources/cbi/reset.gif'), -ms-linear-gradient
(#ffffff, #ffffff 25%, #e6e6e6);
1411 background-image: url
('../resources/cbi/reset.gif'), -o-linear-gradient
(#ffffff, #ffffff 25%, #e6e6e6);
1412 background-image: url
('../resources/cbi/reset.gif'), linear-gradient
(#ffffff, #ffffff 25%, #e6e6e6);
1417 background-position: 6px center
, left top
;
1419 background-image: url
('../resources/cbi/edit.gif'), -webkit-gradient
(linear
, 0 0, 0 100%, from
(#ffffff), color-stop
(25%, #ffffff), to
(#e6e6e6));
1420 background-image: url
('../resources/cbi/edit.gif'), -webkit-linear-gradient
(#ffffff, #ffffff 25%, #e6e6e6);
1421 background-image: url
('../resources/cbi/edit.gif'), -moz-linear-gradient
(top
, #ffffff, #ffffff 25%, #e6e6e6);
1422 background-image: url
('../resources/cbi/edit.gif'), -ms-linear-gradient
(#ffffff, #ffffff 25%, #e6e6e6);
1423 background-image: url
('../resources/cbi/edit.gif'), -o-linear-gradient
(#ffffff, #ffffff 25%, #e6e6e6);
1424 background-image: url
('../resources/cbi/edit.gif'), linear-gradient
(#ffffff, #ffffff 25%, #e6e6e6);
1429 background-position: 6px center
, left top
;
1431 background-image: url
('../resources/cbi/remove.gif'), -webkit-gradient
(linear
, 0 0, 0 100%, from
(#ffffff), color-stop
(25%, #ffffff), to
(#e6e6e6));
1432 background-image: url
('../resources/cbi/remove.gif'), -webkit-linear-gradient
(#ffffff, #ffffff 25%, #e6e6e6);
1433 background-image: url
('../resources/cbi/remove.gif'), -moz-linear-gradient
(top
, #ffffff, #ffffff 25%, #e6e6e6);
1434 background-image: url
('../resources/cbi/remove.gif'), -ms-linear-gradient
(#ffffff, #ffffff 25%, #e6e6e6);
1435 background-image: url
('../resources/cbi/remove.gif'), -o-linear-gradient
(#ffffff, #ffffff 25%, #e6e6e6);
1436 background-image: url
('../resources/cbi/remove.gif'), linear-gradient
(#ffffff, #ffffff 25%, #e6e6e6);
1441 background-position: 6px center
, left top
;
1443 background-image: url
('../resources/cbi/reload.gif'), -webkit-gradient
(linear
, 0 0, 0 100%, from
(#ffffff), color-stop
(25%, #ffffff), to
(#e6e6e6));
1444 background-image: url
('../resources/cbi/reload.gif'), -webkit-linear-gradient
(#ffffff, #ffffff 25%, #e6e6e6);
1445 background-image: url
('../resources/cbi/reload.gif'), -moz-linear-gradient
(top
, #ffffff, #ffffff 25%, #e6e6e6);
1446 background-image: url
('../resources/cbi/reload.gif'), -ms-linear-gradient
(#ffffff, #ffffff 25%, #e6e6e6);
1447 background-image: url
('../resources/cbi/reload.gif'), -o-linear-gradient
(#ffffff, #ffffff 25%, #e6e6e6);
1448 background-image: url
('../resources/cbi/reload.gif'), linear-gradient
(#ffffff, #ffffff 25%, #e6e6e6);
1453 background-position: 6px center
, left top
;
1455 background-image: url
('../resources/cbi/link.gif'), -webkit-gradient
(linear
, 0 0, 0 100%, from
(#ffffff), color-stop
(25%, #ffffff), to
(#e6e6e6));
1456 background-image: url
('../resources/cbi/link.gif'), -webkit-linear-gradient
(#ffffff, #ffffff 25%, #e6e6e6);
1457 background-image: url
('../resources/cbi/link.gif'), -moz-linear-gradient
(top
, #ffffff, #ffffff 25%, #e6e6e6);
1458 background-image: url
('../resources/cbi/link.gif'), -ms-linear-gradient
(#ffffff, #ffffff 25%, #e6e6e6);
1459 background-image: url
('../resources/cbi/link.gif'), -o-linear-gradient
(#ffffff, #ffffff 25%, #e6e6e6);
1460 background-image: url
('../resources/cbi/link.gif'), linear-gradient
(#ffffff, #ffffff 25%, #e6e6e6);
1463 .cbi-button-download
,
1464 .cbi-input-download {
1465 background-position: 6px center
, left top
;
1467 background-image: url
('../resources/cbi/download.gif'), -webkit-gradient
(linear
, 0 0, 0 100%, from
(#ffffff), color-stop
(25%, #ffffff), to
(#e6e6e6));
1468 background-image: url
('../resources/cbi/download.gif'), -webkit-linear-gradient
(#ffffff, #ffffff 25%, #e6e6e6);
1469 background-image: url
('../resources/cbi/download.gif'), -moz-linear-gradient
(top
, #ffffff, #ffffff 25%, #e6e6e6);
1470 background-image: url
('../resources/cbi/download.gif'), -ms-linear-gradient
(#ffffff, #ffffff 25%, #e6e6e6);
1471 background-image: url
('../resources/cbi/download.gif'), -o-linear-gradient
(#ffffff, #ffffff 25%, #e6e6e6);
1472 background-image: url
('../resources/cbi/download.gif'), linear-gradient
(#ffffff, #ffffff 25%, #e6e6e6);
1475 .btn.active, .btn:active {
1476 -webkit-box-shadow: inset
0 2px 4px rgba
(0, 0, 0, 0.25), 0 1px 2px rgba
(0, 0, 0, 0.05);
1477 -moz-box-shadow: inset
0 2px 4px rgba
(0, 0, 0, 0.25), 0 1px 2px rgba
(0, 0, 0, 0.05);
1478 box-shadow: inset
0 2px 4px rgba
(0, 0, 0, 0.25), 0 1px 2px rgba
(0, 0, 0, 0.05);
1483 background-image: none
;
1484 filter: progid:DXImageTransform
.Microsoft
.gradient
(enabled
= false
);
1485 filter: alpha
(opacity
=65);
1486 -khtml-opacity: 0.65;
1489 -webkit-box-shadow: none
;
1490 -moz-box-shadow: none
;
1496 background-image: none
;
1497 filter: progid:DXImageTransform
.Microsoft
.gradient
(enabled
= false
);
1498 filter: alpha
(opacity
=65);
1499 -khtml-opacity: 0.65;
1502 -webkit-box-shadow: none
;
1503 -moz-box-shadow: none
;
1509 line-height: normal
;
1510 padding: 9px 14px 9px;
1511 -webkit-border-radius: 6px;
1512 -moz-border-radius: 6px;
1517 padding: 7px 9px 7px;
1521 /* Button icons for specific pages */
1522 .Startup
.cbi-section-table input
.cbi-input-apply
,
1523 .Startup .cbi-section-table input.cbi-button-apply {
1524 background-image: url
("../resources/cbi/apply.gif");
1525 background-position: 7px 4px;
1526 padding: 3px 9px 3px 27px;
1529 .Processes
.cbi-section-table input
.cbi-input-reload
,
1530 .Startup .cbi-section-table input.cbi-input-reload {
1531 background-image: url
("../resources/cbi/reload.gif");
1532 background-position: 7px 4px;
1533 padding: 3px 9px 3px 27px;
1536 .Processes
.cbi-section-table input
.cbi-input-remove
,
1537 .Processes
.cbi-section-table div
.cbi-section-remove input
,
1538 .Startup
.cbi-section-table input
.cbi-input-remove
,
1539 .Startup .cbi-section-table div.cbi-section-remove input {
1540 background-image: url
("../resources/cbi/remove.gif");
1541 background-position: 7px 4px;
1542 padding: 3px 9px 3px 27px;
1545 .Processes
.cbi-section-table input
.cbi-input-reset
,
1546 .Processes
.cbi-section-table input
.cbi-button-reset
,
1547 .Startup
.cbi-section-table input
.cbi-input-reset
,
1548 .Startup .cbi-section-table input.cbi-button-reset {
1549 background-image: url
("../resources/cbi/reset.gif");
1550 background-position: 7px 4px;
1551 padding: 3px 9px 3px 27px;
1554 .Startup
.cbi-section-table input
.cbi-input-save
,
1555 .Startup .cbi-section-table input.cbi-button-save {
1556 background-image: url
("../resources/cbi/save.gif");
1557 background-position: 7px 4px;
1558 padding: 3px 9px 3px 27px;
1561 :root
.alert-message
, :root
.btn
{
1565 button
.btn::-moz-focus-inner
, input
[type
=submit
].btn::-moz-focus-inner
{
1575 line-height: 13.5px;
1576 text-shadow: 0 1px 0 #ffffff;
1577 filter: alpha
(opacity
=25);
1578 -khtml-opacity: 0.25;
1585 text-decoration: none
;
1586 filter: alpha
(opacity
=40);
1587 -khtml-opacity: 0.4;
1595 margin-bottom: 18px;
1597 background-color: #eedc94;
1598 background-repeat: repeat-x
;
1599 background-image: -khtml-gradient
(linear
, left top
, left bottom
, from
(#fceec1), to
(#eedc94));
1600 background-image: -moz-linear-gradient
(top
, #fceec1, #eedc94);
1601 background-image: -ms-linear-gradient
(top
, #fceec1, #eedc94);
1602 background-image: -webkit-gradient
(linear
, left top
, left bottom
, color-stop
(0%, #fceec1), color-stop
(100%, #eedc94));
1603 background-image: -webkit-linear-gradient
(top
, #fceec1, #eedc94);
1604 background-image: -o-linear-gradient
(top
, #fceec1, #eedc94);
1605 background-image: linear-gradient
(top
, #fceec1, #eedc94);
1606 filter: progid:DXImageTransform
.Microsoft
.gradient
(startColorstr
='#fceec1', endColorstr
='#eedc94', GradientType
=0);
1607 text-shadow: 0 -1px 0 rgba
(0, 0, 0, 0.25);
1608 border-color: #eedc94 #eedc94 #e4c652;
1609 border-color: rgba
(0, 0, 0, 0.1) rgba
(0, 0, 0, 0.1) rgba
(0, 0, 0, 0.25);
1610 text-shadow: 0 1px 0 rgba
(255, 255, 255, 0.5);
1612 border-style: solid
;
1613 -webkit-border-radius: 4px;
1614 -moz-border-radius: 4px;
1616 -webkit-box-shadow: inset
0 1px 0 rgba
(255, 255, 255, 0.25);
1617 -moz-box-shadow: inset
0 1px 0 rgba
(255, 255, 255, 0.25);
1618 box-shadow: inset
0 1px 0 rgba
(255, 255, 255, 0.25);
1621 .alert-message .close {
1631 .alert-message
.danger p a
,
1632 .alert-message
.error p a
,
1633 .alert-message
.success p a
,
1634 .alert-message.info p a {
1646 .alert-message div {
1652 .alert-message .btn {
1653 -webkit-box-shadow: 0 1px 0 rgba
(255, 255, 255, 0.25);
1654 -moz-box-shadow: 0 1px 0 rgba
(255, 255, 255, 0.25);
1655 box-shadow: 0 1px 0 rgba
(255, 255, 255, 0.25);
1659 padding: 1px 3px 2px;
1662 color: #ffffff !important
;
1663 text-transform: uppercase
;
1664 white-space: nowrap
;
1665 background-color: #bfbfbf;
1666 -webkit-border-radius: 3px;
1667 -moz-border-radius: 3px;
1678 text-decoration: none
;
1682 background-color: #c43c35;
1686 background-color: #f89406;
1690 background-color: #46a546;
1694 background-color: #62cffc;
1697 /* LuCI specific items */
1698 .hidden { display: none
}
1705 border: 1px solid
#CCCCCC;
1706 border-radius: 3px 3px 3px 3px;
1708 display: inline-block
;
1718 form
.inline
{ display: inline
}
1720 header
.pull-right
{ padding-top: 8px; }
1722 #modemenu li:last-child span
.divider
{ display: none
}
1724 #syslog { width: 100%; }
1726 .cbi-section-table tbody tr:nth-child(odd) td, .cbi-section-table tbody tr:nth-child(odd) th {
1727 background-color: #f9f9f9;
1730 .cbi-section-table tbody tr:hover td, .cbi-section-table tbody tr:hover th {
1731 background-color: #f5f5f5;
1734 .cbi-section-table tr.cbi-section-table-descr th {
1735 font-weight: normal
;
1738 .left { text-align: left
!important
; }
1740 .right { text-align: right
!important
; }
1742 .cbi-value-field { line-height: 1.5em; }
1744 .cbi-value-field input
[type
=checkbox
],
1745 .cbi-value-field input[type=radio] {
1751 .cbi-value-field table td {
1755 table
.cbi-section-table input
,
1756 table
.cbi-section-table textarea
,
1757 table
.cbi-section-table select
{
1761 table
.cbi-section-table td
.cbi-section-table-cell
{
1762 white-space: nowrap
;
1766 table
.cbi-section-table td
.cbi-section-table-cell select
{
1770 .cbi-value-description { display: inline
; }
1772 .cbi-value-description img { vertical-align: middle
; }
1775 background-color: #FFFFFF;
1776 border: 1px solid
#CCCCCC;
1779 white-space: nowrap
;
1780 background-image: -webkit-gradient
(linear
, 0 0, 0 100%, from
(#ffffff), color-stop
(25%, #ffffff), to
(#e6e6e6));
1781 background-image: -webkit-linear-gradient
(#ffffff, #ffffff 25%, #e6e6e6);
1782 background-image: -moz-linear-gradient
(top
, #ffffff, #ffffff 25%, #e6e6e6);
1783 background-image: -ms-linear-gradient
(#ffffff, #ffffff 25%, #e6e6e6);
1784 background-image: -o-linear-gradient
(#ffffff, #ffffff 25%, #e6e6e6);
1785 background-image: linear-gradient
(#ffffff, #ffffff 25%, #e6e6e6);
1786 filter: progid:DXImageTransform
.Microsoft
.gradient
(startColorstr
='#ffffff', endColorstr
='#e6e6e6', GradientType
=0);
1787 text-shadow: 0 1px 1px rgba
(255, 255, 255, 0.75);
1788 -webkit-border-radius: 4px;
1789 -moz-border-radius: 4px;
1791 -webkit-box-shadow: inset
0 1px 0 rgba
(255, 255, 255, 0.2), 0 1px 2px rgba
(0, 0, 0, 0.05);
1792 -moz-box-shadow: inset
0 1px 0 rgba
(255, 255, 255, 0.2), 0 1px 2px rgba
(0, 0, 0, 0.05);
1793 box-shadow: inset
0 1px 0 rgba
(255, 255, 255, 0.2), 0 1px 2px rgba
(0, 0, 0, 0.05);
1796 .ifacebox .ifacebox-head {
1797 border-bottom: 1px solid
#CCCCCC;
1801 .ifacebox .ifacebox-body {
1806 display: inline-block
;
1807 white-space: nowrap
;
1808 background-color: #FFFFFF;
1809 border: 1px solid
#CCCCCC;
1812 background-image: -webkit-gradient
(linear
, 0 0, 0 100%, from
(#ffffff), color-stop
(25%, #ffffff), to
(#e6e6e6));
1813 background-image: -webkit-linear-gradient
(#ffffff, #ffffff 25%, #e6e6e6);
1814 background-image: -moz-linear-gradient
(top
, #ffffff, #ffffff 25%, #e6e6e6);
1815 background-image: -ms-linear-gradient
(#ffffff, #ffffff 25%, #e6e6e6);
1816 background-image: -o-linear-gradient
(#ffffff, #ffffff 25%, #e6e6e6);
1817 background-image: linear-gradient
(#ffffff, #ffffff 25%, #e6e6e6);
1818 filter: progid:DXImageTransform
.Microsoft
.gradient
(startColorstr
='#ffffff', endColorstr
='#e6e6e6', GradientType
=0);
1819 text-shadow: 0 1px 1px rgba
(255, 255, 255, 0.75);
1820 -webkit-border-radius: 4px;
1821 -moz-border-radius: 4px;
1823 -webkit-box-shadow: inset
0 1px 0 rgba
(255, 255, 255, 0.2), 0 1px 2px rgba
(0, 0, 0, 0.05);
1824 -moz-box-shadow: inset
0 1px 0 rgba
(255, 255, 255, 0.2), 0 1px 2px rgba
(0, 0, 0, 0.05);
1825 box-shadow: inset
0 1px 0 rgba
(255, 255, 255, 0.2), 0 1px 2px rgba
(0, 0, 0, 0.05);
1828 .ifacebadge-active {
1829 border-color: #000000;
1836 display: inline-block
;
1837 white-space: nowrap
;
1839 text-shadow: 0 1px 1px rgba
(255, 255, 255, 0.75);
1844 .zonebadge > strong {
1846 display: inline-block
;
1855 border: 1px dashed
#AAAAAA;
1862 td
.cbi-value-field var
{
1868 font-family: monospace
;
1871 .uci-change-list ins
,
1872 .uci-change-legend-label ins {
1873 text-decoration: none
;
1874 border: 1px solid
#00FF00;
1875 background-color: #CCFFCC;
1880 .uci-change-list del
,
1881 .uci-change-legend-label del {
1882 text-decoration: none
;
1883 border: 1px solid
#FF0000;
1884 background-color: #FFCCCC;
1890 .uci-change-list var
,
1891 .uci-change-legend-label var {
1892 text-decoration: none
;
1893 border: 1px solid
#CCCCCC;
1894 background-color: #EEEEEE;
1900 .uci-change-list var ins
,
1901 .uci-change-list var del {
1902 /*display: inline;*/
1909 .uci-change-legend {
1913 .uci-change-legend-label {
1918 .uci-change-legend-label
>ins
,
1919 .uci-change-legend-label
>del
,
1920 .uci-change-legend-label>var {
1928 .uci-change-legend-label var ins
,
1929 .uci-change-legend-label var del {