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.
1235 lines
30 KiB
1235 lines
30 KiB
.bi-color-chooser-trigger { |
|
-webkit-border-radius: 2px; |
|
-moz-border-radius: 2px; |
|
border-radius: 2px; |
|
box-shadow: 0px 0px 2px 1px #d4dadd inset; |
|
-webkit-box-shadow: 0px 0px 2px 1px #d4dadd inset; |
|
-moz-box-shadow: 0px 0px 2px 1px #d4dadd inset; |
|
} |
|
.bi-color-picker-button .color-picker-button-mask { |
|
border: 1px solid #1a1a1a; |
|
} |
|
.bi-theme-dark .bi-color-picker-button .color-picker-button-mask { |
|
border: 1px solid #ffffff; |
|
} |
|
.bi-color-picker-editor .color-picker-editor-display { |
|
-webkit-border-radius: 2px; |
|
-moz-border-radius: 2px; |
|
border-radius: 2px; |
|
box-shadow: 0px 0px 2px 1px #d4dadd inset; |
|
-webkit-box-shadow: 0px 0px 2px 1px #d4dadd inset; |
|
-moz-box-shadow: 0px 0px 2px 1px #d4dadd inset; |
|
} |
|
.bi-bubble-combo .button-combo-triangle-wrapper { |
|
position: fixed !important; |
|
} |
|
.bi-bubble-combo .bubble-combo-triangle-left { |
|
z-index: 1; |
|
width: 0; |
|
height: 0; |
|
border-top: 6px solid transparent; |
|
border-left: 6px solid #3f8ce8; |
|
border-bottom: 6px solid transparent; |
|
} |
|
.bi-bubble-combo .bubble-combo-triangle-right { |
|
z-index: 1; |
|
width: 0; |
|
height: 0; |
|
border-top: 6px solid transparent; |
|
border-right: 6px solid #3f8ce8; |
|
border-bottom: 6px solid transparent; |
|
} |
|
.bi-bubble-combo .bubble-combo-triangle-top { |
|
z-index: 1; |
|
width: 0; |
|
height: 0; |
|
border-left: 6px solid transparent; |
|
border-right: 6px solid transparent; |
|
border-top: 6px solid #3f8ce8; |
|
} |
|
.bi-bubble-combo .bubble-combo-triangle-bottom { |
|
z-index: 1; |
|
width: 0; |
|
height: 0; |
|
border-left: 6px solid transparent; |
|
border-right: 6px solid transparent; |
|
border-bottom: 6px solid #3f8ce8; |
|
} |
|
.bi-bubble-popup-view { |
|
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); |
|
-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); |
|
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); |
|
} |
|
/****** common color(常用颜色,可用于普遍场景) *****/ |
|
/**** custom color(自定义颜色,用于特定场景) ****/ |
|
.bi-adapt-editor .adapt-editor-text { |
|
font-size: 14px; |
|
} |
|
/*************BI.SearchEditor******************/ |
|
.bi-search-editor .close-font { |
|
font-size: 20px; |
|
} |
|
.bi-search-editor .search-font { |
|
font-size: 20px; |
|
} |
|
/*************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: 18px; |
|
} |
|
.bi-small-search-editor .search-font { |
|
font-size: 18px; |
|
} |
|
.bi-sign-initial-editor .sign-initial-editor-text { |
|
font-size: 14px; |
|
} |
|
/* BASICS */ |
|
.CodeMirror { |
|
/* Set height, width, borders, and global font properties here */ |
|
font-family: monospace; |
|
cursor: text; |
|
width: 100%; |
|
height: 100%; |
|
} |
|
/* PADDING */ |
|
.CodeMirror-lines { |
|
padding: 4px 0; |
|
/* Vertical padding around content */ |
|
} |
|
.CodeMirror pre { |
|
padding: 0 4px; |
|
/* Horizontal padding of content */ |
|
} |
|
.CodeMirror-scrollbar-filler, |
|
.CodeMirror-gutter-filler { |
|
background-color: white; |
|
/* The little square between H and V scrollbars */ |
|
} |
|
/* GUTTER */ |
|
.CodeMirror-gutters { |
|
border-right: 1px solid #ddd; |
|
background-color: #f7f7f7; |
|
white-space: nowrap; |
|
} |
|
.CodeMirror-linenumber { |
|
padding: 0 3px 0 5px; |
|
min-width: 20px; |
|
text-align: right; |
|
color: #999; |
|
white-space: nowrap; |
|
} |
|
.CodeMirror-guttermarker { |
|
color: black; |
|
} |
|
.CodeMirror-guttermarker-subtle { |
|
color: #999; |
|
} |
|
/* CURSOR */ |
|
.CodeMirror div.CodeMirror-cursor { |
|
border-left: 1px solid #1a1a1a; |
|
} |
|
.bi-theme-dark .CodeMirror div.CodeMirror-cursor { |
|
border-left: 1px solid #ffffff; |
|
} |
|
/* Shown when moving in bi-directional text */ |
|
.CodeMirror div.CodeMirror-secondarycursor { |
|
border-left: 1px solid silver; |
|
} |
|
.CodeMirror.cm-fat-cursor div.CodeMirror-cursor { |
|
width: auto; |
|
border: 0; |
|
background: #7e7; |
|
} |
|
.CodeMirror.cm-fat-cursor div.CodeMirror-cursors { |
|
z-index: 1; |
|
} |
|
.cm-animate-fat-cursor { |
|
width: auto; |
|
border: 0; |
|
-webkit-animation: blink 1.06s steps(1) infinite; |
|
-moz-animation: blink 1.06s steps(1) infinite; |
|
animation: blink 1.06s steps(1) infinite; |
|
} |
|
@-moz-keyframes blink { |
|
0% { |
|
background: #7e7; |
|
} |
|
50% { |
|
background: none; |
|
} |
|
100% { |
|
background: #7e7; |
|
} |
|
} |
|
@-webkit-keyframes blink { |
|
0% { |
|
background: #7e7; |
|
} |
|
50% { |
|
background: none; |
|
} |
|
100% { |
|
background: #7e7; |
|
} |
|
} |
|
@keyframes blink { |
|
0% { |
|
background: #7e7; |
|
} |
|
50% { |
|
background: none; |
|
} |
|
100% { |
|
background: #7e7; |
|
} |
|
} |
|
/* Can style cursor different in overwrite (non-insert) mode */ |
|
.cm-tab { |
|
display: inline-block; |
|
text-decoration: inherit; |
|
} |
|
.CodeMirror-ruler { |
|
border-left: 1px solid #ccc; |
|
position: absolute; |
|
} |
|
/* DEFAULT THEME */ |
|
.cm-s-default .cm-header { |
|
color: blue; |
|
} |
|
.cm-s-default .cm-quote { |
|
color: #090; |
|
} |
|
.cm-negative { |
|
color: #d44; |
|
} |
|
.cm-positive { |
|
color: #292; |
|
} |
|
.cm-header, |
|
.cm-strong { |
|
font-weight: bold; |
|
} |
|
.cm-em { |
|
font-style: italic; |
|
} |
|
.cm-link { |
|
text-decoration: underline; |
|
} |
|
.cm-strikethrough { |
|
text-decoration: line-through; |
|
} |
|
.cm-s-default .cm-atom { |
|
color: #219; |
|
} |
|
.cm-s-default .cm-number { |
|
color: #164; |
|
} |
|
.cm-s-default .cm-def { |
|
color: #00f; |
|
} |
|
.cm-s-default .cm-variable-2 { |
|
color: #05a; |
|
} |
|
.cm-s-default .cm-variable-3 { |
|
color: #085; |
|
} |
|
.cm-s-default .cm-comment { |
|
color: #a50; |
|
} |
|
.cm-s-default .cm-string { |
|
color: #a11; |
|
} |
|
.cm-s-default .cm-string-2 { |
|
color: #f50; |
|
} |
|
.cm-s-default .cm-meta { |
|
color: #555; |
|
} |
|
.cm-s-default .cm-qualifier { |
|
color: #555; |
|
} |
|
.cm-s-default .cm-builtin { |
|
color: #30a; |
|
} |
|
.cm-s-default .cm-bracket { |
|
color: #997; |
|
} |
|
.cm-s-default .cm-tag { |
|
color: #170; |
|
} |
|
.cm-s-default .cm-attribute { |
|
color: #00c; |
|
} |
|
.cm-s-default .cm-hr { |
|
color: #999; |
|
} |
|
.cm-s-default .cm-link { |
|
color: #00c; |
|
} |
|
.cm-s-default span[class*="fieldName"] { |
|
color: white; |
|
padding: 1px; |
|
margin: 1px 0px; |
|
background: #3f8ce8; |
|
} |
|
.cm-s-default span[class*="start"] { |
|
-webkit-border-radius: 3px 0px 0px 3px; |
|
-moz-border-radius: 3px 0px 0px 3px; |
|
border-radius: 3px 0px 0px 3px; |
|
margin-left: 3px; |
|
} |
|
.cm-s-default span[class*="end"] { |
|
-webkit-border-radius: 0px 3px 3px 0px; |
|
-moz-border-radius: 0px 3px 3px 0px; |
|
border-radius: 0px 3px 3px 0px; |
|
margin-right: 3px; |
|
} |
|
.cm-s-default span[class*="start end"] { |
|
-webkit-border-radius: 3px; |
|
-moz-border-radius: 3px; |
|
border-radius: 3px; |
|
} |
|
.cm-s-default span[class*="#"] { |
|
color: #3f8ce8; |
|
} |
|
.cm-s-default .cm-error { |
|
color: #f00; |
|
} |
|
.cm-invalidchar { |
|
color: #f00; |
|
} |
|
.CodeMirror-composing { |
|
border-bottom: 2px solid; |
|
} |
|
/* Default styles for common addons */ |
|
div.CodeMirror span.CodeMirror-matchingbracket { |
|
color: #0f0; |
|
} |
|
div.CodeMirror span.CodeMirror-nonmatchingbracket { |
|
color: #f22; |
|
} |
|
.CodeMirror-matchingtag { |
|
background: rgba(255, 150, 0, 0.3); |
|
} |
|
.CodeMirror-activeline-background { |
|
background: #e8f2ff; |
|
} |
|
/* STOP */ |
|
/* The rest of this file contains styles related to the mechanics of |
|
the editor. You probably shouldn't touch them. */ |
|
.CodeMirror { |
|
position: relative; |
|
overflow: hidden; |
|
} |
|
.CodeMirror-scroll { |
|
overflow: scroll !important; |
|
/* Things will break if this is overridden */ |
|
/* 30px is the magic margin used to hide the element's real scrollbars */ |
|
/* See overflow: hidden in .CodeMirror */ |
|
margin-bottom: -30px; |
|
margin-right: -30px; |
|
padding-bottom: 30px; |
|
height: 100%; |
|
outline: none; |
|
/* Prevent dragging from highlighting the element */ |
|
position: relative; |
|
} |
|
.CodeMirror-sizer { |
|
position: relative; |
|
border-right: 30px solid transparent; |
|
} |
|
/* The fake, visible scrollbars. Used to force redraw during scrolling |
|
before actuall scrolling happens, thus preventing shaking and |
|
flickering artifacts. */ |
|
.CodeMirror-vscrollbar, |
|
.CodeMirror-hscrollbar, |
|
.CodeMirror-scrollbar-filler, |
|
.CodeMirror-gutter-filler { |
|
position: absolute; |
|
z-index: 6; |
|
display: none; |
|
} |
|
.CodeMirror-vscrollbar { |
|
right: 0; |
|
top: 0; |
|
overflow-x: hidden; |
|
overflow-y: scroll; |
|
} |
|
.CodeMirror-hscrollbar { |
|
bottom: 0; |
|
left: 0; |
|
overflow-y: hidden; |
|
overflow-x: scroll; |
|
} |
|
.CodeMirror-scrollbar-filler { |
|
right: 0; |
|
bottom: 0; |
|
} |
|
.CodeMirror-gutter-filler { |
|
left: 0; |
|
bottom: 0; |
|
} |
|
.CodeMirror-gutters { |
|
position: absolute; |
|
left: 0; |
|
top: 0; |
|
z-index: 3; |
|
} |
|
.CodeMirror-gutter { |
|
white-space: normal; |
|
height: 100%; |
|
display: inline-block; |
|
margin-bottom: -30px; |
|
/* Hack to make IE7 behave */ |
|
*zoom: 1; |
|
*display: inline; |
|
} |
|
.CodeMirror-gutter-wrapper { |
|
position: absolute; |
|
z-index: 4; |
|
height: 100%; |
|
} |
|
.CodeMirror-gutter-elt { |
|
position: absolute; |
|
cursor: default; |
|
z-index: 4; |
|
} |
|
.CodeMirror-gutter-wrapper { |
|
-webkit-user-select: none; |
|
-moz-user-select: none; |
|
user-select: none; |
|
} |
|
.CodeMirror-lines { |
|
cursor: text; |
|
min-height: 1px; |
|
/* prevents collapsing before first draw */ |
|
} |
|
.CodeMirror pre { |
|
/* Reset some styles that the rest of the page might have set */ |
|
-moz-border-radius: 0; |
|
-webkit-border-radius: 0; |
|
border-radius: 0; |
|
border-width: 0; |
|
background: transparent; |
|
font-family: inherit; |
|
font-size: inherit; |
|
margin: 0; |
|
white-space: pre; |
|
word-wrap: normal; |
|
line-height: 2em; |
|
color: inherit; |
|
z-index: 2; |
|
position: relative; |
|
overflow: visible; |
|
-webkit-tap-highlight-color: transparent; |
|
} |
|
.CodeMirror-wrap pre { |
|
word-wrap: break-word; |
|
white-space: pre-wrap; |
|
word-break: normal; |
|
} |
|
.CodeMirror-linebackground { |
|
position: absolute; |
|
left: 0; |
|
right: 0; |
|
top: 0; |
|
bottom: 0; |
|
z-index: 0; |
|
} |
|
.CodeMirror-linewidget { |
|
position: relative; |
|
z-index: 2; |
|
overflow: auto; |
|
} |
|
.CodeMirror-code { |
|
outline: none; |
|
} |
|
/* Force content-box sizing for the elements where we expect it */ |
|
.CodeMirror-scroll, |
|
.CodeMirror-sizer, |
|
.CodeMirror-gutter, |
|
.CodeMirror-gutters, |
|
.CodeMirror-linenumber { |
|
-moz-box-sizing: content-box; |
|
box-sizing: content-box; |
|
} |
|
.CodeMirror-measure { |
|
position: absolute; |
|
width: 100%; |
|
height: 0; |
|
overflow: hidden; |
|
visibility: hidden; |
|
} |
|
.CodeMirror-measure pre { |
|
position: static; |
|
} |
|
.CodeMirror div.CodeMirror-cursor { |
|
position: absolute; |
|
border-right: none; |
|
width: 0; |
|
} |
|
div.CodeMirror-cursors { |
|
visibility: hidden; |
|
position: relative; |
|
z-index: 3; |
|
} |
|
.CodeMirror-focused div.CodeMirror-cursors { |
|
visibility: visible; |
|
} |
|
.CodeMirror-selected { |
|
background: #d9d9d9; |
|
} |
|
.CodeMirror-focused .CodeMirror-selected { |
|
background: #d7d4f0; |
|
} |
|
.CodeMirror-crosshair { |
|
cursor: crosshair; |
|
} |
|
.CodeMirror-line::selection, |
|
.CodeMirror-line > span::selection, |
|
.CodeMirror-line > span > span::selection { |
|
background: #d7d4f0; |
|
} |
|
.CodeMirror-line::-moz-selection, |
|
.CodeMirror-line > span::-moz-selection, |
|
.CodeMirror-line > span > span::-moz-selection { |
|
background: #d7d4f0; |
|
} |
|
.cm-searching { |
|
background: #ffa; |
|
background: rgba(255, 255, 0, 0.4); |
|
} |
|
/* IE7 hack to prevent it from returning funny offsetTops on the spans */ |
|
.CodeMirror span { |
|
*vertical-align: text-bottom; |
|
} |
|
/* Used to force a border model for a node */ |
|
.cm-force-border { |
|
padding-right: .1px; |
|
} |
|
@media print { |
|
/* Hide the cursor when printing */ |
|
.CodeMirror div.CodeMirror-cursors { |
|
visibility: hidden; |
|
} |
|
} |
|
/* See issue #2901 */ |
|
.cm-tab-wrap-hack:after { |
|
content: ''; |
|
} |
|
/* Help users use markselection to safely style text background */ |
|
span.CodeMirror-selectedtext { |
|
background: none; |
|
} |
|
/*addon: show-hint*/ |
|
.CodeMirror-hints { |
|
position: absolute; |
|
z-index: 10000; |
|
overflow: hidden; |
|
list-style: none; |
|
margin: 0; |
|
padding: 2px; |
|
-webkit-box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.2); |
|
-moz-box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.2); |
|
box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.2); |
|
border-radius: 3px; |
|
border: 1px solid silver; |
|
background: white; |
|
font-size: 90%; |
|
font-family: monospace; |
|
max-height: 20em; |
|
overflow-y: auto; |
|
} |
|
.CodeMirror-hint { |
|
margin: 0; |
|
padding: 0 4px; |
|
border-radius: 2px; |
|
max-width: 19em; |
|
overflow: hidden; |
|
white-space: pre; |
|
color: black; |
|
cursor: pointer; |
|
} |
|
li.CodeMirror-hint-active { |
|
background: #08f; |
|
color: white; |
|
} |
|
.bi-message-title { |
|
font-size: 16px; |
|
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: 25px; |
|
} |
|
.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-all-count-pager .all-pager-prev { |
|
font-size: 16px; |
|
} |
|
.bi-all-count-pager .all-pager-next { |
|
font-size: 16px; |
|
} |
|
.bi-pager .page-item { |
|
-webkit-border-radius: 2px; |
|
-moz-border-radius: 2px; |
|
border-radius: 2px; |
|
} |
|
.bi-direction-pager .direction-pager-prev { |
|
font-size: 16px; |
|
} |
|
.bi-direction-pager .direction-pager-next { |
|
font-size: 16px; |
|
} |
|
/****** common color(常用颜色,可用于普遍场景) *****/ |
|
/**** custom color(自定义颜色,用于特定场景) ****/ |
|
.bi-segment > .center-element { |
|
overflow: hidden; |
|
overflow-x: hidden; |
|
overflow-y: hidden; |
|
background: #ffffff; |
|
border-right: 1px solid #d4dadd; |
|
border-top: 1px solid #d4dadd; |
|
border-bottom: 1px solid #d4dadd; |
|
} |
|
.bi-segment > .first-element { |
|
border-left: 1px solid #d4dadd; |
|
-webkit-border-radius: 6px 0px 0px 6px; |
|
-moz-border-radius: 6px 0px 0px 6px; |
|
border-radius: 6px 0px 0px 6px; |
|
} |
|
.bi-segment > .last-element { |
|
-webkit-border-radius: 0px 6px 6px 0px; |
|
-moz-border-radius: 0px 6px 6px 0px; |
|
border-radius: 0px 6px 6px 0px; |
|
} |
|
.bi-theme-dark .bi-segment > .center-element { |
|
overflow: hidden; |
|
overflow-x: hidden; |
|
overflow-y: hidden; |
|
background: #242640; |
|
border-right: 1px solid #525466; |
|
border-top: 1px solid #525466; |
|
border-bottom: 1px solid #525466; |
|
} |
|
.bi-theme-dark .bi-segment > .first-element { |
|
border-left: 1px solid #242640; |
|
} |
|
/****** common color(常用颜色,可用于普遍场景) *****/ |
|
/**** custom color(自定义颜色,用于特定场景) ****/ |
|
.bi-button { |
|
-webkit-border-radius: 2px; |
|
-moz-border-radius: 2px; |
|
border-radius: 2px; |
|
border: 1px solid #178cdf; |
|
background-color: #3f8ce8; |
|
text-align: center; |
|
vertical-align: middle; |
|
cursor: pointer; |
|
font-size: 14px; |
|
} |
|
.bi-button.block { |
|
font-size: inherit; |
|
border-width: 0; |
|
-webkit-border-radius: 0px; |
|
-moz-border-radius: 0px; |
|
border-radius: 0px; |
|
} |
|
.bi-button.clear { |
|
font-size: inherit; |
|
border-width: 0; |
|
background-color: transparent; |
|
} |
|
.bi-button.clear:hover, |
|
.bi-button.clear:active { |
|
opacity: 0.75; |
|
filter: alpha(opacity=75); |
|
} |
|
.bi-button.button-common, |
|
.bi-button.button-common .b-font:before { |
|
color: #ffffff; |
|
} |
|
.bi-button.button-common.clear, |
|
.bi-button.button-common.clear .b-font:before { |
|
color: #3f8ce8; |
|
} |
|
.bi-button.button-ignore { |
|
background-color: #ffffff; |
|
border-color: #d4dadd; |
|
} |
|
.bi-button.button-ignore, |
|
.bi-button.button-ignore .b-font:before { |
|
color: #1a1a1a; |
|
} |
|
.bi-button.button-ignore.clear { |
|
background-color: transparent; |
|
border-width: 0; |
|
} |
|
.bi-button.button-success { |
|
background-color: #58cc7d; |
|
border-color: #58cc7d; |
|
} |
|
.bi-button.button-success, |
|
.bi-button.button-success .b-font:before { |
|
color: #ffffff; |
|
} |
|
.bi-button.button-success.clear { |
|
background-color: transparent; |
|
border-width: 0; |
|
} |
|
.bi-button.button-success.clear, |
|
.bi-button.button-success.clear .b-font:before { |
|
color: #0c6d23; |
|
} |
|
.bi-button.button-warning { |
|
background-color: #e85050; |
|
border-color: #e85050; |
|
} |
|
.bi-button.button-warning, |
|
.bi-button.button-warning .b-font:before { |
|
color: #ffffff; |
|
} |
|
.bi-button.button-warning.clear { |
|
background-color: transparent; |
|
border-width: 0; |
|
} |
|
.bi-button.button-warning.clear, |
|
.bi-button.button-warning.clear .b-font:before { |
|
color: #e85050; |
|
} |
|
.bi-button.button-common.disabled, |
|
.bi-button.button-success.disabled, |
|
.bi-button.button-warning.disabled, |
|
.bi-button.button-common.disabled.base-disabled, |
|
.bi-button.button-success.disabled.base-disabled, |
|
.bi-button.button-warning.disabled.base-disabled { |
|
background: #cccccc !important; |
|
border-color: #cccccc !important; |
|
} |
|
.bi-button.button-common.disabled, |
|
.bi-button.button-success.disabled, |
|
.bi-button.button-warning.disabled, |
|
.bi-button.button-common.disabled.base-disabled, |
|
.bi-button.button-success.disabled.base-disabled, |
|
.bi-button.button-warning.disabled.base-disabled, |
|
.bi-button.button-common.disabled .b-font:before, |
|
.bi-button.button-success.disabled .b-font:before, |
|
.bi-button.button-warning.disabled .b-font:before, |
|
.bi-button.button-common.disabled.base-disabled .b-font:before, |
|
.bi-button.button-success.disabled.base-disabled .b-font:before, |
|
.bi-button.button-warning.disabled.base-disabled .b-font:before { |
|
color: #ffffff !important; |
|
} |
|
.bi-button.button-ignore.disabled { |
|
background: #ffffff !important; |
|
border-color: #d4dadd !important; |
|
} |
|
.bi-button.button-ignore.disabled, |
|
.bi-button.button-ignore.disabled .b-font:before { |
|
color: #cccccc !important; |
|
} |
|
.bi-button.button-common.disabled.clear, |
|
.bi-button.button-success.disabled.clear, |
|
.bi-button.button-warning.disabled.clear, |
|
.bi-button.button-ignore.disabled.clear { |
|
background: transparent !important; |
|
border-width: 0 !important; |
|
} |
|
.bi-button.button-common.disabled.clear, |
|
.bi-button.button-success.disabled.clear, |
|
.bi-button.button-warning.disabled.clear, |
|
.bi-button.button-ignore.disabled.clear, |
|
.bi-button.button-common.disabled.clear .b-font:before, |
|
.bi-button.button-success.disabled.clear .b-font:before, |
|
.bi-button.button-warning.disabled.clear .b-font:before, |
|
.bi-button.button-ignore.disabled.clear .b-font:before { |
|
color: #cccccc !important; |
|
} |
|
.bi-button.button-common.disabled.clear:hover, |
|
.bi-button.button-success.disabled.clear:hover, |
|
.bi-button.button-warning.disabled.clear:hover, |
|
.bi-button.button-ignore.disabled.clear:hover, |
|
.bi-button.button-common.disabled.clear:active, |
|
.bi-button.button-success.disabled.clear:active, |
|
.bi-button.button-warning.disabled.clear:active, |
|
.bi-button.button-ignore.disabled.clear:active { |
|
opacity: 1; |
|
filter: alpha(opacity=100); |
|
} |
|
.bi-basic-button.button-common .bi-button-mask, |
|
.bi-basic-button.button-success .bi-button-mask, |
|
.bi-basic-button.button-warning .bi-button-mask { |
|
opacity: 0.2; |
|
filter: alpha(opacity=20); |
|
background-color: #ffffff; |
|
} |
|
.bi-basic-button .bi-button-mask { |
|
opacity: 0.2; |
|
filter: alpha(opacity=20); |
|
background-color: #1a1a1a; |
|
} |
|
/****** common color(常用颜色,可用于普遍场景) *****/ |
|
/**** custom color(自定义颜色,用于特定场景) ****/ |
|
.bi-single-select-icon-text-item:active .b-font:before, |
|
.bi-single-select-icon-text-item.active .b-font:before { |
|
color: #3f8ce8; |
|
} |
|
/****** common color(常用颜色,可用于普遍场景) *****/ |
|
/**** custom color(自定义颜色,用于特定场景) ****/ |
|
/****** common color(常用颜色,可用于普遍场景) *****/ |
|
/**** custom color(自定义颜色,用于特定场景) ****/ |
|
/****** common color(常用颜色,可用于普遍场景) *****/ |
|
/**** custom color(自定义颜色,用于特定场景) ****/ |
|
.bi-editor { |
|
font-size: 12px; |
|
} |
|
.bi-multifile-editor .multifile-editor { |
|
text-align: right; |
|
cursor: pointer; |
|
font-size: 100px; |
|
z-index: 2; |
|
} |
|
.bi-shelter-editor .shelter-editor-text { |
|
font-size: 12px; |
|
} |
|
.bi-sign-editor .sign-editor-text { |
|
font-size: 12px; |
|
} |
|
/****** common color(常用颜色,可用于普遍场景) *****/ |
|
/**** custom color(自定义颜色,用于特定场景) ****/ |
|
/****** common color(常用颜色,可用于普遍场景) *****/ |
|
/**** custom color(自定义颜色,用于特定场景) ****/ |
|
.bi-textarea-editor { |
|
overflow: hidden; |
|
overflow-x: hidden; |
|
overflow-y: hidden; |
|
} |
|
.bi-textarea-editor .textarea-editor-content { |
|
font-size: 12px; |
|
} |
|
.bi-textarea-editor .textarea-editor-content { |
|
border: none; |
|
} |
|
.bi-file { |
|
opacity: 0; |
|
filter: alpha(opacity=0); |
|
z-index: 2; |
|
} |
|
.bi-input { |
|
border: none; |
|
outline: none; |
|
background-color: transparent; |
|
padding: 0; |
|
margin: 0; |
|
width: 100%; |
|
height: 100%; |
|
} |
|
.bi-input.bi-input-focus { |
|
border: none; |
|
} |
|
.bi-input.bi-input-error { |
|
border: none; |
|
color: #e85050 !important; |
|
} |
|
/****** common color(常用颜色,可用于普遍场景) *****/ |
|
/**** custom color(自定义颜色,用于特定场景) ****/ |
|
.bi-text { |
|
text-overflow: ellipsis; |
|
overflow-x: hidden; |
|
overflow-y: hidden; |
|
white-space: nowrap; |
|
word-break: break-word; |
|
} |
|
.bi-bubble { |
|
font-size: 14px; |
|
} |
|
.bi-bubble .bubble-text { |
|
-webkit-border-radius: 2px; |
|
-moz-border-radius: 2px; |
|
border-radius: 2px; |
|
background: #fddddd; |
|
color: #e85050; |
|
} |
|
.bi-tip { |
|
position: fixed !important; |
|
} |
|
.bi-toast { |
|
font-size: 14px; |
|
-webkit-border-radius: 2px; |
|
-moz-border-radius: 2px; |
|
border-radius: 2px; |
|
} |
|
.bi-toast.toast-success { |
|
background: #e1f4e7; |
|
color: #0c6d23; |
|
} |
|
.bi-toast.toast-warning { |
|
background: #fddddd; |
|
color: #e85050; |
|
} |
|
.bi-tooltip { |
|
max-width: 250px; |
|
-webkit-border-radius: 2px; |
|
-moz-border-radius: 2px; |
|
border-radius: 2px; |
|
font-size: 12px; |
|
} |
|
.bi-tooltip.tooltip-success { |
|
background: #fff5c1; |
|
border: 1px solid #fff5c1; |
|
color: #1a1a1a; |
|
} |
|
.bi-tooltip.tooltip-warning { |
|
background: #fddddd; |
|
color: #e85050; |
|
border: 1px solid #f4cbcb; |
|
} |
|
.bi-collection-table-cell { |
|
-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标准语法)*/ |
|
} |
|
.bi-collection-table-cell.first-row { |
|
border-top: 1px solid #d4dadd; |
|
} |
|
.bi-collection-table-cell.first-col { |
|
border-left: 1px solid #d4dadd; |
|
} |
|
.bi-theme-dark .bi-collection-table-cell.first-row { |
|
border-top: 1px solid #525466; |
|
} |
|
.bi-theme-dark .bi-collection-table-cell.first-col { |
|
border-left: 1px solid #525466; |
|
} |
|
.bi-quick-collection-table > div > .bi-collection { |
|
overflow: hidden !important; |
|
overflow-x: hidden !important; |
|
overflow-y: hidden !important; |
|
} |
|
.bi-table > .first-col { |
|
border-left: none; |
|
} |
|
.bi-table > .first-row { |
|
border-top: none; |
|
} |
|
.bi-table > div > div > table { |
|
border-bottom: 1px solid #d4dadd; |
|
border-right: 1px solid #d4dadd; |
|
} |
|
.bi-table > div.top-left > div > div > table { |
|
border-bottom: 1px solid #d4dadd; |
|
border-right: 1px solid #d4dadd; |
|
} |
|
.bi-table > div.top-right > div > div > table { |
|
border-bottom: 1px solid #d4dadd; |
|
border-right: 1px solid #d4dadd; |
|
} |
|
.bi-table > div.bottom-left > div > div > table { |
|
border-bottom: 1px solid #d4dadd; |
|
border-right: 1px solid #d4dadd; |
|
} |
|
.bi-table > div.bottom-right > div > div > table { |
|
border-right: 1px solid #d4dadd; |
|
border-bottom: 1px solid #d4dadd; |
|
} |
|
.bi-table > div > div > table, |
|
.bi-table > div > div > div > table { |
|
min-width: 100%; |
|
clear: both; |
|
vertical-align: middle; |
|
border-spacing: 0; |
|
border-collapse: separate; |
|
} |
|
.bi-table > div > div > table, |
|
.bi-table > div > div > div > table, |
|
.bi-table > div > div > table > * > * > th, |
|
.bi-table > div > div > div > table > * > * > th, |
|
.bi-table > div > div > table > * > * > td, |
|
.bi-table > div > div > div > table > * > * > td { |
|
vertical-align: middle; |
|
margin: 0; |
|
padding: 0; |
|
} |
|
.bi-table > div > div > table > tbody > tr > td, |
|
.bi-table > div > div > div > table > tbody > tr > td, |
|
.bi-table > div > div > table > thead > tr > td, |
|
.bi-table > div > div > div > table > thead > tr > td { |
|
border-top: 1px solid #d4dadd; |
|
border-left: 1px solid #d4dadd; |
|
} |
|
.bi-theme-dark .bi-table > div > div > table { |
|
border-bottom: 1px solid #525466; |
|
border-right: 1px solid #525466; |
|
} |
|
.bi-theme-dark .bi-table > div.top-left > div > div > table { |
|
border-bottom: 1px solid #525466; |
|
border-right: 1px solid #525466; |
|
} |
|
.bi-theme-dark .bi-table > div.top-right > div > div > table { |
|
border-bottom: 1px solid #525466; |
|
border-right: 1px solid #525466; |
|
} |
|
.bi-theme-dark .bi-table > div.bottom-left > div > div > table { |
|
border-bottom: 1px solid #525466; |
|
border-right: 1px solid #525466; |
|
} |
|
.bi-theme-dark .bi-table > div.bottom-right > div > div > table { |
|
border-right: 1px solid #525466; |
|
border-bottom: 1px solid #525466; |
|
} |
|
.bi-theme-dark .bi-table > div > div > table > tbody > tr > td, |
|
.bi-theme-dark .bi-table > div > div > div > table > tbody > tr > td, |
|
.bi-theme-dark .bi-table > div > div > table > thead > tr > td, |
|
.bi-theme-dark .bi-table > div > div > div > table > thead > tr > td { |
|
border-top: 1px solid #525466; |
|
border-left: 1px solid #525466; |
|
} |
|
.bi-grid-table-cell { |
|
-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标准语法)*/ |
|
} |
|
.bi-grid-table-cell.first-row { |
|
border-top: 1px solid #d4dadd; |
|
} |
|
.bi-grid-table-cell.first-col { |
|
border-left: 1px solid #d4dadd; |
|
} |
|
.bi-theme-dark .bi-grid-table-cell.first-row { |
|
border-top: 1px solid #525466; |
|
} |
|
.bi-theme-dark .bi-grid-table-cell.first-col { |
|
border-left: 1px solid #525466; |
|
} |
|
.scrollbar-layout-main { |
|
box-sizing: border-box; |
|
outline: none; |
|
overflow: hidden; |
|
position: absolute; |
|
transition-duration: 250ms; |
|
transition-timing-function: ease; |
|
user-select: none; |
|
background-color: rgba(102, 102, 102, 0.05); |
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0d666666,endColorstr=#0d666666); |
|
border-radius: 5px; |
|
} |
|
.bi-theme-dark .scrollbar-layout-main { |
|
background-color: rgba(204, 204, 204, 0.05); |
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0dcccccc,endColorstr=#0dcccccc); |
|
} |
|
.scrollbar-layout-main-vertical { |
|
bottom: 0; |
|
right: 0; |
|
top: 0; |
|
transition-property: background-color; |
|
width: 10px; |
|
} |
|
.scrollbar-layout-main-vertical.public-scrollbar-main-active, |
|
.scrollbar-layout-main-vertical:hover { |
|
width: 10px; |
|
} |
|
.scrollbar-layout-main-horizontal { |
|
bottom: 0; |
|
height: 10px; |
|
left: 0; |
|
transition-property: background-color; |
|
background-color: rgba(102, 102, 102, 0.05); |
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0d666666,endColorstr=#0d666666); |
|
} |
|
.bi-theme-dark .scrollbar-layout-main-horizontal { |
|
background-color: rgba(204, 204, 204, 0.05); |
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0dcccccc,endColorstr=#0dcccccc); |
|
} |
|
/* Touching the scroll-track directly makes the scroll-track bolder */ |
|
.scrollbar-layout-main-horizontal.public-scrollbar-main-active, |
|
.scrollbar-layout-main-horizontal:hover { |
|
height: 10px; |
|
} |
|
.scrollbar-layout-face { |
|
left: 0; |
|
overflow: hidden; |
|
position: absolute; |
|
z-index: 1; |
|
} |
|
/** |
|
* This selector renders the "nub" of the scrollface. The nub must |
|
* be rendered as pseudo-element so that it won't receive any UI events then |
|
* we can get the correct `event.offsetX` and `event.offsetY` from the |
|
* scrollface element while dragging it. |
|
*/ |
|
.scrollbar-layout-face:after { |
|
border-radius: 6px; |
|
content: ''; |
|
display: block; |
|
position: absolute; |
|
transition: background-color 250ms ease; |
|
} |
|
.scrollbar-layout-face-horizontal { |
|
bottom: 0; |
|
left: 0; |
|
top: 0; |
|
} |
|
.scrollbar-layout-face-horizontal:after { |
|
bottom: 2px; |
|
left: 0; |
|
top: 2px; |
|
width: 100%; |
|
} |
|
.scrollbar-layout-face-vertical { |
|
left: 0; |
|
right: 0; |
|
top: 0; |
|
} |
|
.scrollbar-layout-face-vertical:after { |
|
height: 100%; |
|
left: 2px; |
|
right: 2px; |
|
top: 0; |
|
} |
|
/** |
|
* scrollbars. |
|
*/ |
|
/* Touching the scroll-track directly makes the scroll-track bolder */ |
|
.public-scrollbar-face:after { |
|
background-color: rgba(102, 102, 102, 0.3); |
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4d666666,endColorstr=#4d666666); |
|
} |
|
.bi-theme-dark .public-scrollbar-face:after { |
|
background-color: rgba(204, 204, 204, 0.3); |
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4dcccccc,endColorstr=#4dcccccc); |
|
} |
|
.public-scrollbar-main:hover .public-scrollbar-face:after, |
|
.public-scrollbar-main-active .public-scrollbar-face:after, |
|
.public-scrollbar-face-active:after { |
|
background-color: rgba(102, 102, 102, 0.7); |
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b3666666,endColorstr=#b3666666); |
|
} |
|
.bi-theme-dark .public-scrollbar-main:hover .public-scrollbar-face:after, |
|
.bi-theme-dark .public-scrollbar-main-active .public-scrollbar-face:after, |
|
.bi-theme-dark .public-scrollbar-face-active:after { |
|
background-color: rgba(204, 204, 204, 0.7); |
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b3cccccc,endColorstr=#b3cccccc); |
|
} |
|
.horizontal-scrollbar { |
|
bottom: 0; |
|
position: absolute; |
|
} |
|
.bi-resizable-table-cell .resizable-table-cell-resizer-container { |
|
cursor: ew-resize; |
|
z-index: 1; |
|
} |
|
.bi-resizable-table-cell .resizable-table-cell-resizer-container:hover .resizable-table-cell-resizer-knob, |
|
.bi-resizable-table-cell .resizable-table-cell-resizer-container.dragging .resizable-table-cell-resizer-knob { |
|
background-color: #3f8ce8; |
|
} |
|
.bi-resizable-table-cell .resizable-table-cell-resizer-container.suitable .resizable-table-cell-resizer-knob { |
|
background-color: #58cc7d; |
|
} |
|
.bi-resizable-table .resizable-table-resizer { |
|
cursor: ew-resize; |
|
z-index: 1; |
|
background-color: #3f8ce8; |
|
} |
|
.bi-resizable-table .resizable-table-resizer.suitable { |
|
background-color: #58cc7d; |
|
} |
|
.bi-resizable-table .resizable-table-region-resizer { |
|
cursor: ew-resize; |
|
z-index: 1; |
|
} |
|
.bi-resizable-table .resizable-table-region-resizer:hover .resizable-table-region-resizer-knob, |
|
.bi-resizable-table .resizable-table-region-resizer.dragging .resizable-table-region-resizer-knob { |
|
background-color: #3f8ce8; |
|
} |
|
/****** common color(常用颜色,可用于普遍场景) *****/ |
|
/**** custom color(自定义颜色,用于特定场景) ****/ |
|
.bi-branch-tree .bi-branch-tree-view { |
|
min-width: 300px; |
|
} |
|
.bi-trigger .bi-trigger-icon-button { |
|
font-size: 16px; |
|
} |
|
/****** common color(常用颜色,可用于普遍场景) *****/ |
|
/**** custom color(自定义颜色,用于特定场景) ****/ |
|
/****** common color(常用颜色,可用于普遍场景) *****/ |
|
/**** custom color(自定义颜色,用于特定场景) ****/ |
|
.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; |
|
} |
|
/****** common color(常用颜色,可用于普遍场景) *****/ |
|
/**** custom color(自定义颜色,用于特定场景) ****/ |
|
/**********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 .list-view-toolbar { |
|
line-height: 30px; |
|
} |
|
.bi-popup-view .list-view-toolbar > .center-element { |
|
border-left: 1px solid #d4dadd; |
|
} |
|
.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 #525466; |
|
} |
|
.bi-theme-dark .bi-popup-view .list-view-toolbar > .first-element { |
|
border-left: none; |
|
}
|
|
|