fineui是帆软报表和BI产品线所使用的前端框架。
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 

1641 lines
50 KiB

/****添加计算宽度的--运算符直接需要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 .first-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 .mid-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 .last-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 = '&#xe600');
}
.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 = '&#xe600');
}
.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 = '&#xe600');
}
.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 = '&#xe600');
}
.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 = '&#xe601');
}
.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 = '&#xe602');
}
.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 = '&#xe604');
}
.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 = '&#xe606');
}
.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 = '&#xe606');
}
.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 = '&#xe606');
}
.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 = '&#xe606');
}
.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 = '&#xe607');
}
.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 = '&#xe607');
}
.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 = '&#xe607');
}
.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 = '&#xe607');
}
.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 = '&#xe610');
}
.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 = '&#xe610');
}
.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 = '&#xe610');
}
.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 = '&#xe610');
}
.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 = '&#xe611');
}
.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 = '&#xe611');
}
.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 = '&#xe611');
}
.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 = '&#xe611');
}
.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 = '&#xe608');
}
.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 = '&#xe607');
}
.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 = '&#xe6be');
}
.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 = '&#xe6bd');
}
.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 = '&#xe6bc');
}
.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 = '&#xe6bb');
}
.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 = '&#xe66a');
}
.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 = '&#xe608');
}
.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 = '&#xe608');
}
.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 = '&#xe608');
}
.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 = '&#xe611');
}
.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 = '&#xe611');
}
.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 = '&#xe600');
}
.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;
}*/