From 5eeb0e9be033492cdc99041d7b049b361da771b9 Mon Sep 17 00:00:00 2001 From: guy Date: Mon, 1 May 2017 02:30:03 +0800 Subject: [PATCH] =?UTF-8?q?=E5=AD=97=E4=BD=93=E5=85=BC=E5=AE=B9ie8?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- demo/css/color/bezierEasing.css | 0 demo/css/color/colorPalette.css | 0 demo/css/color/colors.css | 0 demo/css/color/tinyColor.css | 0 demo/css/theme.css | 5 + .../core/abstract/combination/demo.sercher.js | 2 +- demo/less/color/bezierEasing.less | 107 ++ demo/less/color/colorPalette.less | 46 + demo/less/color/colors.less | 90 ++ demo/less/color/tinyColor.less | 1183 +++++++++++++++++ demo/less/theme.less | 301 +++++ docs/demo.css | 5 + docs/demo.js | 2 +- src/css/resource/font.css | 888 ++++++++++++- src/less/image.less | 46 +- src/less/lib/font.less | 356 ++--- 16 files changed, 2764 insertions(+), 267 deletions(-) create mode 100644 demo/css/color/bezierEasing.css create mode 100644 demo/css/color/colorPalette.css create mode 100644 demo/css/color/colors.css create mode 100644 demo/css/color/tinyColor.css create mode 100644 demo/css/theme.css create mode 100644 demo/less/color/bezierEasing.less create mode 100644 demo/less/color/colorPalette.less create mode 100644 demo/less/color/colors.less create mode 100644 demo/less/color/tinyColor.less create mode 100644 demo/less/theme.less diff --git a/demo/css/color/bezierEasing.css b/demo/css/color/bezierEasing.css new file mode 100644 index 000000000..e69de29bb diff --git a/demo/css/color/colorPalette.css b/demo/css/color/colorPalette.css new file mode 100644 index 000000000..e69de29bb diff --git a/demo/css/color/colors.css b/demo/css/color/colors.css new file mode 100644 index 000000000..e69de29bb diff --git a/demo/css/color/tinyColor.css b/demo/css/color/tinyColor.css new file mode 100644 index 000000000..e69de29bb diff --git a/demo/css/theme.css b/demo/css/theme.css new file mode 100644 index 000000000..7f583cdfb --- /dev/null +++ b/demo/css/theme.css @@ -0,0 +1,5 @@ +@font-face { + font-family: "Helvetica Neue For Number"; + src: local("Helvetica Neue"); + unicode-range: U+30-39; +} diff --git a/demo/js/core/abstract/combination/demo.sercher.js b/demo/js/core/abstract/combination/demo.sercher.js index c0d6fbd30..18dba6773 100644 --- a/demo/js/core/abstract/combination/demo.sercher.js +++ b/demo/js/core/abstract/combination/demo.sercher.js @@ -12,7 +12,7 @@ Demo.Func = BI.inherit(BI.Widget, { }]; var popup = BI.createWidget({ type: "bi.button_group", - cls: "bi-border layout-bg3", + cls: "bi-border", items: items, layouts: [{ type: "bi.vertical" diff --git a/demo/less/color/bezierEasing.less b/demo/less/color/bezierEasing.less new file mode 100644 index 000000000..442ec8368 --- /dev/null +++ b/demo/less/color/bezierEasing.less @@ -0,0 +1,107 @@ +.bezierEasingMixin() { +@functions: ~`(function() { + var NEWTON_ITERATIONS = 4; + var NEWTON_MIN_SLOPE = 0.001; + var SUBDIVISION_PRECISION = 0.0000001; + var SUBDIVISION_MAX_ITERATIONS = 10; + + var kSplineTableSize = 11; + var kSampleStepSize = 1.0 / (kSplineTableSize - 1.0); + + var float32ArraySupported = typeof Float32Array === 'function'; + + function A (aA1, aA2) { return 1.0 - 3.0 * aA2 + 3.0 * aA1; } + function B (aA1, aA2) { return 3.0 * aA2 - 6.0 * aA1; } + function C (aA1) { return 3.0 * aA1; } + + // Returns x(t) given t, x1, and x2, or y(t) given t, y1, and y2. + function calcBezier (aT, aA1, aA2) { return ((A(aA1, aA2) * aT + B(aA1, aA2)) * aT + C(aA1)) * aT; } + + // Returns dx/dt given t, x1, and x2, or dy/dt given t, y1, and y2. + function getSlope (aT, aA1, aA2) { return 3.0 * A(aA1, aA2) * aT * aT + 2.0 * B(aA1, aA2) * aT + C(aA1); } + + function binarySubdivide (aX, aA, aB, mX1, mX2) { + var currentX, currentT, i = 0; + do { + currentT = aA + (aB - aA) / 2.0; + currentX = calcBezier(currentT, mX1, mX2) - aX; + if (currentX > 0.0) { + aB = currentT; + } else { + aA = currentT; + } + } while (Math.abs(currentX) > SUBDIVISION_PRECISION && ++i < SUBDIVISION_MAX_ITERATIONS); + return currentT; + } + + function newtonRaphsonIterate (aX, aGuessT, mX1, mX2) { + for (var i = 0; i < NEWTON_ITERATIONS; ++i) { + var currentSlope = getSlope(aGuessT, mX1, mX2); + if (currentSlope === 0.0) { + return aGuessT; + } + var currentX = calcBezier(aGuessT, mX1, mX2) - aX; + aGuessT -= currentX / currentSlope; + } + return aGuessT; + } + + var BezierEasing = function (mX1, mY1, mX2, mY2) { + if (!(0 <= mX1 && mX1 <= 1 && 0 <= mX2 && mX2 <= 1)) { + throw new Error('bezier x values must be in [0, 1] range'); + } + + // Precompute samples table + var sampleValues = float32ArraySupported ? new Float32Array(kSplineTableSize) : new Array(kSplineTableSize); + if (mX1 !== mY1 || mX2 !== mY2) { + for (var i = 0; i < kSplineTableSize; ++i) { + sampleValues[i] = calcBezier(i * kSampleStepSize, mX1, mX2); + } + } + + function getTForX (aX) { + var intervalStart = 0.0; + var currentSample = 1; + var lastSample = kSplineTableSize - 1; + + for (; currentSample !== lastSample && sampleValues[currentSample] <= aX; ++currentSample) { + intervalStart += kSampleStepSize; + } + --currentSample; + + // Interpolate to provide an initial guess for t + var dist = (aX - sampleValues[currentSample]) / (sampleValues[currentSample + 1] - sampleValues[currentSample]); + var guessForT = intervalStart + dist * kSampleStepSize; + + var initialSlope = getSlope(guessForT, mX1, mX2); + if (initialSlope >= NEWTON_MIN_SLOPE) { + return newtonRaphsonIterate(aX, guessForT, mX1, mX2); + } else if (initialSlope === 0.0) { + return guessForT; + } else { + return binarySubdivide(aX, intervalStart, intervalStart + kSampleStepSize, mX1, mX2); + } + } + + return function BezierEasing (x) { + if (mX1 === mY1 && mX2 === mY2) { + return x; // linear + } + // Because JavaScript number are imprecise, we should guarantee the extremes are right. + if (x === 0) { + return 0; + } + if (x === 1) { + return 1; + } + return calcBezier(getTForX(x), mY1, mY2); + }; + }; + + this.colorEasing = BezierEasing(0.26, 0.09, 0.37, 0.18); +})()`; +} +// It is hacky way to make this function will be compiled preferentially by less +// resolve error: `ReferenceError: colorPalette is not defined` +// https://github.com/ant-design/ant-motion/issues/44 +.bezierEasingMixin(); diff --git a/demo/less/color/colorPalette.less b/demo/less/color/colorPalette.less new file mode 100644 index 000000000..7c84cef7e --- /dev/null +++ b/demo/less/color/colorPalette.less @@ -0,0 +1,46 @@ +@import "bezierEasing"; +@import "tinyColor"; + +// We create a very complex algorithm which take the place of original tint/shade color system +// to make sure no one can understand it 👻 +// and create an entire color palette magicly by inputing just a single primary color. +// We are using bezier-curve easing function and some color manipulations like tint/shade/darken/spin +.colorPaletteMixin() { +@functions: ~`(function() { + var warmDark = 0.5; // warm color darken radio + var warmRotate = -26; // warm color rotate degree + var coldDark = 0.55; // cold color darken radio + var coldRotate = 10; // cold color rotate degree + var getShadeColor = function(c) { + var shadeColor = tinycolor(c); + // warm and cold color will darken in different radio, and rotate in different degree + // warmer color + if (shadeColor.toRgb().r > shadeColor.toRgb().b) { + return shadeColor.darken(shadeColor.toHsl().l * warmDark * 100).spin(warmRotate).toHexString(); + } + // colder color + return shadeColor.darken(shadeColor.toHsl().l * coldDark * 100).spin(coldRotate).toHexString(); + } + var primaryEasing = colorEasing(0.6); + this.colorPalette = function(color, index) { + var currentEasing = colorEasing(index * 0.1); + // return light colors after tint + if (index <= 6) { + return tinycolor.mix( + '#ffffff', + color, + currentEasing * 100 / primaryEasing + ).toHexString(); + } + return tinycolor.mix( + getShadeColor(color), + color, + (1 - (currentEasing - primaryEasing) / (1 - primaryEasing)) * 100 + ).toHexString(); + }; +})()`; +} +// It is hacky way to make this function will be compiled preferentially by less +// resolve error: `ReferenceError: colorPalette is not defined` +// https://github.com/ant-design/ant-motion/issues/44 +.colorPaletteMixin(); diff --git a/demo/less/color/colors.less b/demo/less/color/colors.less new file mode 100644 index 000000000..53f16229e --- /dev/null +++ b/demo/less/color/colors.less @@ -0,0 +1,90 @@ +@import 'colorPalette'; + +// color palettes +@blue-1: color(~`colorPalette("@{blue-6}", 1)`); +@blue-2: color(~`colorPalette("@{blue-6}", 2)`); +@blue-3: color(~`colorPalette("@{blue-6}", 3)`); +@blue-4: color(~`colorPalette("@{blue-6}", 4)`); +@blue-5: color(~`colorPalette("@{blue-6}", 5)`); +@blue-6: #108ee9; +@blue-7: color(~`colorPalette("@{blue-6}", 7)`); +@blue-8: color(~`colorPalette("@{blue-6}", 8)`); +@blue-9: color(~`colorPalette("@{blue-6}", 9)`); +@blue-10: color(~`colorPalette("@{blue-6}", 10)`); + +@purple-1: color(~`colorPalette("@{purple-6}", 1)`); +@purple-2: color(~`colorPalette("@{purple-6}", 2)`); +@purple-3: color(~`colorPalette("@{purple-6}", 3)`); +@purple-4: color(~`colorPalette("@{purple-6}", 4)`); +@purple-5: color(~`colorPalette("@{purple-6}", 5)`); +@purple-6: #7265e6; +@purple-7: color(~`colorPalette("@{purple-6}", 7)`); +@purple-8: color(~`colorPalette("@{purple-6}", 8)`); +@purple-9: color(~`colorPalette("@{purple-6}", 9)`); +@purple-10: color(~`colorPalette("@{purple-6}", 10)`); + +@cyan-1: color(~`colorPalette("@{cyan-6}", 1)`); +@cyan-2: color(~`colorPalette("@{cyan-6}", 2)`); +@cyan-3: color(~`colorPalette("@{cyan-6}", 3)`); +@cyan-4: color(~`colorPalette("@{cyan-6}", 4)`); +@cyan-5: color(~`colorPalette("@{cyan-6}", 5)`); +@cyan-6: #00a2ae; +@cyan-7: color(~`colorPalette("@{cyan-6}", 7)`); +@cyan-8: color(~`colorPalette("@{cyan-6}", 8)`); +@cyan-9: color(~`colorPalette("@{cyan-6}", 9)`); +@cyan-10: color(~`colorPalette("@{cyan-6}", 10)`); + +@green-1: color(~`colorPalette("@{green-6}", 1)`); +@green-2: color(~`colorPalette("@{green-6}", 2)`); +@green-3: color(~`colorPalette("@{green-6}", 3)`); +@green-4: color(~`colorPalette("@{green-6}", 4)`); +@green-5: color(~`colorPalette("@{green-6}", 5)`); +@green-6: #00a854; +@green-7: color(~`colorPalette("@{green-6}", 7)`); +@green-8: color(~`colorPalette("@{green-6}", 8)`); +@green-9: color(~`colorPalette("@{green-6}", 9)`); +@green-10: color(~`colorPalette("@{green-6}", 10)`); + +@pink-1: color(~`colorPalette("@{pink-6}", 1)`); +@pink-2: color(~`colorPalette("@{pink-6}", 2)`); +@pink-3: color(~`colorPalette("@{pink-6}", 3)`); +@pink-4: color(~`colorPalette("@{pink-6}", 4)`); +@pink-5: color(~`colorPalette("@{pink-6}", 5)`); +@pink-6: #f5317f; +@pink-7: color(~`colorPalette("@{pink-6}", 7)`); +@pink-8: color(~`colorPalette("@{pink-6}", 8)`); +@pink-9: color(~`colorPalette("@{pink-6}", 9)`); +@pink-10: color(~`colorPalette("@{pink-6}", 10)`); + +@red-1: color(~`colorPalette("@{red-6}", 1)`); +@red-2: color(~`colorPalette("@{red-6}", 2)`); +@red-3: color(~`colorPalette("@{red-6}", 3)`); +@red-4: color(~`colorPalette("@{red-6}", 4)`); +@red-5: color(~`colorPalette("@{red-6}", 5)`); +@red-6: #f04134; +@red-7: color(~`colorPalette("@{red-6}", 7)`); +@red-8: color(~`colorPalette("@{red-6}", 8)`); +@red-9: color(~`colorPalette("@{red-6}", 9)`); +@red-10: color(~`colorPalette("@{red-6}", 10)`); + +@orange-1: color(~`colorPalette("@{orange-6}", 1)`); +@orange-2: color(~`colorPalette("@{orange-6}", 2)`); +@orange-3: color(~`colorPalette("@{orange-6}", 3)`); +@orange-4: color(~`colorPalette("@{orange-6}", 4)`); +@orange-5: color(~`colorPalette("@{orange-6}", 5)`); +@orange-6: #f56a00; +@orange-7: color(~`colorPalette("@{orange-6}", 7)`); +@orange-8: color(~`colorPalette("@{orange-6}", 8)`); +@orange-9: color(~`colorPalette("@{orange-6}", 9)`); +@orange-10: color(~`colorPalette("@{orange-6}", 10)`); + +@yellow-1: color(~`colorPalette("@{yellow-6}", 1)`); +@yellow-2: color(~`colorPalette("@{yellow-6}", 2)`); +@yellow-3: color(~`colorPalette("@{yellow-6}", 3)`); +@yellow-4: color(~`colorPalette("@{yellow-6}", 4)`); +@yellow-5: color(~`colorPalette("@{yellow-6}", 5)`); +@yellow-6: #ffbf00; +@yellow-7: color(~`colorPalette("@{yellow-6}", 7)`); +@yellow-8: color(~`colorPalette("@{yellow-6}", 8)`); +@yellow-9: color(~`colorPalette("@{yellow-6}", 9)`); +@yellow-10: color(~`colorPalette("@{yellow-6}", 10)`); diff --git a/demo/less/color/tinyColor.less b/demo/less/color/tinyColor.less new file mode 100644 index 000000000..1d9520406 --- /dev/null +++ b/demo/less/color/tinyColor.less @@ -0,0 +1,1183 @@ +.tinyColorMixin() { +@functions: ~`(function() { +// TinyColor v1.4.1 +// https://github.com/bgrins/TinyColor +// 2016-07-07, Brian Grinstead, MIT License +var trimLeft = /^\s+/, + trimRight = /\s+$/, + tinyCounter = 0, + mathRound = Math.round, + mathMin = Math.min, + mathMax = Math.max, + mathRandom = Math.random; + +function tinycolor (color, opts) { + + color = (color) ? color : ''; + opts = opts || { }; + + // If input is already a tinycolor, return itself + if (color instanceof tinycolor) { + return color; + } + // If we are called as a function, call using new instead + if (!(this instanceof tinycolor)) { + return new tinycolor(color, opts); + } + + var rgb = inputToRGB(color); + this._originalInput = color, + this._r = rgb.r, + this._g = rgb.g, + this._b = rgb.b, + this._a = rgb.a, + this._roundA = mathRound(100*this._a) / 100, + this._format = opts.format || rgb.format; + this._gradientType = opts.gradientType; + + // Don't let the range of [0,255] come back in [0,1]. + // Potentially lose a little bit of precision here, but will fix issues where + // .5 gets interpreted as half of the total, instead of half of 1 + // If it was supposed to be 128, this was already taken care of by inputToRgb + if (this._r < 1) { this._r = mathRound(this._r); } + if (this._g < 1) { this._g = mathRound(this._g); } + if (this._b < 1) { this._b = mathRound(this._b); } + + this._ok = rgb.ok; + this._tc_id = tinyCounter++; +} + +tinycolor.prototype = { + isDark: function() { + return this.getBrightness() < 128; + }, + isLight: function() { + return !this.isDark(); + }, + isValid: function() { + return this._ok; + }, + getOriginalInput: function() { + return this._originalInput; + }, + getFormat: function() { + return this._format; + }, + getAlpha: function() { + return this._a; + }, + getBrightness: function() { + //http://www.w3.org/TR/AERT#color-contrast + var rgb = this.toRgb(); + return (rgb.r * 299 + rgb.g * 587 + rgb.b * 114) / 1000; + }, + getLuminance: function() { + //http://www.w3.org/TR/2008/REC-WCAG20-20081211/#relativeluminancedef + var rgb = this.toRgb(); + var RsRGB, GsRGB, BsRGB, R, G, B; + RsRGB = rgb.r/255; + GsRGB = rgb.g/255; + BsRGB = rgb.b/255; + + if (RsRGB <= 0.03928) {R = RsRGB / 12.92;} else {R = Math.pow(((RsRGB + 0.055) / 1.055), 2.4);} + if (GsRGB <= 0.03928) {G = GsRGB / 12.92;} else {G = Math.pow(((GsRGB + 0.055) / 1.055), 2.4);} + if (BsRGB <= 0.03928) {B = BsRGB / 12.92;} else {B = Math.pow(((BsRGB + 0.055) / 1.055), 2.4);} + return (0.2126 * R) + (0.7152 * G) + (0.0722 * B); + }, + setAlpha: function(value) { + this._a = boundAlpha(value); + this._roundA = mathRound(100*this._a) / 100; + return this; + }, + toHsv: function() { + var hsv = rgbToHsv(this._r, this._g, this._b); + return { h: hsv.h * 360, s: hsv.s, v: hsv.v, a: this._a }; + }, + toHsvString: function() { + var hsv = rgbToHsv(this._r, this._g, this._b); + var h = mathRound(hsv.h * 360), s = mathRound(hsv.s * 100), v = mathRound(hsv.v * 100); + return (this._a == 1) ? + "hsv(" + h + ", " + s + "%, " + v + "%)" : + "hsva(" + h + ", " + s + "%, " + v + "%, "+ this._roundA + ")"; + }, + toHsl: function() { + var hsl = rgbToHsl(this._r, this._g, this._b); + return { h: hsl.h * 360, s: hsl.s, l: hsl.l, a: this._a }; + }, + toHslString: function() { + var hsl = rgbToHsl(this._r, this._g, this._b); + var h = mathRound(hsl.h * 360), s = mathRound(hsl.s * 100), l = mathRound(hsl.l * 100); + return (this._a == 1) ? + "hsl(" + h + ", " + s + "%, " + l + "%)" : + "hsla(" + h + ", " + s + "%, " + l + "%, "+ this._roundA + ")"; + }, + toHex: function(allow3Char) { + return rgbToHex(this._r, this._g, this._b, allow3Char); + }, + toHexString: function(allow3Char) { + return '#' + this.toHex(allow3Char); + }, + toHex8: function(allow4Char) { + return rgbaToHex(this._r, this._g, this._b, this._a, allow4Char); + }, + toHex8String: function(allow4Char) { + return '#' + this.toHex8(allow4Char); + }, + toRgb: function() { + return { r: mathRound(this._r), g: mathRound(this._g), b: mathRound(this._b), a: this._a }; + }, + toRgbString: function() { + return (this._a == 1) ? + "rgb(" + mathRound(this._r) + ", " + mathRound(this._g) + ", " + mathRound(this._b) + ")" : + "rgba(" + mathRound(this._r) + ", " + mathRound(this._g) + ", " + mathRound(this._b) + ", " + this._roundA + ")"; + }, + toPercentageRgb: function() { + return { r: mathRound(bound01(this._r, 255) * 100) + "%", g: mathRound(bound01(this._g, 255) * 100) + "%", b: mathRound(bound01(this._b, 255) * 100) + "%", a: this._a }; + }, + toPercentageRgbString: function() { + return (this._a == 1) ? + "rgb(" + mathRound(bound01(this._r, 255) * 100) + "%, " + mathRound(bound01(this._g, 255) * 100) + "%, " + mathRound(bound01(this._b, 255) * 100) + "%)" : + "rgba(" + mathRound(bound01(this._r, 255) * 100) + "%, " + mathRound(bound01(this._g, 255) * 100) + "%, " + mathRound(bound01(this._b, 255) * 100) + "%, " + this._roundA + ")"; + }, + toName: function() { + if (this._a === 0) { + return "transparent"; + } + + if (this._a < 1) { + return false; + } + + return hexNames[rgbToHex(this._r, this._g, this._b, true)] || false; + }, + toFilter: function(secondColor) { + var hex8String = '#' + rgbaToArgbHex(this._r, this._g, this._b, this._a); + var secondHex8String = hex8String; + var gradientType = this._gradientType ? "GradientType = 1, " : ""; + + if (secondColor) { + var s = tinycolor(secondColor); + secondHex8String = '#' + rgbaToArgbHex(s._r, s._g, s._b, s._a); + } + + return "progid:DXImageTransform.Microsoft.gradient("+gradientType+"startColorstr="+hex8String+",endColorstr="+secondHex8String+")"; + }, + toString: function(format) { + var formatSet = !!format; + format = format || this._format; + + var formattedString = false; + var hasAlpha = this._a < 1 && this._a >= 0; + var needsAlphaFormat = !formatSet && hasAlpha && (format === "hex" || format === "hex6" || format === "hex3" || format === "hex4" || format === "hex8" || format === "name"); + + if (needsAlphaFormat) { + // Special case for "transparent", all other non-alpha formats + // will return rgba when there is transparency. + if (format === "name" && this._a === 0) { + return this.toName(); + } + return this.toRgbString(); + } + if (format === "rgb") { + formattedString = this.toRgbString(); + } + if (format === "prgb") { + formattedString = this.toPercentageRgbString(); + } + if (format === "hex" || format === "hex6") { + formattedString = this.toHexString(); + } + if (format === "hex3") { + formattedString = this.toHexString(true); + } + if (format === "hex4") { + formattedString = this.toHex8String(true); + } + if (format === "hex8") { + formattedString = this.toHex8String(); + } + if (format === "name") { + formattedString = this.toName(); + } + if (format === "hsl") { + formattedString = this.toHslString(); + } + if (format === "hsv") { + formattedString = this.toHsvString(); + } + + return formattedString || this.toHexString(); + }, + clone: function() { + return tinycolor(this.toString()); + }, + + _applyModification: function(fn, args) { + var color = fn.apply(null, [this].concat([].slice.call(args))); + this._r = color._r; + this._g = color._g; + this._b = color._b; + this.setAlpha(color._a); + return this; + }, + lighten: function() { + return this._applyModification(lighten, arguments); + }, + brighten: function() { + return this._applyModification(brighten, arguments); + }, + darken: function() { + return this._applyModification(darken, arguments); + }, + desaturate: function() { + return this._applyModification(desaturate, arguments); + }, + saturate: function() { + return this._applyModification(saturate, arguments); + }, + greyscale: function() { + return this._applyModification(greyscale, arguments); + }, + spin: function() { + return this._applyModification(spin, arguments); + }, + + _applyCombination: function(fn, args) { + return fn.apply(null, [this].concat([].slice.call(args))); + }, + analogous: function() { + return this._applyCombination(analogous, arguments); + }, + complement: function() { + return this._applyCombination(complement, arguments); + }, + monochromatic: function() { + return this._applyCombination(monochromatic, arguments); + }, + splitcomplement: function() { + return this._applyCombination(splitcomplement, arguments); + }, + triad: function() { + return this._applyCombination(triad, arguments); + }, + tetrad: function() { + return this._applyCombination(tetrad, arguments); + } +}; + +// If input is an object, force 1 into "1.0" to handle ratios properly +// String input requires "1.0" as input, so 1 will be treated as 1 +tinycolor.fromRatio = function(color, opts) { + if (typeof color == "object") { + var newColor = {}; + for (var i in color) { + if (color.hasOwnProperty(i)) { + if (i === "a") { + newColor[i] = color[i]; + } + else { + newColor[i] = convertToPercentage(color[i]); + } + } + } + color = newColor; + } + + return tinycolor(color, opts); +}; + +// Given a string or object, convert that input to RGB +// Possible string inputs: +// +// "red" +// "#f00" or "f00" +// "#ff0000" or "ff0000" +// "#ff000000" or "ff000000" +// "rgb 255 0 0" or "rgb (255, 0, 0)" +// "rgb 1.0 0 0" or "rgb (1, 0, 0)" +// "rgba (255, 0, 0, 1)" or "rgba 255, 0, 0, 1" +// "rgba (1.0, 0, 0, 1)" or "rgba 1.0, 0, 0, 1" +// "hsl(0, 100%, 50%)" or "hsl 0 100% 50%" +// "hsla(0, 100%, 50%, 1)" or "hsla 0 100% 50%, 1" +// "hsv(0, 100%, 100%)" or "hsv 0 100% 100%" +// +function inputToRGB(color) { + + var rgb = { r: 0, g: 0, b: 0 }; + var a = 1; + var s = null; + var v = null; + var l = null; + var ok = false; + var format = false; + + if (typeof color == "string") { + color = stringInputToObject(color); + } + + if (typeof color == "object") { + if (isValidCSSUnit(color.r) && isValidCSSUnit(color.g) && isValidCSSUnit(color.b)) { + rgb = rgbToRgb(color.r, color.g, color.b); + ok = true; + format = String(color.r).substr(-1) === "%" ? "prgb" : "rgb"; + } + else if (isValidCSSUnit(color.h) && isValidCSSUnit(color.s) && isValidCSSUnit(color.v)) { + s = convertToPercentage(color.s); + v = convertToPercentage(color.v); + rgb = hsvToRgb(color.h, s, v); + ok = true; + format = "hsv"; + } + else if (isValidCSSUnit(color.h) && isValidCSSUnit(color.s) && isValidCSSUnit(color.l)) { + s = convertToPercentage(color.s); + l = convertToPercentage(color.l); + rgb = hslToRgb(color.h, s, l); + ok = true; + format = "hsl"; + } + + if (color.hasOwnProperty("a")) { + a = color.a; + } + } + + a = boundAlpha(a); + + return { + ok: ok, + format: color.format || format, + r: mathMin(255, mathMax(rgb.r, 0)), + g: mathMin(255, mathMax(rgb.g, 0)), + b: mathMin(255, mathMax(rgb.b, 0)), + a: a + }; +} + +// Conversion Functions +// -------------------- + +// rgbToHsl, rgbToHsv, hslToRgb, hsvToRgb modified from: +// + +// rgbToRgb +// Handle bounds / percentage checking to conform to CSS color spec +// +// *Assumes:* r, g, b in [0, 255] or [0, 1] +// *Returns:* { r, g, b } in [0, 255] +function rgbToRgb(r, g, b){ + return { + r: bound01(r, 255) * 255, + g: bound01(g, 255) * 255, + b: bound01(b, 255) * 255 + }; +} + +// rgbToHsl +// Converts an RGB color value to HSL. +// *Assumes:* r, g, and b are contained in [0, 255] or [0, 1] +// *Returns:* { h, s, l } in [0,1] +function rgbToHsl(r, g, b) { + + r = bound01(r, 255); + g = bound01(g, 255); + b = bound01(b, 255); + + var max = mathMax(r, g, b), min = mathMin(r, g, b); + var h, s, l = (max + min) / 2; + + if(max == min) { + h = s = 0; // achromatic + } + else { + var d = max - min; + s = l > 0.5 ? d / (2 - max - min) : d / (max + min); + switch(max) { + case r: h = (g - b) / d + (g < b ? 6 : 0); break; + case g: h = (b - r) / d + 2; break; + case b: h = (r - g) / d + 4; break; + } + + h /= 6; + } + + return { h: h, s: s, l: l }; +} + +// hslToRgb +// Converts an HSL color value to RGB. +// *Assumes:* h is contained in [0, 1] or [0, 360] and s and l are contained [0, 1] or [0, 100] +// *Returns:* { r, g, b } in the set [0, 255] +function hslToRgb(h, s, l) { + var r, g, b; + + h = bound01(h, 360); + s = bound01(s, 100); + l = bound01(l, 100); + + function hue2rgb(p, q, t) { + if(t < 0) t += 1; + if(t > 1) t -= 1; + if(t < 1/6) return p + (q - p) * 6 * t; + if(t < 1/2) return q; + if(t < 2/3) return p + (q - p) * (2/3 - t) * 6; + return p; + } + + if(s === 0) { + r = g = b = l; // achromatic + } + else { + var q = l < 0.5 ? l * (1 + s) : l + s - l * s; + var p = 2 * l - q; + r = hue2rgb(p, q, h + 1/3); + g = hue2rgb(p, q, h); + b = hue2rgb(p, q, h - 1/3); + } + + return { r: r * 255, g: g * 255, b: b * 255 }; +} + +// rgbToHsv +// Converts an RGB color value to HSV +// *Assumes:* r, g, and b are contained in the set [0, 255] or [0, 1] +// *Returns:* { h, s, v } in [0,1] +function rgbToHsv(r, g, b) { + + r = bound01(r, 255); + g = bound01(g, 255); + b = bound01(b, 255); + + var max = mathMax(r, g, b), min = mathMin(r, g, b); + var h, s, v = max; + + var d = max - min; + s = max === 0 ? 0 : d / max; + + if(max == min) { + h = 0; // achromatic + } + else { + switch(max) { + case r: h = (g - b) / d + (g < b ? 6 : 0); break; + case g: h = (b - r) / d + 2; break; + case b: h = (r - g) / d + 4; break; + } + h /= 6; + } + return { h: h, s: s, v: v }; +} + +// hsvToRgb +// Converts an HSV color value to RGB. +// *Assumes:* h is contained in [0, 1] or [0, 360] and s and v are contained in [0, 1] or [0, 100] +// *Returns:* { r, g, b } in the set [0, 255] + function hsvToRgb(h, s, v) { + + h = bound01(h, 360) * 6; + s = bound01(s, 100); + v = bound01(v, 100); + + var i = Math.floor(h), + f = h - i, + p = v * (1 - s), + q = v * (1 - f * s), + t = v * (1 - (1 - f) * s), + mod = i % 6, + r = [v, q, p, p, t, v][mod], + g = [t, v, v, q, p, p][mod], + b = [p, p, t, v, v, q][mod]; + + return { r: r * 255, g: g * 255, b: b * 255 }; +} + +// rgbToHex +// Converts an RGB color to hex +// Assumes r, g, and b are contained in the set [0, 255] +// Returns a 3 or 6 character hex +function rgbToHex(r, g, b, allow3Char) { + + var hex = [ + pad2(mathRound(r).toString(16)), + pad2(mathRound(g).toString(16)), + pad2(mathRound(b).toString(16)) + ]; + + // Return a 3 character hex if possible + if (allow3Char && hex[0].charAt(0) == hex[0].charAt(1) && hex[1].charAt(0) == hex[1].charAt(1) && hex[2].charAt(0) == hex[2].charAt(1)) { + return hex[0].charAt(0) + hex[1].charAt(0) + hex[2].charAt(0); + } + + return hex.join(""); +} + +// rgbaToHex +// Converts an RGBA color plus alpha transparency to hex +// Assumes r, g, b are contained in the set [0, 255] and +// a in [0, 1]. Returns a 4 or 8 character rgba hex +function rgbaToHex(r, g, b, a, allow4Char) { + + var hex = [ + pad2(mathRound(r).toString(16)), + pad2(mathRound(g).toString(16)), + pad2(mathRound(b).toString(16)), + pad2(convertDecimalToHex(a)) + ]; + + // Return a 4 character hex if possible + if (allow4Char && hex[0].charAt(0) == hex[0].charAt(1) && hex[1].charAt(0) == hex[1].charAt(1) && hex[2].charAt(0) == hex[2].charAt(1) && hex[3].charAt(0) == hex[3].charAt(1)) { + return hex[0].charAt(0) + hex[1].charAt(0) + hex[2].charAt(0) + hex[3].charAt(0); + } + + return hex.join(""); +} + +// rgbaToArgbHex +// Converts an RGBA color to an ARGB Hex8 string +// Rarely used, but required for "toFilter()" +function rgbaToArgbHex(r, g, b, a) { + + var hex = [ + pad2(convertDecimalToHex(a)), + pad2(mathRound(r).toString(16)), + pad2(mathRound(g).toString(16)), + pad2(mathRound(b).toString(16)) + ]; + + return hex.join(""); +} + +// equals +// Can be called with any tinycolor input +tinycolor.equals = function (color1, color2) { + if (!color1 || !color2) { return false; } + return tinycolor(color1).toRgbString() == tinycolor(color2).toRgbString(); +}; + +tinycolor.random = function() { + return tinycolor.fromRatio({ + r: mathRandom(), + g: mathRandom(), + b: mathRandom() + }); +}; + +// Modification Functions +// ---------------------- +// Thanks to less.js for some of the basics here +// + +function desaturate(color, amount) { + amount = (amount === 0) ? 0 : (amount || 10); + var hsl = tinycolor(color).toHsl(); + hsl.s -= amount / 100; + hsl.s = clamp01(hsl.s); + return tinycolor(hsl); +} + +function saturate(color, amount) { + amount = (amount === 0) ? 0 : (amount || 10); + var hsl = tinycolor(color).toHsl(); + hsl.s += amount / 100; + hsl.s = clamp01(hsl.s); + return tinycolor(hsl); +} + +function greyscale(color) { + return tinycolor(color).desaturate(100); +} + +function lighten (color, amount) { + amount = (amount === 0) ? 0 : (amount || 10); + var hsl = tinycolor(color).toHsl(); + hsl.l += amount / 100; + hsl.l = clamp01(hsl.l); + return tinycolor(hsl); +} + +function brighten(color, amount) { + amount = (amount === 0) ? 0 : (amount || 10); + var rgb = tinycolor(color).toRgb(); + rgb.r = mathMax(0, mathMin(255, rgb.r - mathRound(255 * - (amount / 100)))); + rgb.g = mathMax(0, mathMin(255, rgb.g - mathRound(255 * - (amount / 100)))); + rgb.b = mathMax(0, mathMin(255, rgb.b - mathRound(255 * - (amount / 100)))); + return tinycolor(rgb); +} + +function darken (color, amount) { + amount = (amount === 0) ? 0 : (amount || 10); + var hsl = tinycolor(color).toHsl(); + hsl.l -= amount / 100; + hsl.l = clamp01(hsl.l); + return tinycolor(hsl); +} + +// Spin takes a positive or negative amount within [-360, 360] indicating the change of hue. +// Values outside of this range will be wrapped into this range. +function spin(color, amount) { + var hsl = tinycolor(color).toHsl(); + var hue = (hsl.h + amount) % 360; + hsl.h = hue < 0 ? 360 + hue : hue; + return tinycolor(hsl); +} + +// Combination Functions +// --------------------- +// Thanks to jQuery xColor for some of the ideas behind these +// + +function complement(color) { + var hsl = tinycolor(color).toHsl(); + hsl.h = (hsl.h + 180) % 360; + return tinycolor(hsl); +} + +function triad(color) { + var hsl = tinycolor(color).toHsl(); + var h = hsl.h; + return [ + tinycolor(color), + tinycolor({ h: (h + 120) % 360, s: hsl.s, l: hsl.l }), + tinycolor({ h: (h + 240) % 360, s: hsl.s, l: hsl.l }) + ]; +} + +function tetrad(color) { + var hsl = tinycolor(color).toHsl(); + var h = hsl.h; + return [ + tinycolor(color), + tinycolor({ h: (h + 90) % 360, s: hsl.s, l: hsl.l }), + tinycolor({ h: (h + 180) % 360, s: hsl.s, l: hsl.l }), + tinycolor({ h: (h + 270) % 360, s: hsl.s, l: hsl.l }) + ]; +} + +function splitcomplement(color) { + var hsl = tinycolor(color).toHsl(); + var h = hsl.h; + return [ + tinycolor(color), + tinycolor({ h: (h + 72) % 360, s: hsl.s, l: hsl.l}), + tinycolor({ h: (h + 216) % 360, s: hsl.s, l: hsl.l}) + ]; +} + +function analogous(color, results, slices) { + results = results || 6; + slices = slices || 30; + + var hsl = tinycolor(color).toHsl(); + var part = 360 / slices; + var ret = [tinycolor(color)]; + + for (hsl.h = ((hsl.h - (part * results >> 1)) + 720) % 360; --results; ) { + hsl.h = (hsl.h + part) % 360; + ret.push(tinycolor(hsl)); + } + return ret; +} + +function monochromatic(color, results) { + results = results || 6; + var hsv = tinycolor(color).toHsv(); + var h = hsv.h, s = hsv.s, v = hsv.v; + var ret = []; + var modification = 1 / results; + + while (results--) { + ret.push(tinycolor({ h: h, s: s, v: v})); + v = (v + modification) % 1; + } + + return ret; +} + +// Utility Functions +// --------------------- + +tinycolor.mix = function(color1, color2, amount) { + amount = (amount === 0) ? 0 : (amount || 50); + + var rgb1 = tinycolor(color1).toRgb(); + var rgb2 = tinycolor(color2).toRgb(); + + var p = amount / 100; + + var rgba = { + r: ((rgb2.r - rgb1.r) * p) + rgb1.r, + g: ((rgb2.g - rgb1.g) * p) + rgb1.g, + b: ((rgb2.b - rgb1.b) * p) + rgb1.b, + a: ((rgb2.a - rgb1.a) * p) + rgb1.a + }; + + return tinycolor(rgba); +}; + +// Readability Functions +// --------------------- +// false +// tinycolor.isReadable("#000", "#111",{level:"AA",size:"large"}) => false +tinycolor.isReadable = function(color1, color2, wcag2) { + var readability = tinycolor.readability(color1, color2); + var wcag2Parms, out; + + out = false; + + wcag2Parms = validateWCAG2Parms(wcag2); + switch (wcag2Parms.level + wcag2Parms.size) { + case "AAsmall": + case "AAAlarge": + out = readability >= 4.5; + break; + case "AAlarge": + out = readability >= 3; + break; + case "AAAsmall": + out = readability >= 7; + break; + } + return out; + +}; + +// mostReadable +// Given a base color and a list of possible foreground or background +// colors for that base, returns the most readable color. +// Optionally returns Black or White if the most readable color is unreadable. +// *Example* +// tinycolor.mostReadable(tinycolor.mostReadable("#123", ["#124", "#125"],{includeFallbackColors:false}).toHexString(); // "#112255" +// tinycolor.mostReadable(tinycolor.mostReadable("#123", ["#124", "#125"],{includeFallbackColors:true}).toHexString(); // "#ffffff" +// tinycolor.mostReadable("#a8015a", ["#faf3f3"],{includeFallbackColors:true,level:"AAA",size:"large"}).toHexString(); // "#faf3f3" +// tinycolor.mostReadable("#a8015a", ["#faf3f3"],{includeFallbackColors:true,level:"AAA",size:"small"}).toHexString(); // "#ffffff" +tinycolor.mostReadable = function(baseColor, colorList, args) { + var bestColor = null; + var bestScore = 0; + var readability; + var includeFallbackColors, level, size ; + args = args || {}; + includeFallbackColors = args.includeFallbackColors ; + level = args.level; + size = args.size; + + for (var i= 0; i < colorList.length ; i++) { + readability = tinycolor.readability(baseColor, colorList[i]); + if (readability > bestScore) { + bestScore = readability; + bestColor = tinycolor(colorList[i]); + } + } + + if (tinycolor.isReadable(baseColor, bestColor, {"level":level,"size":size}) || !includeFallbackColors) { + return bestColor; + } + else { + args.includeFallbackColors=false; + return tinycolor.mostReadable(baseColor,["#fff", "#000"],args); + } +}; + +// Big List of Colors +// ------------------ +// +var names = tinycolor.names = { + aliceblue: "f0f8ff", + antiquewhite: "faebd7", + aqua: "0ff", + aquamarine: "7fffd4", + azure: "f0ffff", + beige: "f5f5dc", + bisque: "ffe4c4", + black: "000", + blanchedalmond: "ffebcd", + blue: "00f", + blueviolet: "8a2be2", + brown: "a52a2a", + burlywood: "deb887", + burntsienna: "ea7e5d", + cadetblue: "5f9ea0", + chartreuse: "7fff00", + chocolate: "d2691e", + coral: "ff7f50", + cornflowerblue: "6495ed", + cornsilk: "fff8dc", + crimson: "dc143c", + cyan: "0ff", + darkblue: "00008b", + darkcyan: "008b8b", + darkgoldenrod: "b8860b", + darkgray: "a9a9a9", + darkgreen: "006400", + darkgrey: "a9a9a9", + darkkhaki: "bdb76b", + darkmagenta: "8b008b", + darkolivegreen: "556b2f", + darkorange: "ff8c00", + darkorchid: "9932cc", + darkred: "8b0000", + darksalmon: "e9967a", + darkseagreen: "8fbc8f", + darkslateblue: "483d8b", + darkslategray: "2f4f4f", + darkslategrey: "2f4f4f", + darkturquoise: "00ced1", + darkviolet: "9400d3", + deeppink: "ff1493", + deepskyblue: "00bfff", + dimgray: "696969", + dimgrey: "696969", + dodgerblue: "1e90ff", + firebrick: "b22222", + floralwhite: "fffaf0", + forestgreen: "228b22", + fuchsia: "f0f", + gainsboro: "dcdcdc", + ghostwhite: "f8f8ff", + gold: "ffd700", + goldenrod: "daa520", + gray: "808080", + green: "008000", + greenyellow: "adff2f", + grey: "808080", + honeydew: "f0fff0", + hotpink: "ff69b4", + indianred: "cd5c5c", + indigo: "4b0082", + ivory: "fffff0", + khaki: "f0e68c", + lavender: "e6e6fa", + lavenderblush: "fff0f5", + lawngreen: "7cfc00", + lemonchiffon: "fffacd", + lightblue: "add8e6", + lightcoral: "f08080", + lightcyan: "e0ffff", + lightgoldenrodyellow: "fafad2", + lightgray: "d3d3d3", + lightgreen: "90ee90", + lightgrey: "d3d3d3", + lightpink: "ffb6c1", + lightsalmon: "ffa07a", + lightseagreen: "20b2aa", + lightskyblue: "87cefa", + lightslategray: "789", + lightslategrey: "789", + lightsteelblue: "b0c4de", + lightyellow: "ffffe0", + lime: "0f0", + limegreen: "32cd32", + linen: "faf0e6", + magenta: "f0f", + maroon: "800000", + mediumaquamarine: "66cdaa", + mediumblue: "0000cd", + mediumorchid: "ba55d3", + mediumpurple: "9370db", + mediumseagreen: "3cb371", + mediumslateblue: "7b68ee", + mediumspringgreen: "00fa9a", + mediumturquoise: "48d1cc", + mediumvioletred: "c71585", + midnightblue: "191970", + mintcream: "f5fffa", + mistyrose: "ffe4e1", + moccasin: "ffe4b5", + navajowhite: "ffdead", + navy: "000080", + oldlace: "fdf5e6", + olive: "808000", + olivedrab: "6b8e23", + orange: "ffa500", + orangered: "ff4500", + orchid: "da70d6", + palegoldenrod: "eee8aa", + palegreen: "98fb98", + paleturquoise: "afeeee", + palevioletred: "db7093", + papayawhip: "ffefd5", + peachpuff: "ffdab9", + peru: "cd853f", + pink: "ffc0cb", + plum: "dda0dd", + powderblue: "b0e0e6", + purple: "800080", + rebeccapurple: "663399", + red: "f00", + rosybrown: "bc8f8f", + royalblue: "4169e1", + saddlebrown: "8b4513", + salmon: "fa8072", + sandybrown: "f4a460", + seagreen: "2e8b57", + seashell: "fff5ee", + sienna: "a0522d", + silver: "c0c0c0", + skyblue: "87ceeb", + slateblue: "6a5acd", + slategray: "708090", + slategrey: "708090", + snow: "fffafa", + springgreen: "00ff7f", + steelblue: "4682b4", + tan: "d2b48c", + teal: "008080", + thistle: "d8bfd8", + tomato: "ff6347", + turquoise: "40e0d0", + violet: "ee82ee", + wheat: "f5deb3", + white: "fff", + whitesmoke: "f5f5f5", + yellow: "ff0", + yellowgreen: "9acd32" +}; + +// Make it easy to access colors via hexNames[hex] +var hexNames = tinycolor.hexNames = flip(names); + +// Utilities +// --------- + +// { 'name1': 'val1' } becomes { 'val1': 'name1' } +function flip(o) { + var flipped = { }; + for (var i in o) { + if (o.hasOwnProperty(i)) { + flipped[o[i]] = i; + } + } + return flipped; +} + +// Return a valid alpha value [0,1] with all invalid values being set to 1 +function boundAlpha(a) { + a = parseFloat(a); + + if (isNaN(a) || a < 0 || a > 1) { + a = 1; + } + + return a; +} + +// Take input from [0, n] and return it as [0, 1] +function bound01(n, max) { + if (isOnePointZero(n)) { n = "100%"; } + + var processPercent = isPercentage(n); + n = mathMin(max, mathMax(0, parseFloat(n))); + + // Automatically convert percentage into number + if (processPercent) { + n = parseInt(n * max, 10) / 100; + } + + // Handle floating point rounding errors + if ((Math.abs(n - max) < 0.000001)) { + return 1; + } + + // Convert into [0, 1] range if it isn't already + return (n % max) / parseFloat(max); +} + +// Force a number between 0 and 1 +function clamp01(val) { + return mathMin(1, mathMax(0, val)); +} + +// Parse a base-16 hex value into a base-10 integer +function parseIntFromHex(val) { + return parseInt(val, 16); +} + +// Need to handle 1.0 as 100%, since once it is a number, there is no difference between it and 1 +// +function isOnePointZero(n) { + return typeof n == "string" && n.indexOf('.') != -1 && parseFloat(n) === 1; +} + +// Check to see if string passed in is a percentage +function isPercentage(n) { + return typeof n === "string" && n.indexOf('%') != -1; +} + +// Force a hex value to have 2 characters +function pad2(c) { + return c.length == 1 ? '0' + c : '' + c; +} + +// Replace a decimal with it's percentage value +function convertToPercentage(n) { + if (n <= 1) { + n = (n * 100) + "%"; + } + + return n; +} + +// Converts a decimal to a hex value +function convertDecimalToHex(d) { + return Math.round(parseFloat(d) * 255).toString(16); +} +// Converts a hex value to a decimal +function convertHexToDecimal(h) { + return (parseIntFromHex(h) / 255); +} + +var matchers = (function() { + + // + var CSS_INTEGER = "[-\\+]?\\d+%?"; + + // + var CSS_NUMBER = "[-\\+]?\\d*\\.\\d+%?"; + + // Allow positive/negative integer/number. Don't capture the either/or, just the entire outcome. + var CSS_UNIT = "(?:" + CSS_NUMBER + ")|(?:" + CSS_INTEGER + ")"; + + // Actual matching. + // Parentheses and commas are optional, but not required. + // Whitespace can take the place of commas or opening paren + var PERMISSIVE_MATCH3 = "[\\s|\\(]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")\\s*\\)?"; + var PERMISSIVE_MATCH4 = "[\\s|\\(]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")\\s*\\)?"; + + return { + CSS_UNIT: new RegExp(CSS_UNIT), + rgb: new RegExp("rgb" + PERMISSIVE_MATCH3), + rgba: new RegExp("rgba" + PERMISSIVE_MATCH4), + hsl: new RegExp("hsl" + PERMISSIVE_MATCH3), + hsla: new RegExp("hsla" + PERMISSIVE_MATCH4), + hsv: new RegExp("hsv" + PERMISSIVE_MATCH3), + hsva: new RegExp("hsva" + PERMISSIVE_MATCH4), + hex3: /^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/, + hex6: /^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/, + hex4: /^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/, + hex8: /^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/ + }; +})(); + +// isValidCSSUnit +// Take in a single string / number and check to see if it looks like a CSS unit +// (see matchers above for definition). +function isValidCSSUnit(color) { + return !!matchers.CSS_UNIT.exec(color); +} + +// stringInputToObject +// Permissive string parsing. Take in a number of formats, and output an object +// based on detected format. Returns { r, g, b } or { h, s, l } or { h, s, v} +function stringInputToObject(color) { + + color = color.replace(trimLeft, '').replace(trimRight, '').toLowerCase(); + var named = false; + if (names[color]) { + color = names[color]; + named = true; + } + else if (color == 'transparent') { + return { r: 0, g: 0, b: 0, a: 0, format: "name" }; + } + + // Try to match string input using regular expressions. + // Keep most of the number bounding out of this function - don't worry about [0,1] or [0,100] or [0,360] + // Just return an object and let the conversion functions handle that. + // This way the result will be the same whether the tinycolor is initialized with string or object. + var match; + if ((match = matchers.rgb.exec(color))) { + return { r: match[1], g: match[2], b: match[3] }; + } + if ((match = matchers.rgba.exec(color))) { + return { r: match[1], g: match[2], b: match[3], a: match[4] }; + } + if ((match = matchers.hsl.exec(color))) { + return { h: match[1], s: match[2], l: match[3] }; + } + if ((match = matchers.hsla.exec(color))) { + return { h: match[1], s: match[2], l: match[3], a: match[4] }; + } + if ((match = matchers.hsv.exec(color))) { + return { h: match[1], s: match[2], v: match[3] }; + } + if ((match = matchers.hsva.exec(color))) { + return { h: match[1], s: match[2], v: match[3], a: match[4] }; + } + if ((match = matchers.hex8.exec(color))) { + return { + r: parseIntFromHex(match[1]), + g: parseIntFromHex(match[2]), + b: parseIntFromHex(match[3]), + a: convertHexToDecimal(match[4]), + format: named ? "name" : "hex8" + }; + } + if ((match = matchers.hex6.exec(color))) { + return { + r: parseIntFromHex(match[1]), + g: parseIntFromHex(match[2]), + b: parseIntFromHex(match[3]), + format: named ? "name" : "hex" + }; + } + if ((match = matchers.hex4.exec(color))) { + return { + r: parseIntFromHex(match[1] + '' + match[1]), + g: parseIntFromHex(match[2] + '' + match[2]), + b: parseIntFromHex(match[3] + '' + match[3]), + a: convertHexToDecimal(match[4] + '' + match[4]), + format: named ? "name" : "hex8" + }; + } + if ((match = matchers.hex3.exec(color))) { + return { + r: parseIntFromHex(match[1] + '' + match[1]), + g: parseIntFromHex(match[2] + '' + match[2]), + b: parseIntFromHex(match[3] + '' + match[3]), + format: named ? "name" : "hex" + }; + } + + return false; +} + +function validateWCAG2Parms(parms) { + // return valid WCAG2 parms for isReadable. + // If input parms are invalid, return {"level":"AA", "size":"small"} + var level, size; + parms = parms || {"level":"AA", "size":"small"}; + level = (parms.level || "AA").toUpperCase(); + size = (parms.size || "small").toLowerCase(); + if (level !== "AA" && level !== "AAA") { + level = "AA"; + } + if (size !== "small" && size !== "large") { + size = "small"; + } + return {"level":level, "size":size}; +} + +this.tinycolor = tinycolor; + +})()`; +} +// It is hacky way to make this function will be compiled preferentially by less +// resolve error: `ReferenceError: colorPalette is not defined` +// https://github.com/ant-design/ant-motion/issues/44 +.tinyColorMixin(); diff --git a/demo/less/theme.less b/demo/less/theme.less new file mode 100644 index 000000000..3937a598f --- /dev/null +++ b/demo/less/theme.less @@ -0,0 +1,301 @@ +@import "./color/colors"; + +// http://stackoverflow.com/a/13611748/3040605 +@font-face { + font-family: "Helvetica Neue For Number"; + src: local("Helvetica Neue"); + unicode-range: U+30-39; +} + +// Prefix +@ant-prefix : ant; + +// Color +@primary-color : @blue-6; +@info-color : @blue-6; +@success-color : @green-6; +@error-color : @red-6; +@highlight-color : @red-6; +@warning-color : @yellow-6; +@normal-color : #d9d9d9; + +@primary-1: color(~`colorPalette("@{primary-color}", 1)`); // replace tint(@primary-color, 90%) +@primary-2: color(~`colorPalette("@{primary-color}", 2)`); // replace tint(@primary-color, 80%) +@primary-3: color(~`colorPalette("@{primary-color}", 3)`); +@primary-4: color(~`colorPalette("@{primary-color}", 4)`); +@primary-5: color(~`colorPalette("@{primary-color}", 5)`); // replace tint(@primary-color, 20%) +@primary-6: @primary-color; // don't use, use @primary-color +@primary-7: color(~`colorPalette("@{primary-color}", 7)`); // replace shade(@primary-color, 5%) +@primary-8: color(~`colorPalette("@{primary-color}", 8)`); +@primary-9: color(~`colorPalette("@{primary-color}", 9)`); +@primary-10: color(~`colorPalette("@{primary-color}", 10)`); + +// ------ Base & Require ------ +@body-background : #fff; +@component-background : #fff; +@font-family : "Helvetica Neue For Number", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif; +@code-family : Consolas, Menlo, Courier, monospace; +@heading-color : fade(#000, 85%); +@text-color : fade(#000, 65%); +@text-color-secondary : fade(#000, 43%); +@disabled-color : fade(#000, 25%); +@heading-color-dark : fade(#fff, 97%); +@text-color-dark : fade(#fff, 91%); +@text-color-secondary-dark: fade(#fff, 67%); +@disabled-color-dark : fade(#fff, 35%); +@font-size-base : 12px; +@font-size-lg : @font-size-base + 2px; +@line-height-base : 1.5; +@border-radius-base : 4px; +@border-radius-sm : 2px; + +// ICONFONT +@iconfont-css-prefix : anticon; +@icon-url : "https://at.alicdn.com/t/font_0qcp222wvwijm7vi"; + +// LINK +@link-color : @primary-color; +@link-hover-color : @primary-5; +@link-active-color : @primary-7; +@link-hover-decoration : none; + +// Animation +@ease-out : cubic-bezier(0.215, 0.61, 0.355, 1); +@ease-in : cubic-bezier(0.55, 0.055, 0.675, 0.19); +@ease-in-out : cubic-bezier(0.645, 0.045, 0.355, 1); +@ease-out-back : cubic-bezier(0.12, 0.4, 0.29, 1.46); +@ease-in-back : cubic-bezier(0.71, -0.46, 0.88, 0.6); +@ease-in-out-back : cubic-bezier(0.71, -0.46, 0.29, 1.46); +@ease-out-circ : cubic-bezier(0.08, 0.82, 0.17, 1); +@ease-in-circ : cubic-bezier(0.6, 0.04, 0.98, 0.34); +@ease-in-out-circ : cubic-bezier(0.78, 0.14, 0.15, 0.86); +@ease-out-quint : cubic-bezier(0.23, 1, 0.32, 1); +@ease-in-quint : cubic-bezier(0.755, 0.05, 0.855, 0.06); +@ease-in-out-quint : cubic-bezier(0.86, 0, 0.07, 1); + +// Border color +@border-color-base : #d9d9d9; // base border outline a component +@border-color-split : #e9e9e9; // split border inside a component +@border-width-base : 1px; // width of the border for a component +@border-style-base : solid; // style of a components border + +// Outline +@outline-blur-size : 0; +@outline-width : 2px; +@outline-color : @primary-color; + +// Background color +@background-color-base : #f7f7f7; // basic gray background + +// Shadow +@shadow-color : rgba(0, 0, 0, .2); +@box-shadow-base : @shadow-1-down; +@shadow-1-up : 0 -1px 6px @shadow-color; +@shadow-1-down : 0 1px 6px @shadow-color; +@shadow-1-left : -1px 0 6px @shadow-color; +@shadow-1-right : 1px 0 6px @shadow-color; +@shadow-2 : 0 2px 8px @shadow-color; + +// Buttons +@btn-font-weight : 500; +@btn-border-radius-base : @border-radius-base; +@btn-border-radius-sm : @border-radius-base; + +@btn-primary-color : #fff; +@btn-primary-bg : @primary-color; + +@btn-default-color : @text-color; +@btn-default-bg : #fff; +@btn-default-border : @border-color-base; + +@btn-danger-color : @error-color; +@btn-danger-bg : @background-color-base; +@btn-danger-border : @border-color-base; + +@btn-disable-color : @disabled-color; +@btn-disable-bg : @background-color-base; +@btn-disable-border : @border-color-base; + +@btn-padding-base : 0 15px; +@btn-font-size-lg : @font-size-lg; +@btn-padding-lg : @btn-padding-base; +@btn-padding-sm : 0 7px; + +@btn-height-base : 28px; +@btn-height-lg : 32px; +@btn-height-sm : 22px; + +@btn-circle-size : @btn-height-base; +@btn-circle-size-lg : @btn-height-lg; +@btn-circle-size-sm : @btn-height-sm; + +@btn-group-border : @primary-7; + +// Radio buttons +@radio-button-bg : @btn-default-bg; +@radio-button-color : @btn-default-color; + +// Media queries breakpoints +// Extra small screen / phone +@screen-xs : 480px; +@screen-xs-min : @screen-xs; + +// Small screen / tablet +@screen-sm : 768px; +@screen-sm-min : @screen-sm; + +// Medium screen / desktop +@screen-md : 992px; +@screen-md-min : @screen-md; + +// Large screen / wide desktop +@screen-lg : 1200px; +@screen-lg-min : @screen-lg; + +// Extra Large screen / full hd +@screen-xl : 1600px; +@screen-xl-min : @screen-xl; + +// provide a maximum +@screen-xs-max : (@screen-sm-min - 1); +@screen-sm-max : (@screen-md-min - 1); +@screen-md-max : (@screen-lg-min - 1); +@screen-lg-max : (@screen-xl-min - 1); + +// Grid system +@grid-columns : 24; +@grid-gutter-width : 0; + +// Layout +@layout-body-background : #ececec; +@layout-header-background : #404040; +@layout-header-height : 64px; +@layout-header-padding : 0 50px; +@layout-footer-padding : 24px 50px; +@layout-sider-background : @layout-header-background; +@layout-trigger-height : 48px; +@layout-zero-trigger-width : 36px; +@layout-zero-trigger-height : 42px; + +// z-index list +@zindex-affix : 10; +@zindex-back-top : 10; +@zindex-modal-mask : 1000; +@zindex-modal : 1000; +@zindex-notification : 1010; +@zindex-message : 1010; +@zindex-popover : 1030; +@zindex-picker : 1050; +@zindex-dropdown : 1050; +@zindex-tooltip : 1060; + +// Animation +@animation-duration-slow: .3s; // Modal +@animation-duration-base: .2s; +@animation-duration-fast: .1s; // Tooltip + +// Form +// --- +@label-required-color : @highlight-color; +@label-color : @text-color; +@form-item-margin-bottom : 24px; +@form-item-trailing-colon : true; + +// Input +// --- +@input-height-base : 28px; +@input-height-lg : 32px; +@input-height-sm : 22px; +@input-padding-horizontal : 7px; +@input-padding-vertical-base : 4px; +@input-padding-vertical-sm : 1px; +@input-padding-vertical-lg : 6px; +@input-placeholder-color : #ccc; +@input-color : @text-color; +@input-border-color : @border-color-base; +@input-bg : #fff; +@input-hover-border-color : @primary-color; +@input-disabled-bg : @background-color-base; + +// Tooltip +// --- +//* Tooltip max width +@tooltip-max-width: 250px; +//** Tooltip text color +@tooltip-color: #fff; +//** Tooltip background color +@tooltip-bg: rgba(64, 64, 64, .85); +//** Tooltip arrow width +@tooltip-arrow-width: 5px; +//** Tooltip distance with trigger +@tooltip-distance: @tooltip-arrow-width - 1 + 4; +//** Tooltip arrow color +@tooltip-arrow-color: @tooltip-bg; + +// Popover +// --- +//** Popover body background color +@popover-bg: #fff; +//** Popover maximum width +@popover-min-width: 177px; +//** Popover arrow width +@popover-arrow-width: 4px; +//** Popover arrow color +@popover-arrow-color: @popover-bg; +//** Popover outer arrow width +@popover-arrow-outer-width: (@popover-arrow-width + 1); +//** Popover outer arrow color +@popover-arrow-outer-color: fadeout(@border-color-base, 30%); + +// Modal +// -- +@modal-mask-bg: rgba(55, 55, 55, 0.6); + +// Progress +// -- +@process-default-color: @primary-color; + +// Menu +// --- +@menu-dark-bg: @layout-header-background; +@menu-dark-submenu-bg: #333; + +// Spin +// --- +@spin-dot-size-sm: 14px; +@spin-dot-size: 20px; +@spin-dot-size-lg: 32px; + +// Table +// -- +@table-header-bg: @background-color-base; +@table-row-hover-bg: @primary-1; +@table-padding-vertical: 16px; +@table-padding-horizontal: 8px; + +// TimePicker +// --- +@time-picker-panel-column-width: 56px; +@time-picker-panel-width: @time-picker-panel-column-width * 3; + +// Carousel +// --- +@carousel-dot-width: 16px; +@carousel-dot-height: 3px; +@carousel-dot-active-width: 24px; + +// Badge +// --- +@badge-height: 20px; +@badge-dot-size: 8px; + +// Rate +// --- +@rate-star-color: #f5a623; +@rate-star-bg: #e9e9e9; + +// Card +// --- +@card-head-height: 48px; +@card-head-color: @heading-color; +@card-head-background: @component-background; diff --git a/docs/demo.css b/docs/demo.css index 2c14653b2..eac8307e3 100644 --- a/docs/demo.css +++ b/docs/demo.css @@ -73,6 +73,11 @@ body.bi-theme-dark { /****添加计算宽度的--运算符直接需要space****/ /****** common color(常用颜色,可用于普遍场景) *****/ /**** custom color(自定义颜色,用于特定场景) ****/ +@font-face { + font-family: "Helvetica Neue For Number"; + src: local("Helvetica Neue"); + unicode-range: U+30-39; +} /****添加计算宽度的--运算符直接需要space****/ /****** common color(常用颜色,可用于普遍场景) *****/ /**** custom color(自定义颜色,用于特定场景) ****/ diff --git a/docs/demo.js b/docs/demo.js index 466ad9fd2..2444b09d1 100644 --- a/docs/demo.js +++ b/docs/demo.js @@ -2950,7 +2950,7 @@ BI.shortcut("demo.combo", Demo.Func);Demo.Func = BI.inherit(BI.Widget, { }]; var popup = BI.createWidget({ type: "bi.button_group", - cls: "bi-border layout-bg3", + cls: "bi-border", items: items, layouts: [{ type: "bi.vertical" diff --git a/src/css/resource/font.css b/src/css/resource/font.css index ac9eeba8c..e88b35ca5 100644 --- a/src/css/resource/font.css +++ b/src/css/resource/font.css @@ -1,5 +1,8 @@ /****** common color(常用颜色,可用于普遍场景) *****/ /**** custom color(自定义颜色,用于特定场景) ****/ +.close-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .close-font .b-font:before { content: "\e600"; color: inherit; @@ -9,6 +12,9 @@ content: "\e600"; color: inherit; } +.close-red-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .close-red-font .b-font:before { content: "\e600"; color: #e85050; @@ -18,6 +24,9 @@ content: "\e600"; color: #e85050; } +.close-h-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .close-h-font .b-font:before { content: "\e600"; color: inherit; @@ -33,6 +42,9 @@ content: "\e600"; color: inherit; } +.close-e-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .close-e-font .b-font:before { content: "\e600"; color: inherit; @@ -45,17 +57,20 @@ } .close-e-font.active .b-font:before { content: "\e600"; - color: #009de3; + color: #3f8ce8; } .close-e-font:active .b-font:before { content: "\e600"; - color: #009de3; + color: #3f8ce8; } .close-e-font.native .b-font:before, .close-e-font.disabled .b-font:before { content: "\e600"; color: inherit; } +.close-ha-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .close-ha-font .b-font:before { content: "\e600"; color: inherit; @@ -69,13 +84,16 @@ .close-ha-font:active .b-font:before, .close-ha-font.active .b-font:before { content: "\e600"; - color: #009de3; + color: #3f8ce8; } .close-ha-font.native .b-font:before, .close-ha-font.disabled .b-font:before { content: "\e600"; color: inherit; } +.search-close-h-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .search-close-h-font .b-font:before { content: "\e600"; color: inherit; @@ -91,6 +109,9 @@ content: "\e600"; color: inherit; } +.trigger-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .trigger-font .b-font:before { content: "\e603"; color: inherit; @@ -100,6 +121,9 @@ content: "\e603"; color: inherit; } +.trigger-h-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .trigger-h-font .b-font:before { content: "\e603"; color: inherit; @@ -115,6 +139,9 @@ content: "\e603"; color: inherit; } +.trigger-ha-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .trigger-ha-font .b-font:before { content: "\e603"; color: inherit; @@ -128,13 +155,16 @@ .trigger-ha-font:active .b-font:before, .trigger-ha-font.active .b-font:before { content: "\e603"; - color: #009de3; + color: #3f8ce8; } .trigger-ha-font.native .b-font:before, .trigger-ha-font.disabled .b-font:before { content: "\e603"; color: inherit; } +.pre-page-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .pre-page-font .b-font:before { content: "\e601"; color: inherit; @@ -144,6 +174,9 @@ content: "\e601"; color: inherit; } +.pre-page-h-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .pre-page-h-font .b-font:before { content: "\e601"; color: inherit; @@ -159,6 +192,9 @@ content: "\e601"; color: inherit; } +.pre-page-ha-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .pre-page-ha-font .b-font:before { content: "\e601"; color: inherit; @@ -172,13 +208,16 @@ .pre-page-ha-font:active .b-font:before, .pre-page-ha-font.active .b-font:before { content: "\e601"; - color: #009de3; + color: #3f8ce8; } .pre-page-ha-font.native .b-font:before, .pre-page-ha-font.disabled .b-font:before { content: "\e601"; color: inherit; } +.next-page-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .next-page-font .b-font:before { content: "\e602"; color: inherit; @@ -188,6 +227,9 @@ content: "\e602"; color: inherit; } +.next-page-h-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .next-page-h-font .b-font:before { content: "\e602"; color: inherit; @@ -203,6 +245,9 @@ content: "\e602"; color: inherit; } +.next-page-ha-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .next-page-ha-font .b-font:before { content: "\e602"; color: inherit; @@ -216,13 +261,16 @@ .next-page-ha-font:active .b-font:before, .next-page-ha-font.active .b-font:before { content: "\e602"; - color: #009de3; + color: #3f8ce8; } .next-page-ha-font.native .b-font:before, .next-page-ha-font.disabled .b-font:before { content: "\e602"; color: inherit; } +.search-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .search-font .b-font:before { content: "\e604"; color: inherit; @@ -232,6 +280,9 @@ content: "\e604"; color: inherit; } +.search-h-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .search-h-font .b-font:before { content: "\e604"; color: inherit; @@ -247,6 +298,9 @@ content: "\e604"; color: inherit; } +.search-ha-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .search-ha-font .b-font:before { content: "\e604"; color: inherit; @@ -260,13 +314,16 @@ .search-ha-font:active .b-font:before, .search-ha-font.active .b-font:before { content: "\e604"; - color: #009de3; + color: #3f8ce8; } .search-ha-font.native .b-font:before, .search-ha-font.disabled .b-font:before { content: "\e604"; color: inherit; } +.share-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .share-font .b-font:before { content: "\e65a"; color: inherit; @@ -276,6 +333,9 @@ content: "\e65a"; color: inherit; } +.share-h-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .share-h-font .b-font:before { content: "\e65a"; color: inherit; @@ -291,6 +351,9 @@ content: "\e65a"; color: inherit; } +.share-ha-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .share-ha-font .b-font:before { content: "\e65a"; color: inherit; @@ -304,7 +367,7 @@ .share-ha-font:active .b-font:before, .share-ha-font.active .b-font:before { content: "\e65a"; - color: #009de3; + color: #3f8ce8; } .share-ha-font.native .b-font:before, .share-ha-font.disabled .b-font:before { @@ -312,6 +375,9 @@ color: inherit; } /**维度/指标 下拉列表图标字体 ~begin~**/ +.delete-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .delete-font .b-font:before { content: "\e605"; color: inherit; @@ -321,6 +387,9 @@ content: "\e605"; color: inherit; } +.delete-h-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .delete-h-font .b-font:before { content: "\e605"; color: inherit; @@ -336,6 +405,9 @@ content: "\e605"; color: inherit; } +.delete-ha-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .delete-ha-font .b-font:before { content: "\e605"; color: inherit; @@ -349,13 +421,16 @@ .delete-ha-font:active .b-font:before, .delete-ha-font.active .b-font:before { content: "\e605"; - color: #009de3; + color: #3f8ce8; } .delete-ha-font.native .b-font:before, .delete-ha-font.disabled .b-font:before { content: "\e605"; color: inherit; } +.delete-e-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .delete-e-font .b-font:before { content: "\e605"; color: inherit; @@ -368,17 +443,20 @@ } .delete-e-font.active .b-font:before { content: "\e605"; - color: #009de3; + color: #3f8ce8; } .delete-e-font:active .b-font:before { content: "\e605"; - color: #009de3; + color: #3f8ce8; } .delete-e-font.native .b-font:before, .delete-e-font.disabled .b-font:before { content: "\e605"; color: inherit; } +.dot-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .dot-font .b-font:before { content: "\e606"; color: #1a1a1a; @@ -388,6 +466,9 @@ content: "\e606"; color: #1a1a1a; } +.dot-h-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .dot-h-font .b-font:before { content: "\e606"; color: #1a1a1a; @@ -403,6 +484,9 @@ content: "\e606"; color: #1a1a1a; } +.dot-ha-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .dot-ha-font .b-font:before { content: "\e606"; color: #ffffff; @@ -423,6 +507,9 @@ content: "\e606"; color: #ffffff; } +.dot-e-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .dot-e-font .b-font:before { content: "\e606"; color: #ffffff; @@ -446,6 +533,9 @@ content: "\e606"; color: #ffffff; } +.pull-right-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .pull-right-font .b-font:before { content: "\e607"; color: inherit; @@ -455,6 +545,9 @@ content: "\e607"; color: inherit; } +.pull-right-h-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .pull-right-h-font .b-font:before { content: "\e607"; color: inherit; @@ -470,6 +563,9 @@ content: "\e607"; color: inherit; } +.pull-right-ha-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .pull-right-ha-font .b-font:before { content: "\e607"; color: inherit; @@ -483,13 +579,16 @@ .pull-right-ha-font:active .b-font:before, .pull-right-ha-font.active .b-font:before { content: "\e607"; - color: #009de3; + color: #3f8ce8; } .pull-right-ha-font.native .b-font:before, .pull-right-ha-font.disabled .b-font:before { content: "\e607"; color: inherit; } +.pull-right-e-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .pull-right-e-font .b-font:before { content: "\e607"; color: inherit; @@ -502,17 +601,20 @@ } .pull-right-e-font.active .b-font:before { content: "\e607"; - color: #009de3; + color: #3f8ce8; } .pull-right-e-font:active .b-font:before { content: "\e607"; - color: #009de3; + color: #3f8ce8; } .pull-right-e-font.native .b-font:before, .pull-right-e-font.disabled .b-font:before { content: "\e607"; color: inherit; } +.copy-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .copy-font .b-font:before { content: "\e610"; color: inherit; @@ -522,6 +624,9 @@ content: "\e610"; color: inherit; } +.copy-h-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .copy-h-font .b-font:before { content: "\e610"; color: #1a1a1a; @@ -537,6 +642,9 @@ content: "\e610"; color: #1a1a1a; } +.copy-ha-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .copy-ha-font .b-font:before { content: "\e610"; color: inherit; @@ -550,13 +658,16 @@ .copy-ha-font:active .b-font:before, .copy-ha-font.active .b-font:before { content: "\e610"; - color: #009de3; + color: #3f8ce8; } .copy-ha-font.native .b-font:before, .copy-ha-font.disabled .b-font:before { content: "\e610"; color: inherit; } +.copy-e-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .copy-e-font .b-font:before { content: "\e610"; color: inherit; @@ -569,17 +680,20 @@ } .copy-e-font.active .b-font:before { content: "\e610"; - color: #009de3; + color: #3f8ce8; } .copy-e-font:active .b-font:before { content: "\e610"; - color: #009de3; + color: #3f8ce8; } .copy-e-font.native .b-font:before, .copy-e-font.disabled .b-font:before { content: "\e610"; color: inherit; } +.check-mark-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .check-mark-font .b-font:before { content: "\e611"; color: inherit; @@ -589,6 +703,9 @@ content: "\e611"; color: inherit; } +.check-mark-h-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .check-mark-h-font .b-font:before { content: "\e611"; color: inherit; @@ -604,6 +721,9 @@ content: "\e611"; color: inherit; } +.check-mark-ha-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .check-mark-ha-font .b-font:before { content: "\e611"; color: inherit; @@ -617,13 +737,16 @@ .check-mark-ha-font:active .b-font:before, .check-mark-ha-font.active .b-font:before { content: "\e611"; - color: #009de3; + color: #3f8ce8; } .check-mark-ha-font.native .b-font:before, .check-mark-ha-font.disabled .b-font:before { content: "\e611"; color: inherit; } +.check-mark-e-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .check-mark-e-font .b-font:before { content: "\e611"; color: inherit; @@ -636,17 +759,20 @@ } .check-mark-e-font.active .b-font:before { content: "\e611"; - color: #009de3; + color: #3f8ce8; } .check-mark-e-font:active .b-font:before { content: "\e611"; - color: #009de3; + color: #3f8ce8; } .check-mark-e-font.native .b-font:before, .check-mark-e-font.disabled .b-font:before { content: "\e611"; color: inherit; } +.dimension-from-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .dimension-from-font .b-font:before { content: "\e612"; color: inherit; @@ -656,6 +782,9 @@ content: "\e612"; color: inherit; } +.dimension-from-h-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .dimension-from-h-font .b-font:before { content: "\e612"; color: inherit; @@ -671,6 +800,9 @@ content: "\e612"; color: inherit; } +.dimension-from-ha-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .dimension-from-ha-font .b-font:before { content: "\e612"; color: inherit; @@ -684,13 +816,16 @@ .dimension-from-ha-font:active .b-font:before, .dimension-from-ha-font.active .b-font:before { content: "\e612"; - color: #009de3; + color: #3f8ce8; } .dimension-from-ha-font.native .b-font:before, .dimension-from-ha-font.disabled .b-font:before { content: "\e612"; color: inherit; } +.dimension-from-e-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .dimension-from-e-font .b-font:before { content: "\e612"; color: inherit; @@ -703,17 +838,20 @@ } .dimension-from-e-font.active .b-font:before { content: "\e612"; - color: #009de3; + color: #3f8ce8; } .dimension-from-e-font:active .b-font:before { content: "\e612"; - color: #009de3; + color: #3f8ce8; } .dimension-from-e-font.native .b-font:before, .dimension-from-e-font.disabled .b-font:before { content: "\e612"; color: inherit; } +.chart-type-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .chart-type-font .b-font:before { content: "\e613"; color: inherit; @@ -723,6 +861,9 @@ content: "\e613"; color: inherit; } +.chart-type-h-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .chart-type-h-font .b-font:before { content: "\e613"; color: inherit; @@ -738,6 +879,9 @@ content: "\e613"; color: inherit; } +.chart-type-ha-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .chart-type-ha-font .b-font:before { content: "\e613"; color: inherit; @@ -751,13 +895,16 @@ .chart-type-ha-font:active .b-font:before, .chart-type-ha-font.active .b-font:before { content: "\e613"; - color: #009de3; + color: #3f8ce8; } .chart-type-ha-font.native .b-font:before, .chart-type-ha-font.disabled .b-font:before { content: "\e613"; color: inherit; } +.chart-type-e-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .chart-type-e-font .b-font:before { content: "\e613"; color: inherit; @@ -770,17 +917,20 @@ } .chart-type-e-font.active .b-font:before { content: "\e613"; - color: #009de3; + color: #3f8ce8; } .chart-type-e-font:active .b-font:before { content: "\e613"; - color: #009de3; + color: #3f8ce8; } .chart-type-e-font.native .b-font:before, .chart-type-e-font.disabled .b-font:before { content: "\e613"; color: inherit; } +.style-set-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .style-set-font .b-font:before { content: "\e60c"; color: inherit; @@ -790,6 +940,9 @@ content: "\e60c"; color: inherit; } +.style-set-h-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .style-set-h-font .b-font:before { content: "\e60c"; color: inherit; @@ -805,6 +958,9 @@ content: "\e60c"; color: inherit; } +.style-set-ha-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .style-set-ha-font .b-font:before { content: "\e60c"; color: inherit; @@ -818,13 +974,16 @@ .style-set-ha-font:active .b-font:before, .style-set-ha-font.active .b-font:before { content: "\e60c"; - color: #009de3; + color: #3f8ce8; } .style-set-ha-font.native .b-font:before, .style-set-ha-font.disabled .b-font:before { content: "\e60c"; color: inherit; } +.style-set-e-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .style-set-e-font .b-font:before { content: "\e60c"; color: inherit; @@ -837,17 +996,20 @@ } .style-set-e-font.active .b-font:before { content: "\e60c"; - color: #009de3; + color: #3f8ce8; } .style-set-e-font:active .b-font:before { content: "\e60c"; - color: #009de3; + color: #3f8ce8; } .style-set-e-font.native .b-font:before, .style-set-e-font.disabled .b-font:before { content: "\e60c"; color: inherit; } +.hyper-link-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .hyper-link-font .b-font:before { content: "\e688"; color: inherit; @@ -857,6 +1019,9 @@ content: "\e688"; color: inherit; } +.filter-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .filter-font .b-font:before { content: "\e60f"; color: inherit; @@ -866,6 +1031,9 @@ content: "\e60f"; color: inherit; } +.filter-h-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .filter-h-font .b-font:before { content: "\e60f"; color: inherit; @@ -881,6 +1049,9 @@ content: "\e60f"; color: inherit; } +.filter-ha-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .filter-ha-font .b-font:before { content: "\e60f"; color: inherit; @@ -894,13 +1065,16 @@ .filter-ha-font:active .b-font:before, .filter-ha-font.active .b-font:before { content: "\e60f"; - color: #009de3; + color: #3f8ce8; } .filter-ha-font.native .b-font:before, .filter-ha-font.disabled .b-font:before { content: "\e60f"; color: inherit; } +.filter-e-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .filter-e-font .b-font:before { content: "\e60f"; color: inherit; @@ -913,17 +1087,20 @@ } .filter-e-font.active .b-font:before { content: "\e60f"; - color: #009de3; + color: #3f8ce8; } .filter-e-font:active .b-font:before { content: "\e60f"; - color: #009de3; + color: #3f8ce8; } .filter-e-font.native .b-font:before, .filter-e-font.disabled .b-font:before { content: "\e60f"; color: inherit; } +.classify-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .classify-font .b-font:before { content: "\e694"; color: #3f8ce8; @@ -933,6 +1110,9 @@ content: "\e694"; color: #3f8ce8; } +.series-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .series-font .b-font:before { content: "\e695"; color: #58cc7d; @@ -944,6 +1124,9 @@ } /**维度/指标 下拉列表图标字体 ~end~**/ /** dashboard组件/控件 下拉列表图标字体 ~begin~**/ +.link-to-widget-h-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .link-to-widget-h-font .b-font:before { content: "\e600"; color: #999999; @@ -959,6 +1142,9 @@ content: "\e600"; color: #999999; } +.link-to-detail-h-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .link-to-detail-h-font .b-font:before { content: "\e600"; color: #999999; @@ -974,6 +1160,9 @@ content: "\e600"; color: #999999; } +.detail-setting-h-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .detail-setting-h-font .b-font:before { content: "\e600"; color: #999999; @@ -989,6 +1178,9 @@ content: "\e600"; color: #999999; } +.export-to-excel-h-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .export-to-excel-h-font .b-font:before { content: "\e600"; color: #999999; @@ -1004,6 +1196,9 @@ content: "\e600"; color: #999999; } +.widget-copy-h-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .widget-copy-h-font .b-font:before { content: "\e610"; color: #999999; @@ -1019,6 +1214,9 @@ content: "\e610"; color: #999999; } +.widget-delete-h-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .widget-delete-h-font .b-font:before { content: "\e605"; color: #999999; @@ -1035,6 +1233,9 @@ color: #999999; } /** dashboard组件/控件 下拉列表图标字体 ~end~**/ +.tree-node-triangle-expand-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .tree-node-triangle-expand-font .b-font:before { content: "\e608"; color: inherit; @@ -1044,6 +1245,9 @@ content: "\e608"; color: inherit; } +.tree-node-triangle-collapse-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .tree-node-triangle-collapse-font .b-font:before { content: "\e607"; color: inherit; @@ -1053,6 +1257,9 @@ content: "\e607"; color: inherit; } +.row-pre-page-h-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .row-pre-page-h-font .b-font:before { content: "\e6be"; color: inherit; @@ -1068,6 +1275,9 @@ content: "\e6be"; color: inherit; } +.row-next-page-h-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .row-next-page-h-font .b-font:before { content: "\e6bd"; color: inherit; @@ -1083,6 +1293,9 @@ content: "\e6bd"; color: inherit; } +.column-pre-page-h-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .column-pre-page-h-font .b-font:before { content: "\e6bc"; color: inherit; @@ -1098,6 +1311,9 @@ content: "\e6bc"; color: inherit; } +.column-next-page-h-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .column-next-page-h-font .b-font:before { content: "\e6bb"; color: inherit; @@ -1113,6 +1329,9 @@ content: "\e6bb"; color: inherit; } +.trigger-triangle-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .trigger-triangle-font .b-font:before { content: "\e66a"; color: #999999; @@ -1133,6 +1352,9 @@ content: "\e66a"; color: #999999; } +.widget-date-next-h-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .widget-date-next-h-font .b-font:before { content: "\e62f"; color: inherit; @@ -1148,6 +1370,9 @@ content: "\e62f"; color: inherit; } +.widget-date-pre-h-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .widget-date-pre-h-font .b-font:before { content: "\e62e"; color: inherit; @@ -1163,6 +1388,9 @@ content: "\e62e"; color: inherit; } +.widget-date-h-change-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .widget-date-h-change-font .b-font:before { content: "\e660"; color: inherit; @@ -1178,6 +1406,9 @@ content: "\e660"; color: inherit; } +.pull-down-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .pull-down-font .b-font:before { content: "\e608"; color: inherit; @@ -1187,6 +1418,9 @@ content: "\e608"; color: inherit; } +.pull-down-h-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .pull-down-h-font .b-font:before { content: "\e608"; color: inherit; @@ -1202,6 +1436,9 @@ content: "\e608"; color: inherit; } +.pull-down-ha-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .pull-down-ha-font .b-font:before { content: "\e608"; color: inherit; @@ -1215,13 +1452,16 @@ .pull-down-ha-font:active .b-font:before, .pull-down-ha-font.active .b-font:before { content: "\e608"; - color: #009de3; + color: #3f8ce8; } .pull-down-ha-font.native .b-font:before, .pull-down-ha-font.disabled .b-font:before { content: "\e608"; color: inherit; } +.delete-field-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .delete-field-font .b-font:before { content: "\e605"; color: inherit; @@ -1231,6 +1471,9 @@ content: "\e605"; color: inherit; } +.delete-field-h-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .delete-field-h-font .b-font:before { content: "\e605"; color: inherit; @@ -1246,6 +1489,9 @@ content: "\e605"; color: inherit; } +.delete-field-ha-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .delete-field-ha-font .b-font:before { content: "\e605"; color: inherit; @@ -1259,13 +1505,16 @@ .delete-field-ha-font:active .b-font:before, .delete-field-ha-font.active .b-font:before { content: "\e605"; - color: #009de3; + color: #3f8ce8; } .delete-field-ha-font.native .b-font:before, .delete-field-ha-font.disabled .b-font:before { content: "\e605"; color: inherit; } +.toolbar-save-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .toolbar-save-font .b-font:before { content: "\e617"; color: inherit; @@ -1281,6 +1530,9 @@ content: "\e617"; color: inherit; } +.toolbar-undo-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .toolbar-undo-font .b-font:before { content: "\e619"; color: inherit; @@ -1296,6 +1548,9 @@ content: "\e619"; color: inherit; } +.toolbar-redo-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .toolbar-redo-font .b-font:before { content: "\e625"; color: inherit; @@ -1311,6 +1566,9 @@ content: "\e625"; color: inherit; } +.toolbar-edit-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .toolbar-edit-font .b-font:before { content: "\e631"; color: inherit; @@ -1326,6 +1584,9 @@ content: "\e631"; color: inherit; } +.toolbar-preview-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .toolbar-preview-font .b-font:before { content: "\e65f"; color: inherit; @@ -1341,6 +1602,9 @@ content: "\e65f"; color: inherit; } +.chart-table-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .chart-table-font .b-font:before { content: "\e60e"; color: inherit; @@ -1354,13 +1618,16 @@ .chart-table-font:active .b-font:before, .chart-table-font.active .b-font:before { content: "\e60e"; - color: #009de3; + color: #3f8ce8; } .chart-table-font.native .b-font:before, .chart-table-font.disabled .b-font:before { content: "\e60e"; color: inherit; } +.chart-axis-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .chart-axis-font .b-font:before { content: "\e626"; color: inherit; @@ -1374,13 +1641,16 @@ .chart-axis-font:active .b-font:before, .chart-axis-font.active .b-font:before { content: "\e626"; - color: #009de3; + color: #3f8ce8; } .chart-axis-font.native .b-font:before, .chart-axis-font.disabled .b-font:before { content: "\e626"; color: inherit; } +.chart-bar-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .chart-bar-font .b-font:before { content: "\e620"; color: inherit; @@ -1394,13 +1664,16 @@ .chart-bar-font:active .b-font:before, .chart-bar-font.active .b-font:before { content: "\e620"; - color: #009de3; + color: #3f8ce8; } .chart-bar-font.native .b-font:before, .chart-bar-font.disabled .b-font:before { content: "\e620"; color: inherit; } +.chart-accumulate-bar-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .chart-accumulate-bar-font .b-font:before { content: "\e60a"; color: inherit; @@ -1414,13 +1687,16 @@ .chart-accumulate-bar-font:active .b-font:before, .chart-accumulate-bar-font.active .b-font:before { content: "\e60a"; - color: #009de3; + color: #3f8ce8; } .chart-accumulate-bar-font.native .b-font:before, .chart-accumulate-bar-font.disabled .b-font:before { content: "\e60a"; color: inherit; } +.chart-pie-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .chart-pie-font .b-font:before { content: "\e618"; color: inherit; @@ -1434,13 +1710,16 @@ .chart-pie-font:active .b-font:before, .chart-pie-font.active .b-font:before { content: "\e618"; - color: #009de3; + color: #3f8ce8; } .chart-pie-font.native .b-font:before, .chart-pie-font.disabled .b-font:before { content: "\e618"; color: inherit; } +.chart-map-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .chart-map-font .b-font:before { content: "\e62c"; color: inherit; @@ -1454,13 +1733,16 @@ .chart-map-font:active .b-font:before, .chart-map-font.active .b-font:before { content: "\e62c"; - color: #009de3; + color: #3f8ce8; } .chart-map-font.native .b-font:before, .chart-map-font.disabled .b-font:before { content: "\e62c"; color: inherit; } +.chart-dashboard-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .chart-dashboard-font .b-font:before { content: "\e623"; color: inherit; @@ -1474,13 +1756,16 @@ .chart-dashboard-font:active .b-font:before, .chart-dashboard-font.active .b-font:before { content: "\e623"; - color: #009de3; + color: #3f8ce8; } .chart-dashboard-font.native .b-font:before, .chart-dashboard-font.disabled .b-font:before { content: "\e623"; color: inherit; } +.chart-doughnut-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .chart-doughnut-font .b-font:before { content: "\e624"; color: inherit; @@ -1494,13 +1779,16 @@ .chart-doughnut-font:active .b-font:before, .chart-doughnut-font.active .b-font:before { content: "\e624"; - color: #009de3; + color: #3f8ce8; } .chart-doughnut-font.native .b-font:before, .chart-doughnut-font.disabled .b-font:before { content: "\e624"; color: inherit; } +.chart-detail-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .chart-detail-font .b-font:before { content: "\e615"; color: inherit; @@ -1514,13 +1802,16 @@ .chart-detail-font:active .b-font:before, .chart-detail-font.active .b-font:before { content: "\e615"; - color: #009de3; + color: #3f8ce8; } .chart-detail-font.native .b-font:before, .chart-detail-font.disabled .b-font:before { content: "\e615"; color: inherit; } +.chart-more-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .chart-more-font .b-font:before { content: "\e60d"; color: inherit; @@ -1534,13 +1825,16 @@ .chart-more-font:active .b-font:before, .chart-more-font.active .b-font:before { content: "\e60d"; - color: #009de3; + color: #3f8ce8; } .chart-more-font.native .b-font:before, .chart-more-font.disabled .b-font:before { content: "\e60d"; color: inherit; } +.chart-bubble-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .chart-bubble-font .b-font:before { content: "\e62a"; color: inherit; @@ -1554,13 +1848,16 @@ .chart-bubble-font:active .b-font:before, .chart-bubble-font.active .b-font:before { content: "\e62a"; - color: #009de3; + color: #3f8ce8; } .chart-bubble-font.native .b-font:before, .chart-bubble-font.disabled .b-font:before { content: "\e62a"; color: inherit; } +.chart-scatter-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .chart-scatter-font .b-font:before { content: "\e61d"; color: inherit; @@ -1574,13 +1871,16 @@ .chart-scatter-font:active .b-font:before, .chart-scatter-font.active .b-font:before { content: "\e61d"; - color: #009de3; + color: #3f8ce8; } .chart-scatter-font.native .b-font:before, .chart-scatter-font.disabled .b-font:before { content: "\e61d"; color: inherit; } +.chart-radar-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .chart-radar-font .b-font:before { content: "\e614"; color: inherit; @@ -1594,13 +1894,16 @@ .chart-radar-font:active .b-font:before, .chart-radar-font.active .b-font:before { content: "\e614"; - color: #009de3; + color: #3f8ce8; } .chart-radar-font.native .b-font:before, .chart-radar-font.disabled .b-font:before { content: "\e614"; color: inherit; } +.chart-content-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .chart-content-font .b-font:before { content: "\e621"; color: inherit; @@ -1614,13 +1917,16 @@ .chart-content-font:active .b-font:before, .chart-content-font.active .b-font:before { content: "\e621"; - color: #009de3; + color: #3f8ce8; } .chart-content-font.native .b-font:before, .chart-content-font.disabled .b-font:before { content: "\e621"; color: inherit; } +.chart-image-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .chart-image-font .b-font:before { content: "\e68d"; color: inherit; @@ -1634,13 +1940,16 @@ .chart-image-font:active .b-font:before, .chart-image-font.active .b-font:before { content: "\e68d"; - color: #009de3; + color: #3f8ce8; } .chart-image-font.native .b-font:before, .chart-image-font.disabled .b-font:before { content: "\e68d"; color: inherit; } +.chart-web-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .chart-web-font .b-font:before { content: "\e68c"; color: inherit; @@ -1654,13 +1963,16 @@ .chart-web-font:active .b-font:before, .chart-web-font.active .b-font:before { content: "\e68c"; - color: #009de3; + color: #3f8ce8; } .chart-web-font.native .b-font:before, .chart-web-font.disabled .b-font:before { content: "\e68c"; color: inherit; } +.chart-string-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .chart-string-font .b-font:before { content: "\e622"; color: inherit; @@ -1674,13 +1986,16 @@ .chart-string-font:active .b-font:before, .chart-string-font.active .b-font:before { content: "\e622"; - color: #009de3; + color: #3f8ce8; } .chart-string-font.native .b-font:before, .chart-string-font.disabled .b-font:before { content: "\e622"; color: inherit; } +.chart-number-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .chart-number-font .b-font:before { content: "\e61f"; color: inherit; @@ -1694,13 +2009,16 @@ .chart-number-font:active .b-font:before, .chart-number-font.active .b-font:before { content: "\e61f"; - color: #009de3; + color: #3f8ce8; } .chart-number-font.native .b-font:before, .chart-number-font.disabled .b-font:before { content: "\e61f"; color: inherit; } +.chart-tree-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .chart-tree-font .b-font:before { content: "\e61e"; color: inherit; @@ -1714,13 +2032,16 @@ .chart-tree-font:active .b-font:before, .chart-tree-font.active .b-font:before { content: "\e61e"; - color: #009de3; + color: #3f8ce8; } .chart-tree-font.native .b-font:before, .chart-tree-font.disabled .b-font:before { content: "\e61e"; color: inherit; } +.chart-date-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .chart-date-font .b-font:before { content: "\e61b"; color: inherit; @@ -1734,13 +2055,16 @@ .chart-date-font:active .b-font:before, .chart-date-font.active .b-font:before { content: "\e61b"; - color: #009de3; + color: #3f8ce8; } .chart-date-font.native .b-font:before, .chart-date-font.disabled .b-font:before { content: "\e61b"; color: inherit; } +.chart-year-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .chart-year-font .b-font:before { content: "\e628"; color: inherit; @@ -1754,13 +2078,16 @@ .chart-year-font:active .b-font:before, .chart-year-font.active .b-font:before { content: "\e628"; - color: #009de3; + color: #3f8ce8; } .chart-year-font.native .b-font:before, .chart-year-font.disabled .b-font:before { content: "\e628"; color: inherit; } +.chart-month-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .chart-month-font .b-font:before { content: "\e627"; color: inherit; @@ -1774,13 +2101,16 @@ .chart-month-font:active .b-font:before, .chart-month-font.active .b-font:before { content: "\e627"; - color: #009de3; + color: #3f8ce8; } .chart-month-font.native .b-font:before, .chart-month-font.disabled .b-font:before { content: "\e627"; color: inherit; } +.chart-quarter-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .chart-quarter-font .b-font:before { content: "\e629"; color: inherit; @@ -1794,13 +2124,16 @@ .chart-quarter-font:active .b-font:before, .chart-quarter-font.active .b-font:before { content: "\e629"; - color: #009de3; + color: #3f8ce8; } .chart-quarter-font.native .b-font:before, .chart-quarter-font.disabled .b-font:before { content: "\e629"; color: inherit; } +.chart-ymd-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .chart-ymd-font .b-font:before { content: "\e61c"; color: inherit; @@ -1814,13 +2147,16 @@ .chart-ymd-font:active .b-font:before, .chart-ymd-font.active .b-font:before { content: "\e61c"; - color: #009de3; + color: #3f8ce8; } .chart-ymd-font.native .b-font:before, .chart-ymd-font.disabled .b-font:before { content: "\e61c"; color: inherit; } +.chart-date-range-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .chart-date-range-font .b-font:before { content: "\e616"; color: inherit; @@ -1834,13 +2170,16 @@ .chart-date-range-font:active .b-font:before, .chart-date-range-font.active .b-font:before { content: "\e616"; - color: #009de3; + color: #3f8ce8; } .chart-date-range-font.native .b-font:before, .chart-date-range-font.disabled .b-font:before { content: "\e616"; color: inherit; } +.chart-general-query-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .chart-general-query-font .b-font:before { content: "\e62b"; color: inherit; @@ -1854,13 +2193,16 @@ .chart-general-query-font:active .b-font:before, .chart-general-query-font.active .b-font:before { content: "\e62b"; - color: #009de3; + color: #3f8ce8; } .chart-general-query-font.native .b-font:before, .chart-general-query-font.disabled .b-font:before { content: "\e62b"; color: inherit; } +.chart-query-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .chart-query-font .b-font:before { content: "\e609"; color: inherit; @@ -1874,13 +2216,16 @@ .chart-query-font:active .b-font:before, .chart-query-font.active .b-font:before { content: "\e609"; - color: #009de3; + color: #3f8ce8; } .chart-query-font.native .b-font:before, .chart-query-font.disabled .b-font:before { content: "\e609"; color: inherit; } +.chart-reset-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .chart-reset-font .b-font:before { content: "\e61a"; color: inherit; @@ -1894,13 +2239,16 @@ .chart-reset-font:active .b-font:before, .chart-reset-font.active .b-font:before { content: "\e61a"; - color: #009de3; + color: #3f8ce8; } .chart-reset-font.native .b-font:before, .chart-reset-font.disabled .b-font:before { content: "\e61a"; color: inherit; } +.chart-textarea-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .chart-textarea-font .b-font:before { content: "\e622"; color: inherit; @@ -1914,13 +2262,16 @@ .chart-textarea-font:active .b-font:before, .chart-textarea-font.active .b-font:before { content: "\e622"; - color: #009de3; + color: #3f8ce8; } .chart-textarea-font.native .b-font:before, .chart-textarea-font.disabled .b-font:before { content: "\e622"; color: inherit; } +.chart-reuse-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .chart-reuse-font .b-font:before { content: "\e60b"; color: inherit; @@ -1934,13 +2285,16 @@ .chart-reuse-font:active .b-font:before, .chart-reuse-font.active .b-font:before { content: "\e60b"; - color: #009de3; + color: #3f8ce8; } .chart-reuse-font.native .b-font:before, .chart-reuse-font.disabled .b-font:before { content: "\e60b"; color: inherit; } +.chart-date-normal-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .chart-date-normal-font .b-font:before { content: "\e61b"; color: inherit; @@ -1950,6 +2304,9 @@ content: "\e61b"; color: inherit; } +.less-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .less-font .b-font:before { content: "\e633"; color: inherit; @@ -1963,13 +2320,16 @@ .less-font:active .b-font:before, .less-font.active .b-font:before { content: "\e633"; - color: #009de3; + color: #3f8ce8; } .less-font.native .b-font:before, .less-font.disabled .b-font:before { content: "\e633"; color: inherit; } +.less-equal-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .less-equal-font .b-font:before { content: "\e636"; color: inherit; @@ -1983,13 +2343,16 @@ .less-equal-font:active .b-font:before, .less-equal-font.active .b-font:before { content: "\e636"; - color: #009de3; + color: #3f8ce8; } .less-equal-font.native .b-font:before, .less-equal-font.disabled .b-font:before { content: "\e636"; color: inherit; } +.check-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .check-font .b-font:before { content: "\e611"; color: #3f8ce8; @@ -1999,6 +2362,9 @@ content: "\e611"; color: #3f8ce8; } +.move2group-add-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .move2group-add-font .b-font:before { content: "\e649"; color: #3f8ce8; @@ -2008,6 +2374,9 @@ content: "\e649"; color: #3f8ce8; } +.select-data-field-calc-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .select-data-field-calc-font .b-font:before { content: "\e6a3"; color: inherit; @@ -2028,6 +2397,9 @@ content: "\e6a3"; color: inherit; } +.select-data-field-string-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .select-data-field-string-font .b-font:before { content: "\e642"; color: inherit; @@ -2048,6 +2420,9 @@ content: "\e642"; color: inherit; } +.select-data-field-number-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .select-data-field-number-font .b-font:before { content: "\e641"; color: inherit; @@ -2068,6 +2443,9 @@ content: "\e641"; color: inherit; } +.select-data-field-date-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .select-data-field-date-font .b-font:before { content: "\e640"; color: inherit; @@ -2088,6 +2466,9 @@ content: "\e640"; color: inherit; } +.select-data-field-string-group-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .select-data-field-string-group-font .b-font:before { content: "\e642"; color: inherit; @@ -2097,6 +2478,9 @@ content: "\e642"; color: inherit; } +.select-data-field-number-group-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .select-data-field-number-group-font .b-font:before { content: "\e641"; color: inherit; @@ -2106,6 +2490,9 @@ content: "\e641"; color: inherit; } +.select-data-field-date-group-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .select-data-field-date-group-font .b-font:before { content: "\e640"; color: inherit; @@ -2115,6 +2502,9 @@ content: "\e640"; color: inherit; } +.select-data-preview-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .select-data-preview-font .b-font:before { content: "\e65f"; color: #999999; @@ -2135,6 +2525,9 @@ content: "\e65f"; color: #999999; } +.detail-dimension-set-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .detail-dimension-set-font .b-font:before { content: "\e678"; color: inherit; @@ -2150,6 +2543,9 @@ content: "\e678"; color: inherit; } +.detail-real-data-warning-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .detail-real-data-warning-font .b-font:before { content: "\e64e"; color: #f07d0a; @@ -2165,6 +2561,9 @@ content: "\e64e"; color: #f07d0a; } +.select-group-field-string-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .select-group-field-string-font .b-font:before { content: "\e642"; color: #3f8ce8; @@ -2185,6 +2584,9 @@ content: "\e642"; color: #3f8ce8; } +.select-group-field-number-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .select-group-field-number-font .b-font:before { content: "\e641"; color: #3f8ce8; @@ -2205,6 +2607,9 @@ content: "\e641"; color: #3f8ce8; } +.select-group-field-date-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .select-group-field-date-font .b-font:before { content: "\e640"; color: #3f8ce8; @@ -2225,6 +2630,9 @@ content: "\e640"; color: #3f8ce8; } +.dashboard-widget-combo-detail-set-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .dashboard-widget-combo-detail-set-font .b-font:before { content: "\e634"; color: inherit; @@ -2240,6 +2648,9 @@ content: "\e634"; color: inherit; } +.group-add-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .group-add-font .b-font:before { content: "\e649"; color: #999999; @@ -2249,6 +2660,9 @@ content: "\e649"; color: #999999; } +.sortable-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .sortable-font .b-font:before { content: "\e63b"; color: inherit; @@ -2258,6 +2672,9 @@ content: "\e63b"; color: inherit; } +.text-bold-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .text-bold-font .b-font:before { content: "\e64d"; color: inherit; @@ -2267,6 +2684,9 @@ content: "\e64d"; color: inherit; } +.text-italic-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .text-italic-font .b-font:before { content: "\e656"; color: inherit; @@ -2276,6 +2696,9 @@ content: "\e656"; color: inherit; } +.text-underline-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .text-underline-font .b-font:before { content: "\e650"; color: inherit; @@ -2285,6 +2708,9 @@ content: "\e650"; color: inherit; } +.text-color-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .text-color-font .b-font:before { content: "\e69c"; color: inherit; @@ -2294,6 +2720,9 @@ content: "\e69c"; color: inherit; } +.text-background-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .text-background-font .b-font:before { content: "\e696"; color: inherit; @@ -2303,6 +2732,9 @@ content: "\e696"; color: inherit; } +.text-color-underline-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .text-color-underline-font .b-font:before { content: "\e69d"; color: inherit; @@ -2312,6 +2744,9 @@ content: "\e69d"; color: inherit; } +.text-align-left-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .text-align-left-font .b-font:before { content: "\e654"; color: inherit; @@ -2321,6 +2756,9 @@ content: "\e654"; color: inherit; } +.text-align-center-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .text-align-center-font .b-font:before { content: "\e64f"; color: inherit; @@ -2330,6 +2768,9 @@ content: "\e64f"; color: inherit; } +.text-align-right-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .text-align-right-font .b-font:before { content: "\e651"; color: inherit; @@ -2339,6 +2780,9 @@ content: "\e651"; color: inherit; } +.img-upload-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .img-upload-font .b-font:before { content: "\e6ba"; color: #3f8ce8; @@ -2348,6 +2792,9 @@ content: "\e6ba"; color: #3f8ce8; } +.img-size-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .img-size-font .b-font:before { content: "\e68b"; color: #3f8ce8; @@ -2357,6 +2804,9 @@ content: "\e68b"; color: #3f8ce8; } +.img-href-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .img-href-font .b-font:before { content: "\e688"; color: #3f8ce8; @@ -2366,6 +2816,9 @@ content: "\e688"; color: #3f8ce8; } +.img-shutdown-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .img-shutdown-font .b-font:before { content: "\e689"; color: #3f8ce8; @@ -2375,6 +2828,9 @@ content: "\e689"; color: #3f8ce8; } +.move-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .move-font .b-font:before { content: "\e65e"; color: inherit; @@ -2384,6 +2840,9 @@ content: "\e65e"; color: inherit; } +.share-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .share-font .b-font:before { content: "\e65a"; color: inherit; @@ -2393,6 +2852,9 @@ content: "\e65a"; color: inherit; } +.new-file-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .new-file-font .b-font:before { content: "\e65d"; color: inherit; @@ -2402,6 +2864,9 @@ content: "\e65d"; color: inherit; } +.file-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .file-font .b-font:before { content: "\e65b"; color: #fcc550; @@ -2411,6 +2876,9 @@ content: "\e65b"; color: #fcc550; } +.folder-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .folder-font .b-font:before { content: "\e65c"; color: #3f8ce8; @@ -2420,6 +2888,9 @@ content: "\e65c"; color: #3f8ce8; } +.letter-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .letter-font .b-font:before { content: "\e659"; color: inherit; @@ -2433,13 +2904,16 @@ .letter-font:active .b-font:before, .letter-font.active .b-font:before { content: "\e659"; - color: #009de3; + color: #3f8ce8; } .letter-font.native .b-font:before, .letter-font.disabled .b-font:before { content: "\e659"; color: inherit; } +.time-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .time-font .b-font:before { content: "\e658"; color: inherit; @@ -2453,13 +2927,16 @@ .time-font:active .b-font:before, .time-font.active .b-font:before { content: "\e658"; - color: #009de3; + color: #3f8ce8; } .time-font.native .b-font:before, .time-font.disabled .b-font:before { content: "\e658"; color: inherit; } +.rename-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .rename-font .b-font:before { content: "\e687"; color: inherit; @@ -2469,6 +2946,9 @@ content: "\e687"; color: inherit; } +.delete-template-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .delete-template-font .b-font:before { content: "\e605"; color: #999999; @@ -2478,6 +2958,9 @@ content: "\e605"; color: #999999; } +.real-time-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .real-time-font .b-font:before { content: "\e6af"; color: #fcc550; @@ -2487,6 +2970,9 @@ content: "\e6af"; color: #fcc550; } +.data-source-table-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .data-source-table-font .b-font:before { content: "\e67b"; color: #3f8ce8; @@ -2507,6 +2993,9 @@ content: "\e67b"; color: #3f8ce8; } +.etl-table-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .etl-table-font .b-font:before { content: "\e680"; color: #3f8ce8; @@ -2527,6 +3016,9 @@ content: "\e680"; color: #3f8ce8; } +.excel-table-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .excel-table-font .b-font:before { content: "\e682"; color: #3f8ce8; @@ -2547,6 +3039,9 @@ content: "\e682"; color: #3f8ce8; } +.sql-table-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .sql-table-font .b-font:before { content: "\e681"; color: #3f8ce8; @@ -2567,6 +3062,9 @@ content: "\e681"; color: #3f8ce8; } +.refresh-table-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .refresh-table-font .b-font:before { content: "\e683"; color: inherit; @@ -2576,6 +3074,9 @@ content: "\e683"; color: inherit; } +.recover-chart-font-hightlight .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .recover-chart-font-hightlight .b-font:before { content: "\e6b4"; color: inherit; @@ -2585,6 +3086,9 @@ content: "\e6b4"; color: inherit; } +.tables-tile-view-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .tables-tile-view-font .b-font:before { content: "\e685"; color: inherit; @@ -2605,6 +3109,9 @@ content: "\e685"; color: inherit; } +.tables-relation-view-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .tables-relation-view-font .b-font:before { content: "\e684"; color: inherit; @@ -2625,6 +3132,9 @@ content: "\e684"; color: inherit; } +.add-new-table-pull-down-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .add-new-table-pull-down-font .b-font:before { content: "\e62d"; color: #ffffff; @@ -2634,6 +3144,9 @@ content: "\e62d"; color: #ffffff; } +.data-link-check-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .data-link-check-font .b-font:before { content: "\e611"; color: #ffffff; @@ -2654,6 +3167,9 @@ content: "\e611"; color: #ffffff; } +.edit-set-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .edit-set-font .b-font:before { content: "\e634"; color: inherit; @@ -2669,6 +3185,9 @@ content: "\e634"; color: inherit; } +.new-analysis-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .new-analysis-font .b-font:before { content: "\e692"; color: #ffffff; @@ -2684,6 +3203,9 @@ content: "\e692"; color: #ffffff; } +.data-config-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .data-config-font .b-font:before { content: "\e693"; color: #ffffff; @@ -2699,6 +3221,9 @@ content: "\e693"; color: #ffffff; } +.folder-list-view .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .folder-list-view .b-font:before { content: "\e694"; color: inherit; @@ -2719,6 +3244,9 @@ content: "\e694"; color: inherit; } +.folder-card-view .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .folder-card-view .b-font:before { content: "\e685"; color: inherit; @@ -2739,6 +3267,9 @@ content: "\e685"; color: inherit; } +.item-check-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .item-check-font .b-font:before { content: "\e611"; color: #ffffff; @@ -2752,13 +3283,16 @@ .item-check-font:active .b-font:before, .item-check-font.active .b-font:before { content: "\e611"; - color: #009de3; + color: #3f8ce8; } .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 { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .table-no-sort-no-filter-font .b-font:before { content: "\e66a"; color: inherit; @@ -2774,6 +3308,9 @@ content: "\e66a"; color: inherit; } +.table-no-sort-filter-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .table-no-sort-filter-font .b-font:before { content: "\e66b"; color: inherit; @@ -2789,6 +3326,9 @@ content: "\e66b"; color: inherit; } +.table-descending-filter-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .table-descending-filter-font .b-font:before { content: "\e667"; color: inherit; @@ -2804,6 +3344,9 @@ content: "\e667"; color: inherit; } +.table-ascending-filter-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .table-ascending-filter-font .b-font:before { content: "\e669"; color: inherit; @@ -2819,6 +3362,9 @@ content: "\e669"; color: inherit; } +.table-descending-no-filter-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .table-descending-no-filter-font .b-font:before { content: "\e666"; color: inherit; @@ -2834,6 +3380,9 @@ content: "\e666"; color: inherit; } +.table-ascending-no-filter-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .table-ascending-no-filter-font .b-font:before { content: "\e668"; color: inherit; @@ -2849,6 +3398,9 @@ content: "\e668"; color: inherit; } +.table-no-sort-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .table-no-sort-font .b-font:before { content: "\e66c"; color: inherit; @@ -2864,6 +3416,9 @@ content: "\e66c"; color: inherit; } +.primary-key-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .primary-key-font .b-font:before { content: "\e67d;"; color: inherit; @@ -2879,6 +3434,9 @@ content: "\e67d;"; color: inherit; } +.table-open-row-style-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .table-open-row-style-font .b-font:before { content: "\e671"; color: inherit; @@ -2892,13 +3450,16 @@ .table-open-row-style-font:active .b-font:before, .table-open-row-style-font.active .b-font:before { content: "\e671"; - color: #009de3; + color: #3f8ce8; } .table-open-row-style-font.native .b-font:before, .table-open-row-style-font.disabled .b-font:before { content: "\e671"; color: inherit; } +.table-open-col-style-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .table-open-col-style-font .b-font:before { content: "\e672"; color: inherit; @@ -2912,13 +3473,16 @@ .table-open-col-style-font:active .b-font:before, .table-open-col-style-font.active .b-font:before { content: "\e672"; - color: #009de3; + color: #3f8ce8; } .table-open-col-style-font.native .b-font:before, .table-open-col-style-font.disabled .b-font:before { content: "\e672"; color: inherit; } +.calculate-function-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .calculate-function-font .b-font:before { content: "\e6a3"; color: #666666; @@ -2928,6 +3492,9 @@ content: "\e6a3"; color: #666666; } +.path-set-doubt .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .path-set-doubt .b-font:before { content: "\e69a"; color: #3f8ce8; @@ -2937,6 +3504,9 @@ content: "\e69a"; color: #3f8ce8; } +.rename-report-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .rename-report-font .b-font:before { content: "\e687"; color: #3f8ce8; @@ -2946,6 +3516,9 @@ content: "\e687"; color: #3f8ce8; } +.remove-report-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .remove-report-font .b-font:before { content: "\e605"; color: #e85050; @@ -2955,6 +3528,9 @@ content: "\e605"; color: #e85050; } +.excel-upload-tip-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .excel-upload-tip-font .b-font:before { content: "\e69e"; color: #3f8ce8; @@ -2964,6 +3540,9 @@ content: "\e69e"; color: #3f8ce8; } +.excel-field-type-string-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .excel-field-type-string-font .b-font:before { content: "\e622"; color: #3f8ce8; @@ -2973,6 +3552,9 @@ content: "\e622"; color: #3f8ce8; } +.excel-field-type-number-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .excel-field-type-number-font .b-font:before { content: "\e61f"; color: #3f8ce8; @@ -2982,6 +3564,9 @@ content: "\e61f"; color: #3f8ce8; } +.excel-field-type-date-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .excel-field-type-date-font .b-font:before { content: "\e61b"; color: #3f8ce8; @@ -2991,6 +3576,9 @@ content: "\e61b"; color: #3f8ce8; } +.excel-field-type-pull-down-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .excel-field-type-pull-down-font .b-font:before { content: "\e608"; color: #3f8ce8; @@ -3000,6 +3588,9 @@ content: "\e608"; color: #3f8ce8; } +.data-link-set-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .data-link-set-font .b-font:before { content: "\e678"; color: #3f8ce8; @@ -3009,6 +3600,9 @@ content: "\e678"; color: #3f8ce8; } +.data-link-test-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .data-link-test-font .b-font:before { content: "\e686"; color: #3f8ce8; @@ -3018,6 +3612,9 @@ content: "\e686"; color: #3f8ce8; } +.data-link-copy-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .data-link-copy-font .b-font:before { content: "\e610"; color: #58cc7d; @@ -3027,6 +3624,9 @@ content: "\e610"; color: #58cc7d; } +.data-link-remove-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .data-link-remove-font .b-font:before { content: "\e600"; color: #e85050; @@ -3036,6 +3636,9 @@ content: "\e600"; color: #e85050; } +.cube-path-confirm-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .cube-path-confirm-font .b-font:before { content: "\e64e"; color: #fbb03b; @@ -3045,6 +3648,9 @@ content: "\e64e"; color: #fbb03b; } +.target-style-less-dot-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .target-style-less-dot-font .b-font:before { content: "\e6a2"; color: #e85050; @@ -3054,6 +3660,9 @@ content: "\e6a2"; color: #e85050; } +.target-style-equal-dot-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .target-style-equal-dot-font .b-font:before { content: "\e6a2"; color: #f9a744; @@ -3063,6 +3672,9 @@ content: "\e6a2"; color: #f9a744; } +.target-style-more-dot-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .target-style-more-dot-font .b-font:before { content: "\e6a2"; color: #58cc7d; @@ -3072,6 +3684,9 @@ content: "\e6a2"; color: #58cc7d; } +.target-style-less-arrow-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .target-style-less-arrow-font .b-font:before { content: "\e6a1"; color: #e85050; @@ -3081,6 +3696,9 @@ content: "\e6a1"; color: #e85050; } +.target-style-equal-arrow-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .target-style-equal-arrow-font .b-font:before { content: "\e69f"; color: #f9a744; @@ -3090,6 +3708,9 @@ content: "\e69f"; color: #f9a744; } +.target-style-more-arrow-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .target-style-more-arrow-font .b-font:before { content: "\e6a0"; color: #58cc7d; @@ -3099,6 +3720,9 @@ content: "\e6a0"; color: #58cc7d; } +.calculate-target-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .calculate-target-font .b-font:before { content: "\e6a3"; color: inherit; @@ -3108,6 +3732,9 @@ content: "\e6a3"; color: inherit; } +.task-list-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .task-list-font .b-font:before { content: "\e694"; color: #3f8ce8; @@ -3117,6 +3744,9 @@ content: "\e694"; color: #3f8ce8; } +.widget-combo-detail-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .widget-combo-detail-font .b-font:before { content: "\e697"; color: #3f8ce8; @@ -3126,6 +3756,9 @@ content: "\e697"; color: #3f8ce8; } +.widget-combo-pull-down-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .widget-combo-pull-down-font .b-font:before { content: "\e6ab"; color: #3f8ce8; @@ -3135,6 +3768,9 @@ content: "\e6ab"; color: #3f8ce8; } +.widget-tools-filter-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .widget-tools-filter-font .b-font:before { content: "\e60f"; color: #3f8ce8; @@ -3144,6 +3780,9 @@ content: "\e60f"; color: #3f8ce8; } +.widget-tools-clear-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .widget-tools-clear-font .b-font:before { content: "\e63d"; color: #3f8ce8; @@ -3153,6 +3792,9 @@ content: "\e63d"; color: #3f8ce8; } +.widget-tools-export-excel-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .widget-tools-export-excel-font .b-font:before { content: "\e635"; color: #3f8ce8; @@ -3162,6 +3804,9 @@ content: "\e635"; color: #3f8ce8; } +.widget-combo-expand-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .widget-combo-expand-font .b-font:before { content: "\e697"; color: inherit; @@ -3171,6 +3816,9 @@ content: "\e697"; color: inherit; } +.widget-combo-linkage-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .widget-combo-linkage-font .b-font:before { content: "\e63c"; color: inherit; @@ -3180,6 +3828,9 @@ content: "\e63c"; color: inherit; } +.widget-combo-rename-edit-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .widget-combo-rename-edit-font .b-font:before { content: "\e670"; color: inherit; @@ -3189,6 +3840,9 @@ content: "\e670"; color: inherit; } +.widget-combo-show-title-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .widget-combo-show-title-font .b-font:before { content: "\e64c"; color: inherit; @@ -3198,6 +3852,9 @@ content: "\e64c"; color: inherit; } +.widget-combo-title-left-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .widget-combo-title-left-font .b-font:before { content: "\e654"; color: inherit; @@ -3207,6 +3864,9 @@ content: "\e654"; color: inherit; } +.widget-combo-title-center-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .widget-combo-title-center-font .b-font:before { content: "\e64f"; color: inherit; @@ -3216,6 +3876,9 @@ content: "\e64f"; color: inherit; } +.widget-combo-show-filter-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .widget-combo-show-filter-font .b-font:before { content: "\e60f"; color: inherit; @@ -3225,6 +3888,9 @@ content: "\e60f"; color: inherit; } +.widget-combo-export-excel-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .widget-combo-export-excel-font .b-font:before { content: "\e635"; color: inherit; @@ -3234,6 +3900,9 @@ content: "\e635"; color: inherit; } +.widget-combo-copy .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .widget-combo-copy .b-font:before { content: "\e610"; color: inherit; @@ -3243,6 +3912,9 @@ content: "\e610"; color: inherit; } +.widget-combo-delete .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .widget-combo-delete .b-font:before { content: "\e605"; color: inherit; @@ -3252,6 +3924,9 @@ content: "\e605"; color: inherit; } +.widget-combo-asc-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .widget-combo-asc-font .b-font:before { content: "\e63f"; color: inherit; @@ -3261,6 +3936,9 @@ content: "\e63f"; color: inherit; } +.widget-combo-des-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .widget-combo-des-font .b-font:before { content: "\e63a"; color: inherit; @@ -3270,6 +3948,9 @@ content: "\e63a"; color: inherit; } +.widget-combo-clear-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .widget-combo-clear-font .b-font:before { content: "\e63d"; color: inherit; @@ -3279,6 +3960,9 @@ content: "\e63d"; color: inherit; } +.detail-table-popup-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .detail-table-popup-font .b-font:before { content: "\e6ac"; color: inherit; @@ -3287,13 +3971,16 @@ .detail-table-popup-font:focus .b-font:before, .detail-table-popup-font.hover .b-font:before { content: "\e6ac"; - color: #009de3; + color: #3f8ce8; } .detail-table-popup-font.native .b-font:before, .detail-table-popup-font.disabled .b-font:before { content: "\e6ac"; color: inherit; } +.chart-drill-up .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .chart-drill-up .b-font:before { content: "\e6ad"; color: inherit; @@ -3303,6 +3990,9 @@ content: "\e6ad"; color: inherit; } +.chart-drill-down .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .chart-drill-down .b-font:before { content: "\e608"; color: inherit; @@ -3312,6 +4002,9 @@ content: "\e608"; color: inherit; } +.report-filter-open-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .report-filter-open-font .b-font:before { content: "\e648"; color: inherit; @@ -3321,6 +4014,9 @@ content: "\e648"; color: inherit; } +.report-filter-close-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .report-filter-close-font .b-font:before { content: "\e645"; color: inherit; @@ -3330,6 +4026,9 @@ content: "\e645"; color: inherit; } +.report-apply-hangout-normal-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .report-apply-hangout-normal-font .b-font:before { content: "\e66d"; color: #999999; @@ -3339,6 +4038,9 @@ content: "\e66d"; color: #999999; } +.report-apply-hangout-ing-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .report-apply-hangout-ing-font .b-font:before { content: "\e66d"; color: #3f8ce8; @@ -3348,6 +4050,9 @@ content: "\e66d"; color: #3f8ce8; } +.report-hangout-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .report-hangout-font .b-font:before { content: "\e64b"; color: #58cc7d; @@ -3357,6 +4062,9 @@ content: "\e64b"; color: #58cc7d; } +.report-cancel-hangout-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .report-cancel-hangout-font .b-font:before { content: "\e64b"; color: #999999; @@ -3366,6 +4074,9 @@ content: "\e64b"; color: #999999; } +.report-hangout-ing-mark-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .report-hangout-ing-mark-font .b-font:before { content: "\e64b"; color: #3f8ce8; @@ -3375,6 +4086,9 @@ content: "\e64b"; color: #3f8ce8; } +.delete-font-package .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .delete-font-package .b-font:before { content: "\e605"; color: #e85050; @@ -3384,6 +4098,9 @@ content: "\e605"; color: #e85050; } +.delete-h-font-package .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .delete-h-font-package .b-font:before { content: "\e605"; color: #e85050; @@ -3393,6 +4110,9 @@ content: "\e605"; color: #e85050; } +.rename-font-package .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .rename-font-package .b-font:before { content: "\e687"; color: #3f8ce8; @@ -3402,6 +4122,9 @@ content: "\e687"; color: #3f8ce8; } +.package-selected-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .package-selected-font .b-font:before { content: "\e6b3"; color: #3f8ce8; @@ -3411,6 +4134,9 @@ content: "\e6b3"; color: #3f8ce8; } +.package-not-selected-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .package-not-selected-font .b-font:before { content: "\e6b2"; color: #3f8ce8; @@ -3420,6 +4146,9 @@ content: "\e6b2"; color: #3f8ce8; } +.report-detail-info-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .report-detail-info-font .b-font:before { content: "\e66e"; color: #f07d0a; @@ -3429,6 +4158,9 @@ content: "\e66e"; color: #f07d0a; } +.report-rename-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .report-rename-font .b-font:before { content: "\e670"; color: #58cc7d; @@ -3438,6 +4170,9 @@ content: "\e670"; color: #58cc7d; } +.report-cancel-share-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .report-cancel-share-font .b-font:before { content: "\e6b5"; color: #3f8ce8; @@ -3447,6 +4182,9 @@ content: "\e6b5"; color: #3f8ce8; } +.drill-push-up-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .drill-push-up-font .b-font:before { content: "\e630"; color: inherit; @@ -3456,6 +4194,9 @@ content: "\e630"; color: inherit; } +.drill-push-down-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .drill-push-down-font .b-font:before { content: "\e62d"; color: inherit; @@ -3465,6 +4206,9 @@ content: "\e62d"; color: inherit; } +.drag-tag-font .b-font { + *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); +} .drag-tag-font .b-font:before { content: "\e600"; color: #f07d0a; diff --git a/src/less/image.less b/src/less/image.less index 9ae872c9f..a714f1fe3 100644 --- a/src/less/image.less +++ b/src/less/image.less @@ -172,91 +172,107 @@ //active @color-bi-font-hover: inherit; //hover -@color-bi-font-active: #009de3; +@color-bi-font-active: #3f8ce8; .font(@class,@content, @color: @color-bi-font-native) { + @fc: "\@{content}"; .@{class} { + & .b-font{ + *zoom: ~"expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#x@{content}')"; + } & .b-font:before { - content: @content; + content: @fc; color: @color; } &.native .b-font:before, &.disabled .b-font:before { - content: @content; + content: @fc; color: @color; } } } .font-hover(@class,@content,@color-native: @color-bi-font-native, @color-hover: @color-bi-font-hover) { + @fc: "\@{content}"; .@{class} { + & .b-font{ + *zoom: ~"expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#x@{content}')"; + } & .b-font:before { - content: @content; + content: @fc; color: @color-native; } &:hover .b-font:before, &:focus .b-font:before, &.hover .b-font:before { - content: @content; + content: @fc; color: @color-hover; } &.native .b-font:before, &.disabled .b-font:before { - content: @content; + content: @fc; color: @color-native; } } } .font-effect(@class,@content,@color-native: @color-bi-font-native, @color-hover: @color-bi-font-hover, @color-active: @color-bi-font-active, @color-selected: @color-bi-font-active) { + @fc: "\@{content}"; .@{class} { + & .b-font{ + *zoom: ~"expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#x@{content}')"; + } & .b-font:before { - content: @content; + content: @fc; color: @color-native; } &:hover .b-font:before, &:focus .b-font:before, &.hover .b-font:before { - content: @content; + content: @fc; color: @color-hover; } &.active .b-font:before { - content: @content; + content: @fc; color: @color-selected; } &:active .b-font:before { - content: @content; + content: @fc; color: @color-active; } &.native .b-font:before, &.disabled .b-font:before { - content: @content; + content: @fc; color: @color-native; } } } .font-hover-active(@class,@content,@color-native: @color-bi-font-native, @color-hover: @color-bi-font-hover, @color-active: @color-bi-font-active) { + @fc: "\@{content}"; .@{class} { + & .b-font{ + *zoom: ~"expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#x@{content}')"; + } & .b-font:before { - content: @content; + content: @fc; color: @color-native; } &:hover .b-font:before, &:focus .b-font:before, &.hover .b-font:before { - content: @content; + content: @fc; color: @color-hover; } &:active .b-font:before, &.active .b-font:before { - content: @content; + content: @fc; color: @color-active; } &.native .b-font:before, &.disabled .b-font:before { - content: @content; + content: @fc; color: @color-native; } } diff --git a/src/less/lib/font.less b/src/less/lib/font.less index be1630859..0aaf28f15 100644 --- a/src/less/lib/font.less +++ b/src/less/lib/font.less @@ -1,183 +1,183 @@ //字体库 -@font-cross: "\e600"; -@font-arrow-left: "\e601"; -@font-arrow-right: "\e602"; -@font-arrow-down: "\e603"; -@font-search: "\e604"; - -@font-delete: "\e605"; -@font-dot: "\e606"; -@font-right-triangle: "\e607"; -@font-down-triangle: "\e608"; -@font-left-triangle: "\e6ae"; -@font-top-triangle: "\e6ad"; - -@font-summary: "\e60e"; -@font-axis: "\e626"; -@font-bar: "\e620"; -@font-accumulate-bar: "\e60a"; -@font-pie: "\e618"; -@font-map: "\e62c"; -@font-dashboard: "\e623"; -@font-doughnut: "\e624"; -@font-detail: "\e615"; -@font-more-cn: "\e60d"; -@font-bubble: "\e62a"; -@font-scatter: "\e61d"; -@font-radar: "\e614"; -@font-content: "\e621"; -@font-image: "\e68d"; -@font-web: "\e68c"; - -@font-text: "\e622"; -@font-number: "\e61f"; -@font-tree: "\e61e"; -@font-date: "\e61b"; -@font-year: "\e628"; -@font-year-month: "\e627"; -@font-quarter: "\e629"; -@font-YMD: "\e61c"; -@font-date-range: "\e616"; - -@font-and-or: "\e62b"; -@font-query-cn: "\e609"; -@font-reset-cn: "\e61a"; -@font-text-area: "\e622"; -@font-reuse: "\e60b"; - -@font-save: "\e617"; -@font-undo: "\e619"; -@font-redo: "\e625"; - -@font-style-set: "\e60c"; -@font-filter: "\e60f"; -@font-copy: "\e610"; -@font-check-mark: "\e611"; -@font-dimension-from: "\e612"; -@font-chart-type: "\e613"; - -@font-share: "\e632"; -@font-edit: "\e631"; -@font-up: "\e630"; -@font-right: "\e62f"; -@font-down: "\e62d"; -@font-left: "\e62e"; - -@font-less: "\e633"; -@font-less-equal: "\e636"; -@font-less-arrow: "\e637"; -@font-less-equal-arrow: "\e638"; - -@font-asc: "\e63f"; -@font-des: "\e63a"; - -@font-add: "\e649"; - -@font-field-calc: "\e6a3"; -@font-field-string: "\e642"; -@font-field-number: "\e641"; -@font-field-date: "\e640"; - -@font-preview: "\e65f"; - -@font-setting: "\e678"; -@font-warning: "\e64e"; -@font-linkage: "\e63c"; -@font-detail-set: "\e634"; -@font-export-excel: "\e635"; - -@font-change: "\e660"; - -@font-sortable: "\e63b"; -@font-clear: "\e63d"; - -@font-bold: "\e64d"; -@font-color: "\e69c"; -@font-italic: "\e656"; -@font-underline: "\e650"; -@font-background: "\e696"; -@font-color-underline: "\e69d"; -@font-align-left: "\e654"; -@font-align-center: "\e64f"; -@font-align-right: "\e651"; - -@font-move: "\e65e"; -@font-share: "\e65a"; -@font-new-folder: "\e65d"; -@font-letter: "\e659"; -@font-time: "\e658"; -@font-file: "\e65b"; -@font-folder: "\e65c"; -@font-rename: "\e687"; -@font-rename-edit: "\e670"; - -@font-source-table: "\e67b"; -@font-excel-table: "\e682"; -@font-etl-table: "\e680"; -@font-sql-table: "\e681"; -@font-key: "\e67d;"; -@font-refresh: "\e683"; - -@font-tile-view: "\e685"; -@font-relation-view: "\e684"; -@font-test-link: "\e686"; - -@font-upload: "\e6ba"; -@font-image-size: "\e68b"; -@font-href: "\e688"; -@font-shutdown: "\e689"; - -@font-doubt: "\e69a"; -@font-new: "\e692"; -@font-database: "\e693"; - -@font-series: "\e695"; -@font-classify: "\e694"; - -@font-solid-left: "\e6be"; -@font-solid-right: "\e6bd"; -@font-solid-top: "\e6bc"; -@font-solid-bottom: "\e6bb"; - -@font-no-sort-no-filter: "\e66a"; -@font-no-sort-filter: "\e66b"; -@font-descending-filter: "\e667"; -@font-ascending-filter: "\e669"; -@font-descending-no-filter: "\e666"; -@font-ascending-no-filter: "\e668"; -@font-no-sort: "\e66c"; - -@font-table-col-open: "\e672"; -@font-table-row-open: "\e671"; - -@font-tip: "\e69e"; - -@font-mark-dot: "\e6a2"; -@font-mark-up-arrow: "\e6a0"; -@font-mark-down-arrow: "\e6a1"; -@font-mark-equal: "\e69f"; - -@font-pull-down: "\e6ab"; -@font-check: "\e64c"; - -@font-hellip: "\e6ac"; +@font-cross: "e600"; +@font-arrow-left: "e601"; +@font-arrow-right: "e602"; +@font-arrow-down: "e603"; +@font-search: "e604"; + +@font-delete: "e605"; +@font-dot: "e606"; +@font-right-triangle: "e607"; +@font-down-triangle: "e608"; +@font-left-triangle: "e6ae"; +@font-top-triangle: "e6ad"; + +@font-summary: "e60e"; +@font-axis: "e626"; +@font-bar: "e620"; +@font-accumulate-bar: "e60a"; +@font-pie: "e618"; +@font-map: "e62c"; +@font-dashboard: "e623"; +@font-doughnut: "e624"; +@font-detail: "e615"; +@font-more-cn: "e60d"; +@font-bubble: "e62a"; +@font-scatter: "e61d"; +@font-radar: "e614"; +@font-content: "e621"; +@font-image: "e68d"; +@font-web: "e68c"; + +@font-text: "e622"; +@font-number: "e61f"; +@font-tree: "e61e"; +@font-date: "e61b"; +@font-year: "e628"; +@font-year-month: "e627"; +@font-quarter: "e629"; +@font-YMD: "e61c"; +@font-date-range: "e616"; + +@font-and-or: "e62b"; +@font-query-cn: "e609"; +@font-reset-cn: "e61a"; +@font-text-area: "e622"; +@font-reuse: "e60b"; + +@font-save: "e617"; +@font-undo: "e619"; +@font-redo: "e625"; + +@font-style-set: "e60c"; +@font-filter: "e60f"; +@font-copy: "e610"; +@font-check-mark: "e611"; +@font-dimension-from: "e612"; +@font-chart-type: "e613"; + +@font-share: "e632"; +@font-edit: "e631"; +@font-up: "e630"; +@font-right: "e62f"; +@font-down: "e62d"; +@font-left: "e62e"; + +@font-less: "e633"; +@font-less-equal: "e636"; +@font-less-arrow: "e637"; +@font-less-equal-arrow: "e638"; + +@font-asc: "e63f"; +@font-des: "e63a"; + +@font-add: "e649"; + +@font-field-calc: "e6a3"; +@font-field-string: "e642"; +@font-field-number: "e641"; +@font-field-date: "e640"; + +@font-preview: "e65f"; + +@font-setting: "e678"; +@font-warning: "e64e"; +@font-linkage: "e63c"; +@font-detail-set: "e634"; +@font-export-excel: "e635"; + +@font-change: "e660"; + +@font-sortable: "e63b"; +@font-clear: "e63d"; + +@font-bold: "e64d"; +@font-color: "e69c"; +@font-italic: "e656"; +@font-underline: "e650"; +@font-background: "e696"; +@font-color-underline: "e69d"; +@font-align-left: "e654"; +@font-align-center: "e64f"; +@font-align-right: "e651"; + +@font-move: "e65e"; +@font-share: "e65a"; +@font-new-folder: "e65d"; +@font-letter: "e659"; +@font-time: "e658"; +@font-file: "e65b"; +@font-folder: "e65c"; +@font-rename: "e687"; +@font-rename-edit: "e670"; + +@font-source-table: "e67b"; +@font-excel-table: "e682"; +@font-etl-table: "e680"; +@font-sql-table: "e681"; +@font-key: "e67d;"; +@font-refresh: "e683"; + +@font-tile-view: "e685"; +@font-relation-view: "e684"; +@font-test-link: "e686"; + +@font-upload: "e6ba"; +@font-image-size: "e68b"; +@font-href: "e688"; +@font-shutdown: "e689"; + +@font-doubt: "e69a"; +@font-new: "e692"; +@font-database: "e693"; + +@font-series: "e695"; +@font-classify: "e694"; + +@font-solid-left: "e6be"; +@font-solid-right: "e6bd"; +@font-solid-top: "e6bc"; +@font-solid-bottom: "e6bb"; + +@font-no-sort-no-filter: "e66a"; +@font-no-sort-filter: "e66b"; +@font-descending-filter: "e667"; +@font-ascending-filter: "e669"; +@font-descending-no-filter: "e666"; +@font-ascending-no-filter: "e668"; +@font-no-sort: "e66c"; + +@font-table-col-open: "e672"; +@font-table-row-open: "e671"; + +@font-tip: "e69e"; + +@font-mark-dot: "e6a2"; +@font-mark-up-arrow: "e6a0"; +@font-mark-down-arrow: "e6a1"; +@font-mark-equal: "e69f"; + +@font-pull-down: "e6ab"; +@font-check: "e64c"; + +@font-hellip: "e6ac"; -@font-report-filter-open: "\e648"; -@font-report-filter-close: "\e645"; - -@font-apply-hangout: "\e66d"; -@font-hangout: "\e64b"; +@font-report-filter-open: "e648"; +@font-report-filter-close: "e645"; + +@font-apply-hangout: "e66d"; +@font-hangout: "e64b"; -@font-real-time: "\e6af"; +@font-real-time: "e6af"; -@font-info: "\e66e"; - -@font-cancel-share: "\e6b5"; -@font-check-box-selected: "\e6b3"; -@font-check-box-not-selected: "\e6b2"; - -@font-recover-chart: "\e6b4"; -@font-check-box-not-selected: "\e6b2"; - -@font-solid-setting: "\e697"; +@font-info: "e66e"; + +@font-cancel-share: "e6b5"; +@font-check-box-selected: "e6b3"; +@font-check-box-not-selected: "e6b2"; + +@font-recover-chart: "e6b4"; +@font-check-box-not-selected: "e6b2"; + +@font-solid-setting: "e697";