diff --git a/bi/base.css b/bi/base.css index 80e71fe44..1f5e0a7a8 100644 --- a/bi/base.css +++ b/bi/base.css @@ -659,11 +659,6 @@ li.CodeMirror-hint-active { /****添加计算宽度的--运算符直接需要space****/ /****** common color(常用颜色,可用于普遍场景) *****/ /**** custom color(自定义颜色,用于特定场景) ****/ -.bi-message-mask { - background-color: #1a1a1a; - opacity: 0.5; - filter: alpha(opacity=50); -} .bi-message-title { background-color: #f4f4f4; color: #808080; diff --git a/bi/base.js b/bi/base.js index ee98ff7a1..3eb95a678 100644 --- a/bi/base.js +++ b/bi/base.js @@ -14421,7 +14421,7 @@ $.extend(BI, { }) }, _show: function (hasCancel, title, message, callback) { - $mask = $('
').css({ + $mask = $('
').css({ position: 'absolute', 'zIndex': BI.zIndex_tip - 2, top: 0, @@ -28516,15 +28516,6 @@ BI.CollectionTable = BI.inherit(BI.Widget, { } }); - var tlw = regionSize; - var tlh = regionSize >= summaryColumnSizeArray[freezeColLength - 1] ? (o.header.length * o.headerRowSize) : (o.header.length * o.headerRowSize + this._scrollBarSize); - var trw = this._width - regionSize; - var trh = (this._width - regionSize >= totalColumnSize - (summaryColumnSizeArray[freezeColLength - 1] || 0)) ? (o.header.length * o.headerRowSize) : (o.header.length * o.headerRowSize + this._scrollBarSize); - var blw = (this._height - o.header.length * o.headerRowSize >= totalRowSize) ? regionSize : (regionSize + this._scrollBarSize); - var blh = (regionSize >= (summaryColumnSizeArray[freezeColLength - 1] || 0)) ? (this._height - o.header.length * o.headerRowSize) : (this._height - o.header.length * o.headerRowSize + this._scrollBarSize); - var brw = (this._height - o.header.length * o.headerRowSize >= totalRowSize) ? (this._width - regionSize) : (this._width - regionSize + this._scrollBarSize); - var brh = (this._width - regionSize >= totalColumnSize - (summaryColumnSizeArray[freezeColLength - 1] || 0)) ? (this._height - o.header.length * o.headerRowSize) : (this._height - o.header.length * o.headerRowSize + this._scrollBarSize); - var otlw = regionSize; var otlh = o.header.length * o.headerRowSize; var otrw = this._width - regionSize; @@ -28534,32 +28525,21 @@ BI.CollectionTable = BI.inherit(BI.Widget, { var obrw = this._width - regionSize; var obrh = this._height - o.header.length * o.headerRowSize; - var digest = function (w, h, tw, th, el) { - if (w >= tw && h >= th) { - el.element.css({ - overflow: "hidden", - overflowX: "hidden", - overflowY: "hidden" - }) - } else if (w >= tw) { - el.element.css({ - overflow: "hidden", - overflowX: "hidden", - overflowY: "auto" - }) - } else if (h >= th) { - el.element.css({ - overflow: "hidden", - overflowX: "auto", - overflowY: "hidden" - }) - } else { - el.element.css({ - overflow: "auto", - overflowX: "auto", - overflowY: "auto" - }) - } + var tlw = otlw + this._scrollBarSize; + var tlh = otlh + this._scrollBarSize; + var trw = otrw + this._scrollBarSize; + var trh = otrh + this._scrollBarSize; + var blw = oblw + this._scrollBarSize; + var blh = oblh + this._scrollBarSize; + var brw = obrw+ this._scrollBarSize; + var brh = obrh + this._scrollBarSize; + + var digest = function (el) { + el.element.css({ + overflow: "scroll", + overflowX: "scroll", + overflowY: "scroll" + }) }; this.topLeft.setWidth(otlw); @@ -28580,10 +28560,10 @@ BI.CollectionTable = BI.inherit(BI.Widget, { this.bottomRightCollection.setWidth(brw); this.bottomRightCollection.setHeight(brh); - digest(tlw, tlh, totalLeftColumnSize, o.header.length * o.headerRowSize, this.topLeftCollection); - digest(trw, trh, totalRightColumnSize, o.header.length * o.headerRowSize, this.topRightCollection); - digest(blw, blh, totalLeftColumnSize, o.items.length * o.rowSize, this.bottomLeftCollection); - digest(brw, brh, totalRightColumnSize, o.items.length * o.rowSize, this.bottomRightCollection); + digest(this.topLeftCollection); + digest(this.topRightCollection); + digest(this.bottomLeftCollection); + digest(this.bottomRightCollection); var items = this.contextLayout.attr("items"); items[1].left = regionSize; @@ -29314,15 +29294,6 @@ BI.GridTable = BI.inherit(BI.Widget, { } }); - var tlw = regionSize; - var tlh = regionSize >= summaryColumnSizeArray[freezeColLength - 1] ? (o.header.length * o.headerRowSize) : (o.header.length * o.headerRowSize + this._scrollBarSize); - var trw = this._width - regionSize; - var trh = (this._width - regionSize >= totalColumnSize - (summaryColumnSizeArray[freezeColLength - 1] || 0)) ? (o.header.length * o.headerRowSize) : (o.header.length * o.headerRowSize + this._scrollBarSize); - var blw = (this._height - o.header.length * o.headerRowSize >= totalRowSize) ? regionSize : (regionSize + this._scrollBarSize); - var blh = (regionSize >= (summaryColumnSizeArray[freezeColLength - 1] || 0)) ? (this._height - o.header.length * o.headerRowSize) : (this._height - o.header.length * o.headerRowSize + this._scrollBarSize); - var brw = (this._height - o.header.length * o.headerRowSize >= totalRowSize) ? (this._width - regionSize) : (this._width - regionSize + this._scrollBarSize); - var brh = (this._width - regionSize >= totalColumnSize - (summaryColumnSizeArray[freezeColLength - 1] || 0)) ? (this._height - o.header.length * o.headerRowSize) : (this._height - o.header.length * o.headerRowSize + this._scrollBarSize); - var otlw = regionSize; var otlh = o.header.length * o.headerRowSize; var otrw = this._width - regionSize; @@ -29332,32 +29303,21 @@ BI.GridTable = BI.inherit(BI.Widget, { var obrw = this._width - regionSize; var obrh = this._height - o.header.length * o.headerRowSize; - var digest = function (w, h, tw, th, el) { - if (w >= tw && h >= th) { - el.element.css({ - overflow: "hidden", - overflowX: "hidden", - overflowY: "hidden" - }) - } else if (w >= tw) { - el.element.css({ - overflow: "hidden", - overflowX: "hidden", - overflowY: "auto" - }) - } else if (h >= th) { - el.element.css({ - overflow: "hidden", - overflowX: "auto", - overflowY: "hidden" - }) - } else { - el.element.css({ - overflow: "auto", - overflowX: "auto", - overflowY: "auto" - }) - } + var tlw = otlw + this._scrollBarSize; + var tlh = otlh + this._scrollBarSize; + var trw = otrw + this._scrollBarSize; + var trh = otrh + this._scrollBarSize; + var blw = oblw + this._scrollBarSize; + var blh = oblh + this._scrollBarSize; + var brw = obrw+ this._scrollBarSize; + var brh = obrh + this._scrollBarSize; + + var digest = function (el) { + el.element.css({ + overflow: "scroll", + overflowX: "scroll", + overflowY: "scroll" + }) }; this.topLeft.setWidth(otlw); @@ -29378,10 +29338,10 @@ BI.GridTable = BI.inherit(BI.Widget, { this.bottomRightGrid.setWidth(brw); this.bottomRightGrid.setHeight(brh); - digest(tlw, tlh, totalLeftColumnSize, o.header.length * o.headerRowSize, this.topLeftGrid); - digest(trw, trh, totalRightColumnSize, o.header.length * o.headerRowSize, this.topRightGrid); - digest(blw, blh, totalLeftColumnSize, o.items.length * o.rowSize, this.bottomLeftGrid); - digest(brw, brh, totalRightColumnSize, o.items.length * o.rowSize, this.bottomRightGrid); + digest(this.topLeftGrid); + digest(this.topRightGrid); + digest(this.bottomLeftGrid); + digest(this.bottomRightGrid); this.topLeftGrid.setEstimatedColumnSize(freezeColLength > 0 ? totalLeftColumnSize / freezeColLength : 0); this.topLeftGrid.setEstimatedRowSize(o.headerRowSize); diff --git a/bi/core.css b/bi/core.css index 8cb3057e8..0f1f664ff 100644 --- a/bi/core.css +++ b/bi/core.css @@ -2956,18 +2956,13 @@ .bi-list-item.disabled, .bi-list-item.disabled:hover, .bi-list-item.disabled:active { - background-color: #ffffff; + background-color: transparent !important; } .bi-theme-dark .bi-list-item:hover, .bi-theme-dark .bi-list-item.hover { background-color: #04070d; color: #ffffff; } -.bi-theme-dark .bi-list-item.disabled, -.bi-theme-dark .bi-list-item.disabled:hover, -.bi-theme-dark .bi-list-item.disabled:active { - background-color: transparent; -} .bi-list-item-effect.active, .bi-list-item-effect:active { color: #009de3; @@ -2975,7 +2970,7 @@ .bi-list-item-effect.disabled, .bi-list-item-effect.disabled:hover, .bi-list-item-effect.disabled:active { - color: #c4c6c6; + color: #c4c6c6 !important; } .bi-theme-dark .bi-list-item-effect.active, .bi-theme-dark .bi-list-item-effect:active { @@ -2984,7 +2979,7 @@ .bi-theme-dark .bi-list-item-effect.disabled, .bi-theme-dark .bi-list-item-effect.disabled:hover, .bi-theme-dark .bi-list-item-effect.disabled:active { - color: #c4c6c6; + color: #c4c6c6 !important; } .bi-list-item-hover:hover, .bi-list-item-hover.hover { @@ -2994,8 +2989,8 @@ .bi-list-item-hover.disabled, .bi-list-item-hover.disabled:hover, .bi-list-item-hover.disabled:active { - color: #c4c6c6; - background-color: #ffffff; + color: #c4c6c6 !important; + background-color: transparent !important; } .bi-theme-dark .bi-list-item-hover:hover, .bi-theme-dark .bi-list-item-hover.hover { @@ -3005,8 +3000,7 @@ .bi-theme-dark .bi-list-item-hover.disabled, .bi-theme-dark .bi-list-item-hover.disabled:hover, .bi-theme-dark .bi-list-item-hover.disabled:active { - color: #c4c6c6; - background-color: transparent; + color: #c4c6c6 !important; } .bi-list-item-active:hover, .bi-list-item-active.hover { @@ -3020,7 +3014,7 @@ .bi-list-item-active.disabled, .bi-list-item-active.disabled:hover, .bi-list-item-active.disabled:active { - background-color: #ffffff; + background-color: transparent !important; } .bi-theme-dark .bi-list-item-active:hover, .bi-theme-dark .bi-list-item-active.hover { @@ -3032,11 +3026,6 @@ color: #009de3; background-color: #04070d; } -.bi-theme-dark .bi-list-item-active.disabled, -.bi-theme-dark .bi-list-item-active.disabled:hover, -.bi-theme-dark .bi-list-item-active.disabled:active { - background-color: transparent; -} .bi-list-item-select:hover, .bi-list-item-select.hover { color: #009de3; @@ -3055,7 +3044,7 @@ .bi-list-item-select.disabled:hover, .bi-list-item-select.disabled:active { color: #c4c6c6 !important; - background-color: #ffffff !important; + background-color: transparent !important; } .bi-list-item-select.disabled .bi-high-light, .bi-list-item-select.disabled:hover .bi-high-light, @@ -3076,17 +3065,6 @@ .bi-theme-dark .bi-list-item-select.active .bi-high-light { color: #ffffff; } -.bi-theme-dark .bi-list-item-select.disabled, -.bi-theme-dark .bi-list-item-select.disabled:hover, -.bi-theme-dark .bi-list-item-select.disabled:active { - color: #c4c6c6 !important; - background-color: transparent !important; -} -.bi-theme-dark .bi-list-item-select.disabled .bi-high-light, -.bi-theme-dark .bi-list-item-select.disabled:hover .bi-high-light, -.bi-theme-dark .bi-list-item-select.disabled:active .bi-high-light { - color: #c4c6c6 !important; -} /*****************cursor*****************/ .cursor-pointer { cursor: pointer; diff --git a/bi/core.js b/bi/core.js index 543d92175..fdac19401 100644 --- a/bi/core.js +++ b/bi/core.js @@ -4333,6 +4333,9 @@ BI.Widget = BI.inherit(BI.OB, { } this.element = this.options.element.element; } else if (o.element) { + // if (o.root !== true) { + // throw new Error("root is a required property"); + // } this.element = $(o.element); this._isRoot = true; } else { @@ -17031,7 +17034,7 @@ $(function () { } var rgb = this.rgb2json(this.hex2rgb(hex)); var grayLevel = Math.round(rgb.r * 0.299 + rgb.g * 0.587 + rgb.b * 0.114); - if (grayLevel < 140) { + if (grayLevel < 192) { return true; } return false; diff --git a/demo.html b/demo.html index 55b264445..86967f360 100644 --- a/demo.html +++ b/demo.html @@ -22,7 +22,7 @@ -
+
\ No newline at end of file diff --git a/demo/css/face.css b/demo/css/face.css new file mode 100644 index 000000000..80e5f22e7 --- /dev/null +++ b/demo/css/face.css @@ -0,0 +1,12 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.demo-face .face-config { + border-right: 1px solid #d4dadd; +} +.demo-face .face-config .config-label { + font-size: 14px; +} +.demo-face .face-config .config-item { + border-bottom: 1px solid #d4dadd; +} diff --git a/demo/css/main.css b/demo/css/main.css index 039fce052..e816d3d95 100644 --- a/demo/css/main.css +++ b/demo/css/main.css @@ -1,3 +1,6 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ .layout-bg-white { background-color: #ffffff; } @@ -39,3 +42,9 @@ .demo-main .bg1 { background-color: #178cdf; } +body { + background-color: #f3f3f3; +} +body.bi-theme-dark { + background-color: #191A2C; +} diff --git a/demo/css/preview.css b/demo/css/preview.css new file mode 100644 index 000000000..1b98b455e --- /dev/null +++ b/demo/css/preview.css @@ -0,0 +1,12 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.demo-preview .preview-title { + border-bottom: 1px solid #d4dadd; +} +.demo-preview .preview-card { + background-color: #ffffff; +} +.bi-theme-dark .demo-preview .preview-card { + background-color: #202237; +} diff --git a/demo/css/west.css b/demo/css/west.css index 600b31d56..80a1d026b 100644 --- a/demo/css/west.css +++ b/demo/css/west.css @@ -2,5 +2,9 @@ /****** common color(常用颜色,可用于普遍场景) *****/ /**** custom color(自定义颜色,用于特定场景) ****/ .demo-west { + background-color: #ffffff; border-right: 1px solid #eaeaea; } +.bi-theme-dark .demo-west { + background-color: #202237; +} diff --git a/demo/js/face.js b/demo/js/face.js index c26f5dcbd..928f4c5db 100644 --- a/demo/js/face.js +++ b/demo/js/face.js @@ -2,27 +2,412 @@ Demo.Face = BI.inherit(BI.Widget, { props: { baseCls: "demo-face" }, - render: function () { + + _createLabel: function (text) { + return { + width: 200, + el: { + type: "bi.label", + text: text, + textAlign: "left", + hgap: 5, + height: 40, + cls: "config-label" + } + } + }, + + _createColorPicker: function (ref, action) { + return { + el: { + type: "bi.vertical_adapt", + items: [{ + type: "bi.color_chooser", + listeners: [{ + eventName: BI.ColorChooser.EVENT_CHANGE, + action: action + }], + ref: ref, + width: 30, + height: 30 + }] + } + } + }, + + _createBackgroundConfig: function () { + var self = this; + return { + type: "bi.htape", + cls: "config-item", + height: 40, + items: [this._createLabel("背景色："), this._createColorPicker(function () { + self.backgroundColor = this; + }, function () { + self._runGlobalStyle(); + })] + } + }, + + _createFontConfig: function () { + var self = this; + return { + type: "bi.htape", + cls: "config-item", + height: 40, + items: [this._createLabel("字体颜色："), this._createColorPicker(function () { + self.fontColor = this; + }, function () { + self._runGlobalStyle(); + })] + } + }, + + _createDisableFontConfig: function () { + var self = this; + return { + type: "bi.htape", + cls: "config-item", + height: 40, + items: [this._createLabel("灰化字体颜色："), this._createColorPicker(function () { + self.disabledFontColor = this; + }, function () { + self._runGlobalStyle(); + }), { + width: 100, + el: { + type: "bi.text_button", + text: "这个按钮是灰化的", + forceCenter: true, + disabled: true + } + }] + } + }, + + _createCardBackgroundConfig: function () { + var self = this; + return { + type: "bi.htape", + cls: "config-item", + height: 40, + items: [this._createLabel("Card背景颜色："), this._createColorPicker(function () { + self.cardBackgroundColor = this; + }, function () { + self._runGlobalStyle(); + })] + } + }, + + _createHoverBackgroundColor: function () { + var self = this; + return { + type: "bi.htape", + cls: "config-item", + height: 40, + items: [this._createLabel("悬浮状态背景颜色："), this._createColorPicker(function () { + self.hoverBackgroundColor = this; + }, function () { + self._runGlobalStyle(); + })] + } + }, + + _createActiveBackgroundColor: function () { + var self = this; + return { + type: "bi.htape", + cls: "config-item", + height: 40, + items: [this._createLabel("激活状态背景颜色："), this._createColorPicker(function () { + self.activeBackgroundColor = this; + }, function () { + self._runGlobalStyle(); + })] + } + }, + + _createBaseConfig: function () { + return { + type: "bi.vertical", + items: [this._createLabel("--基本配色--"), + this._createBackgroundConfig(), + this._createFontConfig(), + this._createDisableFontConfig(), + this._createCardBackgroundConfig(), + this._createHoverBackgroundColor(), + this._createActiveBackgroundColor() + ] + } + }, + + _createScrollBackgroundConfig: function () { + var self = this; + return { + type: "bi.htape", + cls: "config-item", + height: 40, + items: [this._createLabel("滚动条底色："), this._createColorPicker(function () { + self.scrollBackgroundColor = this; + }, function () { + self._runGlobalStyle(); + })] + } + }, + + _createScrollThumbConfig: function () { + var self = this; + return { + type: "bi.htape", + cls: "config-item", + height: 40, + items: [this._createLabel("滚动条thumb颜色："), this._createColorPicker(function () { + self.scrollThumbColor = this; + }, function () { + self._runGlobalStyle(); + })] + } + }, + + _createPopupBackgroundConfig: function () { var self = this; return { - type: "bi.absolute", - items: [{ + type: "bi.htape", + cls: "config-item", + height: 40, + items: [this._createLabel("下拉框背景颜色："), this._createColorPicker(function () { + self.popupBackgroundColor = this; + }, function () { + self._runGlobalStyle(); + }), { + width: 100, el: { - type: "bi.svg", - ref: function () { - self.svg = this; - } - }, - left: 0, - right: 0, - top: 0, - bottom: 0 + type: "bi.vertical_adapt", + items: [{ + type: "bi.down_list_combo", + items: [[{ + el: { + text: "column 1111", + iconCls1: "check-mark-e-font", + value: 11 + }, + children: [ + { + text: "column 1.1", + value: 21, + cls: "dot-e-font", + selected: true + }, { + text: "column 1.222222222222222222222222222222222222", + cls: "dot-e-font", + value: 22, + }, { + text: "column 1.3", + cls: "dot-e-font", + value: 23, + }, { + text: "column 1.4", + cls: "dot-e-font", + value: 24, + }, { + text: "column 1.5", + cls: "dot-e-font", + value: 25 + } + ] + }], [ + { + el: { + type: "bi.icon_text_icon_item", + text: "column 2", + iconCls1: "chart-type-e-font", + cls: "dot-e-font", + value: 12 + }, + disabled: true, + children: [{ + type: "bi.icon_text_item", + cls: "dot-e-font", + height: 25, + text: "column 2.1", + value: 11 + }, {text: "column 2.2", value: 12, cls: "dot-e-font"}], + + + } + ], [ + { + text: "column 33333333333333333333333333333333", + cls: "style-set-e-font", + value: 13 + } + ], [ + { + text: "column 4", + cls: "filter-e-font", + value: 14 + } + ], [ + { + text: "column 5", + cls: "copy-e-font", + value: 15 + + } + ], [ + { + text: "column 6", + cls: "delete-e-font", + value: 16 + } + ], [ + { + text: "column 7", + cls: "dimension-from-e-font", + value: 17, + disabled: true + } + ]] + }] + } }] } }, + + _createMaskBackgroundConfig: function () { + var self = this; + return { + type: "bi.htape", + cls: "config-item", + height: 40, + items: [this._createLabel("弹出层蒙版颜色："), this._createColorPicker(function () { + self.maskBackgroundColor = this; + }, function () { + self._runGlobalStyle(); + }), { + width: 100, + el: { + type: "bi.vertical_adapt", + items: [{ + type: "bi.button", + text: "mask测试", + handler: function () { + BI.Msg.alert("弹出层", "弹出层面板") + } + }] + } + }] + } + }, + + _createCommonConfig: function () { + return { + type: "bi.vertical", + items: [this._createLabel("--一般配色--"), + this._createScrollBackgroundConfig(), + this._createScrollThumbConfig(), + this._createPopupBackgroundConfig(), + this._createMaskBackgroundConfig() + ] + } + }, + + render: function () { + var self = this; + return { + type: "bi.grid", + items: [[{ + column: 0, + row: 0, + el: { + type: "bi.vertical", + cls: "face-config", + items: [this._createBaseConfig(), + this._createCommonConfig()] + } + }, { + column: 1, + row: 0, + el: { + type: "demo.preview" + } + }]] + } + }, + + _setStyle: function (objects) { + var result = ""; + BI.each(objects, function (cls, object) { + result += cls + "{"; + BI.each(object, function (name, value) { + result += name + ":" + value + ";" + }); + result += "} "; + }); + BI.StyleLoaders.removeStyle("style").loadStyle("style", result); + }, + + _runGlobalStyle: function () { + var backgroundColor = this.backgroundColor.getValue(); + var fontColor = this.fontColor.getValue(); + var disabledFontColor = this.disabledFontColor.getValue(); + var cardBackgroundColor = this.cardBackgroundColor.getValue(); + var hoverBackgroundColor = this.hoverBackgroundColor.getValue(); + var activeBackgroundColor = this.activeBackgroundColor.getValue(); + + var scrollBackgroundColor = this.scrollBackgroundColor.getValue(); + var scrollThumbColor = this.scrollThumbColor.getValue(); + var popupBackgroundColor = this.popupBackgroundColor.getValue(); + var maskBackgroundColor = this.maskBackgroundColor.getValue(); + + $("#wrapper").css({ + backgroundColor: backgroundColor, + color: fontColor + }); + $(".demo-west,.preview-card").css({ + backgroundColor: cardBackgroundColor + }); + this._setStyle({ + "div::-webkit-scrollbar,.scrollbar-layout-main": { + "background-color": scrollBackgroundColor + "!important" + }, + "div::-webkit-scrollbar-thumb,.public-scrollbar-face:after": { + "background-color": scrollThumbColor + "!important" + }, + ".base-disabled": { + color: disabledFontColor + "!important" + }, + ".base-disabled .b-font:before": { + color: disabledFontColor + "!important" + }, + ".list-view-outer": { + "background-color": popupBackgroundColor + "!important" + }, + ".bi-z-index-mask": { + "background-color": maskBackgroundColor + "!important" + }, + ".bi-list-item:hover,.bi-list-item-hover:hover,.bi-list-item-active:hover,.bi-list-item-select:hover,.bi-list-item-effect:hover": { + "background-color": hoverBackgroundColor + }, + ".bi-list-item-active:active,.bi-list-item-select:active,.bi-list-item-effect:active": { + "background-color": activeBackgroundColor + } + }) + }, + mounted: function () { - var circle = this.svg.circle(this.element.width() / 2, this.element.height() / 2, 20); - circle.animate({fill: "#223fa3", stroke: "#000", "stroke-width": 80, "stroke-opacity": 0.5}, 2000); + this.backgroundColor.setValue(""); + this.fontColor.setValue(""); + this.disabledFontColor.setValue(""); + this.cardBackgroundColor.setValue(""); + this.hoverBackgroundColor.setValue(""); + this.activeBackgroundColor.setValue(""); + + this.scrollBackgroundColor.setValue(""); + this.scrollThumbColor.setValue(""); + this.popupBackgroundColor.setValue(""); + this.maskBackgroundColor.setValue(""); + this._runGlobalStyle(); } }); BI.shortcut("demo.face", Demo.Face); \ No newline at end of file diff --git a/demo/js/north.js b/demo/js/north.js index cffe03744..84b2d2078 100644 --- a/demo/js/north.js +++ b/demo/js/north.js @@ -28,13 +28,13 @@ Demo.North = BI.inherit(BI.Widget, { type: "bi.text_button", text: "星空蓝", handler: function () { - $("#wrapper").removeClass("bi-theme-default").addClass("bi-theme-dark"); + $("body").removeClass("bi-theme-default").addClass("bi-theme-dark"); } }, { type: "bi.text_button", text: "典雅白", handler: function () { - $("#wrapper").removeClass("bi-theme-dark").addClass("bi-theme-default"); + $("body").removeClass("bi-theme-dark").addClass("bi-theme-default"); } }] } diff --git a/demo/js/preview.js b/demo/js/preview.js new file mode 100644 index 000000000..3758eb3dd --- /dev/null +++ b/demo/js/preview.js @@ -0,0 +1,77 @@ +Demo.Preview = BI.inherit(BI.Widget, { + props: { + baseCls: "demo-preview" + }, + render: function () { + var self = this; + var items = [], header = [], columnSize = []; + + var rowCount = 100, columnCount = 100; + for (var i = 0; i < 1; i++) { + header[i] = []; + for (var j = 0; j < columnCount; j++) { + header[i][j] = { + type: "bi.label", + text: "表头" + i + "-" + j + } + columnSize[j] = 100; + } + } + for (var i = 0; i < rowCount; i++) { + items[i] = []; + for (var j = 0; j < columnCount; j++) { + items[i][j] = { + type: "bi.label", + text: (i < 3 ? 0 : i) + "-" + j + } + } + } + return { + type: "bi.center", + cls: "preview-background", + hgap: 100, + vgap: 100, + items: [{ + type: "bi.vtape", + cls: "preview-card", + items: [{ + el: { + type: "bi.label", + cls: "preview-title", + height: 40, + text: "统计组件", + hgap: 10, + textAlign: "left" + }, + height: 40 + }, { + type: "bi.center_adapt", + scrollable: true, + items: [{ + type: "bi.resizable_table", + el: { + type: "bi.collection_table" + }, + width: 500, + height: 400, + isResizeAdapt: true, + isNeedResize: true, + isNeedMerge: true, + mergeCols: [0, 1], + mergeRule: function (col1, col2) { + return BI.isEqual(col1, col2); + }, + isNeedFreeze: true, + freezeCols: [0, 1], + columnSize: columnSize, + items: items, + header: header + }] + }] + }] + } + }, + mounted: function () { + } +}); +BI.shortcut("demo.preview", Demo.Preview); \ No newline at end of file diff --git a/demo/less/face.less b/demo/less/face.less new file mode 100644 index 000000000..d6375bac4 --- /dev/null +++ b/demo/less/face.less @@ -0,0 +1,13 @@ +@import "index"; + +.demo-face { + .face-config { + border-right: 1px solid @color-bi-border-normal; + .config-label { + font-size: 14px; + } + .config-item { + border-bottom: 1px solid @color-bi-border-normal; + } + } +} \ No newline at end of file diff --git a/demo/less/main.less b/demo/less/main.less index 3d7de426a..afdeded82 100644 --- a/demo/less/main.less +++ b/demo/less/main.less @@ -1,3 +1,4 @@ +@import "index"; .layout-bg-white { background-color: #ffffff; @@ -51,4 +52,12 @@ & .bg1 { background-color: #178cdf; } +} + +body { + background-color: @color-bi-background-normal; +} + +body.bi-theme-dark { + background-color: @color-bi-background-normal-theme-dark; } \ No newline at end of file diff --git a/demo/less/preview.less b/demo/less/preview.less new file mode 100644 index 000000000..9aab4861b --- /dev/null +++ b/demo/less/preview.less @@ -0,0 +1,18 @@ +@import "index"; + +.demo-preview { + .preview-title { + border-bottom: 1px solid @color-bi-border-normal; + } + .preview-card { + background-color: @color-bi-background-default; + } +} + +.bi-theme-dark { + .demo-preview { + .preview-card { + background-color: @color-bi-background-default-theme-dark; + } + } +} \ No newline at end of file diff --git a/demo/less/west.less b/demo/less/west.less index c8e14e9c1..90f750203 100644 --- a/demo/less/west.less +++ b/demo/less/west.less @@ -1,5 +1,12 @@ @import "index"; .demo-west { + background-color: @color-bi-background-default; border-right: 1px solid @color-bi-border-line; +} + +.bi-theme-dark { + .demo-west { + background-color: @color-bi-background-default-theme-dark; + } } \ No newline at end of file diff --git a/docs/base.css b/docs/base.css index 80e71fe44..1f5e0a7a8 100644 --- a/docs/base.css +++ b/docs/base.css @@ -659,11 +659,6 @@ li.CodeMirror-hint-active { /****添加计算宽度的--运算符直接需要space****/ /****** common color(常用颜色,可用于普遍场景) *****/ /**** custom color(自定义颜色,用于特定场景) ****/ -.bi-message-mask { - background-color: #1a1a1a; - opacity: 0.5; - filter: alpha(opacity=50); -} .bi-message-title { background-color: #f4f4f4; color: #808080; diff --git a/docs/base.js b/docs/base.js index ee98ff7a1..3eb95a678 100644 --- a/docs/base.js +++ b/docs/base.js @@ -14421,7 +14421,7 @@ $.extend(BI, { }) }, _show: function (hasCancel, title, message, callback) { - $mask = $('
').css({ + $mask = $('
').css({ position: 'absolute', 'zIndex': BI.zIndex_tip - 2, top: 0, @@ -28516,15 +28516,6 @@ BI.CollectionTable = BI.inherit(BI.Widget, { } }); - var tlw = regionSize; - var tlh = regionSize >= summaryColumnSizeArray[freezeColLength - 1] ? (o.header.length * o.headerRowSize) : (o.header.length * o.headerRowSize + this._scrollBarSize); - var trw = this._width - regionSize; - var trh = (this._width - regionSize >= totalColumnSize - (summaryColumnSizeArray[freezeColLength - 1] || 0)) ? (o.header.length * o.headerRowSize) : (o.header.length * o.headerRowSize + this._scrollBarSize); - var blw = (this._height - o.header.length * o.headerRowSize >= totalRowSize) ? regionSize : (regionSize + this._scrollBarSize); - var blh = (regionSize >= (summaryColumnSizeArray[freezeColLength - 1] || 0)) ? (this._height - o.header.length * o.headerRowSize) : (this._height - o.header.length * o.headerRowSize + this._scrollBarSize); - var brw = (this._height - o.header.length * o.headerRowSize >= totalRowSize) ? (this._width - regionSize) : (this._width - regionSize + this._scrollBarSize); - var brh = (this._width - regionSize >= totalColumnSize - (summaryColumnSizeArray[freezeColLength - 1] || 0)) ? (this._height - o.header.length * o.headerRowSize) : (this._height - o.header.length * o.headerRowSize + this._scrollBarSize); - var otlw = regionSize; var otlh = o.header.length * o.headerRowSize; var otrw = this._width - regionSize; @@ -28534,32 +28525,21 @@ BI.CollectionTable = BI.inherit(BI.Widget, { var obrw = this._width - regionSize; var obrh = this._height - o.header.length * o.headerRowSize; - var digest = function (w, h, tw, th, el) { - if (w >= tw && h >= th) { - el.element.css({ - overflow: "hidden", - overflowX: "hidden", - overflowY: "hidden" - }) - } else if (w >= tw) { - el.element.css({ - overflow: "hidden", - overflowX: "hidden", - overflowY: "auto" - }) - } else if (h >= th) { - el.element.css({ - overflow: "hidden", - overflowX: "auto", - overflowY: "hidden" - }) - } else { - el.element.css({ - overflow: "auto", - overflowX: "auto", - overflowY: "auto" - }) - } + var tlw = otlw + this._scrollBarSize; + var tlh = otlh + this._scrollBarSize; + var trw = otrw + this._scrollBarSize; + var trh = otrh + this._scrollBarSize; + var blw = oblw + this._scrollBarSize; + var blh = oblh + this._scrollBarSize; + var brw = obrw+ this._scrollBarSize; + var brh = obrh + this._scrollBarSize; + + var digest = function (el) { + el.element.css({ + overflow: "scroll", + overflowX: "scroll", + overflowY: "scroll" + }) }; this.topLeft.setWidth(otlw); @@ -28580,10 +28560,10 @@ BI.CollectionTable = BI.inherit(BI.Widget, { this.bottomRightCollection.setWidth(brw); this.bottomRightCollection.setHeight(brh); - digest(tlw, tlh, totalLeftColumnSize, o.header.length * o.headerRowSize, this.topLeftCollection); - digest(trw, trh, totalRightColumnSize, o.header.length * o.headerRowSize, this.topRightCollection); - digest(blw, blh, totalLeftColumnSize, o.items.length * o.rowSize, this.bottomLeftCollection); - digest(brw, brh, totalRightColumnSize, o.items.length * o.rowSize, this.bottomRightCollection); + digest(this.topLeftCollection); + digest(this.topRightCollection); + digest(this.bottomLeftCollection); + digest(this.bottomRightCollection); var items = this.contextLayout.attr("items"); items[1].left = regionSize; @@ -29314,15 +29294,6 @@ BI.GridTable = BI.inherit(BI.Widget, { } }); - var tlw = regionSize; - var tlh = regionSize >= summaryColumnSizeArray[freezeColLength - 1] ? (o.header.length * o.headerRowSize) : (o.header.length * o.headerRowSize + this._scrollBarSize); - var trw = this._width - regionSize; - var trh = (this._width - regionSize >= totalColumnSize - (summaryColumnSizeArray[freezeColLength - 1] || 0)) ? (o.header.length * o.headerRowSize) : (o.header.length * o.headerRowSize + this._scrollBarSize); - var blw = (this._height - o.header.length * o.headerRowSize >= totalRowSize) ? regionSize : (regionSize + this._scrollBarSize); - var blh = (regionSize >= (summaryColumnSizeArray[freezeColLength - 1] || 0)) ? (this._height - o.header.length * o.headerRowSize) : (this._height - o.header.length * o.headerRowSize + this._scrollBarSize); - var brw = (this._height - o.header.length * o.headerRowSize >= totalRowSize) ? (this._width - regionSize) : (this._width - regionSize + this._scrollBarSize); - var brh = (this._width - regionSize >= totalColumnSize - (summaryColumnSizeArray[freezeColLength - 1] || 0)) ? (this._height - o.header.length * o.headerRowSize) : (this._height - o.header.length * o.headerRowSize + this._scrollBarSize); - var otlw = regionSize; var otlh = o.header.length * o.headerRowSize; var otrw = this._width - regionSize; @@ -29332,32 +29303,21 @@ BI.GridTable = BI.inherit(BI.Widget, { var obrw = this._width - regionSize; var obrh = this._height - o.header.length * o.headerRowSize; - var digest = function (w, h, tw, th, el) { - if (w >= tw && h >= th) { - el.element.css({ - overflow: "hidden", - overflowX: "hidden", - overflowY: "hidden" - }) - } else if (w >= tw) { - el.element.css({ - overflow: "hidden", - overflowX: "hidden", - overflowY: "auto" - }) - } else if (h >= th) { - el.element.css({ - overflow: "hidden", - overflowX: "auto", - overflowY: "hidden" - }) - } else { - el.element.css({ - overflow: "auto", - overflowX: "auto", - overflowY: "auto" - }) - } + var tlw = otlw + this._scrollBarSize; + var tlh = otlh + this._scrollBarSize; + var trw = otrw + this._scrollBarSize; + var trh = otrh + this._scrollBarSize; + var blw = oblw + this._scrollBarSize; + var blh = oblh + this._scrollBarSize; + var brw = obrw+ this._scrollBarSize; + var brh = obrh + this._scrollBarSize; + + var digest = function (el) { + el.element.css({ + overflow: "scroll", + overflowX: "scroll", + overflowY: "scroll" + }) }; this.topLeft.setWidth(otlw); @@ -29378,10 +29338,10 @@ BI.GridTable = BI.inherit(BI.Widget, { this.bottomRightGrid.setWidth(brw); this.bottomRightGrid.setHeight(brh); - digest(tlw, tlh, totalLeftColumnSize, o.header.length * o.headerRowSize, this.topLeftGrid); - digest(trw, trh, totalRightColumnSize, o.header.length * o.headerRowSize, this.topRightGrid); - digest(blw, blh, totalLeftColumnSize, o.items.length * o.rowSize, this.bottomLeftGrid); - digest(brw, brh, totalRightColumnSize, o.items.length * o.rowSize, this.bottomRightGrid); + digest(this.topLeftGrid); + digest(this.topRightGrid); + digest(this.bottomLeftGrid); + digest(this.bottomRightGrid); this.topLeftGrid.setEstimatedColumnSize(freezeColLength > 0 ? totalLeftColumnSize / freezeColLength : 0); this.topLeftGrid.setEstimatedRowSize(o.headerRowSize); diff --git a/docs/core.css b/docs/core.css index 8cb3057e8..0f1f664ff 100644 --- a/docs/core.css +++ b/docs/core.css @@ -2956,18 +2956,13 @@ .bi-list-item.disabled, .bi-list-item.disabled:hover, .bi-list-item.disabled:active { - background-color: #ffffff; + background-color: transparent !important; } .bi-theme-dark .bi-list-item:hover, .bi-theme-dark .bi-list-item.hover { background-color: #04070d; color: #ffffff; } -.bi-theme-dark .bi-list-item.disabled, -.bi-theme-dark .bi-list-item.disabled:hover, -.bi-theme-dark .bi-list-item.disabled:active { - background-color: transparent; -} .bi-list-item-effect.active, .bi-list-item-effect:active { color: #009de3; @@ -2975,7 +2970,7 @@ .bi-list-item-effect.disabled, .bi-list-item-effect.disabled:hover, .bi-list-item-effect.disabled:active { - color: #c4c6c6; + color: #c4c6c6 !important; } .bi-theme-dark .bi-list-item-effect.active, .bi-theme-dark .bi-list-item-effect:active { @@ -2984,7 +2979,7 @@ .bi-theme-dark .bi-list-item-effect.disabled, .bi-theme-dark .bi-list-item-effect.disabled:hover, .bi-theme-dark .bi-list-item-effect.disabled:active { - color: #c4c6c6; + color: #c4c6c6 !important; } .bi-list-item-hover:hover, .bi-list-item-hover.hover { @@ -2994,8 +2989,8 @@ .bi-list-item-hover.disabled, .bi-list-item-hover.disabled:hover, .bi-list-item-hover.disabled:active { - color: #c4c6c6; - background-color: #ffffff; + color: #c4c6c6 !important; + background-color: transparent !important; } .bi-theme-dark .bi-list-item-hover:hover, .bi-theme-dark .bi-list-item-hover.hover { @@ -3005,8 +3000,7 @@ .bi-theme-dark .bi-list-item-hover.disabled, .bi-theme-dark .bi-list-item-hover.disabled:hover, .bi-theme-dark .bi-list-item-hover.disabled:active { - color: #c4c6c6; - background-color: transparent; + color: #c4c6c6 !important; } .bi-list-item-active:hover, .bi-list-item-active.hover { @@ -3020,7 +3014,7 @@ .bi-list-item-active.disabled, .bi-list-item-active.disabled:hover, .bi-list-item-active.disabled:active { - background-color: #ffffff; + background-color: transparent !important; } .bi-theme-dark .bi-list-item-active:hover, .bi-theme-dark .bi-list-item-active.hover { @@ -3032,11 +3026,6 @@ color: #009de3; background-color: #04070d; } -.bi-theme-dark .bi-list-item-active.disabled, -.bi-theme-dark .bi-list-item-active.disabled:hover, -.bi-theme-dark .bi-list-item-active.disabled:active { - background-color: transparent; -} .bi-list-item-select:hover, .bi-list-item-select.hover { color: #009de3; @@ -3055,7 +3044,7 @@ .bi-list-item-select.disabled:hover, .bi-list-item-select.disabled:active { color: #c4c6c6 !important; - background-color: #ffffff !important; + background-color: transparent !important; } .bi-list-item-select.disabled .bi-high-light, .bi-list-item-select.disabled:hover .bi-high-light, @@ -3076,17 +3065,6 @@ .bi-theme-dark .bi-list-item-select.active .bi-high-light { color: #ffffff; } -.bi-theme-dark .bi-list-item-select.disabled, -.bi-theme-dark .bi-list-item-select.disabled:hover, -.bi-theme-dark .bi-list-item-select.disabled:active { - color: #c4c6c6 !important; - background-color: transparent !important; -} -.bi-theme-dark .bi-list-item-select.disabled .bi-high-light, -.bi-theme-dark .bi-list-item-select.disabled:hover .bi-high-light, -.bi-theme-dark .bi-list-item-select.disabled:active .bi-high-light { - color: #c4c6c6 !important; -} /*****************cursor*****************/ .cursor-pointer { cursor: pointer; diff --git a/docs/core.js b/docs/core.js index 36d40e006..58742196e 100644 --- a/docs/core.js +++ b/docs/core.js @@ -14328,6 +14328,9 @@ BI.Widget = BI.inherit(BI.OB, { } this.element = this.options.element.element; } else if (o.element) { + // if (o.root !== true) { + // throw new Error("root is a required property"); + // } this.element = $(o.element); this._isRoot = true; } else { @@ -22655,7 +22658,7 @@ $(function () { } var rgb = this.rgb2json(this.hex2rgb(hex)); var grayLevel = Math.round(rgb.r * 0.299 + rgb.g * 0.587 + rgb.b * 0.114); - if (grayLevel < 140) { + if (grayLevel < 192) { return true; } return false; diff --git a/docs/demo.css b/docs/demo.css index 88066c5b5..d60343c87 100644 --- a/docs/demo.css +++ b/docs/demo.css @@ -1,6 +1,21 @@ /****添加计算宽度的--运算符直接需要space****/ /****** common color(常用颜色,可用于普遍场景) *****/ /**** custom color(自定义颜色,用于特定场景) ****/ +.demo-face .face-config { + border-right: 1px solid #d4dadd; +} +.demo-face .face-config .config-label { + font-size: 14px; +} +.demo-face .face-config .config-item { + border-bottom: 1px solid #d4dadd; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ .layout-bg-white { background-color: #ffffff; } @@ -42,6 +57,12 @@ .demo-main .bg1 { background-color: #178cdf; } +body { + background-color: #f3f3f3; +} +body.bi-theme-dark { + background-color: #191A2C; +} /****添加计算宽度的--运算符直接需要space****/ /****** common color(常用颜色,可用于普遍场景) *****/ /**** custom color(自定义颜色,用于特定场景) ****/ @@ -58,6 +79,22 @@ /****添加计算宽度的--运算符直接需要space****/ /****** common color(常用颜色,可用于普遍场景) *****/ /**** custom color(自定义颜色,用于特定场景) ****/ +.demo-preview .preview-title { + border-bottom: 1px solid #d4dadd; +} +.demo-preview .preview-card { + background-color: #ffffff; +} +.bi-theme-dark .demo-preview .preview-card { + background-color: #202237; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ .demo-west { + background-color: #ffffff; border-right: 1px solid #eaeaea; } +.bi-theme-dark .demo-west { + background-color: #202237; +} diff --git a/docs/demo.js b/docs/demo.js index 64284a898..038ce1ecb 100644 --- a/docs/demo.js +++ b/docs/demo.js @@ -4522,27 +4522,412 @@ BI.shortcut("demo.vtape", Demo.VtapeLayout);Demo.Face = BI.inherit(BI.Widget, { props: { baseCls: "demo-face" }, - render: function () { + + _createLabel: function (text) { + return { + width: 200, + el: { + type: "bi.label", + text: text, + textAlign: "left", + hgap: 5, + height: 40, + cls: "config-label" + } + } + }, + + _createColorPicker: function (ref, action) { + return { + el: { + type: "bi.vertical_adapt", + items: [{ + type: "bi.color_chooser", + listeners: [{ + eventName: BI.ColorChooser.EVENT_CHANGE, + action: action + }], + ref: ref, + width: 30, + height: 30 + }] + } + } + }, + + _createBackgroundConfig: function () { var self = this; return { - type: "bi.absolute", - items: [{ + type: "bi.htape", + cls: "config-item", + height: 40, + items: [this._createLabel("背景色："), this._createColorPicker(function () { + self.backgroundColor = this; + }, function () { + self._runGlobalStyle(); + })] + } + }, + + _createFontConfig: function () { + var self = this; + return { + type: "bi.htape", + cls: "config-item", + height: 40, + items: [this._createLabel("字体颜色："), this._createColorPicker(function () { + self.fontColor = this; + }, function () { + self._runGlobalStyle(); + })] + } + }, + + _createDisableFontConfig: function () { + var self = this; + return { + type: "bi.htape", + cls: "config-item", + height: 40, + items: [this._createLabel("灰化字体颜色："), this._createColorPicker(function () { + self.disabledFontColor = this; + }, function () { + self._runGlobalStyle(); + }), { + width: 100, el: { - type: "bi.svg", - ref: function () { - self.svg = this; - } - }, - left: 0, - right: 0, - top: 0, - bottom: 0 + type: "bi.text_button", + text: "这个按钮是灰化的", + forceCenter: true, + disabled: true + } + }] + } + }, + + _createCardBackgroundConfig: function () { + var self = this; + return { + type: "bi.htape", + cls: "config-item", + height: 40, + items: [this._createLabel("Card背景颜色："), this._createColorPicker(function () { + self.cardBackgroundColor = this; + }, function () { + self._runGlobalStyle(); + })] + } + }, + + _createHoverBackgroundColor: function () { + var self = this; + return { + type: "bi.htape", + cls: "config-item", + height: 40, + items: [this._createLabel("悬浮状态背景颜色："), this._createColorPicker(function () { + self.hoverBackgroundColor = this; + }, function () { + self._runGlobalStyle(); + })] + } + }, + + _createActiveBackgroundColor: function () { + var self = this; + return { + type: "bi.htape", + cls: "config-item", + height: 40, + items: [this._createLabel("激活状态背景颜色："), this._createColorPicker(function () { + self.activeBackgroundColor = this; + }, function () { + self._runGlobalStyle(); + })] + } + }, + + _createBaseConfig: function () { + return { + type: "bi.vertical", + items: [this._createLabel("--基本配色--"), + this._createBackgroundConfig(), + this._createFontConfig(), + this._createDisableFontConfig(), + this._createCardBackgroundConfig(), + this._createHoverBackgroundColor(), + this._createActiveBackgroundColor() + ] + } + }, + + _createScrollBackgroundConfig: function () { + var self = this; + return { + type: "bi.htape", + cls: "config-item", + height: 40, + items: [this._createLabel("滚动条底色："), this._createColorPicker(function () { + self.scrollBackgroundColor = this; + }, function () { + self._runGlobalStyle(); + })] + } + }, + + _createScrollThumbConfig: function () { + var self = this; + return { + type: "bi.htape", + cls: "config-item", + height: 40, + items: [this._createLabel("滚动条thumb颜色："), this._createColorPicker(function () { + self.scrollThumbColor = this; + }, function () { + self._runGlobalStyle(); + })] + } + }, + + _createPopupBackgroundConfig: function () { + var self = this; + return { + type: "bi.htape", + cls: "config-item", + height: 40, + items: [this._createLabel("下拉框背景颜色："), this._createColorPicker(function () { + self.popupBackgroundColor = this; + }, function () { + self._runGlobalStyle(); + }), { + width: 100, + el: { + type: "bi.vertical_adapt", + items: [{ + type: "bi.down_list_combo", + items: [[{ + el: { + text: "column 1111", + iconCls1: "check-mark-e-font", + value: 11 + }, + children: [ + { + text: "column 1.1", + value: 21, + cls: "dot-e-font", + selected: true + }, { + text: "column 1.222222222222222222222222222222222222", + cls: "dot-e-font", + value: 22, + }, { + text: "column 1.3", + cls: "dot-e-font", + value: 23, + }, { + text: "column 1.4", + cls: "dot-e-font", + value: 24, + }, { + text: "column 1.5", + cls: "dot-e-font", + value: 25 + } + ] + }], [ + { + el: { + type: "bi.icon_text_icon_item", + text: "column 2", + iconCls1: "chart-type-e-font", + cls: "dot-e-font", + value: 12 + }, + disabled: true, + children: [{ + type: "bi.icon_text_item", + cls: "dot-e-font", + height: 25, + text: "column 2.1", + value: 11 + }, {text: "column 2.2", value: 12, cls: "dot-e-font"}], + + + } + ], [ + { + text: "column 33333333333333333333333333333333", + cls: "style-set-e-font", + value: 13 + } + ], [ + { + text: "column 4", + cls: "filter-e-font", + value: 14 + } + ], [ + { + text: "column 5", + cls: "copy-e-font", + value: 15 + + } + ], [ + { + text: "column 6", + cls: "delete-e-font", + value: 16 + } + ], [ + { + text: "column 7", + cls: "dimension-from-e-font", + value: 17, + disabled: true + } + ]] + }] + } + }] + } + }, + + _createMaskBackgroundConfig: function () { + var self = this; + return { + type: "bi.htape", + cls: "config-item", + height: 40, + items: [this._createLabel("弹出层蒙版颜色："), this._createColorPicker(function () { + self.maskBackgroundColor = this; + }, function () { + self._runGlobalStyle(); + }), { + width: 100, + el: { + type: "bi.vertical_adapt", + items: [{ + type: "bi.button", + text: "mask测试", + handler: function () { + BI.Msg.alert("弹出层", "弹出层面板") + } + }] + } }] } }, + + _createCommonConfig: function () { + return { + type: "bi.vertical", + items: [this._createLabel("--一般配色--"), + this._createScrollBackgroundConfig(), + this._createScrollThumbConfig(), + this._createPopupBackgroundConfig(), + this._createMaskBackgroundConfig() + ] + } + }, + + render: function () { + var self = this; + return { + type: "bi.grid", + items: [[{ + column: 0, + row: 0, + el: { + type: "bi.vertical", + cls: "face-config", + items: [this._createBaseConfig(), + this._createCommonConfig()] + } + }, { + column: 1, + row: 0, + el: { + type: "demo.preview" + } + }]] + } + }, + + _setStyle: function (objects) { + var result = ""; + BI.each(objects, function (cls, object) { + result += cls + "{"; + BI.each(object, function (name, value) { + result += name + ":" + value + ";" + }); + result += "} "; + }); + BI.StyleLoaders.removeStyle("style").loadStyle("style", result); + }, + + _runGlobalStyle: function () { + var backgroundColor = this.backgroundColor.getValue(); + var fontColor = this.fontColor.getValue(); + var disabledFontColor = this.disabledFontColor.getValue(); + var cardBackgroundColor = this.cardBackgroundColor.getValue(); + var hoverBackgroundColor = this.hoverBackgroundColor.getValue(); + var activeBackgroundColor = this.activeBackgroundColor.getValue(); + + var scrollBackgroundColor = this.scrollBackgroundColor.getValue(); + var scrollThumbColor = this.scrollThumbColor.getValue(); + var popupBackgroundColor = this.popupBackgroundColor.getValue(); + var maskBackgroundColor = this.maskBackgroundColor.getValue(); + + $("#wrapper").css({ + backgroundColor: backgroundColor, + color: fontColor + }); + $(".demo-west,.preview-card").css({ + backgroundColor: cardBackgroundColor + }); + this._setStyle({ + "div::-webkit-scrollbar,.scrollbar-layout-main": { + "background-color": scrollBackgroundColor + "!important" + }, + "div::-webkit-scrollbar-thumb,.public-scrollbar-face:after": { + "background-color": scrollThumbColor + "!important" + }, + ".base-disabled": { + color: disabledFontColor + "!important" + }, + ".base-disabled .b-font:before": { + color: disabledFontColor + "!important" + }, + ".list-view-outer": { + "background-color": popupBackgroundColor + "!important" + }, + ".bi-z-index-mask": { + "background-color": maskBackgroundColor + "!important" + }, + ".bi-list-item:hover,.bi-list-item-hover:hover,.bi-list-item-active:hover,.bi-list-item-select:hover,.bi-list-item-effect:hover": { + "background-color": hoverBackgroundColor + }, + ".bi-list-item-active:active,.bi-list-item-select:active,.bi-list-item-effect:active": { + "background-color": activeBackgroundColor + } + }) + }, + mounted: function () { - var circle = this.svg.circle(this.element.width() / 2, this.element.height() / 2, 20); - circle.animate({fill: "#223fa3", stroke: "#000", "stroke-width": 80, "stroke-opacity": 0.5}, 2000); + this.backgroundColor.setValue(""); + this.fontColor.setValue(""); + this.disabledFontColor.setValue(""); + this.cardBackgroundColor.setValue(""); + this.hoverBackgroundColor.setValue(""); + this.activeBackgroundColor.setValue(""); + + this.scrollBackgroundColor.setValue(""); + this.scrollThumbColor.setValue(""); + this.popupBackgroundColor.setValue(""); + this.maskBackgroundColor.setValue(""); + this._runGlobalStyle(); } }); BI.shortcut("demo.face", Demo.Face);Demo.Main = BI.inherit(BI.Widget, { @@ -4620,13 +5005,13 @@ BI.shortcut("demo.main", Demo.Main);Demo.North = BI.inherit(BI.Widget, { type: "bi.text_button", text: "星空蓝", handler: function () { - $("#wrapper").removeClass("bi-theme-default").addClass("bi-theme-dark"); + $("body").removeClass("bi-theme-default").addClass("bi-theme-dark"); } }, { type: "bi.text_button", text: "典雅白", handler: function () { - $("#wrapper").removeClass("bi-theme-dark").addClass("bi-theme-default"); + $("body").removeClass("bi-theme-dark").addClass("bi-theme-default"); } }] } @@ -4635,7 +5020,83 @@ BI.shortcut("demo.main", Demo.Main);Demo.North = BI.inherit(BI.Widget, { } }); Demo.North.EVENT_VALUE_CHANGE = "EVENT_VALUE_CHANGE"; -BI.shortcut("demo.north", Demo.North);Demo.West = BI.inherit(BI.Widget, { +BI.shortcut("demo.north", Demo.North);Demo.Preview = BI.inherit(BI.Widget, { + props: { + baseCls: "demo-preview" + }, + render: function () { + var self = this; + var items = [], header = [], columnSize = []; + + var rowCount = 100, columnCount = 100; + for (var i = 0; i < 1; i++) { + header[i] = []; + for (var j = 0; j < columnCount; j++) { + header[i][j] = { + type: "bi.label", + text: "表头" + i + "-" + j + } + columnSize[j] = 100; + } + } + for (var i = 0; i < rowCount; i++) { + items[i] = []; + for (var j = 0; j < columnCount; j++) { + items[i][j] = { + type: "bi.label", + text: (i < 3 ? 0 : i) + "-" + j + } + } + } + return { + type: "bi.center", + cls: "preview-background", + hgap: 100, + vgap: 100, + items: [{ + type: "bi.vtape", + cls: "preview-card", + items: [{ + el: { + type: "bi.label", + cls: "preview-title", + height: 40, + text: "统计组件", + hgap: 10, + textAlign: "left" + }, + height: 40 + }, { + type: "bi.center_adapt", + scrollable: true, + items: [{ + type: "bi.resizable_table", + el: { + type: "bi.collection_table" + }, + width: 500, + height: 400, + isResizeAdapt: true, + isNeedResize: true, + isNeedMerge: true, + mergeCols: [0, 1], + mergeRule: function (col1, col2) { + return BI.isEqual(col1, col2); + }, + isNeedFreeze: true, + freezeCols: [0, 1], + columnSize: columnSize, + items: items, + header: header + }] + }] + }] + } + }, + mounted: function () { + } +}); +BI.shortcut("demo.preview", Demo.Preview);Demo.West = BI.inherit(BI.Widget, { props: { baseCls: "demo-west" }, diff --git a/docs/index.html b/docs/index.html index 6e6c7ceb1..b5732ed80 100644 --- a/docs/index.html +++ b/docs/index.html @@ -22,6 +22,6 @@ -
+
\ No newline at end of file diff --git a/src/base/foundation/bi.message.js b/src/base/foundation/bi.message.js index 1c17c2e1e..569371d47 100644 --- a/src/base/foundation/bi.message.js +++ b/src/base/foundation/bi.message.js @@ -48,7 +48,7 @@ $.extend(BI, { }) }, _show: function (hasCancel, title, message, callback) { - $mask = $('
').css({ + $mask = $('
').css({ position: 'absolute', 'zIndex': BI.zIndex_tip - 2, top: 0, diff --git a/src/base/table/table.collection.js b/src/base/table/table.collection.js index 59267c613..7d222750d 100644 --- a/src/base/table/table.collection.js +++ b/src/base/table/table.collection.js @@ -232,15 +232,6 @@ BI.CollectionTable = BI.inherit(BI.Widget, { } }); - var tlw = regionSize; - var tlh = regionSize >= summaryColumnSizeArray[freezeColLength - 1] ? (o.header.length * o.headerRowSize) : (o.header.length * o.headerRowSize + this._scrollBarSize); - var trw = this._width - regionSize; - var trh = (this._width - regionSize >= totalColumnSize - (summaryColumnSizeArray[freezeColLength - 1] || 0)) ? (o.header.length * o.headerRowSize) : (o.header.length * o.headerRowSize + this._scrollBarSize); - var blw = (this._height - o.header.length * o.headerRowSize >= totalRowSize) ? regionSize : (regionSize + this._scrollBarSize); - var blh = (regionSize >= (summaryColumnSizeArray[freezeColLength - 1] || 0)) ? (this._height - o.header.length * o.headerRowSize) : (this._height - o.header.length * o.headerRowSize + this._scrollBarSize); - var brw = (this._height - o.header.length * o.headerRowSize >= totalRowSize) ? (this._width - regionSize) : (this._width - regionSize + this._scrollBarSize); - var brh = (this._width - regionSize >= totalColumnSize - (summaryColumnSizeArray[freezeColLength - 1] || 0)) ? (this._height - o.header.length * o.headerRowSize) : (this._height - o.header.length * o.headerRowSize + this._scrollBarSize); - var otlw = regionSize; var otlh = o.header.length * o.headerRowSize; var otrw = this._width - regionSize; @@ -250,32 +241,21 @@ BI.CollectionTable = BI.inherit(BI.Widget, { var obrw = this._width - regionSize; var obrh = this._height - o.header.length * o.headerRowSize; - var digest = function (w, h, tw, th, el) { - if (w >= tw && h >= th) { - el.element.css({ - overflow: "hidden", - overflowX: "hidden", - overflowY: "hidden" - }) - } else if (w >= tw) { - el.element.css({ - overflow: "hidden", - overflowX: "hidden", - overflowY: "auto" - }) - } else if (h >= th) { - el.element.css({ - overflow: "hidden", - overflowX: "auto", - overflowY: "hidden" - }) - } else { - el.element.css({ - overflow: "auto", - overflowX: "auto", - overflowY: "auto" - }) - } + var tlw = otlw + this._scrollBarSize; + var tlh = otlh + this._scrollBarSize; + var trw = otrw + this._scrollBarSize; + var trh = otrh + this._scrollBarSize; + var blw = oblw + this._scrollBarSize; + var blh = oblh + this._scrollBarSize; + var brw = obrw+ this._scrollBarSize; + var brh = obrh + this._scrollBarSize; + + var digest = function (el) { + el.element.css({ + overflow: "scroll", + overflowX: "scroll", + overflowY: "scroll" + }) }; this.topLeft.setWidth(otlw); @@ -296,10 +276,10 @@ BI.CollectionTable = BI.inherit(BI.Widget, { this.bottomRightCollection.setWidth(brw); this.bottomRightCollection.setHeight(brh); - digest(tlw, tlh, totalLeftColumnSize, o.header.length * o.headerRowSize, this.topLeftCollection); - digest(trw, trh, totalRightColumnSize, o.header.length * o.headerRowSize, this.topRightCollection); - digest(blw, blh, totalLeftColumnSize, o.items.length * o.rowSize, this.bottomLeftCollection); - digest(brw, brh, totalRightColumnSize, o.items.length * o.rowSize, this.bottomRightCollection); + digest(this.topLeftCollection); + digest(this.topRightCollection); + digest(this.bottomLeftCollection); + digest(this.bottomRightCollection); var items = this.contextLayout.attr("items"); items[1].left = regionSize; diff --git a/src/base/table/table.grid.js b/src/base/table/table.grid.js index 73d42b385..e6367ced2 100644 --- a/src/base/table/table.grid.js +++ b/src/base/table/table.grid.js @@ -279,15 +279,6 @@ BI.GridTable = BI.inherit(BI.Widget, { } }); - var tlw = regionSize; - var tlh = regionSize >= summaryColumnSizeArray[freezeColLength - 1] ? (o.header.length * o.headerRowSize) : (o.header.length * o.headerRowSize + this._scrollBarSize); - var trw = this._width - regionSize; - var trh = (this._width - regionSize >= totalColumnSize - (summaryColumnSizeArray[freezeColLength - 1] || 0)) ? (o.header.length * o.headerRowSize) : (o.header.length * o.headerRowSize + this._scrollBarSize); - var blw = (this._height - o.header.length * o.headerRowSize >= totalRowSize) ? regionSize : (regionSize + this._scrollBarSize); - var blh = (regionSize >= (summaryColumnSizeArray[freezeColLength - 1] || 0)) ? (this._height - o.header.length * o.headerRowSize) : (this._height - o.header.length * o.headerRowSize + this._scrollBarSize); - var brw = (this._height - o.header.length * o.headerRowSize >= totalRowSize) ? (this._width - regionSize) : (this._width - regionSize + this._scrollBarSize); - var brh = (this._width - regionSize >= totalColumnSize - (summaryColumnSizeArray[freezeColLength - 1] || 0)) ? (this._height - o.header.length * o.headerRowSize) : (this._height - o.header.length * o.headerRowSize + this._scrollBarSize); - var otlw = regionSize; var otlh = o.header.length * o.headerRowSize; var otrw = this._width - regionSize; @@ -297,32 +288,21 @@ BI.GridTable = BI.inherit(BI.Widget, { var obrw = this._width - regionSize; var obrh = this._height - o.header.length * o.headerRowSize; - var digest = function (w, h, tw, th, el) { - if (w >= tw && h >= th) { - el.element.css({ - overflow: "hidden", - overflowX: "hidden", - overflowY: "hidden" - }) - } else if (w >= tw) { - el.element.css({ - overflow: "hidden", - overflowX: "hidden", - overflowY: "auto" - }) - } else if (h >= th) { - el.element.css({ - overflow: "hidden", - overflowX: "auto", - overflowY: "hidden" - }) - } else { - el.element.css({ - overflow: "auto", - overflowX: "auto", - overflowY: "auto" - }) - } + var tlw = otlw + this._scrollBarSize; + var tlh = otlh + this._scrollBarSize; + var trw = otrw + this._scrollBarSize; + var trh = otrh + this._scrollBarSize; + var blw = oblw + this._scrollBarSize; + var blh = oblh + this._scrollBarSize; + var brw = obrw+ this._scrollBarSize; + var brh = obrh + this._scrollBarSize; + + var digest = function (el) { + el.element.css({ + overflow: "scroll", + overflowX: "scroll", + overflowY: "scroll" + }) }; this.topLeft.setWidth(otlw); @@ -343,10 +323,10 @@ BI.GridTable = BI.inherit(BI.Widget, { this.bottomRightGrid.setWidth(brw); this.bottomRightGrid.setHeight(brh); - digest(tlw, tlh, totalLeftColumnSize, o.header.length * o.headerRowSize, this.topLeftGrid); - digest(trw, trh, totalRightColumnSize, o.header.length * o.headerRowSize, this.topRightGrid); - digest(blw, blh, totalLeftColumnSize, o.items.length * o.rowSize, this.bottomLeftGrid); - digest(brw, brh, totalRightColumnSize, o.items.length * o.rowSize, this.bottomRightGrid); + digest(this.topLeftGrid); + digest(this.topRightGrid); + digest(this.bottomLeftGrid); + digest(this.bottomRightGrid); this.topLeftGrid.setEstimatedColumnSize(freezeColLength > 0 ? totalLeftColumnSize / freezeColLength : 0); this.topLeftGrid.setEstimatedRowSize(o.headerRowSize); diff --git a/src/core/func/function.js b/src/core/func/function.js index 0732ef15a..c8fdf37cd 100644 --- a/src/core/func/function.js +++ b/src/core/func/function.js @@ -129,7 +129,7 @@ $(function () { } var rgb = this.rgb2json(this.hex2rgb(hex)); var grayLevel = Math.round(rgb.r * 0.299 + rgb.g * 0.587 + rgb.b * 0.114); - if (grayLevel < 140) { + if (grayLevel < 192) { return true; } return false; diff --git a/src/core/widget.js b/src/core/widget.js index bd372a063..fd56767db 100644 --- a/src/core/widget.js +++ b/src/core/widget.js @@ -68,6 +68,9 @@ BI.Widget = BI.inherit(BI.OB, { } this.element = this.options.element.element; } else if (o.element) { + // if (o.root !== true) { + // throw new Error("root is a required property"); + // } this.element = $(o.element); this._isRoot = true; } else { diff --git a/src/css/base/foundation/bi.message.css b/src/css/base/foundation/bi.message.css index df2469258..ae71ee605 100644 --- a/src/css/base/foundation/bi.message.css +++ b/src/css/base/foundation/bi.message.css @@ -1,11 +1,6 @@ /****添加计算宽度的--运算符直接需要space****/ /****** common color(常用颜色,可用于普遍场景) *****/ /**** custom color(自定义颜色,用于特定场景) ****/ -.bi-message-mask { - background-color: #1a1a1a; - opacity: 0.5; - filter: alpha(opacity=50); -} .bi-message-title { background-color: #f4f4f4; color: #808080; diff --git a/src/css/core/utils/common.css b/src/css/core/utils/common.css index a3d9f990d..449cdf241 100644 --- a/src/css/core/utils/common.css +++ b/src/css/core/utils/common.css @@ -54,18 +54,13 @@ .bi-list-item.disabled, .bi-list-item.disabled:hover, .bi-list-item.disabled:active { - background-color: #ffffff; + background-color: transparent !important; } .bi-theme-dark .bi-list-item:hover, .bi-theme-dark .bi-list-item.hover { background-color: #04070d; color: #ffffff; } -.bi-theme-dark .bi-list-item.disabled, -.bi-theme-dark .bi-list-item.disabled:hover, -.bi-theme-dark .bi-list-item.disabled:active { - background-color: transparent; -} .bi-list-item-effect.active, .bi-list-item-effect:active { color: #009de3; @@ -73,7 +68,7 @@ .bi-list-item-effect.disabled, .bi-list-item-effect.disabled:hover, .bi-list-item-effect.disabled:active { - color: #c4c6c6; + color: #c4c6c6 !important; } .bi-theme-dark .bi-list-item-effect.active, .bi-theme-dark .bi-list-item-effect:active { @@ -82,7 +77,7 @@ .bi-theme-dark .bi-list-item-effect.disabled, .bi-theme-dark .bi-list-item-effect.disabled:hover, .bi-theme-dark .bi-list-item-effect.disabled:active { - color: #c4c6c6; + color: #c4c6c6 !important; } .bi-list-item-hover:hover, .bi-list-item-hover.hover { @@ -92,8 +87,8 @@ .bi-list-item-hover.disabled, .bi-list-item-hover.disabled:hover, .bi-list-item-hover.disabled:active { - color: #c4c6c6; - background-color: #ffffff; + color: #c4c6c6 !important; + background-color: transparent !important; } .bi-theme-dark .bi-list-item-hover:hover, .bi-theme-dark .bi-list-item-hover.hover { @@ -103,8 +98,7 @@ .bi-theme-dark .bi-list-item-hover.disabled, .bi-theme-dark .bi-list-item-hover.disabled:hover, .bi-theme-dark .bi-list-item-hover.disabled:active { - color: #c4c6c6; - background-color: transparent; + color: #c4c6c6 !important; } .bi-list-item-active:hover, .bi-list-item-active.hover { @@ -118,7 +112,7 @@ .bi-list-item-active.disabled, .bi-list-item-active.disabled:hover, .bi-list-item-active.disabled:active { - background-color: #ffffff; + background-color: transparent !important; } .bi-theme-dark .bi-list-item-active:hover, .bi-theme-dark .bi-list-item-active.hover { @@ -130,11 +124,6 @@ color: #009de3; background-color: #04070d; } -.bi-theme-dark .bi-list-item-active.disabled, -.bi-theme-dark .bi-list-item-active.disabled:hover, -.bi-theme-dark .bi-list-item-active.disabled:active { - background-color: transparent; -} .bi-list-item-select:hover, .bi-list-item-select.hover { color: #009de3; @@ -153,7 +142,7 @@ .bi-list-item-select.disabled:hover, .bi-list-item-select.disabled:active { color: #c4c6c6 !important; - background-color: #ffffff !important; + background-color: transparent !important; } .bi-list-item-select.disabled .bi-high-light, .bi-list-item-select.disabled:hover .bi-high-light, @@ -174,14 +163,3 @@ .bi-theme-dark .bi-list-item-select.active .bi-high-light { color: #ffffff; } -.bi-theme-dark .bi-list-item-select.disabled, -.bi-theme-dark .bi-list-item-select.disabled:hover, -.bi-theme-dark .bi-list-item-select.disabled:active { - color: #c4c6c6 !important; - background-color: transparent !important; -} -.bi-theme-dark .bi-list-item-select.disabled .bi-high-light, -.bi-theme-dark .bi-list-item-select.disabled:hover .bi-high-light, -.bi-theme-dark .bi-list-item-select.disabled:active .bi-high-light { - color: #c4c6c6 !important; -} diff --git a/src/css/resources/app.css b/src/css/resources/app.css deleted file mode 100644 index 0ccd6dba8..000000000 --- a/src/css/resources/app.css +++ /dev/null @@ -1,120 +0,0 @@ -/****添加计算宽度的--运算符直接需要space****/ -/****** common color(常用颜色,可用于普遍场景) *****/ -/**** custom color(自定义颜色,用于特定场景) ****/ -@font-face { - font-family: 'bi'; - src: url('font/iconfont.eot?#iefix') format('embedded-opentype'), /* 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, -body, -div, -ul, -li, -img, -a, -span, -p, -* { - margin: 0px; -} -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: #1a1a1a; - 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; -} -#wrapper { - position: absolute; - left: 0; - right: 0; - top: 0; - bottom: 0; - overflow: hidden; - overflow-x: hidden; - overflow-y: hidden; -} -a { - outline: none; - text-decoration: none; -} -a:focus { - outline: 0; -} -input, -textarea { - margin: 0; - padding: 0; - outline: none; - border: 1px solid #cccccc; -} -ul, -ol { - margin: 0; - padding: 0; -} -ul { - list-style: disc; -} -li { - list-style-type: none; -} -i { - font-style: normal; - -webkit-font-smoothing: antialiased; - -webkit-text-stroke-width: 0.2px; - -moz-osx-font-smoothing: grayscale; -} -div::-webkit-scrollbar, -textarea::-webkit-scrollbar { - -webkit-appearance: none; - background-color: #f4f4f4; - 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: #e2e2e2; -} diff --git a/src/css/resources/background.css b/src/css/resources/background.css deleted file mode 100644 index 79e2b66c1..000000000 --- a/src/css/resources/background.css +++ /dev/null @@ -1,25 +0,0 @@ -.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; -} -.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; -} -.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; -} -.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; -} -.loading-background { - background: url('icon/loading.gif') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/loading.gif'); - _background: none; -} \ No newline at end of file diff --git a/src/css/resources/font.css b/src/css/resources/font.css deleted file mode 100644 index e197e78c1..000000000 --- a/src/css/resources/font.css +++ /dev/null @@ -1,3476 +0,0 @@ -/****** common color(常用颜色,可用于普遍场景) *****/ -/**** custom color(自定义颜色,用于特定场景) ****/ -.close-font .b-font:before { - content: "\e600"; - color: #808080; -} -.close-font.native .b-font:before, -.close-font.disabled .b-font:before { - content: "\e600"; - color: #808080; -} -.close-red-font .b-font:before { - content: "\e600"; - color: #e85050; -} -.close-red-font.native .b-font:before, -.close-red-font.disabled .b-font:before { - content: "\e600"; - color: #e85050; -} -.close-h-font .b-font:before { - content: "\e600"; - color: #808080; -} -.close-h-font:hover .b-font:before, -.close-h-font:focus .b-font:before, -.close-h-font.hover .b-font:before { - content: "\e600"; - color: #808080; -} -.close-h-font.native .b-font:before, -.close-h-font.disabled .b-font:before { - content: "\e600"; - color: #808080; -} -.close-e-font .b-font:before { - content: "\e600"; - color: #808080; -} -.close-e-font:hover .b-font:before, -.close-e-font:focus .b-font:before, -.close-e-font.hover .b-font:before { - content: "\e600"; - color: #808080; -} -.close-e-font.active .b-font:before { - content: "\e600"; - color: #009de3; -} -.close-e-font:active .b-font:before { - content: "\e600"; - color: #009de3; -} -.close-e-font.native .b-font:before, -.close-e-font.disabled .b-font:before { - content: "\e600"; - color: #808080; -} -.close-ha-font .b-font:before { - content: "\e600"; - color: #808080; -} -.close-ha-font:hover .b-font:before, -.close-ha-font:focus .b-font:before, -.close-ha-font.hover .b-font:before { - content: "\e600"; - color: #808080; -} -.close-ha-font:active .b-font:before, -.close-ha-font.active .b-font:before { - content: "\e600"; - color: #009de3; -} -.close-ha-font.native .b-font:before, -.close-ha-font.disabled .b-font:before { - content: "\e600"; - color: #808080; -} -.search-close-h-font .b-font:before { - content: "\e600"; - color: #808080; -} -.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: #808080; -} -.trigger-font .b-font:before { - content: "\e603"; - color: #808080; -} -.trigger-font.native .b-font:before, -.trigger-font.disabled .b-font:before { - content: "\e603"; - color: #808080; -} -.trigger-h-font .b-font:before { - content: "\e603"; - color: #808080; -} -.trigger-h-font:hover .b-font:before, -.trigger-h-font:focus .b-font:before, -.trigger-h-font.hover .b-font:before { - content: "\e603"; - color: #808080; -} -.trigger-h-font.native .b-font:before, -.trigger-h-font.disabled .b-font:before { - content: "\e603"; - color: #808080; -} -.trigger-ha-font .b-font:before { - content: "\e603"; - color: #808080; -} -.trigger-ha-font:hover .b-font:before, -.trigger-ha-font:focus .b-font:before, -.trigger-ha-font.hover .b-font:before { - content: "\e603"; - color: #808080; -} -.trigger-ha-font:active .b-font:before, -.trigger-ha-font.active .b-font:before { - content: "\e603"; - color: #009de3; -} -.trigger-ha-font.native .b-font:before, -.trigger-ha-font.disabled .b-font:before { - content: "\e603"; - color: #808080; -} -.pre-page-font .b-font:before { - content: "\e601"; - color: #808080; -} -.pre-page-font.native .b-font:before, -.pre-page-font.disabled .b-font:before { - content: "\e601"; - color: #808080; -} -.pre-page-h-font .b-font:before { - content: "\e601"; - color: #808080; -} -.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: #808080; -} -.pre-page-h-font.native .b-font:before, -.pre-page-h-font.disabled .b-font:before { - content: "\e601"; - color: #808080; -} -.pre-page-ha-font .b-font:before { - content: "\e601"; - color: #808080; -} -.pre-page-ha-font:hover .b-font:before, -.pre-page-ha-font:focus .b-font:before, -.pre-page-ha-font.hover .b-font:before { - content: "\e601"; - color: #808080; -} -.pre-page-ha-font:active .b-font:before, -.pre-page-ha-font.active .b-font:before { - content: "\e601"; - color: #009de3; -} -.pre-page-ha-font.native .b-font:before, -.pre-page-ha-font.disabled .b-font:before { - content: "\e601"; - color: #808080; -} -.next-page-font .b-font:before { - content: "\e602"; - color: #808080; -} -.next-page-font.native .b-font:before, -.next-page-font.disabled .b-font:before { - content: "\e602"; - color: #808080; -} -.next-page-h-font .b-font:before { - content: "\e602"; - color: #808080; -} -.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: #808080; -} -.next-page-h-font.native .b-font:before, -.next-page-h-font.disabled .b-font:before { - content: "\e602"; - color: #808080; -} -.next-page-ha-font .b-font:before { - content: "\e602"; - color: #808080; -} -.next-page-ha-font:hover .b-font:before, -.next-page-ha-font:focus .b-font:before, -.next-page-ha-font.hover .b-font:before { - content: "\e602"; - color: #808080; -} -.next-page-ha-font:active .b-font:before, -.next-page-ha-font.active .b-font:before { - content: "\e602"; - color: #009de3; -} -.next-page-ha-font.native .b-font:before, -.next-page-ha-font.disabled .b-font:before { - content: "\e602"; - color: #808080; -} -.search-font .b-font:before { - content: "\e604"; - color: #808080; -} -.search-font.native .b-font:before, -.search-font.disabled .b-font:before { - content: "\e604"; - color: #808080; -} -.search-h-font .b-font:before { - content: "\e604"; - color: #808080; -} -.search-h-font:hover .b-font:before, -.search-h-font:focus .b-font:before, -.search-h-font.hover .b-font:before { - content: "\e604"; - color: #808080; -} -.search-h-font.native .b-font:before, -.search-h-font.disabled .b-font:before { - content: "\e604"; - color: #808080; -} -.search-ha-font .b-font:before { - content: "\e604"; - color: #808080; -} -.search-ha-font:hover .b-font:before, -.search-ha-font:focus .b-font:before, -.search-ha-font.hover .b-font:before { - content: "\e604"; - color: #808080; -} -.search-ha-font:active .b-font:before, -.search-ha-font.active .b-font:before { - content: "\e604"; - color: #009de3; -} -.search-ha-font.native .b-font:before, -.search-ha-font.disabled .b-font:before { - content: "\e604"; - color: #808080; -} -.share-font .b-font:before { - content: "\e65a"; - color: #808080; -} -.share-font.native .b-font:before, -.share-font.disabled .b-font:before { - content: "\e65a"; - color: #808080; -} -.share-h-font .b-font:before { - content: "\e65a"; - color: #808080; -} -.share-h-font:hover .b-font:before, -.share-h-font:focus .b-font:before, -.share-h-font.hover .b-font:before { - content: "\e65a"; - color: #808080; -} -.share-h-font.native .b-font:before, -.share-h-font.disabled .b-font:before { - content: "\e65a"; - color: #808080; -} -.share-ha-font .b-font:before { - content: "\e65a"; - color: #808080; -} -.share-ha-font:hover .b-font:before, -.share-ha-font:focus .b-font:before, -.share-ha-font.hover .b-font:before { - content: "\e65a"; - color: #808080; -} -.share-ha-font:active .b-font:before, -.share-ha-font.active .b-font:before { - content: "\e65a"; - color: #009de3; -} -.share-ha-font.native .b-font:before, -.share-ha-font.disabled .b-font:before { - content: "\e65a"; - color: #808080; -} -/**维度/指标 下拉列表图标字体 ~begin~**/ -.delete-font .b-font:before { - content: "\e605"; - color: #1a1a1a; -} -.delete-font.native .b-font:before, -.delete-font.disabled .b-font:before { - content: "\e605"; - color: #1a1a1a; -} -.delete-h-font .b-font:before { - content: "\e605"; - color: #1a1a1a; -} -.delete-h-font:hover .b-font:before, -.delete-h-font:focus .b-font:before, -.delete-h-font.hover .b-font:before { - content: "\e605"; - color: #1a1a1a; -} -.delete-h-font.native .b-font:before, -.delete-h-font.disabled .b-font:before { - content: "\e605"; - color: #1a1a1a; -} -.delete-ha-font .b-font:before { - content: "\e605"; - color: #1a1a1a; -} -.delete-ha-font:hover .b-font:before, -.delete-ha-font:focus .b-font:before, -.delete-ha-font.hover .b-font:before { - content: "\e605"; - color: #1a1a1a; -} -.delete-ha-font:active .b-font:before, -.delete-ha-font.active .b-font:before { - content: "\e605"; - color: #009de3; -} -.delete-ha-font.native .b-font:before, -.delete-ha-font.disabled .b-font:before { - content: "\e605"; - color: #1a1a1a; -} -.delete-e-font .b-font:before { - content: "\e605"; - color: #1a1a1a; -} -.delete-e-font:hover .b-font:before, -.delete-e-font:focus .b-font:before, -.delete-e-font.hover .b-font:before { - content: "\e605"; - color: #1a1a1a; -} -.delete-e-font.active .b-font:before { - content: "\e605"; - color: #009de3; -} -.delete-e-font:active .b-font:before { - content: "\e605"; - color: #009de3; -} -.delete-e-font.native .b-font:before, -.delete-e-font.disabled .b-font:before { - content: "\e605"; - color: #1a1a1a; -} -.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: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: #1a1a1a; -} -.dot-h-font.native .b-font:before, -.dot-h-font.disabled .b-font:before { - content: "\e606"; - color: #1a1a1a; -} -.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: #f4f4f4; -} -.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: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: #f4f4f4; -} -.dot-e-font.active .b-font:before { - content: "\e606"; - color: #1a1a1a; -} -.dot-e-font:active .b-font:before { - content: "\e606"; - color: #009de3; -} -.dot-e-font.native .b-font:before, -.dot-e-font.disabled .b-font:before { - content: "\e606"; - color: #ffffff; -} -.pull-right-font .b-font:before { - content: "\e607"; - color: #1a1a1a; -} -.pull-right-font.native .b-font:before, -.pull-right-font.disabled .b-font:before { - content: "\e607"; - color: #1a1a1a; -} -.pull-right-h-font .b-font:before { - content: "\e607"; - color: #1a1a1a; -} -.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: #1a1a1a; -} -.pull-right-h-font.native .b-font:before, -.pull-right-h-font.disabled .b-font:before { - content: "\e607"; - color: #1a1a1a; -} -.pull-right-ha-font .b-font:before { - content: "\e607"; - color: #1a1a1a; -} -.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: #1a1a1a; -} -.pull-right-ha-font:active .b-font:before, -.pull-right-ha-font.active .b-font:before { - content: "\e607"; - color: #009de3; -} -.pull-right-ha-font.native .b-font:before, -.pull-right-ha-font.disabled .b-font:before { - content: "\e607"; - color: #1a1a1a; -} -.pull-right-e-font .b-font:before { - content: "\e607"; - color: #1a1a1a; -} -.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: #1a1a1a; -} -.pull-right-e-font.active .b-font:before { - content: "\e607"; - color: #009de3; -} -.pull-right-e-font:active .b-font:before { - content: "\e607"; - color: #009de3; -} -.pull-right-e-font.native .b-font:before, -.pull-right-e-font.disabled .b-font:before { - content: "\e607"; - color: #1a1a1a; -} -.copy-font .b-font:before { - content: "\e610"; - color: #1a1a1a; -} -.copy-font.native .b-font:before, -.copy-font.disabled .b-font:before { - content: "\e610"; - color: #1a1a1a; -} -.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: #1a1a1a; -} -.copy-h-font.native .b-font:before, -.copy-h-font.disabled .b-font:before { - content: "\e610"; - color: #1a1a1a; -} -.copy-ha-font .b-font:before { - content: "\e610"; - color: #1a1a1a; -} -.copy-ha-font:hover .b-font:before, -.copy-ha-font:focus .b-font:before, -.copy-ha-font.hover .b-font:before { - content: "\e610"; - color: #1a1a1a; -} -.copy-ha-font:active .b-font:before, -.copy-ha-font.active .b-font:before { - content: "\e610"; - color: #009de3; -} -.copy-ha-font.native .b-font:before, -.copy-ha-font.disabled .b-font:before { - content: "\e610"; - color: #1a1a1a; -} -.copy-e-font .b-font:before { - content: "\e610"; - color: #1a1a1a; -} -.copy-e-font:hover .b-font:before, -.copy-e-font:focus .b-font:before, -.copy-e-font.hover .b-font:before { - content: "\e610"; - color: #1a1a1a; -} -.copy-e-font.active .b-font:before { - content: "\e610"; - color: #009de3; -} -.copy-e-font:active .b-font:before { - content: "\e610"; - color: #009de3; -} -.copy-e-font.native .b-font:before, -.copy-e-font.disabled .b-font:before { - content: "\e610"; - color: #1a1a1a; -} -.check-mark-font .b-font:before { - content: "\e611"; - color: #1a1a1a; -} -.check-mark-font.native .b-font:before, -.check-mark-font.disabled .b-font:before { - content: "\e611"; - color: #1a1a1a; -} -.check-mark-h-font .b-font:before { - content: "\e611"; - color: #1a1a1a; -} -.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: #1a1a1a; -} -.check-mark-h-font.native .b-font:before, -.check-mark-h-font.disabled .b-font:before { - content: "\e611"; - color: #1a1a1a; -} -.check-mark-ha-font .b-font:before { - content: "\e611"; - color: #1a1a1a; -} -.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: #1a1a1a; -} -.check-mark-ha-font:active .b-font:before, -.check-mark-ha-font.active .b-font:before { - content: "\e611"; - color: #009de3; -} -.check-mark-ha-font.native .b-font:before, -.check-mark-ha-font.disabled .b-font:before { - content: "\e611"; - color: #1a1a1a; -} -.check-mark-e-font .b-font:before { - content: "\e611"; - color: #1a1a1a; -} -.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: #1a1a1a; -} -.check-mark-e-font.active .b-font:before { - content: "\e611"; - color: #009de3; -} -.check-mark-e-font:active .b-font:before { - content: "\e611"; - color: #009de3; -} -.check-mark-e-font.native .b-font:before, -.check-mark-e-font.disabled .b-font:before { - content: "\e611"; - color: #1a1a1a; -} -.dimension-from-font .b-font:before { - content: "\e612"; - color: #1a1a1a; -} -.dimension-from-font.native .b-font:before, -.dimension-from-font.disabled .b-font:before { - content: "\e612"; - color: #1a1a1a; -} -.dimension-from-h-font .b-font:before { - content: "\e612"; - color: #1a1a1a; -} -.dimension-from-h-font:hover .b-font:before, -.dimension-from-h-font:focus .b-font:before, -.dimension-from-h-font.hover .b-font:before { - content: "\e612"; - color: #1a1a1a; -} -.dimension-from-h-font.native .b-font:before, -.dimension-from-h-font.disabled .b-font:before { - content: "\e612"; - color: #1a1a1a; -} -.dimension-from-ha-font .b-font:before { - content: "\e612"; - color: #1a1a1a; -} -.dimension-from-ha-font:hover .b-font:before, -.dimension-from-ha-font:focus .b-font:before, -.dimension-from-ha-font.hover .b-font:before { - content: "\e612"; - color: #1a1a1a; -} -.dimension-from-ha-font:active .b-font:before, -.dimension-from-ha-font.active .b-font:before { - content: "\e612"; - color: #009de3; -} -.dimension-from-ha-font.native .b-font:before, -.dimension-from-ha-font.disabled .b-font:before { - content: "\e612"; - color: #1a1a1a; -} -.dimension-from-e-font .b-font:before { - content: "\e612"; - color: #1a1a1a; -} -.dimension-from-e-font:hover .b-font:before, -.dimension-from-e-font:focus .b-font:before, -.dimension-from-e-font.hover .b-font:before { - content: "\e612"; - color: #1a1a1a; -} -.dimension-from-e-font.active .b-font:before { - content: "\e612"; - color: #009de3; -} -.dimension-from-e-font:active .b-font:before { - content: "\e612"; - color: #009de3; -} -.dimension-from-e-font.native .b-font:before, -.dimension-from-e-font.disabled .b-font:before { - content: "\e612"; - color: #1a1a1a; -} -.chart-type-font .b-font:before { - content: "\e613"; - color: #1a1a1a; -} -.chart-type-font.native .b-font:before, -.chart-type-font.disabled .b-font:before { - content: "\e613"; - color: #1a1a1a; -} -.chart-type-h-font .b-font:before { - content: "\e613"; - color: #1a1a1a; -} -.chart-type-h-font:hover .b-font:before, -.chart-type-h-font:focus .b-font:before, -.chart-type-h-font.hover .b-font:before { - content: "\e613"; - color: #1a1a1a; -} -.chart-type-h-font.native .b-font:before, -.chart-type-h-font.disabled .b-font:before { - content: "\e613"; - color: #1a1a1a; -} -.chart-type-ha-font .b-font:before { - content: "\e613"; - color: #1a1a1a; -} -.chart-type-ha-font:hover .b-font:before, -.chart-type-ha-font:focus .b-font:before, -.chart-type-ha-font.hover .b-font:before { - content: "\e613"; - color: #1a1a1a; -} -.chart-type-ha-font:active .b-font:before, -.chart-type-ha-font.active .b-font:before { - content: "\e613"; - color: #009de3; -} -.chart-type-ha-font.native .b-font:before, -.chart-type-ha-font.disabled .b-font:before { - content: "\e613"; - color: #1a1a1a; -} -.chart-type-e-font .b-font:before { - content: "\e613"; - color: #1a1a1a; -} -.chart-type-e-font:hover .b-font:before, -.chart-type-e-font:focus .b-font:before, -.chart-type-e-font.hover .b-font:before { - content: "\e613"; - color: #1a1a1a; -} -.chart-type-e-font.active .b-font:before { - content: "\e613"; - color: #009de3; -} -.chart-type-e-font:active .b-font:before { - content: "\e613"; - color: #009de3; -} -.chart-type-e-font.native .b-font:before, -.chart-type-e-font.disabled .b-font:before { - content: "\e613"; - color: #1a1a1a; -} -.style-set-font .b-font:before { - content: "\e60c"; - color: #1a1a1a; -} -.style-set-font.native .b-font:before, -.style-set-font.disabled .b-font:before { - content: "\e60c"; - color: #1a1a1a; -} -.style-set-h-font .b-font:before { - content: "\e60c"; - color: #1a1a1a; -} -.style-set-h-font:hover .b-font:before, -.style-set-h-font:focus .b-font:before, -.style-set-h-font.hover .b-font:before { - content: "\e60c"; - color: #1a1a1a; -} -.style-set-h-font.native .b-font:before, -.style-set-h-font.disabled .b-font:before { - content: "\e60c"; - color: #1a1a1a; -} -.style-set-ha-font .b-font:before { - content: "\e60c"; - color: #1a1a1a; -} -.style-set-ha-font:hover .b-font:before, -.style-set-ha-font:focus .b-font:before, -.style-set-ha-font.hover .b-font:before { - content: "\e60c"; - color: #1a1a1a; -} -.style-set-ha-font:active .b-font:before, -.style-set-ha-font.active .b-font:before { - content: "\e60c"; - color: #009de3; -} -.style-set-ha-font.native .b-font:before, -.style-set-ha-font.disabled .b-font:before { - content: "\e60c"; - color: #1a1a1a; -} -.style-set-e-font .b-font:before { - content: "\e60c"; - color: #1a1a1a; -} -.style-set-e-font:hover .b-font:before, -.style-set-e-font:focus .b-font:before, -.style-set-e-font.hover .b-font:before { - content: "\e60c"; - color: #1a1a1a; -} -.style-set-e-font.active .b-font:before { - content: "\e60c"; - color: #009de3; -} -.style-set-e-font:active .b-font:before { - content: "\e60c"; - color: #009de3; -} -.style-set-e-font.native .b-font:before, -.style-set-e-font.disabled .b-font:before { - content: "\e60c"; - color: #1a1a1a; -} -.hyper-link-font .b-font:before { - content: "\e688"; - color: #808080; -} -.hyper-link-font.native .b-font:before, -.hyper-link-font.disabled .b-font:before { - content: "\e688"; - color: #808080; -} -.filter-font .b-font:before { - content: "\e60f"; - color: #808080; -} -.filter-font.native .b-font:before, -.filter-font.disabled .b-font:before { - content: "\e60f"; - color: #808080; -} -.filter-h-font .b-font:before { - content: "\e60f"; - color: #1a1a1a; -} -.filter-h-font:hover .b-font:before, -.filter-h-font:focus .b-font:before, -.filter-h-font.hover .b-font:before { - content: "\e60f"; - color: #1a1a1a; -} -.filter-h-font.native .b-font:before, -.filter-h-font.disabled .b-font:before { - content: "\e60f"; - color: #1a1a1a; -} -.filter-ha-font .b-font:before { - content: "\e60f"; - color: #1a1a1a; -} -.filter-ha-font:hover .b-font:before, -.filter-ha-font:focus .b-font:before, -.filter-ha-font.hover .b-font:before { - content: "\e60f"; - color: #1a1a1a; -} -.filter-ha-font:active .b-font:before, -.filter-ha-font.active .b-font:before { - content: "\e60f"; - color: #009de3; -} -.filter-ha-font.native .b-font:before, -.filter-ha-font.disabled .b-font:before { - content: "\e60f"; - color: #1a1a1a; -} -.filter-e-font .b-font:before { - content: "\e60f"; - color: #1a1a1a; -} -.filter-e-font:hover .b-font:before, -.filter-e-font:focus .b-font:before, -.filter-e-font.hover .b-font:before { - content: "\e60f"; - color: #1a1a1a; -} -.filter-e-font.active .b-font:before { - content: "\e60f"; - color: #009de3; -} -.filter-e-font:active .b-font:before { - content: "\e60f"; - color: #009de3; -} -.filter-e-font.native .b-font:before, -.filter-e-font.disabled .b-font:before { - content: "\e60f"; - color: #1a1a1a; -} -.classify-font .b-font:before { - content: "\e694"; - color: #009de3; -} -.classify-font.native .b-font:before, -.classify-font.disabled .b-font:before { - content: "\e694"; - color: #009de3; -} -.series-font .b-font:before { - content: "\e695"; - color: #58cc7d; -} -.series-font.native .b-font:before, -.series-font.disabled .b-font:before { - content: "\e695"; - color: #58cc7d; -} -/**维度/指标 下拉列表图标字体 ~end~**/ -/** dashboard组件/控件 下拉列表图标字体 ~begin~**/ -.link-to-widget-h-font .b-font:before { - content: "\e600"; - color: #808080; -} -.link-to-widget-h-font:hover .b-font:before, -.link-to-widget-h-font:focus .b-font:before, -.link-to-widget-h-font.hover .b-font:before { - content: "\e600"; - color: #009de3; -} -.link-to-widget-h-font.native .b-font:before, -.link-to-widget-h-font.disabled .b-font:before { - content: "\e600"; - color: #808080; -} -.link-to-detail-h-font .b-font:before { - content: "\e600"; - color: #808080; -} -.link-to-detail-h-font:hover .b-font:before, -.link-to-detail-h-font:focus .b-font:before, -.link-to-detail-h-font.hover .b-font:before { - content: "\e600"; - color: #009de3; -} -.link-to-detail-h-font.native .b-font:before, -.link-to-detail-h-font.disabled .b-font:before { - content: "\e600"; - color: #808080; -} -.detail-setting-h-font .b-font:before { - content: "\e600"; - color: #808080; -} -.detail-setting-h-font:hover .b-font:before, -.detail-setting-h-font:focus .b-font:before, -.detail-setting-h-font.hover .b-font:before { - content: "\e600"; - color: #009de3; -} -.detail-setting-h-font.native .b-font:before, -.detail-setting-h-font.disabled .b-font:before { - content: "\e600"; - color: #808080; -} -.export-to-excel-h-font .b-font:before { - content: "\e600"; - color: #808080; -} -.export-to-excel-h-font:hover .b-font:before, -.export-to-excel-h-font:focus .b-font:before, -.export-to-excel-h-font.hover .b-font:before { - content: "\e600"; - color: #009de3; -} -.export-to-excel-h-font.native .b-font:before, -.export-to-excel-h-font.disabled .b-font:before { - content: "\e600"; - color: #808080; -} -.widget-copy-h-font .b-font:before { - content: "\e610"; - color: #808080; -} -.widget-copy-h-font:hover .b-font:before, -.widget-copy-h-font:focus .b-font:before, -.widget-copy-h-font.hover .b-font:before { - content: "\e610"; - color: #009de3; -} -.widget-copy-h-font.native .b-font:before, -.widget-copy-h-font.disabled .b-font:before { - content: "\e610"; - color: #808080; -} -.widget-delete-h-font .b-font:before { - content: "\e605"; - color: #808080; -} -.widget-delete-h-font:hover .b-font:before, -.widget-delete-h-font:focus .b-font:before, -.widget-delete-h-font.hover .b-font:before { - content: "\e605"; - color: #009de3; -} -.widget-delete-h-font.native .b-font:before, -.widget-delete-h-font.disabled .b-font:before { - content: "\e605"; - color: #808080; -} -/** dashboard组件/控件 下拉列表图标字体 ~end~**/ -.tree-node-triangle-expand-font .b-font:before { - content: "\e608"; - color: #808080; -} -.tree-node-triangle-expand-font.native .b-font:before, -.tree-node-triangle-expand-font.disabled .b-font:before { - content: "\e608"; - color: #808080; -} -.tree-node-triangle-collapse-font .b-font:before { - content: "\e607"; - color: #808080; -} -.tree-node-triangle-collapse-font.native .b-font:before, -.tree-node-triangle-collapse-font.disabled .b-font:before { - content: "\e607"; - color: #808080; -} -.row-pre-page-h-font .b-font:before { - content: "\e6be"; - color: #1a1a1a; -} -.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: #1a1a1a; -} -.row-pre-page-h-font.native .b-font:before, -.row-pre-page-h-font.disabled .b-font:before { - content: "\e6be"; - color: #1a1a1a; -} -.row-next-page-h-font .b-font:before { - content: "\e6bd"; - color: #1a1a1a; -} -.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: #1a1a1a; -} -.row-next-page-h-font.native .b-font:before, -.row-next-page-h-font.disabled .b-font:before { - content: "\e6bd"; - color: #1a1a1a; -} -.column-pre-page-h-font .b-font:before { - content: "\e6bc"; - color: #1a1a1a; -} -.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: #1a1a1a; -} -.column-pre-page-h-font.native .b-font:before, -.column-pre-page-h-font.disabled .b-font:before { - content: "\e6bc"; - color: #1a1a1a; -} -.column-next-page-h-font .b-font:before { - content: "\e6bb"; - color: #1a1a1a; -} -.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: #1a1a1a; -} -.column-next-page-h-font.native .b-font:before, -.column-next-page-h-font.disabled .b-font:before { - content: "\e6bb"; - color: #1a1a1a; -} -.trigger-triangle-font .b-font:before { - content: "\e66a"; - color: #808080; -} -.trigger-triangle-font:hover .b-font:before, -.trigger-triangle-font:focus .b-font:before, -.trigger-triangle-font.hover .b-font:before { - content: "\e66a"; - color: #808080; -} -.trigger-triangle-font:active .b-font:before, -.trigger-triangle-font.active .b-font:before { - content: "\e66a"; - color: #009de3; -} -.trigger-triangle-font.native .b-font:before, -.trigger-triangle-font.disabled .b-font:before { - content: "\e66a"; - color: #808080; -} -.widget-date-next-h-font .b-font:before { - content: "\e62f"; - color: #808080; -} -.widget-date-next-h-font:hover .b-font:before, -.widget-date-next-h-font:focus .b-font:before, -.widget-date-next-h-font.hover .b-font:before { - content: "\e62f"; - color: #808080; -} -.widget-date-next-h-font.native .b-font:before, -.widget-date-next-h-font.disabled .b-font:before { - content: "\e62f"; - color: #808080; -} -.widget-date-pre-h-font .b-font:before { - content: "\e62e"; - color: #808080; -} -.widget-date-pre-h-font:hover .b-font:before, -.widget-date-pre-h-font:focus .b-font:before, -.widget-date-pre-h-font.hover .b-font:before { - content: "\e62e"; - color: #808080; -} -.widget-date-pre-h-font.native .b-font:before, -.widget-date-pre-h-font.disabled .b-font:before { - content: "\e62e"; - color: #808080; -} -.widget-date-h-change-font .b-font:before { - content: "\e660"; - color: #808080; -} -.widget-date-h-change-font:hover .b-font:before, -.widget-date-h-change-font:focus .b-font:before, -.widget-date-h-change-font.hover .b-font:before { - content: "\e660"; - color: #808080; -} -.widget-date-h-change-font.native .b-font:before, -.widget-date-h-change-font.disabled .b-font:before { - content: "\e660"; - color: #808080; -} -.pull-down-font .b-font:before { - content: "\e608"; - color: #808080; -} -.pull-down-font.native .b-font:before, -.pull-down-font.disabled .b-font:before { - content: "\e608"; - color: #808080; -} -.pull-down-h-font .b-font:before { - content: "\e608"; - color: #808080; -} -.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: #808080; -} -.pull-down-h-font.native .b-font:before, -.pull-down-h-font.disabled .b-font:before { - content: "\e608"; - color: #808080; -} -.pull-down-ha-font .b-font:before { - content: "\e608"; - color: #808080; -} -.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: #808080; -} -.pull-down-ha-font:active .b-font:before, -.pull-down-ha-font.active .b-font:before { - content: "\e608"; - color: #009de3; -} -.pull-down-ha-font.native .b-font:before, -.pull-down-ha-font.disabled .b-font:before { - content: "\e608"; - color: #808080; -} -.delete-field-font .b-font:before { - content: "\e605"; - color: #808080; -} -.delete-field-font.native .b-font:before, -.delete-field-font.disabled .b-font:before { - content: "\e605"; - color: #808080; -} -.delete-field-h-font .b-font:before { - content: "\e605"; - color: #808080; -} -.delete-field-h-font:hover .b-font:before, -.delete-field-h-font:focus .b-font:before, -.delete-field-h-font.hover .b-font:before { - content: "\e605"; - color: #808080; -} -.delete-field-h-font.native .b-font:before, -.delete-field-h-font.disabled .b-font:before { - content: "\e605"; - color: #808080; -} -.delete-field-ha-font .b-font:before { - content: "\e605"; - color: #808080; -} -.delete-field-ha-font:hover .b-font:before, -.delete-field-ha-font:focus .b-font:before, -.delete-field-ha-font.hover .b-font:before { - content: "\e605"; - color: #808080; -} -.delete-field-ha-font:active .b-font:before, -.delete-field-ha-font.active .b-font:before { - content: "\e605"; - color: #009de3; -} -.delete-field-ha-font.native .b-font:before, -.delete-field-ha-font.disabled .b-font:before { - content: "\e605"; - color: #808080; -} -.toolbar-save-font .b-font:before { - content: "\e617"; - color: #808080; -} -.toolbar-save-font:hover .b-font:before, -.toolbar-save-font:focus .b-font:before, -.toolbar-save-font.hover .b-font:before { - content: "\e617"; - color: #808080; -} -.toolbar-save-font.native .b-font:before, -.toolbar-save-font.disabled .b-font:before { - content: "\e617"; - color: #808080; -} -.toolbar-undo-font .b-font:before { - content: "\e619"; - color: #808080; -} -.toolbar-undo-font:hover .b-font:before, -.toolbar-undo-font:focus .b-font:before, -.toolbar-undo-font.hover .b-font:before { - content: "\e619"; - color: #808080; -} -.toolbar-undo-font.native .b-font:before, -.toolbar-undo-font.disabled .b-font:before { - content: "\e619"; - color: #808080; -} -.toolbar-redo-font .b-font:before { - content: "\e625"; - color: #808080; -} -.toolbar-redo-font:hover .b-font:before, -.toolbar-redo-font:focus .b-font:before, -.toolbar-redo-font.hover .b-font:before { - content: "\e625"; - color: #808080; -} -.toolbar-redo-font.native .b-font:before, -.toolbar-redo-font.disabled .b-font:before { - content: "\e625"; - color: #808080; -} -.toolbar-edit-font .b-font:before { - content: "\e631"; - color: #808080; -} -.toolbar-edit-font:hover .b-font:before, -.toolbar-edit-font:focus .b-font:before, -.toolbar-edit-font.hover .b-font:before { - content: "\e631"; - color: #808080; -} -.toolbar-edit-font.native .b-font:before, -.toolbar-edit-font.disabled .b-font:before { - content: "\e631"; - color: #808080; -} -.toolbar-preview-font .b-font:before { - content: "\e65f"; - color: #808080; -} -.toolbar-preview-font:hover .b-font:before, -.toolbar-preview-font:focus .b-font:before, -.toolbar-preview-font.hover .b-font:before { - content: "\e65f"; - color: #808080; -} -.toolbar-preview-font.native .b-font:before, -.toolbar-preview-font.disabled .b-font:before { - content: "\e65f"; - color: #808080; -} -.chart-table-font .b-font:before { - content: "\e60e"; - color: #808080; -} -.chart-table-font:hover .b-font:before, -.chart-table-font:focus .b-font:before, -.chart-table-font.hover .b-font:before { - content: "\e60e"; - color: #808080; -} -.chart-table-font:active .b-font:before, -.chart-table-font.active .b-font:before { - content: "\e60e"; - color: #009de3; -} -.chart-table-font.native .b-font:before, -.chart-table-font.disabled .b-font:before { - content: "\e60e"; - color: #808080; -} -.chart-axis-font .b-font:before { - content: "\e626"; - color: #808080; -} -.chart-axis-font:hover .b-font:before, -.chart-axis-font:focus .b-font:before, -.chart-axis-font.hover .b-font:before { - content: "\e626"; - color: #808080; -} -.chart-axis-font:active .b-font:before, -.chart-axis-font.active .b-font:before { - content: "\e626"; - color: #009de3; -} -.chart-axis-font.native .b-font:before, -.chart-axis-font.disabled .b-font:before { - content: "\e626"; - color: #808080; -} -.chart-bar-font .b-font:before { - content: "\e620"; - color: #808080; -} -.chart-bar-font:hover .b-font:before, -.chart-bar-font:focus .b-font:before, -.chart-bar-font.hover .b-font:before { - content: "\e620"; - color: #808080; -} -.chart-bar-font:active .b-font:before, -.chart-bar-font.active .b-font:before { - content: "\e620"; - color: #009de3; -} -.chart-bar-font.native .b-font:before, -.chart-bar-font.disabled .b-font:before { - content: "\e620"; - color: #808080; -} -.chart-accumulate-bar-font .b-font:before { - content: "\e60a"; - color: #808080; -} -.chart-accumulate-bar-font:hover .b-font:before, -.chart-accumulate-bar-font:focus .b-font:before, -.chart-accumulate-bar-font.hover .b-font:before { - content: "\e60a"; - color: #808080; -} -.chart-accumulate-bar-font:active .b-font:before, -.chart-accumulate-bar-font.active .b-font:before { - content: "\e60a"; - color: #009de3; -} -.chart-accumulate-bar-font.native .b-font:before, -.chart-accumulate-bar-font.disabled .b-font:before { - content: "\e60a"; - color: #808080; -} -.chart-pie-font .b-font:before { - content: "\e618"; - color: #808080; -} -.chart-pie-font:hover .b-font:before, -.chart-pie-font:focus .b-font:before, -.chart-pie-font.hover .b-font:before { - content: "\e618"; - color: #808080; -} -.chart-pie-font:active .b-font:before, -.chart-pie-font.active .b-font:before { - content: "\e618"; - color: #009de3; -} -.chart-pie-font.native .b-font:before, -.chart-pie-font.disabled .b-font:before { - content: "\e618"; - color: #808080; -} -.chart-map-font .b-font:before { - content: "\e62c"; - color: #808080; -} -.chart-map-font:hover .b-font:before, -.chart-map-font:focus .b-font:before, -.chart-map-font.hover .b-font:before { - content: "\e62c"; - color: #808080; -} -.chart-map-font:active .b-font:before, -.chart-map-font.active .b-font:before { - content: "\e62c"; - color: #009de3; -} -.chart-map-font.native .b-font:before, -.chart-map-font.disabled .b-font:before { - content: "\e62c"; - color: #808080; -} -.chart-dashboard-font .b-font:before { - content: "\e623"; - color: #808080; -} -.chart-dashboard-font:hover .b-font:before, -.chart-dashboard-font:focus .b-font:before, -.chart-dashboard-font.hover .b-font:before { - content: "\e623"; - color: #808080; -} -.chart-dashboard-font:active .b-font:before, -.chart-dashboard-font.active .b-font:before { - content: "\e623"; - color: #009de3; -} -.chart-dashboard-font.native .b-font:before, -.chart-dashboard-font.disabled .b-font:before { - content: "\e623"; - color: #808080; -} -.chart-doughnut-font .b-font:before { - content: "\e624"; - color: #808080; -} -.chart-doughnut-font:hover .b-font:before, -.chart-doughnut-font:focus .b-font:before, -.chart-doughnut-font.hover .b-font:before { - content: "\e624"; - color: #808080; -} -.chart-doughnut-font:active .b-font:before, -.chart-doughnut-font.active .b-font:before { - content: "\e624"; - color: #009de3; -} -.chart-doughnut-font.native .b-font:before, -.chart-doughnut-font.disabled .b-font:before { - content: "\e624"; - color: #808080; -} -.chart-detail-font .b-font:before { - content: "\e615"; - color: #808080; -} -.chart-detail-font:hover .b-font:before, -.chart-detail-font:focus .b-font:before, -.chart-detail-font.hover .b-font:before { - content: "\e615"; - color: #808080; -} -.chart-detail-font:active .b-font:before, -.chart-detail-font.active .b-font:before { - content: "\e615"; - color: #009de3; -} -.chart-detail-font.native .b-font:before, -.chart-detail-font.disabled .b-font:before { - content: "\e615"; - color: #808080; -} -.chart-more-font .b-font:before { - content: "\e60d"; - color: #808080; -} -.chart-more-font:hover .b-font:before, -.chart-more-font:focus .b-font:before, -.chart-more-font.hover .b-font:before { - content: "\e60d"; - color: #808080; -} -.chart-more-font:active .b-font:before, -.chart-more-font.active .b-font:before { - content: "\e60d"; - color: #009de3; -} -.chart-more-font.native .b-font:before, -.chart-more-font.disabled .b-font:before { - content: "\e60d"; - color: #808080; -} -.chart-bubble-font .b-font:before { - content: "\e62a"; - color: #808080; -} -.chart-bubble-font:hover .b-font:before, -.chart-bubble-font:focus .b-font:before, -.chart-bubble-font.hover .b-font:before { - content: "\e62a"; - color: #808080; -} -.chart-bubble-font:active .b-font:before, -.chart-bubble-font.active .b-font:before { - content: "\e62a"; - color: #009de3; -} -.chart-bubble-font.native .b-font:before, -.chart-bubble-font.disabled .b-font:before { - content: "\e62a"; - color: #808080; -} -.chart-scatter-font .b-font:before { - content: "\e61d"; - color: #808080; -} -.chart-scatter-font:hover .b-font:before, -.chart-scatter-font:focus .b-font:before, -.chart-scatter-font.hover .b-font:before { - content: "\e61d"; - color: #808080; -} -.chart-scatter-font:active .b-font:before, -.chart-scatter-font.active .b-font:before { - content: "\e61d"; - color: #009de3; -} -.chart-scatter-font.native .b-font:before, -.chart-scatter-font.disabled .b-font:before { - content: "\e61d"; - color: #808080; -} -.chart-radar-font .b-font:before { - content: "\e614"; - color: #808080; -} -.chart-radar-font:hover .b-font:before, -.chart-radar-font:focus .b-font:before, -.chart-radar-font.hover .b-font:before { - content: "\e614"; - color: #808080; -} -.chart-radar-font:active .b-font:before, -.chart-radar-font.active .b-font:before { - content: "\e614"; - color: #009de3; -} -.chart-radar-font.native .b-font:before, -.chart-radar-font.disabled .b-font:before { - content: "\e614"; - color: #808080; -} -.chart-content-font .b-font:before { - content: "\e621"; - color: #808080; -} -.chart-content-font:hover .b-font:before, -.chart-content-font:focus .b-font:before, -.chart-content-font.hover .b-font:before { - content: "\e621"; - color: #808080; -} -.chart-content-font:active .b-font:before, -.chart-content-font.active .b-font:before { - content: "\e621"; - color: #009de3; -} -.chart-content-font.native .b-font:before, -.chart-content-font.disabled .b-font:before { - content: "\e621"; - color: #808080; -} -.chart-image-font .b-font:before { - content: "\e68d"; - color: #808080; -} -.chart-image-font:hover .b-font:before, -.chart-image-font:focus .b-font:before, -.chart-image-font.hover .b-font:before { - content: "\e68d"; - color: #808080; -} -.chart-image-font:active .b-font:before, -.chart-image-font.active .b-font:before { - content: "\e68d"; - color: #009de3; -} -.chart-image-font.native .b-font:before, -.chart-image-font.disabled .b-font:before { - content: "\e68d"; - color: #808080; -} -.chart-web-font .b-font:before { - content: "\e68c"; - color: #808080; -} -.chart-web-font:hover .b-font:before, -.chart-web-font:focus .b-font:before, -.chart-web-font.hover .b-font:before { - content: "\e68c"; - color: #808080; -} -.chart-web-font:active .b-font:before, -.chart-web-font.active .b-font:before { - content: "\e68c"; - color: #009de3; -} -.chart-web-font.native .b-font:before, -.chart-web-font.disabled .b-font:before { - content: "\e68c"; - color: #808080; -} -.chart-string-font .b-font:before { - content: "\e622"; - color: #808080; -} -.chart-string-font:hover .b-font:before, -.chart-string-font:focus .b-font:before, -.chart-string-font.hover .b-font:before { - content: "\e622"; - color: #808080; -} -.chart-string-font:active .b-font:before, -.chart-string-font.active .b-font:before { - content: "\e622"; - color: #009de3; -} -.chart-string-font.native .b-font:before, -.chart-string-font.disabled .b-font:before { - content: "\e622"; - color: #808080; -} -.chart-number-font .b-font:before { - content: "\e61f"; - color: #808080; -} -.chart-number-font:hover .b-font:before, -.chart-number-font:focus .b-font:before, -.chart-number-font.hover .b-font:before { - content: "\e61f"; - color: #808080; -} -.chart-number-font:active .b-font:before, -.chart-number-font.active .b-font:before { - content: "\e61f"; - color: #009de3; -} -.chart-number-font.native .b-font:before, -.chart-number-font.disabled .b-font:before { - content: "\e61f"; - color: #808080; -} -.chart-tree-font .b-font:before { - content: "\e61e"; - color: #808080; -} -.chart-tree-font:hover .b-font:before, -.chart-tree-font:focus .b-font:before, -.chart-tree-font.hover .b-font:before { - content: "\e61e"; - color: #808080; -} -.chart-tree-font:active .b-font:before, -.chart-tree-font.active .b-font:before { - content: "\e61e"; - color: #009de3; -} -.chart-tree-font.native .b-font:before, -.chart-tree-font.disabled .b-font:before { - content: "\e61e"; - color: #808080; -} -.chart-date-font .b-font:before { - content: "\e61b"; - color: #808080; -} -.chart-date-font:hover .b-font:before, -.chart-date-font:focus .b-font:before, -.chart-date-font.hover .b-font:before { - content: "\e61b"; - color: #808080; -} -.chart-date-font:active .b-font:before, -.chart-date-font.active .b-font:before { - content: "\e61b"; - color: #009de3; -} -.chart-date-font.native .b-font:before, -.chart-date-font.disabled .b-font:before { - content: "\e61b"; - color: #808080; -} -.chart-year-font .b-font:before { - content: "\e628"; - color: #808080; -} -.chart-year-font:hover .b-font:before, -.chart-year-font:focus .b-font:before, -.chart-year-font.hover .b-font:before { - content: "\e628"; - color: #808080; -} -.chart-year-font:active .b-font:before, -.chart-year-font.active .b-font:before { - content: "\e628"; - color: #009de3; -} -.chart-year-font.native .b-font:before, -.chart-year-font.disabled .b-font:before { - content: "\e628"; - color: #808080; -} -.chart-month-font .b-font:before { - content: "\e627"; - color: #808080; -} -.chart-month-font:hover .b-font:before, -.chart-month-font:focus .b-font:before, -.chart-month-font.hover .b-font:before { - content: "\e627"; - color: #808080; -} -.chart-month-font:active .b-font:before, -.chart-month-font.active .b-font:before { - content: "\e627"; - color: #009de3; -} -.chart-month-font.native .b-font:before, -.chart-month-font.disabled .b-font:before { - content: "\e627"; - color: #808080; -} -.chart-quarter-font .b-font:before { - content: "\e629"; - color: #808080; -} -.chart-quarter-font:hover .b-font:before, -.chart-quarter-font:focus .b-font:before, -.chart-quarter-font.hover .b-font:before { - content: "\e629"; - color: #808080; -} -.chart-quarter-font:active .b-font:before, -.chart-quarter-font.active .b-font:before { - content: "\e629"; - color: #009de3; -} -.chart-quarter-font.native .b-font:before, -.chart-quarter-font.disabled .b-font:before { - content: "\e629"; - color: #808080; -} -.chart-ymd-font .b-font:before { - content: "\e61c"; - color: #808080; -} -.chart-ymd-font:hover .b-font:before, -.chart-ymd-font:focus .b-font:before, -.chart-ymd-font.hover .b-font:before { - content: "\e61c"; - color: #808080; -} -.chart-ymd-font:active .b-font:before, -.chart-ymd-font.active .b-font:before { - content: "\e61c"; - color: #009de3; -} -.chart-ymd-font.native .b-font:before, -.chart-ymd-font.disabled .b-font:before { - content: "\e61c"; - color: #808080; -} -.chart-date-range-font .b-font:before { - content: "\e616"; - color: #808080; -} -.chart-date-range-font:hover .b-font:before, -.chart-date-range-font:focus .b-font:before, -.chart-date-range-font.hover .b-font:before { - content: "\e616"; - color: #808080; -} -.chart-date-range-font:active .b-font:before, -.chart-date-range-font.active .b-font:before { - content: "\e616"; - color: #009de3; -} -.chart-date-range-font.native .b-font:before, -.chart-date-range-font.disabled .b-font:before { - content: "\e616"; - color: #808080; -} -.chart-general-query-font .b-font:before { - content: "\e62b"; - color: #808080; -} -.chart-general-query-font:hover .b-font:before, -.chart-general-query-font:focus .b-font:before, -.chart-general-query-font.hover .b-font:before { - content: "\e62b"; - color: #808080; -} -.chart-general-query-font:active .b-font:before, -.chart-general-query-font.active .b-font:before { - content: "\e62b"; - color: #009de3; -} -.chart-general-query-font.native .b-font:before, -.chart-general-query-font.disabled .b-font:before { - content: "\e62b"; - color: #808080; -} -.chart-query-font .b-font:before { - content: "\e609"; - color: #808080; -} -.chart-query-font:hover .b-font:before, -.chart-query-font:focus .b-font:before, -.chart-query-font.hover .b-font:before { - content: "\e609"; - color: #808080; -} -.chart-query-font:active .b-font:before, -.chart-query-font.active .b-font:before { - content: "\e609"; - color: #009de3; -} -.chart-query-font.native .b-font:before, -.chart-query-font.disabled .b-font:before { - content: "\e609"; - color: #808080; -} -.chart-reset-font .b-font:before { - content: "\e61a"; - color: #808080; -} -.chart-reset-font:hover .b-font:before, -.chart-reset-font:focus .b-font:before, -.chart-reset-font.hover .b-font:before { - content: "\e61a"; - color: #808080; -} -.chart-reset-font:active .b-font:before, -.chart-reset-font.active .b-font:before { - content: "\e61a"; - color: #009de3; -} -.chart-reset-font.native .b-font:before, -.chart-reset-font.disabled .b-font:before { - content: "\e61a"; - color: #808080; -} -.chart-textarea-font .b-font:before { - content: "\e622"; - color: #808080; -} -.chart-textarea-font:hover .b-font:before, -.chart-textarea-font:focus .b-font:before, -.chart-textarea-font.hover .b-font:before { - content: "\e622"; - color: #808080; -} -.chart-textarea-font:active .b-font:before, -.chart-textarea-font.active .b-font:before { - content: "\e622"; - color: #009de3; -} -.chart-textarea-font.native .b-font:before, -.chart-textarea-font.disabled .b-font:before { - content: "\e622"; - color: #808080; -} -.chart-reuse-font .b-font:before { - content: "\e60b"; - color: #808080; -} -.chart-reuse-font:hover .b-font:before, -.chart-reuse-font:focus .b-font:before, -.chart-reuse-font.hover .b-font:before { - content: "\e60b"; - color: #808080; -} -.chart-reuse-font:active .b-font:before, -.chart-reuse-font.active .b-font:before { - content: "\e60b"; - color: #009de3; -} -.chart-reuse-font.native .b-font:before, -.chart-reuse-font.disabled .b-font:before { - content: "\e60b"; - color: #808080; -} -.chart-date-normal-font .b-font:before { - content: "\e61b"; - color: #808080; -} -.chart-date-normal-font.native .b-font:before, -.chart-date-normal-font.disabled .b-font:before { - content: "\e61b"; - color: #808080; -} -.less-font .b-font:before { - content: "\e633"; - color: #808080; -} -.less-font:hover .b-font:before, -.less-font:focus .b-font:before, -.less-font.hover .b-font:before { - content: "\e633"; - color: #808080; -} -.less-font:active .b-font:before, -.less-font.active .b-font:before { - content: "\e633"; - color: #009de3; -} -.less-font.native .b-font:before, -.less-font.disabled .b-font:before { - content: "\e633"; - color: #808080; -} -.less-equal-font .b-font:before { - content: "\e636"; - color: #808080; -} -.less-equal-font:hover .b-font:before, -.less-equal-font:focus .b-font:before, -.less-equal-font.hover .b-font:before { - content: "\e636"; - color: #808080; -} -.less-equal-font:active .b-font:before, -.less-equal-font.active .b-font:before { - content: "\e636"; - color: #009de3; -} -.less-equal-font.native .b-font:before, -.less-equal-font.disabled .b-font:before { - content: "\e636"; - color: #808080; -} -.check-font .b-font:before { - content: "\e611"; - color: #009de3; -} -.check-font.native .b-font:before, -.check-font.disabled .b-font:before { - content: "\e611"; - color: #009de3; -} -.move2group-add-font .b-font:before { - content: "\e649"; - color: #009de3; -} -.move2group-add-font.native .b-font:before, -.move2group-add-font.disabled .b-font:before { - content: "\e649"; - color: #009de3; -} -.select-data-field-calc-font .b-font:before { - content: "\e6a3"; - color: #1a1a1a; -} -.select-data-field-calc-font:hover .b-font:before, -.select-data-field-calc-font:focus .b-font:before, -.select-data-field-calc-font.hover .b-font:before { - content: "\e6a3"; - color: #1a1a1a; -} -.select-data-field-calc-font:active .b-font:before, -.select-data-field-calc-font.active .b-font:before { - content: "\e6a3"; - color: #ffffff; -} -.select-data-field-calc-font.native .b-font:before, -.select-data-field-calc-font.disabled .b-font:before { - content: "\e6a3"; - color: #1a1a1a; -} -.select-data-field-string-font .b-font:before { - content: "\e642"; - color: #1a1a1a; -} -.select-data-field-string-font:hover .b-font:before, -.select-data-field-string-font:focus .b-font:before, -.select-data-field-string-font.hover .b-font:before { - content: "\e642"; - color: #1a1a1a; -} -.select-data-field-string-font:active .b-font:before, -.select-data-field-string-font.active .b-font:before { - content: "\e642"; - color: #ffffff; -} -.select-data-field-string-font.native .b-font:before, -.select-data-field-string-font.disabled .b-font:before { - content: "\e642"; - color: #1a1a1a; -} -.select-data-field-number-font .b-font:before { - content: "\e641"; - color: #1a1a1a; -} -.select-data-field-number-font:hover .b-font:before, -.select-data-field-number-font:focus .b-font:before, -.select-data-field-number-font.hover .b-font:before { - content: "\e641"; - color: #1a1a1a; -} -.select-data-field-number-font:active .b-font:before, -.select-data-field-number-font.active .b-font:before { - content: "\e641"; - color: #ffffff; -} -.select-data-field-number-font.native .b-font:before, -.select-data-field-number-font.disabled .b-font:before { - content: "\e641"; - color: #1a1a1a; -} -.select-data-field-date-font .b-font:before { - content: "\e640"; - color: #1a1a1a; -} -.select-data-field-date-font:hover .b-font:before, -.select-data-field-date-font:focus .b-font:before, -.select-data-field-date-font.hover .b-font:before { - content: "\e640"; - color: #1a1a1a; -} -.select-data-field-date-font:active .b-font:before, -.select-data-field-date-font.active .b-font:before { - content: "\e640"; - color: #ffffff; -} -.select-data-field-date-font.native .b-font:before, -.select-data-field-date-font.disabled .b-font:before { - content: "\e640"; - color: #1a1a1a; -} -.select-data-field-string-group-font .b-font:before { - content: "\e642"; - color: #808080; -} -.select-data-field-string-group-font.native .b-font:before, -.select-data-field-string-group-font.disabled .b-font:before { - content: "\e642"; - color: #808080; -} -.select-data-field-number-group-font .b-font:before { - content: "\e641"; - color: #808080; -} -.select-data-field-number-group-font.native .b-font:before, -.select-data-field-number-group-font.disabled .b-font:before { - content: "\e641"; - color: #808080; -} -.select-data-field-date-group-font .b-font:before { - content: "\e640"; - color: #808080; -} -.select-data-field-date-group-font.native .b-font:before, -.select-data-field-date-group-font.disabled .b-font:before { - content: "\e640"; - color: #808080; -} -.select-data-preview-font .b-font:before { - content: "\e65f"; - color: #808080; -} -.select-data-preview-font:hover .b-font:before, -.select-data-preview-font:focus .b-font:before, -.select-data-preview-font.hover .b-font:before { - content: "\e65f"; - color: #009de3; -} -.select-data-preview-font:active .b-font:before, -.select-data-preview-font.active .b-font:before { - content: "\e65f"; - color: #009de3; -} -.select-data-preview-font.native .b-font:before, -.select-data-preview-font.disabled .b-font:before { - content: "\e65f"; - color: #808080; -} -.detail-dimension-set-font .b-font:before { - content: "\e678"; - color: #808080; -} -.detail-dimension-set-font:hover .b-font:before, -.detail-dimension-set-font:focus .b-font:before, -.detail-dimension-set-font.hover .b-font:before { - content: "\e678"; - color: #808080; -} -.detail-dimension-set-font.native .b-font:before, -.detail-dimension-set-font.disabled .b-font:before { - content: "\e678"; - color: #808080; -} -.detail-real-data-warning-font .b-font:before { - content: "\e64e"; - color: #f07d0a; -} -.detail-real-data-warning-font:hover .b-font:before, -.detail-real-data-warning-font:focus .b-font:before, -.detail-real-data-warning-font.hover .b-font:before { - content: "\e64e"; - color: #f07d0a; -} -.detail-real-data-warning-font.native .b-font:before, -.detail-real-data-warning-font.disabled .b-font:before { - content: "\e64e"; - color: #f07d0a; -} -.select-group-field-string-font .b-font:before { - content: "\e642"; - color: #009de3; -} -.select-group-field-string-font:hover .b-font:before, -.select-group-field-string-font:focus .b-font:before, -.select-group-field-string-font.hover .b-font:before { - content: "\e642"; - color: #009de3; -} -.select-group-field-string-font:active .b-font:before, -.select-group-field-string-font.active .b-font:before { - content: "\e642"; - color: #009de3; -} -.select-group-field-string-font.native .b-font:before, -.select-group-field-string-font.disabled .b-font:before { - content: "\e642"; - color: #009de3; -} -.select-group-field-number-font .b-font:before { - content: "\e641"; - color: #009de3; -} -.select-group-field-number-font:hover .b-font:before, -.select-group-field-number-font:focus .b-font:before, -.select-group-field-number-font.hover .b-font:before { - content: "\e641"; - color: #009de3; -} -.select-group-field-number-font:active .b-font:before, -.select-group-field-number-font.active .b-font:before { - content: "\e641"; - color: #009de3; -} -.select-group-field-number-font.native .b-font:before, -.select-group-field-number-font.disabled .b-font:before { - content: "\e641"; - color: #009de3; -} -.select-group-field-date-font .b-font:before { - content: "\e640"; - color: #009de3; -} -.select-group-field-date-font:hover .b-font:before, -.select-group-field-date-font:focus .b-font:before, -.select-group-field-date-font.hover .b-font:before { - content: "\e640"; - color: #009de3; -} -.select-group-field-date-font:active .b-font:before, -.select-group-field-date-font.active .b-font:before { - content: "\e640"; - color: #009de3; -} -.select-group-field-date-font.native .b-font:before, -.select-group-field-date-font.disabled .b-font:before { - content: "\e640"; - color: #009de3; -} -.dashboard-widget-combo-detail-set-font .b-font:before { - content: "\e634"; - color: #808080; -} -.dashboard-widget-combo-detail-set-font:hover .b-font:before, -.dashboard-widget-combo-detail-set-font:focus .b-font:before, -.dashboard-widget-combo-detail-set-font.hover .b-font:before { - content: "\e634"; - color: #808080; -} -.dashboard-widget-combo-detail-set-font.native .b-font:before, -.dashboard-widget-combo-detail-set-font.disabled .b-font:before { - content: "\e634"; - color: #808080; -} -.group-add-font .b-font:before { - content: "\e649"; - color: #808080; -} -.group-add-font.native .b-font:before, -.group-add-font.disabled .b-font:before { - content: "\e649"; - color: #808080; -} -.sortable-font .b-font:before { - content: "\e63b"; - color: #808080; -} -.sortable-font.native .b-font:before, -.sortable-font.disabled .b-font:before { - content: "\e63b"; - color: #808080; -} -.text-bold-font .b-font:before { - content: "\e64d"; - color: #1a1a1a; -} -.text-bold-font.native .b-font:before, -.text-bold-font.disabled .b-font:before { - content: "\e64d"; - color: #1a1a1a; -} -.text-italic-font .b-font:before { - content: "\e656"; - color: #1a1a1a; -} -.text-italic-font.native .b-font:before, -.text-italic-font.disabled .b-font:before { - content: "\e656"; - color: #1a1a1a; -} -.text-underline-font .b-font:before { - content: "\e650"; - color: #1a1a1a; -} -.text-underline-font.native .b-font:before, -.text-underline-font.disabled .b-font:before { - content: "\e650"; - color: #1a1a1a; -} -.text-color-font .b-font:before { - content: "\e69c"; - color: #1a1a1a; -} -.text-color-font.native .b-font:before, -.text-color-font.disabled .b-font:before { - content: "\e69c"; - color: #1a1a1a; -} -.text-background-font .b-font:before { - content: "\e696"; - color: #1a1a1a; -} -.text-background-font.native .b-font:before, -.text-background-font.disabled .b-font:before { - content: "\e696"; - color: #1a1a1a; -} -.text-color-underline-font .b-font:before { - content: "\e69d"; - color: ""; -} -.text-color-underline-font.native .b-font:before, -.text-color-underline-font.disabled .b-font:before { - content: "\e69d"; - color: ""; -} -.text-align-left-font .b-font:before { - content: "\e654"; - color: #1a1a1a; -} -.text-align-left-font.native .b-font:before, -.text-align-left-font.disabled .b-font:before { - content: "\e654"; - color: #1a1a1a; -} -.text-align-center-font .b-font:before { - content: "\e64f"; - color: #1a1a1a; -} -.text-align-center-font.native .b-font:before, -.text-align-center-font.disabled .b-font:before { - content: "\e64f"; - color: #1a1a1a; -} -.text-align-right-font .b-font:before { - content: "\e651"; - color: #1a1a1a; -} -.text-align-right-font.native .b-font:before, -.text-align-right-font.disabled .b-font:before { - content: "\e651"; - color: #1a1a1a; -} -.img-upload-font .b-font:before { - content: "\e6ba"; - color: #009de3; -} -.img-upload-font.native .b-font:before, -.img-upload-font.disabled .b-font:before { - content: "\e6ba"; - color: #009de3; -} -.img-size-font .b-font:before { - content: "\e68b"; - color: #009de3; -} -.img-size-font.native .b-font:before, -.img-size-font.disabled .b-font:before { - content: "\e68b"; - color: #009de3; -} -.img-href-font .b-font:before { - content: "\e688"; - color: #009de3; -} -.img-href-font.native .b-font:before, -.img-href-font.disabled .b-font:before { - content: "\e688"; - color: #009de3; -} -.img-shutdown-font .b-font:before { - content: "\e689"; - color: #009de3; -} -.img-shutdown-font.native .b-font:before, -.img-shutdown-font.disabled .b-font:before { - content: "\e689"; - color: #009de3; -} -.move-font .b-font:before { - content: "\e65e"; - color: #808080; -} -.move-font.native .b-font:before, -.move-font.disabled .b-font:before { - content: "\e65e"; - color: #808080; -} -.share-font .b-font:before { - content: "\e65a"; - color: #808080; -} -.share-font.native .b-font:before, -.share-font.disabled .b-font:before { - content: "\e65a"; - color: #808080; -} -.new-file-font .b-font:before { - content: "\e65d"; - color: #808080; -} -.new-file-font.native .b-font:before, -.new-file-font.disabled .b-font:before { - content: "\e65d"; - color: #808080; -} -.file-font .b-font:before { - content: "\e65b"; - color: #fcc550; -} -.file-font.native .b-font:before, -.file-font.disabled .b-font:before { - content: "\e65b"; - color: #fcc550; -} -.folder-font .b-font:before { - content: "\e65c"; - color: #009de3; -} -.folder-font.native .b-font:before, -.folder-font.disabled .b-font:before { - content: "\e65c"; - color: #009de3; -} -.letter-font .b-font:before { - content: "\e659"; - color: #808080; -} -.letter-font:hover .b-font:before, -.letter-font:focus .b-font:before, -.letter-font.hover .b-font:before { - content: "\e659"; - color: #808080; -} -.letter-font:active .b-font:before, -.letter-font.active .b-font:before { - content: "\e659"; - color: #009de3; -} -.letter-font.native .b-font:before, -.letter-font.disabled .b-font:before { - content: "\e659"; - color: #808080; -} -.time-font .b-font:before { - content: "\e658"; - color: #808080; -} -.time-font:hover .b-font:before, -.time-font:focus .b-font:before, -.time-font.hover .b-font:before { - content: "\e658"; - color: #808080; -} -.time-font:active .b-font:before, -.time-font.active .b-font:before { - content: "\e658"; - color: #009de3; -} -.time-font.native .b-font:before, -.time-font.disabled .b-font:before { - content: "\e658"; - color: #808080; -} -.rename-font .b-font:before { - content: "\e687"; - color: #808080; -} -.rename-font.native .b-font:before, -.rename-font.disabled .b-font:before { - content: "\e687"; - color: #808080; -} -.delete-template-font .b-font:before { - content: "\e605"; - color: #808080; -} -.delete-template-font.native .b-font:before, -.delete-template-font.disabled .b-font:before { - content: "\e605"; - color: #808080; -} -.real-time-font .b-font:before { - content: "\e6af"; - color: #fcc550; -} -.real-time-font.native .b-font:before, -.real-time-font.disabled .b-font:before { - content: "\e6af"; - color: #fcc550; -} -.data-source-table-font .b-font:before { - content: "\e67b"; - color: #009de3; -} -.data-source-table-font:hover .b-font:before, -.data-source-table-font:focus .b-font:before, -.data-source-table-font.hover .b-font:before { - content: "\e67b"; - color: #009de3; -} -.data-source-table-font:active .b-font:before, -.data-source-table-font.active .b-font:before { - content: "\e67b"; - color: #ffffff; -} -.data-source-table-font.native .b-font:before, -.data-source-table-font.disabled .b-font:before { - content: "\e67b"; - color: #009de3; -} -.etl-table-font .b-font:before { - content: "\e680"; - color: #009de3; -} -.etl-table-font:hover .b-font:before, -.etl-table-font:focus .b-font:before, -.etl-table-font.hover .b-font:before { - content: "\e680"; - color: #009de3; -} -.etl-table-font:active .b-font:before, -.etl-table-font.active .b-font:before { - content: "\e680"; - color: #ffffff; -} -.etl-table-font.native .b-font:before, -.etl-table-font.disabled .b-font:before { - content: "\e680"; - color: #009de3; -} -.excel-table-font .b-font:before { - content: "\e682"; - color: #009de3; -} -.excel-table-font:hover .b-font:before, -.excel-table-font:focus .b-font:before, -.excel-table-font.hover .b-font:before { - content: "\e682"; - color: #009de3; -} -.excel-table-font:active .b-font:before, -.excel-table-font.active .b-font:before { - content: "\e682"; - color: #ffffff; -} -.excel-table-font.native .b-font:before, -.excel-table-font.disabled .b-font:before { - content: "\e682"; - color: #009de3; -} -.sql-table-font .b-font:before { - content: "\e681"; - color: #009de3; -} -.sql-table-font:hover .b-font:before, -.sql-table-font:focus .b-font:before, -.sql-table-font.hover .b-font:before { - content: "\e681"; - color: #009de3; -} -.sql-table-font:active .b-font:before, -.sql-table-font.active .b-font:before { - content: "\e681"; - color: #ffffff; -} -.sql-table-font.native .b-font:before, -.sql-table-font.disabled .b-font:before { - content: "\e681"; - color: #009de3; -} -.refresh-table-font .b-font:before { - content: "\e683"; - color: #808080; -} -.refresh-table-font.native .b-font:before, -.refresh-table-font.disabled .b-font:before { - content: "\e683"; - color: #808080; -} -.recover-chart-font-hightlight .b-font:before { - content: "\e6b4"; - color: #009de3; -} -.recover-chart-font-hightlight.native .b-font:before, -.recover-chart-font-hightlight.disabled .b-font:before { - content: "\e6b4"; - color: #009de3; -} -.tables-tile-view-font .b-font:before { - content: "\e685"; - color: #808080; -} -.tables-tile-view-font:hover .b-font:before, -.tables-tile-view-font:focus .b-font:before, -.tables-tile-view-font.hover .b-font:before { - content: "\e685"; - color: #808080; -} -.tables-tile-view-font:active .b-font:before, -.tables-tile-view-font.active .b-font:before { - content: "\e685"; - color: #ffffff; -} -.tables-tile-view-font.native .b-font:before, -.tables-tile-view-font.disabled .b-font:before { - content: "\e685"; - color: #808080; -} -.tables-relation-view-font .b-font:before { - content: "\e684"; - color: #808080; -} -.tables-relation-view-font:hover .b-font:before, -.tables-relation-view-font:focus .b-font:before, -.tables-relation-view-font.hover .b-font:before { - content: "\e684"; - color: #808080; -} -.tables-relation-view-font:active .b-font:before, -.tables-relation-view-font.active .b-font:before { - content: "\e684"; - color: #ffffff; -} -.tables-relation-view-font.native .b-font:before, -.tables-relation-view-font.disabled .b-font:before { - content: "\e684"; - color: #808080; -} -.add-new-table-pull-down-font .b-font:before { - content: "\e62d"; - color: #ffffff; -} -.add-new-table-pull-down-font.native .b-font:before, -.add-new-table-pull-down-font.disabled .b-font:before { - content: "\e62d"; - color: #ffffff; -} -.data-link-check-font .b-font:before { - content: "\e611"; - color: #ffffff; -} -.data-link-check-font:hover .b-font:before, -.data-link-check-font:focus .b-font:before, -.data-link-check-font.hover .b-font:before { - content: "\e611"; - color: #f4f4f4; -} -.data-link-check-font:active .b-font:before, -.data-link-check-font.active .b-font:before { - content: "\e611"; - color: #009de3; -} -.data-link-check-font.native .b-font:before, -.data-link-check-font.disabled .b-font:before { - content: "\e611"; - color: #ffffff; -} -.edit-set-font .b-font:before { - content: "\e634"; - color: #808080; -} -.edit-set-font:hover .b-font:before, -.edit-set-font:focus .b-font:before, -.edit-set-font.hover .b-font:before { - content: "\e634"; - color: #808080; -} -.edit-set-font.native .b-font:before, -.edit-set-font.disabled .b-font:before { - content: "\e634"; - color: #808080; -} -.new-analysis-font .b-font:before { - content: "\e692"; - color: #ffffff; -} -.new-analysis-font:hover .b-font:before, -.new-analysis-font:focus .b-font:before, -.new-analysis-font.hover .b-font:before { - content: "\e692"; - color: #ffffff; -} -.new-analysis-font.native .b-font:before, -.new-analysis-font.disabled .b-font:before { - content: "\e692"; - color: #ffffff; -} -.data-config-font .b-font:before { - content: "\e693"; - color: #ffffff; -} -.data-config-font:hover .b-font:before, -.data-config-font:focus .b-font:before, -.data-config-font.hover .b-font:before { - content: "\e693"; - color: #ffffff; -} -.data-config-font.native .b-font:before, -.data-config-font.disabled .b-font:before { - content: "\e693"; - color: #ffffff; -} -.folder-list-view .b-font:before { - content: "\e694"; - color: #808080; -} -.folder-list-view:hover .b-font:before, -.folder-list-view:focus .b-font:before, -.folder-list-view.hover .b-font:before { - content: "\e694"; - color: #808080; -} -.folder-list-view:active .b-font:before, -.folder-list-view.active .b-font:before { - content: "\e694"; - color: #ffffff; -} -.folder-list-view.native .b-font:before, -.folder-list-view.disabled .b-font:before { - content: "\e694"; - color: #808080; -} -.folder-card-view .b-font:before { - content: "\e685"; - color: #808080; -} -.folder-card-view:hover .b-font:before, -.folder-card-view:focus .b-font:before, -.folder-card-view.hover .b-font:before { - content: "\e685"; - color: #808080; -} -.folder-card-view:active .b-font:before, -.folder-card-view.active .b-font:before { - content: "\e685"; - color: #ffffff; -} -.folder-card-view.native .b-font:before, -.folder-card-view.disabled .b-font:before { - content: "\e685"; - color: #808080; -} -.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: #f4f4f4; -} -.item-check-font:active .b-font:before, -.item-check-font.active .b-font:before { - content: "\e611"; - color: #009de3; -} -.item-check-font.native .b-font:before, -.item-check-font.disabled .b-font:before { - content: "\e611"; - color: #ffffff; -} -.table-no-sort-no-filter-font .b-font:before { - content: "\e66a"; - color: ""; -} -.table-no-sort-no-filter-font:hover .b-font:before, -.table-no-sort-no-filter-font:focus .b-font:before, -.table-no-sort-no-filter-font.hover .b-font:before { - content: "\e66a"; - color: ""; -} -.table-no-sort-no-filter-font.native .b-font:before, -.table-no-sort-no-filter-font.disabled .b-font:before { - content: "\e66a"; - color: ""; -} -.table-no-sort-filter-font .b-font:before { - content: "\e66b"; - color: ""; -} -.table-no-sort-filter-font:hover .b-font:before, -.table-no-sort-filter-font:focus .b-font:before, -.table-no-sort-filter-font.hover .b-font:before { - content: "\e66b"; - color: ""; -} -.table-no-sort-filter-font.native .b-font:before, -.table-no-sort-filter-font.disabled .b-font:before { - content: "\e66b"; - color: ""; -} -.table-descending-filter-font .b-font:before { - content: "\e667"; - color: ""; -} -.table-descending-filter-font:hover .b-font:before, -.table-descending-filter-font:focus .b-font:before, -.table-descending-filter-font.hover .b-font:before { - content: "\e667"; - color: ""; -} -.table-descending-filter-font.native .b-font:before, -.table-descending-filter-font.disabled .b-font:before { - content: "\e667"; - color: ""; -} -.table-ascending-filter-font .b-font:before { - content: "\e669"; - color: ""; -} -.table-ascending-filter-font:hover .b-font:before, -.table-ascending-filter-font:focus .b-font:before, -.table-ascending-filter-font.hover .b-font:before { - content: "\e669"; - color: ""; -} -.table-ascending-filter-font.native .b-font:before, -.table-ascending-filter-font.disabled .b-font:before { - content: "\e669"; - color: ""; -} -.table-descending-no-filter-font .b-font:before { - content: "\e666"; - color: ""; -} -.table-descending-no-filter-font:hover .b-font:before, -.table-descending-no-filter-font:focus .b-font:before, -.table-descending-no-filter-font.hover .b-font:before { - content: "\e666"; - color: ""; -} -.table-descending-no-filter-font.native .b-font:before, -.table-descending-no-filter-font.disabled .b-font:before { - content: "\e666"; - color: ""; -} -.table-ascending-no-filter-font .b-font:before { - content: "\e668"; - color: ""; -} -.table-ascending-no-filter-font:hover .b-font:before, -.table-ascending-no-filter-font:focus .b-font:before, -.table-ascending-no-filter-font.hover .b-font:before { - content: "\e668"; - color: ""; -} -.table-ascending-no-filter-font.native .b-font:before, -.table-ascending-no-filter-font.disabled .b-font:before { - content: "\e668"; - color: ""; -} -.table-no-sort-font .b-font:before { - content: "\e66c"; - color: ""; -} -.table-no-sort-font:hover .b-font:before, -.table-no-sort-font:focus .b-font:before, -.table-no-sort-font.hover .b-font:before { - content: "\e66c"; - color: ""; -} -.table-no-sort-font.native .b-font:before, -.table-no-sort-font.disabled .b-font:before { - content: "\e66c"; - color: ""; -} -.primary-key-font .b-font:before { - content: "\e67d;"; - color: #808080; -} -.primary-key-font:hover .b-font:before, -.primary-key-font:focus .b-font:before, -.primary-key-font.hover .b-font:before { - content: "\e67d;"; - color: #808080; -} -.primary-key-font.native .b-font:before, -.primary-key-font.disabled .b-font:before { - content: "\e67d;"; - color: #808080; -} -.table-open-row-style-font .b-font:before { - content: "\e671"; - color: #808080; -} -.table-open-row-style-font:hover .b-font:before, -.table-open-row-style-font:focus .b-font:before, -.table-open-row-style-font.hover .b-font:before { - content: "\e671"; - color: #808080; -} -.table-open-row-style-font:active .b-font:before, -.table-open-row-style-font.active .b-font:before { - content: "\e671"; - color: #009de3; -} -.table-open-row-style-font.native .b-font:before, -.table-open-row-style-font.disabled .b-font:before { - content: "\e671"; - color: #808080; -} -.table-open-col-style-font .b-font:before { - content: "\e672"; - color: #808080; -} -.table-open-col-style-font:hover .b-font:before, -.table-open-col-style-font:focus .b-font:before, -.table-open-col-style-font.hover .b-font:before { - content: "\e672"; - color: #808080; -} -.table-open-col-style-font:active .b-font:before, -.table-open-col-style-font.active .b-font:before { - content: "\e672"; - color: #009de3; -} -.table-open-col-style-font.native .b-font:before, -.table-open-col-style-font.disabled .b-font:before { - content: "\e672"; - color: #808080; -} -.calculate-function-font .b-font:before { - content: "\e6a3"; - color: #1a1a1a; -} -.calculate-function-font.native .b-font:before, -.calculate-function-font.disabled .b-font:before { - content: "\e6a3"; - color: #1a1a1a; -} -.path-set-doubt .b-font:before { - content: "\e69a"; - color: #009de3; -} -.path-set-doubt.native .b-font:before, -.path-set-doubt.disabled .b-font:before { - content: "\e69a"; - color: #009de3; -} -.rename-report-font .b-font:before { - content: "\e687"; - color: #009de3; -} -.rename-report-font.native .b-font:before, -.rename-report-font.disabled .b-font:before { - content: "\e687"; - color: #009de3; -} -.remove-report-font .b-font:before { - content: "\e605"; - color: #e85050; -} -.remove-report-font.native .b-font:before, -.remove-report-font.disabled .b-font:before { - content: "\e605"; - color: #e85050; -} -.excel-upload-tip-font .b-font:before { - content: "\e69e"; - color: #009de3; -} -.excel-upload-tip-font.native .b-font:before, -.excel-upload-tip-font.disabled .b-font:before { - content: "\e69e"; - color: #009de3; -} -.excel-field-type-string-font .b-font:before { - content: "\e622"; - color: #009de3; -} -.excel-field-type-string-font.native .b-font:before, -.excel-field-type-string-font.disabled .b-font:before { - content: "\e622"; - color: #009de3; -} -.excel-field-type-number-font .b-font:before { - content: "\e61f"; - color: #009de3; -} -.excel-field-type-number-font.native .b-font:before, -.excel-field-type-number-font.disabled .b-font:before { - content: "\e61f"; - color: #009de3; -} -.excel-field-type-date-font .b-font:before { - content: "\e61b"; - color: #009de3; -} -.excel-field-type-date-font.native .b-font:before, -.excel-field-type-date-font.disabled .b-font:before { - content: "\e61b"; - color: #009de3; -} -.excel-field-type-pull-down-font .b-font:before { - content: "\e608"; - color: #009de3; -} -.excel-field-type-pull-down-font.native .b-font:before, -.excel-field-type-pull-down-font.disabled .b-font:before { - content: "\e608"; - color: #009de3; -} -.data-link-set-font .b-font:before { - content: "\e678"; - color: #009de3; -} -.data-link-set-font.native .b-font:before, -.data-link-set-font.disabled .b-font:before { - content: "\e678"; - color: #009de3; -} -.data-link-test-font .b-font:before { - content: "\e686"; - color: #009de3; -} -.data-link-test-font.native .b-font:before, -.data-link-test-font.disabled .b-font:before { - content: "\e686"; - color: #009de3; -} -.data-link-copy-font .b-font:before { - content: "\e610"; - color: #58cc7d; -} -.data-link-copy-font.native .b-font:before, -.data-link-copy-font.disabled .b-font:before { - content: "\e610"; - color: #58cc7d; -} -.data-link-remove-font .b-font:before { - content: "\e600"; - color: #e85050; -} -.data-link-remove-font.native .b-font:before, -.data-link-remove-font.disabled .b-font:before { - content: "\e600"; - color: #e85050; -} -.cube-path-confirm-font .b-font:before { - content: "\e64e"; - color: #fbb03b; -} -.cube-path-confirm-font.native .b-font:before, -.cube-path-confirm-font.disabled .b-font:before { - content: "\e64e"; - color: #fbb03b; -} -.target-style-less-dot-font .b-font:before { - content: "\e6a2"; - color: #e85050; -} -.target-style-less-dot-font.native .b-font:before, -.target-style-less-dot-font.disabled .b-font:before { - content: "\e6a2"; - color: #e85050; -} -.target-style-equal-dot-font .b-font:before { - content: "\e6a2"; - color: #f9a744; -} -.target-style-equal-dot-font.native .b-font:before, -.target-style-equal-dot-font.disabled .b-font:before { - content: "\e6a2"; - color: #f9a744; -} -.target-style-more-dot-font .b-font:before { - content: "\e6a2"; - color: #58cc7d; -} -.target-style-more-dot-font.native .b-font:before, -.target-style-more-dot-font.disabled .b-font:before { - content: "\e6a2"; - color: #58cc7d; -} -.target-style-less-arrow-font .b-font:before { - content: "\e6a1"; - color: #e85050; -} -.target-style-less-arrow-font.native .b-font:before, -.target-style-less-arrow-font.disabled .b-font:before { - content: "\e6a1"; - color: #e85050; -} -.target-style-equal-arrow-font .b-font:before { - content: "\e69f"; - color: #f9a744; -} -.target-style-equal-arrow-font.native .b-font:before, -.target-style-equal-arrow-font.disabled .b-font:before { - content: "\e69f"; - color: #f9a744; -} -.target-style-more-arrow-font .b-font:before { - content: "\e6a0"; - color: #58cc7d; -} -.target-style-more-arrow-font.native .b-font:before, -.target-style-more-arrow-font.disabled .b-font:before { - content: "\e6a0"; - color: #58cc7d; -} -.calculate-target-font .b-font:before { - content: "\e6a3"; - color: #1a1a1a; -} -.calculate-target-font.native .b-font:before, -.calculate-target-font.disabled .b-font:before { - content: "\e6a3"; - color: #1a1a1a; -} -.task-list-font .b-font:before { - content: "\e694"; - color: #009de3; -} -.task-list-font.native .b-font:before, -.task-list-font.disabled .b-font:before { - content: "\e694"; - color: #009de3; -} -.widget-combo-detail-font .b-font:before { - content: "\e697"; - color: #009de3; -} -.widget-combo-detail-font.native .b-font:before, -.widget-combo-detail-font.disabled .b-font:before { - content: "\e697"; - color: #009de3; -} -.widget-combo-pull-down-font .b-font:before { - content: "\e6ab"; - color: #009de3; -} -.widget-combo-pull-down-font.native .b-font:before, -.widget-combo-pull-down-font.disabled .b-font:before { - content: "\e6ab"; - color: #009de3; -} -.widget-tools-filter-font .b-font:before { - content: "\e60f"; - color: #009de3; -} -.widget-tools-filter-font.native .b-font:before, -.widget-tools-filter-font.disabled .b-font:before { - content: "\e60f"; - color: #009de3; -} -.widget-tools-clear-font .b-font:before { - content: "\e63d"; - color: #009de3; -} -.widget-tools-clear-font.native .b-font:before, -.widget-tools-clear-font.disabled .b-font:before { - content: "\e63d"; - color: #009de3; -} -.widget-tools-export-excel-font .b-font:before { - content: "\e635"; - color: #009de3; -} -.widget-tools-export-excel-font.native .b-font:before, -.widget-tools-export-excel-font.disabled .b-font:before { - content: "\e635"; - color: #009de3; -} -.widget-combo-expand-font .b-font:before { - content: "\e697"; - color: #808080; -} -.widget-combo-expand-font.native .b-font:before, -.widget-combo-expand-font.disabled .b-font:before { - content: "\e697"; - color: #808080; -} -.widget-combo-linkage-font .b-font:before { - content: "\e63c"; - color: #808080; -} -.widget-combo-linkage-font.native .b-font:before, -.widget-combo-linkage-font.disabled .b-font:before { - content: "\e63c"; - color: #808080; -} -.widget-combo-rename-edit-font .b-font:before { - content: "\e670"; - color: #808080; -} -.widget-combo-rename-edit-font.native .b-font:before, -.widget-combo-rename-edit-font.disabled .b-font:before { - content: "\e670"; - color: #808080; -} -.widget-combo-show-title-font .b-font:before { - content: "\e64c"; - color: #808080; -} -.widget-combo-show-title-font.native .b-font:before, -.widget-combo-show-title-font.disabled .b-font:before { - content: "\e64c"; - color: #808080; -} -.widget-combo-title-left-font .b-font:before { - content: "\e654"; - color: #808080; -} -.widget-combo-title-left-font.native .b-font:before, -.widget-combo-title-left-font.disabled .b-font:before { - content: "\e654"; - color: #808080; -} -.widget-combo-title-center-font .b-font:before { - content: "\e64f"; - color: #808080; -} -.widget-combo-title-center-font.native .b-font:before, -.widget-combo-title-center-font.disabled .b-font:before { - content: "\e64f"; - color: #808080; -} -.widget-combo-show-filter-font .b-font:before { - content: "\e60f"; - color: #808080; -} -.widget-combo-show-filter-font.native .b-font:before, -.widget-combo-show-filter-font.disabled .b-font:before { - content: "\e60f"; - color: #808080; -} -.widget-combo-export-excel-font .b-font:before { - content: "\e635"; - color: #808080; -} -.widget-combo-export-excel-font.native .b-font:before, -.widget-combo-export-excel-font.disabled .b-font:before { - content: "\e635"; - color: #808080; -} -.widget-combo-copy .b-font:before { - content: "\e610"; - color: #808080; -} -.widget-combo-copy.native .b-font:before, -.widget-combo-copy.disabled .b-font:before { - content: "\e610"; - color: #808080; -} -.widget-combo-delete .b-font:before { - content: "\e605"; - color: #808080; -} -.widget-combo-delete.native .b-font:before, -.widget-combo-delete.disabled .b-font:before { - content: "\e605"; - color: #808080; -} -.widget-combo-asc-font .b-font:before { - content: "\e63f"; - color: #808080; -} -.widget-combo-asc-font.native .b-font:before, -.widget-combo-asc-font.disabled .b-font:before { - content: "\e63f"; - color: #808080; -} -.widget-combo-des-font .b-font:before { - content: "\e63a"; - color: #808080; -} -.widget-combo-des-font.native .b-font:before, -.widget-combo-des-font.disabled .b-font:before { - content: "\e63a"; - color: #808080; -} -.widget-combo-clear-font .b-font:before { - content: "\e63d"; - color: #808080; -} -.widget-combo-clear-font.native .b-font:before, -.widget-combo-clear-font.disabled .b-font:before { - content: "\e63d"; - color: #808080; -} -.detail-table-popup-font .b-font:before { - content: "\e6ac"; - color: #808080; -} -.detail-table-popup-font:hover .b-font:before, -.detail-table-popup-font:focus .b-font:before, -.detail-table-popup-font.hover .b-font:before { - content: "\e6ac"; - color: #009de3; -} -.detail-table-popup-font.native .b-font:before, -.detail-table-popup-font.disabled .b-font:before { - content: "\e6ac"; - color: #808080; -} -.chart-drill-up .b-font:before { - content: "\e6ad"; - color: ""; -} -.chart-drill-up.native .b-font:before, -.chart-drill-up.disabled .b-font:before { - content: "\e6ad"; - color: ""; -} -.chart-drill-down .b-font:before { - content: "\e608"; - color: ""; -} -.chart-drill-down.native .b-font:before, -.chart-drill-down.disabled .b-font:before { - content: "\e608"; - color: ""; -} -.report-filter-open-font .b-font:before { - content: "\e648"; - color: #808080; -} -.report-filter-open-font.native .b-font:before, -.report-filter-open-font.disabled .b-font:before { - content: "\e648"; - color: #808080; -} -.report-filter-close-font .b-font:before { - content: "\e645"; - color: #808080; -} -.report-filter-close-font.native .b-font:before, -.report-filter-close-font.disabled .b-font:before { - content: "\e645"; - color: #808080; -} -.report-apply-hangout-normal-font .b-font:before { - content: "\e66d"; - color: #808080; -} -.report-apply-hangout-normal-font.native .b-font:before, -.report-apply-hangout-normal-font.disabled .b-font:before { - content: "\e66d"; - color: #808080; -} -.report-apply-hangout-ing-font .b-font:before { - content: "\e66d"; - color: #009de3; -} -.report-apply-hangout-ing-font.native .b-font:before, -.report-apply-hangout-ing-font.disabled .b-font:before { - content: "\e66d"; - color: #009de3; -} -.report-hangout-font .b-font:before { - content: "\e64b"; - color: #58cc7d; -} -.report-hangout-font.native .b-font:before, -.report-hangout-font.disabled .b-font:before { - content: "\e64b"; - color: #58cc7d; -} -.report-cancel-hangout-font .b-font:before { - content: "\e64b"; - color: #808080; -} -.report-cancel-hangout-font.native .b-font:before, -.report-cancel-hangout-font.disabled .b-font:before { - content: "\e64b"; - color: #808080; -} -.report-hangout-ing-mark-font .b-font:before { - content: "\e64b"; - color: #009de3; -} -.report-hangout-ing-mark-font.native .b-font:before, -.report-hangout-ing-mark-font.disabled .b-font:before { - content: "\e64b"; - color: #009de3; -} -.delete-font-package .b-font:before { - content: "\e605"; - color: #e85050; -} -.delete-font-package.native .b-font:before, -.delete-font-package.disabled .b-font:before { - content: "\e605"; - color: #e85050; -} -.delete-h-font-package .b-font:before { - content: "\e605"; - color: #e85050; -} -.delete-h-font-package.native .b-font:before, -.delete-h-font-package.disabled .b-font:before { - content: "\e605"; - color: #e85050; -} -.rename-font-package .b-font:before { - content: "\e687"; - color: #009de3; -} -.rename-font-package.native .b-font:before, -.rename-font-package.disabled .b-font:before { - content: "\e687"; - color: #009de3; -} -.package-selected-font .b-font:before { - content: "\e6b3"; - color: #178cdf; -} -.package-selected-font.native .b-font:before, -.package-selected-font.disabled .b-font:before { - content: "\e6b3"; - color: #178cdf; -} -.package-not-selected-font .b-font:before { - content: "\e6b2"; - color: #178cdf; -} -.package-not-selected-font.native .b-font:before, -.package-not-selected-font.disabled .b-font:before { - content: "\e6b2"; - color: #178cdf; -} -.report-detail-info-font .b-font:before { - content: "\e66e"; - color: #f07d0a; -} -.report-detail-info-font.native .b-font:before, -.report-detail-info-font.disabled .b-font:before { - content: "\e66e"; - color: #f07d0a; -} -.report-rename-font .b-font:before { - content: "\e670"; - color: #58cc7d; -} -.report-rename-font.native .b-font:before, -.report-rename-font.disabled .b-font:before { - content: "\e670"; - color: #58cc7d; -} -.report-cancel-share-font .b-font:before { - content: "\e6b5"; - color: #009de3; -} -.report-cancel-share-font.native .b-font:before, -.report-cancel-share-font.disabled .b-font:before { - content: "\e6b5"; - color: #009de3; -} -.drill-push-up-font .b-font:before { - content: "\e630"; - color: #808080; -} -.drill-push-up-font.native .b-font:before, -.drill-push-up-font.disabled .b-font:before { - content: "\e630"; - color: #808080; -} -.drill-push-down-font .b-font:before { - content: "\e62d"; - color: #808080; -} -.drill-push-down-font.native .b-font:before, -.drill-push-down-font.disabled .b-font:before { - content: "\e62d"; - color: #808080; -} -.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; -} diff --git a/src/css/resources/icon.css b/src/css/resources/icon.css deleted file mode 100644 index 002f421b8..000000000 --- a/src/css/resources/icon.css +++ /dev/null @@ -1,2230 +0,0 @@ -.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; -} -.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; -} -.loading-bar-icon .x-icon, -.loading-bar-icon:hover .x-icon, -.loading-bar-icon:active .x-icon { - display: block; - background: url('icon/loading_bar.gif') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/loading_bar.gif'); - _background: none; -} -.loading-bar-icon.native .x-icon, -.loading-bar-icon.disabled .x-icon { - display: block; - background: url('icon/loading_bar.gif') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/loading_bar.gif'); - _background: none; -} -.left-join-icon .x-icon, -.left-join-icon:hover .x-icon, -.left-join-icon:active .x-icon { - display: block; - background: url('icon/left-join.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/left-join.png'); - _background: none; -} -.left-join-icon.native .x-icon, -.left-join-icon.disabled .x-icon { - display: block; - background: url('icon/left-join.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/left-join.png'); - _background: none; -} -.right-join-icon .x-icon, -.right-join-icon:hover .x-icon, -.right-join-icon:active .x-icon { - display: block; - background: url('icon/right-join.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/right-join.png'); - _background: none; -} -.right-join-icon.native .x-icon, -.right-join-icon.disabled .x-icon { - display: block; - background: url('icon/right-join.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/right-join.png'); - _background: none; -} -.inner-join-icon .x-icon, -.inner-join-icon:hover .x-icon, -.inner-join-icon:active .x-icon { - display: block; - background: url('icon/inner-join.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/inner-join.png'); - _background: none; -} -.inner-join-icon.native .x-icon, -.inner-join-icon.disabled .x-icon { - display: block; - background: url('icon/inner-join.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/inner-join.png'); - _background: none; -} -.outer-join-icon .x-icon, -.outer-join-icon:hover .x-icon, -.outer-join-icon:active .x-icon { - display: block; - background: url('icon/outer-join.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/outer-join.png'); - _background: none; -} -.outer-join-icon.native .x-icon, -.outer-join-icon.disabled .x-icon { - display: block; - background: url('icon/outer-join.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/outer-join.png'); - _background: none; -} -.data-link-test-fail-icon .x-icon, -.data-link-test-fail-icon:hover .x-icon, -.data-link-test-fail-icon:active .x-icon { - display: block; - background: url('icon/test_fail.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/test_fail.png'); - _background: none; -} -.data-link-test-fail-icon.native .x-icon, -.data-link-test-fail-icon.disabled .x-icon { - display: block; - background: url('icon/test_fail.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/test_fail.png'); - _background: none; -} -.data-link-test-success-icon .x-icon, -.data-link-test-success-icon:hover .x-icon, -.data-link-test-success-icon:active .x-icon { - display: block; - background: url('icon/test_success.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/test_success.png'); - _background: none; -} -.data-link-test-success-icon.native .x-icon, -.data-link-test-success-icon.disabled .x-icon { - display: block; - background: url('icon/test_success.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/test_success.png'); - _background: none; -} -.business-package-icon .x-icon, -.business-package-icon:hover .x-icon, -.business-package-icon:active .x-icon { - display: block; - background: url('icon/business_package.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/business_package.png'); - _background: none; -} -.business-package-icon.native .x-icon, -.business-package-icon.disabled .x-icon { - display: block; - background: url('icon/business_package.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/business_package.png'); - _background: none; -} -.business-package-add-icon .x-icon, -.business-package-add-icon:hover .x-icon, -.business-package-add-icon:active .x-icon { - display: block; - background: url('icon/business_package_add.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/business_package_add.png'); - _background: none; -} -.business-package-add-icon.native .x-icon, -.business-package-add-icon.disabled .x-icon { - display: block; - background: url('icon/business_package_add.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/business_package_add.png'); - _background: none; -} -.business-package-add-disable-icon .x-icon, -.business-package-add-disable-icon:hover .x-icon, -.business-package-add-disable-icon:active .x-icon { - display: block; - background: url('icon/business_package_add_disable.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/business_package_add_disable.png'); - _background: none; -} -.business-package-add-disable-icon.native .x-icon, -.business-package-add-disable-icon.disabled .x-icon { - display: block; - background: url('icon/business_package_add_disable.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/business_package_add_disable.png'); - _background: none; -} -.business-package-selected-icon .x-icon, -.business-package-selected-icon:hover .x-icon, -.business-package-selected-icon:active .x-icon { - display: block; - background: url('icon/package_selected.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/package_selected.png'); - _background: none; -} -.business-package-selected-icon.native .x-icon, -.business-package-selected-icon.disabled .x-icon { - display: block; - background: url('icon/package_selected.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/package_selected.png'); - _background: none; -} -.card-view-report-icon .x-icon, -.card-view-report-icon:hover .x-icon, -.card-view-report-icon:active .x-icon { - display: block; - background: url('icon/report.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/report.png'); - _background: none; -} -.card-view-report-icon.native .x-icon, -.card-view-report-icon.disabled .x-icon { - display: block; - background: url('icon/report.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/report.png'); - _background: none; -} -.card-view-real-time-icon .x-icon, -.card-view-real-time-icon:hover .x-icon, -.card-view-real-time-icon:active .x-icon { - display: block; - background: url('icon/real_time.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/real_time.png'); - _background: none; -} -.card-view-real-time-icon.native .x-icon, -.card-view-real-time-icon.disabled .x-icon { - display: block; - background: url('icon/real_time.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/real_time.png'); - _background: none; -} -.table-style1-icon .x-icon, -.table-style1-icon:hover .x-icon, -.table-style1-icon:active .x-icon { - display: block; - background: url('icon/table_style_1.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/table_style_1.png'); - _background: none; -} -.table-style1-icon.native .x-icon, -.table-style1-icon.disabled .x-icon { - display: block; - background: url('icon/table_style_1.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/table_style_1.png'); - _background: none; -} -.table-style2-icon .x-icon, -.table-style2-icon:hover .x-icon, -.table-style2-icon:active .x-icon { - display: block; - background: url('icon/table_style_2.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/table_style_2.png'); - _background: none; -} -.table-style2-icon.native .x-icon, -.table-style2-icon.disabled .x-icon { - display: block; - background: url('icon/table_style_2.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/table_style_2.png'); - _background: none; -} -.table-style3-icon .x-icon, -.table-style3-icon:hover .x-icon, -.table-style3-icon:active .x-icon { - display: block; - background: url('icon/table_style_3.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/table_style_3.png'); - _background: none; -} -.table-style3-icon.native .x-icon, -.table-style3-icon.disabled .x-icon { - display: block; - background: url('icon/table_style_3.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/table_style_3.png'); - _background: none; -} -.axis-chart-style-gradual-icon .x-icon, -.axis-chart-style-gradual-icon:hover .x-icon, -.axis-chart-style-gradual-icon:active .x-icon { - display: block; - background: url('icon/chartsetting/icon_style_gradual.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_gradual.png'); - _background: none; -} -.axis-chart-style-gradual-icon.native .x-icon, -.axis-chart-style-gradual-icon.disabled .x-icon { - display: block; - background: url('icon/chartsetting/icon_style_gradual.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_gradual.png'); - _background: none; -} -.axis-chart-style-gradual-highlight-icon .x-icon, -.axis-chart-style-gradual-highlight-icon:hover .x-icon, -.axis-chart-style-gradual-highlight-icon:active .x-icon { - display: block; - background: url('icon/chartsetting/icon_gradual_highlight.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_gradual_highlight.png'); - _background: none; -} -.axis-chart-style-gradual-highlight-icon.native .x-icon, -.axis-chart-style-gradual-highlight-icon.disabled .x-icon { - display: block; - background: url('icon/chartsetting/icon_gradual_highlight.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_gradual_highlight.png'); - _background: none; -} -.axis-chart-style-normal-icon .x-icon, -.axis-chart-style-normal-icon:hover .x-icon, -.axis-chart-style-normal-icon:active .x-icon { - display: block; - background: url('icon/chartsetting/icon_style_normal.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_normal.png'); - _background: none; -} -.axis-chart-style-normal-icon.native .x-icon, -.axis-chart-style-normal-icon.disabled .x-icon { - display: block; - background: url('icon/chartsetting/icon_style_normal.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_normal.png'); - _background: none; -} -.axis-chart-style-transparent-icon .x-icon, -.axis-chart-style-transparent-icon:hover .x-icon, -.axis-chart-style-transparent-icon:active .x-icon { - display: block; - background: url('icon/chartsetting/icon_style_transparent.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_transparent.png'); - _background: none; -} -.axis-chart-style-transparent-icon.native .x-icon, -.axis-chart-style-transparent-icon.disabled .x-icon { - display: block; - background: url('icon/chartsetting/icon_style_transparent.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_transparent.png'); - _background: none; -} -.axis-chart-style-3d-icon .x-icon, -.axis-chart-style-3d-icon:hover .x-icon, -.axis-chart-style-3d-icon:active .x-icon { - display: block; - background: url('icon/chartsetting/icon_style_3d.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_3d.png'); - _background: none; -} -.axis-chart-style-3d-icon.native .x-icon, -.axis-chart-style-3d-icon.disabled .x-icon { - display: block; - background: url('icon/chartsetting/icon_style_3d.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_3d.png'); - _background: none; -} -.line-chart-style-curve-icon .x-icon, -.line-chart-style-curve-icon:hover .x-icon, -.line-chart-style-curve-icon:active .x-icon { - display: block; - background: url('icon/chartsetting/icon_style_line_curve.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_line_curve.png'); - _background: none; -} -.line-chart-style-curve-icon.native .x-icon, -.line-chart-style-curve-icon.disabled .x-icon { - display: block; - background: url('icon/chartsetting/icon_style_line_curve.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_line_curve.png'); - _background: none; -} -.line-chart-style-broken-icon .x-icon, -.line-chart-style-broken-icon:hover .x-icon, -.line-chart-style-broken-icon:active .x-icon { - display: block; - background: url('icon/chartsetting/icon_style_line_broken.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_line_broken.png'); - _background: none; -} -.line-chart-style-broken-icon.native .x-icon, -.line-chart-style-broken-icon.disabled .x-icon { - display: block; - background: url('icon/chartsetting/icon_style_line_broken.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_line_broken.png'); - _background: none; -} -.line-chart-style-vertical-icon .x-icon, -.line-chart-style-vertical-icon:hover .x-icon, -.line-chart-style-vertical-icon:active .x-icon { - display: block; - background: url('icon/chartsetting/icon_style_line_vertical.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_line_vertical.png'); - _background: none; -} -.line-chart-style-vertical-icon.native .x-icon, -.line-chart-style-vertical-icon.disabled .x-icon { - display: block; - background: url('icon/chartsetting/icon_style_line_vertical.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_line_vertical.png'); - _background: none; -} -.area-chart-style-curve-icon .x-icon, -.area-chart-style-curve-icon:hover .x-icon, -.area-chart-style-curve-icon:active .x-icon { - display: block; - background: url('icon/chartsetting/icon_style_area_curve.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_area_curve.png'); - _background: none; -} -.area-chart-style-curve-icon.native .x-icon, -.area-chart-style-curve-icon.disabled .x-icon { - display: block; - background: url('icon/chartsetting/icon_style_area_curve.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_area_curve.png'); - _background: none; -} -.area-chart-style-broken-icon .x-icon, -.area-chart-style-broken-icon:hover .x-icon, -.area-chart-style-broken-icon:active .x-icon { - display: block; - background: url('icon/chartsetting/icon_style_area_broken.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_area_broken.png'); - _background: none; -} -.area-chart-style-broken-icon.native .x-icon, -.area-chart-style-broken-icon.disabled .x-icon { - display: block; - background: url('icon/chartsetting/icon_style_area_broken.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_area_broken.png'); - _background: none; -} -.area-chart-style-vertical-icon .x-icon, -.area-chart-style-vertical-icon:hover .x-icon, -.area-chart-style-vertical-icon:active .x-icon { - display: block; - background: url('icon/chartsetting/icon_style_area_vertical.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_area_vertical.png'); - _background: none; -} -.area-chart-style-vertical-icon.native .x-icon, -.area-chart-style-vertical-icon.disabled .x-icon { - display: block; - background: url('icon/chartsetting/icon_style_area_vertical.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_area_vertical.png'); - _background: none; -} -.pie-chart-style-normal-icon .x-icon, -.pie-chart-style-normal-icon:hover .x-icon, -.pie-chart-style-normal-icon:active .x-icon { - display: block; - background: url('icon/chartsetting/icon_style_pie_normal.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_pie_normal.png'); - _background: none; -} -.pie-chart-style-normal-icon.native .x-icon, -.pie-chart-style-normal-icon.disabled .x-icon { - display: block; - background: url('icon/chartsetting/icon_style_pie_normal.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_pie_normal.png'); - _background: none; -} -.pie-chart-style-equal-arc-rose-icon .x-icon, -.pie-chart-style-equal-arc-rose-icon:hover .x-icon, -.pie-chart-style-equal-arc-rose-icon:active .x-icon { - display: block; - background: url('icon/chartsetting/icon_style_pie_equal_arc_rose.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_pie_equal_arc_rose.png'); - _background: none; -} -.pie-chart-style-equal-arc-rose-icon.native .x-icon, -.pie-chart-style-equal-arc-rose-icon.disabled .x-icon { - display: block; - background: url('icon/chartsetting/icon_style_pie_equal_arc_rose.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_pie_equal_arc_rose.png'); - _background: none; -} -.pie-chart-style-not-equal-arc-rose-icon .x-icon, -.pie-chart-style-not-equal-arc-rose-icon:hover .x-icon, -.pie-chart-style-not-equal-arc-rose-icon:active .x-icon { - display: block; - background: url('icon/chartsetting/icon_style_pie_not_equal_arc_rose.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_pie_not_equal_arc_rose.png'); - _background: none; -} -.pie-chart-style-not-equal-arc-rose-icon.native .x-icon, -.pie-chart-style-not-equal-arc-rose-icon.disabled .x-icon { - display: block; - background: url('icon/chartsetting/icon_style_pie_not_equal_arc_rose.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_pie_not_equal_arc_rose.png'); - _background: none; -} -.radar-chart-style-polygon-icon .x-icon, -.radar-chart-style-polygon-icon:hover .x-icon, -.radar-chart-style-polygon-icon:active .x-icon { - display: block; - background: url('icon/chartsetting/icon_style_radar_polygon.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_radar_polygon.png'); - _background: none; -} -.radar-chart-style-polygon-icon.native .x-icon, -.radar-chart-style-polygon-icon.disabled .x-icon { - display: block; - background: url('icon/chartsetting/icon_style_radar_polygon.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_radar_polygon.png'); - _background: none; -} -.acc_radar-chart-style-polygon-icon .x-icon, -.acc_radar-chart-style-polygon-icon:hover .x-icon, -.acc_radar-chart-style-polygon-icon:active .x-icon { - display: block; - background: url('icon/chartsetting/icon_style_acc_radar_polygon.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_acc_radar_polygon.png'); - _background: none; -} -.acc_radar-chart-style-polygon-icon.native .x-icon, -.acc_radar-chart-style-polygon-icon.disabled .x-icon { - display: block; - background: url('icon/chartsetting/icon_style_acc_radar_polygon.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_acc_radar_polygon.png'); - _background: none; -} -.acc_radar-chart-style-circle-icon .x-icon, -.acc_radar-chart-style-circle-icon:hover .x-icon, -.acc_radar-chart-style-circle-icon:active .x-icon { - display: block; - background: url('icon/chartsetting/icon_style_acc_radar_circle.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_acc_radar_circle.png'); - _background: none; -} -.acc_radar-chart-style-circle-icon.native .x-icon, -.acc_radar-chart-style-circle-icon.disabled .x-icon { - display: block; - background: url('icon/chartsetting/icon_style_acc_radar_circle.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_acc_radar_circle.png'); - _background: none; -} -.radar-chart-style-circle-icon .x-icon, -.radar-chart-style-circle-icon:hover .x-icon, -.radar-chart-style-circle-icon:active .x-icon { - display: block; - background: url('icon/chartsetting/icon_style_radar_circle.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_radar_circle.png'); - _background: none; -} -.radar-chart-style-circle-icon.native .x-icon, -.radar-chart-style-circle-icon.disabled .x-icon { - display: block; - background: url('icon/chartsetting/icon_style_radar_circle.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_radar_circle.png'); - _background: none; -} -.dashboard-chart-style-360-icon .x-icon, -.dashboard-chart-style-360-icon:hover .x-icon, -.dashboard-chart-style-360-icon:active .x-icon { - display: block; - background: url('icon/chartsetting/icon_dashboard_1.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_dashboard_1.png'); - _background: none; -} -.dashboard-chart-style-360-icon.native .x-icon, -.dashboard-chart-style-360-icon.disabled .x-icon { - display: block; - background: url('icon/chartsetting/icon_dashboard_1.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_dashboard_1.png'); - _background: none; -} -.dashboard-chart-style-180-icon .x-icon, -.dashboard-chart-style-180-icon:hover .x-icon, -.dashboard-chart-style-180-icon:active .x-icon { - display: block; - background: url('icon/chartsetting/icon_dashboard_2.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_dashboard_2.png'); - _background: none; -} -.dashboard-chart-style-180-icon.native .x-icon, -.dashboard-chart-style-180-icon.disabled .x-icon { - display: block; - background: url('icon/chartsetting/icon_dashboard_2.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_dashboard_2.png'); - _background: none; -} -.dashboard-chart-style-percent-icon .x-icon, -.dashboard-chart-style-percent-icon:hover .x-icon, -.dashboard-chart-style-percent-icon:active .x-icon { - display: block; - background: url('icon/chartsetting/icon_dashboard_4.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_dashboard_4.png'); - _background: none; -} -.dashboard-chart-style-percent-icon.native .x-icon, -.dashboard-chart-style-percent-icon.disabled .x-icon { - display: block; - background: url('icon/chartsetting/icon_dashboard_4.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_dashboard_4.png'); - _background: none; -} -.dashboard-chart-style-percent-scale-slot-icon .x-icon, -.dashboard-chart-style-percent-scale-slot-icon:hover .x-icon, -.dashboard-chart-style-percent-scale-slot-icon:active .x-icon { - display: block; - background: url('icon/chartsetting/icon_dashboard_5.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_dashboard_5.png'); - _background: none; -} -.dashboard-chart-style-percent-scale-slot-icon.native .x-icon, -.dashboard-chart-style-percent-scale-slot-icon.disabled .x-icon { - display: block; - background: url('icon/chartsetting/icon_dashboard_5.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_dashboard_5.png'); - _background: none; -} -.dashboard-chart-style-vertical-tube-icon .x-icon, -.dashboard-chart-style-vertical-tube-icon:hover .x-icon, -.dashboard-chart-style-vertical-tube-icon:active .x-icon { - display: block; - background: url('icon/chartsetting/icon_dashboard_6.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_dashboard_6.png'); - _background: none; -} -.dashboard-chart-style-vertical-tube-icon.native .x-icon, -.dashboard-chart-style-vertical-tube-icon.disabled .x-icon { - display: block; - background: url('icon/chartsetting/icon_dashboard_6.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_dashboard_6.png'); - _background: none; -} -.dashboard-chart-style-horizontal-tube-icon .x-icon, -.dashboard-chart-style-horizontal-tube-icon:hover .x-icon, -.dashboard-chart-style-horizontal-tube-icon:active .x-icon { - display: block; - background: url('icon/chartsetting/icon_dashboard_7.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_dashboard_7.png'); - _background: none; -} -.dashboard-chart-style-horizontal-tube-icon.native .x-icon, -.dashboard-chart-style-horizontal-tube-icon.disabled .x-icon { - display: block; - background: url('icon/chartsetting/icon_dashboard_7.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_dashboard_7.png'); - _background: none; -} -.example-excel-icon .x-icon, -.example-excel-icon:hover .x-icon, -.example-excel-icon:active .x-icon { - display: block; - background: url('icon/example.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/example.png'); - _background: none; -} -.example-excel-icon.native .x-icon, -.example-excel-icon.disabled .x-icon { - display: block; - background: url('icon/example.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/example.png'); - _background: none; -} -.dimension-no-data-icon .x-icon, -.dimension-no-data-icon:hover .x-icon, -.dimension-no-data-icon:active .x-icon { - display: block; - background: url('icon/no_data.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/no_data.png'); - _background: none; -} -.dimension-no-data-icon.native .x-icon, -.dimension-no-data-icon.disabled .x-icon { - display: block; - background: url('icon/no_data.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/no_data.png'); - _background: none; -} -.drag-group-icon .x-icon, -.drag-group-icon:hover .x-icon, -.drag-group-icon:active .x-icon { - display: block; - background: url('icon/drag/icon_group.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_group.png'); - _background: none; -} -.drag-group-icon.native .x-icon, -.drag-group-icon.disabled .x-icon { - display: block; - background: url('icon/drag/icon_group.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_group.png'); - _background: none; -} -.drag-cross-icon .x-icon, -.drag-cross-icon:hover .x-icon, -.drag-cross-icon:active .x-icon { - display: block; - background: url('icon/drag/icon_cross.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_cross.png'); - _background: none; -} -.drag-cross-icon.native .x-icon, -.drag-cross-icon.disabled .x-icon { - display: block; - background: url('icon/drag/icon_cross.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_cross.png'); - _background: none; -} -.drag-complex-icon .x-icon, -.drag-complex-icon:hover .x-icon, -.drag-complex-icon:active .x-icon { - display: block; - background: url('icon/drag/icon_complex.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_complex.png'); - _background: none; -} -.drag-complex-icon.native .x-icon, -.drag-complex-icon.disabled .x-icon { - display: block; - background: url('icon/drag/icon_complex.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_complex.png'); - _background: none; -} -.drag-axis-icon .x-icon, -.drag-axis-icon:hover .x-icon, -.drag-axis-icon:active .x-icon { - display: block; - background: url('icon/drag/icon_axis.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_axis.png'); - _background: none; -} -.drag-axis-icon.native .x-icon, -.drag-axis-icon.disabled .x-icon { - display: block; - background: url('icon/drag/icon_axis.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_axis.png'); - _background: none; -} -.drag-axis-accu-icon .x-icon, -.drag-axis-accu-icon:hover .x-icon, -.drag-axis-accu-icon:active .x-icon { - display: block; - background: url('icon/drag/icon_axis_a.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_axis_a.png'); - _background: none; -} -.drag-axis-accu-icon.native .x-icon, -.drag-axis-accu-icon.disabled .x-icon { - display: block; - background: url('icon/drag/icon_axis_a.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_axis_a.png'); - _background: none; -} -.drag-axis-percent-accu-icon .x-icon, -.drag-axis-percent-accu-icon:hover .x-icon, -.drag-axis-percent-accu-icon:active .x-icon { - display: block; - background: url('icon/drag/icon_axis_pa.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_axis_pa.png'); - _background: none; -} -.drag-axis-percent-accu-icon.native .x-icon, -.drag-axis-percent-accu-icon.disabled .x-icon { - display: block; - background: url('icon/drag/icon_axis_pa.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_axis_pa.png'); - _background: none; -} -.drag-axis-compare-icon .x-icon, -.drag-axis-compare-icon:hover .x-icon, -.drag-axis-compare-icon:active .x-icon { - display: block; - background: url('icon/drag/icon_axis_c.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_axis_c.png'); - _background: none; -} -.drag-axis-compare-icon.native .x-icon, -.drag-axis-compare-icon.disabled .x-icon { - display: block; - background: url('icon/drag/icon_axis_c.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_axis_c.png'); - _background: none; -} -.drag-axis-fall-icon .x-icon, -.drag-axis-fall-icon:hover .x-icon, -.drag-axis-fall-icon:active .x-icon { - display: block; - background: url('icon/drag/icon_axis_f.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_axis_f.png'); - _background: none; -} -.drag-axis-fall-icon.native .x-icon, -.drag-axis-fall-icon.disabled .x-icon { - display: block; - background: url('icon/drag/icon_axis_f.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_axis_f.png'); - _background: none; -} -.drag-bar-icon .x-icon, -.drag-bar-icon:hover .x-icon, -.drag-bar-icon:active .x-icon { - display: block; - background: url('icon/drag/icon_bar.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_bar.png'); - _background: none; -} -.drag-bar-icon.native .x-icon, -.drag-bar-icon.disabled .x-icon { - display: block; - background: url('icon/drag/icon_bar.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_bar.png'); - _background: none; -} -.drag-bar-accu-icon .x-icon, -.drag-bar-accu-icon:hover .x-icon, -.drag-bar-accu-icon:active .x-icon { - display: block; - background: url('icon/drag/icon_bar_a.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_bar_a.png'); - _background: none; -} -.drag-bar-accu-icon.native .x-icon, -.drag-bar-accu-icon.disabled .x-icon { - display: block; - background: url('icon/drag/icon_bar_a.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_bar_a.png'); - _background: none; -} -.drag-bar-compare-icon .x-icon, -.drag-bar-compare-icon:hover .x-icon, -.drag-bar-compare-icon:active .x-icon { - display: block; - background: url('icon/drag/icon_bar_c.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_bar_c.png'); - _background: none; -} -.drag-bar-compare-icon.native .x-icon, -.drag-bar-compare-icon.disabled .x-icon { - display: block; - background: url('icon/drag/icon_bar_c.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_bar_c.png'); - _background: none; -} -.drag-area-icon .x-icon, -.drag-area-icon:hover .x-icon, -.drag-area-icon:active .x-icon { - display: block; - background: url('icon/drag/icon_area.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_area.png'); - _background: none; -} -.drag-area-icon.native .x-icon, -.drag-area-icon.disabled .x-icon { - display: block; - background: url('icon/drag/icon_area.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_area.png'); - _background: none; -} -.drag-area-accu-icon .x-icon, -.drag-area-accu-icon:hover .x-icon, -.drag-area-accu-icon:active .x-icon { - display: block; - background: url('icon/drag/icon_area_a.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_area_a.png'); - _background: none; -} -.drag-area-accu-icon.native .x-icon, -.drag-area-accu-icon.disabled .x-icon { - display: block; - background: url('icon/drag/icon_area_a.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_area_a.png'); - _background: none; -} -.drag-area-percent-accu-icon .x-icon, -.drag-area-percent-accu-icon:hover .x-icon, -.drag-area-percent-accu-icon:active .x-icon { - display: block; - background: url('icon/drag/icon_area_pa.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_area_pa.png'); - _background: none; -} -.drag-area-percent-accu-icon.native .x-icon, -.drag-area-percent-accu-icon.disabled .x-icon { - display: block; - background: url('icon/drag/icon_area_pa.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_area_pa.png'); - _background: none; -} -.drag-area-compare-icon .x-icon, -.drag-area-compare-icon:hover .x-icon, -.drag-area-compare-icon:active .x-icon { - display: block; - background: url('icon/drag/icon_area_c.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_area_c.png'); - _background: none; -} -.drag-area-compare-icon.native .x-icon, -.drag-area-compare-icon.disabled .x-icon { - display: block; - background: url('icon/drag/icon_area_c.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_area_c.png'); - _background: none; -} -.drag-area-range-icon .x-icon, -.drag-area-range-icon:hover .x-icon, -.drag-area-range-icon:active .x-icon { - display: block; - background: url('icon/drag/icon_area_r.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_area_r.png'); - _background: none; -} -.drag-area-range-icon.native .x-icon, -.drag-area-range-icon.disabled .x-icon { - display: block; - background: url('icon/drag/icon_area_r.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_area_r.png'); - _background: none; -} -.drag-combine-icon .x-icon, -.drag-combine-icon:hover .x-icon, -.drag-combine-icon:active .x-icon { - display: block; - background: url('icon/drag/icon_combine.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_combine.png'); - _background: none; -} -.drag-combine-icon.native .x-icon, -.drag-combine-icon.disabled .x-icon { - display: block; - background: url('icon/drag/icon_combine.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_combine.png'); - _background: none; -} -.drag-combine-mult-icon .x-icon, -.drag-combine-mult-icon:hover .x-icon, -.drag-combine-mult-icon:active .x-icon { - display: block; - background: url('icon/drag/icon_combine_m.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_combine_m.png'); - _background: none; -} -.drag-combine-mult-icon.native .x-icon, -.drag-combine-mult-icon.disabled .x-icon { - display: block; - background: url('icon/drag/icon_combine_m.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_combine_m.png'); - _background: none; -} -.drag-line-icon .x-icon, -.drag-line-icon:hover .x-icon, -.drag-line-icon:active .x-icon { - display: block; - background: url('icon/drag/icon_line.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_line.png'); - _background: none; -} -.drag-line-icon.native .x-icon, -.drag-line-icon.disabled .x-icon { - display: block; - background: url('icon/drag/icon_line.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_line.png'); - _background: none; -} -.drag-pie-icon .x-icon, -.drag-pie-icon:hover .x-icon, -.drag-pie-icon:active .x-icon { - display: block; - background: url('icon/drag/icon_pie.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_pie.png'); - _background: none; -} -.drag-pie-icon.native .x-icon, -.drag-pie-icon.disabled .x-icon { - display: block; - background: url('icon/drag/icon_pie.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_pie.png'); - _background: none; -} -.drag-map-china-icon .x-icon, -.drag-map-china-icon:hover .x-icon, -.drag-map-china-icon:active .x-icon { - display: block; - background: url('icon/drag/icon_map_c.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_map_c.png'); - _background: none; -} -.drag-map-china-icon.native .x-icon, -.drag-map-china-icon.disabled .x-icon { - display: block; - background: url('icon/drag/icon_map_c.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_map_c.png'); - _background: none; -} -.drag-map-global-icon .x-icon, -.drag-map-global-icon:hover .x-icon, -.drag-map-global-icon:active .x-icon { - display: block; - background: url('icon/drag/icon_map_g.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_map_g.png'); - _background: none; -} -.drag-map-global-icon.native .x-icon, -.drag-map-global-icon.disabled .x-icon { - display: block; - background: url('icon/drag/icon_map_g.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_map_g.png'); - _background: none; -} -.drag-map-svg-icon .x-icon, -.drag-map-svg-icon:hover .x-icon, -.drag-map-svg-icon:active .x-icon { - display: block; - background: url('icon/drag/icon_map_s.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_map_s.png'); - _background: none; -} -.drag-map-svg-icon.native .x-icon, -.drag-map-svg-icon.disabled .x-icon { - display: block; - background: url('icon/drag/icon_map_s.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_map_s.png'); - _background: none; -} -.drag-map-gis-icon .x-icon, -.drag-map-gis-icon:hover .x-icon, -.drag-map-gis-icon:active .x-icon { - display: block; - background: url('icon/drag/icon_map_gis.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_map_gis.png'); - _background: none; -} -.drag-map-gis-icon.native .x-icon, -.drag-map-gis-icon.disabled .x-icon { - display: block; - background: url('icon/drag/icon_map_gis.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_map_gis.png'); - _background: none; -} -.drag-dashboard-icon .x-icon, -.drag-dashboard-icon:hover .x-icon, -.drag-dashboard-icon:active .x-icon { - display: block; - background: url('icon/drag/icon_dashboard.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_dashboard.png'); - _background: none; -} -.drag-dashboard-icon.native .x-icon, -.drag-dashboard-icon.disabled .x-icon { - display: block; - background: url('icon/drag/icon_dashboard.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_dashboard.png'); - _background: none; -} -.drag-donut-icon .x-icon, -.drag-donut-icon:hover .x-icon, -.drag-donut-icon:active .x-icon { - display: block; - background: url('icon/drag/icon_donut.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_donut.png'); - _background: none; -} -.drag-donut-icon.native .x-icon, -.drag-donut-icon.disabled .x-icon { - display: block; - background: url('icon/drag/icon_donut.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_donut.png'); - _background: none; -} -.drag-radar-icon .x-icon, -.drag-radar-icon:hover .x-icon, -.drag-radar-icon:active .x-icon { - display: block; - background: url('icon/drag/icon_radar.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_radar.png'); - _background: none; -} -.drag-radar-icon.native .x-icon, -.drag-radar-icon.disabled .x-icon { - display: block; - background: url('icon/drag/icon_radar.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_radar.png'); - _background: none; -} -.drag-radar-accu-icon .x-icon, -.drag-radar-accu-icon:hover .x-icon, -.drag-radar-accu-icon:active .x-icon { - display: block; - background: url('icon/drag/icon_radar_a.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_radar_a.png'); - _background: none; -} -.drag-radar-accu-icon.native .x-icon, -.drag-radar-accu-icon.disabled .x-icon { - display: block; - background: url('icon/drag/icon_radar_a.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_radar_a.png'); - _background: none; -} -.drag-bubble-icon .x-icon, -.drag-bubble-icon:hover .x-icon, -.drag-bubble-icon:active .x-icon { - display: block; - background: url('icon/drag/icon_bubble.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_bubble.png'); - _background: none; -} -.drag-bubble-icon.native .x-icon, -.drag-bubble-icon.disabled .x-icon { - display: block; - background: url('icon/drag/icon_bubble.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_bubble.png'); - _background: none; -} -.drag-bubble-force-icon .x-icon, -.drag-bubble-force-icon:hover .x-icon, -.drag-bubble-force-icon:active .x-icon { - display: block; - background: url('icon/drag/icon_bubble_f.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_bubble_f.png'); - _background: none; -} -.drag-bubble-force-icon.native .x-icon, -.drag-bubble-force-icon.disabled .x-icon { - display: block; - background: url('icon/drag/icon_bubble_f.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_bubble_f.png'); - _background: none; -} -.drag-scatter-icon .x-icon, -.drag-scatter-icon:hover .x-icon, -.drag-scatter-icon:active .x-icon { - display: block; - background: url('icon/drag/icon_scatter.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_scatter.png'); - _background: none; -} -.drag-scatter-icon.native .x-icon, -.drag-scatter-icon.disabled .x-icon { - display: block; - background: url('icon/drag/icon_scatter.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_scatter.png'); - _background: none; -} -.drag-funnel-icon .x-icon, -.drag-funnel-icon:hover .x-icon, -.drag-funnel-icon:active .x-icon { - display: block; - background: url('icon/drag/icon_funnel.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_funnel.png'); - _background: none; -} -.drag-funnel-icon.native .x-icon, -.drag-funnel-icon.disabled .x-icon { - display: block; - background: url('icon/drag/icon_funnel.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_funnel.png'); - _background: none; -} -.drag-detail-icon .x-icon, -.drag-detail-icon:hover .x-icon, -.drag-detail-icon:active .x-icon { - display: block; - background: url('icon/drag/pure/icon_detail.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_detail.png'); - _background: none; -} -.drag-detail-icon.native .x-icon, -.drag-detail-icon.disabled .x-icon { - display: block; - background: url('icon/drag/pure/icon_detail.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_detail.png'); - _background: none; -} -.drag-input-icon .x-icon, -.drag-input-icon:hover .x-icon, -.drag-input-icon:active .x-icon { - display: block; - background: url('icon/drag/pure/icon_input.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_input.png'); - _background: none; -} -.drag-input-icon.native .x-icon, -.drag-input-icon.disabled .x-icon { - display: block; - background: url('icon/drag/pure/icon_input.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_input.png'); - _background: none; -} -.drag-web-icon .x-icon, -.drag-web-icon:hover .x-icon, -.drag-web-icon:active .x-icon { - display: block; - background: url('icon/drag/pure/icon_web.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_web.png'); - _background: none; -} -.drag-web-icon.native .x-icon, -.drag-web-icon.disabled .x-icon { - display: block; - background: url('icon/drag/pure/icon_web.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_web.png'); - _background: none; -} -.drag-image-icon .x-icon, -.drag-image-icon:hover .x-icon, -.drag-image-icon:active .x-icon { - display: block; - background: url('icon/drag/pure/icon_image.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_image.png'); - _background: none; -} -.drag-image-icon.native .x-icon, -.drag-image-icon.disabled .x-icon { - display: block; - background: url('icon/drag/pure/icon_image.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_image.png'); - _background: none; -} -.drag-string-icon .x-icon, -.drag-string-icon:hover .x-icon, -.drag-string-icon:active .x-icon { - display: block; - background: url('icon/drag/pure/icon_string.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_string.png'); - _background: none; -} -.drag-string-icon.native .x-icon, -.drag-string-icon.disabled .x-icon { - display: block; - background: url('icon/drag/pure/icon_string.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_string.png'); - _background: none; -} -.drag-number-icon .x-icon, -.drag-number-icon:hover .x-icon, -.drag-number-icon:active .x-icon { - display: block; - background: url('icon/drag/pure/icon_number.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_number.png'); - _background: none; -} -.drag-number-icon.native .x-icon, -.drag-number-icon.disabled .x-icon { - display: block; - background: url('icon/drag/pure/icon_number.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_number.png'); - _background: none; -} -.drag-tree-icon .x-icon, -.drag-tree-icon:hover .x-icon, -.drag-tree-icon:active .x-icon { - display: block; - background: url('icon/drag/pure/icon_tree.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_tree.png'); - _background: none; -} -.drag-tree-icon.native .x-icon, -.drag-tree-icon.disabled .x-icon { - display: block; - background: url('icon/drag/pure/icon_tree.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_tree.png'); - _background: none; -} -.drag-date-icon .x-icon, -.drag-date-icon:hover .x-icon, -.drag-date-icon:active .x-icon { - display: block; - background: url('icon/drag/pure/icon_date.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_date.png'); - _background: none; -} -.drag-date-icon.native .x-icon, -.drag-date-icon.disabled .x-icon { - display: block; - background: url('icon/drag/pure/icon_date.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_date.png'); - _background: none; -} -.drag-year-icon .x-icon, -.drag-year-icon:hover .x-icon, -.drag-year-icon:active .x-icon { - display: block; - background: url('icon/drag/pure/icon_year.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_year.png'); - _background: none; -} -.drag-year-icon.native .x-icon, -.drag-year-icon.disabled .x-icon { - display: block; - background: url('icon/drag/pure/icon_year.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_year.png'); - _background: none; -} -.drag-year-month-icon .x-icon, -.drag-year-month-icon:hover .x-icon, -.drag-year-month-icon:active .x-icon { - display: block; - background: url('icon/drag/pure/icon_year_m.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_year_m.png'); - _background: none; -} -.drag-year-month-icon.native .x-icon, -.drag-year-month-icon.disabled .x-icon { - display: block; - background: url('icon/drag/pure/icon_year_m.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_year_m.png'); - _background: none; -} -.drag-year-season-icon .x-icon, -.drag-year-season-icon:hover .x-icon, -.drag-year-season-icon:active .x-icon { - display: block; - background: url('icon/drag/pure/icon_year_s.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_year_s.png'); - _background: none; -} -.drag-year-season-icon.native .x-icon, -.drag-year-season-icon.disabled .x-icon { - display: block; - background: url('icon/drag/pure/icon_year_s.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_year_s.png'); - _background: none; -} -.drag-ymd-icon .x-icon, -.drag-ymd-icon:hover .x-icon, -.drag-ymd-icon:active .x-icon { - display: block; - background: url('icon/drag/pure/icon_year_m_d.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_year_m_d.png'); - _background: none; -} -.drag-ymd-icon.native .x-icon, -.drag-ymd-icon.disabled .x-icon { - display: block; - background: url('icon/drag/pure/icon_year_m_d.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_year_m_d.png'); - _background: none; -} -.drag-general-query-icon .x-icon, -.drag-general-query-icon:hover .x-icon, -.drag-general-query-icon:active .x-icon { - display: block; - background: url('icon/drag/pure/icon_query_g.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_query_g.png'); - _background: none; -} -.drag-general-query-icon.native .x-icon, -.drag-general-query-icon.disabled .x-icon { - display: block; - background: url('icon/drag/pure/icon_query_g.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_query_g.png'); - _background: none; -} -.drag-query-icon .x-icon, -.drag-query-icon:hover .x-icon, -.drag-query-icon:active .x-icon { - display: block; - background: url('icon/drag/pure/icon_query.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_query.png'); - _background: none; -} -.drag-query-icon.native .x-icon, -.drag-query-icon.disabled .x-icon { - display: block; - background: url('icon/drag/pure/icon_query.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_query.png'); - _background: none; -} -.drag-reset-icon .x-icon, -.drag-reset-icon:hover .x-icon, -.drag-reset-icon:active .x-icon { - display: block; - background: url('icon/drag/pure/icon_reset.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_reset.png'); - _background: none; -} -.drag-reset-icon.native .x-icon, -.drag-reset-icon.disabled .x-icon { - display: block; - background: url('icon/drag/pure/icon_reset.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_reset.png'); - _background: none; -} -.drag-reuse-icon .x-icon, -.drag-reuse-icon:hover .x-icon, -.drag-reuse-icon:active .x-icon { - display: block; - background: url('icon/drag/pure/icon_reuse.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_reuse.png'); - _background: none; -} -.drag-reuse-icon.native .x-icon, -.drag-reuse-icon.disabled .x-icon { - display: block; - background: url('icon/drag/pure/icon_reuse.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_reuse.png'); - _background: none; -} -.drag-group-small-icon .x-icon, -.drag-group-small-icon:hover .x-icon, -.drag-group-small-icon:active .x-icon { - display: block; - background: url('icon/drag/small/icon_group.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_group.png'); - _background: none; -} -.drag-group-small-icon.native .x-icon, -.drag-group-small-icon.disabled .x-icon { - display: block; - background: url('icon/drag/small/icon_group.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_group.png'); - _background: none; -} -.drag-cross-small-icon .x-icon, -.drag-cross-small-icon:hover .x-icon, -.drag-cross-small-icon:active .x-icon { - display: block; - background: url('icon/drag/small/icon_cross.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_cross.png'); - _background: none; -} -.drag-cross-small-icon.native .x-icon, -.drag-cross-small-icon.disabled .x-icon { - display: block; - background: url('icon/drag/small/icon_cross.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_cross.png'); - _background: none; -} -.drag-complex-small-icon .x-icon, -.drag-complex-small-icon:hover .x-icon, -.drag-complex-small-icon:active .x-icon { - display: block; - background: url('icon/drag/small/icon_complex.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_complex.png'); - _background: none; -} -.drag-complex-small-icon.native .x-icon, -.drag-complex-small-icon.disabled .x-icon { - display: block; - background: url('icon/drag/small/icon_complex.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_complex.png'); - _background: none; -} -.drag-axis-small-icon .x-icon, -.drag-axis-small-icon:hover .x-icon, -.drag-axis-small-icon:active .x-icon { - display: block; - background: url('icon/drag/small/icon_axis.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_axis.png'); - _background: none; -} -.drag-axis-small-icon.native .x-icon, -.drag-axis-small-icon.disabled .x-icon { - display: block; - background: url('icon/drag/small/icon_axis.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_axis.png'); - _background: none; -} -.drag-axis-accu-small-icon .x-icon, -.drag-axis-accu-small-icon:hover .x-icon, -.drag-axis-accu-small-icon:active .x-icon { - display: block; - background: url('icon/drag/small/icon_axis_a.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_axis_a.png'); - _background: none; -} -.drag-axis-accu-small-icon.native .x-icon, -.drag-axis-accu-small-icon.disabled .x-icon { - display: block; - background: url('icon/drag/small/icon_axis_a.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_axis_a.png'); - _background: none; -} -.drag-axis-percent-accu-small-icon .x-icon, -.drag-axis-percent-accu-small-icon:hover .x-icon, -.drag-axis-percent-accu-small-icon:active .x-icon { - display: block; - background: url('icon/drag/small/icon_axis_pa.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_axis_pa.png'); - _background: none; -} -.drag-axis-percent-accu-small-icon.native .x-icon, -.drag-axis-percent-accu-small-icon.disabled .x-icon { - display: block; - background: url('icon/drag/small/icon_axis_pa.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_axis_pa.png'); - _background: none; -} -.drag-axis-compare-small-icon .x-icon, -.drag-axis-compare-small-icon:hover .x-icon, -.drag-axis-compare-small-icon:active .x-icon { - display: block; - background: url('icon/drag/small/icon_axis_c.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_axis_c.png'); - _background: none; -} -.drag-axis-compare-small-icon.native .x-icon, -.drag-axis-compare-small-icon.disabled .x-icon { - display: block; - background: url('icon/drag/small/icon_axis_c.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_axis_c.png'); - _background: none; -} -.drag-axis-fall-small-icon .x-icon, -.drag-axis-fall-small-icon:hover .x-icon, -.drag-axis-fall-small-icon:active .x-icon { - display: block; - background: url('icon/drag/small/icon_axis_f.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_axis_f.png'); - _background: none; -} -.drag-axis-fall-small-icon.native .x-icon, -.drag-axis-fall-small-icon.disabled .x-icon { - display: block; - background: url('icon/drag/small/icon_axis_f.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_axis_f.png'); - _background: none; -} -.drag-bar-small-icon .x-icon, -.drag-bar-small-icon:hover .x-icon, -.drag-bar-small-icon:active .x-icon { - display: block; - background: url('icon/drag/small/icon_bar.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_bar.png'); - _background: none; -} -.drag-bar-small-icon.native .x-icon, -.drag-bar-small-icon.disabled .x-icon { - display: block; - background: url('icon/drag/small/icon_bar.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_bar.png'); - _background: none; -} -.drag-bar-accu-small-icon .x-icon, -.drag-bar-accu-small-icon:hover .x-icon, -.drag-bar-accu-small-icon:active .x-icon { - display: block; - background: url('icon/drag/small/icon_bar_a.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_bar_a.png'); - _background: none; -} -.drag-bar-accu-small-icon.native .x-icon, -.drag-bar-accu-small-icon.disabled .x-icon { - display: block; - background: url('icon/drag/small/icon_bar_a.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_bar_a.png'); - _background: none; -} -.drag-bar-compare-small-icon .x-icon, -.drag-bar-compare-small-icon:hover .x-icon, -.drag-bar-compare-small-icon:active .x-icon { - display: block; - background: url('icon/drag/small/icon_bar_c.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_bar_c.png'); - _background: none; -} -.drag-bar-compare-small-icon.native .x-icon, -.drag-bar-compare-small-icon.disabled .x-icon { - display: block; - background: url('icon/drag/small/icon_bar_c.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_bar_c.png'); - _background: none; -} -.drag-area-small-icon .x-icon, -.drag-area-small-icon:hover .x-icon, -.drag-area-small-icon:active .x-icon { - display: block; - background: url('icon/drag/small/icon_area.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_area.png'); - _background: none; -} -.drag-area-small-icon.native .x-icon, -.drag-area-small-icon.disabled .x-icon { - display: block; - background: url('icon/drag/small/icon_area.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_area.png'); - _background: none; -} -.drag-area-accu-small-icon .x-icon, -.drag-area-accu-small-icon:hover .x-icon, -.drag-area-accu-small-icon:active .x-icon { - display: block; - background: url('icon/drag/small/icon_area_a.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_area_a.png'); - _background: none; -} -.drag-area-accu-small-icon.native .x-icon, -.drag-area-accu-small-icon.disabled .x-icon { - display: block; - background: url('icon/drag/small/icon_area_a.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_area_a.png'); - _background: none; -} -.drag-area-percent-accu-small-icon .x-icon, -.drag-area-percent-accu-small-icon:hover .x-icon, -.drag-area-percent-accu-small-icon:active .x-icon { - display: block; - background: url('icon/drag/small/icon_area_pa.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_area_pa.png'); - _background: none; -} -.drag-area-percent-accu-small-icon.native .x-icon, -.drag-area-percent-accu-small-icon.disabled .x-icon { - display: block; - background: url('icon/drag/small/icon_area_pa.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_area_pa.png'); - _background: none; -} -.drag-area-compare-small-icon .x-icon, -.drag-area-compare-small-icon:hover .x-icon, -.drag-area-compare-small-icon:active .x-icon { - display: block; - background: url('icon/drag/small/icon_area_c.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_area_c.png'); - _background: none; -} -.drag-area-compare-small-icon.native .x-icon, -.drag-area-compare-small-icon.disabled .x-icon { - display: block; - background: url('icon/drag/small/icon_area_c.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_area_c.png'); - _background: none; -} -.drag-area-range-small-icon .x-icon, -.drag-area-range-small-icon:hover .x-icon, -.drag-area-range-small-icon:active .x-icon { - display: block; - background: url('icon/drag/small/icon_area_r.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_area_r.png'); - _background: none; -} -.drag-area-range-small-icon.native .x-icon, -.drag-area-range-small-icon.disabled .x-icon { - display: block; - background: url('icon/drag/small/icon_area_r.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_area_r.png'); - _background: none; -} -.drag-combine-small-icon .x-icon, -.drag-combine-small-icon:hover .x-icon, -.drag-combine-small-icon:active .x-icon { - display: block; - background: url('icon/drag/small/icon_combine.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_combine.png'); - _background: none; -} -.drag-combine-small-icon.native .x-icon, -.drag-combine-small-icon.disabled .x-icon { - display: block; - background: url('icon/drag/small/icon_combine.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_combine.png'); - _background: none; -} -.drag-combine-mult-small-icon .x-icon, -.drag-combine-mult-small-icon:hover .x-icon, -.drag-combine-mult-small-icon:active .x-icon { - display: block; - background: url('icon/drag/small/icon_combine_m.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_combine_m.png'); - _background: none; -} -.drag-combine-mult-small-icon.native .x-icon, -.drag-combine-mult-small-icon.disabled .x-icon { - display: block; - background: url('icon/drag/small/icon_combine_m.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_combine_m.png'); - _background: none; -} -.drag-line-small-icon .x-icon, -.drag-line-small-icon:hover .x-icon, -.drag-line-small-icon:active .x-icon { - display: block; - background: url('icon/drag/small/icon_line.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_line.png'); - _background: none; -} -.drag-line-small-icon.native .x-icon, -.drag-line-small-icon.disabled .x-icon { - display: block; - background: url('icon/drag/small/icon_line.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_line.png'); - _background: none; -} -.drag-pie-small-icon .x-icon, -.drag-pie-small-icon:hover .x-icon, -.drag-pie-small-icon:active .x-icon { - display: block; - background: url('icon/drag/small/icon_pie.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_pie.png'); - _background: none; -} -.drag-pie-small-icon.native .x-icon, -.drag-pie-small-icon.disabled .x-icon { - display: block; - background: url('icon/drag/small/icon_pie.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_pie.png'); - _background: none; -} -.drag-map-china-small-icon .x-icon, -.drag-map-china-small-icon:hover .x-icon, -.drag-map-china-small-icon:active .x-icon { - display: block; - background: url('icon/drag/small/icon_map_c.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_map_c.png'); - _background: none; -} -.drag-map-china-small-icon.native .x-icon, -.drag-map-china-small-icon.disabled .x-icon { - display: block; - background: url('icon/drag/small/icon_map_c.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_map_c.png'); - _background: none; -} -.drag-map-global-small-icon .x-icon, -.drag-map-global-small-icon:hover .x-icon, -.drag-map-global-small-icon:active .x-icon { - display: block; - background: url('icon/drag/small/icon_map_g.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_map_g.png'); - _background: none; -} -.drag-map-global-small-icon.native .x-icon, -.drag-map-global-small-icon.disabled .x-icon { - display: block; - background: url('icon/drag/small/icon_map_g.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_map_g.png'); - _background: none; -} -.drag-map-svg-small-icon .x-icon, -.drag-map-svg-small-icon:hover .x-icon, -.drag-map-svg-small-icon:active .x-icon { - display: block; - background: url('icon/drag/small/icon_map_s.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_map_s.png'); - _background: none; -} -.drag-map-svg-small-icon.native .x-icon, -.drag-map-svg-small-icon.disabled .x-icon { - display: block; - background: url('icon/drag/small/icon_map_s.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_map_s.png'); - _background: none; -} -.drag-map-gis-small-icon .x-icon, -.drag-map-gis-small-icon:hover .x-icon, -.drag-map-gis-small-icon:active .x-icon { - display: block; - background: url('icon/drag/small/icon_map_gis.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_map_gis.png'); - _background: none; -} -.drag-map-gis-small-icon.native .x-icon, -.drag-map-gis-small-icon.disabled .x-icon { - display: block; - background: url('icon/drag/small/icon_map_gis.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_map_gis.png'); - _background: none; -} -.drag-dashboard-small-icon .x-icon, -.drag-dashboard-small-icon:hover .x-icon, -.drag-dashboard-small-icon:active .x-icon { - display: block; - background: url('icon/drag/small/icon_dashboard.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_dashboard.png'); - _background: none; -} -.drag-dashboard-small-icon.native .x-icon, -.drag-dashboard-small-icon.disabled .x-icon { - display: block; - background: url('icon/drag/small/icon_dashboard.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_dashboard.png'); - _background: none; -} -.drag-donut-small-icon .x-icon, -.drag-donut-small-icon:hover .x-icon, -.drag-donut-small-icon:active .x-icon { - display: block; - background: url('icon/drag/small/icon_donut.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_donut.png'); - _background: none; -} -.drag-donut-small-icon.native .x-icon, -.drag-donut-small-icon.disabled .x-icon { - display: block; - background: url('icon/drag/small/icon_donut.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_donut.png'); - _background: none; -} -.drag-radar-small-icon .x-icon, -.drag-radar-small-icon:hover .x-icon, -.drag-radar-small-icon:active .x-icon { - display: block; - background: url('icon/drag/small/icon_radar.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_radar.png'); - _background: none; -} -.drag-radar-small-icon.native .x-icon, -.drag-radar-small-icon.disabled .x-icon { - display: block; - background: url('icon/drag/small/icon_radar.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_radar.png'); - _background: none; -} -.drag-radar-accu-small-icon .x-icon, -.drag-radar-accu-small-icon:hover .x-icon, -.drag-radar-accu-small-icon:active .x-icon { - display: block; - background: url('icon/drag/small/icon_radar_a.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_radar_a.png'); - _background: none; -} -.drag-radar-accu-small-icon.native .x-icon, -.drag-radar-accu-small-icon.disabled .x-icon { - display: block; - background: url('icon/drag/small/icon_radar_a.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_radar_a.png'); - _background: none; -} -.drag-bubble-small-icon .x-icon, -.drag-bubble-small-icon:hover .x-icon, -.drag-bubble-small-icon:active .x-icon { - display: block; - background: url('icon/drag/small/icon_bubble.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_bubble.png'); - _background: none; -} -.drag-bubble-small-icon.native .x-icon, -.drag-bubble-small-icon.disabled .x-icon { - display: block; - background: url('icon/drag/small/icon_bubble.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_bubble.png'); - _background: none; -} -.drag-bubble-force-small-icon .x-icon, -.drag-bubble-force-small-icon:hover .x-icon, -.drag-bubble-force-small-icon:active .x-icon { - display: block; - background: url('icon/drag/small/icon_bubble_f.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_bubble_f.png'); - _background: none; -} -.drag-bubble-force-small-icon.native .x-icon, -.drag-bubble-force-small-icon.disabled .x-icon { - display: block; - background: url('icon/drag/small/icon_bubble_f.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_bubble_f.png'); - _background: none; -} -.drag-scatter-small-icon .x-icon, -.drag-scatter-small-icon:hover .x-icon, -.drag-scatter-small-icon:active .x-icon { - display: block; - background: url('icon/drag/small/icon_scatter.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_scatter.png'); - _background: none; -} -.drag-scatter-small-icon.native .x-icon, -.drag-scatter-small-icon.disabled .x-icon { - display: block; - background: url('icon/drag/small/icon_scatter.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_scatter.png'); - _background: none; -} -.drag-funnel-small-icon .x-icon, -.drag-funnel-small-icon:hover .x-icon, -.drag-funnel-small-icon:active .x-icon { - display: block; - background: url('icon/drag/small/icon_funnel.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_funnel.png'); - _background: none; -} -.drag-funnel-small-icon.native .x-icon, -.drag-funnel-small-icon.disabled .x-icon { - display: block; - background: url('icon/drag/small/icon_funnel.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_funnel.png'); - _background: none; -} -.drag-detail-small-icon .x-icon, -.drag-detail-small-icon:hover .x-icon, -.drag-detail-small-icon:active .x-icon { - display: block; - background: url('icon/drag/small/icon_detail.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_detail.png'); - _background: none; -} -.drag-detail-small-icon.native .x-icon, -.drag-detail-small-icon.disabled .x-icon { - display: block; - background: url('icon/drag/small/icon_detail.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_detail.png'); - _background: none; -} -.drag-input-small-icon .x-icon, -.drag-input-small-icon:hover .x-icon, -.drag-input-small-icon:active .x-icon { - display: block; - background: url('icon/drag/small/icon_input.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_input.png'); - _background: none; -} -.drag-input-small-icon.native .x-icon, -.drag-input-small-icon.disabled .x-icon { - display: block; - background: url('icon/drag/small/icon_input.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_input.png'); - _background: none; -} -.drag-web-small-icon .x-icon, -.drag-web-small-icon:hover .x-icon, -.drag-web-small-icon:active .x-icon { - display: block; - background: url('icon/drag/small/icon_web.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_web.png'); - _background: none; -} -.drag-web-small-icon.native .x-icon, -.drag-web-small-icon.disabled .x-icon { - display: block; - background: url('icon/drag/small/icon_web.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_web.png'); - _background: none; -} -.drag-image-small-icon .x-icon, -.drag-image-small-icon:hover .x-icon, -.drag-image-small-icon:active .x-icon { - display: block; - background: url('icon/drag/small/icon_image.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_image.png'); - _background: none; -} -.drag-image-small-icon.native .x-icon, -.drag-image-small-icon.disabled .x-icon { - display: block; - background: url('icon/drag/small/icon_image.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_image.png'); - _background: none; -} -.error-face-icon .x-icon, -.error-face-icon:hover .x-icon, -.error-face-icon:active .x-icon { - display: block; - background: url('icon/no_data.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/no_data.png'); - _background: none; -} -.error-face-icon.native .x-icon, -.error-face-icon.disabled .x-icon { - display: block; - background: url('icon/no_data.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/no_data.png'); - _background: none; -} -.drag-tip-dots-icon .x-icon, -.drag-tip-dots-icon:hover .x-icon, -.drag-tip-dots-icon:active .x-icon { - display: block; - background: url('icon/dots.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dots.png'); - _background: none; -} -.drag-tip-dots-icon.native .x-icon, -.drag-tip-dots-icon.disabled .x-icon { - display: block; - background: url('icon/dots.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dots.png'); - _background: none; -} -.bubble-no-projector .x-icon, -.bubble-no-projector:hover .x-icon, -.bubble-no-projector:active .x-icon { - display: block; - background: url('icon/bubble_no_projector.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/bubble_no_projector.png'); - _background: none; -} -.bubble-no-projector.native .x-icon, -.bubble-no-projector.disabled .x-icon { - display: block; - background: url('icon/bubble_no_projector.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/bubble_no_projector.png'); - _background: none; -} -.bubble-with-projector .x-icon, -.bubble-with-projector:hover .x-icon, -.bubble-with-projector:active .x-icon { - display: block; - background: url('icon/bubble_projector.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/bubble_projector.png'); - _background: none; -} -.bubble-with-projector.native .x-icon, -.bubble-with-projector.disabled .x-icon { - display: block; - background: url('icon/bubble_projector.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/bubble_projector.png'); - _background: none; -} -.drill-push-down-icon .x-icon, -.drill-push-down-icon:hover .x-icon, -.drill-push-down-icon:active .x-icon { - display: block; - background: url('icon/push_down.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/push_down.png'); - _background: none; -} -.drill-push-down-icon.native .x-icon, -.drill-push-down-icon.disabled .x-icon { - display: block; - background: url('icon/push_down.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/push_down.png'); - _background: none; -} -.drill-push-up-icon .x-icon, -.drill-push-up-icon:hover .x-icon, -.drill-push-up-icon:active .x-icon { - display: block; - background: url('icon/push_up.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/push_up.png'); - _background: none; -} -.drill-push-up-icon.native .x-icon, -.drill-push-up-icon.disabled .x-icon { - display: block; - background: url('icon/push_up.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/push_up.png'); - _background: none; -} diff --git a/src/less/base/foundation/bi.message.less b/src/less/base/foundation/bi.message.less index 84cd82de8..ddc74f79d 100644 --- a/src/less/base/foundation/bi.message.less +++ b/src/less/base/foundation/bi.message.less @@ -1,10 +1,5 @@ @import "../../bibase"; -.bi-message-mask { - background-color: @color-bi-background-black; - .opacity(0.5); -} - .bi-message-title { background-color: @color-bi-background-gray; color: @color-bi-text-gray; diff --git a/src/less/core/utils/common.less b/src/less/core/utils/common.less index 0df20df7f..c19a2649e 100644 --- a/src/less/core/utils/common.less +++ b/src/less/core/utils/common.less @@ -49,10 +49,19 @@ background-color: @color-bi-background-black; .opacity(0.5); } + @color-list-item-hover: #04070d; +//只有背景变化 .bi-list-item { - .list-item(); + &:hover, &.hover { + background-color: @color-bi-background-gray; + } + &.disabled { + &, &:hover, &:active { + background-color: transparent !important; + } + } } .bi-theme-dark { @@ -61,16 +70,19 @@ background-color: @color-list-item-hover; color: @color-bi-text; } - &.disabled { - &, &:hover, &:active { - background-color: transparent; - } - } } } +//文字active时变化 .bi-list-item-effect { - .list-item-effect(); + &.active, &:active { + color: @color-bi-text-highlight; + } + &.disabled { + &, &:hover, &:active { + color: @color-bi-text-disabled !important; + } + } } .bi-theme-dark { @@ -80,14 +92,24 @@ } &.disabled { &, &:hover, &:active { - color: @color-bi-text-disabled; + color: @color-bi-text-disabled !important; } } } } +//文字和背景hover时变化 .bi-list-item-hover { - .list-item-hover(); + &:hover, &.hover { + color: @color-bi-text-highlight; + background-color: @color-bi-background-gray; + } + &.disabled { + &, &:hover, &:active { + color: @color-bi-text-disabled !important; + background-color: transparent !important; + } + } } .bi-theme-dark { @@ -98,15 +120,26 @@ } &.disabled { &, &:hover, &:active { - color: @color-bi-text-disabled; - background-color: transparent; + color: @color-bi-text-disabled !important; } } } } +//文字和背景hover和active时变化 .bi-list-item-active { - .list-item-active(); + &:hover, &.hover { + background-color: @color-bi-background-gray; + } + &.active, &:active { + color: @color-bi-text-highlight; + background-color: @color-bi-background-gray; + } + &.disabled { + &, &:hover, &:active { + background-color: transparent !important; + } + } } .bi-theme-dark { @@ -119,16 +152,31 @@ color: @color-bi-text-highlight; background-color: @color-list-item-hover; } - &.disabled { - &, &:hover, &:active { - background-color: transparent; - } - } } } +//有选中效果 .bi-list-item-select { - .list-item-select(); + &:hover, &.hover { + color: @color-bi-text-highlight; + background-color: @color-bi-background-gray; + } + &:active, &.active { + color: @color-bi-text; + background-color: @color-bi-background-highlight; + & .bi-high-light { + color: @color-bi-text; + } + } + &.disabled { + &, &:hover, &:active { + color: @color-bi-text-disabled !important; + background-color: transparent !important; + & .bi-high-light { + color: @color-bi-text-disabled !important; + } + } + } } .bi-theme-dark { @@ -144,14 +192,5 @@ color: @color-bi-text; } } - &.disabled { - &, &:hover, &:active { - color: @color-bi-text-disabled !important; - background-color: transparent !important; - & .bi-high-light { - color: @color-bi-text-disabled !important; - } - } - } } } \ No newline at end of file diff --git a/src/less/lib/style.less b/src/less/lib/style.less index 6b5bcc74a..78fc5d37a 100644 --- a/src/less/lib/style.less +++ b/src/less/lib/style.less @@ -1,81 +1,3 @@ @import "colors"; //公共样式类库 - -//只有背景变化 -.list-item() { - &:hover, &.hover { - background-color: @color-bi-background-gray; - } - &.disabled { - &, &:hover, &:active { - background-color: @color-bi-background-default; - } - } -} - -//文字active时变化 -.list-item-effect() { - &.active, &:active { - color: @color-bi-text-highlight; - } - &.disabled { - &, &:hover, &:active { - color: @color-bi-text-disabled; - } - } -} - -//文字和背景hover时变化 -.list-item-hover() { - &:hover, &.hover { - color: @color-bi-text-highlight; - background-color: @color-bi-background-gray; - } - &.disabled { - &, &:hover, &:active { - color: @color-bi-text-disabled; - background-color: @color-bi-background-default; - } - } -} - -//文字和背景hover和active时变化 -.list-item-active() { - &:hover, &.hover { - background-color: @color-bi-background-gray; - } - &.active, &:active { - color: @color-bi-text-highlight; - background-color: @color-bi-background-gray; - } - &.disabled { - &, &:hover, &:active { - background-color: @color-bi-background-default; - } - } -} - -//有选中效果 -.list-item-select() { - &:hover, &.hover { - color: @color-bi-text-highlight; - background-color: @color-bi-background-gray; - } - &:active, &.active { - color: @color-bi-text; - background-color: @color-bi-background-highlight; - & .bi-high-light { - color: @color-bi-text; - } - } - &.disabled { - &, &:hover, &:active { - color: @color-bi-text-disabled !important; - background-color: @color-bi-background-default !important; - & .bi-high-light { - color: @color-bi-text-disabled !important; - } - } - } -} \ No newline at end of file