forked from fanruan/fineui
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1872 lines
53 KiB
1872 lines
53 KiB
.bi-year-calendar { |
|
padding-top: 5px; |
|
padding-bottom: 5px; |
|
} |
|
.bi-color-chooser-popup .disable-mask { |
|
opacity: 0.5; |
|
filter: alpha(opacity=50); |
|
background-color: #ffffff; |
|
} |
|
|
|
.bi-color-chooser-trigger { |
|
-webkit-border-radius: 2px; |
|
-moz-border-radius: 2px; |
|
border-radius: 2px; |
|
} |
|
.bi-color-picker-button .color-picker-button-mask { |
|
border: 1px solid #232e40; |
|
} |
|
.bi-theme-dark .bi-color-picker-button .color-picker-button-mask { |
|
border: 1px solid #ffffff; |
|
} |
|
.bi-farbtastic .wheel { |
|
background: url('images/1x/background/wheel.png') no-repeat center center; |
|
background-size: contain; |
|
} |
|
.bi-farbtastic .overlay { |
|
background: url('images/1x/background/mask.png') no-repeat center center; |
|
background-size: contain; |
|
} |
|
.bi-farbtastic .marker { |
|
background: url('images/1x/background/marker.png') no-repeat center center; |
|
background-size: contain; |
|
} |
|
.bi-display-tree .ztree li span.button.switch.center_open { |
|
background: url('images/1x/icon/tree_vertical_line_3.png') no-repeat center center; |
|
background-size: contain; |
|
} |
|
.bi-display-tree .ztree li span.button.switch.roots_open { |
|
background: url('images/1x/icon/tree_vertical_line_2.png') no-repeat center center; |
|
background-size: contain; |
|
} |
|
.bi-display-tree .ztree li span.button.switch.bottom_open { |
|
background: url('images/1x/icon/tree_vertical_line_4.png') no-repeat center center; |
|
background-size: contain; |
|
} |
|
.ztree li ul.line { |
|
background: url('images/1x/icon/tree_vertical_line_1.png') repeat-y 1px 0; |
|
background-size: contain; |
|
} |
|
.bi-theme-dark .ztree li ul.line { |
|
background: url('images/1x/icon/dark/tree_vertical_line_1.png') repeat-y 1px 0; |
|
background-size: contain; |
|
} |
|
.ztree li span.button.chk.checkbox_false_full { |
|
background: url('images/2x/icon/check_box_normal.png') no-repeat center center; |
|
background-size: contain; |
|
} |
|
.ztree li span.button.chk.checkbox_false_full_focus { |
|
background: url('images/2x/icon/check_box_normal.png') no-repeat center center; |
|
background-size: contain; |
|
} |
|
.ztree li span.button.chk.checkbox_false_part { |
|
background: url('images/2x/icon/check_box_normal.png') no-repeat center center; |
|
background-size: contain; |
|
} |
|
.ztree li span.button.chk.checkbox_false_part_focus { |
|
background: url('images/2x/icon/half_selected.png') no-repeat center center; |
|
background-size: contain; |
|
} |
|
.ztree li span.button.chk.checkbox_true_full { |
|
background: url('images/2x/icon/check_box_active.png') no-repeat center center; |
|
background-size: contain; |
|
} |
|
.ztree li span.button.chk.checkbox_true_full_focus { |
|
background: url('images/2x/icon/check_box_active.png') no-repeat center center; |
|
background-size: contain; |
|
} |
|
.ztree li span.button.chk.checkbox_true_part { |
|
background: url('images/2x/icon/half_selected.png') no-repeat center center; |
|
background-size: contain; |
|
} |
|
.ztree li span.button.chk.checkbox_true_part_focus { |
|
background: url('images/2x/icon/half_selected.png') no-repeat center center; |
|
background-size: contain; |
|
} |
|
.ztree.hack li span.button.chk.checkbox_false_full { |
|
background: url('images/1x/icon/check_box_normal.png') no-repeat center center; |
|
background-size: contain; |
|
} |
|
.ztree.hack li span.button.chk.checkbox_false_full_focus { |
|
background: url('images/1x/icon/check_box_normal.png') no-repeat center center; |
|
background-size: contain; |
|
} |
|
.ztree.hack li span.button.chk.checkbox_false_part { |
|
background: url('images/1x/icon/check_box_normal.png') no-repeat center center; |
|
background-size: contain; |
|
} |
|
.ztree.hack li span.button.chk.checkbox_false_part_focus { |
|
background: url('images/1x/icon/half_selected.png') no-repeat center center; |
|
background-size: contain; |
|
} |
|
.ztree.hack li span.button.chk.checkbox_true_full { |
|
background: url('images/1x/icon/check_box_active.png') no-repeat center center; |
|
background-size: contain; |
|
} |
|
.ztree.hack li span.button.chk.checkbox_true_full_focus { |
|
background: url('images/1x/icon/check_box_active.png') no-repeat center center; |
|
background-size: contain; |
|
} |
|
.ztree.hack li span.button.chk.checkbox_true_part { |
|
background: url('images/1x/icon/half_selected.png') no-repeat center center; |
|
background-size: contain; |
|
} |
|
.ztree.hack li span.button.chk.checkbox_true_part_focus { |
|
background: url('images/1x/icon/half_selected.png') no-repeat center center; |
|
background-size: contain; |
|
} |
|
.ztree li span.button.root_open { |
|
background: url('images/1x/icon/tree_expand_1.png') no-repeat center center; |
|
background-size: contain; |
|
} |
|
.bi-theme-dark .ztree li span.button.root_open { |
|
background: url('images/1x/icon/dark/tree_expand_1.png') no-repeat center center; |
|
background-size: contain; |
|
} |
|
.ztree li span.button.root_close { |
|
background: url('images/1x/icon/tree_collapse_1.png') no-repeat center center; |
|
background-size: contain; |
|
} |
|
.bi-theme-dark .ztree li span.button.root_close { |
|
background: url('images/1x/icon/dark/tree_collapse_1.png') no-repeat center center; |
|
background-size: contain; |
|
} |
|
.ztree li span.button.roots_open { |
|
background: url('images/1x/icon/tree_expand_2.png') no-repeat center center; |
|
background-size: contain; |
|
} |
|
.bi-theme-dark .ztree li span.button.roots_open { |
|
background: url('images/1x/icon/dark/tree_expand_2.png') no-repeat center center; |
|
background-size: contain; |
|
} |
|
.ztree li span.button.roots_close { |
|
background: url('images/1x/icon/tree_collapse_2.png') no-repeat center center; |
|
background-size: contain; |
|
} |
|
.bi-theme-dark .ztree li span.button.roots_close { |
|
background: url('images/1x/icon/dark/tree_collapse_2.png') no-repeat center center; |
|
background-size: contain; |
|
} |
|
.ztree li span.button.center_open { |
|
background: url('images/1x/icon/tree_expand_3.png') no-repeat center center; |
|
background-size: contain; |
|
} |
|
.bi-theme-dark .ztree li span.button.center_open { |
|
background: url('images/1x/icon/dark/tree_expand_3.png') no-repeat center center; |
|
background-size: contain; |
|
} |
|
.ztree li span.button.center_close { |
|
background: url('images/1x/icon/tree_collapse_3.png') no-repeat center center; |
|
background-size: contain; |
|
} |
|
.bi-theme-dark .ztree li span.button.center_close { |
|
background: url('images/1x/icon/dark/tree_collapse_3.png') no-repeat center center; |
|
background-size: contain; |
|
} |
|
.ztree li span.button.bottom_open { |
|
background: url('images/1x/icon/tree_expand_4.png') no-repeat center center; |
|
background-size: contain; |
|
} |
|
.bi-theme-dark .ztree li span.button.bottom_open { |
|
background: url('images/1x/icon/dark/tree_expand_4.png') no-repeat center center; |
|
background-size: contain; |
|
} |
|
.ztree li span.button.bottom_close { |
|
background: url('images/1x/icon/tree_collapse_4.png') no-repeat center center; |
|
background-size: contain; |
|
} |
|
.bi-theme-dark .ztree li span.button.bottom_close { |
|
background: url('images/1x/icon/dark/tree_collapse_4.png') no-repeat center center; |
|
background-size: contain; |
|
} |
|
.ztree li span.button.roots_docu { |
|
background: url('images/1x/icon/tree_vertical_line_2.png') no-repeat center center; |
|
background-size: contain; |
|
} |
|
.bi-theme-dark .ztree li span.button.roots_docu { |
|
background: url('images/1x/icon/dark/tree_vertical_line_2.png') no-repeat center center; |
|
background-size: contain; |
|
} |
|
.ztree li span.button.center_docu { |
|
background: url('images/1x/icon/tree_vertical_line_3.png') no-repeat center center; |
|
background-size: contain; |
|
} |
|
.bi-theme-dark .ztree li span.button.center_docu { |
|
background: url('images/1x/icon/dark/tree_vertical_line_3.png') no-repeat center center; |
|
background-size: contain; |
|
} |
|
.ztree li span.button.bottom_docu { |
|
background: url('images/1x/icon/tree_vertical_line_4.png') no-repeat center center; |
|
background-size: contain; |
|
} |
|
.bi-theme-dark .ztree li span.button.bottom_docu { |
|
background: url('images/1x/icon/dark/tree_vertical_line_4.png') no-repeat center center; |
|
background-size: contain; |
|
} |
|
.ztree li span.button.ico_loading { |
|
background: url('images/1x/icon/loading.gif') no-repeat center center; |
|
background-size: contain; |
|
} |
|
.base-line-conn-background { |
|
background: url('images/1x/icon/tree_vertical_line_1.png') repeat-y 0 0; |
|
background-size: contain; |
|
} |
|
.bi-theme-dark .base-line-conn-background { |
|
background: url('images/1x/icon/dark/tree_vertical_line_1.png') repeat-y 0 0; |
|
background-size: contain; |
|
} |
|
.first-line-conn-background { |
|
background: url('images/1x/icon/tree_vertical_line_2.png') no-repeat center center; |
|
background-size: contain; |
|
} |
|
.bi-theme-dark .first-line-conn-background { |
|
background: url('images/1x/icon/dark/tree_vertical_line_2.png') no-repeat center center; |
|
background-size: contain; |
|
} |
|
.mid-line-conn-background { |
|
background: url('images/1x/icon/tree_vertical_line_3.png') no-repeat center center; |
|
background-size: contain; |
|
} |
|
.bi-theme-dark .mid-line-conn-background { |
|
background: url('images/1x/icon/dark/tree_vertical_line_3.png') no-repeat center center; |
|
background-size: contain; |
|
} |
|
.last-line-conn-background { |
|
background: url('images/1x/icon/tree_vertical_line_4.png') no-repeat center center; |
|
background-size: contain; |
|
} |
|
.bi-theme-dark .last-line-conn-background { |
|
background: url('images/1x/icon/dark/tree_vertical_line_4.png') no-repeat center center; |
|
background-size: contain; |
|
} |
|
.loading-background { |
|
background: url('images/2x/icon/loading.gif') no-repeat center center; |
|
background-size: contain; |
|
} |
|
.auto-color-background { |
|
background: url('images/2x/background/auto_color.png') no-repeat center center; |
|
background-size: contain; |
|
} |
|
.auto-color-normal-background { |
|
background: url('images/2x/background/auto_color_normal.png') no-repeat center center; |
|
background-size: contain; |
|
} |
|
.auto-color-normal-disabled-background { |
|
background: url('images/2x/background/auto_color_normal_disable.png') no-repeat center center; |
|
background-size: contain; |
|
} |
|
.trans-color-background { |
|
background: url('images/2x/background/trans_normal.png') no-repeat center center; |
|
background-size: contain; |
|
} |
|
.trans-color-disabled-background { |
|
background: url('images/2x/background/trans_disable.png') no-repeat center center; |
|
background-size: contain; |
|
} |
|
.auto-color-background.hack { |
|
background: url('images/1x/background/auto_color.png') no-repeat center center; |
|
background-size: contain; |
|
} |
|
.auto-color-normal-background.hack { |
|
background: url('images/1x/background/auto_color_normal.png') no-repeat center center; |
|
background-size: contain; |
|
} |
|
.auto-color-normal-disabled-background.hack { |
|
background: url('images/1x/background/auto_color_normal_disable.png') no-repeat center center; |
|
background-size: contain; |
|
} |
|
.trans-color-background.hack { |
|
background: url('images/1x/background/trans_normal.png') no-repeat center center; |
|
background-size: contain; |
|
} |
|
.trans-color-disabled-background.hack { |
|
background: url('images/1x/background/trans_disable.png') no-repeat center center; |
|
background-size: contain; |
|
} |
|
.bi-color-picker-editor .color-picker-editor-display { |
|
-webkit-border-radius: 2px; |
|
-moz-border-radius: 2px; |
|
border-radius: 2px; |
|
} |
|
.bi-color-picker-editor.disabled .auto-color-normal-background { |
|
background: url('images/2x/background/auto_color_normal_disable.png') no-repeat center center; |
|
background-size: contain; |
|
} |
|
.bi-color-picker-editor.disabled .auto-color-normal-background.hack { |
|
background: url('images/1x/background/auto_color_normal_disable.png') no-repeat center center; |
|
background-size: contain; |
|
} |
|
.bi-color-picker-editor.disabled .trans-color-background { |
|
background: url('images/2x/background/trans_disable.png') no-repeat center center; |
|
background-size: contain; |
|
} |
|
.bi-color-picker-editor.disabled .trans-color-background.hack { |
|
background: url('images/1x/background/trans_disable.png') no-repeat center center; |
|
background-size: contain; |
|
} |
|
.bi-farbtastic * { |
|
cursor: crosshair; |
|
} |
|
.bi-farbtastic .marker { |
|
margin: -8px 0 0 -8px; |
|
} |
|
.bi-bubble-combo .button-combo-triangle-wrapper { |
|
position: fixed !important; |
|
line-height: 0; |
|
z-index: 10000000; |
|
background-color: rgba(255, 255, 255, 0); |
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00ffffff,endColorstr=#00ffffff); |
|
} |
|
.bi-bubble-combo .bubble-combo-triangle-left { |
|
z-index: 1; |
|
position: absolute; |
|
width: 6px; |
|
height: 16px; |
|
text-align: left; |
|
} |
|
.bi-bubble-combo .bubble-combo-triangle-left:before { |
|
position: absolute; |
|
width: 6px; |
|
height: 6px; |
|
margin-left: -3px; |
|
margin-top: 4px; |
|
content: ""; |
|
transform: rotate(-45deg); |
|
} |
|
.bi-bubble-combo .bubble-combo-triangle-right { |
|
z-index: 1; |
|
position: absolute; |
|
width: 6px; |
|
height: 16px; |
|
text-align: left; |
|
} |
|
.bi-bubble-combo .bubble-combo-triangle-right:before { |
|
position: absolute; |
|
width: 6px; |
|
height: 6px; |
|
margin-left: 2px; |
|
margin-top: 3px; |
|
content: ""; |
|
transform: rotate(135deg); |
|
} |
|
.bi-bubble-combo .bubble-combo-triangle-top { |
|
z-index: 1; |
|
position: absolute; |
|
width: 16px; |
|
height: 6px; |
|
text-align: left; |
|
} |
|
.bi-bubble-combo .bubble-combo-triangle-top:before { |
|
position: absolute; |
|
width: 6px; |
|
height: 6px; |
|
margin-left: 4px; |
|
margin-top: -3px; |
|
content: ""; |
|
transform: rotate(45deg); |
|
} |
|
.bi-bubble-combo .bubble-combo-triangle-bottom { |
|
z-index: 1; |
|
position: absolute; |
|
width: 16px; |
|
height: 6px; |
|
text-align: left; |
|
} |
|
.bi-bubble-combo .bubble-combo-triangle-bottom:before { |
|
position: absolute; |
|
width: 6px; |
|
height: 6px; |
|
margin-left: 4px; |
|
margin-top: 2px; |
|
content: ""; |
|
transform: rotate(-135deg); |
|
} |
|
.bi-bubble-combo .bubble-combo-triangle-left:before, |
|
.bi-bubble-combo .bubble-combo-triangle-right:before, |
|
.bi-bubble-combo .bubble-combo-triangle-top:before, |
|
.bi-bubble-combo .bubble-combo-triangle-bottom:before { |
|
background-color: #ffffff; |
|
border-bottom: 1px solid #f2f4f7; |
|
border-right: 1px solid #f2f4f7; |
|
} |
|
.bi-theme-dark .bi-bubble-combo .bubble-combo-triangle-left:before, |
|
.bi-theme-dark .bi-bubble-combo .bubble-combo-triangle-right:before, |
|
.bi-theme-dark .bi-bubble-combo .bubble-combo-triangle-top:before, |
|
.bi-theme-dark .bi-bubble-combo .bubble-combo-triangle-bottom:before { |
|
background-color: #242640; |
|
border-bottom: 1px solid #2F3149; |
|
border-right: 1px solid #2F3149; |
|
} |
|
|
|
.bi-combo > .bi-trigger .bi-trigger-icon-button .x-icon { |
|
-webkit-transform: rotate(0deg); |
|
-moz-transform: rotate(0deg); |
|
transform: rotate(0deg); |
|
-webkit-transition: transform 0.3s ease; |
|
-moz-transition: transform 0.3s ease; |
|
-o-transition: transform 0.3s ease; |
|
transition: transform 0.3s ease; |
|
} |
|
.bi-combo.bi-combo-popup { |
|
display: block !important; |
|
visibility: visible !important; |
|
} |
|
.bi-combo.bi-combo-popup > .bi-trigger .bi-trigger-icon-button .x-icon { |
|
-webkit-transform: rotate(180deg); |
|
-moz-transform: rotate(180deg); |
|
transform: rotate(180deg); |
|
-webkit-transition: transform 0.3s ease; |
|
-moz-transition: transform 0.3s ease; |
|
-o-transition: transform 0.3s ease; |
|
transition: transform 0.3s ease; |
|
} |
|
.bi-combo.bi-combo-popup > .bi-border, |
|
.bi-combo.bi-combo-hover > .bi-border, |
|
.bi-combo:hover > .bi-border { |
|
border-color: #3685f2; |
|
} |
|
.bi-combo.disabled.bi-combo-hover > .bi-border, |
|
.bi-combo.disabled:hover > .bi-border { |
|
border-color: #e8eaed; |
|
} |
|
.bi-theme-dark .bi-combo.disabled.bi-combo-hover > .bi-border, |
|
.bi-theme-dark .bi-combo.disabled:hover > .bi-border { |
|
border-color: #3a3c53; |
|
} |
|
|
|
.bi-search-text-value-combo .trigger-icon-button { |
|
font-size: 16px; |
|
} |
|
.bi-search-text-value-combo .search-text-value-trigger { |
|
-webkit-border-radius: 2px; |
|
-moz-border-radius: 2px; |
|
border-radius: 2px; |
|
} |
|
.bi-search-text-value-combo.combo-error .bi-search-text-value-trigger .bi-text-button { |
|
color: #ff4949; |
|
} |
|
.bi-search-text-value-combo .bi-combo.bi-combo-popup + .bi-trigger-icon-button .x-icon { |
|
-webkit-transform: rotate(180deg); |
|
-moz-transform: rotate(180deg); |
|
transform: rotate(180deg); |
|
-webkit-transition: transform 0.3s ease; |
|
-moz-transition: transform 0.3s ease; |
|
-o-transition: transform 0.3s ease; |
|
transition: transform 0.3s ease; |
|
} |
|
.bi-search-text-value-combo .bi-combo + .bi-trigger-icon-button .x-icon { |
|
-webkit-transform: rotate(0deg); |
|
-moz-transform: rotate(0deg); |
|
transform: rotate(0deg); |
|
-webkit-transition: transform 0.3s ease; |
|
-moz-transition: transform 0.3s ease; |
|
-o-transition: transform 0.3s ease; |
|
transition: transform 0.3s ease; |
|
} |
|
|
|
.bi-icon-text-value-combo.combo-error .bi-text-trigger .select-text-label { |
|
color: #ff4949; |
|
} |
|
|
|
.bi-text-value-combo.combo-error .bi-select-text-trigger .select-text-label { |
|
color: #ff4949; |
|
} |
|
|
|
.bi-text-value-check-combo.bi-combo-popup > .bi-border, |
|
.bi-text-value-check-combo:hover > .bi-border { |
|
border-color: #3685f2; |
|
} |
|
|
|
.bi-text-value-down-list-combo.bi-combo-popup > .bi-border, |
|
.bi-text-value-down-list-combo:hover > .bi-border { |
|
border-color: #3685f2; |
|
} |
|
.bi-bubble-bar-popup-view .bar-popup-container { |
|
max-height: 456px; |
|
} |
|
|
|
/*************BI.SearchEditor******************/ |
|
.bi-search-editor { |
|
-webkit-border-radius: 2px; |
|
-moz-border-radius: 2px; |
|
border-radius: 2px; |
|
} |
|
.bi-search-editor .circle-close-font { |
|
font-size: 18px; |
|
} |
|
.bi-search-editor .search-font { |
|
font-size: 18px; |
|
} |
|
|
|
/*************BI.SearchEditor******************/ |
|
.bi-small-search-editor .bi-editor { |
|
font-size: 12px; |
|
} |
|
.bi-small-search-editor .bi-editor .bi-input { |
|
font-size: 12px; |
|
} |
|
.bi-small-search-editor .bi-editor .bi-label { |
|
font-size: 12px; |
|
} |
|
.bi-small-search-editor .close-font { |
|
font-size: 16px; |
|
} |
|
.bi-small-search-editor .search-font { |
|
font-size: 16px; |
|
} |
|
.bi-message-title { |
|
font-size: 14px; |
|
cursor: pointer; |
|
} |
|
.bi-message-text { |
|
font-size: 16px; |
|
-webkit-user-select: text; |
|
-khtml-user-select: text; |
|
-moz-user-select: text; |
|
-ms-user-select: text; |
|
-o-user-select: text; |
|
user-select: text; |
|
} |
|
.bi-message-content { |
|
font-size: 16px; |
|
} |
|
.bi-message-close { |
|
font-size: 16px; |
|
} |
|
.bi-message-animate { |
|
-webkit-transition: opacity 0.3s, transform 0.3s, left 0.3s, right 0.3s, top 0.4s, bottom 0.3s; |
|
-moz-transition: opacity 0.3s, transform 0.3s, left 0.3s, right 0.3s, top 0.4s, bottom 0.3s; |
|
-o-transition: opacity 0.3s, transform 0.3s, left 0.3s, right 0.3s, top 0.4s, bottom 0.3s; |
|
transition: opacity 0.3s, transform 0.3s, left 0.3s, right 0.3s, top 0.4s, bottom 0.3s; |
|
} |
|
.bi-message-enter { |
|
opacity: 1; |
|
} |
|
.bi-message-leave { |
|
opacity: 0; |
|
transform: translateY(-100%); |
|
} |
|
.bi-multi-list-view .bi-button-mask { |
|
opacity: 0.1; |
|
filter: alpha(opacity=10); |
|
} |
|
.bi-panel { |
|
-webkit-border-radius: 2px; |
|
-moz-border-radius: 2px; |
|
border-radius: 2px; |
|
} |
|
.bi-panel .panel-title .panel-title-text { |
|
cursor: text; |
|
font-size: 14px; |
|
} |
|
.bi-sortable-holder { |
|
border: 1px dashed #e8eaed; |
|
} |
|
.bi-all-count-pager .all-pager-prev { |
|
font-size: 16px; |
|
} |
|
.bi-all-count-pager .all-pager-next { |
|
font-size: 16px; |
|
} |
|
.bi-all-count-pager .row-count { |
|
color: #3685f2; |
|
} |
|
|
|
.bi-direction-pager .direction-pager-prev { |
|
font-size: 16px; |
|
} |
|
.bi-direction-pager .direction-pager-next { |
|
font-size: 16px; |
|
} |
|
|
|
.bi-pager .page-item { |
|
-webkit-border-radius: 2px; |
|
-moz-border-radius: 2px; |
|
border-radius: 2px; |
|
} |
|
.bi-pane { |
|
min-height: 25px; |
|
} |
|
.bi-pane.loading-status { |
|
min-height: 55px; |
|
} |
|
.bi-pane .loading-container { |
|
background-color: rgba(247, 248, 250, 0); |
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00f7f8fa,endColorstr=#00f7f8fa); |
|
} |
|
.bi-loading-widget { |
|
font-size: 0; |
|
} |
|
.bi-loading-widget .animate-rect { |
|
background-color: rgba(54, 133, 242, 0.9); |
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#e63685f2,endColorstr=#e63685f2); |
|
-webkit-border-radius: 1.5px; |
|
-moz-border-radius: 1.5px; |
|
border-radius: 1.5px; |
|
-webkit-animation: loading-widget 0.8s infinite linear; |
|
-moz-animation: loading-widget 0.8s infinite linear; |
|
-ms-animation: loading-widget 0.8s infinite linear; |
|
-o-animation: loading-widget 0.8s infinite linear; |
|
animation: loading-widget 0.8s infinite linear; |
|
} |
|
.bi-loading-widget .rect2 { |
|
-webkit-animation-delay: -0.2s; |
|
-moz-animation-delay: -0.2s; |
|
-ms-animation-delay: -0.2s; |
|
-o-animation-delay: -0.2s; |
|
animation-delay: -0.2s; |
|
} |
|
.bi-loading-widget .rect3 { |
|
-webkit-animation-delay: -0.4s; |
|
-moz-animation-delay: -0.4s; |
|
-ms-animation-delay: -0.4s; |
|
-o-animation-delay: -0.4s; |
|
animation-delay: -0.4s; |
|
} |
|
@-webkit-keyframes loading-widget { |
|
0%, |
|
100% { |
|
-webkit-transform: scaleY(0.3); |
|
-moz-transform: scaleY(0.3); |
|
-o-transform: scaleY(0.3); |
|
-ms-transform: scaleY(0.3); |
|
transform: scaleY(0.3); |
|
} |
|
50% { |
|
-webkit-transform: scaleY(1); |
|
-moz-transform: scaleY(1); |
|
-o-transform: scaleY(1); |
|
-ms-transform: scaleY(1); |
|
transform: scaleY(1); |
|
} |
|
} |
|
@-moz-keyframes loading-widget { |
|
0%, |
|
100% { |
|
-webkit-transform: scaleY(0.3); |
|
-moz-transform: scaleY(0.3); |
|
-o-transform: scaleY(0.3); |
|
-ms-transform: scaleY(0.3); |
|
transform: scaleY(0.3); |
|
} |
|
50% { |
|
-webkit-transform: scaleY(1); |
|
-moz-transform: scaleY(1); |
|
-o-transform: scaleY(1); |
|
-ms-transform: scaleY(1); |
|
transform: scaleY(1); |
|
} |
|
} |
|
@-ms-keyframes loading-widget { |
|
0%, |
|
100% { |
|
-webkit-transform: scaleY(0.3); |
|
-moz-transform: scaleY(0.3); |
|
-o-transform: scaleY(0.3); |
|
-ms-transform: scaleY(0.3); |
|
transform: scaleY(0.3); |
|
} |
|
50% { |
|
-webkit-transform: scaleY(1); |
|
-moz-transform: scaleY(1); |
|
-o-transform: scaleY(1); |
|
-ms-transform: scaleY(1); |
|
transform: scaleY(1); |
|
} |
|
} |
|
@-o-keyframes loading-widget { |
|
0%, |
|
100% { |
|
-webkit-transform: scaleY(0.3); |
|
-moz-transform: scaleY(0.3); |
|
-o-transform: scaleY(0.3); |
|
-ms-transform: scaleY(0.3); |
|
transform: scaleY(0.3); |
|
} |
|
50% { |
|
-webkit-transform: scaleY(1); |
|
-moz-transform: scaleY(1); |
|
-o-transform: scaleY(1); |
|
-ms-transform: scaleY(1); |
|
transform: scaleY(1); |
|
} |
|
} |
|
@keyframes loading-widget { |
|
0%, |
|
100% { |
|
-webkit-transform: scaleY(0.3); |
|
-moz-transform: scaleY(0.3); |
|
-o-transform: scaleY(0.3); |
|
-ms-transform: scaleY(0.3); |
|
transform: scaleY(0.3); |
|
} |
|
50% { |
|
-webkit-transform: scaleY(1); |
|
-moz-transform: scaleY(1); |
|
-o-transform: scaleY(1); |
|
-ms-transform: scaleY(1); |
|
transform: scaleY(1); |
|
} |
|
} |
|
.bi-loading-widget.hack { |
|
background: url('images/1x/icon/wave_loading.gif') no-repeat center center; |
|
background-size: contain; |
|
} |
|
.bi-loading-widget.hack .animate-rect { |
|
background-color: rgba(54, 133, 242, 0); |
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#003685f2,endColorstr=#003685f2); |
|
} |
|
.bi-segment-button { |
|
color: #3685f2; |
|
} |
|
.bi-segment > .center-element { |
|
overflow: hidden; |
|
overflow-x: hidden; |
|
overflow-y: hidden; |
|
background: #ffffff; |
|
border-right: 1px solid #3685f2; |
|
border-top: 1px solid #3685f2; |
|
border-bottom: 1px solid #3685f2; |
|
} |
|
.bi-segment > .first-element { |
|
border-left: 1px solid #3685f2; |
|
-webkit-border-radius: 2px 0px 0px 2px; |
|
-moz-border-radius: 2px 0px 0px 2px; |
|
border-radius: 2px 0px 0px 2px; |
|
} |
|
.bi-segment > .last-element { |
|
-webkit-border-radius: 0px 2px 2px 0px; |
|
-moz-border-radius: 0px 2px 2px 0px; |
|
border-radius: 0px 2px 2px 0px; |
|
} |
|
.bi-segment.disabled > .center-element, |
|
.bi-segment.disabled > .first-element { |
|
border-color: #d0d4da; |
|
} |
|
.bi-theme-dark .bi-segment > .center-element { |
|
overflow: hidden; |
|
overflow-x: hidden; |
|
overflow-y: hidden; |
|
background: #242640; |
|
border-right: 1px solid #3a3c53; |
|
border-top: 1px solid #3a3c53; |
|
border-bottom: 1px solid #3a3c53; |
|
} |
|
.bi-theme-dark .bi-segment > .first-element { |
|
border-left: 1px solid #242640; |
|
} |
|
.bi-half-button { |
|
-webkit-border-radius: 2px; |
|
-moz-border-radius: 2px; |
|
border-radius: 2px; |
|
} |
|
|
|
body .bi-button, |
|
#body .bi-button { |
|
-webkit-border-radius: 2px; |
|
-moz-border-radius: 2px; |
|
border-radius: 2px; |
|
border: 1px solid #3685f2; |
|
background-color: #3685f2; |
|
-webkit-box-sizing: border-box; |
|
/*Safari3.2+*/ |
|
-moz-box-sizing: border-box; |
|
/*Firefox3.5+*/ |
|
-ms-box-sizing: border-box; |
|
/*IE8*/ |
|
box-sizing: border-box; |
|
/*W3C标准(IE9+，Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/ |
|
text-align: center; |
|
vertical-align: middle; |
|
cursor: pointer; |
|
} |
|
body .bi-button.block, |
|
#body .bi-button.block { |
|
font-size: inherit; |
|
border-width: 0; |
|
-webkit-border-radius: 0px; |
|
-moz-border-radius: 0px; |
|
border-radius: 0px; |
|
} |
|
body .bi-button.clear, |
|
#body .bi-button.clear { |
|
font-size: inherit; |
|
border-width: 0; |
|
background-color: transparent; |
|
} |
|
body .bi-button.clear:hover, |
|
#body .bi-button.clear:hover { |
|
opacity: 0.9; |
|
filter: alpha(opacity=90); |
|
} |
|
body .bi-button.clear:active, |
|
#body .bi-button.clear:active { |
|
opacity: 0.8; |
|
filter: alpha(opacity=80); |
|
} |
|
body .bi-button.clear:after, |
|
#body .bi-button.clear:after { |
|
display: none; |
|
} |
|
body .bi-button.ghost, |
|
#body .bi-button.ghost { |
|
font-size: inherit; |
|
background-color: transparent; |
|
} |
|
body .bi-button.button-common, |
|
#body .bi-button.button-common, |
|
body .bi-button.button-common .b-font:before, |
|
#body .bi-button.button-common .b-font:before { |
|
color: #ffffff; |
|
} |
|
body .bi-button.button-common.clear, |
|
#body .bi-button.button-common.clear, |
|
body .bi-button.button-common.clear .b-font:before, |
|
#body .bi-button.button-common.clear .b-font:before { |
|
color: #3685f2; |
|
} |
|
body .bi-button.button-common.ghost, |
|
#body .bi-button.button-common.ghost, |
|
body .bi-button.button-common.ghost .b-font:before, |
|
#body .bi-button.button-common.ghost .b-font:before { |
|
color: #3685f2; |
|
} |
|
body .bi-button.button-common.ghost:hover, |
|
#body .bi-button.button-common.ghost:hover { |
|
color: #ffffff; |
|
background-color: #3685f2; |
|
} |
|
body .bi-button.button-common.ghost:active, |
|
#body .bi-button.button-common.ghost:active { |
|
background-color: #3685f2; |
|
} |
|
body .bi-button.button-ignore, |
|
#body .bi-button.button-ignore { |
|
background-color: transparent; |
|
border-color: #3685f2; |
|
} |
|
body .bi-button.button-ignore, |
|
#body .bi-button.button-ignore, |
|
body .bi-button.button-ignore .b-font:before, |
|
#body .bi-button.button-ignore .b-font:before { |
|
color: #3685f2; |
|
} |
|
body .bi-button.button-ignore.clear, |
|
#body .bi-button.button-ignore.clear { |
|
background-color: transparent; |
|
border-width: 0; |
|
} |
|
body .bi-button.button-success, |
|
#body .bi-button.button-success { |
|
background-color: #13cd66; |
|
border-color: #13cd66; |
|
} |
|
body .bi-button.button-success, |
|
#body .bi-button.button-success, |
|
body .bi-button.button-success .b-font:before, |
|
#body .bi-button.button-success .b-font:before { |
|
color: #ffffff; |
|
} |
|
body .bi-button.button-success.clear, |
|
#body .bi-button.button-success.clear { |
|
background-color: transparent; |
|
border-width: 0; |
|
} |
|
body .bi-button.button-success.clear, |
|
#body .bi-button.button-success.clear, |
|
body .bi-button.button-success.clear .b-font:before, |
|
#body .bi-button.button-success.clear .b-font:before { |
|
color: #13cd66; |
|
} |
|
body .bi-button.button-warning, |
|
#body .bi-button.button-warning { |
|
background-color: #faaa39; |
|
border-color: #fbb03b; |
|
} |
|
body .bi-button.button-warning, |
|
#body .bi-button.button-warning, |
|
body .bi-button.button-warning .b-font:before, |
|
#body .bi-button.button-warning .b-font:before { |
|
color: #ffffff; |
|
} |
|
body .bi-button.button-warning.clear, |
|
#body .bi-button.button-warning.clear { |
|
background-color: transparent; |
|
border-width: 0; |
|
} |
|
body .bi-button.button-warning.clear, |
|
#body .bi-button.button-warning.clear, |
|
body .bi-button.button-warning.clear .b-font:before, |
|
#body .bi-button.button-warning.clear .b-font:before { |
|
color: #faaa39; |
|
} |
|
body .bi-button.button-error, |
|
#body .bi-button.button-error { |
|
background-color: #ff4949; |
|
border-color: #FF4949; |
|
} |
|
body .bi-button.button-error, |
|
#body .bi-button.button-error, |
|
body .bi-button.button-error .b-font:before, |
|
#body .bi-button.button-error .b-font:before { |
|
color: #ffffff; |
|
} |
|
body .bi-button.button-error.clear, |
|
#body .bi-button.button-error.clear { |
|
background-color: transparent; |
|
border-width: 0; |
|
} |
|
body .bi-button.button-error.clear, |
|
#body .bi-button.button-error.clear, |
|
body .bi-button.button-error.clear .b-font:before, |
|
#body .bi-button.button-error.clear .b-font:before { |
|
color: #ff4949; |
|
} |
|
body .bi-button.button-common.disabled, |
|
#body .bi-button.button-common.disabled, |
|
body .bi-button.button-success.disabled, |
|
#body .bi-button.button-success.disabled, |
|
body .bi-button.button-error.disabled, |
|
#body .bi-button.button-error.disabled, |
|
body .bi-button.button-warning.disabled, |
|
#body .bi-button.button-warning.disabled, |
|
body .bi-button.button-common.disabled.base-disabled, |
|
#body .bi-button.button-common.disabled.base-disabled, |
|
body .bi-button.button-success.disabled.base-disabled, |
|
#body .bi-button.button-success.disabled.base-disabled, |
|
body .bi-button.button-error.disabled.base-disabled, |
|
#body .bi-button.button-error.disabled.base-disabled, |
|
body .bi-button.button-warning.disabled.base-disabled, |
|
#body .bi-button.button-warning.disabled.base-disabled { |
|
background: #F2F4F7 !important; |
|
border-color: #d0d4da !important; |
|
} |
|
body .bi-button.button-common.disabled, |
|
#body .bi-button.button-common.disabled, |
|
body .bi-button.button-success.disabled, |
|
#body .bi-button.button-success.disabled, |
|
body .bi-button.button-error.disabled, |
|
#body .bi-button.button-error.disabled, |
|
body .bi-button.button-warning.disabled, |
|
#body .bi-button.button-warning.disabled, |
|
body .bi-button.button-common.disabled.base-disabled, |
|
#body .bi-button.button-common.disabled.base-disabled, |
|
body .bi-button.button-success.disabled.base-disabled, |
|
#body .bi-button.button-success.disabled.base-disabled, |
|
body .bi-button.button-error.disabled.base-disabled, |
|
#body .bi-button.button-error.disabled.base-disabled, |
|
body .bi-button.button-warning.disabled.base-disabled, |
|
#body .bi-button.button-warning.disabled.base-disabled, |
|
body .bi-button.button-common.disabled .b-font:before, |
|
#body .bi-button.button-common.disabled .b-font:before, |
|
body .bi-button.button-success.disabled .b-font:before, |
|
#body .bi-button.button-success.disabled .b-font:before, |
|
body .bi-button.button-error.disabled .b-font:before, |
|
#body .bi-button.button-error.disabled .b-font:before, |
|
body .bi-button.button-warning.disabled .b-font:before, |
|
#body .bi-button.button-warning.disabled .b-font:before, |
|
body .bi-button.button-common.disabled.base-disabled .b-font:before, |
|
#body .bi-button.button-common.disabled.base-disabled .b-font:before, |
|
body .bi-button.button-success.disabled.base-disabled .b-font:before, |
|
#body .bi-button.button-success.disabled.base-disabled .b-font:before, |
|
body .bi-button.button-error.disabled.base-disabled .b-font:before, |
|
#body .bi-button.button-error.disabled.base-disabled .b-font:before, |
|
body .bi-button.button-warning.disabled.base-disabled .b-font:before, |
|
#body .bi-button.button-warning.disabled.base-disabled .b-font:before { |
|
color: #9ea6b2 !important; |
|
} |
|
body .bi-button.button-common.disabled:after, |
|
#body .bi-button.button-common.disabled:after, |
|
body .bi-button.button-success.disabled:after, |
|
#body .bi-button.button-success.disabled:after, |
|
body .bi-button.button-error.disabled:after, |
|
#body .bi-button.button-error.disabled:after, |
|
body .bi-button.button-warning.disabled:after, |
|
#body .bi-button.button-warning.disabled:after { |
|
display: none; |
|
} |
|
body .bi-button.button-ignore.disabled, |
|
#body .bi-button.button-ignore.disabled { |
|
background: #ffffff !important; |
|
border-color: #e8eaed !important; |
|
} |
|
body .bi-button.button-ignore.disabled, |
|
#body .bi-button.button-ignore.disabled, |
|
body .bi-button.button-ignore.disabled .b-font:before, |
|
#body .bi-button.button-ignore.disabled .b-font:before { |
|
color: #9ea6b2 !important; |
|
} |
|
body .bi-button.button-ignore.disabled:after, |
|
#body .bi-button.button-ignore.disabled:after { |
|
display: none; |
|
} |
|
body .bi-button.button-common.disabled.clear, |
|
#body .bi-button.button-common.disabled.clear, |
|
body .bi-button.button-success.disabled.clear, |
|
#body .bi-button.button-success.disabled.clear, |
|
body .bi-button.button-warning.disabled.clear, |
|
#body .bi-button.button-warning.disabled.clear, |
|
body .bi-button.button-error.disabled.clear, |
|
#body .bi-button.button-error.disabled.clear, |
|
body .bi-button.button-ignore.disabled.clear, |
|
#body .bi-button.button-ignore.disabled.clear { |
|
background: transparent !important; |
|
border-width: 0 !important; |
|
} |
|
body .bi-button.button-common.disabled.clear, |
|
#body .bi-button.button-common.disabled.clear, |
|
body .bi-button.button-success.disabled.clear, |
|
#body .bi-button.button-success.disabled.clear, |
|
body .bi-button.button-warning.disabled.clear, |
|
#body .bi-button.button-warning.disabled.clear, |
|
body .bi-button.button-error.disabled.clear, |
|
#body .bi-button.button-error.disabled.clear, |
|
body .bi-button.button-ignore.disabled.clear, |
|
#body .bi-button.button-ignore.disabled.clear, |
|
body .bi-button.button-common.disabled.clear .b-font:before, |
|
#body .bi-button.button-common.disabled.clear .b-font:before, |
|
body .bi-button.button-success.disabled.clear .b-font:before, |
|
#body .bi-button.button-success.disabled.clear .b-font:before, |
|
body .bi-button.button-warning.disabled.clear .b-font:before, |
|
#body .bi-button.button-warning.disabled.clear .b-font:before, |
|
body .bi-button.button-error.disabled.clear .b-font:before, |
|
#body .bi-button.button-error.disabled.clear .b-font:before, |
|
body .bi-button.button-ignore.disabled.clear .b-font:before, |
|
#body .bi-button.button-ignore.disabled.clear .b-font:before { |
|
color: #9ea6b2 !important; |
|
} |
|
body .bi-button.button-common.disabled.clear:hover, |
|
#body .bi-button.button-common.disabled.clear:hover, |
|
body .bi-button.button-success.disabled.clear:hover, |
|
#body .bi-button.button-success.disabled.clear:hover, |
|
body .bi-button.button-warning.disabled.clear:hover, |
|
#body .bi-button.button-warning.disabled.clear:hover, |
|
body .bi-button.button-error.disabled.clear:hover, |
|
#body .bi-button.button-error.disabled.clear:hover, |
|
body .bi-button.button-ignore.disabled.clear:hover, |
|
#body .bi-button.button-ignore.disabled.clear:hover, |
|
body .bi-button.button-common.disabled.clear:active, |
|
#body .bi-button.button-common.disabled.clear:active, |
|
body .bi-button.button-success.disabled.clear:active, |
|
#body .bi-button.button-success.disabled.clear:active, |
|
body .bi-button.button-warning.disabled.clear:active, |
|
#body .bi-button.button-warning.disabled.clear:active, |
|
body .bi-button.button-error.disabled.clear:active, |
|
#body .bi-button.button-error.disabled.clear:active, |
|
body .bi-button.button-ignore.disabled.clear:active, |
|
#body .bi-button.button-ignore.disabled.clear:active { |
|
opacity: 1; |
|
filter: alpha(opacity=100); |
|
} |
|
body .bi-button.button-common.disabled.ghost, |
|
#body .bi-button.button-common.disabled.ghost, |
|
body .bi-button.button-success.disabled.ghost, |
|
#body .bi-button.button-success.disabled.ghost, |
|
body .bi-button.button-warning.disabled.ghost, |
|
#body .bi-button.button-warning.disabled.ghost, |
|
body .bi-button.button-error.disabled.ghost, |
|
#body .bi-button.button-error.disabled.ghost, |
|
body .bi-button.button-ignore.disabled.ghost, |
|
#body .bi-button.button-ignore.disabled.ghost { |
|
background: transparent !important; |
|
border-color: #3685f2 !important; |
|
opacity: 0.5; |
|
filter: alpha(opacity=50); |
|
} |
|
body .bi-button.button-common.disabled.ghost, |
|
#body .bi-button.button-common.disabled.ghost, |
|
body .bi-button.button-success.disabled.ghost, |
|
#body .bi-button.button-success.disabled.ghost, |
|
body .bi-button.button-warning.disabled.ghost, |
|
#body .bi-button.button-warning.disabled.ghost, |
|
body .bi-button.button-error.disabled.ghost, |
|
#body .bi-button.button-error.disabled.ghost, |
|
body .bi-button.button-ignore.disabled.ghost, |
|
#body .bi-button.button-ignore.disabled.ghost, |
|
body .bi-button.button-common.disabled.ghost .b-font:before, |
|
#body .bi-button.button-common.disabled.ghost .b-font:before, |
|
body .bi-button.button-success.disabled.ghost .b-font:before, |
|
#body .bi-button.button-success.disabled.ghost .b-font:before, |
|
body .bi-button.button-warning.disabled.ghost .b-font:before, |
|
#body .bi-button.button-warning.disabled.ghost .b-font:before, |
|
body .bi-button.button-error.disabled.ghost .b-font:before, |
|
#body .bi-button.button-error.disabled.ghost .b-font:before, |
|
body .bi-button.button-ignore.disabled.ghost .b-font:before, |
|
#body .bi-button.button-ignore.disabled.ghost .b-font:before { |
|
color: #3685f2 !important; |
|
} |
|
.bi-basic-button.button-common:after, |
|
.bi-basic-button.button-success:after, |
|
.bi-basic-button.button-warning:after, |
|
.bi-basic-button.button-error:after { |
|
content: ""; |
|
background-color: #232E40; |
|
-webkit-border-radius: 10px; |
|
-moz-border-radius: 10px; |
|
border-radius: 10px; |
|
display: block; |
|
width: 100%; |
|
height: 100%; |
|
position: absolute; |
|
transform: scale(1, 1); |
|
opacity: 0; |
|
filter: alpha(opacity=0); |
|
-webkit-transition: transform 0.5s ease, opacity 1s ease; |
|
-moz-transition: transform 0.5s ease, opacity 1s ease; |
|
-o-transition: transform 0.5s ease, opacity 1s ease; |
|
transition: transform 0.5s ease, opacity 1s ease; |
|
left: 0; |
|
top: 0; |
|
pointer-events: none; |
|
} |
|
.bi-basic-button.button-common.hack:after, |
|
.bi-basic-button.button-success.hack:after, |
|
.bi-basic-button.button-warning.hack:after, |
|
.bi-basic-button.button-error.hack:after { |
|
content: none; |
|
} |
|
.bi-basic-button.button-common:active:after, |
|
.bi-basic-button.button-success:active:after, |
|
.bi-basic-button.button-warning:active:after, |
|
.bi-basic-button.button-error:active:after { |
|
transform: scale(0, 1); |
|
opacity: 0.1; |
|
filter: alpha(opacity=10); |
|
-webkit-transition: transform 0s; |
|
-moz-transition: transform 0s; |
|
-o-transition: transform 0s; |
|
transition: transform 0s; |
|
} |
|
.bi-basic-button.button-common:hover .bi-button-mask, |
|
.bi-basic-button.button-success:hover .bi-button-mask, |
|
.bi-basic-button.button-warning:hover .bi-button-mask, |
|
.bi-basic-button.button-error:hover .bi-button-mask { |
|
opacity: 0.1; |
|
filter: alpha(opacity=10); |
|
background-color: #ffffff; |
|
-webkit-transition: opacity 0.3s ease; |
|
-moz-transition: opacity 0.3s ease; |
|
-o-transition: opacity 0.3s ease; |
|
transition: opacity 0.3s ease; |
|
} |
|
.bi-basic-button.button-ignore:after { |
|
content: ""; |
|
background-color: #3685f2; |
|
-webkit-border-radius: 10px; |
|
-moz-border-radius: 10px; |
|
border-radius: 10px; |
|
display: block; |
|
width: 100%; |
|
height: 100%; |
|
position: absolute; |
|
transform: scale(1, 1); |
|
opacity: 0; |
|
filter: alpha(opacity=0); |
|
-webkit-transition: transform 0.5s ease, opacity 1s ease; |
|
-moz-transition: transform 0.5s ease, opacity 1s ease; |
|
-o-transition: transform 0.5s ease, opacity 1s ease; |
|
transition: transform 0.5s ease, opacity 1s ease; |
|
left: 0; |
|
top: 0; |
|
pointer-events: none; |
|
} |
|
.bi-basic-button.button-ignore.hack:after { |
|
content: none; |
|
} |
|
.bi-basic-button.button-ignore:active:after { |
|
transform: scale(0, 1); |
|
opacity: 0.1; |
|
filter: alpha(opacity=10); |
|
-webkit-transition: transform 0s; |
|
-moz-transition: transform 0s; |
|
-o-transition: transform 0s; |
|
transition: transform 0s; |
|
} |
|
.bi-basic-button.button-ignore:hover { |
|
background-color: rgba(54, 133, 242, 0.05); |
|
-webkit-transition: opacity 0.3s ease; |
|
-moz-transition: opacity 0.3s ease; |
|
-o-transition: opacity 0.3s ease; |
|
transition: opacity 0.3s ease; |
|
} |
|
.bi-basic-button .popup-content { |
|
font-size: 14px; |
|
} |
|
.bi-theme-dark body .bi-button.button-common.ghost, |
|
.bi-theme-dark #body .bi-button.button-common.ghost, |
|
.bi-theme-dark body .bi-button.button-common.ghost .b-font:before, |
|
.bi-theme-dark #body .bi-button.button-common.ghost .b-font:before { |
|
color: #ffffff; |
|
border-color: #ffffff; |
|
} |
|
.bi-theme-dark body .bi-button.button-common.ghost:hover, |
|
.bi-theme-dark #body .bi-button.button-common.ghost:hover { |
|
color: #3d4d66; |
|
background-color: #ffffff; |
|
} |
|
.bi-theme-dark body .bi-button.button-common.ghost:active, |
|
.bi-theme-dark #body .bi-button.button-common.ghost:active { |
|
background-color: rgba(255, 255, 255, 0.9); |
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#e6ffffff,endColorstr=#e6ffffff); |
|
} |
|
.bi-theme-dark body .bi-button.button-ignore:hover, |
|
.bi-theme-dark #body .bi-button.button-ignore:hover { |
|
background-color: rgba(54, 133, 242, 0.05); |
|
} |
|
.bi-theme-dark body .bi-button.button-ignore:active, |
|
.bi-theme-dark #body .bi-button.button-ignore:active { |
|
background-color: rgba(54, 133, 242, 0.1); |
|
} |
|
.bi-theme-dark body .bi-button.button-common.disabled.ghost, |
|
.bi-theme-dark #body .bi-button.button-common.disabled.ghost { |
|
background: transparent !important; |
|
border-color: #ffffff !important; |
|
opacity: 0.5; |
|
filter: alpha(opacity=50); |
|
} |
|
.bi-theme-dark body .bi-button.button-common.disabled.ghost, |
|
.bi-theme-dark #body .bi-button.button-common.disabled.ghost, |
|
.bi-theme-dark body .bi-button.button-common.disabled.ghost .b-font:before, |
|
.bi-theme-dark #body .bi-button.button-common.disabled.ghost .b-font:before { |
|
color: #ffffff !important; |
|
} |
|
.bi-single-select-icon-text-item:active .b-font:before, |
|
.bi-single-select-icon-text-item.active .b-font:before { |
|
color: #3685f2; |
|
} |
|
.bi-switch { |
|
-webkit-border-radius: 40px 40px 40px 40px; |
|
-moz-border-radius: 40px 40px 40px 40px; |
|
border-radius: 40px 40px 40px 40px; |
|
background-color: #d0d4da; |
|
} |
|
.bi-switch:active, |
|
.bi-switch.active { |
|
background-color: #3685f2; |
|
} |
|
.bi-switch .circle-button { |
|
-webkit-border-radius: 9px 9px 9px 9px; |
|
-moz-border-radius: 9px 9px 9px 9px; |
|
border-radius: 9px 9px 9px 9px; |
|
} |
|
.bi-switch.disabled { |
|
background-color: #F2F4F7; |
|
} |
|
.bi-switch.disabled:active { |
|
background-color: #F2F4F7; |
|
} |
|
.bi-theme-dark .bi-switch { |
|
background-color: #606479; |
|
} |
|
.bi-theme-dark .bi-switch:active, |
|
.bi-theme-dark .bi-switch.active { |
|
background-color: #3685f2; |
|
} |
|
.bi-theme-dark .bi-switch.disabled { |
|
background-color: #2F3149; |
|
} |
|
.bi-theme-dark .bi-switch.disabled:active { |
|
background-color: #2F3149; |
|
} |
|
.bi-multifile-editor .multifile-editor { |
|
text-align: right; |
|
cursor: pointer; |
|
font-size: 100px; |
|
z-index: 2; |
|
} |
|
|
|
.bi-textarea-editor { |
|
overflow: hidden; |
|
overflow-x: hidden; |
|
overflow-y: hidden; |
|
} |
|
.bi-textarea-editor .textarea-editor-content { |
|
white-space: pre-wrap; |
|
font-size: 12px; |
|
line-height: 21px; |
|
border: none; |
|
} |
|
.x-icon.b-font { |
|
margin: auto; |
|
width: 100%; |
|
} |
|
.bi-checkbox .checkbox-content { |
|
-webkit-border-radius: 2px; |
|
-moz-border-radius: 2px; |
|
border-radius: 2px; |
|
border: 1px solid #9EA6B2; |
|
} |
|
.bi-checkbox .checkbox-content:after { |
|
position: absolute; |
|
display: table; |
|
top: 50%; |
|
left: 20%; |
|
border: 2px solid transparent; |
|
border-top: 0; |
|
border-left: 0; |
|
width: 4px; |
|
height: 8px; |
|
-webkit-transform: rotate(45deg) scale(1) translate(-50%, -50%); |
|
-moz-transform: rotate(45deg) scale(1) translate(-50%, -50%); |
|
-o-transform: rotate(45deg) scale(1) translate(-50%, -50%); |
|
-ms-transform: rotate(45deg) scale(1) translate(-50%, -50%); |
|
transform: rotate(45deg) scale(1) translate(-50%, -50%); |
|
content: ''; |
|
} |
|
.bi-checkbox .checkbox-content.hover, |
|
.bi-checkbox .checkbox-content:hover { |
|
border-color: #3685f2; |
|
} |
|
.bi-checkbox.active .checkbox-content, |
|
.bi-checkbox:active .checkbox-content { |
|
border-color: #3685f2; |
|
} |
|
.bi-checkbox.active .checkbox-content:after, |
|
.bi-checkbox:active .checkbox-content:after { |
|
border-color: #ffffff; |
|
opacity: 1; |
|
} |
|
.bi-checkbox.disabled .checkbox-content { |
|
background-color: #F2F4F7; |
|
border-color: #d0d4da; |
|
} |
|
.bi-checkbox.disabled .checkbox-content:after { |
|
opacity: 0; |
|
} |
|
.bi-checkbox.disabled.active .checkbox-content { |
|
background-color: #d0d4da; |
|
} |
|
.bi-checkbox.disabled.active .checkbox-content:after { |
|
opacity: 1; |
|
} |
|
.bi-theme-dark .bi-checkbox .checkbox-content { |
|
border-color: #878D9F; |
|
} |
|
.bi-theme-dark .bi-checkbox .checkbox-content.hover, |
|
.bi-theme-dark .bi-checkbox .checkbox-content:hover { |
|
border-color: #3685f2; |
|
} |
|
.bi-theme-dark .bi-checkbox.active .checkbox-content, |
|
.bi-theme-dark .bi-checkbox:active .checkbox-content { |
|
border-color: #3685f2; |
|
} |
|
.bi-theme-dark .bi-checkbox.disabled .checkbox-content { |
|
background-color: #2F3149; |
|
} |
|
.bi-theme-dark .bi-checkbox.disabled.active .checkbox-content { |
|
background-color: #606479; |
|
border-color: #606479; |
|
} |
|
.bi-file { |
|
opacity: 0; |
|
filter: alpha(opacity=0); |
|
z-index: 2; |
|
} |
|
.bi-input, |
|
.bi-textarea { |
|
border: none; |
|
outline: none; |
|
background-color: transparent; |
|
padding: 0; |
|
margin: 0; |
|
width: 100%; |
|
height: 100%; |
|
} |
|
.bi-input.bi-input-focus, |
|
.bi-textarea.bi-input-focus { |
|
border: none; |
|
} |
|
.bi-input.bi-input-error, |
|
.bi-textarea.bi-input-error { |
|
border: none; |
|
color: #ff4949 !important; |
|
} |
|
.bi-radio .radio-content { |
|
-webkit-border-radius: 8px; |
|
-moz-border-radius: 8px; |
|
border-radius: 8px; |
|
border: 1px solid #9EA6B2; |
|
} |
|
.bi-radio .radio-content:after { |
|
content: ""; |
|
} |
|
.bi-radio .radio-content.hover, |
|
.bi-radio .radio-content:hover { |
|
border-color: #3685f2; |
|
} |
|
.bi-radio:active .radio-content, |
|
.bi-radio.active .radio-content { |
|
border-color: #3685f2; |
|
} |
|
.bi-radio:active .radio-content:after, |
|
.bi-radio.active .radio-content:after { |
|
width: 6px; |
|
height: 6px; |
|
display: table; |
|
position: absolute; |
|
top: 50%; |
|
left: 50%; |
|
-webkit-border-radius: 3px; |
|
-moz-border-radius: 3px; |
|
border-radius: 3px; |
|
background-color: #ffffff; |
|
-webkit-transform: translate(-50%, -50%); |
|
-moz-transform: translate(-50%, -50%); |
|
-o-transform: translate(-50%, -50%); |
|
-ms-transform: translate(-50%, -50%); |
|
transform: translate(-50%, -50%); |
|
} |
|
.bi-radio.disabled .radio-content { |
|
background-color: #F2F4F7; |
|
border-color: #d0d4da; |
|
} |
|
.bi-radio.disabled .radio-content:after { |
|
background-color: transparent; |
|
} |
|
.bi-radio.disabled.active .radio-content { |
|
background-color: #d0d4da; |
|
} |
|
.bi-radio.disabled.active .radio-content:after { |
|
background-color: #ffffff; |
|
} |
|
.bi-theme-dark .bi-radio .radio-content { |
|
border-color: #878D9F; |
|
} |
|
.bi-theme-dark .bi-radio .radio-content.hover, |
|
.bi-theme-dark .bi-radio .radio-content:hover { |
|
border-color: #3685f2; |
|
} |
|
.bi-theme-dark .bi-radio.active .radio-content, |
|
.bi-theme-dark .bi-radio:active .radio-content { |
|
border-color: #3685f2; |
|
} |
|
.bi-theme-dark .bi-radio.disabled .radio-content { |
|
background-color: #2F3149; |
|
} |
|
.bi-theme-dark .bi-radio.disabled .radio-content.hover, |
|
.bi-theme-dark .bi-radio.disabled .radio-content:hover { |
|
border-color: #878D9F; |
|
} |
|
.bi-theme-dark .bi-radio.disabled.active .radio-content { |
|
background-color: #606479; |
|
border-color: #606479; |
|
} |
|
.bi-label { |
|
overflow: hidden; |
|
overflow-x: hidden; |
|
overflow-y: hidden; |
|
word-break: break-all; |
|
} |
|
.bi-text { |
|
overflow: hidden; |
|
overflow-x: hidden; |
|
overflow-y: hidden; |
|
-webkit-box-sizing: border-box; |
|
/*Safari3.2+*/ |
|
-moz-box-sizing: border-box; |
|
/*Firefox3.5+*/ |
|
-ms-box-sizing: border-box; |
|
/*IE8*/ |
|
box-sizing: border-box; |
|
/*W3C标准(IE9+，Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/ |
|
word-break: break-word; |
|
} |
|
.bi-bubble .bubble-text { |
|
-webkit-border-radius: 2px; |
|
-moz-border-radius: 2px; |
|
border-radius: 2px; |
|
} |
|
.bi-bubble .bubble-error { |
|
background: #ffecec; |
|
color: #ff4949; |
|
} |
|
.bi-theme-dark .bi-bubble .bubble-error { |
|
background: #3A2940; |
|
} |
|
.bi-bubble .bubble-common { |
|
background: #eaf2fd; |
|
color: #3685f2; |
|
} |
|
.bi-bubble .bubble-success { |
|
background: #e1f4e7; |
|
color: #13cd66; |
|
} |
|
.bi-bubble .bubble-warning { |
|
background: #feeed7; |
|
color: #faaa39; |
|
} |
|
|
|
.bi-tip { |
|
position: fixed !important; |
|
} |
|
|
|
.bi-toast { |
|
color: #ffffff; |
|
max-width: 400px; |
|
min-width: 150px; |
|
-webkit-border-radius: 2px; |
|
-moz-border-radius: 2px; |
|
border-radius: 2px; |
|
} |
|
.bi-toast.toast-success { |
|
background: #13cd66; |
|
} |
|
.bi-toast.toast-warning { |
|
background: #faaa39; |
|
} |
|
.bi-toast.toast-error { |
|
background: #ff4949; |
|
} |
|
.bi-toast.toast-normal { |
|
background: #3685f2; |
|
} |
|
.bi-toast .toast-icon { |
|
font-size: 16px; |
|
} |
|
|
|
.bi-tooltip { |
|
max-width: 250px; |
|
-webkit-border-radius: 2px; |
|
-moz-border-radius: 2px; |
|
border-radius: 2px; |
|
font-size: 12px; |
|
color: #ffffff; |
|
} |
|
.bi-tooltip.tooltip-success { |
|
background: #647185; |
|
border: 1px solid #647185; |
|
} |
|
.bi-tooltip.tooltip-warning { |
|
background: #ff4949; |
|
border: 1px solid #FF4949; |
|
} |
|
.bi-branch-tree .bi-branch-tree-view { |
|
min-width: 300px; |
|
} |
|
|
|
.bi-display-tree .ztree * { |
|
color: #999999; |
|
} |
|
.bi-display-tree .ztree li a, |
|
.bi-display-tree .ztree li span { |
|
cursor: default !important; |
|
} |
|
.bi-display-tree .ztree li a:hover { |
|
text-decoration: none; |
|
} |
|
.bi-display-tree .ztree li a.curSelectedNode { |
|
padding-top: 1px; |
|
border: none; |
|
background-color: inherit; |
|
opacity: 1; |
|
filter: alpha(opacity=100); |
|
} |
|
|
|
.bi-list-display-tree .ztree li a, |
|
.bi-list-display-tree .ztree li span { |
|
cursor: default !important; |
|
} |
|
.bi-list-display-tree .ztree li a:hover { |
|
text-decoration: none; |
|
} |
|
.bi-list-display-tree .ztree li a.curSelectedNode { |
|
padding-top: 1px; |
|
border: none; |
|
background-color: inherit; |
|
opacity: 1; |
|
filter: alpha(opacity=100); |
|
} |
|
.ztree * { |
|
padding: 0; |
|
margin: 0; |
|
} |
|
.ztree { |
|
margin: 0; |
|
padding: 5px; |
|
} |
|
.ztree li { |
|
padding: 0; |
|
margin: 0; |
|
list-style: none; |
|
line-height: 14px; |
|
text-align: left; |
|
white-space: nowrap; |
|
outline: 0; |
|
} |
|
.ztree li ul { |
|
margin: 0; |
|
padding: 0 0 0 18px; |
|
} |
|
.ztree li a { |
|
padding: 1px 3px 0 0; |
|
margin: 0; |
|
cursor: pointer; |
|
height: 24px; |
|
background-color: transparent; |
|
text-decoration: none; |
|
vertical-align: top; |
|
display: inline-block; |
|
} |
|
.ztree li a:hover { |
|
background-color: rgba(54, 133, 242, 0.06); |
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0f3685f2,endColorstr=#0f3685f2); |
|
} |
|
.ztree li a:active { |
|
color: #3685f2; |
|
background-color: rgba(54, 133, 242, 0.06); |
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0f3685f2,endColorstr=#0f3685f2); |
|
} |
|
.ztree li a.curSelectedNode_Edit { |
|
padding-top: 0px; |
|
background-color: #FFE6B0; |
|
color: black; |
|
height: 16px; |
|
border: 1px #FFB951 solid; |
|
opacity: 0.8; |
|
} |
|
.ztree li a.tmpTargetNode_inner { |
|
padding-top: 0px; |
|
background-color: #316AC5; |
|
color: white; |
|
height: 16px; |
|
border: 1px #316AC5 solid; |
|
opacity: 0.8; |
|
filter: alpha(opacity=80); |
|
} |
|
.ztree li a input.rename { |
|
height: 14px; |
|
width: 80px; |
|
padding: 0; |
|
margin: 0; |
|
font-size: 12px; |
|
border: 1px #7EC4CC solid; |
|
*border: 0px; |
|
} |
|
.ztree li span { |
|
line-height: 24px; |
|
margin-right: 2px; |
|
} |
|
.ztree li span.button { |
|
line-height: 0; |
|
margin: 0; |
|
width: 16px; |
|
height: 16px; |
|
display: inline-block; |
|
vertical-align: middle; |
|
border: 0 none; |
|
cursor: pointer; |
|
outline: none; |
|
background-color: transparent; |
|
background-repeat: no-repeat; |
|
background-attachment: scroll; |
|
} |
|
.ztree li span.button.chk { |
|
width: 16px; |
|
height: 16px; |
|
margin: 0 3px 0 0; |
|
cursor: auto; |
|
} |
|
.ztree li span.button.chk.checkbox_false_disable { |
|
background-position: 0 -56px; |
|
} |
|
.ztree li span.button.chk.checkbox_true_disable { |
|
background-position: -14px -56px; |
|
} |
|
.ztree li span.button.chk.radio_false_full { |
|
background-position: -28px 0; |
|
} |
|
.ztree li span.button.chk.radio_false_full_focus { |
|
background-position: -28px -14px; |
|
} |
|
.ztree li span.button.chk.radio_false_part { |
|
background-position: -28px -28px; |
|
} |
|
.ztree li span.button.chk.radio_false_part_focus { |
|
background-position: -28px -42px; |
|
} |
|
.ztree li span.button.chk.radio_false_disable { |
|
background-position: -28px -56px; |
|
} |
|
.ztree li span.button.chk.radio_true_full { |
|
background-position: -42px 0; |
|
} |
|
.ztree li span.button.chk.radio_true_full_focus { |
|
background-position: -42px -14px; |
|
} |
|
.ztree li span.button.chk.radio_true_part { |
|
background-position: -42px -28px; |
|
} |
|
.ztree li span.button.chk.radio_true_part_focus { |
|
background-position: -42px -42px; |
|
} |
|
.ztree li span.button.chk.checkbox_true_full + a { |
|
color: #3685f2; |
|
} |
|
.ztree li span.button.chk.checkbox_true_full_focus + a { |
|
color: #3685f2; |
|
} |
|
.ztree li span.button.chk.checkbox_true_part + a { |
|
color: #3685f2; |
|
} |
|
.ztree li span.button.chk.checkbox_true_part_focus + a { |
|
color: #3685f2; |
|
} |
|
.ztree li span.button.chk.radio_true_disable { |
|
background-position: -42px -56px; |
|
} |
|
.ztree li span.button.switch { |
|
width: 25px; |
|
height: 25px; |
|
} |
|
.ztree li span.button.noline_open { |
|
background-position: -92px -72px; |
|
} |
|
.ztree li span.button.noline_close { |
|
background-position: -74px -72px; |
|
} |
|
.ztree li span.button.root_docu { |
|
background: none; |
|
} |
|
.ztree li span.button.noline_docu { |
|
background: none; |
|
} |
|
.ztree li span.button.ico_open { |
|
margin-right: 2px; |
|
background-position: -110px -16px; |
|
vertical-align: top; |
|
*vertical-align: middle; |
|
} |
|
.ztree li span.button.ico_close { |
|
margin-right: 2px; |
|
background-position: -110px 0; |
|
vertical-align: top; |
|
*vertical-align: middle; |
|
} |
|
.ztree li span.button.ico_docu { |
|
margin-right: 2px; |
|
background-position: -110px -32px; |
|
vertical-align: top; |
|
*vertical-align: middle; |
|
} |
|
.ztree li span.button.edit { |
|
margin-right: 2px; |
|
background-position: -110px -48px; |
|
vertical-align: top; |
|
*vertical-align: middle; |
|
} |
|
.ztree li span.button.remove { |
|
margin-right: 2px; |
|
background-position: -110px -64px; |
|
vertical-align: top; |
|
*vertical-align: middle; |
|
} |
|
.ztree li span.button.ico_loading { |
|
width: 0px; |
|
margin-right: 2px; |
|
vertical-align: top; |
|
*vertical-align: middle; |
|
} |
|
ul.tmpTargetzTree { |
|
background-color: #FFE6B0; |
|
opacity: 0.8; |
|
filter: alpha(opacity=80); |
|
} |
|
span.tmpzTreeMove_arrow { |
|
width: 16px; |
|
height: 16px; |
|
display: inline-block; |
|
padding: 0; |
|
margin: 2px 0 0 1px; |
|
border: 0 none; |
|
position: absolute; |
|
background-color: transparent; |
|
background-repeat: no-repeat; |
|
background-attachment: scroll; |
|
background-position: -110px -80px; |
|
} |
|
ul.ztree.zTreeDragUL { |
|
margin: 0; |
|
padding: 0; |
|
position: absolute; |
|
width: auto; |
|
height: auto; |
|
overflow: hidden; |
|
background-color: #cfcfcf; |
|
border: 1px #00B83F dotted; |
|
opacity: 0.8; |
|
filter: alpha(opacity=80); |
|
} |
|
.zTreeMask { |
|
z-index: 10000; |
|
background-color: #cfcfcf; |
|
opacity: 0.0; |
|
filter: alpha(opacity=0); |
|
position: absolute; |
|
} |
|
/* level style*/ |
|
/*.ztree li span.button.level0 { |
|
display:none; |
|
} |
|
.ztree li ul.level0 { |
|
padding:0; |
|
background:none; |
|
}*/ |
|
|
|
|
|
.bi-trigger .bi-trigger-icon-button { |
|
font-size: 16px; |
|
} |
|
|
|
.bi-select-text-trigger { |
|
-webkit-border-radius: 2px; |
|
-moz-border-radius: 2px; |
|
border-radius: 2px; |
|
} |
|
|
|
.bi-small-select-text-trigger { |
|
-webkit-border-radius: 2px; |
|
-moz-border-radius: 2px; |
|
border-radius: 2px; |
|
} |
|
/**********BI.BIListView*************/ |
|
.bi-popup-view { |
|
position: fixed !important; |
|
overflow-y: visible !important; |
|
overflow-x: visible !important; |
|
overflow: visible !important; |
|
cursor: default; |
|
} |
|
.bi-popup-view .list-view-outer { |
|
-webkit-border-radius: 2px; |
|
-moz-border-radius: 2px; |
|
border-radius: 2px; |
|
} |
|
.bi-popup-view .padding-outer { |
|
padding-top: 5px; |
|
padding-bottom: 5px; |
|
} |
|
.bi-popup-view .list-view-shadow { |
|
-webkit-box-shadow: 0 1px 5px 0 rgba(35, 46, 64, 0.2); |
|
-moz-box-shadow: 0 1px 5px 0 rgba(35, 46, 64, 0.2); |
|
box-shadow: 0 1px 5px 0 rgba(35, 46, 64, 0.2); |
|
} |
|
.bi-popup-view .list-view-toolbar { |
|
line-height: 24px; |
|
} |
|
.bi-popup-view .list-view-toolbar > .center-element { |
|
border-left: 1px solid #e8eaed; |
|
} |
|
.bi-popup-view .list-view-toolbar > .first-element { |
|
border-left: none; |
|
} |
|
.bi-theme-dark .bi-popup-view .list-view-toolbar > .center-element { |
|
border-left: 1px solid #3a3c53; |
|
} |
|
.bi-theme-dark .bi-popup-view .list-view-toolbar > .first-element { |
|
border-left: none; |
|
} |
|
.bi-theme-dark .list-view-shadow { |
|
-webkit-box-shadow: 0 1px 5px 0 rgba(25, 27, 43, 0.8); |
|
-moz-box-shadow: 0 1px 5px 0 rgba(25, 27, 43, 0.8); |
|
box-shadow: 0 1px 5px 0 rgba(25, 27, 43, 0.8); |
|
}
|
|
|