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.
1772 lines
48 KiB
1772 lines
48 KiB
/****添加计算宽度的--运算符直接需要space****/ |
|
/****** common color(常用颜色,可用于普遍场景) *****/ |
|
/**** custom color(自定义颜色,用于特定场景) ****/ |
|
@font-face { |
|
font-family: 'bbr'; |
|
src: url('/resources/fonts/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/resources/fonts/iconfont.woff') format('woff'), /* chrome、firefox */ url('/resources/fonts/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('/resources/fonts/iconfont.svg#svgFontName') format('svg'); |
|
|
|
/* iOS 4.1- */ |
|
} |
|
.b-font { |
|
font-family: "bi"; |
|
font-style: normal; |
|
-webkit-font-smoothing: antialiased; |
|
-webkit-text-stroke-width: 0.2px; |
|
-moz-osx-font-smoothing: grayscale; |
|
} |
|
.bi-base-request-fail-mask .mask-pane { |
|
background: #ffffff; |
|
opacity: 0.8; |
|
filter: alpha(opacity=80); |
|
} |
|
/****添加计算宽度的--运算符直接需要space****/ |
|
/****** common color(常用颜色,可用于普遍场景) *****/ |
|
/**** custom color(自定义颜色,用于特定场景) ****/ |
|
/****添加计算宽度的--运算符直接需要space****/ |
|
/****** common color(常用颜色,可用于普遍场景) *****/ |
|
/**** custom color(自定义颜色,用于特定场景) ****/ |
|
.bi-combine-chart .bi-linkage-list { |
|
background-color: #ffffff; |
|
border: 1px solid #eaeaea; |
|
z-index: 1000000000; |
|
} |
|
.bi-combine-chart .bi-linkage-list .bi-linkage-list-item:hover { |
|
background-color: #f4f4f4; |
|
} |
|
/****添加计算宽度的--运算符直接需要space****/ |
|
/****** common color(常用颜色,可用于普遍场景) *****/ |
|
/**** custom color(自定义颜色,用于特定场景) ****/ |
|
.bi-color-chooser-popup .color-chooser-popup-title { |
|
background: #f4f4f4; |
|
border-bottom: 1px solid #d4dadd; |
|
} |
|
.bi-color-chooser-popup .color-chooser-popup-more { |
|
background: #f4f4f4; |
|
} |
|
.bi-color-chooser-popup .color-chooser-popup-more:hover { |
|
background: #d4dadd; |
|
} |
|
/****添加计算宽度的--运算符直接需要space****/ |
|
/****** common color(常用颜色,可用于普遍场景) *****/ |
|
/**** custom color(自定义颜色,用于特定场景) ****/ |
|
.bi-color-chooser-trigger { |
|
background: #ffffff; |
|
-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; |
|
} |
|
/** |
|
* Farbtastic Color Picker 1.2 |
|
* © 2008 Steven Wittens |
|
* |
|
* This program is free software; you can redistribute it and/or modify |
|
* it under the terms of the GNU General Public License as published by |
|
* the Free Software Foundation; either version 2 of the License, or |
|
* (at your option) any later version. |
|
* |
|
* This program is distributed in the hope that it will be useful, |
|
* but WITHOUT ANY WARRANTY; without even the implied warranty of |
|
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the |
|
* GNU General Public License for more details. |
|
* |
|
* You should have received a copy of the GNU General Public License |
|
* along with this program; if not, write to the Free Software |
|
* Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA |
|
*/ |
|
.farbtastic { |
|
position: relative; |
|
} |
|
.farbtastic * { |
|
position: absolute; |
|
cursor: crosshair; |
|
} |
|
.farbtastic, |
|
.farbtastic .wheel { |
|
width: 195px; |
|
height: 195px; |
|
} |
|
.farbtastic .color, |
|
.farbtastic .overlay { |
|
top: 47px; |
|
left: 47px; |
|
width: 101px; |
|
height: 101px; |
|
} |
|
.farbtastic .wheel { |
|
background: url(farbtastic/wheel.png) no-repeat; |
|
width: 195px; |
|
height: 195px; |
|
} |
|
.farbtastic .overlay { |
|
background: url(farbtastic/mask.png) no-repeat; |
|
} |
|
.farbtastic .marker { |
|
width: 17px; |
|
height: 17px; |
|
margin: -8px 0 0 -8px; |
|
overflow: hidden; |
|
background: url(farbtastic/marker.png) no-repeat; |
|
} |
|
/****添加计算宽度的--运算符直接需要space****/ |
|
/****** common color(常用颜色,可用于普遍场景) *****/ |
|
/**** custom color(自定义颜色,用于特定场景) ****/ |
|
/****添加计算宽度的--运算符直接需要space****/ |
|
/****** common color(常用颜色,可用于普遍场景) *****/ |
|
/**** custom color(自定义颜色,用于特定场景) ****/ |
|
/****添加计算宽度的--运算符直接需要space****/ |
|
/****** common color(常用颜色,可用于普遍场景) *****/ |
|
/**** custom color(自定义颜色,用于特定场景) ****/ |
|
.bi-bubble-combo .bubble-combo-triangle-left { |
|
width: 0; |
|
height: 0; |
|
border-top: 6px solid transparent; |
|
border-left: 6px solid #009de3; |
|
border-bottom: 6px solid transparent; |
|
} |
|
.bi-bubble-combo .bubble-combo-triangle-right { |
|
width: 0; |
|
height: 0; |
|
border-top: 6px solid transparent; |
|
border-right: 6px solid #009de3; |
|
border-bottom: 6px solid transparent; |
|
} |
|
.bi-bubble-combo .bubble-combo-triangle-top { |
|
width: 0; |
|
height: 0; |
|
border-left: 6px solid transparent; |
|
border-right: 6px solid transparent; |
|
border-top: 6px solid #009de3; |
|
} |
|
.bi-bubble-combo .bubble-combo-triangle-bottom { |
|
width: 0; |
|
height: 0; |
|
border-left: 6px solid transparent; |
|
border-right: 6px solid transparent; |
|
border-bottom: 6px solid #009de3; |
|
} |
|
/****添加计算宽度的--运算符直接需要space****/ |
|
/****** common color(常用颜色,可用于普遍场景) *****/ |
|
/**** custom color(自定义颜色,用于特定场景) ****/ |
|
.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); |
|
} |
|
.bi-bubble-popup-view .bubble-popup-line { |
|
background-color: #009de3; |
|
} |
|
/****添加计算宽度的--运算符直接需要space****/ |
|
/****** common color(常用颜色,可用于普遍场景) *****/ |
|
/**** custom color(自定义颜色,用于特定场景) ****/ |
|
/************hing light*****************/ |
|
.bi-z-index-mask { |
|
background-color: #1a1a1a; |
|
opacity: 0.5; |
|
filter: alpha(opacity=50); |
|
} |
|
/****添加计算宽度的--运算符直接需要space****/ |
|
/****** common color(常用颜色,可用于普遍场景) *****/ |
|
/**** custom color(自定义颜色,用于特定场景) ****/ |
|
.bi-adapt-editor .adapt-editor-text { |
|
font-size: 14px; |
|
} |
|
/****添加计算宽度的--运算符直接需要space****/ |
|
/****** common color(常用颜色,可用于普遍场景) *****/ |
|
/**** custom color(自定义颜色,用于特定场景) ****/ |
|
/*************BI.SearchEditor******************/ |
|
.bi-search-editor { |
|
border: 1px solid #d4dadd; |
|
} |
|
.bi-search-editor .close-font { |
|
font-size: 20px; |
|
} |
|
.bi-search-editor .search-font { |
|
font-size: 20px; |
|
} |
|
/****添加计算宽度的--运算符直接需要space****/ |
|
/****** common color(常用颜色,可用于普遍场景) *****/ |
|
/**** custom color(自定义颜色,用于特定场景) ****/ |
|
/*************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; |
|
} |
|
/****添加计算宽度的--运算符直接需要space****/ |
|
/****** common color(常用颜色,可用于普遍场景) *****/ |
|
/**** custom color(自定义颜色,用于特定场景) ****/ |
|
.bi-sign-initial-editor .sign-initial-editor-text { |
|
font-size: 14px; |
|
} |
|
/****添加计算宽度的--运算符直接需要space****/ |
|
/****** common color(常用颜色,可用于普遍场景) *****/ |
|
/**** custom color(自定义颜色,用于特定场景) ****/ |
|
.bi-sign-style-editor .sign-style-editor-text { |
|
max-width: 100%; |
|
font-size: 12px; |
|
} |
|
.bi-sign-style-editor .sign-style-editor-tip { |
|
max-width: 100%; |
|
font-size: 12px; |
|
color: #808080; |
|
} |
|
/****添加计算宽度的--运算符直接需要space****/ |
|
/****** common color(常用颜色,可用于普遍场景) *****/ |
|
/**** custom color(自定义颜色,用于特定场景) ****/ |
|
.bi-text-editor { |
|
border: 1px solid #d4dadd; |
|
} |
|
/****添加计算宽度的--运算符直接需要space****/ |
|
/****** common color(常用颜色,可用于普遍场景) *****/ |
|
/**** custom color(自定义颜色,用于特定场景) ****/ |
|
/*************BI.SearchEditor******************/ |
|
/****添加计算宽度的--运算符直接需要space****/ |
|
/****** common color(常用颜色,可用于普遍场景) *****/ |
|
/**** custom color(自定义颜色,用于特定场景) ****/ |
|
/* BASICS */ |
|
.CodeMirror { |
|
/* Set height, width, borders, and global font properties here */ |
|
font-family: monospace; |
|
cursor: text; |
|
width: 100%; |
|
height: 100%; |
|
color: black; |
|
} |
|
/* 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 black; |
|
} |
|
/* 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: #009de3; |
|
} |
|
.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: #009de3; |
|
} |
|
.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; |
|
background: white; |
|
} |
|
.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; |
|
} |
|
/****添加计算宽度的--运算符直接需要space****/ |
|
/****** common color(常用颜色,可用于普遍场景) *****/ |
|
/**** custom color(自定义颜色,用于特定场景) ****/ |
|
.bi-message-mask { |
|
background-color: #1a1a1a; |
|
opacity: 0.5; |
|
filter: alpha(opacity=50); |
|
} |
|
.bi-message-title { |
|
background-color: #f4f4f4; |
|
color: #808080; |
|
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 { |
|
background-color: #ffffff; |
|
color: #808080; |
|
font-size: 16px; |
|
} |
|
.bi-message-close { |
|
font-size: 25px; |
|
} |
|
/****添加计算宽度的--运算符直接需要space****/ |
|
/****** common color(常用颜色,可用于普遍场景) *****/ |
|
/**** custom color(自定义颜色,用于特定场景) ****/ |
|
.bi-multi-list-view .bi-button-mask { |
|
opacity: 0.1; |
|
filter: alpha(opacity=10); |
|
} |
|
/****添加计算宽度的--运算符直接需要space****/ |
|
/****** common color(常用颜色,可用于普遍场景) *****/ |
|
/**** custom color(自定义颜色,用于特定场景) ****/ |
|
.bi-popup-panel .popup-panel-title { |
|
background: #f4f4f4; |
|
border-bottom: 1px solid #d4dadd; |
|
} |
|
/****添加计算宽度的--运算符直接需要space****/ |
|
/****** common color(常用颜色,可用于普遍场景) *****/ |
|
/**** custom color(自定义颜色,用于特定场景) ****/ |
|
.bi-searcher-view { |
|
background: #ffffff; |
|
} |
|
.bi-searcher-view .searcher-view-spliter { |
|
background: #d4dadd; |
|
} |
|
/****添加计算宽度的--运算符直接需要space****/ |
|
/****** common color(常用颜色,可用于普遍场景) *****/ |
|
/**** custom color(自定义颜色,用于特定场景) ****/ |
|
.bi-panel { |
|
border: 1px solid #a3d6e8; |
|
-webkit-border-radius: 2px; |
|
-moz-border-radius: 2px; |
|
border-radius: 2px; |
|
} |
|
.bi-panel .panel-title { |
|
background-color: #d8f2fd; |
|
border-bottom: 1px solid #a3d6e8; |
|
} |
|
.bi-panel .panel-title .panel-title-text { |
|
cursor: text; |
|
color: #808080; |
|
font-size: 14px; |
|
} |
|
/****添加计算宽度的--运算符直接需要space****/ |
|
/****** common color(常用颜色,可用于普遍场景) *****/ |
|
/**** custom color(自定义颜色,用于特定场景) ****/ |
|
.bi-all-count-pager .all-pager-prev { |
|
font-size: 16px; |
|
} |
|
.bi-all-count-pager .all-pager-next { |
|
font-size: 16px; |
|
} |
|
/****添加计算宽度的--运算符直接需要space****/ |
|
/****** common color(常用颜色,可用于普遍场景) *****/ |
|
/**** custom color(自定义颜色,用于特定场景) ****/ |
|
.bi-pager .page-item { |
|
border: 1px solid #d4dadd; |
|
-webkit-border-radius: 2px; |
|
-moz-border-radius: 2px; |
|
border-radius: 2px; |
|
} |
|
.bi-pager .page-item.active { |
|
background: #009de3; |
|
color: #ffffff; |
|
} |
|
/****添加计算宽度的--运算符直接需要space****/ |
|
/****** common color(常用颜色,可用于普遍场景) *****/ |
|
/**** custom color(自定义颜色,用于特定场景) ****/ |
|
.bi-direction-pager .direction-pager-prev { |
|
font-size: 16px; |
|
} |
|
.bi-direction-pager .direction-pager-next { |
|
font-size: 16px; |
|
} |
|
/****添加计算宽度的--运算符直接需要space****/ |
|
/****** common color(常用颜色,可用于普遍场景) *****/ |
|
/**** custom color(自定义颜色,用于特定场景) ****/ |
|
.bi-segment-button:active, |
|
.bi-segment-button.active { |
|
color: #ffffff; |
|
background: #009de3; |
|
} |
|
.bi-segment-button.disabled, |
|
.bi-segment-button.disabled:hover, |
|
.bi-segment-button.disabled:active { |
|
color: #1a1a1a; |
|
background: #ffffff; |
|
} |
|
/****添加计算宽度的--运算符直接需要space****/ |
|
/****** 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; |
|
} |
|
/****添加计算宽度的--运算符直接需要space****/ |
|
/****** common color(常用颜色,可用于普遍场景) *****/ |
|
/**** custom color(自定义颜色,用于特定场景) ****/ |
|
.bi-loading-bar .loading-text { |
|
color: #808080; |
|
} |
|
.bi-loading-bar .loading-text:hover, |
|
.bi-loading-bar .loading-text.hover { |
|
color: #009de3; |
|
} |
|
.bi-loading-bar .loading-text.disabled, |
|
.bi-loading-bar .loading-text.disabled:hover, |
|
.bi-loading-bar .loading-text.disabled:active { |
|
color: #ffffff; |
|
} |
|
/****添加计算宽度的--运算符直接需要space****/ |
|
/****** common color(常用颜色,可用于普遍场景) *****/ |
|
/**** custom color(自定义颜色,用于特定场景) ****/ |
|
.bi-button { |
|
-webkit-border-radius: 2px; |
|
-moz-border-radius: 2px; |
|
border-radius: 2px; |
|
border: 1px solid #009de3; |
|
background-color: #009de3; |
|
text-align: center; |
|
vertical-align: middle; |
|
cursor: pointer; |
|
font-size: 14px; |
|
} |
|
.bi-button.button-common, |
|
.bi-button.button-common .b-font { |
|
color: #ffffff; |
|
} |
|
.bi-button.button-common .b-font:before { |
|
color: #ffffff; |
|
} |
|
.bi-button.button-ignore { |
|
background-color: #ffffff; |
|
border-color: #d4dadd; |
|
} |
|
.bi-button.button-ignore, |
|
.bi-button.button-ignore .b-font { |
|
color: #1a1a1a; |
|
} |
|
.bi-button.button-success { |
|
background-color: #58cc7d; |
|
border-color: #58cc7d; |
|
} |
|
.bi-button.button-success, |
|
.bi-button.button-success .b-font { |
|
color: #ffffff; |
|
} |
|
.bi-button.button-success .b-font:before { |
|
color: #ffffff; |
|
} |
|
.bi-button.button-warning { |
|
background-color: #e85050; |
|
border-color: #e85050; |
|
} |
|
.bi-button.button-warning, |
|
.bi-button.button-warning .b-font { |
|
color: #ffffff; |
|
} |
|
.bi-button.button-warning .b-font:before { |
|
color: #ffffff; |
|
} |
|
.bi-button.button-common.disabled, |
|
.bi-button.button-success.disabled, |
|
.bi-button.button-warning.disabled { |
|
background: #c4c6c6 !important; |
|
border-color: #c4c6c6 !important; |
|
} |
|
.bi-button.button-common.disabled, |
|
.bi-button.button-success.disabled, |
|
.bi-button.button-warning.disabled, |
|
.bi-button.button-common.disabled .b-font, |
|
.bi-button.button-success.disabled .b-font, |
|
.bi-button.button-warning.disabled .b-font { |
|
color: #ffffff !important; |
|
} |
|
.bi-button.button-common.disabled .b-font:before, |
|
.bi-button.button-success.disabled .b-font:before, |
|
.bi-button.button-warning.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 { |
|
color: #c4c6c6 !important; |
|
} |
|
.bi-button.button-ignore.disabled .b-font:before { |
|
color: #c4c6c6 !important; |
|
} |
|
.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; |
|
} |
|
/****添加计算宽度的--运算符直接需要space****/ |
|
/****** common color(常用颜色,可用于普遍场景) *****/ |
|
/**** custom color(自定义颜色,用于特定场景) ****/ |
|
/****添加计算宽度的--运算符直接需要space****/ |
|
/****** 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: #009de3; |
|
} |
|
/****添加计算宽度的--运算符直接需要space****/ |
|
/****** common color(常用颜色,可用于普遍场景) *****/ |
|
/**** custom color(自定义颜色,用于特定场景) ****/ |
|
/****添加计算宽度的--运算符直接需要space****/ |
|
/****** common color(常用颜色,可用于普遍场景) *****/ |
|
/**** custom color(自定义颜色,用于特定场景) ****/ |
|
/****添加计算宽度的--运算符直接需要space****/ |
|
/****** common color(常用颜色,可用于普遍场景) *****/ |
|
/**** custom color(自定义颜色,用于特定场景) ****/ |
|
/****添加计算宽度的--运算符直接需要space****/ |
|
/****** common color(常用颜色,可用于普遍场景) *****/ |
|
/**** custom color(自定义颜色,用于特定场景) ****/ |
|
.bi-editor { |
|
font-size: 12px; |
|
} |
|
/****添加计算宽度的--运算符直接需要space****/ |
|
/****** common color(常用颜色,可用于普遍场景) *****/ |
|
/**** custom color(自定义颜色,用于特定场景) ****/ |
|
.bi-multifile-editor .multifile-editor { |
|
text-align: right; |
|
cursor: pointer; |
|
font-size: 100px; |
|
z-index: 2; |
|
} |
|
/****添加计算宽度的--运算符直接需要space****/ |
|
/****** common color(常用颜色,可用于普遍场景) *****/ |
|
/**** custom color(自定义颜色,用于特定场景) ****/ |
|
.bi-record-editor .record-editor-text { |
|
font-size: 12px; |
|
background: #f4f4f4; |
|
} |
|
/****添加计算宽度的--运算符直接需要space****/ |
|
/****** common color(常用颜色,可用于普遍场景) *****/ |
|
/**** custom color(自定义颜色,用于特定场景) ****/ |
|
.bi-shelter-editor .shelter-editor-text { |
|
font-size: 12px; |
|
} |
|
/****添加计算宽度的--运算符直接需要space****/ |
|
/****** common color(常用颜色,可用于普遍场景) *****/ |
|
/**** custom color(自定义颜色,用于特定场景) ****/ |
|
.bi-sign-editor .sign-editor-text { |
|
font-size: 12px; |
|
} |
|
/****添加计算宽度的--运算符直接需要space****/ |
|
/****** common color(常用颜色,可用于普遍场景) *****/ |
|
/**** custom color(自定义颜色,用于特定场景) ****/ |
|
.bi-state-editor .state-editor-infinite-text { |
|
color: #cccccc; |
|
} |
|
/****添加计算宽度的--运算符直接需要space****/ |
|
/****** common color(常用颜色,可用于普遍场景) *****/ |
|
/**** custom color(自定义颜色,用于特定场景) ****/ |
|
.bi-simple-state-editor .state-editor-infinite-text { |
|
color: #cccccc; |
|
} |
|
/****添加计算宽度的--运算符直接需要space****/ |
|
/****** 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-textarea-editor .textarea-editor-content.textarea-editor-focus { |
|
border: 1px solid #009de3; |
|
} |
|
/****添加计算宽度的--运算符直接需要space****/ |
|
/****** common color(常用颜色,可用于普遍场景) *****/ |
|
/**** custom color(自定义颜色,用于特定场景) ****/ |
|
.bi-file { |
|
opacity: 0; |
|
filter: alpha(opacity=0); |
|
z-index: 2; |
|
} |
|
/****添加计算宽度的--运算符直接需要space****/ |
|
/****** common color(常用颜色,可用于普遍场景) *****/ |
|
/**** custom color(自定义颜色,用于特定场景) ****/ |
|
.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; |
|
} |
|
.bi-input.disabled { |
|
background-color: white; |
|
} |
|
/****添加计算宽度的--运算符直接需要space****/ |
|
/****** common color(常用颜色,可用于普遍场景) *****/ |
|
/**** custom color(自定义颜色,用于特定场景) ****/ |
|
/****添加计算宽度的--运算符直接需要space****/ |
|
/****** common color(常用颜色,可用于普遍场景) *****/ |
|
/**** custom color(自定义颜色,用于特定场景) ****/ |
|
.bi-text { |
|
text-overflow: ellipsis; |
|
overflow-x: hidden; |
|
overflow-y: hidden; |
|
white-space: nowrap; |
|
word-break: break-all; |
|
} |
|
/****添加计算宽度的--运算符直接需要space****/ |
|
/****** common color(常用颜色,可用于普遍场景) *****/ |
|
/**** custom color(自定义颜色,用于特定场景) ****/ |
|
.bi-bubble { |
|
font-size: 14px; |
|
} |
|
.bi-bubble .bubble-text { |
|
-webkit-border-radius: 2px; |
|
-moz-border-radius: 2px; |
|
border-radius: 2px; |
|
background: #fddddd; |
|
color: #e85050; |
|
} |
|
/****添加计算宽度的--运算符直接需要space****/ |
|
/****** common color(常用颜色,可用于普遍场景) *****/ |
|
/**** custom color(自定义颜色,用于特定场景) ****/ |
|
.bi-tip { |
|
position: fixed !important; |
|
} |
|
/****添加计算宽度的--运算符直接需要space****/ |
|
/****** common color(常用颜色,可用于普遍场景) *****/ |
|
/**** custom color(自定义颜色,用于特定场景) ****/ |
|
.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; |
|
} |
|
/****添加计算宽度的--运算符直接需要space****/ |
|
/****** common color(常用颜色,可用于普遍场景) *****/ |
|
/**** custom color(自定义颜色,用于特定场景) ****/ |
|
.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; |
|
} |
|
/****添加计算宽度的--运算符直接需要space****/ |
|
/****** common color(常用颜色,可用于普遍场景) *****/ |
|
/**** custom color(自定义颜色,用于特定场景) ****/ |
|
.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标准语法)*/ |
|
border-right: 1px solid #eaeaea; |
|
border-bottom: 1px solid #eaeaea; |
|
} |
|
.bi-collection-table-cell.first-row { |
|
border-top: 1px solid #eaeaea; |
|
} |
|
.bi-collection-table-cell.first-col { |
|
border-left: 1px solid #eaeaea; |
|
} |
|
/****添加计算宽度的--运算符直接需要space****/ |
|
/****** common color(常用颜色,可用于普遍场景) *****/ |
|
/**** custom color(自定义颜色,用于特定场景) ****/ |
|
.bi-quick-collection-table > div > .bi-collection { |
|
overflow: hidden !important; |
|
overflow-x: hidden !important; |
|
overflow-y: hidden !important; |
|
} |
|
/****添加计算宽度的--运算符直接需要space****/ |
|
/****** common color(常用颜色,可用于普遍场景) *****/ |
|
/**** custom color(自定义颜色,用于特定场景) ****/ |
|
.bi-table > .first-col { |
|
border-left: none; |
|
} |
|
.bi-table > .first-row { |
|
border-top: none; |
|
} |
|
.bi-table > div > div > table { |
|
border-bottom: 1px solid #eaeaea; |
|
border-right: 1px solid #eaeaea; |
|
} |
|
.bi-table > div.top-left > div > div > table { |
|
border-bottom: 1px solid #eaeaea; |
|
border-right: 1px solid #eaeaea; |
|
} |
|
.bi-table > div.top-right > div > div > table { |
|
border-bottom: 1px solid #eaeaea; |
|
border-right: 1px solid #eaeaea; |
|
} |
|
.bi-table > div.bottom-left > div > div > table { |
|
border-bottom: 1px solid #eaeaea; |
|
border-right: 1px solid #eaeaea; |
|
} |
|
.bi-table > div.bottom-right > div > div > table { |
|
border-right: 1px solid #eaeaea; |
|
border-bottom: 1px solid #eaeaea; |
|
} |
|
.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 #eaeaea; |
|
border-left: 1px solid #eaeaea; |
|
} |
|
/****添加计算宽度的--运算符直接需要space****/ |
|
/****** common color(常用颜色,可用于普遍场景) *****/ |
|
/**** custom color(自定义颜色,用于特定场景) ****/ |
|
.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标准语法)*/ |
|
border-right: 1px solid #eaeaea; |
|
border-bottom: 1px solid #eaeaea; |
|
} |
|
.bi-grid-table-cell.first-row { |
|
border-top: 1px solid #eaeaea; |
|
} |
|
.bi-grid-table-cell.first-col { |
|
border-left: 1px solid #eaeaea; |
|
} |
|
/****添加计算宽度的--运算符直接需要space****/ |
|
/****** common color(常用颜色,可用于普遍场景) *****/ |
|
/**** custom color(自定义颜色,用于特定场景) ****/ |
|
.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(0, 0, 0, 0.1); |
|
border-radius: 5px; |
|
} |
|
.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(0, 0, 0, 0.1); |
|
} |
|
/* 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: #c2c2c2; |
|
} |
|
.public-scrollbar-main:hover .public-scrollbar-face:after, |
|
.public-scrollbar-main-active .public-scrollbar-face:after, |
|
.public-scrollbar-faceActive:after { |
|
background-color: #7d7d7d; |
|
} |
|
.horizontal-scrollbar { |
|
bottom: 0; |
|
position: absolute; |
|
} |
|
.horizontal-scrollbar .public-scrollbar-main-horizontal { |
|
background-color: #fff; |
|
} |
|
/****添加计算宽度的--运算符直接需要space****/ |
|
/****** common color(常用颜色,可用于普遍场景) *****/ |
|
/**** custom color(自定义颜色,用于特定场景) ****/ |
|
.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: #009de3; |
|
} |
|
/****添加计算宽度的--运算符直接需要space****/ |
|
/****** common color(常用颜色,可用于普遍场景) *****/ |
|
/**** custom color(自定义颜色,用于特定场景) ****/ |
|
.bi-resizable-table .resizable-table-resizer { |
|
cursor: ew-resize; |
|
z-index: 1; |
|
background-color: #009de3; |
|
} |
|
.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: #009de3; |
|
} |
|
/****添加计算宽度的--运算符直接需要space****/ |
|
/****** common color(常用颜色,可用于普遍场景) *****/ |
|
/**** custom color(自定义颜色,用于特定场景) ****/ |
|
/****添加计算宽度的--运算符直接需要space****/ |
|
/****** common color(常用颜色,可用于普遍场景) *****/ |
|
/**** custom color(自定义颜色,用于特定场景) ****/ |
|
.bi-branch-tree .bi-branch-tree-view { |
|
min-width: 300px; |
|
} |
|
.bi-click-branch-tree { |
|
border: 1px solid #d4dadd; |
|
} |
|
.bi-click-branch-tree .bi-empty-view { |
|
background: #f4f4f4; |
|
} |
|
/****添加计算宽度的--运算符直接需要space****/ |
|
/****** common color(常用颜色,可用于普遍场景) *****/ |
|
/**** custom color(自定义颜色,用于特定场景) ****/ |
|
.bi-display-tree .ztree * { |
|
color: #808080; |
|
} |
|
.bi-display-tree .ztree li span.button.switch.center_open { |
|
background-image: url("icon/tree-vertical-line-3.png"); |
|
} |
|
.bi-display-tree .ztree li span.button.switch.roots_open { |
|
background-image: url("icon/tree-vertical-line-2.png"); |
|
} |
|
.bi-display-tree .ztree li span.button.switch.bottom_open { |
|
background-image: url("icon/tree-vertical-line-4.png"); |
|
} |
|
.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); |
|
} |
|
/*------------------------------------- |
|
zTree Style |
|
|
|
version: 3.5.17 |
|
author: Hunter.z |
|
email: hunter.z@263.net |
|
website: http://code.google.com/p/jquerytree/ |
|
|
|
-------------------------------------*/ |
|
.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 ul.line { |
|
background: url(icon/tree-vertical-line-1.png) 0 0 repeat-y; |
|
} |
|
.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.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; |
|
background-image: url("ztree/img/zTreeStandard.png"); |
|
*background-image: url("ztree/img/zTreeStandard.gif"); |
|
} |
|
.ztree li span.button.chk { |
|
width: 16px; |
|
height: 16px; |
|
margin: 0 3px 0 0; |
|
cursor: auto; |
|
} |
|
.ztree li span.button.chk.checkbox_false_full { |
|
background-image: url("icon/check-box-normal.png"); |
|
} |
|
.ztree li span.button.chk.checkbox_false_full_focus { |
|
background-image: url("icon/check-box-normal.png"); |
|
} |
|
.ztree li span.button.chk.checkbox_false_part { |
|
background-image: url("icon/half_selected.png"); |
|
} |
|
.ztree li span.button.chk.checkbox_false_part_focus { |
|
background-image: url("icon/half_selected.png"); |
|
} |
|
.ztree li span.button.chk.checkbox_false_disable { |
|
background-position: 0 -56px; |
|
} |
|
.ztree li span.button.chk.checkbox_true_full { |
|
background-image: url("icon/check-box-active.png"); |
|
} |
|
.ztree li span.button.chk.checkbox_true_full_focus { |
|
background-image: url("icon/check-box-active.png"); |
|
} |
|
.ztree li span.button.chk.checkbox_true_part { |
|
background-image: url("icon/half_selected.png"); |
|
} |
|
.ztree li span.button.chk.checkbox_true_part_focus { |
|
background-image: url("icon/half_selected.png"); |
|
} |
|
.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.radio_true_disable { |
|
background-position: -42px -56px; |
|
} |
|
.ztree li span.button.switch { |
|
width: 25px; |
|
height: 25px; |
|
} |
|
.ztree li span.button.root_open { |
|
background-image: url("icon/tree-expand-1.png"); |
|
} |
|
.ztree li span.button.root_close { |
|
background-image: url("icon/tree-collapse-1.png"); |
|
} |
|
.ztree li span.button.roots_open { |
|
background-image: url("icon/tree-expand-2.png"); |
|
} |
|
.ztree li span.button.roots_close { |
|
background-image: url("icon/tree-collapse-2.png"); |
|
} |
|
.ztree li span.button.center_open { |
|
background-image: url("icon/tree-expand-3.png"); |
|
} |
|
.ztree li span.button.center_close { |
|
background-image: url("icon/tree-collapse-3.png"); |
|
} |
|
.ztree li span.button.bottom_open { |
|
background-image: url("icon/tree-expand-4.png"); |
|
} |
|
.ztree li span.button.bottom_close { |
|
background-image: url("icon/tree-collapse-4.png"); |
|
} |
|
.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.roots_docu { |
|
background-image: url("icon/tree-vertical-line-2.png"); |
|
} |
|
.ztree li span.button.center_docu { |
|
background-image: url("icon/tree-vertical-line-3.png"); |
|
} |
|
.ztree li span.button.bottom_docu { |
|
background-image: url("icon/tree-vertical-line-4.png"); |
|
} |
|
.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; |
|
background: url("ztree/img/loading.gif") no-repeat scroll 0 0 transparent; |
|
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; |
|
background-image: url("ztree/img/zTreeStandard.png"); |
|
*background-image: url("ztree/img/zTreeStandard.gif"); |
|
} |
|
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; |
|
}*/ |
|
/****添加计算宽度的--运算符直接需要space****/ |
|
/****** common color(常用颜色,可用于普遍场景) *****/ |
|
/**** custom color(自定义颜色,用于特定场景) ****/ |
|
.bi-trigger .bi-trigger-icon-button { |
|
border-left: 1px solid #d4dadd; |
|
font-size: 16px; |
|
} |
|
/****添加计算宽度的--运算符直接需要space****/ |
|
/****** common color(常用颜色,可用于普遍场景) *****/ |
|
/**** custom color(自定义颜色,用于特定场景) ****/ |
|
.bi-editor-trigger { |
|
border: 1px solid #d4dadd; |
|
} |
|
/****添加计算宽度的--运算符直接需要space****/ |
|
/****** common color(常用颜色,可用于普遍场景) *****/ |
|
/**** custom color(自定义颜色,用于特定场景) ****/ |
|
/****添加计算宽度的--运算符直接需要space****/ |
|
/****** common color(常用颜色,可用于普遍场景) *****/ |
|
/**** custom color(自定义颜色,用于特定场景) ****/ |
|
.bi-select-text-trigger { |
|
border: 1px solid #d4dadd; |
|
-webkit-border-radius: 2px; |
|
-moz-border-radius: 2px; |
|
border-radius: 2px; |
|
} |
|
/****添加计算宽度的--运算符直接需要space****/ |
|
/****** common color(常用颜色,可用于普遍场景) *****/ |
|
/**** custom color(自定义颜色,用于特定场景) ****/ |
|
.bi-small-select-text-trigger { |
|
border: 1px solid #d4dadd; |
|
-webkit-border-radius: 2px; |
|
-moz-border-radius: 2px; |
|
border-radius: 2px; |
|
} |
|
/****添加计算宽度的--运算符直接需要space****/ |
|
/****** common color(常用颜色,可用于普遍场景) *****/ |
|
/**** custom color(自定义颜色,用于特定场景) ****/ |
|
.bi-float-box { |
|
background: #ffffff; |
|
} |
|
.bi-float-box .float-box-button { |
|
color: #ffffff; |
|
background: #009de3; |
|
border: 1px solid #d4dadd; |
|
} |
|
/****添加计算宽度的--运算符直接需要space****/ |
|
/****** common color(常用颜色,可用于普遍场景) *****/ |
|
/**** custom color(自定义颜色,用于特定场景) ****/ |
|
/**********BI.BIListView*************/ |
|
.bi-list-view { |
|
position: fixed !important; |
|
overflow-y: visible !important; |
|
overflow-x: visible !important; |
|
overflow: visible !important; |
|
cursor: default; |
|
} |
|
.bi-list-view .list-view-outer { |
|
border: 1px solid #d4dadd; |
|
-webkit-border-radius: 2px; |
|
-moz-border-radius: 2px; |
|
border-radius: 2px; |
|
color: #1a1a1a; |
|
background: #ffffff; |
|
} |
|
.bi-list-view .list-view-toolbar { |
|
border-top: 1px solid #eaeaea; |
|
line-height: 30px; |
|
color: #009de3; |
|
} |
|
.bi-list-view .list-view-toolbar > .center-element { |
|
border-left: 1px solid #eaeaea; |
|
} |
|
.bi-list-view .list-view-toolbar > .first-element { |
|
border-left: none; |
|
}
|
|
|