Cauchy.Ke
/
fineui
forked from fanruan/fineui
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity
fineui是帆软报表和BI产品线所使用的前端框架。
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.
4669 Commits
1 Branch
0 Tags
451 MiB
 
 
 
Tree: 1e84ccda84
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from '1e84ccda84'
${ noResults }
fineui/src/css/base/single/button/button.css

501 lines
18 KiB
Raw Blame History

.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.hack,
#body .bi-button.hack {
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
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: #e65251;
border-color: #e65251;
}
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: #e65251;
}
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-color: rgba(158, 166, 178, 0.2) !important;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#339ea6b2,endColorstr=#339ea6b2);
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-theme-dark body .bi-button.button-success.disabled,
.bi-theme-dark #body .bi-button.button-success.disabled,
.bi-theme-dark body .bi-button.button-error.disabled,
.bi-theme-dark #body .bi-button.button-error.disabled,
.bi-theme-dark body .bi-button.button-warning.disabled,
.bi-theme-dark #body .bi-button.button-warning.disabled,
.bi-theme-dark body .bi-button.button-ignore.disabled,
.bi-theme-dark #body .bi-button.button-ignore.disabled,
.bi-theme-dark body .bi-button.button-success.disabled.base-disabled,
.bi-theme-dark #body .bi-button.button-success.disabled.base-disabled,
.bi-theme-dark body .bi-button.button-error.disabled.base-disabled,
.bi-theme-dark #body .bi-button.button-error.disabled.base-disabled,
.bi-theme-dark body .bi-button.button-warning.disabled.base-disabled,
.bi-theme-dark #body .bi-button.button-warning.disabled.base-disabled,
.bi-theme-dark body .bi-button.button-ignore.disabled.base-disabled,
.bi-theme-dark #body .bi-button.button-ignore.disabled.base-disabled {
background-color: rgba(135, 141, 159, 0.2) !important;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33878d9f,endColorstr=#33878d9f);
}