|
|
|
/****添加计算宽度的--运算符直接需要space****/
|
|
|
|
/****** common color(常用颜色,可用于普遍场景) *****/
|
|
|
|
/**** custom color(自定义颜色,用于特定场景) ****/
|
|
|
|
@font-face {
|
|
|
|
font-family: 'bi';
|
|
|
|
src: url('font/iconfont.eot'), /* IE6-IE8 */ url('font/iconfont.woff') format('woff'), /* chrome、firefox */ url('font/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('font/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;
|
|
|
|
}
|
|
|
|
html,
|
|
|
|
button,
|
|
|
|
input,
|
|
|
|
select,
|
|
|
|
textarea,
|
|
|
|
* {
|
|
|
|
font-family: "Microsoft YaHei", "Hiragino Sans GB W3";
|
|
|
|
}
|
|
|
|
html {
|
|
|
|
height: 100%;
|
|
|
|
overflow: hidden;
|
|
|
|
}
|
|
|
|
body {
|
|
|
|
position: absolute;
|
|
|
|
width: 100%;
|
|
|
|
height: 100%;
|
|
|
|
margin: 0;
|
|
|
|
padding: 0;
|
|
|
|
top: 0;
|
|
|
|
left: 0;
|
|
|
|
background-repeat: repeat;
|
|
|
|
-webkit-user-select: none;
|
|
|
|
-khtml-user-select: none;
|
|
|
|
-moz-user-select: none;
|
|
|
|
-ms-user-select: none;
|
|
|
|
-o-user-select: none;
|
|
|
|
user-select: none;
|
|
|
|
color: #666666;
|
|
|
|
font: normal 12px "Microsoft YaHei", "Hiragino Sans GB W3";
|
|
|
|
-webkit-font-smoothing: antialiased;
|
|
|
|
-moz-osx-font-smoothing: grayscale;
|
|
|
|
text-decoration: none;
|
|
|
|
-kthml-user-focus: normal;
|
|
|
|
-moz-user-focus: normal;
|
|
|
|
-moz-outline: 0 none;
|
|
|
|
outline: 0 none;
|
|
|
|
}
|
|
|
|
div::-webkit-scrollbar,
|
|
|
|
textarea::-webkit-scrollbar {
|
|
|
|
-webkit-appearance: none;
|
|
|
|
background-color: rgba(102, 102, 102, 0.05);
|
|
|
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0d666666,endColorstr=#0d666666);
|
|
|
|
width: 6px;
|
|
|
|
height: 6px;
|
|
|
|
}
|
|
|
|
div::-webkit-scrollbar-thumb,
|
|
|
|
textarea::-webkit-scrollbar-thumb {
|
|
|
|
-webkit-border-radius: 0;
|
|
|
|
-moz-border-radius: 0;
|
|
|
|
border-radius: 0;
|
|
|
|
background-color: rgba(102, 102, 102, 0.3);
|
|
|
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4d666666,endColorstr=#4d666666);
|
|
|
|
}
|
|
|
|
div::-webkit-scrollbar-thumb:hover,
|
|
|
|
textarea::-webkit-scrollbar-thumb:hover {
|
|
|
|
background-color: rgba(102, 102, 102, 0.7);
|
|
|
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b3666666,endColorstr=#b3666666);
|
|
|
|
}
|
|
|
|
.bi-theme-dark div::-webkit-scrollbar,
|
|
|
|
.bi-theme-dark textarea::-webkit-scrollbar {
|
|
|
|
-webkit-appearance: none;
|
|
|
|
background-color: rgba(204, 204, 204, 0.05);
|
|
|
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0dcccccc,endColorstr=#0dcccccc);
|
|
|
|
width: 6px;
|
|
|
|
height: 6px;
|
|
|
|
}
|
|
|
|
.bi-theme-dark div::-webkit-scrollbar-thumb,
|
|
|
|
.bi-theme-dark textarea::-webkit-scrollbar-thumb {
|
|
|
|
-webkit-border-radius: 0;
|
|
|
|
-moz-border-radius: 0;
|
|
|
|
border-radius: 0;
|
|
|
|
background-color: rgba(204, 204, 204, 0.3);
|
|
|
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4dcccccc,endColorstr=#4dcccccc);
|
|
|
|
}
|
|
|
|
.bi-theme-dark div::-webkit-scrollbar-thumb:hover,
|
|
|
|
.bi-theme-dark textarea::-webkit-scrollbar-thumb:hover {
|
|
|
|
background-color: rgba(204, 204, 204, 0.7);
|
|
|
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b3cccccc,endColorstr=#b3cccccc);
|
|
|
|
}
|
|
|
|
.base-line-conn-background {
|
|
|
|
background: url('icon/tree-vertical-line-1.png') repeat-y 0 0;
|
|
|
|
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-vertical-line-1.png');
|
|
|
|
_background: none;
|
|
|
|
}
|
|
|
|
.bi-theme-dark .base-line-conn-background {
|
|
|
|
background: url('icon/dark/tree-vertical-line-1.png') repeat-y 0 0;
|
|
|
|
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-vertical-line-1.png');
|
|
|
|
_background: none;
|
|
|
|
}
|
|
|
|
.first-line-conn-background {
|
|
|
|
background: url('icon/tree-vertical-line-2.png') no-repeat center center;
|
|
|
|
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-vertical-line-2.png');
|
|
|
|
_background: none;
|
|
|
|
}
|
|
|
|
.bi-theme-dark .base-line-conn-background {
|
|
|
|
background: url('icon/dark/tree-vertical-line-2.png') no-repeat center center;
|
|
|
|
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-vertical-line-2.png');
|
|
|
|
_background: none;
|
|
|
|
}
|
|
|
|
.mid-line-conn-background {
|
|
|
|
background: url('icon/tree-vertical-line-3.png') no-repeat center center;
|
|
|
|
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-vertical-line-3.png');
|
|
|
|
_background: none;
|
|
|
|
}
|
|
|
|
.bi-theme-dark .base-line-conn-background {
|
|
|
|
background: url('icon/dark/tree-vertical-line-3.png') no-repeat center center;
|
|
|
|
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-vertical-line-3.png');
|
|
|
|
_background: none;
|
|
|
|
}
|
|
|
|
.last-line-conn-background {
|
|
|
|
background: url('icon/tree-vertical-line-4.png') no-repeat center center;
|
|
|
|
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-vertical-line-4.png');
|
|
|
|
_background: none;
|
|
|
|
}
|
|
|
|
.bi-theme-dark .base-line-conn-background {
|
|
|
|
background: url('icon/dark/tree-vertical-line-4.png') no-repeat center center;
|
|
|
|
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-vertical-line-4.png');
|
|
|
|
_background: none;
|
|
|
|
}
|
|
|
|
.loading-background {
|
|
|
|
background: url('icon/loading.gif') no-repeat center center;
|
|
|
|
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/loading.gif');
|
|
|
|
_background: none;
|
|
|
|
}
|
|
|
|
/****** common color(常用颜色,可用于普遍场景) *****/
|
|
|
|
/**** custom color(自定义颜色,用于特定场景) ****/
|
|
|
|
.close-font .b-font {
|
|
|
|
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
|
|
|
|
}
|
|
|
|
.close-font .b-font:before {
|
|
|
|
content: "\e600";
|
|
|
|
color: inherit;
|
|
|
|
}
|
|
|
|
.close-font.native .b-font:before,
|
|
|
|
.close-font.disabled .b-font:before {
|
|
|
|
content: "\e600";
|
|
|
|
color: inherit;
|
|
|
|
}
|
|
|
|
.close-h-font .b-font {
|
|
|
|
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
|
|
|
|
}
|
|
|
|
.close-h-font .b-font:before {
|
|
|
|
content: "\e600";
|
|
|
|
color: inherit;
|
|
|
|
}
|
|
|
|
.close-h-font:hover .b-font:before,
|
|
|
|
.close-h-font:focus .b-font:before,
|
|
|
|
.close-h-font.hover .b-font:before {
|
|
|
|
content: "\e600";
|
|
|
|
color: inherit;
|
|
|
|
}
|
|
|
|
.close-h-font.native .b-font:before,
|
|
|
|
.close-h-font.disabled .b-font:before {
|
|
|
|
content: "\e600";
|
|
|
|
color: inherit;
|
|
|
|
}
|
|
|
|
.close-ha-font .b-font {
|
|
|
|
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
|
|
|
|
}
|
|
|
|
.close-ha-font .b-font:before {
|
|
|
|
content: "\e600";
|
|
|
|
color: inherit;
|
|
|
|
}
|
|
|
|
.close-ha-font:hover .b-font:before,
|
|
|
|
.close-ha-font:focus .b-font:before,
|
|
|
|
.close-ha-font.hover .b-font:before {
|
|
|
|
content: "\e600";
|
|
|
|
color: inherit;
|
|
|
|
}
|
|
|
|
.close-ha-font:active .b-font:before,
|
|
|
|
.close-ha-font.active .b-font:before {
|
|
|
|
content: "\e600";
|
|
|
|
color: #3f8ce8;
|
|
|
|
}
|
|
|
|
.close-ha-font.native .b-font:before,
|
|
|
|
.close-ha-font.disabled .b-font:before {
|
|
|
|
content: "\e600";
|
|
|
|
color: inherit;
|
|
|
|
}
|
|
|
|
.search-close-h-font .b-font {
|
|
|
|
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
|
|
|
|
}
|
|
|
|
.search-close-h-font .b-font:before {
|
|
|
|
content: "\e600";
|
|
|
|
color: inherit;
|
|
|
|
}
|
|
|
|
.search-close-h-font:hover .b-font:before,
|
|
|
|
.search-close-h-font:focus .b-font:before,
|
|
|
|
.search-close-h-font.hover .b-font:before {
|
|
|
|
content: "\e600";
|
|
|
|
color: #e85050;
|
|
|
|
}
|
|
|
|
.search-close-h-font.native .b-font:before,
|
|
|
|
.search-close-h-font.disabled .b-font:before {
|
|
|
|
content: "\e600";
|
|
|
|
color: inherit;
|
|
|
|
}
|
|
|
|
.pre-page-h-font .b-font {
|
|
|
|
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
|
|
|
|
}
|
|
|
|
.pre-page-h-font .b-font:before {
|
|
|
|
content: "\e601";
|
|
|
|
color: inherit;
|
|
|
|
}
|
|
|
|
.pre-page-h-font:hover .b-font:before,
|
|
|
|
.pre-page-h-font:focus .b-font:before,
|
|
|
|
.pre-page-h-font.hover .b-font:before {
|
|
|
|
content: "\e601";
|
|
|
|
color: inherit;
|
|
|
|
}
|
|
|
|
.pre-page-h-font.native .b-font:before,
|
|
|
|
.pre-page-h-font.disabled .b-font:before {
|
|
|
|
content: "\e601";
|
|
|
|
color: inherit;
|
|
|
|
}
|
|
|
|
.next-page-h-font .b-font {
|
|
|
|
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
|
|
|
|
}
|
|
|
|
.next-page-h-font .b-font:before {
|
|
|
|
content: "\e602";
|
|
|
|
color: inherit;
|
|
|
|
}
|
|
|
|
.next-page-h-font:hover .b-font:before,
|
|
|
|
.next-page-h-font:focus .b-font:before,
|
|
|
|
.next-page-h-font.hover .b-font:before {
|
|
|
|
content: "\e602";
|
|
|
|
color: inherit;
|
|
|
|
}
|
|
|
|
.next-page-h-font.native .b-font:before,
|
|
|
|
.next-page-h-font.disabled .b-font:before {
|
|
|
|
content: "\e602";
|
|
|
|
color: inherit;
|
|
|
|
}
|
|
|
|
.search-font .b-font {
|
|
|
|
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
|
|
|
|
}
|
|
|
|
.search-font .b-font:before {
|
|
|
|
content: "\e604";
|
|
|
|
color: inherit;
|
|
|
|
}
|
|
|
|
.search-font.native .b-font:before,
|
|
|
|
.search-font.disabled .b-font:before {
|
|
|
|
content: "\e604";
|
|
|
|
color: inherit;
|
|
|
|
}
|
|
|
|
.dot-font .b-font {
|
|
|
|
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
|
|
|
|
}
|
|
|
|
.dot-font .b-font:before {
|
|
|
|
content: "\e606";
|
|
|
|
color: #1a1a1a;
|
|
|
|
}
|
|
|
|
.dot-font.native .b-font:before,
|
|
|
|
.dot-font.disabled .b-font:before {
|
|
|
|
content: "\e606";
|
|
|
|
color: #1a1a1a;
|
|
|
|
}
|
|
|
|
.dot-h-font .b-font {
|
|
|
|
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
|
|
|
|
}
|
|
|
|
.dot-h-font .b-font:before {
|
|
|
|
content: "\e606";
|
|
|
|
color: #1a1a1a;
|
|
|
|
}
|
|
|
|
.dot-h-font:hover .b-font:before,
|
|
|
|
.dot-h-font:focus .b-font:before,
|
|
|
|
.dot-h-font.hover .b-font:before {
|
|
|
|
content: "\e606";
|
|
|
|
color: inherit;
|
|
|
|
}
|
|
|
|
.dot-h-font.native .b-font:before,
|
|
|
|
.dot-h-font.disabled .b-font:before {
|
|
|
|
content: "\e606";
|
|
|
|
color: #1a1a1a;
|
|
|
|
}
|
|
|
|
.dot-ha-font .b-font {
|
|
|
|
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
|
|
|
|
}
|
|
|
|
.dot-ha-font .b-font:before {
|
|
|
|
content: "\e606";
|
|
|
|
color: #ffffff;
|
|
|
|
}
|
|
|
|
.dot-ha-font:hover .b-font:before,
|
|
|
|
.dot-ha-font:focus .b-font:before,
|
|
|
|
.dot-ha-font.hover .b-font:before {
|
|
|
|
content: "\e606";
|
|
|
|
color: #999999;
|
|
|
|
}
|
|
|
|
.dot-ha-font:active .b-font:before,
|
|
|
|
.dot-ha-font.active .b-font:before {
|
|
|
|
content: "\e606";
|
|
|
|
color: #1a1a1a;
|
|
|
|
}
|
|
|
|
.dot-ha-font.native .b-font:before,
|
|
|
|
.dot-ha-font.disabled .b-font:before {
|
|
|
|
content: "\e606";
|
|
|
|
color: #ffffff;
|
|
|
|
}
|
|
|
|
.dot-e-font .b-font {
|
|
|
|
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
|
|
|
|
}
|
|
|
|
.dot-e-font .b-font:before {
|
|
|
|
content: "\e606";
|
|
|
|
color: #ffffff;
|
|
|
|
}
|
|
|
|
.dot-e-font:hover .b-font:before,
|
|
|
|
.dot-e-font:focus .b-font:before,
|
|
|
|
.dot-e-font.hover .b-font:before {
|
|
|
|
content: "\e606";
|
|
|
|
color: #999999;
|
|
|
|
}
|
|
|
|
.dot-e-font.active .b-font:before {
|
|
|
|
content: "\e606";
|
|
|
|
color: #1a1a1a;
|
|
|
|
}
|
|
|
|
.dot-e-font:active .b-font:before {
|
|
|
|
content: "\e606";
|
|
|
|
color: #3f8ce8;
|
|
|
|
}
|
|
|
|
.dot-e-font.native .b-font:before,
|
|
|
|
.dot-e-font.disabled .b-font:before {
|
|
|
|
content: "\e606";
|
|
|
|
color: #ffffff;
|
|
|
|
}
|
|
|
|
.pull-right-font .b-font {
|
|
|
|
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
|
|
|
|
}
|
|
|
|
.pull-right-font .b-font:before {
|
|
|
|
content: "\e607";
|
|
|
|
color: inherit;
|
|
|
|
}
|
|
|
|
.pull-right-font.native .b-font:before,
|
|
|
|
.pull-right-font.disabled .b-font:before {
|
|
|
|
content: "\e607";
|
|
|
|
color: inherit;
|
|
|
|
}
|
|
|
|
.pull-right-h-font .b-font {
|
|
|
|
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
|
|
|
|
}
|
|
|
|
.pull-right-h-font .b-font:before {
|
|
|
|
content: "\e607";
|
|
|
|
color: inherit;
|
|
|
|
}
|
|
|
|
.pull-right-h-font:hover .b-font:before,
|
|
|
|
.pull-right-h-font:focus .b-font:before,
|
|
|
|
.pull-right-h-font.hover .b-font:before {
|
|
|
|
content: "\e607";
|
|
|
|
color: inherit;
|
|
|
|
}
|
|
|
|
.pull-right-h-font.native .b-font:before,
|
|
|
|
.pull-right-h-font.disabled .b-font:before {
|
|
|
|
content: "\e607";
|
|
|
|
color: inherit;
|
|
|
|
}
|
|
|
|
.pull-right-ha-font .b-font {
|
|
|
|
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
|
|
|
|
}
|
|
|
|
.pull-right-ha-font .b-font:before {
|
|
|
|
content: "\e607";
|
|
|
|
color: inherit;
|
|
|
|
}
|
|
|
|
.pull-right-ha-font:hover .b-font:before,
|
|
|
|
.pull-right-ha-font:focus .b-font:before,
|
|
|
|
.pull-right-ha-font.hover .b-font:before {
|
|
|
|
content: "\e607";
|
|
|
|
color: inherit;
|
|
|
|
}
|
|
|
|
.pull-right-ha-font:active .b-font:before,
|
|
|
|
.pull-right-ha-font.active .b-font:before {
|
|
|
|
content: "\e607";
|
|
|
|
color: #3f8ce8;
|
|
|
|
}
|
|
|
|
.pull-right-ha-font.native .b-font:before,
|
|
|
|
.pull-right-ha-font.disabled .b-font:before {
|
|
|
|
content: "\e607";
|
|
|
|
color: inherit;
|
|
|
|
}
|
|
|
|
.pull-right-e-font .b-font {
|
|
|
|
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
|
|
|
|
}
|
|
|
|
.pull-right-e-font .b-font:before {
|
|
|
|
content: "\e607";
|
|
|
|
color: inherit;
|
|
|
|
}
|
|
|
|
.pull-right-e-font:hover .b-font:before,
|
|
|
|
.pull-right-e-font:focus .b-font:before,
|
|
|
|
.pull-right-e-font.hover .b-font:before {
|
|
|
|
content: "\e607";
|
|
|
|
color: inherit;
|
|
|
|
}
|
|
|
|
.pull-right-e-font.active .b-font:before {
|
|
|
|
content: "\e607";
|
|
|
|
color: #3f8ce8;
|
|
|
|
}
|
|
|
|
.pull-right-e-font:active .b-font:before {
|
|
|
|
content: "\e607";
|
|
|
|
color: #3f8ce8;
|
|
|
|
}
|
|
|
|
.pull-right-e-font.native .b-font:before,
|
|
|
|
.pull-right-e-font.disabled .b-font:before {
|
|
|
|
content: "\e607";
|
|
|
|
color: inherit;
|
|
|
|
}
|
|
|
|
.copy-font .b-font {
|
|
|
|
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
|
|
|
|
}
|
|
|
|
.copy-font .b-font:before {
|
|
|
|
content: "\e610";
|
|
|
|
color: inherit;
|
|
|
|
}
|
|
|
|
.copy-font.native .b-font:before,
|
|
|
|
.copy-font.disabled .b-font:before {
|
|
|
|
content: "\e610";
|
|
|
|
color: inherit;
|
|
|
|
}
|
|
|
|
.copy-h-font .b-font {
|
|
|
|
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
|
|
|
|
}
|
|
|
|
.copy-h-font .b-font:before {
|
|
|
|
content: "\e610";
|
|
|
|
color: #1a1a1a;
|
|
|
|
}
|
|
|
|
.copy-h-font:hover .b-font:before,
|
|
|
|
.copy-h-font:focus .b-font:before,
|
|
|
|
.copy-h-font.hover .b-font:before {
|
|
|
|
content: "\e610";
|
|
|
|
color: inherit;
|
|
|
|
}
|
|
|
|
.copy-h-font.native .b-font:before,
|
|
|
|
.copy-h-font.disabled .b-font:before {
|
|
|
|
content: "\e610";
|
|
|
|
color: #1a1a1a;
|
|
|
|
}
|
|
|
|
.copy-ha-font .b-font {
|
|
|
|
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
|
|
|
|
}
|
|
|
|
.copy-ha-font .b-font:before {
|
|
|
|
content: "\e610";
|
|
|
|
color: inherit;
|
|
|
|
}
|
|
|
|
.copy-ha-font:hover .b-font:before,
|
|
|
|
.copy-ha-font:focus .b-font:before,
|
|
|
|
.copy-ha-font.hover .b-font:before {
|
|
|
|
content: "\e610";
|
|
|
|
color: inherit;
|
|
|
|
}
|
|
|
|
.copy-ha-font:active .b-font:before,
|
|
|
|
.copy-ha-font.active .b-font:before {
|
|
|
|
content: "\e610";
|
|
|
|
color: #3f8ce8;
|
|
|
|
}
|
|
|
|
.copy-ha-font.native .b-font:before,
|
|
|
|
.copy-ha-font.disabled .b-font:before {
|
|
|
|
content: "\e610";
|
|
|
|
color: inherit;
|
|
|
|
}
|
|
|
|
.copy-e-font .b-font {
|
|
|
|
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
|
|
|
|
}
|
|
|
|
.copy-e-font .b-font:before {
|
|
|
|
content: "\e610";
|
|
|
|
color: inherit;
|
|
|
|
}
|
|
|
|
.copy-e-font:hover .b-font:before,
|
|
|
|
.copy-e-font:focus .b-font:before,
|
|
|
|
.copy-e-font.hover .b-font:before {
|
|
|
|
content: "\e610";
|
|
|
|
color: inherit;
|
|
|
|
}
|
|
|
|
.copy-e-font.active .b-font:before {
|
|
|
|
content: "\e610";
|
|
|
|
color: #3f8ce8;
|
|
|
|
}
|
|
|
|
.copy-e-font:active .b-font:before {
|
|
|
|
content: "\e610";
|
|
|
|
color: #3f8ce8;
|
|
|
|
}
|
|
|
|
.copy-e-font.native .b-font:before,
|
|
|
|
.copy-e-font.disabled .b-font:before {
|
|
|
|
content: "\e610";
|
|
|
|
color: inherit;
|
|
|
|
}
|
|
|
|
.check-mark-font .b-font {
|
|
|
|
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
|
|
|
|
}
|
|
|
|
.check-mark-font .b-font:before {
|
|
|
|
content: "\e611";
|
|
|
|
color: inherit;
|
|
|
|
}
|
|
|
|
.check-mark-font.native .b-font:before,
|
|
|
|
.check-mark-font.disabled .b-font:before {
|
|
|
|
content: "\e611";
|
|
|
|
color: inherit;
|
|
|
|
}
|
|
|
|
.check-mark-h-font .b-font {
|
|
|
|
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
|
|
|
|
}
|
|
|
|
.check-mark-h-font .b-font:before {
|
|
|
|
content: "\e611";
|
|
|
|
color: inherit;
|
|
|
|
}
|
|
|
|
.check-mark-h-font:hover .b-font:before,
|
|
|
|
.check-mark-h-font:focus .b-font:before,
|
|
|
|
.check-mark-h-font.hover .b-font:before {
|
|
|
|
content: "\e611";
|
|
|
|
color: inherit;
|
|
|
|
}
|
|
|
|
.check-mark-h-font.native .b-font:before,
|
|
|
|
.check-mark-h-font.disabled .b-font:before {
|
|
|
|
content: "\e611";
|
|
|
|
color: inherit;
|
|
|
|
}
|
|
|
|
.check-mark-ha-font .b-font {
|
|
|
|
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
|
|
|
|
}
|
|
|
|
.check-mark-ha-font .b-font:before {
|
|
|
|
content: "\e611";
|
|
|
|
color: inherit;
|
|
|
|
}
|
|
|
|
.check-mark-ha-font:hover .b-font:before,
|
|
|
|
.check-mark-ha-font:focus .b-font:before,
|
|
|
|
.check-mark-ha-font.hover .b-font:before {
|
|
|
|
content: "\e611";
|
|
|
|
color: inherit;
|
|
|
|
}
|
|
|
|
.check-mark-ha-font:active .b-font:before,
|
|
|
|
.check-mark-ha-font.active .b-font:before {
|
|
|
|
content: "\e611";
|
|
|
|
color: #3f8ce8;
|
|
|
|
}
|
|
|
|
.check-mark-ha-font.native .b-font:before,
|
|
|
|
.check-mark-ha-font.disabled .b-font:before {
|
|
|
|
content: "\e611";
|
|
|
|
color: inherit;
|
|
|
|
}
|
|
|
|
.check-mark-e-font .b-font {
|
|
|
|
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
|
|
|
|
}
|
|
|
|
.check-mark-e-font .b-font:before {
|
|
|
|
content: "\e611";
|
|
|
|
color: inherit;
|
|
|
|
}
|
|
|
|
.check-mark-e-font:hover .b-font:before,
|
|
|
|
.check-mark-e-font:focus .b-font:before,
|
|
|
|
.check-mark-e-font.hover .b-font:before {
|
|
|
|
content: "\e611";
|
|
|
|
color: inherit;
|
|
|
|
}
|
|
|
|
.check-mark-e-font.active .b-font:before {
|
|
|
|
content: "\e611";
|
|
|
|
color: #3f8ce8;
|
|
|
|
}
|
|
|
|
.check-mark-e-font:active .b-font:before {
|
|
|
|
content: "\e611";
|
|
|
|
color: #3f8ce8;
|
|
|
|
}
|
|
|
|
.check-mark-e-font.native .b-font:before,
|
|
|
|
.check-mark-e-font.disabled .b-font:before {
|
|
|
|
content: "\e611";
|
|
|
|
color: inherit;
|
|
|
|
}
|
|
|
|
/** dashboard组件/控件 下拉列表图标字体 ~end~**/
|
|
|
|
.tree-node-triangle-expand-font .b-font {
|
|
|
|
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
|
|
|
|
}
|
|
|
|
.tree-node-triangle-expand-font .b-font:before {
|
|
|
|
content: "\e608";
|
|
|
|
color: inherit;
|
|
|
|
}
|
|
|
|
.tree-node-triangle-expand-font.native .b-font:before,
|
|
|
|
.tree-node-triangle-expand-font.disabled .b-font:before {
|
|
|
|
content: "\e608";
|
|
|
|
color: inherit;
|
|
|
|
}
|
|
|
|
.tree-node-triangle-collapse-font .b-font {
|
|
|
|
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
|
|
|
|
}
|
|
|
|
.tree-node-triangle-collapse-font .b-font:before {
|
|
|
|
content: "\e607";
|
|
|
|
color: inherit;
|
|
|
|
}
|
|
|
|
.tree-node-triangle-collapse-font.native .b-font:before,
|
|
|
|
.tree-node-triangle-collapse-font.disabled .b-font:before {
|
|
|
|
content: "\e607";
|
|
|
|
color: inherit;
|
|
|
|
}
|
|
|
|
.row-pre-page-h-font .b-font {
|
|
|
|
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
|
|
|
|
}
|
|
|
|
.row-pre-page-h-font .b-font:before {
|
|
|
|
content: "\e6be";
|
|
|
|
color: inherit;
|
|
|
|
}
|
|
|
|
.row-pre-page-h-font:hover .b-font:before,
|
|
|
|
.row-pre-page-h-font:focus .b-font:before,
|
|
|
|
.row-pre-page-h-font.hover .b-font:before {
|
|
|
|
content: "\e6be";
|
|
|
|
color: inherit;
|
|
|
|
}
|
|
|
|
.row-pre-page-h-font.native .b-font:before,
|
|
|
|
.row-pre-page-h-font.disabled .b-font:before {
|
|
|
|
content: "\e6be";
|
|
|
|
color: inherit;
|
|
|
|
}
|
|
|
|
.row-next-page-h-font .b-font {
|
|
|
|
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
|
|
|
|
}
|
|
|
|
.row-next-page-h-font .b-font:before {
|
|
|
|
content: "\e6bd";
|
|
|
|
color: inherit;
|
|
|
|
}
|
|
|
|
.row-next-page-h-font:hover .b-font:before,
|
|
|
|
.row-next-page-h-font:focus .b-font:before,
|
|
|
|
.row-next-page-h-font.hover .b-font:before {
|
|
|
|
content: "\e6bd";
|
|
|
|
color: inherit;
|
|
|
|
}
|
|
|
|
.row-next-page-h-font.native .b-font:before,
|
|
|
|
.row-next-page-h-font.disabled .b-font:before {
|
|
|
|
content: "\e6bd";
|
|
|
|
color: inherit;
|
|
|
|
}
|
|
|
|
.column-pre-page-h-font .b-font {
|
|
|
|
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
|
|
|
|
}
|
|
|
|
.column-pre-page-h-font .b-font:before {
|
|
|
|
content: "\e6bc";
|
|
|
|
color: inherit;
|
|
|
|
}
|
|
|
|
.column-pre-page-h-font:hover .b-font:before,
|
|
|
|
.column-pre-page-h-font:focus .b-font:before,
|
|
|
|
.column-pre-page-h-font.hover .b-font:before {
|
|
|
|
content: "\e6bc";
|
|
|
|
color: inherit;
|
|
|
|
}
|
|
|
|
.column-pre-page-h-font.native .b-font:before,
|
|
|
|
.column-pre-page-h-font.disabled .b-font:before {
|
|
|
|
content: "\e6bc";
|
|
|
|
color: inherit;
|
|
|
|
}
|
|
|
|
.column-next-page-h-font .b-font {
|
|
|
|
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
|
|
|
|
}
|
|
|
|
.column-next-page-h-font .b-font:before {
|
|
|
|
content: "\e6bb";
|
|
|
|
color: inherit;
|
|
|
|
}
|
|
|
|
.column-next-page-h-font:hover .b-font:before,
|
|
|
|
.column-next-page-h-font:focus .b-font:before,
|
|
|
|
.column-next-page-h-font.hover .b-font:before {
|
|
|
|
content: "\e6bb";
|
|
|
|
color: inherit;
|
|
|
|
}
|
|
|
|
.column-next-page-h-font.native .b-font:before,
|
|
|
|
.column-next-page-h-font.disabled .b-font:before {
|
|
|
|
content: "\e6bb";
|
|
|
|
color: inherit;
|
|
|
|
}
|
|
|
|
.trigger-triangle-font .b-font {
|
|
|
|
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
|
|
|
|
}
|
|
|
|
.trigger-triangle-font .b-font:before {
|
|
|
|
content: "\e66a";
|
|
|
|
color: #999999;
|
|
|
|
}
|
|
|
|
.trigger-triangle-font:hover .b-font:before,
|
|
|
|
.trigger-triangle-font:focus .b-font:before,
|
|
|
|
.trigger-triangle-font.hover .b-font:before {
|
|
|
|
content: "\e66a";
|
|
|
|
color: #999999;
|
|
|
|
}
|
|
|
|
.trigger-triangle-font:active .b-font:before,
|
|
|
|
.trigger-triangle-font.active .b-font:before {
|
|
|
|
content: "\e66a";
|
|
|
|
color: #3f8ce8;
|
|
|
|
}
|
|
|
|
.trigger-triangle-font.native .b-font:before,
|
|
|
|
.trigger-triangle-font.disabled .b-font:before {
|
|
|
|
content: "\e66a";
|
|
|
|
color: #999999;
|
|
|
|
}
|
|
|
|
.pull-down-font .b-font {
|
|
|
|
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
|
|
|
|
}
|
|
|
|
.pull-down-font .b-font:before {
|
|
|
|
content: "\e608";
|
|
|
|
color: inherit;
|
|
|
|
}
|
|
|
|
.pull-down-font.native .b-font:before,
|
|
|
|
.pull-down-font.disabled .b-font:before {
|
|
|
|
content: "\e608";
|
|
|
|
color: inherit;
|
|
|
|
}
|
|
|
|
.pull-down-h-font .b-font {
|
|
|
|
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
|
|
|
|
}
|
|
|
|
.pull-down-h-font .b-font:before {
|
|
|
|
content: "\e608";
|
|
|
|
color: inherit;
|
|
|
|
}
|
|
|
|
.pull-down-h-font:hover .b-font:before,
|
|
|
|
.pull-down-h-font:focus .b-font:before,
|
|
|
|
.pull-down-h-font.hover .b-font:before {
|
|
|
|
content: "\e608";
|
|
|
|
color: inherit;
|
|
|
|
}
|
|
|
|
.pull-down-h-font.native .b-font:before,
|
|
|
|
.pull-down-h-font.disabled .b-font:before {
|
|
|
|
content: "\e608";
|
|
|
|
color: inherit;
|
|
|
|
}
|
|
|
|
.pull-down-ha-font .b-font {
|
|
|
|
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
|
|
|
|
}
|
|
|
|
.pull-down-ha-font .b-font:before {
|
|
|
|
content: "\e608";
|
|
|
|
color: inherit;
|
|
|
|
}
|
|
|
|
.pull-down-ha-font:hover .b-font:before,
|
|
|
|
.pull-down-ha-font:focus .b-font:before,
|
|
|
|
.pull-down-ha-font.hover .b-font:before {
|
|
|
|
content: "\e608";
|
|
|
|
color: inherit;
|
|
|
|
}
|
|
|
|
.pull-down-ha-font:active .b-font:before,
|
|
|
|
.pull-down-ha-font.active .b-font:before {
|
|
|
|
content: "\e608";
|
|
|
|
color: #3f8ce8;
|
|
|
|
}
|
|
|
|
.pull-down-ha-font.native .b-font:before,
|
|
|
|
.pull-down-ha-font.disabled .b-font:before {
|
|
|
|
content: "\e608";
|
|
|
|
color: inherit;
|
|
|
|
}
|
|
|
|
.check-font .b-font {
|
|
|
|
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
|
|
|
|
}
|
|
|
|
.check-font .b-font:before {
|
|
|
|
content: "\e611";
|
|
|
|
color: #3f8ce8;
|
|
|
|
}
|
|
|
|
.check-font.native .b-font:before,
|
|
|
|
.check-font.disabled .b-font:before {
|
|
|
|
content: "\e611";
|
|
|
|
color: #3f8ce8;
|
|
|
|
}
|
|
|
|
.item-check-font .b-font {
|
|
|
|
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
|
|
|
|
}
|
|
|
|
.item-check-font .b-font:before {
|
|
|
|
content: "\e611";
|
|
|
|
color: #ffffff;
|
|
|
|
}
|
|
|
|
.item-check-font:hover .b-font:before,
|
|
|
|
.item-check-font:focus .b-font:before,
|
|
|
|
.item-check-font.hover .b-font:before {
|
|
|
|
content: "\e611";
|
|
|
|
color: #999999;
|
|
|
|
}
|
|
|
|
.item-check-font:active .b-font:before,
|
|
|
|
.item-check-font.active .b-font:before {
|
|
|
|
content: "\e611";
|
|
|
|
color: #3f8ce8;
|
|
|
|
}
|
|
|
|
.item-check-font.native .b-font:before,
|
|
|
|
.item-check-font.disabled .b-font:before {
|
|
|
|
content: "\e611";
|
|
|
|
color: #ffffff;
|
|
|
|
}
|
|
|
|
.primary-key-font .b-font {
|
|
|
|
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
|
|
|
|
}
|
|
|
|
.primary-key-font .b-font:before {
|
|
|
|
content: "\e67d;";
|
|
|
|
color: inherit;
|
|
|
|
}
|
|
|
|
.primary-key-font:hover .b-font:before,
|
|
|
|
.primary-key-font:focus .b-font:before,
|
|
|
|
.primary-key-font.hover .b-font:before {
|
|
|
|
content: "\e67d;";
|
|
|
|
color: inherit;
|
|
|
|
}
|
|
|
|
.primary-key-font.native .b-font:before,
|
|
|
|
.primary-key-font.disabled .b-font:before {
|
|
|
|
content: "\e67d;";
|
|
|
|
color: inherit;
|
|
|
|
}
|
|
|
|
.drag-tag-font .b-font {
|
|
|
|
*zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
|
|
|
|
}
|
|
|
|
.drag-tag-font .b-font:before {
|
|
|
|
content: "\e600";
|
|
|
|
color: #f07d0a;
|
|
|
|
}
|
|
|
|
.drag-tag-font.native .b-font:before,
|
|
|
|
.drag-tag-font.disabled .b-font:before {
|
|
|
|
content: "\e600";
|
|
|
|
color: #f07d0a;
|
|
|
|
}
|
|
|
|
.tree-collapse-icon-type1 .x-icon,
|
|
|
|
.tree-collapse-icon-type1:hover .x-icon,
|
|
|
|
.tree-collapse-icon-type1:active .x-icon {
|
|
|
|
display: block;
|
|
|
|
background: url('icon/tree-collapse-1.png') no-repeat 0px 0px;
|
|
|
|
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-collapse-1.png');
|
|
|
|
_background: none;
|
|
|
|
}
|
|
|
|
.tree-collapse-icon-type1.native .x-icon,
|
|
|
|
.tree-collapse-icon-type1.disabled .x-icon {
|
|
|
|
display: block;
|
|
|
|
background: url('icon/tree-collapse-1.png') no-repeat 0px 0px;
|
|
|
|
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-collapse-1.png');
|
|
|
|
_background: none;
|
|
|
|
}
|
|
|
|
.tree-collapse-icon-type2 .x-icon,
|
|
|
|
.tree-collapse-icon-type2:hover .x-icon,
|
|
|
|
.tree-collapse-icon-type2:active .x-icon {
|
|
|
|
display: block;
|
|
|
|
background: url('icon/tree-collapse-2.png') no-repeat 0px 0px;
|
|
|
|
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-collapse-2.png');
|
|
|
|
_background: none;
|
|
|
|
}
|
|
|
|
.tree-collapse-icon-type2.native .x-icon,
|
|
|
|
.tree-collapse-icon-type2.disabled .x-icon {
|
|
|
|
display: block;
|
|
|
|
background: url('icon/tree-collapse-2.png') no-repeat 0px 0px;
|
|
|
|
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-collapse-2.png');
|
|
|
|
_background: none;
|
|
|
|
}
|
|
|
|
.tree-collapse-icon-type3 .x-icon,
|
|
|
|
.tree-collapse-icon-type3:hover .x-icon,
|
|
|
|
.tree-collapse-icon-type3:active .x-icon {
|
|
|
|
display: block;
|
|
|
|
background: url('icon/tree-collapse-3.png') no-repeat 0px 0px;
|
|
|
|
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-collapse-3.png');
|
|
|
|
_background: none;
|
|
|
|
}
|
|
|
|
.tree-collapse-icon-type3.native .x-icon,
|
|
|
|
.tree-collapse-icon-type3.disabled .x-icon {
|
|
|
|
display: block;
|
|
|
|
background: url('icon/tree-collapse-3.png') no-repeat 0px 0px;
|
|
|
|
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-collapse-3.png');
|
|
|
|
_background: none;
|
|
|
|
}
|
|
|
|
.tree-collapse-icon-type4 .x-icon,
|
|
|
|
.tree-collapse-icon-type4:hover .x-icon,
|
|
|
|
.tree-collapse-icon-type4:active .x-icon {
|
|
|
|
display: block;
|
|
|
|
background: url('icon/tree-collapse-4.png') no-repeat 0px 0px;
|
|
|
|
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-collapse-4.png');
|
|
|
|
_background: none;
|
|
|
|
}
|
|
|
|
.tree-collapse-icon-type4.native .x-icon,
|
|
|
|
.tree-collapse-icon-type4.disabled .x-icon {
|
|
|
|
display: block;
|
|
|
|
background: url('icon/tree-collapse-4.png') no-repeat 0px 0px;
|
|
|
|
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-collapse-4.png');
|
|
|
|
_background: none;
|
|
|
|
}
|
|
|
|
.tree-expand-icon-type1 .x-icon,
|
|
|
|
.tree-expand-icon-type1:hover .x-icon,
|
|
|
|
.tree-expand-icon-type1:active .x-icon {
|
|
|
|
display: block;
|
|
|
|
background: url('icon/tree-expand-1.png') no-repeat 0px 0px;
|
|
|
|
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-expand-1.png');
|
|
|
|
_background: none;
|
|
|
|
}
|
|
|
|
.tree-expand-icon-type1.native .x-icon,
|
|
|
|
.tree-expand-icon-type1.disabled .x-icon {
|
|
|
|
display: block;
|
|
|
|
background: url('icon/tree-expand-1.png') no-repeat 0px 0px;
|
|
|
|
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-expand-1.png');
|
|
|
|
_background: none;
|
|
|
|
}
|
|
|
|
.tree-expand-icon-type2 .x-icon,
|
|
|
|
.tree-expand-icon-type2:hover .x-icon,
|
|
|
|
.tree-expand-icon-type2:active .x-icon {
|
|
|
|
display: block;
|
|
|
|
background: url('icon/tree-expand-2.png') no-repeat 0px 0px;
|
|
|
|
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-expand-2.png');
|
|
|
|
_background: none;
|
|
|
|
}
|
|
|
|
.tree-expand-icon-type2.native .x-icon,
|
|
|
|
.tree-expand-icon-type2.disabled .x-icon {
|
|
|
|
display: block;
|
|
|
|
background: url('icon/tree-expand-2.png') no-repeat 0px 0px;
|
|
|
|
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-expand-2.png');
|
|
|
|
_background: none;
|
|
|
|
}
|
|
|
|
.tree-expand-icon-type3 .x-icon,
|
|
|
|
.tree-expand-icon-type3:hover .x-icon,
|
|
|
|
.tree-expand-icon-type3:active .x-icon {
|
|
|
|
display: block;
|
|
|
|
background: url('icon/tree-expand-3.png') no-repeat 0px 0px;
|
|
|
|
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-expand-3.png');
|
|
|
|
_background: none;
|
|
|
|
}
|
|
|
|
.tree-expand-icon-type3.native .x-icon,
|
|
|
|
.tree-expand-icon-type3.disabled .x-icon {
|
|
|
|
display: block;
|
|
|
|
background: url('icon/tree-expand-3.png') no-repeat 0px 0px;
|
|
|
|
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-expand-3.png');
|
|
|
|
_background: none;
|
|
|
|
}
|
|
|
|
.tree-expand-icon-type4 .x-icon,
|
|
|
|
.tree-expand-icon-type4:hover .x-icon,
|
|
|
|
.tree-expand-icon-type4:active .x-icon {
|
|
|
|
display: block;
|
|
|
|
background: url('icon/tree-expand-4.png') no-repeat 0px 0px;
|
|
|
|
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-expand-4.png');
|
|
|
|
_background: none;
|
|
|
|
}
|
|
|
|
.tree-expand-icon-type4.native .x-icon,
|
|
|
|
.tree-expand-icon-type4.disabled .x-icon {
|
|
|
|
display: block;
|
|
|
|
background: url('icon/tree-expand-4.png') no-repeat 0px 0px;
|
|
|
|
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-expand-4.png');
|
|
|
|
_background: none;
|
|
|
|
}
|
|
|
|
.tree-vertical-line-type2 .x-icon,
|
|
|
|
.tree-vertical-line-type2:hover .x-icon,
|
|
|
|
.tree-vertical-line-type2:active .x-icon {
|
|
|
|
display: block;
|
|
|
|
background: url('icon/tree-vertical-line-2.png') no-repeat 0px 0px;
|
|
|
|
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-vertical-line-2.png');
|
|
|
|
_background: none;
|
|
|
|
}
|
|
|
|
.tree-vertical-line-type2.native .x-icon,
|
|
|
|
.tree-vertical-line-type2.disabled .x-icon {
|
|
|
|
display: block;
|
|
|
|
background: url('icon/tree-vertical-line-2.png') no-repeat 0px 0px;
|
|
|
|
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-vertical-line-2.png');
|
|
|
|
_background: none;
|
|
|
|
}
|
|
|
|
.tree-vertical-line-type3 .x-icon,
|
|
|
|
.tree-vertical-line-type3:hover .x-icon,
|
|
|
|
.tree-vertical-line-type3:active .x-icon {
|
|
|
|
display: block;
|
|
|
|
background: url('icon/tree-vertical-line-3.png') no-repeat 0px 0px;
|
|
|
|
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-vertical-line-3.png');
|
|
|
|
_background: none;
|
|
|
|
}
|
|
|
|
.tree-vertical-line-type3.native .x-icon,
|
|
|
|
.tree-vertical-line-type3.disabled .x-icon {
|
|
|
|
display: block;
|
|
|
|
background: url('icon/tree-vertical-line-3.png') no-repeat 0px 0px;
|
|
|
|
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-vertical-line-3.png');
|
|
|
|
_background: none;
|
|
|
|
}
|
|
|
|
.tree-vertical-line-type4 .x-icon,
|
|
|
|
.tree-vertical-line-type4:hover .x-icon,
|
|
|
|
.tree-vertical-line-type4:active .x-icon {
|
|
|
|
display: block;
|
|
|
|
background: url('icon/tree-vertical-line-4.png') no-repeat 0px 0px;
|
|
|
|
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-vertical-line-4.png');
|
|
|
|
_background: none;
|
|
|
|
}
|
|
|
|
.tree-vertical-line-type4.native .x-icon,
|
|
|
|
.tree-vertical-line-type4.disabled .x-icon {
|
|
|
|
display: block;
|
|
|
|
background: url('icon/tree-vertical-line-4.png') no-repeat 0px 0px;
|
|
|
|
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-vertical-line-4.png');
|
|
|
|
_background: none;
|
|
|
|
}
|
|
|
|
.bi-theme-dark .tree-collapse-icon-type1 .x-icon,
|
|
|
|
.bi-theme-dark .tree-collapse-icon-type1:hover .x-icon,
|
|
|
|
.bi-theme-dark .tree-collapse-icon-type1:active .x-icon {
|
|
|
|
display: block;
|
|
|
|
background: url('icon/dark/tree-collapse-1.png') no-repeat 0px 0px;
|
|
|
|
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-collapse-1.png');
|
|
|
|
_background: none;
|
|
|
|
}
|
|
|
|
.bi-theme-dark .tree-collapse-icon-type1.native .x-icon,
|
|
|
|
.bi-theme-dark .tree-collapse-icon-type1.disabled .x-icon {
|
|
|
|
display: block;
|
|
|
|
background: url('icon/dark/tree-collapse-1.png') no-repeat 0px 0px;
|
|
|
|
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-collapse-1.png');
|
|
|
|
_background: none;
|
|
|
|
}
|
|
|
|
.bi-theme-dark .tree-collapse-icon-type2 .x-icon,
|
|
|
|
.bi-theme-dark .tree-collapse-icon-type2:hover .x-icon,
|
|
|
|
.bi-theme-dark .tree-collapse-icon-type2:active .x-icon {
|
|
|
|
display: block;
|
|
|
|
background: url('icon/dark/tree-collapse-2.png') no-repeat 0px 0px;
|
|
|
|
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-collapse-2.png');
|
|
|
|
_background: none;
|
|
|
|
}
|
|
|
|
.bi-theme-dark .tree-collapse-icon-type2.native .x-icon,
|
|
|
|
.bi-theme-dark .tree-collapse-icon-type2.disabled .x-icon {
|
|
|
|
display: block;
|
|
|
|
background: url('icon/dark/tree-collapse-2.png') no-repeat 0px 0px;
|
|
|
|
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-collapse-2.png');
|
|
|
|
_background: none;
|
|
|
|
}
|
|
|
|
.bi-theme-dark .tree-collapse-icon-type3 .x-icon,
|
|
|
|
.bi-theme-dark .tree-collapse-icon-type3:hover .x-icon,
|
|
|
|
.bi-theme-dark .tree-collapse-icon-type3:active .x-icon {
|
|
|
|
display: block;
|
|
|
|
background: url('icon/dark/tree-collapse-3.png') no-repeat 0px 0px;
|
|
|
|
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-collapse-3.png');
|
|
|
|
_background: none;
|
|
|
|
}
|
|
|
|
.bi-theme-dark .tree-collapse-icon-type3.native .x-icon,
|
|
|
|
.bi-theme-dark .tree-collapse-icon-type3.disabled .x-icon {
|
|
|
|
display: block;
|
|
|
|
background: url('icon/dark/tree-collapse-3.png') no-repeat 0px 0px;
|
|
|
|
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-collapse-3.png');
|
|
|
|
_background: none;
|
|
|
|
}
|
|
|
|
.bi-theme-dark .tree-collapse-icon-type4 .x-icon,
|
|
|
|
.bi-theme-dark .tree-collapse-icon-type4:hover .x-icon,
|
|
|
|
.bi-theme-dark .tree-collapse-icon-type4:active .x-icon {
|
|
|
|
display: block;
|
|
|
|
background: url('icon/dark/tree-collapse-4.png') no-repeat 0px 0px;
|
|
|
|
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-collapse-4.png');
|
|
|
|
_background: none;
|
|
|
|
}
|
|
|
|
.bi-theme-dark .tree-collapse-icon-type4.native .x-icon,
|
|
|
|
.bi-theme-dark .tree-collapse-icon-type4.disabled .x-icon {
|
|
|
|
display: block;
|
|
|
|
background: url('icon/dark/tree-collapse-4.png') no-repeat 0px 0px;
|
|
|
|
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-collapse-4.png');
|
|
|
|
_background: none;
|
|
|
|
}
|
|
|
|
.bi-theme-dark .tree-expand-icon-type1 .x-icon,
|
|
|
|
.bi-theme-dark .tree-expand-icon-type1:hover .x-icon,
|
|
|
|
.bi-theme-dark .tree-expand-icon-type1:active .x-icon {
|
|
|
|
display: block;
|
|
|
|
background: url('icon/dark/tree-expand-1.png') no-repeat 0px 0px;
|
|
|
|
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-expand-1.png');
|
|
|
|
_background: none;
|
|
|
|
}
|
|
|
|
.bi-theme-dark .tree-expand-icon-type1.native .x-icon,
|
|
|
|
.bi-theme-dark .tree-expand-icon-type1.disabled .x-icon {
|
|
|
|
display: block;
|
|
|
|
background: url('icon/dark/tree-expand-1.png') no-repeat 0px 0px;
|
|
|
|
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-expand-1.png');
|
|
|
|
_background: none;
|
|
|
|
}
|
|
|
|
.bi-theme-dark .tree-expand-icon-type2 .x-icon,
|
|
|
|
.bi-theme-dark .tree-expand-icon-type2:hover .x-icon,
|
|
|
|
.bi-theme-dark .tree-expand-icon-type2:active .x-icon {
|
|
|
|
display: block;
|
|
|
|
background: url('icon/dark/tree-expand-2.png') no-repeat 0px 0px;
|
|
|
|
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-expand-2.png');
|
|
|
|
_background: none;
|
|
|
|
}
|
|
|
|
.bi-theme-dark .tree-expand-icon-type2.native .x-icon,
|
|
|
|
.bi-theme-dark .tree-expand-icon-type2.disabled .x-icon {
|
|
|
|
display: block;
|
|
|
|
background: url('icon/dark/tree-expand-2.png') no-repeat 0px 0px;
|
|
|
|
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-expand-2.png');
|
|
|
|
_background: none;
|
|
|
|
}
|
|
|
|
.bi-theme-dark .tree-expand-icon-type3 .x-icon,
|
|
|
|
.bi-theme-dark .tree-expand-icon-type3:hover .x-icon,
|
|
|
|
.bi-theme-dark .tree-expand-icon-type3:active .x-icon {
|
|
|
|
display: block;
|
|
|
|
background: url('icon/dark/tree-expand-3.png') no-repeat 0px 0px;
|
|
|
|
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-expand-3.png');
|
|
|
|
_background: none;
|
|
|
|
}
|
|
|
|
.bi-theme-dark .tree-expand-icon-type3.native .x-icon,
|
|
|
|
.bi-theme-dark .tree-expand-icon-type3.disabled .x-icon {
|
|
|
|
display: block;
|
|
|
|
background: url('icon/dark/tree-expand-3.png') no-repeat 0px 0px;
|
|
|
|
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-expand-3.png');
|
|
|
|
_background: none;
|
|
|
|
}
|
|
|
|
.bi-theme-dark .tree-expand-icon-type4 .x-icon,
|
|
|
|
.bi-theme-dark .tree-expand-icon-type4:hover .x-icon,
|
|
|
|
.bi-theme-dark .tree-expand-icon-type4:active .x-icon {
|
|
|
|
display: block;
|
|
|
|
background: url('icon/dark/tree-expand-4.png') no-repeat 0px 0px;
|
|
|
|
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-expand-4.png');
|
|
|
|
_background: none;
|
|
|
|
}
|
|
|
|
.bi-theme-dark .tree-expand-icon-type4.native .x-icon,
|
|
|
|
.bi-theme-dark .tree-expand-icon-type4.disabled .x-icon {
|
|
|
|
display: block;
|
|
|
|
background: url('icon/dark/tree-expand-4.png') no-repeat 0px 0px;
|
|
|
|
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-expand-4.png');
|
|
|
|
_background: none;
|
|
|
|
}
|
|
|
|
.bi-theme-dark .tree-vertical-line-type2 .x-icon,
|
|
|
|
.bi-theme-dark .tree-vertical-line-type2:hover .x-icon,
|
|
|
|
.bi-theme-dark .tree-vertical-line-type2:active .x-icon {
|
|
|
|
display: block;
|
|
|
|
background: url('icon/dark/tree-vertical-line-2.png') no-repeat 0px 0px;
|
|
|
|
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-vertical-line-2.png');
|
|
|
|
_background: none;
|
|
|
|
}
|
|
|
|
.bi-theme-dark .tree-vertical-line-type2.native .x-icon,
|
|
|
|
.bi-theme-dark .tree-vertical-line-type2.disabled .x-icon {
|
|
|
|
display: block;
|
|
|
|
background: url('icon/dark/tree-vertical-line-2.png') no-repeat 0px 0px;
|
|
|
|
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-vertical-line-2.png');
|
|
|
|
_background: none;
|
|
|
|
}
|
|
|
|
.bi-theme-dark .tree-vertical-line-type3 .x-icon,
|
|
|
|
.bi-theme-dark .tree-vertical-line-type3:hover .x-icon,
|
|
|
|
.bi-theme-dark .tree-vertical-line-type3:active .x-icon {
|
|
|
|
display: block;
|
|
|
|
background: url('icon/dark/tree-vertical-line-3.png') no-repeat 0px 0px;
|
|
|
|
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-vertical-line-3.png');
|
|
|
|
_background: none;
|
|
|
|
}
|
|
|
|
.bi-theme-dark .tree-vertical-line-type3.native .x-icon,
|
|
|
|
.bi-theme-dark .tree-vertical-line-type3.disabled .x-icon {
|
|
|
|
display: block;
|
|
|
|
background: url('icon/dark/tree-vertical-line-3.png') no-repeat 0px 0px;
|
|
|
|
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-vertical-line-3.png');
|
|
|
|
_background: none;
|
|
|
|
}
|
|
|
|
.bi-theme-dark .tree-vertical-line-type4 .x-icon,
|
|
|
|
.bi-theme-dark .tree-vertical-line-type4:hover .x-icon,
|
|
|
|
.bi-theme-dark .tree-vertical-line-type4:active .x-icon {
|
|
|
|
display: block;
|
|
|
|
background: url('icon/dark/tree-vertical-line-4.png') no-repeat 0px 0px;
|
|
|
|
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-vertical-line-4.png');
|
|
|
|
_background: none;
|
|
|
|
}
|
|
|
|
.bi-theme-dark .tree-vertical-line-type4.native .x-icon,
|
|
|
|
.bi-theme-dark .tree-vertical-line-type4.disabled .x-icon {
|
|
|
|
display: block;
|
|
|
|
background: url('icon/dark/tree-vertical-line-4.png') no-repeat 0px 0px;
|
|
|
|
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-vertical-line-4.png');
|
|
|
|
_background: none;
|
|
|
|
}
|
|
|
|
.check-box-icon .x-icon {
|
|
|
|
display: block;
|
|
|
|
background: url('icon/check-box-normal.png') no-repeat 0 0;
|
|
|
|
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/check-box-normal.png');
|
|
|
|
_background: none;
|
|
|
|
}
|
|
|
|
.check-box-icon:hover .x-icon,
|
|
|
|
.check-box-icon:focus .x-icon,
|
|
|
|
.check-box-icon.hover .x-icon {
|
|
|
|
display: block;
|
|
|
|
background: url('icon/check-box-normal.png') no-repeat 0 0;
|
|
|
|
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/check-box-normal.png');
|
|
|
|
_background: none;
|
|
|
|
}
|
|
|
|
.check-box-icon:active .x-icon,
|
|
|
|
.check-box-icon.active .x-icon {
|
|
|
|
display: block;
|
|
|
|
background: url('icon/check-box-active.png') no-repeat 0 0;
|
|
|
|
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/check-box-active.png');
|
|
|
|
_background: none;
|
|
|
|
}
|
|
|
|
.check-box-icon.native .x-icon,
|
|
|
|
.check-box-icon.disabled .x-icon {
|
|
|
|
display: block;
|
|
|
|
background: url('icon/check-box-disable.png') no-repeat 0 0;
|
|
|
|
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/check-box-disable.png');
|
|
|
|
_background: none;
|
|
|
|
}
|
|
|
|
.check-box-icon.native .x-icon,
|
|
|
|
.check-box-icon.disabled.active .x-icon {
|
|
|
|
display: block;
|
|
|
|
background: url('icon/check-box-disable2.png') no-repeat 0 0;
|
|
|
|
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/check-box-disable2.png');
|
|
|
|
_background: none;
|
|
|
|
}
|
|
|
|
.radio-icon .x-icon {
|
|
|
|
display: block;
|
|
|
|
background: url('icon/radio-normal.png') no-repeat 0 0;
|
|
|
|
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/radio-normal.png');
|
|
|
|
_background: none;
|
|
|
|
}
|
|
|
|
.radio-icon:hover .x-icon,
|
|
|
|
.radio-icon:focus .x-icon,
|
|
|
|
.radio-icon.hover .x-icon {
|
|
|
|
display: block;
|
|
|
|
background: url('icon/radio-normal.png') no-repeat 0 0;
|
|
|
|
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/radio-normal.png');
|
|
|
|
_background: none;
|
|
|
|
}
|
|
|
|
.radio-icon:active .x-icon,
|
|
|
|
.radio-icon.active .x-icon {
|
|
|
|
display: block;
|
|
|
|
background: url('icon/radio-active.png') no-repeat 0 0;
|
|
|
|
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/radio-active.png');
|
|
|
|
_background: none;
|
|
|
|
}
|
|
|
|
.radio-icon.native .x-icon,
|
|
|
|
.radio-icon.disabled .x-icon {
|
|
|
|
display: block;
|
|
|
|
background: url('icon/radio-disable.png') no-repeat 0 0;
|
|
|
|
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/radio-disable.png');
|
|
|
|
_background: none;
|
|
|
|
}
|
|
|
|
.radio-icon.native .x-icon,
|
|
|
|
.radio-icon.disabled.active .x-icon {
|
|
|
|
display: block;
|
|
|
|
background: url('icon/radio-disable2.png') no-repeat 0 0;
|
|
|
|
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/radio-disable2.png');
|
|
|
|
_background: none;
|
|
|
|
}
|
|
|
|
.check-half-select-icon .x-icon,
|
|
|
|
.check-half-select-icon:hover .x-icon,
|
|
|
|
.check-half-select-icon:active .x-icon {
|
|
|
|
display: block;
|
|
|
|
background: url('icon/half_selected.png') no-repeat 0px 0px;
|
|
|
|
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/half_selected.png');
|
|
|
|
_background: none;
|
|
|
|
}
|
|
|
|
.check-half-select-icon.native .x-icon,
|
|
|
|
.check-half-select-icon.disabled .x-icon {
|
|
|
|
display: block;
|
|
|
|
background: url('icon/half_selected.png') no-repeat 0px 0px;
|
|
|
|
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/half_selected.png');
|
|
|
|
_background: none;
|
|
|
|
}
|
|
|
|
/**
|
|
|
|
* 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
|
|
|
|
*/
|
|
|
|
/****添加计算宽度的--运算符直接需要space****/
|
|
|
|
/****** common color(常用颜色,可用于普遍场景) *****/
|
|
|
|
/**** custom color(自定义颜色,用于特定场景) ****/
|
|
|
|
.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("third/farbtastic/wheel.png") no-repeat;
|
|
|
|
width: 195px;
|
|
|
|
height: 195px;
|
|
|
|
}
|
|
|
|
.farbtastic .overlay {
|
|
|
|
background: url("third/farbtastic/mask.png") no-repeat;
|
|
|
|
}
|
|
|
|
.farbtastic .marker {
|
|
|
|
width: 17px;
|
|
|
|
height: 17px;
|
|
|
|
margin: -8px 0 0 -8px;
|
|
|
|
overflow: hidden;
|
|
|
|
background: url("third/farbtastic/marker.png") no-repeat;
|
|
|
|
}
|
|
|
|
/****添加计算宽度的--运算符直接需要space****/
|
|
|
|
/****** common color(常用颜色,可用于普遍场景) *****/
|
|
|
|
/**** custom color(自定义颜色,用于特定场景) ****/
|
|
|
|
.bi-display-tree .ztree * {
|
|
|
|
color: #999999;
|
|
|
|
}
|
|
|
|
.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/
|
|
|
|
|
|
|
|
-------------------------------------*/
|
|
|
|
/****添加计算宽度的--运算符直接需要space****/
|
|
|
|
/****** common color(常用颜色,可用于普遍场景) *****/
|
|
|
|
/**** custom color(自定义颜色,用于特定场景) ****/
|
|
|
|
.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;
|
|
|
|
}
|
|
|
|
.bi-theme-dark .ztree li ul.line {
|
|
|
|
background: url("icon/dark/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("third/ztree/img/zTreeStandard.png");
|
|
|
|
*background-image: url("third/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");
|
|
|
|
}
|
|
|
|
.bi-theme-dark .ztree li span.button.root_open {
|
|
|
|
background-image: url("icon/dark/tree-expand-1.png");
|
|
|
|
}
|
|
|
|
.ztree li span.button.root_close {
|
|
|
|
background-image: url("icon/tree-collapse-1.png");
|
|
|
|
}
|
|
|
|
.bi-theme-dark .ztree li span.button.root_close {
|
|
|
|
background-image: url("icon/dark/tree-collapse-1.png");
|
|
|
|
}
|
|
|
|
.ztree li span.button.roots_open {
|
|
|
|
background-image: url("icon/tree-expand-2.png");
|
|
|
|
}
|
|
|
|
.bi-theme-dark .ztree li span.button.roots_open {
|
|
|
|
background-image: url("icon/dark/tree-expand-2.png");
|
|
|
|
}
|
|
|
|
.ztree li span.button.roots_close {
|
|
|
|
background-image: url("icon/tree-collapse-2.png");
|
|
|
|
}
|
|
|
|
.bi-theme-dark .ztree li span.button.roots_close {
|
|
|
|
background-image: url("icon/dark/tree-collapse-2.png");
|
|
|
|
}
|
|
|
|
.ztree li span.button.center_open {
|
|
|
|
background-image: url("icon/tree-expand-3.png");
|
|
|
|
}
|
|
|
|
.bi-theme-dark .ztree li span.button.center_open {
|
|
|
|
background-image: url("icon/dark/tree-expand-3.png");
|
|
|
|
}
|
|
|
|
.ztree li span.button.center_close {
|
|
|
|
background-image: url("icon/tree-collapse-3.png");
|
|
|
|
}
|
|
|
|
.bi-theme-dark .ztree li span.button.center_close {
|
|
|
|
background-image: url("icon/dark/tree-collapse-3.png");
|
|
|
|
}
|
|
|
|
.ztree li span.button.bottom_open {
|
|
|
|
background-image: url("icon/tree-expand-4.png");
|
|
|
|
}
|
|
|
|
.bi-theme-dark .ztree li span.button.bottom_open {
|
|
|
|
background-image: url("icon/dark/tree-expand-4.png");
|
|
|
|
}
|
|
|
|
.ztree li span.button.bottom_close {
|
|
|
|
background-image: url("icon/tree-collapse-4.png");
|
|
|
|
}
|
|
|
|
.bi-theme-dark .ztree li span.button.bottom_close {
|
|
|
|
background-image: url("icon/dark/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");
|
|
|
|
}
|
|
|
|
.bi-theme-dark .ztree li span.button.roots_docu {
|
|
|
|
background-image: url("icon/dark/tree-vertical-line-2.png");
|
|
|
|
}
|
|
|
|
.ztree li span.button.center_docu {
|
|
|
|
background-image: url("icon/tree-vertical-line-3.png");
|
|
|
|
}
|
|
|
|
.bi-theme-dark .ztree li span.button.center_docu {
|
|
|
|
background-image: url("icon/dark/tree-vertical-line-3.png");
|
|
|
|
}
|
|
|
|
.ztree li span.button.bottom_docu {
|
|
|
|
background-image: url("icon/tree-vertical-line-4.png");
|
|
|
|
}
|
|
|
|
.bi-theme-dark .ztree li span.button.bottom_docu {
|
|
|
|
background-image: url("icon/dark/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("third/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("third/ztree/img/zTreeStandard.png");
|
|
|
|
*background-image: url("third/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;
|
|
|
|
}*/
|