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.
360 lines
10 KiB
360 lines
10 KiB
/****添加计算宽度的--运算符直接需要space****/ |
|
/****** common color(常用颜色,可用于普遍场景) *****/ |
|
/**** custom color(自定义颜色,用于特定场景) ****/ |
|
.base-disabled { |
|
cursor: default !important; |
|
color: #cccccc !important; |
|
} |
|
.base-disabled .b-font:before { |
|
color: #cccccc !important; |
|
} |
|
.bi-theme-dark .base-disabled { |
|
color: #666666 !important; |
|
} |
|
.bi-theme-dark .base-disabled .b-font:before { |
|
color: #666666 !important; |
|
} |
|
.base-invalid { |
|
cursor: default !important; |
|
} |
|
.clearfix { |
|
*zoom: 1; |
|
} |
|
.clearfix:before, |
|
.clearfix:after { |
|
content: " "; |
|
display: table; |
|
line-height: 0; |
|
} |
|
.clearfix:after { |
|
clear: both; |
|
} |
|
.bi-background { |
|
background-color: #eff1f4; |
|
color: #666666; |
|
} |
|
.bi-theme-dark .bi-background { |
|
background-color: #191b2b; |
|
color: #cccccc; |
|
} |
|
.bi-card { |
|
background-color: #ffffff; |
|
color: #666666; |
|
} |
|
.bi-theme-dark .bi-card { |
|
background-color: #242640; |
|
color: #cccccc; |
|
} |
|
.bi-disabled { |
|
color: #cccccc; |
|
} |
|
.bi-theme-dark .bi-disabled { |
|
color: #666666; |
|
} |
|
.bi-tips { |
|
color: #999999; |
|
} |
|
.bi-border { |
|
border: 1px solid #d4dadd; |
|
} |
|
.bi-theme-dark .bi-border { |
|
border: 1px solid #525466; |
|
} |
|
.bi-border-left { |
|
border-left: 1px solid #d4dadd; |
|
} |
|
.bi-theme-dark .bi-border-left { |
|
border-left: 1px solid #525466; |
|
} |
|
.bi-border-right { |
|
border-right: 1px solid #d4dadd; |
|
} |
|
.bi-theme-dark .bi-border-right { |
|
border-right: 1px solid #525466; |
|
} |
|
.bi-border-top { |
|
border-top: 1px solid #d4dadd; |
|
} |
|
.bi-theme-dark .bi-border-top { |
|
border-top: 1px solid #525466; |
|
} |
|
.bi-border-bottom { |
|
border-bottom: 1px solid #d4dadd; |
|
} |
|
.bi-theme-dark .bi-border-bottom { |
|
border-bottom: 1px solid #525466; |
|
} |
|
.bi-keyword-red-mark { |
|
color: #f07d0a; |
|
} |
|
.bi-high-light { |
|
color: #3f8ce8; |
|
} |
|
.bi-high-light-background { |
|
background-color: #3f8ce8; |
|
color: #ffffff; |
|
} |
|
.bi-high-light-border { |
|
border-color: #178cdf; |
|
} |
|
.bi-water-mark { |
|
color: #cccccc; |
|
cursor: text; |
|
} |
|
.bi-theme-dark .bi-water-mark { |
|
color: #666666; |
|
} |
|
.bi-resizer { |
|
background: #1a1a1a; |
|
opacity: 0.2; |
|
filter: alpha(opacity=20); |
|
z-index: 1000000000 !important; |
|
} |
|
.bi-theme-dark .bi-resizer { |
|
background: #ffffff; |
|
} |
|
.bi-mask { |
|
color: #ffffff; |
|
background-color: rgba(26, 26, 26, 0.2); |
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#331a1a1a,endColorstr=#331a1a1a); |
|
} |
|
.bi-theme-dark .bi-mask { |
|
color: #242640; |
|
background-color: rgba(255, 255, 255, 0.2); |
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33ffffff,endColorstr=#33ffffff); |
|
} |
|
.bi-z-index-mask { |
|
color: #ffffff; |
|
background-color: rgba(26, 26, 26, 0.5); |
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#801a1a1a,endColorstr=#801a1a1a); |
|
} |
|
.bi-list-item:hover, |
|
.bi-list-item.hover { |
|
color: #1a1a1a; |
|
background-color: rgba(26, 26, 26, 0.05); |
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0d1a1a1a,endColorstr=#0d1a1a1a); |
|
} |
|
.bi-list-item.disabled, |
|
.bi-list-item.disabled:hover, |
|
.bi-list-item.disabled:active { |
|
background-color: transparent !important; |
|
color: #cccccc !important; |
|
} |
|
.bi-list-item.disabled .bi-high-light, |
|
.bi-list-item.disabled:hover .bi-high-light, |
|
.bi-list-item.disabled:active .bi-high-light { |
|
color: #cccccc !important; |
|
} |
|
.bi-theme-dark .bi-list-item:hover, |
|
.bi-theme-dark .bi-list-item.hover { |
|
color: #ffffff; |
|
background-color: rgba(255, 255, 255, 0.05); |
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0dffffff,endColorstr=#0dffffff); |
|
} |
|
.bi-theme-dark .bi-list-item.disabled, |
|
.bi-theme-dark .bi-list-item.disabled:hover, |
|
.bi-theme-dark .bi-list-item.disabled:active { |
|
background-color: transparent !important; |
|
color: #666666 !important; |
|
} |
|
.bi-theme-dark .bi-list-item.disabled .bi-high-light, |
|
.bi-theme-dark .bi-list-item.disabled:hover .bi-high-light, |
|
.bi-theme-dark .bi-list-item.disabled:active .bi-high-light { |
|
color: #666666 !important; |
|
} |
|
.bi-list-item-border:active, |
|
.bi-list-item-border.active { |
|
border: 1px solid #178cdf; |
|
} |
|
.bi-list-item-simple { |
|
color: #999999; |
|
} |
|
.bi-list-item-simple:hover, |
|
.bi-list-item-simple.hover { |
|
color: #3f8ce8; |
|
} |
|
.bi-list-item-simple.disabled, |
|
.bi-list-item-simple.disabled:hover, |
|
.bi-list-item-simple.disabled:active { |
|
color: #cccccc !important; |
|
} |
|
.bi-list-item-simple.disabled .bi-high-light, |
|
.bi-list-item-simple.disabled:hover .bi-high-light, |
|
.bi-list-item-simple.disabled:active .bi-high-light { |
|
color: #cccccc !important; |
|
} |
|
.bi-list-item-effect:hover { |
|
color: #1a1a1a; |
|
} |
|
.bi-list-item-effect.active, |
|
.bi-list-item-effect:active { |
|
color: #3f8ce8; |
|
} |
|
.bi-list-item-effect.disabled, |
|
.bi-list-item-effect.disabled:hover, |
|
.bi-list-item-effect.disabled:active { |
|
color: #cccccc !important; |
|
} |
|
.bi-list-item-effect.disabled .bi-high-light, |
|
.bi-list-item-effect.disabled:hover .bi-high-light, |
|
.bi-list-item-effect.disabled:active .bi-high-light { |
|
color: #cccccc !important; |
|
} |
|
.bi-theme-dark .bi-list-item-effect:hover { |
|
color: #ffffff; |
|
} |
|
.bi-theme-dark .bi-list-item-effect.active, |
|
.bi-theme-dark .bi-list-item-effect:active { |
|
color: #3f8ce8; |
|
} |
|
.bi-theme-dark .bi-list-item-effect.disabled, |
|
.bi-theme-dark .bi-list-item-effect.disabled:hover, |
|
.bi-theme-dark .bi-list-item-effect.disabled:active { |
|
background-color: transparent !important; |
|
color: #666666 !important; |
|
} |
|
.bi-theme-dark .bi-list-item-effect.disabled .bi-high-light, |
|
.bi-theme-dark .bi-list-item-effect.disabled:hover .bi-high-light, |
|
.bi-theme-dark .bi-list-item-effect.disabled:active .bi-high-light { |
|
color: #666666 !important; |
|
} |
|
.bi-list-item-active:hover, |
|
.bi-list-item-active.hover { |
|
color: #1a1a1a; |
|
background-color: rgba(26, 26, 26, 0.05); |
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0d1a1a1a,endColorstr=#0d1a1a1a); |
|
} |
|
.bi-list-item-active.active, |
|
.bi-list-item-active:active { |
|
color: #3f8ce8; |
|
background-color: rgba(26, 26, 26, 0.05); |
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0d1a1a1a,endColorstr=#0d1a1a1a); |
|
} |
|
.bi-list-item-active.disabled, |
|
.bi-list-item-active.disabled:hover, |
|
.bi-list-item-active.disabled:active { |
|
background-color: transparent !important; |
|
color: #cccccc !important; |
|
} |
|
.bi-list-item-active.disabled .bi-high-light, |
|
.bi-list-item-active.disabled:hover .bi-high-light, |
|
.bi-list-item-active.disabled:active .bi-high-light { |
|
color: #cccccc !important; |
|
} |
|
.bi-theme-dark .bi-list-item-active:hover, |
|
.bi-theme-dark .bi-list-item-active.hover { |
|
color: #ffffff; |
|
background-color: rgba(255, 255, 255, 0.05); |
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0dffffff,endColorstr=#0dffffff); |
|
} |
|
.bi-theme-dark .bi-list-item-active.active, |
|
.bi-theme-dark .bi-list-item-active:active { |
|
color: #3f8ce8; |
|
background-color: rgba(255, 255, 255, 0.05); |
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0dffffff,endColorstr=#0dffffff); |
|
} |
|
.bi-theme-dark .bi-list-item-active.disabled, |
|
.bi-theme-dark .bi-list-item-active.disabled:hover, |
|
.bi-theme-dark .bi-list-item-active.disabled:active { |
|
background-color: transparent !important; |
|
color: #666666 !important; |
|
} |
|
.bi-theme-dark .bi-list-item-active.disabled .bi-high-light, |
|
.bi-theme-dark .bi-list-item-active.disabled:hover .bi-high-light, |
|
.bi-theme-dark .bi-list-item-active.disabled:active .bi-high-light { |
|
color: #666666 !important; |
|
} |
|
.bi-list-item-active2:hover, |
|
.bi-list-item-active2.hover { |
|
color: #1a1a1a; |
|
background-color: #ffffff; |
|
} |
|
.bi-list-item-active2.active, |
|
.bi-list-item-active2:active { |
|
color: #3f8ce8; |
|
background-color: #ffffff; |
|
} |
|
.bi-list-item-active2.disabled, |
|
.bi-list-item-active2.disabled:hover, |
|
.bi-list-item-active2.disabled:active { |
|
background-color: transparent !important; |
|
color: #cccccc !important; |
|
} |
|
.bi-list-item-active2.disabled .bi-high-light, |
|
.bi-list-item-active2.disabled:hover .bi-high-light, |
|
.bi-list-item-active2.disabled:active .bi-high-light { |
|
color: #cccccc !important; |
|
} |
|
.bi-theme-dark .bi-list-item-active2:hover, |
|
.bi-theme-dark .bi-list-item-active2.hover { |
|
color: #ffffff; |
|
background-color: #242640; |
|
} |
|
.bi-theme-dark .bi-list-item-active2.active, |
|
.bi-theme-dark .bi-list-item-active2:active { |
|
color: #3f8ce8; |
|
background-color: #242640; |
|
} |
|
.bi-theme-dark .bi-list-item-active2.disabled, |
|
.bi-theme-dark .bi-list-item-active2.disabled:hover, |
|
.bi-theme-dark .bi-list-item-active2.disabled:active { |
|
background-color: transparent !important; |
|
color: #666666 !important; |
|
} |
|
.bi-theme-dark .bi-list-item-active2.disabled .bi-high-light, |
|
.bi-theme-dark .bi-list-item-active2.disabled:hover .bi-high-light, |
|
.bi-theme-dark .bi-list-item-active2.disabled:active .bi-high-light { |
|
color: #666666 !important; |
|
} |
|
.bi-list-item-select:hover, |
|
.bi-list-item-select.hover { |
|
color: #1a1a1a; |
|
background-color: rgba(26, 26, 26, 0.05); |
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0d1a1a1a,endColorstr=#0d1a1a1a); |
|
} |
|
.bi-list-item-select:active, |
|
.bi-list-item-select.active { |
|
color: #ffffff; |
|
background-color: #3f8ce8; |
|
} |
|
.bi-list-item-select:active .bi-high-light, |
|
.bi-list-item-select.active .bi-high-light { |
|
color: #ffffff; |
|
} |
|
.bi-list-item-select.disabled, |
|
.bi-list-item-select.disabled:hover, |
|
.bi-list-item-select.disabled:active { |
|
color: #cccccc !important; |
|
background-color: transparent !important; |
|
} |
|
.bi-list-item-select.disabled .bi-high-light, |
|
.bi-list-item-select.disabled:hover .bi-high-light, |
|
.bi-list-item-select.disabled:active .bi-high-light { |
|
color: #cccccc !important; |
|
} |
|
.bi-theme-dark .bi-list-item-select:hover, |
|
.bi-theme-dark .bi-list-item-select.hover { |
|
color: #ffffff; |
|
background-color: rgba(255, 255, 255, 0.05); |
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0dffffff,endColorstr=#0dffffff); |
|
} |
|
.bi-theme-dark .bi-list-item-select:active, |
|
.bi-theme-dark .bi-list-item-select.active { |
|
color: #ffffff; |
|
background-color: #3f8ce8; |
|
} |
|
.bi-theme-dark .bi-list-item-select:active .bi-high-light, |
|
.bi-theme-dark .bi-list-item-select.active .bi-high-light { |
|
color: #ffffff; |
|
} |
|
.bi-theme-dark .bi-list-item-select.disabled, |
|
.bi-theme-dark .bi-list-item-select.disabled:hover, |
|
.bi-theme-dark .bi-list-item-select.disabled:active { |
|
background-color: transparent !important; |
|
color: #666666 !important; |
|
} |
|
.bi-theme-dark .bi-list-item-select.disabled .bi-high-light, |
|
.bi-theme-dark .bi-list-item-select.disabled:hover .bi-high-light, |
|
.bi-theme-dark .bi-list-item-select.disabled:active .bi-high-light { |
|
color: #666666 !important; |
|
}
|
|
|