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 * ---------------------------------------------------------------------------------------- */
295 text-transform: uppercase
;
299 margin: 0 0 18px 25px;
346 border-bottom: 1px solid
#eee;
356 font-weight: 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 * ------------------------------------------------------------- */
411 display: inline-block
;
418 *padding: 0 0 5px 0px;
428 .cbi-form .cbi-value {
434 form
.clearfix:before
, form
.clearfix:after
,
435 form
.cbi-value:before
, form
.cbi-value:after
,
436 .cbi-form .cbi-value:before, form .cbi-value:after {
442 form
.clearfix:after
,
443 form
.cbi-value:after
,
444 .cbi-form .cbi-value:after {
452 font-family: "Helvetica Neue", Helvetica
, Arial
, sans-serif
;
459 form
.cbi-value-field
,
460 .cbi-form .cbi-value-field {
466 /* XXX: compatibility */
467 form table
.cbi-value-field
{
471 form
.cbi-value label
.cbi-value-title
,
472 .cbi-form .cbi-value label.cbi-value-title {
482 form
.cbi-value div
.cbi-value-dummy
,
483 .cbi-form .cbi-value div.cbi-value-dummy {
488 form
.cbi-value
.cbi-value-description
,
489 .cbi-form .cbi-value .cbi-value-description {
490 padding: 6px 0 0 20px;
495 background-image: url
("../icons/cbi/help.gif");
496 background-repeat: no-repeat
;
497 background-position: 0 7px;
501 form
.cbi-value
.cbi-value-description img
{
502 vertical-align: middle
;
505 form
.cbi-section-table
.cbi-value
,
506 form
.cbi-section-table
.cbi-value
.cbi-value-field
,
507 form
.cbi-section-table
.cbi-value
.cbi-value-error
{
511 form
.cbi-section-table
.cbi-value
.cbi-value-field
,
512 form
.cbi-section-table
.cbi-value
.cbi-value-field
> input
[type
="text"],
513 form
.cbi-section-table
.cbi-value
.cbi-value-field
> select
{
517 form
.cbi-section-table
.cbi-value
.cbi-value-error
{
520 -webkit-box-sizing: border-box
;
521 -moz-box-sizing: border-box
;
522 box-sizing: border-box
;
530 form
.cbi-section-table
.cbi-section-table-sort
{
537 form
.cbi-section-table
.cbi-section-table-sort img
{
542 form
.cbi-section-table
.cbi-section-table-placeholder
{
545 text-align: center
!important
;
548 form
.cbi-section-table
.cbi-value
.cbi-value-title
,
549 form
.cbi-section-table
.cbi-value
.cbi-value-description
{
553 form
.cbi-value
.cbi-value-error
,
554 .cbi-form .cbi-value .cbi-value-error {
555 background-color: #b94a48;
565 text-shadow: 0 -1px 0 rgba
(0, 0, 0, 0.25);
569 form
.cbi-section-add
.cbi-value-error
,
570 form
.cbi-value
.error
.cbi-value-error
,
571 .cbi-form .cbi-value.error .cbi-value-error {
575 form
.cbi-section-add
.cbi-value-error
{
579 vertical-align: middle
;
582 input
[type
=checkbox
], input
[type
=radio
] {
590 display: inline-block
;
597 border: 1px solid
#ccc;
598 -webkit-border-radius: 3px;
599 -moz-border-radius: 3px;
607 border-color: #b94a48;
614 input
[type
=checkbox
], input
[type
=radio
] {
627 background-color: #ffffff;
630 line-height: initial
;
631 -webkit-box-shadow: none
;
632 -moz-box-shadow: none
;
634 width: auto
!important
;
637 input
[type
=button
], input
[type
=reset
], input
[type
=submit
] {
642 select
, input
[type
=file
] {
645 /* For IE7, add top margin to align select with labels */
650 background-color: #ffffff;
658 background-color: #ffffff;
661 -webkit-box-shadow: inset
0 1px 2px rgba
(0, 0, 0, 0.025);
662 -moz-box-shadow: inset
0 1px 2px rgba
(0, 0, 0, 0.025);
663 box-shadow: inset
0 1px 2px rgba
(0, 0, 0, 0.025);
671 ::-webkit-input-placeholder
{
676 -webkit-transition: border linear
0.2s, box-shadow linear
0.2s;
677 -moz-transition: border linear
0.2s, box-shadow linear
0.2s;
678 -ms-transition: border linear
0.2s, box-shadow linear
0.2s;
679 -o-transition: border linear
0.2s, box-shadow linear
0.2s;
680 transition: border linear
0.2s, box-shadow linear
0.2s;
681 -webkit-box-shadow: inset
0 1px 3px rgba
(0, 0, 0, 0.1);
682 -moz-box-shadow: inset
0 1px 3px rgba
(0, 0, 0, 0.1);
683 box-shadow: inset
0 1px 3px rgba
(0, 0, 0, 0.1);
686 input:focus
, textarea:focus
{
688 border-color: rgba
(82, 168, 236, 0.8);
689 -webkit-box-shadow: inset
0 1px 3px rgba
(0, 0, 0, 0.1), 0 0 8px rgba
(82, 168, 236, 0.6);
690 -moz-box-shadow: inset
0 1px 3px rgba
(0, 0, 0, 0.1), 0 0 8px rgba
(82, 168, 236, 0.6);
691 box-shadow: inset
0 1px 3px rgba
(0, 0, 0, 0.1), 0 0 8px rgba
(82, 168, 236, 0.6);
694 input
[type
=file
]:focus
, input
[type
=checkbox
]:focus
, select:focus
{
695 -webkit-box-shadow: none
;
696 -moz-box-shadow: none
;
698 outline: 1px dotted
#666;
701 form
.clearfix
.error
> label
, form
.clearfix
.error
.help-block
, form
.clearfix
.error
.help-inline
{
705 form
.clearfix
.error input
, form
.clearfix
.error textarea
{
707 border-color: #ee5f5b;
710 form
.clearfix
.error
input:focus
, form
.clearfix
.error
textarea:focus
{
711 border-color: #e9322d;
712 -webkit-box-shadow: 0 0 6px #f8b9b7;
713 -moz-box-shadow: 0 0 6px #f8b9b7;
714 box-shadow: 0 0 6px #f8b9b7;
717 form
.clearfix
.error
.input-prepend
.add-on
, form
.clearfix
.error
.input-append
.add-on
{
719 background-color: #fce6e6;
720 border-color: #b94a48;
723 form
.clearfix
.warning
> label
, form
.clearfix
.warning
.help-block
, form
.clearfix
.warning
.help-inline
{
727 form
.clearfix
.warning input
, form
.clearfix
.warning textarea
{
729 border-color: #ccae64;
732 form
.clearfix
.warning
input:focus
, form
.clearfix
.warning
textarea:focus
{
733 border-color: #be9a3f;
734 -webkit-box-shadow: 0 0 6px #e5d6b1;
735 -moz-box-shadow: 0 0 6px #e5d6b1;
736 box-shadow: 0 0 6px #e5d6b1;
739 form
.clearfix
.warning
.input-prepend
.add-on
, form
.clearfix
.warning
.input-append
.add-on
{
741 background-color: #d2b877;
742 border-color: #c09853;
745 form
.clearfix
.success
> label
, form
.clearfix
.success
.help-block
, form
.clearfix
.success
.help-inline
{
749 form
.clearfix
.success input
, form
.clearfix
.success textarea
{
751 border-color: #57a957;
754 form
.clearfix
.success
input:focus
, form
.clearfix
.success
textarea:focus
{
755 border-color: #458845;
756 -webkit-box-shadow: 0 0 6px #9acc9a;
757 -moz-box-shadow: 0 0 6px #9acc9a;
758 box-shadow: 0 0 6px #9acc9a;
761 form
.clearfix
.success
.input-prepend
.add-on
, form
.clearfix
.success
.input-append
.add-on
{
763 background-color: #bcddbc;
764 border-color: #468847;
774 background-color: #f5f5f5;
782 padding: 4px 4px 5px 150px;
783 border-top: 1px solid
#ddd;
784 -webkit-border-radius: 0 0 3px 3px;
785 -moz-border-radius: 0 0 3px 3px;
786 border-radius: 0 0 3px 3px;
791 .actions
.secondary-action
,
792 .cbi-page-actions .secondary-action{
796 .actions
.secondary-action a
,
797 .cbi-page-actions .secondary-action a {
801 .actions
.secondary-action
a:hover
,
802 .cbi-page-actions .secondary-action a:hover {
803 text-decoration: underline
;
806 .help-inline, .help-block {
829 * Tables for, you guessed it, tabular data
830 * ---------------------------------------- */
836 border-collapse: collapse
;
840 padding: 4px 4px 3px;
847 vertical-align: middle
;
852 border-top: 1px solid
#ddd;
856 border-top: 1px solid
#ddd;
861 * Repeatable UI elements outside the base styles provided from the scaffolding
862 * ---------------------------------------------------------------------------- */
876 text-shadow: 0 -1px 0 rgba
(0, 0, 0, 0.25);
879 header h3
a:hover
, header
.brand:hover
, header ul
.active
> a
{
880 background-color: #333;
881 background-color: rgba
(255, 255, 255, 0.05);
883 text-decoration: none
;
890 header h3 a
, header
.brand
{
893 padding: 8px 20px 12px;
907 background-color: #222;
908 background-color: #222222;
909 background-repeat: repeat-x
;
910 background-image: -khtml-gradient
(linear
, left top
, left bottom
, from
(#333333), to
(#222222));
911 background-image: -moz-linear-gradient
(top
, #333333, #222222);
912 background-image: -ms-linear-gradient
(top
, #333333, #222222);
913 background-image: -webkit-gradient
(linear
, left top
, left bottom
, color-stop
(0%, #333333), color-stop
(100%, #222222));
914 background-image: -webkit-linear-gradient
(top
, #333333, #222222);
915 background-image: -o-linear-gradient
(top
, #333333, #222222);
916 background-image: linear-gradient
(top
, #333333, #222222);
917 filter: progid:DXImageTransform
.Microsoft
.gradient
(startColorstr
='#333333', endColorstr
='#222222', GradientType
=0);
918 -webkit-box-shadow: 0 1px 3px rgba
(0, 0, 0, 0.25), inset
0 -1px 0 rgba
(0, 0, 0, 0.1);
919 -moz-box-shadow: 0 1px 3px rgba
(0, 0, 0, 0.25), inset
0 -1px 0 rgba
(0, 0, 0, 0.1);
920 box-shadow: 0 1px 3px rgba
(0, 0, 0, 0.25), inset
0 -1px 0 rgba
(0, 0, 0, 0.1);
924 header div
> ul
, .nav
{
932 header div
> ul
> li
, .nav
> li
{
937 header div
> ul a
, .nav a
{
940 padding: 10px 10px 11px;
942 text-decoration: none
;
945 header div
> ul
a:hover
, .nav
a:hover
{
947 text-decoration: none
;
950 header div
> ul
.active
> a
, .nav
.active
> a
{
951 background-color: #222;
952 background-color: rgba
(0, 0, 0, 0.5);
955 header div
> ul
.secondary-nav
, .nav
.secondary-nav
{
961 header div
> ul
.secondary-nav
.menu-dropdown
,
962 .nav
.secondary-nav
.menu-dropdown
,
963 header div
> ul
.secondary-nav
.dropdown-menu
,
964 .nav.secondary-nav .dropdown-menu {
969 header div
> ul a
.menu:hover
,
971 header div
> ul li
.open
.menu
,
973 header div
> ul
.dropdown-toggle:hover
,
974 .nav
.dropdown-toggle:hover
,
975 header div
> ul
.dropdown
.open
.dropdown-toggle
,
976 .nav .dropdown.open .dropdown-toggle {
978 background: rgba
(255, 255, 255, 0.05);
981 header div
> ul
.menu-dropdown
,
983 header div
> ul
.dropdown-menu
,
984 .nav .dropdown-menu {
985 background-color: #333;
988 header div
> ul
.menu-dropdown a
.menu
,
989 .nav
.menu-dropdown a
.menu
,
990 header div
> ul
.dropdown-menu a
.menu
,
991 .nav
.dropdown-menu a
.menu
,
992 header div
> ul
.menu-dropdown
.dropdown-toggle
,
993 .nav
.menu-dropdown
.dropdown-toggle
,
994 header div
> ul
.dropdown-menu
.dropdown-toggle
,
995 .nav .dropdown-menu .dropdown-toggle {
999 header div
> ul
.menu-dropdown a
.menu
.open
,
1000 .nav
.menu-dropdown a
.menu
.open
,
1001 header div
> ul
.dropdown-menu a
.menu
.open
,
1002 .nav
.dropdown-menu a
.menu
.open
,
1003 header div
> ul
.menu-dropdown
.dropdown-toggle
.open
,
1004 .nav
.menu-dropdown
.dropdown-toggle
.open
,
1005 header div
> ul
.dropdown-menu
.dropdown-toggle
.open
,
1006 .nav .dropdown-menu .dropdown-toggle.open {
1008 background: rgba
(255, 255, 255, 0.05);
1011 header div
> ul
.menu-dropdown li a
,
1012 .nav
.menu-dropdown li a
,
1013 header div
> ul
.dropdown-menu li a
,
1014 .nav .dropdown-menu li a {
1016 text-shadow: 0 1px 0 rgba
(0, 0, 0, 0.5);
1019 header div
> ul
.menu-dropdown li
a:hover
,
1020 .nav
.menu-dropdown li
a:hover
,
1021 header div
> ul
.dropdown-menu li
a:hover
,
1022 .nav .dropdown-menu li a:hover {
1023 background-color: #191919;
1024 background-repeat: repeat-x
;
1025 background-image: -khtml-gradient
(linear
, left top
, left bottom
, from
(#292929), to
(#191919));
1026 background-image: -moz-linear-gradient
(top
, #292929, #191919);
1027 background-image: -ms-linear-gradient
(top
, #292929, #191919);
1028 background-image: -webkit-gradient
(linear
, left top
, left bottom
, color-stop
(0%, #292929), color-stop
(100%, #191919));
1029 background-image: -webkit-linear-gradient
(top
, #292929, #191919);
1030 background-image: -o-linear-gradient
(top
, #292929, #191919);
1031 background-image: linear-gradient
(top
, #292929, #191919);
1032 filter: progid:DXImageTransform
.Microsoft
.gradient
(startColorstr
='#292929', endColorstr
='#191919', GradientType
=0);
1036 header div
> ul
.menu-dropdown
.active a
,
1037 .nav
.menu-dropdown
.active a
,
1038 header div
> ul
.dropdown-menu
.active a
,
1039 .nav .dropdown-menu .active a {
1043 header div
> ul
.menu-dropdown
.divider
,
1044 .nav
.menu-dropdown
.divider
,
1045 header div
> ul
.dropdown-menu
.divider
,
1046 .nav .dropdown-menu .divider {
1047 background-color: #222;
1051 header ul
.menu-dropdown li a
, header ul
.dropdown-menu li a
{
1055 li
.menu
, .dropdown
{
1059 a
.menu:after
, .dropdown-toggle:after
{
1062 display: inline-block
;
1064 text-indent: -99999px;
1065 vertical-align: top
;
1068 border-left: 4px solid transparent
;
1069 border-right: 4px solid transparent
;
1070 border-top: 4px solid
#ffffff;
1071 filter: alpha
(opacity
=50);
1072 -khtml-opacity: 0.5;
1077 .menu-dropdown, .dropdown-menu {
1078 background-color: #ffffff;
1092 border-color: rgba
(0, 0, 0, 0.2);
1093 border-style: solid
;
1094 border-width: 0 1px 1px;
1095 -webkit-border-radius: 0 0 6px 6px;
1096 -moz-border-radius: 0 0 6px 6px;
1097 border-radius: 0 0 6px 6px;
1098 -webkit-box-shadow: 0 2px 4px rgba
(0, 0, 0, 0.2);
1099 -moz-box-shadow: 0 2px 4px rgba
(0, 0, 0, 0.2);
1100 box-shadow: 0 2px 4px rgba
(0, 0, 0, 0.2);
1101 -webkit-background-clip: padding-box
;
1102 -moz-background-clip: padding-box
;
1103 background-clip: padding-box
;
1106 .menu-dropdown li, .dropdown-menu li {
1109 background-color: none
;
1112 .menu-dropdown .divider, .dropdown-menu .divider {
1116 background-color: #eee;
1117 border-bottom: 1px solid
#ffffff;
1120 header
.dropdown-menu a
, .dropdown-menu a
{
1124 font-weight: normal
;
1127 text-shadow: 0 1px 0 #ffffff;
1130 header
.dropdown-menu
a:hover
,
1131 .dropdown-menu
a:hover
,
1132 header
.dropdown-menu a
.hover
,
1133 .dropdown-menu a.hover {
1134 background-color: #dddddd;
1135 background-repeat: repeat-x
;
1136 background-image: -khtml-gradient
(linear
, left top
, left bottom
, from
(#eeeeee), to
(#dddddd));
1137 background-image: -moz-linear-gradient
(top
, #eeeeee, #dddddd);
1138 background-image: -ms-linear-gradient
(top
, #eeeeee, #dddddd);
1139 background-image: -webkit-gradient
(linear
, left top
, left bottom
, color-stop
(0%, #eeeeee), color-stop
(100%, #dddddd));
1140 background-image: -webkit-linear-gradient
(top
, #eeeeee, #dddddd);
1141 background-image: -o-linear-gradient
(top
, #eeeeee, #dddddd);
1142 background-image: linear-gradient
(top
, #eeeeee, #dddddd);
1143 filter: progid:DXImageTransform
.Microsoft
.gradient
(startColorstr
='#eeeeee', endColorstr
='#dddddd', GradientType
=0);
1145 text-decoration: none
;
1146 -webkit-box-shadow: inset
0 1px 0 rgba
(0, 0, 0, 0.025), inset
0 -1px rgba
(0, 0, 0, 0.025);
1147 -moz-box-shadow: inset
0 1px 0 rgba
(0, 0, 0, 0.025), inset
0 -1px rgba
(0, 0, 0, 0.025);
1148 box-shadow: inset
0 1px 0 rgba
(0, 0, 0, 0.025), inset
0 -1px rgba
(0, 0, 0, 0.025);
1152 .dropdown
.open
.menu
,
1153 .open
.dropdown-toggle
,
1154 .dropdown.open .dropdown-toggle {
1157 background: rgba
(0, 0, 0, 0.3);
1160 .open
.menu-dropdown
,
1161 .dropdown
.open
.menu-dropdown
,
1162 .open
.dropdown-menu
,
1163 .dropdown.open .dropdown-menu {
1167 .dropdown:hover ul.dropdown-menu {
1171 .dropdown-menu .dropdown-menu {
1186 background-color: rgba
(0, 0, 0, 0.5);
1189 .cbi-modal-loader > div {
1190 display: inline-block
;
1199 margin-left: -150px;
1200 border-radius: 10px;
1203 background: #ffffff 10px center no-repeat url
(../icons/loading.gif);
1206 .cbi-modal-dialog > div {
1207 display: inline-block
;
1213 margin-left: -225px;
1214 border-radius: 10px;
1216 background-color: #ffffff
1219 .cbi-modal-dialog > div > div.cbi-modal-dialog-header {
1221 margin-bottom: 10px;
1224 .cbi-modal-dialog > div > div.cbi-modal-dialog-body {
1229 .cbi-modal-dialog > div > div.cbi-modal-dialog-footer {
1234 .cbi-modal-dialog > div > div.cbi-modal-dialog-footer > button {
1238 .tabs, .cbi-tabmenu {
1246 .cbi-tabmenu:before
,
1248 .cbi-tabmenu:after {
1254 .tabs:after, .cbi-tabmenu:after {
1258 .tabs > li, .cbi-tabmenu > li {
1262 .tabs > li > a, .cbi-tabmenu > li > a {
1269 border-style: solid
;
1270 border-width: 0 0 1px;
1276 margin-bottom: -1px;
1280 .cbi-tabmenu > li > a {
1284 border: 1px solid transparent
;
1285 -webkit-border-radius: 4px 4px 0 0;
1286 -moz-border-radius: 4px 4px 0 0;
1287 border-radius: 4px 4px 0 0;
1290 .cbi-tabmenu
> li
> span
.badge
,
1291 .cbi-section legend > span.badge {
1298 background-color: #cccccc;
1304 .tabs
> li
> a:hover
,
1305 .cbi-tabmenu > li > a:hover {
1306 text-decoration: none
;
1307 background-color: #eee;
1308 border-color: #eee #eee #ddd;
1311 .tabs
.active
> a
, .tabs
.active
> a:hover
,
1312 .cbi-tabmenu
.active
> a
, .cbi-tabmenu
.active
> a:hover
,
1313 .cbi-tabmenu
.ui-state-active
> a
, .cbi-tabmenu
.ui-state-active
> a:hover
,
1314 .cbi-tab > a:link, .cbi-tab > a:hover {
1316 background-color: #ffffff;
1317 border: 1px solid
#ddd;
1318 border-bottom-color: transparent
;
1322 .cbi-tabmenu
> .ui-state-active
> span
.badge
,
1323 .cbi-section .ui-accordion-header-active legend > span.badge {
1324 background-color: #b94a48;
1327 .tabs
.menu-dropdown
, .tabs
.dropdown-menu
,
1328 .cbi-tabmenu .menu-dropdown, .cbi-tabmenu .dropdown-menu {
1331 -webkit-border-radius: 0 6px 6px 6px;
1332 -moz-border-radius: 0 6px 6px 6px;
1333 border-radius: 0 6px 6px 6px;
1336 .tabs a
.menu:after
, .tabs
.dropdown-toggle:after
,
1337 .cbi-tabmenu a.menu:after, .cbi-tabmenu .dropdown-toggle:after {
1338 border-top-color: #999;
1343 .tabs li
.open
.menu
.menu
, .tabs
.open
.dropdown
.dropdown-toggle
,
1344 .cbi-tabmenu li.open.menu .menu, .cbi-tabmenu .open.dropdown .dropdown-toggle {
1348 .tabs li
.open a
.menu:after
, .tabs
.dropdown
.open
.dropdown-toggle:after
,
1349 .cbi-tabmenu li.open a.menu:after, .cbi-tabmenu .dropdown.open .dropdown-toggle:after {
1350 border-top-color: #555;
1353 .tab-content
> .tab-pane
,
1354 .tab-content > div {
1358 .tab-content > .active {
1362 .ui-accordion-header {
1364 background-color: #F5F5F5;
1365 border: 1px solid
#E3E3E3;
1366 box-shadow: 0 1px 1px rgba
(0, 0, 0, 0.05) inset
;
1372 .ui-accordion-content {
1373 padding: 0 0 1px 10px;
1376 .ui-accordion-header.ui-state-active {
1378 box-shadow: inherit
;
1379 background-color: inherit
;
1384 vertical-align: middle
;
1389 .cbi-section-add input.cbi-input-text {
1390 vertical-align: middle
;
1391 border-radius: 4px 0 0 4px;
1396 .cbi-section-add img {
1397 vertical-align: middle
;
1399 border-radius: 0 4px 4px 0;
1404 padding-bottom: 10px;
1407 .cbi-section-head .cbi-section-teaser {
1408 padding: 10px 0 5px 0;
1411 text-overflow: ellipsis
;
1412 white-space: nowrap
;
1414 text-shadow: 1px 1px 1px #fff;
1417 .cbi-section-head.ui-state-active .cbi-section-teaser {
1421 .cbi-section-remove {
1430 background-color: #f5f5f5;
1431 background-repeat: repeat-x
;
1432 background-image: -khtml-gradient
(linear
, left top
, left bottom
, from
(#ffffff), to
(#f5f5f5));
1433 background-image: -moz-linear-gradient
(top
, #ffffff, #f5f5f5);
1434 background-image: -ms-linear-gradient
(top
, #ffffff, #f5f5f5);
1435 background-image: -webkit-gradient
(linear
, left top
, left bottom
, color-stop
(0%, #ffffff), color-stop
(100%, #f5f5f5));
1436 background-image: -webkit-linear-gradient
(top
, #ffffff, #f5f5f5);
1437 background-image: -o-linear-gradient
(top
, #ffffff, #f5f5f5);
1438 background-image: linear-gradient
(top
, #ffffff, #f5f5f5);
1439 filter: progid:DXImageTransform
.Microsoft
.gradient
(startColorstr
='#ffffff', endColorstr
='#f5f5f5', GradientType
=0);
1440 border: 1px solid
#ddd;
1441 -webkit-border-radius: 3px;
1442 -moz-border-radius: 3px;
1444 -webkit-box-shadow: inset
0 1px 0 #ffffff;
1445 -moz-box-shadow: inset
0 1px 0 #ffffff;
1446 box-shadow: inset
0 1px 0 #ffffff;
1451 text-shadow: 0 1px 0 #ffffff;
1454 .breadcrumb .divider {
1459 .breadcrumb .active a {
1466 border-top: 1px solid
#eee;
1470 .alert-message
.danger
,
1472 .alert-message
.danger:hover
,
1474 .alert-message
.error
,
1476 .alert-message
.error:hover
,
1478 .alert-message
.success
,
1480 .alert-message
.success:hover
,
1482 .alert-message
.info
,
1484 .alert-message.info:hover {
1488 .btn .close, .alert-message .close {
1489 font-family: Arial
, sans-serif
;
1494 .alert-message
.danger
,
1496 .alert-message.error {
1497 background-color: #c43c35;
1498 background-repeat: repeat-x
;
1499 background-image: -khtml-gradient
(linear
, left top
, left bottom
, from
(#ee5f5b), to
(#c43c35));
1500 background-image: -moz-linear-gradient
(top
, #ee5f5b, #c43c35);
1501 background-image: -ms-linear-gradient
(top
, #ee5f5b, #c43c35);
1502 background-image: -webkit-gradient
(linear
, left top
, left bottom
, color-stop
(0%, #ee5f5b), color-stop
(100%, #c43c35));
1503 background-image: -webkit-linear-gradient
(top
, #ee5f5b, #c43c35);
1504 background-image: -o-linear-gradient
(top
, #ee5f5b, #c43c35);
1505 background-image: linear-gradient
(top
, #ee5f5b, #c43c35);
1506 filter: progid:DXImageTransform
.Microsoft
.gradient
(startColorstr
='#ee5f5b', endColorstr
='#c43c35', GradientType
=0);
1507 text-shadow: 0 -1px 0 rgba
(0, 0, 0, 0.25);
1508 border-color: #c43c35 #c43c35 #882a25;
1509 border-color: rgba
(0, 0, 0, 0.1) rgba
(0, 0, 0, 0.1) rgba
(0, 0, 0, 0.25);
1512 .btn.success, .alert-message.success {
1513 background-color: #57a957;
1514 background-repeat: repeat-x
;
1515 background-image: -khtml-gradient
(linear
, left top
, left bottom
, from
(#62c462), to
(#57a957));
1516 background-image: -moz-linear-gradient
(top
, #62c462, #57a957);
1517 background-image: -ms-linear-gradient
(top
, #62c462, #57a957);
1518 background-image: -webkit-gradient
(linear
, left top
, left bottom
, color-stop
(0%, #62c462), color-stop
(100%, #57a957));
1519 background-image: -webkit-linear-gradient
(top
, #62c462, #57a957);
1520 background-image: -o-linear-gradient
(top
, #62c462, #57a957);
1521 background-image: linear-gradient
(top
, #62c462, #57a957);
1522 filter: progid:DXImageTransform
.Microsoft
.gradient
(startColorstr
='#62c462', endColorstr
='#57a957', GradientType
=0);
1523 text-shadow: 0 -1px 0 rgba
(0, 0, 0, 0.25);
1524 border-color: #57a957 #57a957 #3d773d;
1525 border-color: rgba
(0, 0, 0, 0.1) rgba
(0, 0, 0, 0.1) rgba
(0, 0, 0, 0.25);
1528 .btn.info, .alert-message.info {
1529 background-color: #339bb9;
1530 background-repeat: repeat-x
;
1531 background-image: -khtml-gradient
(linear
, left top
, left bottom
, from
(#5bc0de), to
(#339bb9));
1532 background-image: -moz-linear-gradient
(top
, #5bc0de, #339bb9);
1533 background-image: -ms-linear-gradient
(top
, #5bc0de, #339bb9);
1534 background-image: -webkit-gradient
(linear
, left top
, left bottom
, color-stop
(0%, #5bc0de), color-stop
(100%, #339bb9));
1535 background-image: -webkit-linear-gradient
(top
, #5bc0de, #339bb9);
1536 background-image: -o-linear-gradient
(top
, #5bc0de, #339bb9);
1537 background-image: linear-gradient
(top
, #5bc0de, #339bb9);
1538 filter: progid:DXImageTransform
.Microsoft
.gradient
(startColorstr
='#5bc0de', endColorstr
='#339bb9', GradientType
=0);
1539 text-shadow: 0 -1px 0 rgba
(0, 0, 0, 0.25);
1540 border-color: #339bb9 #339bb9 #22697d;
1541 border-color: rgba
(0, 0, 0, 0.1) rgba
(0, 0, 0, 0.1) rgba
(0, 0, 0, 0.25);
1547 display: inline-block
;
1548 background-color: #e6e6e6;
1549 background-repeat: no-repeat
;
1550 background-image: -webkit-gradient
(linear
, 0 0, 0 100%, from
(#ffffff), color-stop
(25%, #ffffff), to
(#e6e6e6));
1551 background-image: -webkit-linear-gradient
(#ffffff, #ffffff 25%, #e6e6e6);
1552 background-image: -moz-linear-gradient
(top
, #ffffff, #ffffff 25%, #e6e6e6);
1553 background-image: -ms-linear-gradient
(#ffffff, #ffffff 25%, #e6e6e6);
1554 background-image: -o-linear-gradient
(#ffffff, #ffffff 25%, #e6e6e6);
1555 background-image: linear-gradient
(#ffffff, #ffffff 25%, #e6e6e6);
1556 filter: progid:DXImageTransform
.Microsoft
.gradient
(startColorstr
='#ffffff', endColorstr
='#e6e6e6', GradientType
=0);
1557 padding: 5px 14px 6px;
1558 text-shadow: 0 1px 1px rgba
(255, 255, 255, 0.75);
1561 line-height: normal
;
1562 border: 1px solid
#ccc;
1563 border-bottom-color: #bbb;
1564 -webkit-border-radius: 4px;
1565 -moz-border-radius: 4px;
1567 -webkit-box-shadow: inset
0 1px 0 rgba
(255, 255, 255, 0.2), 0 1px 2px rgba
(0, 0, 0, 0.05);
1568 -moz-box-shadow: inset
0 1px 0 rgba
(255, 255, 255, 0.2), 0 1px 2px rgba
(0, 0, 0, 0.05);
1569 box-shadow: inset
0 1px 0 rgba
(255, 255, 255, 0.2), 0 1px 2px rgba
(0, 0, 0, 0.05);
1570 white-space: nowrap
;
1573 .cbi-button[disabled] {
1575 text-shadow: 1px 1px 1px #fff;
1576 filter: progid:DXImageTransform
.Microsoft
.gradient
(enabled
= false
);
1577 filter: alpha
(opacity
=65);
1578 -khtml-opacity: 0.65;
1587 text-decoration: none
;
1592 outline: 1px dotted
#666;
1596 .cbi-page-actions
.cbi-button-apply
,
1597 .cbi-page-actions
.cbi-button-save
,
1598 .cbi-page-actions .cbi-button-reset {
1600 padding: 5px 14px 6px;
1601 background-color: #0064cd;
1602 background-repeat: repeat-x
;
1603 background-image: -khtml-gradient
(linear
, left top
, left bottom
, from
(#049cdb), to
(#0064cd));
1604 background-image: -moz-linear-gradient
(top
, #049cdb, #0064cd);
1605 background-image: -ms-linear-gradient
(top
, #049cdb, #0064cd);
1606 background-image: -webkit-gradient
(linear
, left top
, left bottom
, color-stop
(0%, #049cdb), color-stop
(100%, #0064cd));
1607 background-image: -webkit-linear-gradient
(top
, #049cdb, #0064cd);
1608 background-image: -o-linear-gradient
(top
, #049cdb, #0064cd);
1609 background-image: linear-gradient
(top
, #049cdb, #0064cd);
1610 filter: progid:DXImageTransform
.Microsoft
.gradient
(startColorstr
='#049cdb', endColorstr
='#0064cd', GradientType
=0);
1611 text-shadow: 0 -1px 0 rgba
(0, 0, 0, 0.25);
1612 border-color: #0064cd #0064cd #003f81;
1613 border-color: rgba
(0, 0, 0, 0.1) rgba
(0, 0, 0, 0.1) rgba
(0, 0, 0, 0.25);
1616 .cbi-input-invalid {
1618 border-color: #FF0000;
1623 background-position: center center
;
1624 background-image: url
('../icons/cbi/up.gif'), -webkit-gradient
(linear
, 0 0, 0 100%, from
(#ffffff), color-stop
(25%, #ffffff), to
(#e6e6e6));
1625 background-image: url
('../icons/cbi/up.gif'), -webkit-linear-gradient
(#ffffff, #ffffff 25%, #e6e6e6);
1626 background-image: url
('../icons/cbi/up.gif'), -moz-linear-gradient
(top
, #ffffff, #ffffff 25%, #e6e6e6);
1627 background-image: url
('../icons/cbi/up.gif'), -ms-linear-gradient
(#ffffff, #ffffff 25%, #e6e6e6);
1628 background-image: url
('../icons/cbi/up.gif'), -o-linear-gradient
(#ffffff, #ffffff 25%, #e6e6e6);
1629 background-image: url
('../icons/cbi/up.gif'), linear-gradient
(#ffffff, #ffffff 25%, #e6e6e6);
1634 background-position: center center
;
1635 background-image: url
('../icons/cbi/down.gif'), -webkit-gradient
(linear
, 0 0, 0 100%, from
(#ffffff), color-stop
(25%, #ffffff), to
(#e6e6e6));
1636 background-image: url
('../icons/cbi/down.gif'), -webkit-linear-gradient
(#ffffff, #ffffff 25%, #e6e6e6);
1637 background-image: url
('../icons/cbi/down.gif'), -moz-linear-gradient
(top
, #ffffff, #ffffff 25%, #e6e6e6);
1638 background-image: url
('../icons/cbi/down.gif'), -ms-linear-gradient
(#ffffff, #ffffff 25%, #e6e6e6);
1639 background-image: url
('../icons/cbi/down.gif'), -o-linear-gradient
(#ffffff, #ffffff 25%, #e6e6e6);
1640 background-image: url
('../icons/cbi/down.gif'), linear-gradient
(#ffffff, #ffffff 25%, #e6e6e6);
1645 background-position: 6px center
, left top
;
1647 background-image: url
('../icons/cbi/find.gif'), -webkit-gradient
(linear
, 0 0, 0 100%, from
(#ffffff), color-stop
(25%, #ffffff), to
(#e6e6e6));
1648 background-image: url
('../icons/cbi/find.gif'), -webkit-linear-gradient
(#ffffff, #ffffff 25%, #e6e6e6);
1649 background-image: url
('../icons/cbi/find.gif'), -moz-linear-gradient
(top
, #ffffff, #ffffff 25%, #e6e6e6);
1650 background-image: url
('../icons/cbi/find.gif'), -ms-linear-gradient
(#ffffff, #ffffff 25%, #e6e6e6);
1651 background-image: url
('../icons/cbi/find.gif'), -o-linear-gradient
(#ffffff, #ffffff 25%, #e6e6e6);
1652 background-image: url
('../icons/cbi/find.gif'), linear-gradient
(#ffffff, #ffffff 25%, #e6e6e6);
1657 background-position: 6px center
, left top
;
1659 background-image: url
('../icons/cbi/add.gif'), -webkit-gradient
(linear
, 0 0, 0 100%, from
(#ffffff), color-stop
(25%, #ffffff), to
(#e6e6e6));
1660 background-image: url
('../icons/cbi/add.gif'), -webkit-linear-gradient
(#ffffff, #ffffff 25%, #e6e6e6);
1661 background-image: url
('../icons/cbi/add.gif'), -moz-linear-gradient
(top
, #ffffff, #ffffff 25%, #e6e6e6);
1662 background-image: url
('../icons/cbi/add.gif'), -ms-linear-gradient
(#ffffff, #ffffff 25%, #e6e6e6);
1663 background-image: url
('../icons/cbi/add.gif'), -o-linear-gradient
(#ffffff, #ffffff 25%, #e6e6e6);
1664 background-image: url
('../icons/cbi/add.gif'), linear-gradient
(#ffffff, #ffffff 25%, #e6e6e6);
1669 background-position: 6px center
, left top
;
1671 background-image: url
('../icons/cbi/apply.gif'), -webkit-gradient
(linear
, 0 0, 0 100%, from
(#ffffff), color-stop
(25%, #ffffff), to
(#e6e6e6));
1672 background-image: url
('../icons/cbi/apply.gif'), -webkit-linear-gradient
(#ffffff, #ffffff 25%, #e6e6e6);
1673 background-image: url
('../icons/cbi/apply.gif'), -moz-linear-gradient
(top
, #ffffff, #ffffff 25%, #e6e6e6);
1674 background-image: url
('../icons/cbi/apply.gif'), -ms-linear-gradient
(#ffffff, #ffffff 25%, #e6e6e6);
1675 background-image: url
('../icons/cbi/apply.gif'), -o-linear-gradient
(#ffffff, #ffffff 25%, #e6e6e6);
1676 background-image: url
('../icons/cbi/apply.gif'), linear-gradient
(#ffffff, #ffffff 25%, #e6e6e6);
1681 background-position: 6px center
, left top
;
1683 background-image: url
('../icons/cbi/reset.gif'), -webkit-gradient
(linear
, 0 0, 0 100%, from
(#ffffff), color-stop
(25%, #ffffff), to
(#e6e6e6));
1684 background-image: url
('../icons/cbi/reset.gif'), -webkit-linear-gradient
(#ffffff, #ffffff 25%, #e6e6e6);
1685 background-image: url
('../icons/cbi/reset.gif'), -moz-linear-gradient
(top
, #ffffff, #ffffff 25%, #e6e6e6);
1686 background-image: url
('../icons/cbi/reset.gif'), -ms-linear-gradient
(#ffffff, #ffffff 25%, #e6e6e6);
1687 background-image: url
('../icons/cbi/reset.gif'), -o-linear-gradient
(#ffffff, #ffffff 25%, #e6e6e6);
1688 background-image: url
('../icons/cbi/reset.gif'), linear-gradient
(#ffffff, #ffffff 25%, #e6e6e6);
1693 background-position: 6px center
, left top
;
1695 background-image: url
('../icons/cbi/edit.gif'), -webkit-gradient
(linear
, 0 0, 0 100%, from
(#ffffff), color-stop
(25%, #ffffff), to
(#e6e6e6));
1696 background-image: url
('../icons/cbi/edit.gif'), -webkit-linear-gradient
(#ffffff, #ffffff 25%, #e6e6e6);
1697 background-image: url
('../icons/cbi/edit.gif'), -moz-linear-gradient
(top
, #ffffff, #ffffff 25%, #e6e6e6);
1698 background-image: url
('../icons/cbi/edit.gif'), -ms-linear-gradient
(#ffffff, #ffffff 25%, #e6e6e6);
1699 background-image: url
('../icons/cbi/edit.gif'), -o-linear-gradient
(#ffffff, #ffffff 25%, #e6e6e6);
1700 background-image: url
('../icons/cbi/edit.gif'), linear-gradient
(#ffffff, #ffffff 25%, #e6e6e6);
1705 background-position: 6px center
, left top
;
1707 background-image: url
('../icons/cbi/remove.gif'), -webkit-gradient
(linear
, 0 0, 0 100%, from
(#ffffff), color-stop
(25%, #ffffff), to
(#e6e6e6));
1708 background-image: url
('../icons/cbi/remove.gif'), -webkit-linear-gradient
(#ffffff, #ffffff 25%, #e6e6e6);
1709 background-image: url
('../icons/cbi/remove.gif'), -moz-linear-gradient
(top
, #ffffff, #ffffff 25%, #e6e6e6);
1710 background-image: url
('../icons/cbi/remove.gif'), -ms-linear-gradient
(#ffffff, #ffffff 25%, #e6e6e6);
1711 background-image: url
('../icons/cbi/remove.gif'), -o-linear-gradient
(#ffffff, #ffffff 25%, #e6e6e6);
1712 background-image: url
('../icons/cbi/remove.gif'), linear-gradient
(#ffffff, #ffffff 25%, #e6e6e6);
1717 background-position: 6px center
, left top
;
1719 background-image: url
('../icons/cbi/reload.gif'), -webkit-gradient
(linear
, 0 0, 0 100%, from
(#ffffff), color-stop
(25%, #ffffff), to
(#e6e6e6));
1720 background-image: url
('../icons/cbi/reload.gif'), -webkit-linear-gradient
(#ffffff, #ffffff 25%, #e6e6e6);
1721 background-image: url
('../icons/cbi/reload.gif'), -moz-linear-gradient
(top
, #ffffff, #ffffff 25%, #e6e6e6);
1722 background-image: url
('../icons/cbi/reload.gif'), -ms-linear-gradient
(#ffffff, #ffffff 25%, #e6e6e6);
1723 background-image: url
('../icons/cbi/reload.gif'), -o-linear-gradient
(#ffffff, #ffffff 25%, #e6e6e6);
1724 background-image: url
('../icons/cbi/reload.gif'), linear-gradient
(#ffffff, #ffffff 25%, #e6e6e6);
1729 background-position: 6px center
, left top
;
1731 background-image: url
('../icons/cbi/link.gif'), -webkit-gradient
(linear
, 0 0, 0 100%, from
(#ffffff), color-stop
(25%, #ffffff), to
(#e6e6e6));
1732 background-image: url
('../icons/cbi/link.gif'), -webkit-linear-gradient
(#ffffff, #ffffff 25%, #e6e6e6);
1733 background-image: url
('../icons/cbi/link.gif'), -moz-linear-gradient
(top
, #ffffff, #ffffff 25%, #e6e6e6);
1734 background-image: url
('../icons/cbi/link.gif'), -ms-linear-gradient
(#ffffff, #ffffff 25%, #e6e6e6);
1735 background-image: url
('../icons/cbi/link.gif'), -o-linear-gradient
(#ffffff, #ffffff 25%, #e6e6e6);
1736 background-image: url
('../icons/cbi/link.gif'), linear-gradient
(#ffffff, #ffffff 25%, #e6e6e6);
1739 .cbi-button-download
,
1740 .cbi-input-download {
1741 background-position: 6px center
, left top
;
1743 background-image: url
('../icons/cbi/download.gif'), -webkit-gradient
(linear
, 0 0, 0 100%, from
(#ffffff), color-stop
(25%, #ffffff), to
(#e6e6e6));
1744 background-image: url
('../icons/cbi/download.gif'), -webkit-linear-gradient
(#ffffff, #ffffff 25%, #e6e6e6);
1745 background-image: url
('../icons/cbi/download.gif'), -moz-linear-gradient
(top
, #ffffff, #ffffff 25%, #e6e6e6);
1746 background-image: url
('../icons/cbi/download.gif'), -ms-linear-gradient
(#ffffff, #ffffff 25%, #e6e6e6);
1747 background-image: url
('../icons/cbi/download.gif'), -o-linear-gradient
(#ffffff, #ffffff 25%, #e6e6e6);
1748 background-image: url
('../icons/cbi/download.gif'), linear-gradient
(#ffffff, #ffffff 25%, #e6e6e6);
1751 .cbi-input-networks {
1756 .cbi-input-networks > li {
1760 .cbi-input-networks > li > label > input {
1761 margin-top: 0 !important
;
1762 vertical-align: middle
;
1765 .cbi-input-dynlist select
,
1766 .cbi-input-dynlist input
,
1767 .cbi-input-password input {
1768 vertical-align: middle
;
1772 .cbi-input-dynlist img
,
1773 .cbi-input-password img {
1774 vertical-align: middle
;
1776 margin: 0 0 1px 1px;
1780 vertical-align: middle
;
1781 white-space: nowrap
;
1782 display: inline-block
;
1785 .cbi-splitbutton input:first-child {
1786 vertical-align: middle
;
1787 border-right-width: 0;
1788 border-radius: 3px 0 0 3px;
1791 .cbi-splitbutton
input:last-child
,
1792 .cbi-splitbutton
button:last-child
,
1793 .cbi-splitbutton .cbi-button:last-child {
1794 vertical-align: middle
;
1795 border-radius: 0 3px 3px 0;
1796 border-right-width: 1px;
1799 .cbi-splitbutton img.cbi-button {
1803 .btn.active, .btn:active {
1804 -webkit-box-shadow: inset
0 2px 4px rgba
(0, 0, 0, 0.25), 0 1px 2px rgba
(0, 0, 0, 0.05);
1805 -moz-box-shadow: inset
0 2px 4px rgba
(0, 0, 0, 0.25), 0 1px 2px rgba
(0, 0, 0, 0.05);
1806 box-shadow: inset
0 2px 4px rgba
(0, 0, 0, 0.25), 0 1px 2px rgba
(0, 0, 0, 0.05);
1811 background-image: none
;
1812 filter: progid:DXImageTransform
.Microsoft
.gradient
(enabled
= false
);
1813 filter: alpha
(opacity
=65);
1814 -khtml-opacity: 0.65;
1817 -webkit-box-shadow: none
;
1818 -moz-box-shadow: none
;
1824 background-image: none
;
1825 filter: progid:DXImageTransform
.Microsoft
.gradient
(enabled
= false
);
1826 filter: alpha
(opacity
=65);
1827 -khtml-opacity: 0.65;
1830 -webkit-box-shadow: none
;
1831 -moz-box-shadow: none
;
1837 line-height: normal
;
1838 padding: 9px 14px 9px;
1839 -webkit-border-radius: 6px;
1840 -moz-border-radius: 6px;
1845 padding: 7px 9px 7px;
1849 /* Button icons for specific pages */
1850 .Startup
.cbi-section-table input
.cbi-input-apply
,
1851 .Startup .cbi-section-table input.cbi-button-apply {
1852 background-image: url
("../icons/cbi/apply.gif");
1853 background-position: 7px 4px;
1854 padding: 3px 9px 3px 27px;
1857 .Processes
.cbi-section-table input
.cbi-input-reload
,
1858 .Startup .cbi-section-table input.cbi-input-reload {
1859 background-image: url
("../icons/cbi/reload.gif");
1860 background-position: 7px 4px;
1861 padding: 3px 9px 3px 27px;
1864 .Processes
.cbi-section-table input
.cbi-input-remove
,
1865 .Processes
.cbi-section-table div
.cbi-section-remove input
,
1866 .Startup
.cbi-section-table input
.cbi-input-remove
,
1867 .Startup .cbi-section-table div.cbi-section-remove input {
1868 background-image: url
("../icons/cbi/remove.gif");
1869 background-position: 7px 4px;
1870 padding: 3px 9px 3px 27px;
1873 .Processes
.cbi-section-table input
.cbi-input-reset
,
1874 .Processes
.cbi-section-table input
.cbi-button-reset
,
1875 .Startup
.cbi-section-table input
.cbi-input-reset
,
1876 .Startup .cbi-section-table input.cbi-button-reset {
1877 background-image: url
("../icons/cbi/reset.gif");
1878 background-position: 7px 4px;
1879 padding: 3px 9px 3px 27px;
1882 .Startup
.cbi-section-table input
.cbi-input-save
,
1883 .Startup .cbi-section-table input.cbi-button-save {
1884 background-image: url
("../icons/cbi/save.gif");
1885 background-position: 7px 4px;
1886 padding: 3px 9px 3px 27px;
1889 button
.btn::-moz-focus-inner
, input
[type
=submit
].btn::-moz-focus-inner
{
1899 line-height: 13.5px;
1900 text-shadow: 0 1px 0 #ffffff;
1901 filter: alpha
(opacity
=25);
1902 -khtml-opacity: 0.25;
1909 text-decoration: none
;
1910 filter: alpha
(opacity
=40);
1911 -khtml-opacity: 0.4;
1919 margin-bottom: 18px;
1921 background-color: #eedc94;
1922 background-repeat: repeat-x
;
1923 background-image: -khtml-gradient
(linear
, left top
, left bottom
, from
(#fceec1), to
(#eedc94));
1924 background-image: -moz-linear-gradient
(top
, #fceec1, #eedc94);
1925 background-image: -ms-linear-gradient
(top
, #fceec1, #eedc94);
1926 background-image: -webkit-gradient
(linear
, left top
, left bottom
, color-stop
(0%, #fceec1), color-stop
(100%, #eedc94));
1927 background-image: -webkit-linear-gradient
(top
, #fceec1, #eedc94);
1928 background-image: -o-linear-gradient
(top
, #fceec1, #eedc94);
1929 background-image: linear-gradient
(top
, #fceec1, #eedc94);
1930 filter: progid:DXImageTransform
.Microsoft
.gradient
(startColorstr
='#fceec1', endColorstr
='#eedc94', GradientType
=0);
1931 text-shadow: 0 -1px 0 rgba
(0, 0, 0, 0.25);
1932 border-color: #eedc94 #eedc94 #e4c652;
1933 border-color: rgba
(0, 0, 0, 0.1) rgba
(0, 0, 0, 0.1) rgba
(0, 0, 0, 0.25);
1934 text-shadow: 0 1px 0 rgba
(255, 255, 255, 0.5);
1936 border-style: solid
;
1937 -webkit-border-radius: 4px;
1938 -moz-border-radius: 4px;
1940 -webkit-box-shadow: inset
0 1px 0 rgba
(255, 255, 255, 0.25);
1941 -moz-box-shadow: inset
0 1px 0 rgba
(255, 255, 255, 0.25);
1942 box-shadow: inset
0 1px 0 rgba
(255, 255, 255, 0.25);
1945 .alert-message .close {
1955 .alert-message
.danger p a
,
1956 .alert-message
.error p a
,
1957 .alert-message
.success p a
,
1958 .alert-message.info p a {
1970 .alert-message div {
1976 .alert-message .btn {
1977 -webkit-box-shadow: 0 1px 0 rgba
(255, 255, 255, 0.25);
1978 -moz-box-shadow: 0 1px 0 rgba
(255, 255, 255, 0.25);
1979 box-shadow: 0 1px 0 rgba
(255, 255, 255, 0.25);
1983 padding: 1px 3px 2px;
1986 color: #ffffff !important
;
1987 text-transform: uppercase
;
1988 white-space: nowrap
;
1989 background-color: #bfbfbf;
1990 -webkit-border-radius: 3px;
1991 -moz-border-radius: 3px;
2002 text-decoration: none
;
2006 background-color: #c43c35;
2010 background-color: #f89406;
2014 background-color: #46a546;
2018 background-color: #62cffc;
2021 /* LuCI specific items */
2022 .hidden { display: none
}
2029 border: 1px solid
#CCCCCC;
2030 border-radius: 3px 3px 3px 3px;
2032 display: inline-block
;
2042 form
.inline
{ display: inline
}
2044 header
.pull-right
{ padding-top: 8px; }
2046 #modemenu li:last-child span
.divider
{ display: none
}
2048 #syslog { width: 100%; }
2050 .cbi-section-table tbody tr:nth-child(odd) td, .cbi-section-table tbody tr:nth-child(odd) th {
2051 background-color: #f9f9f9;
2054 .cbi-section-table tbody tr:hover td, .cbi-section-table tbody tr:hover th {
2055 background-color: #f5f5f5;
2058 .cbi-section-table tr.cbi-section-table-descr th {
2059 font-weight: normal
;
2062 .left { text-align: left
!important
; }
2064 .right { text-align: right
!important
; }
2066 .cbi-value-field { line-height: 1.5em; }
2068 .cbi-value-field input
[type
=checkbox
],
2069 .cbi-value-field input[type=radio] {
2075 .cbi-value-field table td {
2079 table
.cbi-section-table input
,
2080 table
.cbi-section-table textarea
,
2081 table
.cbi-section-table select
{
2085 table
.cbi-section-table td
.cbi-section-table-cell
{
2086 white-space: nowrap
;
2089 table
.cbi-section-table td
.cbi-section-table-cell select
{
2094 background-color: #FFFFFF;
2095 border: 1px solid
#CCCCCC;
2098 white-space: nowrap
;
2099 background-image: -webkit-gradient
(linear
, 0 0, 0 100%, from
(#ffffff), color-stop
(25%, #ffffff), to
(#e6e6e6));
2100 background-image: -webkit-linear-gradient
(#ffffff, #ffffff 25%, #e6e6e6);
2101 background-image: -moz-linear-gradient
(top
, #ffffff, #ffffff 25%, #e6e6e6);
2102 background-image: -ms-linear-gradient
(#ffffff, #ffffff 25%, #e6e6e6);
2103 background-image: -o-linear-gradient
(#ffffff, #ffffff 25%, #e6e6e6);
2104 background-image: linear-gradient
(#ffffff, #ffffff 25%, #e6e6e6);
2105 filter: progid:DXImageTransform
.Microsoft
.gradient
(startColorstr
='#ffffff', endColorstr
='#e6e6e6', GradientType
=0);
2106 text-shadow: 0 1px 1px rgba
(255, 255, 255, 0.75);
2107 -webkit-border-radius: 4px;
2108 -moz-border-radius: 4px;
2110 -webkit-box-shadow: inset
0 1px 0 rgba
(255, 255, 255, 0.2), 0 1px 2px rgba
(0, 0, 0, 0.05);
2111 -moz-box-shadow: inset
0 1px 0 rgba
(255, 255, 255, 0.2), 0 1px 2px rgba
(0, 0, 0, 0.05);
2112 box-shadow: inset
0 1px 0 rgba
(255, 255, 255, 0.2), 0 1px 2px rgba
(0, 0, 0, 0.05);
2115 .ifacebox .ifacebox-head {
2116 border-bottom: 1px solid
#CCCCCC;
2120 .ifacebox .ifacebox-body {
2125 display: inline-block
;
2126 white-space: nowrap
;
2127 background-color: #FFFFFF;
2128 border: 1px solid
#CCCCCC;
2131 background-image: -webkit-gradient
(linear
, 0 0, 0 100%, from
(#ffffff), color-stop
(25%, #ffffff), to
(#e6e6e6));
2132 background-image: -webkit-linear-gradient
(#ffffff, #ffffff 25%, #e6e6e6);
2133 background-image: -moz-linear-gradient
(top
, #ffffff, #ffffff 25%, #e6e6e6);
2134 background-image: -ms-linear-gradient
(#ffffff, #ffffff 25%, #e6e6e6);
2135 background-image: -o-linear-gradient
(#ffffff, #ffffff 25%, #e6e6e6);
2136 background-image: linear-gradient
(#ffffff, #ffffff 25%, #e6e6e6);
2137 filter: progid:DXImageTransform
.Microsoft
.gradient
(startColorstr
='#ffffff', endColorstr
='#e6e6e6', GradientType
=0);
2138 text-shadow: 0 1px 1px rgba
(255, 255, 255, 0.75);
2139 -webkit-border-radius: 4px;
2140 -moz-border-radius: 4px;
2142 -webkit-box-shadow: inset
0 1px 0 rgba
(255, 255, 255, 0.2), 0 1px 2px rgba
(0, 0, 0, 0.05);
2143 -moz-box-shadow: inset
0 1px 0 rgba
(255, 255, 255, 0.2), 0 1px 2px rgba
(0, 0, 0, 0.05);
2144 box-shadow: inset
0 1px 0 rgba
(255, 255, 255, 0.2), 0 1px 2px rgba
(0, 0, 0, 0.05);
2150 vertical-align: middle
;
2153 .ifacebadge-active {
2154 border-color: #000000;
2161 display: inline-block
;
2162 white-space: nowrap
;
2164 text-shadow: 0 1px 1px rgba
(255, 255, 255, 0.75);
2169 .zonebadge > strong {
2171 display: inline-block
;
2180 border: 1px dashed
#AAAAAA;
2189 border: 1px solid
#999999;
2193 .progressbar > div {
2194 background-color: #CCCCCC;
2195 background-image: -webkit-gradient
(linear
, 0 0, 0 100%, from
(#CCCCCC), color-stop
(25%, #CCCCCC), to
(#E6E6E6));
2196 background-image: -webkit-linear-gradient
(#CCCCCC, #CCCCCC 25%, #E6E6E6);
2197 background-image: -moz-linear-gradient
(top
, #CCCCCC, #CCCCCC 25%, #E6E6E6);
2198 background-image: -ms-linear-gradient
(#CCCCCC, #CCCCCC 25%, #E6E6E6);
2199 background-image: -o-linear-gradient
(#CCCCCC, #CCCCCC 25%, #E6E6E6);
2200 background-image: linear-gradient
(#CCCCCC, #CCCCCC 25%, #E6E6E6);
2201 filter: progid:DXImageTransform
.Microsoft
.gradient
(startColorstr
='#CCCCCC', endColorstr
='#E6E6E6', GradientType
=0);
2205 .progressbar.intermediate > div {
2206 background-image: url
("../icons/progress.gif");
2207 filter: alpha
(opacity
=25);
2208 -khtml-opacity: 0.25;
2213 .progressbar > div > div {
2217 text-shadow: 1px 1px 0 #FFFFFF;
2225 .progressbar.intermediate > div > div {
2230 td
.cbi-value-field var
{
2239 pre
.uci-changes ins
{
2240 text-decoration: none
;
2244 pre
.uci-changes del
{
2245 text-decoration: none
;