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.
379 lines
14 KiB
379 lines
14 KiB
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.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: #e85050; |
|
} |
|
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-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-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: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; |
|
} |
|
.bi-basic-button.button-common:active .bi-button-mask, |
|
.bi-basic-button.button-success:active .bi-button-mask, |
|
.bi-basic-button.button-warning:active .bi-button-mask, |
|
.bi-basic-button.button-error:active .bi-button-mask { |
|
opacity: 0.1; |
|
filter: alpha(opacity=10); |
|
background-color: #232E40; |
|
} |
|
.bi-basic-button.button-ignore:hover { |
|
background-color: rgba(54, 133, 242, 0.05); |
|
} |
|
.bi-basic-button.button-ignore:active { |
|
background-color: rgba(54, 133, 242, 0.1); |
|
} |
|
.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; |
|
}
|
|
|