Frank
/
fineui
forked from fanruan/fineui
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

update

es6
guy 7 years ago
parent
356741327f
commit
355f313094
28 changed files with 776 additions and 261 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 132
      dist/bundle.css
  2. 38
      dist/bundle.js
  3. 38
      dist/case.js
  4. 132
      dist/fineui.css
  5. BIN
      dist/images/1x/background/auto_color.png
  6. BIN
      dist/images/1x/background/trans_color.png
  7. BIN
      dist/images/1x/icon/auto_disable.png
  8. BIN
      dist/images/1x/icon/auto_normal.png
  9. BIN
      dist/images/1x/icon/auto_select.png
  10. BIN
      dist/images/1x/icon/trans_disable.png
  11. BIN
      dist/images/1x/icon/trans_normal .png
  12. BIN
      dist/images/1x/icon/trans_select .png
  13. BIN
      dist/images/2x/background/auto_color.png
  14. BIN
      dist/images/2x/background/trans_color.png
  15. BIN
      dist/images/2x/icon/auto_disable.png
  16. BIN
      dist/images/2x/icon/auto_normal.png
  17. BIN
      dist/images/2x/icon/auto_select.png
  18. BIN
      dist/images/2x/icon/trans_disable.png
  19. BIN
      dist/images/2x/icon/trans_normal.png
  20. BIN
      dist/images/2x/icon/trans_select.png
  21. 132
      dist/resource.css
  22. 132
      public/css/icon.css
  23. 38
      src/case/colorchooser/colorpicker/editor.colorpicker.js
  24. 132
      src/css/resource/icon.css
  25. 120
      src/less/image.less
  26. 8
      src/less/lib/icon.less
  27. 3
      src/less/resource/icon.less
  28. 132
      ui/css/icon.css

132
dist/bundle.css vendored
Unescape View File

@ -6542,149 +6542,149 @@ textarea::-webkit-scrollbar-thumb:hover {
}
.check-box-icon .x-icon {
display: block;
background: url('https://fanruan.coding.me/fineui/dist/images/2x/icon/check_box_normal.png') no-repeat 0 0;
background: url('https://fanruan.coding.me/fineui/dist/images/2x/icon/check_box_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/2x/icon/check_box_normal.png');
background-size: contain;
_background: none;
}
.check-box-icon .x-icon.hack {
background: url('https://fanruan.coding.me/fineui/dist/images/1x/icon/check_box_normal.png') no-repeat 0 0;
background: url('https://fanruan.coding.me/fineui/dist/images/1x/icon/check_box_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/1x/icon/check_box_normal.png');
_background: none;
}
.check-box-icon:hover .x-icon,
.check-box-icon.hover .x-icon {
display: block;
background: url('https://fanruan.coding.me/fineui/dist/images/2x/icon/check_box_normal.png') no-repeat 0 0;
background: url('https://fanruan.coding.me/fineui/dist/images/2x/icon/check_box_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/2x/icon/check_box_normal.png');
background-size: contain;
_background: none;
}
.check-box-icon:hover .x-icon.hack,
.check-box-icon.hover .x-icon.hack {
background: url('https://fanruan.coding.me/fineui/dist/images/1x/icon/check_box_normal.png') no-repeat 0 0;
background: url('https://fanruan.coding.me/fineui/dist/images/1x/icon/check_box_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/1x/icon/check_box_normal.png');
_background: none;
}
.check-box-icon:active .x-icon {
display: block;
background: url('https://fanruan.coding.me/fineui/dist/images/2x/icon/check_box_normal.png') no-repeat 0 0;
background: url('https://fanruan.coding.me/fineui/dist/images/2x/icon/check_box_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/2x/icon/check_box_normal.png');
background-size: contain;
_background: none;
}
.check-box-icon:active .x-icon.hack {
background: url('https://fanruan.coding.me/fineui/dist/images/1x/icon/check_box_normal.png') no-repeat 0 0;
background: url('https://fanruan.coding.me/fineui/dist/images/1x/icon/check_box_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/1x/icon/check_box_normal.png');
_background: none;
}
.check-box-icon.active .x-icon {
display: block;
background: url('https://fanruan.coding.me/fineui/dist/images/2x/icon/check_box_active.png') no-repeat 0 0;
background: url('https://fanruan.coding.me/fineui/dist/images/2x/icon/check_box_active.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/2x/icon/check_box_active.png');
background-size: contain;
_background: none;
}
.check-box-icon.active .x-icon.hack {
background: url('https://fanruan.coding.me/fineui/dist/images/1x/icon/check_box_active.png') no-repeat 0 0;
background: url('https://fanruan.coding.me/fineui/dist/images/1x/icon/check_box_active.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/1x/icon/check_box_active.png');
_background: none;
}
.check-box-icon.disabled .x-icon {
display: block;
background: url('https://fanruan.coding.me/fineui/dist/images/2x/icon/check_box_disable.png') no-repeat 0 0;
background: url('https://fanruan.coding.me/fineui/dist/images/2x/icon/check_box_disable.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/2x/icon/check_box_disable.png');
background-size: contain;
_background: none;
}
.check-box-icon.disabled .x-icon.hack {
background: url('https://fanruan.coding.me/fineui/dist/images/1x/icon/check_box_disable.png') no-repeat 0 0;
background: url('https://fanruan.coding.me/fineui/dist/images/1x/icon/check_box_disable.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/1x/icon/check_box_disable.png');
_background: none;
}
.check-box-icon.disabled.active .x-icon {
display: block;
background: url('https://fanruan.coding.me/fineui/dist/images/2x/icon/check_box_disable2.png') no-repeat 0 0;
background: url('https://fanruan.coding.me/fineui/dist/images/2x/icon/check_box_disable2.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/2x/icon/check_box_disable2.png');
background-size: contain;
_background: none;
}
.check-box-icon.disabled.active .x-icon.hack {
background: url('https://fanruan.coding.me/fineui/dist/images/1x/icon/check_box_disable2.png') no-repeat 0 0;
background: url('https://fanruan.coding.me/fineui/dist/images/1x/icon/check_box_disable2.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/1x/icon/check_box_disable2.png');
_background: none;
}
.radio-icon .x-icon {
display: block;
background: url('https://fanruan.coding.me/fineui/dist/images/2x/icon/radio_normal.png') no-repeat 0 0;
background: url('https://fanruan.coding.me/fineui/dist/images/2x/icon/radio_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/2x/icon/radio_normal.png');
background-size: contain;
_background: none;
}
.radio-icon .x-icon.hack {
background: url('https://fanruan.coding.me/fineui/dist/images/1x/icon/radio_normal.png') no-repeat 0 0;
background: url('https://fanruan.coding.me/fineui/dist/images/1x/icon/radio_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/1x/icon/radio_normal.png');
_background: none;
}
.radio-icon:hover .x-icon,
.radio-icon.hover .x-icon {
display: block;
background: url('https://fanruan.coding.me/fineui/dist/images/2x/icon/radio_normal.png') no-repeat 0 0;
background: url('https://fanruan.coding.me/fineui/dist/images/2x/icon/radio_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/2x/icon/radio_normal.png');
background-size: contain;
_background: none;
}
.radio-icon:hover .x-icon.hack,
.radio-icon.hover .x-icon.hack {
background: url('https://fanruan.coding.me/fineui/dist/images/1x/icon/radio_normal.png') no-repeat 0 0;
background: url('https://fanruan.coding.me/fineui/dist/images/1x/icon/radio_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/1x/icon/radio_normal.png');
_background: none;
}
.radio-icon:active .x-icon {
display: block;
background: url('https://fanruan.coding.me/fineui/dist/images/2x/icon/radio_normal.png') no-repeat 0 0;
background: url('https://fanruan.coding.me/fineui/dist/images/2x/icon/radio_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/2x/icon/radio_normal.png');
background-size: contain;
_background: none;
}
.radio-icon:active .x-icon.hack {
background: url('https://fanruan.coding.me/fineui/dist/images/1x/icon/radio_normal.png') no-repeat 0 0;
background: url('https://fanruan.coding.me/fineui/dist/images/1x/icon/radio_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/1x/icon/radio_normal.png');
_background: none;
}
.radio-icon.active .x-icon {
display: block;
background: url('https://fanruan.coding.me/fineui/dist/images/2x/icon/radio_active.png') no-repeat 0 0;
background: url('https://fanruan.coding.me/fineui/dist/images/2x/icon/radio_active.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/2x/icon/radio_active.png');
background-size: contain;
_background: none;
}
.radio-icon.active .x-icon.hack {
background: url('https://fanruan.coding.me/fineui/dist/images/1x/icon/radio_active.png') no-repeat 0 0;
background: url('https://fanruan.coding.me/fineui/dist/images/1x/icon/radio_active.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/1x/icon/radio_active.png');
_background: none;
}
.radio-icon.disabled .x-icon {
display: block;
background: url('https://fanruan.coding.me/fineui/dist/images/2x/icon/radio_disable.png') no-repeat 0 0;
background: url('https://fanruan.coding.me/fineui/dist/images/2x/icon/radio_disable.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/2x/icon/radio_disable.png');
background-size: contain;
_background: none;
}
.radio-icon.disabled .x-icon.hack {
background: url('https://fanruan.coding.me/fineui/dist/images/1x/icon/radio_disable.png') no-repeat 0 0;
background: url('https://fanruan.coding.me/fineui/dist/images/1x/icon/radio_disable.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/1x/icon/radio_disable.png');
_background: none;
}
.radio-icon.disabled.active .x-icon {
display: block;
background: url('https://fanruan.coding.me/fineui/dist/images/2x/icon/radio_disable2.png') no-repeat 0 0;
background: url('https://fanruan.coding.me/fineui/dist/images/2x/icon/radio_disable2.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/2x/icon/radio_disable2.png');
background-size: contain;
_background: none;
}
.radio-icon.disabled.active .x-icon.hack {
background: url('https://fanruan.coding.me/fineui/dist/images/1x/icon/radio_disable2.png') no-repeat 0 0;
background: url('https://fanruan.coding.me/fineui/dist/images/1x/icon/radio_disable2.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/1x/icon/radio_disable2.png');
_background: none;
}
@ -6702,39 +6702,111 @@ textarea::-webkit-scrollbar-thumb:hover {
}
.slider-icon .x-icon {
display: block;
background: url('https://fanruan.coding.me/fineui/dist/images/2x/icon/slider_normal_small.png') no-repeat 0 0;
background: url('https://fanruan.coding.me/fineui/dist/images/2x/icon/slider_normal_small.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/2x/icon/slider_normal_small.png');
background-size: contain;
_background: none;
}
.slider-icon .x-icon.hack {
background: url('https://fanruan.coding.me/fineui/dist/images/1x/icon/slider_normal_small.png') no-repeat 0 0;
background: url('https://fanruan.coding.me/fineui/dist/images/1x/icon/slider_normal_small.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/1x/icon/slider_normal_small.png');
_background: none;
}
.slider-icon:hover .x-icon,
.slider-icon.hover .x-icon {
display: block;
background: url('https://fanruan.coding.me/fineui/dist/images/2x/icon/slider_active_small.png') no-repeat 0 0;
background: url('https://fanruan.coding.me/fineui/dist/images/2x/icon/slider_active_small.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/2x/icon/slider_active_small.png');
background-size: contain;
_background: none;
}
.slider-icon:hover .x-icon.hack,
.slider-icon.hover .x-icon.hack {
background: url('https://fanruan.coding.me/fineui/dist/images/1x/icon/slider_active_small.png') no-repeat 0 0;
background: url('https://fanruan.coding.me/fineui/dist/images/1x/icon/slider_active_small.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/1x/icon/slider_active_small.png');
_background: none;
}
.slider-icon.disabled .x-icon {
display: block;
background: url('https://fanruan.coding.me/fineui/dist/images/2x/icon/slider_normal_small.png') no-repeat 0 0;
background: url('https://fanruan.coding.me/fineui/dist/images/2x/icon/slider_normal_small.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/2x/icon/slider_normal_small.png');
background-size: contain;
_background: none;
}
.slider-icon.disabled .x-icon.hack {
background: url('https://fanruan.coding.me/fineui/dist/images/1x/icon/slider_normal_small.png') no-repeat 0 0;
background: url('https://fanruan.coding.me/fineui/dist/images/1x/icon/slider_normal_small.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/1x/icon/slider_normal_small.png');
_background: none;
}
.auto-color-icon .x-icon {
display: block;
background: url('https://fanruan.coding.me/fineui/dist/images/2x/icon/auto_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/2x/icon/auto_normal.png');
background-size: contain;
_background: none;
}
.auto-color-icon .x-icon.hack {
background: url('https://fanruan.coding.me/fineui/dist/images/1x/icon/auto_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/1x/icon/auto_normal.png');
_background: none;
}
.auto-color-icon.active .x-icon {
display: block;
background: url('https://fanruan.coding.me/fineui/dist/images/2x/icon/auto_select.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/2x/icon/auto_select.png');
background-size: contain;
_background: none;
}
.auto-color-icon.active .x-icon.hack {
background: url('https://fanruan.coding.me/fineui/dist/images/1x/icon/auto_select.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/1x/icon/auto_select.png');
_background: none;
}
.auto-color-icon.disabled .x-icon {
display: block;
background: url('https://fanruan.coding.me/fineui/dist/images/2x/icon/auto_disable.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/2x/icon/auto_disable.png');
background-size: contain;
_background: none;
}
.auto-color-icon.disabled .x-icon.hack {
background: url('https://fanruan.coding.me/fineui/dist/images/1x/icon/auto_disable.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/1x/icon/auto_disable.png');
_background: none;
}
.trans-color-icon .x-icon {
display: block;
background: url('https://fanruan.coding.me/fineui/dist/images/2x/icon/trans_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/2x/icon/trans_normal.png');
background-size: contain;
_background: none;
}
.trans-color-icon .x-icon.hack {
background: url('https://fanruan.coding.me/fineui/dist/images/1x/icon/trans_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/1x/icon/trans_normal.png');
_background: none;
}
.trans-color-icon.active .x-icon {
display: block;
background: url('https://fanruan.coding.me/fineui/dist/images/2x/icon/trans_select.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/2x/icon/trans_select.png');
background-size: contain;
_background: none;
}
.trans-color-icon.active .x-icon.hack {
background: url('https://fanruan.coding.me/fineui/dist/images/1x/icon/trans_select.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/1x/icon/trans_select.png');
_background: none;
}
.trans-color-icon.disabled .x-icon {
display: block;
background: url('https://fanruan.coding.me/fineui/dist/images/2x/icon/trans_disable.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/2x/icon/trans_disable.png');
background-size: contain;
_background: none;
}
.trans-color-icon.disabled .x-icon.hack {
background: url('https://fanruan.coding.me/fineui/dist/images/1x/icon/trans_disable.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/1x/icon/trans_disable.png');
_background: none;
}

38
dist/bundle.js vendored
Unescape View File

@ -76207,15 +76207,20 @@ BI.ColorPickerEditor = BI.inherit(BI.Widget, {
this.B = Ws[2];
this.none = BI.createWidget({
type: "bi.checkbox",
type: "bi.icon_button",
cls: "auto-color-icon",
width: 16,
height: 16,
iconWidth: 16,
iconHeight: 16,
title: BI.i18nText("BI-Basic_Auto")
});
this.none.on(BI.Checkbox.EVENT_CHANGE, function () {
this.none.on(BI.IconButton.EVENT_CHANGE, function () {
if (this.isSelected()) {
self.lastColor = self.getValue();
self.setValue("");
} else {
self.setValue(self.lastColor || "#000000");
self.setValue(self.lastColor || "#ffffff");
}
if (self.R.isValid() && self.G.isValid() && self.B.isValid()) {
self.colorShow.element.css("background-color", self.getValue());
@ -76224,15 +76229,23 @@ BI.ColorPickerEditor = BI.inherit(BI.Widget, {
});
this.transparent = BI.createWidget({
type: "bi.checkbox",
type: "bi.icon_button",
cls: "trans-color-icon",
width: 16,
height: 16,
iconWidth: 16,
iconHeight: 16,
title: BI.i18nText("BI-Transparent_Color")
});
this.transparent.on(BI.Checkbox.EVENT_CHANGE, function () {
this.transparent.on(BI.IconButton.EVENT_CHANGE, function () {
if (this.isSelected()) {
self.lastColor = self.getValue();
self.setValue("transparent");
} else {
self.setValue(self.lastColor || "#000000");
if (self.lastColor === "transparent") {
self.lastColor = "";
}
self.setValue(self.lastColor || "#ffffff");
}
if (self.R.isValid() && self.G.isValid() && self.B.isValid()) {
self.colorShow.element.css("background-color", self.getValue());
@ -76283,10 +76296,21 @@ BI.ColorPickerEditor = BI.inherit(BI.Widget, {
});
},
_showPreColor: function (color) {
if (color === "") {
this.colorShow.element.css("background-color", "").removeClass("trans-color-background").addClass("auto-color-background");
} else if (color === "transparent") {
this.colorShow.element.css("background-color", "").removeClass("auto-color-background").addClass("trans-color-background");
} else {
this.colorShow.element.css({"background-color": color}).removeClass("auto-color-background").removeClass("trans-color-background");
}
},
setValue: function (color) {
if (color === "transparent") {
this.transparent.setSelected(true);
this.none.setSelected(false);
this._showPreColor("transparent");
this.R.setValue("");
this.G.setValue("");
this.B.setValue("");
@ -76299,7 +76323,7 @@ BI.ColorPickerEditor = BI.inherit(BI.Widget, {
this.none.setSelected(false);
}
this.transparent.setSelected(false);
this.colorShow.element.css("background-color", color);
this._showPreColor(color);
var json = BI.DOM.rgb2json(BI.DOM.hex2rgb(color));
this.R.setValue(BI.isNull(json.r) ? "" : json.r);
this.G.setValue(BI.isNull(json.g) ? "" : json.g);

38
dist/case.js vendored
Unescape View File

@ -4267,15 +4267,20 @@ BI.ColorPickerEditor = BI.inherit(BI.Widget, {
this.B = Ws[2];
this.none = BI.createWidget({
type: "bi.checkbox",
type: "bi.icon_button",
cls: "auto-color-icon",
width: 16,
height: 16,
iconWidth: 16,
iconHeight: 16,
title: BI.i18nText("BI-Basic_Auto")
});
this.none.on(BI.Checkbox.EVENT_CHANGE, function () {
this.none.on(BI.IconButton.EVENT_CHANGE, function () {
if (this.isSelected()) {
self.lastColor = self.getValue();
self.setValue("");
} else {
self.setValue(self.lastColor || "#000000");
self.setValue(self.lastColor || "#ffffff");
}
if (self.R.isValid() && self.G.isValid() && self.B.isValid()) {
self.colorShow.element.css("background-color", self.getValue());
@ -4284,15 +4289,23 @@ BI.ColorPickerEditor = BI.inherit(BI.Widget, {
});
this.transparent = BI.createWidget({
type: "bi.checkbox",
type: "bi.icon_button",
cls: "trans-color-icon",
width: 16,
height: 16,
iconWidth: 16,
iconHeight: 16,
title: BI.i18nText("BI-Transparent_Color")
});
this.transparent.on(BI.Checkbox.EVENT_CHANGE, function () {
this.transparent.on(BI.IconButton.EVENT_CHANGE, function () {
if (this.isSelected()) {
self.lastColor = self.getValue();
self.setValue("transparent");
} else {
self.setValue(self.lastColor || "#000000");
if (self.lastColor === "transparent") {
self.lastColor = "";
}
self.setValue(self.lastColor || "#ffffff");
}
if (self.R.isValid() && self.G.isValid() && self.B.isValid()) {
self.colorShow.element.css("background-color", self.getValue());
@ -4343,10 +4356,21 @@ BI.ColorPickerEditor = BI.inherit(BI.Widget, {
});
},
_showPreColor: function (color) {
if (color === "") {
this.colorShow.element.css("background-color", "").removeClass("trans-color-background").addClass("auto-color-background");
} else if (color === "transparent") {
this.colorShow.element.css("background-color", "").removeClass("auto-color-background").addClass("trans-color-background");
} else {
this.colorShow.element.css({"background-color": color}).removeClass("auto-color-background").removeClass("trans-color-background");
}
},
setValue: function (color) {
if (color === "transparent") {
this.transparent.setSelected(true);
this.none.setSelected(false);
this._showPreColor("transparent");
this.R.setValue("");
this.G.setValue("");
this.B.setValue("");
@ -4359,7 +4383,7 @@ BI.ColorPickerEditor = BI.inherit(BI.Widget, {
this.none.setSelected(false);
}
this.transparent.setSelected(false);
this.colorShow.element.css("background-color", color);
this._showPreColor(color);
var json = BI.DOM.rgb2json(BI.DOM.hex2rgb(color));
this.R.setValue(BI.isNull(json.r) ? "" : json.r);
this.G.setValue(BI.isNull(json.g) ? "" : json.g);

132
dist/fineui.css vendored
Unescape View File

@ -6542,149 +6542,149 @@ textarea::-webkit-scrollbar-thumb:hover {
}
.check-box-icon .x-icon {
display: block;
background: url('resources?path=/com/fr/web/ui/images/2x/icon/check_box_normal.png') no-repeat 0 0;
background: url('resources?path=/com/fr/web/ui/images/2x/icon/check_box_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/check_box_normal.png');
background-size: contain;
_background: none;
}
.check-box-icon .x-icon.hack {
background: url('resources?path=/com/fr/web/ui/images/1x/icon/check_box_normal.png') no-repeat 0 0;
background: url('resources?path=/com/fr/web/ui/images/1x/icon/check_box_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/icon/check_box_normal.png');
_background: none;
}
.check-box-icon:hover .x-icon,
.check-box-icon.hover .x-icon {
display: block;
background: url('resources?path=/com/fr/web/ui/images/2x/icon/check_box_normal.png') no-repeat 0 0;
background: url('resources?path=/com/fr/web/ui/images/2x/icon/check_box_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/check_box_normal.png');
background-size: contain;
_background: none;
}
.check-box-icon:hover .x-icon.hack,
.check-box-icon.hover .x-icon.hack {
background: url('resources?path=/com/fr/web/ui/images/1x/icon/check_box_normal.png') no-repeat 0 0;
background: url('resources?path=/com/fr/web/ui/images/1x/icon/check_box_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/icon/check_box_normal.png');
_background: none;
}
.check-box-icon:active .x-icon {
display: block;
background: url('resources?path=/com/fr/web/ui/images/2x/icon/check_box_normal.png') no-repeat 0 0;
background: url('resources?path=/com/fr/web/ui/images/2x/icon/check_box_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/check_box_normal.png');
background-size: contain;
_background: none;
}
.check-box-icon:active .x-icon.hack {
background: url('resources?path=/com/fr/web/ui/images/1x/icon/check_box_normal.png') no-repeat 0 0;
background: url('resources?path=/com/fr/web/ui/images/1x/icon/check_box_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/icon/check_box_normal.png');
_background: none;
}
.check-box-icon.active .x-icon {
display: block;
background: url('resources?path=/com/fr/web/ui/images/2x/icon/check_box_active.png') no-repeat 0 0;
background: url('resources?path=/com/fr/web/ui/images/2x/icon/check_box_active.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/check_box_active.png');
background-size: contain;
_background: none;
}
.check-box-icon.active .x-icon.hack {
background: url('resources?path=/com/fr/web/ui/images/1x/icon/check_box_active.png') no-repeat 0 0;
background: url('resources?path=/com/fr/web/ui/images/1x/icon/check_box_active.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/icon/check_box_active.png');
_background: none;
}
.check-box-icon.disabled .x-icon {
display: block;
background: url('resources?path=/com/fr/web/ui/images/2x/icon/check_box_disable.png') no-repeat 0 0;
background: url('resources?path=/com/fr/web/ui/images/2x/icon/check_box_disable.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/check_box_disable.png');
background-size: contain;
_background: none;
}
.check-box-icon.disabled .x-icon.hack {
background: url('resources?path=/com/fr/web/ui/images/1x/icon/check_box_disable.png') no-repeat 0 0;
background: url('resources?path=/com/fr/web/ui/images/1x/icon/check_box_disable.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/icon/check_box_disable.png');
_background: none;
}
.check-box-icon.disabled.active .x-icon {
display: block;
background: url('resources?path=/com/fr/web/ui/images/2x/icon/check_box_disable2.png') no-repeat 0 0;
background: url('resources?path=/com/fr/web/ui/images/2x/icon/check_box_disable2.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/check_box_disable2.png');
background-size: contain;
_background: none;
}
.check-box-icon.disabled.active .x-icon.hack {
background: url('resources?path=/com/fr/web/ui/images/1x/icon/check_box_disable2.png') no-repeat 0 0;
background: url('resources?path=/com/fr/web/ui/images/1x/icon/check_box_disable2.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/icon/check_box_disable2.png');
_background: none;
}
.radio-icon .x-icon {
display: block;
background: url('resources?path=/com/fr/web/ui/images/2x/icon/radio_normal.png') no-repeat 0 0;
background: url('resources?path=/com/fr/web/ui/images/2x/icon/radio_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/radio_normal.png');
background-size: contain;
_background: none;
}
.radio-icon .x-icon.hack {
background: url('resources?path=/com/fr/web/ui/images/1x/icon/radio_normal.png') no-repeat 0 0;
background: url('resources?path=/com/fr/web/ui/images/1x/icon/radio_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/icon/radio_normal.png');
_background: none;
}
.radio-icon:hover .x-icon,
.radio-icon.hover .x-icon {
display: block;
background: url('resources?path=/com/fr/web/ui/images/2x/icon/radio_normal.png') no-repeat 0 0;
background: url('resources?path=/com/fr/web/ui/images/2x/icon/radio_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/radio_normal.png');
background-size: contain;
_background: none;
}
.radio-icon:hover .x-icon.hack,
.radio-icon.hover .x-icon.hack {
background: url('resources?path=/com/fr/web/ui/images/1x/icon/radio_normal.png') no-repeat 0 0;
background: url('resources?path=/com/fr/web/ui/images/1x/icon/radio_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/icon/radio_normal.png');
_background: none;
}
.radio-icon:active .x-icon {
display: block;
background: url('resources?path=/com/fr/web/ui/images/2x/icon/radio_normal.png') no-repeat 0 0;
background: url('resources?path=/com/fr/web/ui/images/2x/icon/radio_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/radio_normal.png');
background-size: contain;
_background: none;
}
.radio-icon:active .x-icon.hack {
background: url('resources?path=/com/fr/web/ui/images/1x/icon/radio_normal.png') no-repeat 0 0;
background: url('resources?path=/com/fr/web/ui/images/1x/icon/radio_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/icon/radio_normal.png');
_background: none;
}
.radio-icon.active .x-icon {
display: block;
background: url('resources?path=/com/fr/web/ui/images/2x/icon/radio_active.png') no-repeat 0 0;
background: url('resources?path=/com/fr/web/ui/images/2x/icon/radio_active.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/radio_active.png');
background-size: contain;
_background: none;
}
.radio-icon.active .x-icon.hack {
background: url('resources?path=/com/fr/web/ui/images/1x/icon/radio_active.png') no-repeat 0 0;
background: url('resources?path=/com/fr/web/ui/images/1x/icon/radio_active.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/icon/radio_active.png');
_background: none;
}
.radio-icon.disabled .x-icon {
display: block;
background: url('resources?path=/com/fr/web/ui/images/2x/icon/radio_disable.png') no-repeat 0 0;
background: url('resources?path=/com/fr/web/ui/images/2x/icon/radio_disable.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/radio_disable.png');
background-size: contain;
_background: none;
}
.radio-icon.disabled .x-icon.hack {
background: url('resources?path=/com/fr/web/ui/images/1x/icon/radio_disable.png') no-repeat 0 0;
background: url('resources?path=/com/fr/web/ui/images/1x/icon/radio_disable.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/icon/radio_disable.png');
_background: none;
}
.radio-icon.disabled.active .x-icon {
display: block;
background: url('resources?path=/com/fr/web/ui/images/2x/icon/radio_disable2.png') no-repeat 0 0;
background: url('resources?path=/com/fr/web/ui/images/2x/icon/radio_disable2.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/radio_disable2.png');
background-size: contain;
_background: none;
}
.radio-icon.disabled.active .x-icon.hack {
background: url('resources?path=/com/fr/web/ui/images/1x/icon/radio_disable2.png') no-repeat 0 0;
background: url('resources?path=/com/fr/web/ui/images/1x/icon/radio_disable2.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/icon/radio_disable2.png');
_background: none;
}
@ -6702,39 +6702,111 @@ textarea::-webkit-scrollbar-thumb:hover {
}
.slider-icon .x-icon {
display: block;
background: url('resources?path=/com/fr/web/ui/images/2x/icon/slider_normal_small.png') no-repeat 0 0;
background: url('resources?path=/com/fr/web/ui/images/2x/icon/slider_normal_small.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/slider_normal_small.png');
background-size: contain;
_background: none;
}
.slider-icon .x-icon.hack {
background: url('resources?path=/com/fr/web/ui/images/1x/icon/slider_normal_small.png') no-repeat 0 0;
background: url('resources?path=/com/fr/web/ui/images/1x/icon/slider_normal_small.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/icon/slider_normal_small.png');
_background: none;
}
.slider-icon:hover .x-icon,
.slider-icon.hover .x-icon {
display: block;
background: url('resources?path=/com/fr/web/ui/images/2x/icon/slider_active_small.png') no-repeat 0 0;
background: url('resources?path=/com/fr/web/ui/images/2x/icon/slider_active_small.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/slider_active_small.png');
background-size: contain;
_background: none;
}
.slider-icon:hover .x-icon.hack,
.slider-icon.hover .x-icon.hack {
background: url('resources?path=/com/fr/web/ui/images/1x/icon/slider_active_small.png') no-repeat 0 0;
background: url('resources?path=/com/fr/web/ui/images/1x/icon/slider_active_small.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/icon/slider_active_small.png');
_background: none;
}
.slider-icon.disabled .x-icon {
display: block;
background: url('resources?path=/com/fr/web/ui/images/2x/icon/slider_normal_small.png') no-repeat 0 0;
background: url('resources?path=/com/fr/web/ui/images/2x/icon/slider_normal_small.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/slider_normal_small.png');
background-size: contain;
_background: none;
}
.slider-icon.disabled .x-icon.hack {
background: url('resources?path=/com/fr/web/ui/images/1x/icon/slider_normal_small.png') no-repeat 0 0;
background: url('resources?path=/com/fr/web/ui/images/1x/icon/slider_normal_small.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/icon/slider_normal_small.png');
_background: none;
}
.auto-color-icon .x-icon {
display: block;
background: url('resources?path=/com/fr/web/ui/images/2x/icon/auto_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/auto_normal.png');
background-size: contain;
_background: none;
}
.auto-color-icon .x-icon.hack {
background: url('resources?path=/com/fr/web/ui/images/1x/icon/auto_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/icon/auto_normal.png');
_background: none;
}
.auto-color-icon.active .x-icon {
display: block;
background: url('resources?path=/com/fr/web/ui/images/2x/icon/auto_select.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/auto_select.png');
background-size: contain;
_background: none;
}
.auto-color-icon.active .x-icon.hack {
background: url('resources?path=/com/fr/web/ui/images/1x/icon/auto_select.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/icon/auto_select.png');
_background: none;
}
.auto-color-icon.disabled .x-icon {
display: block;
background: url('resources?path=/com/fr/web/ui/images/2x/icon/auto_disable.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/auto_disable.png');
background-size: contain;
_background: none;
}
.auto-color-icon.disabled .x-icon.hack {
background: url('resources?path=/com/fr/web/ui/images/1x/icon/auto_disable.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/icon/auto_disable.png');
_background: none;
}
.trans-color-icon .x-icon {
display: block;
background: url('resources?path=/com/fr/web/ui/images/2x/icon/trans_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/trans_normal.png');
background-size: contain;
_background: none;
}
.trans-color-icon .x-icon.hack {
background: url('resources?path=/com/fr/web/ui/images/1x/icon/trans_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/icon/trans_normal.png');
_background: none;
}
.trans-color-icon.active .x-icon {
display: block;
background: url('resources?path=/com/fr/web/ui/images/2x/icon/trans_select.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/trans_select.png');
background-size: contain;
_background: none;
}
.trans-color-icon.active .x-icon.hack {
background: url('resources?path=/com/fr/web/ui/images/1x/icon/trans_select.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/icon/trans_select.png');
_background: none;
}
.trans-color-icon.disabled .x-icon {
display: block;
background: url('resources?path=/com/fr/web/ui/images/2x/icon/trans_disable.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/trans_disable.png');
background-size: contain;
_background: none;
}
.trans-color-icon.disabled .x-icon.hack {
background: url('resources?path=/com/fr/web/ui/images/1x/icon/trans_disable.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/icon/trans_disable.png');
_background: none;
}

BIN
dist/images/1x/background/auto_color.png vendored
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 461 B

After

Width:  |  Height:  |  Size: 865 B

BIN
dist/images/1x/background/trans_color.png vendored
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 232 B

After

Width:  |  Height:  |  Size: 301 B

BIN
dist/images/1x/icon/auto_disable.png vendored
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 608 B

BIN
dist/images/1x/icon/auto_normal.png vendored
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 637 B

BIN
dist/images/1x/icon/auto_select.png vendored
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 617 B

BIN
dist/images/1x/icon/trans_disable.png vendored
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 200 B

BIN
dist/images/1x/icon/trans_normal .png vendored
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 192 B

BIN
dist/images/1x/icon/trans_select .png vendored
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 199 B

BIN
dist/images/2x/background/auto_color.png vendored
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1007 B

After

Width:  |  Height:  |  Size: 1.9 KiB

BIN
dist/images/2x/background/trans_color.png vendored
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 342 B

After

Width:  |  Height:  |  Size: 534 B

BIN
dist/images/2x/icon/auto_disable.png vendored
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

BIN
dist/images/2x/icon/auto_normal.png vendored
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

BIN
dist/images/2x/icon/auto_select.png vendored
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

BIN
dist/images/2x/icon/trans_disable.png vendored
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 285 B

BIN
dist/images/2x/icon/trans_normal.png vendored
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 293 B

BIN
dist/images/2x/icon/trans_select.png vendored
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 292 B

132
dist/resource.css vendored
Unescape View File

@ -1406,149 +1406,149 @@ textarea::-webkit-scrollbar-thumb:hover {
}
.check-box-icon .x-icon {
display: block;
background: url('images/2x/icon/check_box_normal.png') no-repeat 0 0;
background: url('images/2x/icon/check_box_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/check_box_normal.png');
background-size: contain;
_background: none;
}
.check-box-icon .x-icon.hack {
background: url('images/1x/icon/check_box_normal.png') no-repeat 0 0;
background: url('images/1x/icon/check_box_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/check_box_normal.png');
_background: none;
}
.check-box-icon:hover .x-icon,
.check-box-icon.hover .x-icon {
display: block;
background: url('images/2x/icon/check_box_normal.png') no-repeat 0 0;
background: url('images/2x/icon/check_box_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/check_box_normal.png');
background-size: contain;
_background: none;
}
.check-box-icon:hover .x-icon.hack,
.check-box-icon.hover .x-icon.hack {
background: url('images/1x/icon/check_box_normal.png') no-repeat 0 0;
background: url('images/1x/icon/check_box_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/check_box_normal.png');
_background: none;
}
.check-box-icon:active .x-icon {
display: block;
background: url('images/2x/icon/check_box_normal.png') no-repeat 0 0;
background: url('images/2x/icon/check_box_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/check_box_normal.png');
background-size: contain;
_background: none;
}
.check-box-icon:active .x-icon.hack {
background: url('images/1x/icon/check_box_normal.png') no-repeat 0 0;
background: url('images/1x/icon/check_box_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/check_box_normal.png');
_background: none;
}
.check-box-icon.active .x-icon {
display: block;
background: url('images/2x/icon/check_box_active.png') no-repeat 0 0;
background: url('images/2x/icon/check_box_active.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/check_box_active.png');
background-size: contain;
_background: none;
}
.check-box-icon.active .x-icon.hack {
background: url('images/1x/icon/check_box_active.png') no-repeat 0 0;
background: url('images/1x/icon/check_box_active.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/check_box_active.png');
_background: none;
}
.check-box-icon.disabled .x-icon {
display: block;
background: url('images/2x/icon/check_box_disable.png') no-repeat 0 0;
background: url('images/2x/icon/check_box_disable.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/check_box_disable.png');
background-size: contain;
_background: none;
}
.check-box-icon.disabled .x-icon.hack {
background: url('images/1x/icon/check_box_disable.png') no-repeat 0 0;
background: url('images/1x/icon/check_box_disable.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/check_box_disable.png');
_background: none;
}
.check-box-icon.disabled.active .x-icon {
display: block;
background: url('images/2x/icon/check_box_disable2.png') no-repeat 0 0;
background: url('images/2x/icon/check_box_disable2.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/check_box_disable2.png');
background-size: contain;
_background: none;
}
.check-box-icon.disabled.active .x-icon.hack {
background: url('images/1x/icon/check_box_disable2.png') no-repeat 0 0;
background: url('images/1x/icon/check_box_disable2.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/check_box_disable2.png');
_background: none;
}
.radio-icon .x-icon {
display: block;
background: url('images/2x/icon/radio_normal.png') no-repeat 0 0;
background: url('images/2x/icon/radio_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/radio_normal.png');
background-size: contain;
_background: none;
}
.radio-icon .x-icon.hack {
background: url('images/1x/icon/radio_normal.png') no-repeat 0 0;
background: url('images/1x/icon/radio_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/radio_normal.png');
_background: none;
}
.radio-icon:hover .x-icon,
.radio-icon.hover .x-icon {
display: block;
background: url('images/2x/icon/radio_normal.png') no-repeat 0 0;
background: url('images/2x/icon/radio_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/radio_normal.png');
background-size: contain;
_background: none;
}
.radio-icon:hover .x-icon.hack,
.radio-icon.hover .x-icon.hack {
background: url('images/1x/icon/radio_normal.png') no-repeat 0 0;
background: url('images/1x/icon/radio_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/radio_normal.png');
_background: none;
}
.radio-icon:active .x-icon {
display: block;
background: url('images/2x/icon/radio_normal.png') no-repeat 0 0;
background: url('images/2x/icon/radio_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/radio_normal.png');
background-size: contain;
_background: none;
}
.radio-icon:active .x-icon.hack {
background: url('images/1x/icon/radio_normal.png') no-repeat 0 0;
background: url('images/1x/icon/radio_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/radio_normal.png');
_background: none;
}
.radio-icon.active .x-icon {
display: block;
background: url('images/2x/icon/radio_active.png') no-repeat 0 0;
background: url('images/2x/icon/radio_active.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/radio_active.png');
background-size: contain;
_background: none;
}
.radio-icon.active .x-icon.hack {
background: url('images/1x/icon/radio_active.png') no-repeat 0 0;
background: url('images/1x/icon/radio_active.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/radio_active.png');
_background: none;
}
.radio-icon.disabled .x-icon {
display: block;
background: url('images/2x/icon/radio_disable.png') no-repeat 0 0;
background: url('images/2x/icon/radio_disable.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/radio_disable.png');
background-size: contain;
_background: none;
}
.radio-icon.disabled .x-icon.hack {
background: url('images/1x/icon/radio_disable.png') no-repeat 0 0;
background: url('images/1x/icon/radio_disable.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/radio_disable.png');
_background: none;
}
.radio-icon.disabled.active .x-icon {
display: block;
background: url('images/2x/icon/radio_disable2.png') no-repeat 0 0;
background: url('images/2x/icon/radio_disable2.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/radio_disable2.png');
background-size: contain;
_background: none;
}
.radio-icon.disabled.active .x-icon.hack {
background: url('images/1x/icon/radio_disable2.png') no-repeat 0 0;
background: url('images/1x/icon/radio_disable2.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/radio_disable2.png');
_background: none;
}
@ -1566,39 +1566,111 @@ textarea::-webkit-scrollbar-thumb:hover {
}
.slider-icon .x-icon {
display: block;
background: url('images/2x/icon/slider_normal_small.png') no-repeat 0 0;
background: url('images/2x/icon/slider_normal_small.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/slider_normal_small.png');
background-size: contain;
_background: none;
}
.slider-icon .x-icon.hack {
background: url('images/1x/icon/slider_normal_small.png') no-repeat 0 0;
background: url('images/1x/icon/slider_normal_small.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/slider_normal_small.png');
_background: none;
}
.slider-icon:hover .x-icon,
.slider-icon.hover .x-icon {
display: block;
background: url('images/2x/icon/slider_active_small.png') no-repeat 0 0;
background: url('images/2x/icon/slider_active_small.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/slider_active_small.png');
background-size: contain;
_background: none;
}
.slider-icon:hover .x-icon.hack,
.slider-icon.hover .x-icon.hack {
background: url('images/1x/icon/slider_active_small.png') no-repeat 0 0;
background: url('images/1x/icon/slider_active_small.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/slider_active_small.png');
_background: none;
}
.slider-icon.disabled .x-icon {
display: block;
background: url('images/2x/icon/slider_normal_small.png') no-repeat 0 0;
background: url('images/2x/icon/slider_normal_small.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/slider_normal_small.png');
background-size: contain;
_background: none;
}
.slider-icon.disabled .x-icon.hack {
background: url('images/1x/icon/slider_normal_small.png') no-repeat 0 0;
background: url('images/1x/icon/slider_normal_small.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/slider_normal_small.png');
_background: none;
}
.auto-color-icon .x-icon {
display: block;
background: url('images/2x/icon/auto_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/auto_normal.png');
background-size: contain;
_background: none;
}
.auto-color-icon .x-icon.hack {
background: url('images/1x/icon/auto_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/auto_normal.png');
_background: none;
}
.auto-color-icon.active .x-icon {
display: block;
background: url('images/2x/icon/auto_select.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/auto_select.png');
background-size: contain;
_background: none;
}
.auto-color-icon.active .x-icon.hack {
background: url('images/1x/icon/auto_select.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/auto_select.png');
_background: none;
}
.auto-color-icon.disabled .x-icon {
display: block;
background: url('images/2x/icon/auto_disable.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/auto_disable.png');
background-size: contain;
_background: none;
}
.auto-color-icon.disabled .x-icon.hack {
background: url('images/1x/icon/auto_disable.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/auto_disable.png');
_background: none;
}
.trans-color-icon .x-icon {
display: block;
background: url('images/2x/icon/trans_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/trans_normal.png');
background-size: contain;
_background: none;
}
.trans-color-icon .x-icon.hack {
background: url('images/1x/icon/trans_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/trans_normal.png');
_background: none;
}
.trans-color-icon.active .x-icon {
display: block;
background: url('images/2x/icon/trans_select.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/trans_select.png');
background-size: contain;
_background: none;
}
.trans-color-icon.active .x-icon.hack {
background: url('images/1x/icon/trans_select.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/trans_select.png');
_background: none;
}
.trans-color-icon.disabled .x-icon {
display: block;
background: url('images/2x/icon/trans_disable.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/trans_disable.png');
background-size: contain;
_background: none;
}
.trans-color-icon.disabled .x-icon.hack {
background: url('images/1x/icon/trans_disable.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/trans_disable.png');
_background: none;
}

132
public/css/icon.css
Unescape View File

@ -264,149 +264,149 @@
}
.check-box-icon .x-icon {
display: block;
background: url('https://fanruan.coding.me/fineui/dist/images/2x/icon/check_box_normal.png') no-repeat 0 0;
background: url('https://fanruan.coding.me/fineui/dist/images/2x/icon/check_box_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/2x/icon/check_box_normal.png');
background-size: contain;
_background: none;
}
.check-box-icon .x-icon.hack {
background: url('https://fanruan.coding.me/fineui/dist/images/1x/icon/check_box_normal.png') no-repeat 0 0;
background: url('https://fanruan.coding.me/fineui/dist/images/1x/icon/check_box_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/1x/icon/check_box_normal.png');
_background: none;
}
.check-box-icon:hover .x-icon,
.check-box-icon.hover .x-icon {
display: block;
background: url('https://fanruan.coding.me/fineui/dist/images/2x/icon/check_box_normal.png') no-repeat 0 0;
background: url('https://fanruan.coding.me/fineui/dist/images/2x/icon/check_box_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/2x/icon/check_box_normal.png');
background-size: contain;
_background: none;
}
.check-box-icon:hover .x-icon.hack,
.check-box-icon.hover .x-icon.hack {
background: url('https://fanruan.coding.me/fineui/dist/images/1x/icon/check_box_normal.png') no-repeat 0 0;
background: url('https://fanruan.coding.me/fineui/dist/images/1x/icon/check_box_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/1x/icon/check_box_normal.png');
_background: none;
}
.check-box-icon:active .x-icon {
display: block;
background: url('https://fanruan.coding.me/fineui/dist/images/2x/icon/check_box_normal.png') no-repeat 0 0;
background: url('https://fanruan.coding.me/fineui/dist/images/2x/icon/check_box_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/2x/icon/check_box_normal.png');
background-size: contain;
_background: none;
}
.check-box-icon:active .x-icon.hack {
background: url('https://fanruan.coding.me/fineui/dist/images/1x/icon/check_box_normal.png') no-repeat 0 0;
background: url('https://fanruan.coding.me/fineui/dist/images/1x/icon/check_box_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/1x/icon/check_box_normal.png');
_background: none;
}
.check-box-icon.active .x-icon {
display: block;
background: url('https://fanruan.coding.me/fineui/dist/images/2x/icon/check_box_active.png') no-repeat 0 0;
background: url('https://fanruan.coding.me/fineui/dist/images/2x/icon/check_box_active.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/2x/icon/check_box_active.png');
background-size: contain;
_background: none;
}
.check-box-icon.active .x-icon.hack {
background: url('https://fanruan.coding.me/fineui/dist/images/1x/icon/check_box_active.png') no-repeat 0 0;
background: url('https://fanruan.coding.me/fineui/dist/images/1x/icon/check_box_active.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/1x/icon/check_box_active.png');
_background: none;
}
.check-box-icon.disabled .x-icon {
display: block;
background: url('https://fanruan.coding.me/fineui/dist/images/2x/icon/check_box_disable.png') no-repeat 0 0;
background: url('https://fanruan.coding.me/fineui/dist/images/2x/icon/check_box_disable.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/2x/icon/check_box_disable.png');
background-size: contain;
_background: none;
}
.check-box-icon.disabled .x-icon.hack {
background: url('https://fanruan.coding.me/fineui/dist/images/1x/icon/check_box_disable.png') no-repeat 0 0;
background: url('https://fanruan.coding.me/fineui/dist/images/1x/icon/check_box_disable.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/1x/icon/check_box_disable.png');
_background: none;
}
.check-box-icon.disabled.active .x-icon {
display: block;
background: url('https://fanruan.coding.me/fineui/dist/images/2x/icon/check_box_disable2.png') no-repeat 0 0;
background: url('https://fanruan.coding.me/fineui/dist/images/2x/icon/check_box_disable2.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/2x/icon/check_box_disable2.png');
background-size: contain;
_background: none;
}
.check-box-icon.disabled.active .x-icon.hack {
background: url('https://fanruan.coding.me/fineui/dist/images/1x/icon/check_box_disable2.png') no-repeat 0 0;
background: url('https://fanruan.coding.me/fineui/dist/images/1x/icon/check_box_disable2.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/1x/icon/check_box_disable2.png');
_background: none;
}
.radio-icon .x-icon {
display: block;
background: url('https://fanruan.coding.me/fineui/dist/images/2x/icon/radio_normal.png') no-repeat 0 0;
background: url('https://fanruan.coding.me/fineui/dist/images/2x/icon/radio_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/2x/icon/radio_normal.png');
background-size: contain;
_background: none;
}
.radio-icon .x-icon.hack {
background: url('https://fanruan.coding.me/fineui/dist/images/1x/icon/radio_normal.png') no-repeat 0 0;
background: url('https://fanruan.coding.me/fineui/dist/images/1x/icon/radio_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/1x/icon/radio_normal.png');
_background: none;
}
.radio-icon:hover .x-icon,
.radio-icon.hover .x-icon {
display: block;
background: url('https://fanruan.coding.me/fineui/dist/images/2x/icon/radio_normal.png') no-repeat 0 0;
background: url('https://fanruan.coding.me/fineui/dist/images/2x/icon/radio_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/2x/icon/radio_normal.png');
background-size: contain;
_background: none;
}
.radio-icon:hover .x-icon.hack,
.radio-icon.hover .x-icon.hack {
background: url('https://fanruan.coding.me/fineui/dist/images/1x/icon/radio_normal.png') no-repeat 0 0;
background: url('https://fanruan.coding.me/fineui/dist/images/1x/icon/radio_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/1x/icon/radio_normal.png');
_background: none;
}
.radio-icon:active .x-icon {
display: block;
background: url('https://fanruan.coding.me/fineui/dist/images/2x/icon/radio_normal.png') no-repeat 0 0;
background: url('https://fanruan.coding.me/fineui/dist/images/2x/icon/radio_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/2x/icon/radio_normal.png');
background-size: contain;
_background: none;
}
.radio-icon:active .x-icon.hack {
background: url('https://fanruan.coding.me/fineui/dist/images/1x/icon/radio_normal.png') no-repeat 0 0;
background: url('https://fanruan.coding.me/fineui/dist/images/1x/icon/radio_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/1x/icon/radio_normal.png');
_background: none;
}
.radio-icon.active .x-icon {
display: block;
background: url('https://fanruan.coding.me/fineui/dist/images/2x/icon/radio_active.png') no-repeat 0 0;
background: url('https://fanruan.coding.me/fineui/dist/images/2x/icon/radio_active.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/2x/icon/radio_active.png');
background-size: contain;
_background: none;
}
.radio-icon.active .x-icon.hack {
background: url('https://fanruan.coding.me/fineui/dist/images/1x/icon/radio_active.png') no-repeat 0 0;
background: url('https://fanruan.coding.me/fineui/dist/images/1x/icon/radio_active.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/1x/icon/radio_active.png');
_background: none;
}
.radio-icon.disabled .x-icon {
display: block;
background: url('https://fanruan.coding.me/fineui/dist/images/2x/icon/radio_disable.png') no-repeat 0 0;
background: url('https://fanruan.coding.me/fineui/dist/images/2x/icon/radio_disable.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/2x/icon/radio_disable.png');
background-size: contain;
_background: none;
}
.radio-icon.disabled .x-icon.hack {
background: url('https://fanruan.coding.me/fineui/dist/images/1x/icon/radio_disable.png') no-repeat 0 0;
background: url('https://fanruan.coding.me/fineui/dist/images/1x/icon/radio_disable.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/1x/icon/radio_disable.png');
_background: none;
}
.radio-icon.disabled.active .x-icon {
display: block;
background: url('https://fanruan.coding.me/fineui/dist/images/2x/icon/radio_disable2.png') no-repeat 0 0;
background: url('https://fanruan.coding.me/fineui/dist/images/2x/icon/radio_disable2.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/2x/icon/radio_disable2.png');
background-size: contain;
_background: none;
}
.radio-icon.disabled.active .x-icon.hack {
background: url('https://fanruan.coding.me/fineui/dist/images/1x/icon/radio_disable2.png') no-repeat 0 0;
background: url('https://fanruan.coding.me/fineui/dist/images/1x/icon/radio_disable2.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/1x/icon/radio_disable2.png');
_background: none;
}
@ -424,39 +424,111 @@
}
.slider-icon .x-icon {
display: block;
background: url('https://fanruan.coding.me/fineui/dist/images/2x/icon/slider_normal_small.png') no-repeat 0 0;
background: url('https://fanruan.coding.me/fineui/dist/images/2x/icon/slider_normal_small.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/2x/icon/slider_normal_small.png');
background-size: contain;
_background: none;
}
.slider-icon .x-icon.hack {
background: url('https://fanruan.coding.me/fineui/dist/images/1x/icon/slider_normal_small.png') no-repeat 0 0;
background: url('https://fanruan.coding.me/fineui/dist/images/1x/icon/slider_normal_small.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/1x/icon/slider_normal_small.png');
_background: none;
}
.slider-icon:hover .x-icon,
.slider-icon.hover .x-icon {
display: block;
background: url('https://fanruan.coding.me/fineui/dist/images/2x/icon/slider_active_small.png') no-repeat 0 0;
background: url('https://fanruan.coding.me/fineui/dist/images/2x/icon/slider_active_small.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/2x/icon/slider_active_small.png');
background-size: contain;
_background: none;
}
.slider-icon:hover .x-icon.hack,
.slider-icon.hover .x-icon.hack {
background: url('https://fanruan.coding.me/fineui/dist/images/1x/icon/slider_active_small.png') no-repeat 0 0;
background: url('https://fanruan.coding.me/fineui/dist/images/1x/icon/slider_active_small.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/1x/icon/slider_active_small.png');
_background: none;
}
.slider-icon.disabled .x-icon {
display: block;
background: url('https://fanruan.coding.me/fineui/dist/images/2x/icon/slider_normal_small.png') no-repeat 0 0;
background: url('https://fanruan.coding.me/fineui/dist/images/2x/icon/slider_normal_small.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/2x/icon/slider_normal_small.png');
background-size: contain;
_background: none;
}
.slider-icon.disabled .x-icon.hack {
background: url('https://fanruan.coding.me/fineui/dist/images/1x/icon/slider_normal_small.png') no-repeat 0 0;
background: url('https://fanruan.coding.me/fineui/dist/images/1x/icon/slider_normal_small.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/1x/icon/slider_normal_small.png');
_background: none;
}
.auto-color-icon .x-icon {
display: block;
background: url('https://fanruan.coding.me/fineui/dist/images/2x/icon/auto_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/2x/icon/auto_normal.png');
background-size: contain;
_background: none;
}
.auto-color-icon .x-icon.hack {
background: url('https://fanruan.coding.me/fineui/dist/images/1x/icon/auto_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/1x/icon/auto_normal.png');
_background: none;
}
.auto-color-icon.active .x-icon {
display: block;
background: url('https://fanruan.coding.me/fineui/dist/images/2x/icon/auto_select.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/2x/icon/auto_select.png');
background-size: contain;
_background: none;
}
.auto-color-icon.active .x-icon.hack {
background: url('https://fanruan.coding.me/fineui/dist/images/1x/icon/auto_select.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/1x/icon/auto_select.png');
_background: none;
}
.auto-color-icon.disabled .x-icon {
display: block;
background: url('https://fanruan.coding.me/fineui/dist/images/2x/icon/auto_disable.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/2x/icon/auto_disable.png');
background-size: contain;
_background: none;
}
.auto-color-icon.disabled .x-icon.hack {
background: url('https://fanruan.coding.me/fineui/dist/images/1x/icon/auto_disable.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/1x/icon/auto_disable.png');
_background: none;
}
.trans-color-icon .x-icon {
display: block;
background: url('https://fanruan.coding.me/fineui/dist/images/2x/icon/trans_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/2x/icon/trans_normal.png');
background-size: contain;
_background: none;
}
.trans-color-icon .x-icon.hack {
background: url('https://fanruan.coding.me/fineui/dist/images/1x/icon/trans_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/1x/icon/trans_normal.png');
_background: none;
}
.trans-color-icon.active .x-icon {
display: block;
background: url('https://fanruan.coding.me/fineui/dist/images/2x/icon/trans_select.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/2x/icon/trans_select.png');
background-size: contain;
_background: none;
}
.trans-color-icon.active .x-icon.hack {
background: url('https://fanruan.coding.me/fineui/dist/images/1x/icon/trans_select.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/1x/icon/trans_select.png');
_background: none;
}
.trans-color-icon.disabled .x-icon {
display: block;
background: url('https://fanruan.coding.me/fineui/dist/images/2x/icon/trans_disable.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/2x/icon/trans_disable.png');
background-size: contain;
_background: none;
}
.trans-color-icon.disabled .x-icon.hack {
background: url('https://fanruan.coding.me/fineui/dist/images/1x/icon/trans_disable.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/1x/icon/trans_disable.png');
_background: none;
}

38
src/case/colorchooser/colorpicker/editor.colorpicker.js
Unescape View File

@ -56,15 +56,20 @@ BI.ColorPickerEditor = BI.inherit(BI.Widget, {
this.B = Ws[2];
this.none = BI.createWidget({
type: "bi.checkbox",
type: "bi.icon_button",
cls: "auto-color-icon",
width: 16,
height: 16,
iconWidth: 16,
iconHeight: 16,
title: BI.i18nText("BI-Basic_Auto")
});
this.none.on(BI.Checkbox.EVENT_CHANGE, function () {
this.none.on(BI.IconButton.EVENT_CHANGE, function () {
if (this.isSelected()) {
self.lastColor = self.getValue();
self.setValue("");
} else {
self.setValue(self.lastColor || "#000000");
self.setValue(self.lastColor || "#ffffff");
}
if (self.R.isValid() && self.G.isValid() && self.B.isValid()) {
self.colorShow.element.css("background-color", self.getValue());
@ -73,15 +78,23 @@ BI.ColorPickerEditor = BI.inherit(BI.Widget, {
});
this.transparent = BI.createWidget({
type: "bi.checkbox",
type: "bi.icon_button",
cls: "trans-color-icon",
width: 16,
height: 16,
iconWidth: 16,
iconHeight: 16,
title: BI.i18nText("BI-Transparent_Color")
});
this.transparent.on(BI.Checkbox.EVENT_CHANGE, function () {
this.transparent.on(BI.IconButton.EVENT_CHANGE, function () {
if (this.isSelected()) {
self.lastColor = self.getValue();
self.setValue("transparent");
} else {
self.setValue(self.lastColor || "#000000");
if (self.lastColor === "transparent") {
self.lastColor = "";
}
self.setValue(self.lastColor || "#ffffff");
}
if (self.R.isValid() && self.G.isValid() && self.B.isValid()) {
self.colorShow.element.css("background-color", self.getValue());
@ -132,10 +145,21 @@ BI.ColorPickerEditor = BI.inherit(BI.Widget, {
});
},
_showPreColor: function (color) {
if (color === "") {
this.colorShow.element.css("background-color", "").removeClass("trans-color-background").addClass("auto-color-background");
} else if (color === "transparent") {
this.colorShow.element.css("background-color", "").removeClass("auto-color-background").addClass("trans-color-background");
} else {
this.colorShow.element.css({"background-color": color}).removeClass("auto-color-background").removeClass("trans-color-background");
}
},
setValue: function (color) {
if (color === "transparent") {
this.transparent.setSelected(true);
this.none.setSelected(false);
this._showPreColor("transparent");
this.R.setValue("");
this.G.setValue("");
this.B.setValue("");
@ -148,7 +172,7 @@ BI.ColorPickerEditor = BI.inherit(BI.Widget, {
this.none.setSelected(false);
}
this.transparent.setSelected(false);
this.colorShow.element.css("background-color", color);
this._showPreColor(color);
var json = BI.DOM.rgb2json(BI.DOM.hex2rgb(color));
this.R.setValue(BI.isNull(json.r) ? "" : json.r);
this.G.setValue(BI.isNull(json.g) ? "" : json.g);

132
src/css/resource/icon.css
Unescape View File

@ -264,149 +264,149 @@
}
.check-box-icon .x-icon {
display: block;
background: url('images/2x/icon/check_box_normal.png') no-repeat 0 0;
background: url('images/2x/icon/check_box_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/check_box_normal.png');
background-size: contain;
_background: none;
}
.check-box-icon .x-icon.hack {
background: url('images/1x/icon/check_box_normal.png') no-repeat 0 0;
background: url('images/1x/icon/check_box_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/check_box_normal.png');
_background: none;
}
.check-box-icon:hover .x-icon,
.check-box-icon.hover .x-icon {
display: block;
background: url('images/2x/icon/check_box_normal.png') no-repeat 0 0;
background: url('images/2x/icon/check_box_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/check_box_normal.png');
background-size: contain;
_background: none;
}
.check-box-icon:hover .x-icon.hack,
.check-box-icon.hover .x-icon.hack {
background: url('images/1x/icon/check_box_normal.png') no-repeat 0 0;
background: url('images/1x/icon/check_box_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/check_box_normal.png');
_background: none;
}
.check-box-icon:active .x-icon {
display: block;
background: url('images/2x/icon/check_box_normal.png') no-repeat 0 0;
background: url('images/2x/icon/check_box_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/check_box_normal.png');
background-size: contain;
_background: none;
}
.check-box-icon:active .x-icon.hack {
background: url('images/1x/icon/check_box_normal.png') no-repeat 0 0;
background: url('images/1x/icon/check_box_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/check_box_normal.png');
_background: none;
}
.check-box-icon.active .x-icon {
display: block;
background: url('images/2x/icon/check_box_active.png') no-repeat 0 0;
background: url('images/2x/icon/check_box_active.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/check_box_active.png');
background-size: contain;
_background: none;
}
.check-box-icon.active .x-icon.hack {
background: url('images/1x/icon/check_box_active.png') no-repeat 0 0;
background: url('images/1x/icon/check_box_active.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/check_box_active.png');
_background: none;
}
.check-box-icon.disabled .x-icon {
display: block;
background: url('images/2x/icon/check_box_disable.png') no-repeat 0 0;
background: url('images/2x/icon/check_box_disable.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/check_box_disable.png');
background-size: contain;
_background: none;
}
.check-box-icon.disabled .x-icon.hack {
background: url('images/1x/icon/check_box_disable.png') no-repeat 0 0;
background: url('images/1x/icon/check_box_disable.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/check_box_disable.png');
_background: none;
}
.check-box-icon.disabled.active .x-icon {
display: block;
background: url('images/2x/icon/check_box_disable2.png') no-repeat 0 0;
background: url('images/2x/icon/check_box_disable2.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/check_box_disable2.png');
background-size: contain;
_background: none;
}
.check-box-icon.disabled.active .x-icon.hack {
background: url('images/1x/icon/check_box_disable2.png') no-repeat 0 0;
background: url('images/1x/icon/check_box_disable2.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/check_box_disable2.png');
_background: none;
}
.radio-icon .x-icon {
display: block;
background: url('images/2x/icon/radio_normal.png') no-repeat 0 0;
background: url('images/2x/icon/radio_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/radio_normal.png');
background-size: contain;
_background: none;
}
.radio-icon .x-icon.hack {
background: url('images/1x/icon/radio_normal.png') no-repeat 0 0;
background: url('images/1x/icon/radio_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/radio_normal.png');
_background: none;
}
.radio-icon:hover .x-icon,
.radio-icon.hover .x-icon {
display: block;
background: url('images/2x/icon/radio_normal.png') no-repeat 0 0;
background: url('images/2x/icon/radio_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/radio_normal.png');
background-size: contain;
_background: none;
}
.radio-icon:hover .x-icon.hack,
.radio-icon.hover .x-icon.hack {
background: url('images/1x/icon/radio_normal.png') no-repeat 0 0;
background: url('images/1x/icon/radio_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/radio_normal.png');
_background: none;
}
.radio-icon:active .x-icon {
display: block;
background: url('images/2x/icon/radio_normal.png') no-repeat 0 0;
background: url('images/2x/icon/radio_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/radio_normal.png');
background-size: contain;
_background: none;
}
.radio-icon:active .x-icon.hack {
background: url('images/1x/icon/radio_normal.png') no-repeat 0 0;
background: url('images/1x/icon/radio_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/radio_normal.png');
_background: none;
}
.radio-icon.active .x-icon {
display: block;
background: url('images/2x/icon/radio_active.png') no-repeat 0 0;
background: url('images/2x/icon/radio_active.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/radio_active.png');
background-size: contain;
_background: none;
}
.radio-icon.active .x-icon.hack {
background: url('images/1x/icon/radio_active.png') no-repeat 0 0;
background: url('images/1x/icon/radio_active.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/radio_active.png');
_background: none;
}
.radio-icon.disabled .x-icon {
display: block;
background: url('images/2x/icon/radio_disable.png') no-repeat 0 0;
background: url('images/2x/icon/radio_disable.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/radio_disable.png');
background-size: contain;
_background: none;
}
.radio-icon.disabled .x-icon.hack {
background: url('images/1x/icon/radio_disable.png') no-repeat 0 0;
background: url('images/1x/icon/radio_disable.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/radio_disable.png');
_background: none;
}
.radio-icon.disabled.active .x-icon {
display: block;
background: url('images/2x/icon/radio_disable2.png') no-repeat 0 0;
background: url('images/2x/icon/radio_disable2.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/radio_disable2.png');
background-size: contain;
_background: none;
}
.radio-icon.disabled.active .x-icon.hack {
background: url('images/1x/icon/radio_disable2.png') no-repeat 0 0;
background: url('images/1x/icon/radio_disable2.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/radio_disable2.png');
_background: none;
}
@ -424,39 +424,111 @@
}
.slider-icon .x-icon {
display: block;
background: url('images/2x/icon/slider_normal_small.png') no-repeat 0 0;
background: url('images/2x/icon/slider_normal_small.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/slider_normal_small.png');
background-size: contain;
_background: none;
}
.slider-icon .x-icon.hack {
background: url('images/1x/icon/slider_normal_small.png') no-repeat 0 0;
background: url('images/1x/icon/slider_normal_small.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/slider_normal_small.png');
_background: none;
}
.slider-icon:hover .x-icon,
.slider-icon.hover .x-icon {
display: block;
background: url('images/2x/icon/slider_active_small.png') no-repeat 0 0;
background: url('images/2x/icon/slider_active_small.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/slider_active_small.png');
background-size: contain;
_background: none;
}
.slider-icon:hover .x-icon.hack,
.slider-icon.hover .x-icon.hack {
background: url('images/1x/icon/slider_active_small.png') no-repeat 0 0;
background: url('images/1x/icon/slider_active_small.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/slider_active_small.png');
_background: none;
}
.slider-icon.disabled .x-icon {
display: block;
background: url('images/2x/icon/slider_normal_small.png') no-repeat 0 0;
background: url('images/2x/icon/slider_normal_small.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/slider_normal_small.png');
background-size: contain;
_background: none;
}
.slider-icon.disabled .x-icon.hack {
background: url('images/1x/icon/slider_normal_small.png') no-repeat 0 0;
background: url('images/1x/icon/slider_normal_small.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/slider_normal_small.png');
_background: none;
}
.auto-color-icon .x-icon {
display: block;
background: url('images/2x/icon/auto_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/auto_normal.png');
background-size: contain;
_background: none;
}
.auto-color-icon .x-icon.hack {
background: url('images/1x/icon/auto_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/auto_normal.png');
_background: none;
}
.auto-color-icon.active .x-icon {
display: block;
background: url('images/2x/icon/auto_select.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/auto_select.png');
background-size: contain;
_background: none;
}
.auto-color-icon.active .x-icon.hack {
background: url('images/1x/icon/auto_select.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/auto_select.png');
_background: none;
}
.auto-color-icon.disabled .x-icon {
display: block;
background: url('images/2x/icon/auto_disable.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/auto_disable.png');
background-size: contain;
_background: none;
}
.auto-color-icon.disabled .x-icon.hack {
background: url('images/1x/icon/auto_disable.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/auto_disable.png');
_background: none;
}
.trans-color-icon .x-icon {
display: block;
background: url('images/2x/icon/trans_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/trans_normal.png');
background-size: contain;
_background: none;
}
.trans-color-icon .x-icon.hack {
background: url('images/1x/icon/trans_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/trans_normal.png');
_background: none;
}
.trans-color-icon.active .x-icon {
display: block;
background: url('images/2x/icon/trans_select.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/trans_select.png');
background-size: contain;
_background: none;
}
.trans-color-icon.active .x-icon.hack {
background: url('images/1x/icon/trans_select.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/trans_select.png');
_background: none;
}
.trans-color-icon.disabled .x-icon {
display: block;
background: url('images/2x/icon/trans_disable.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/trans_disable.png');
background-size: contain;
_background: none;
}
.trans-color-icon.disabled .x-icon.hack {
background: url('images/1x/icon/trans_disable.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/trans_disable.png');
_background: none;
}

120
src/less/image.less
Unescape View File

@ -32,71 +32,71 @@
}
// 有悬浮效果的icon
.icon_hover(@class, @iconPath, @hoverPath: @iconPath) {
.icon_hover(@class, @iconPath, @hoverPath: @iconPath, @disablePath: @iconPath) {
.@{class} {
& .x-icon {
display: block;
.image2xPath(@iconPath, 0, 0);
.image2xPath(@iconPath);
&.hack {
.imagePath(@iconPath, 0, 0);
.imagePath(@iconPath);
}
}
&:hover .x-icon,
&.hover .x-icon {
display: block;
.image2xPath(@hoverPath, 0, 0);
.image2xPath(@hoverPath);
&.hack {
.imagePath(@hoverPath, 0, 0);
.imagePath(@hoverPath);
}
}
&.disabled .x-icon {
display: block;
.image2xPath(@iconPath, 0, 0);
.image2xPath(@disablePath);
&.hack {
.imagePath(@iconPath, 0, 0);
.imagePath(@disablePath);
}
}
}
}
// 有悬浮、激活(选中)的icon
.icon_hover_active(@class, @iconPath, @hoverPath: @iconPath, @activePath: @iconPath) {
.icon_hover_active(@class, @iconPath, @hoverPath: @iconPath, @activePath: @iconPath, @disablePath: @iconPath) {
.@{class} {
& .x-icon {
display: block;
.image2xPath(@iconPath, 0, 0);
.image2xPath(@iconPath);
&.hack {
.imagePath(@iconPath, 0, 0);
.imagePath(@iconPath);
}
}
&:hover .x-icon,
&.hover .x-icon {
display: block;
.image2xPath(@hoverPath, 0, 0);
.image2xPath(@hoverPath);
&.hack {
.imagePath(@hoverPath, 0, 0);
.imagePath(@hoverPath);
}
}
&:active .x-icon,
&.active .x-icon {
display: block;
.image2xPath(@activePath, 0, 0);
.image2xPath(@activePath);
&.hack {
.imagePath(@activePath, 0, 0);
.imagePath(@activePath);
}
}
&.disabled .x-icon {
display: block;
.image2xPath(@iconPath, 0, 0);
.image2xPath(@disablePath);
&.hack {
.imagePath(@iconPath, 0, 0);
.imagePath(@disablePath);
}
}
}
}
// 有悬浮、选中的icon
.icon_select(@class, @iconPath, @selectPath: @iconPath) {
// 只有有选中的icon
.icon_select(@class, @iconPath, @selectPath: @iconPath, @disablePath: @iconPath) {
.@{class} {
& .x-icon {
display: block;
@ -114,9 +114,9 @@
}
&.disabled .x-icon {
display: block;
.image2xPath(@iconPath);
.image2xPath(@disablePath);
&.hack {
.imagePath(@iconPath);
.imagePath(@disablePath);
}
}
}
@ -127,17 +127,17 @@
.@{class} {
& .x-icon {
display: block;
.image2xPath(@iconPath, 0, 0);
.image2xPath(@iconPath);
&.hack {
.imagePath(@iconPath, 0, 0);
.imagePath(@iconPath);
}
}
&.disabled .x-icon {
display: block;
.image2xPath(@disablePath, 0, 0);
.image2xPath(@disablePath);
&.hack {
.imagePath(@disablePath, 0, 0);
.imagePath(@disablePath);
}
}
}
@ -148,26 +148,26 @@
.@{class} {
& .x-icon {
display: block;
.image2xPath(@iconPath, 0, 0);
.image2xPath(@iconPath);
&.hack {
.imagePath(@iconPath, 0, 0);
.imagePath(@iconPath);
}
}
&:hover .x-icon,
&.hover .x-icon {
display: block;
.image2xPath(@hoverPath, 0, 0);
.image2xPath(@hoverPath);
&.hack {
.imagePath(@hoverPath, 0, 0);
.imagePath(@hoverPath);
}
}
&.disabled .x-icon {
display: block;
.image2xPath(@disablePath, 0, 0);
.image2xPath(@disablePath);
&.hack {
.imagePath(@disablePath, 0, 0);
.imagePath(@disablePath);
}
}
}
@ -178,35 +178,35 @@
.@{class} {
& .x-icon {
display: block;
.image2xPath(@iconPath, 0, 0);
.image2xPath(@iconPath);
&.hack {
.imagePath(@iconPath, 0, 0);
.imagePath(@iconPath);
}
}
&:hover .x-icon,
&.hover .x-icon {
display: block;
.image2xPath(@hoverPath, 0, 0);
.image2xPath(@hoverPath);
&.hack {
.imagePath(@hoverPath, 0, 0);
.imagePath(@hoverPath);
}
}
&:active .x-icon,
&.active .x-icon {
display: block;
.image2xPath(@activePath, 0, 0);
.image2xPath(@activePath);
&.hack {
.imagePath(@activePath, 0, 0);
.imagePath(@activePath);
}
}
&.disabled .x-icon {
display: block;
.image2xPath(@disablePath, 0, 0);
.image2xPath(@disablePath);
&.hack {
.imagePath(@disablePath, 0, 0);
.imagePath(@disablePath);
}
}
}
@ -217,42 +217,42 @@
.@{class} {
& .x-icon {
display: block;
.image2xPath(@iconPath, 0, 0);
.image2xPath(@iconPath);
&.hack {
.imagePath(@iconPath, 0, 0);
.imagePath(@iconPath);
}
}
&:hover .x-icon,
&.hover .x-icon {
display: block;
.image2xPath(@hoverPath, 0, 0);
.image2xPath(@hoverPath);
&.hack {
.imagePath(@hoverPath, 0, 0);
.imagePath(@hoverPath);
}
}
&:active .x-icon {
display: block;
.image2xPath(@activePath, 0, 0);
.image2xPath(@activePath);
&.hack {
.imagePath(@activePath, 0, 0);
.imagePath(@activePath);
}
}
&.active .x-icon {
display: block;
.image2xPath(@selectedPath, 0, 0);
.image2xPath(@selectedPath);
&.hack {
.imagePath(@selectedPath, 0, 0);
.imagePath(@selectedPath);
}
}
&.disabled .x-icon {
display: block;
.image2xPath(@disablePath, 0, 0);
.image2xPath(@disablePath);
&.hack {
.imagePath(@disablePath, 0, 0);
.imagePath(@disablePath);
}
}
}
@ -263,48 +263,48 @@
.@{class} {
& .x-icon {
display: block;
.image2xPath(@iconPath, 0, 0);
.image2xPath(@iconPath);
&.hack {
.imagePath(@iconPath, 0, 0);
.imagePath(@iconPath);
}
}
&:hover .x-icon,
&.hover .x-icon {
display: block;
.image2xPath(@hoverPath, 0, 0);
.image2xPath(@hoverPath);
&.hack {
.imagePath(@hoverPath, 0, 0);
.imagePath(@hoverPath);
}
}
&:active .x-icon {
display: block;
.image2xPath(@activePath, 0, 0);
.image2xPath(@activePath);
&.hack {
.imagePath(@activePath, 0, 0);
.imagePath(@activePath);
}
}
&.active .x-icon {
display: block;
.image2xPath(@selectedPath, 0, 0);
.image2xPath(@selectedPath);
&.hack {
.imagePath(@selectedPath, 0, 0);
.imagePath(@selectedPath);
}
}
&.disabled .x-icon {
display: block;
.image2xPath(@disablePath, 0, 0);
.image2xPath(@disablePath);
&.hack {
.imagePath(@disablePath, 0, 0);
.imagePath(@disablePath);
}
}
&.disabled.active .x-icon {
display: block;
.image2xPath(@activeDisablePath, 0, 0);
.image2xPath(@activeDisablePath);
&.hack {
.imagePath(@activeDisablePath, 0, 0);
.imagePath(@activeDisablePath);
}
}
}

8
src/less/lib/icon.less
Unescape View File

@ -45,3 +45,11 @@
//滑块
@icon-slider-normal: "icon/slider_normal_small.png";
@icon-slider-active: "icon/slider_active_small.png";
//颜色自动、透明
@icon-auto-normal: "icon/auto_normal.png";
@icon-auto-select: "icon/auto_select.png";
@icon-auto-disable: "icon/auto_disable.png";
@icon-trans-normal: "icon/trans_normal.png";
@icon-trans-select: "icon/trans_select.png";
@icon-trans-disable: "icon/trans_disable.png";

3
src/less/resource/icon.less
Unescape View File

@ -69,3 +69,6 @@
//滑块
.icon_hover(slider-icon, @icon-slider-normal, @icon-slider-active);
//颜色自动、透明
.icon_select(auto-color-icon, @icon-auto-normal, @icon-auto-select, @icon-auto-disable);
.icon_select(trans-color-icon, @icon-trans-normal, @icon-trans-select, @icon-trans-disable);

132
ui/css/icon.css
Unescape View File

@ -264,149 +264,149 @@
}
.check-box-icon .x-icon {
display: block;
background: url('resources?path=/com/fr/web/ui/images/2x/icon/check_box_normal.png') no-repeat 0 0;
background: url('resources?path=/com/fr/web/ui/images/2x/icon/check_box_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/check_box_normal.png');
background-size: contain;
_background: none;
}
.check-box-icon .x-icon.hack {
background: url('resources?path=/com/fr/web/ui/images/1x/icon/check_box_normal.png') no-repeat 0 0;
background: url('resources?path=/com/fr/web/ui/images/1x/icon/check_box_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/icon/check_box_normal.png');
_background: none;
}
.check-box-icon:hover .x-icon,
.check-box-icon.hover .x-icon {
display: block;
background: url('resources?path=/com/fr/web/ui/images/2x/icon/check_box_normal.png') no-repeat 0 0;
background: url('resources?path=/com/fr/web/ui/images/2x/icon/check_box_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/check_box_normal.png');
background-size: contain;
_background: none;
}
.check-box-icon:hover .x-icon.hack,
.check-box-icon.hover .x-icon.hack {
background: url('resources?path=/com/fr/web/ui/images/1x/icon/check_box_normal.png') no-repeat 0 0;
background: url('resources?path=/com/fr/web/ui/images/1x/icon/check_box_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/icon/check_box_normal.png');
_background: none;
}
.check-box-icon:active .x-icon {
display: block;
background: url('resources?path=/com/fr/web/ui/images/2x/icon/check_box_normal.png') no-repeat 0 0;
background: url('resources?path=/com/fr/web/ui/images/2x/icon/check_box_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/check_box_normal.png');
background-size: contain;
_background: none;
}
.check-box-icon:active .x-icon.hack {
background: url('resources?path=/com/fr/web/ui/images/1x/icon/check_box_normal.png') no-repeat 0 0;
background: url('resources?path=/com/fr/web/ui/images/1x/icon/check_box_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/icon/check_box_normal.png');
_background: none;
}
.check-box-icon.active .x-icon {
display: block;
background: url('resources?path=/com/fr/web/ui/images/2x/icon/check_box_active.png') no-repeat 0 0;
background: url('resources?path=/com/fr/web/ui/images/2x/icon/check_box_active.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/check_box_active.png');
background-size: contain;
_background: none;
}
.check-box-icon.active .x-icon.hack {
background: url('resources?path=/com/fr/web/ui/images/1x/icon/check_box_active.png') no-repeat 0 0;
background: url('resources?path=/com/fr/web/ui/images/1x/icon/check_box_active.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/icon/check_box_active.png');
_background: none;
}
.check-box-icon.disabled .x-icon {
display: block;
background: url('resources?path=/com/fr/web/ui/images/2x/icon/check_box_disable.png') no-repeat 0 0;
background: url('resources?path=/com/fr/web/ui/images/2x/icon/check_box_disable.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/check_box_disable.png');
background-size: contain;
_background: none;
}
.check-box-icon.disabled .x-icon.hack {
background: url('resources?path=/com/fr/web/ui/images/1x/icon/check_box_disable.png') no-repeat 0 0;
background: url('resources?path=/com/fr/web/ui/images/1x/icon/check_box_disable.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/icon/check_box_disable.png');
_background: none;
}
.check-box-icon.disabled.active .x-icon {
display: block;
background: url('resources?path=/com/fr/web/ui/images/2x/icon/check_box_disable2.png') no-repeat 0 0;
background: url('resources?path=/com/fr/web/ui/images/2x/icon/check_box_disable2.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/check_box_disable2.png');
background-size: contain;
_background: none;
}
.check-box-icon.disabled.active .x-icon.hack {
background: url('resources?path=/com/fr/web/ui/images/1x/icon/check_box_disable2.png') no-repeat 0 0;
background: url('resources?path=/com/fr/web/ui/images/1x/icon/check_box_disable2.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/icon/check_box_disable2.png');
_background: none;
}
.radio-icon .x-icon {
display: block;
background: url('resources?path=/com/fr/web/ui/images/2x/icon/radio_normal.png') no-repeat 0 0;
background: url('resources?path=/com/fr/web/ui/images/2x/icon/radio_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/radio_normal.png');
background-size: contain;
_background: none;
}
.radio-icon .x-icon.hack {
background: url('resources?path=/com/fr/web/ui/images/1x/icon/radio_normal.png') no-repeat 0 0;
background: url('resources?path=/com/fr/web/ui/images/1x/icon/radio_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/icon/radio_normal.png');
_background: none;
}
.radio-icon:hover .x-icon,
.radio-icon.hover .x-icon {
display: block;
background: url('resources?path=/com/fr/web/ui/images/2x/icon/radio_normal.png') no-repeat 0 0;
background: url('resources?path=/com/fr/web/ui/images/2x/icon/radio_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/radio_normal.png');
background-size: contain;
_background: none;
}
.radio-icon:hover .x-icon.hack,
.radio-icon.hover .x-icon.hack {
background: url('resources?path=/com/fr/web/ui/images/1x/icon/radio_normal.png') no-repeat 0 0;
background: url('resources?path=/com/fr/web/ui/images/1x/icon/radio_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/icon/radio_normal.png');
_background: none;
}
.radio-icon:active .x-icon {
display: block;
background: url('resources?path=/com/fr/web/ui/images/2x/icon/radio_normal.png') no-repeat 0 0;
background: url('resources?path=/com/fr/web/ui/images/2x/icon/radio_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/radio_normal.png');
background-size: contain;
_background: none;
}
.radio-icon:active .x-icon.hack {
background: url('resources?path=/com/fr/web/ui/images/1x/icon/radio_normal.png') no-repeat 0 0;
background: url('resources?path=/com/fr/web/ui/images/1x/icon/radio_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/icon/radio_normal.png');
_background: none;
}
.radio-icon.active .x-icon {
display: block;
background: url('resources?path=/com/fr/web/ui/images/2x/icon/radio_active.png') no-repeat 0 0;
background: url('resources?path=/com/fr/web/ui/images/2x/icon/radio_active.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/radio_active.png');
background-size: contain;
_background: none;
}
.radio-icon.active .x-icon.hack {
background: url('resources?path=/com/fr/web/ui/images/1x/icon/radio_active.png') no-repeat 0 0;
background: url('resources?path=/com/fr/web/ui/images/1x/icon/radio_active.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/icon/radio_active.png');
_background: none;
}
.radio-icon.disabled .x-icon {
display: block;
background: url('resources?path=/com/fr/web/ui/images/2x/icon/radio_disable.png') no-repeat 0 0;
background: url('resources?path=/com/fr/web/ui/images/2x/icon/radio_disable.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/radio_disable.png');
background-size: contain;
_background: none;
}
.radio-icon.disabled .x-icon.hack {
background: url('resources?path=/com/fr/web/ui/images/1x/icon/radio_disable.png') no-repeat 0 0;
background: url('resources?path=/com/fr/web/ui/images/1x/icon/radio_disable.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/icon/radio_disable.png');
_background: none;
}
.radio-icon.disabled.active .x-icon {
display: block;
background: url('resources?path=/com/fr/web/ui/images/2x/icon/radio_disable2.png') no-repeat 0 0;
background: url('resources?path=/com/fr/web/ui/images/2x/icon/radio_disable2.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/radio_disable2.png');
background-size: contain;
_background: none;
}
.radio-icon.disabled.active .x-icon.hack {
background: url('resources?path=/com/fr/web/ui/images/1x/icon/radio_disable2.png') no-repeat 0 0;
background: url('resources?path=/com/fr/web/ui/images/1x/icon/radio_disable2.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/icon/radio_disable2.png');
_background: none;
}
@ -424,39 +424,111 @@
}
.slider-icon .x-icon {
display: block;
background: url('resources?path=/com/fr/web/ui/images/2x/icon/slider_normal_small.png') no-repeat 0 0;
background: url('resources?path=/com/fr/web/ui/images/2x/icon/slider_normal_small.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/slider_normal_small.png');
background-size: contain;
_background: none;
}
.slider-icon .x-icon.hack {
background: url('resources?path=/com/fr/web/ui/images/1x/icon/slider_normal_small.png') no-repeat 0 0;
background: url('resources?path=/com/fr/web/ui/images/1x/icon/slider_normal_small.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/icon/slider_normal_small.png');
_background: none;
}
.slider-icon:hover .x-icon,
.slider-icon.hover .x-icon {
display: block;
background: url('resources?path=/com/fr/web/ui/images/2x/icon/slider_active_small.png') no-repeat 0 0;
background: url('resources?path=/com/fr/web/ui/images/2x/icon/slider_active_small.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/slider_active_small.png');
background-size: contain;
_background: none;
}
.slider-icon:hover .x-icon.hack,
.slider-icon.hover .x-icon.hack {
background: url('resources?path=/com/fr/web/ui/images/1x/icon/slider_active_small.png') no-repeat 0 0;
background: url('resources?path=/com/fr/web/ui/images/1x/icon/slider_active_small.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/icon/slider_active_small.png');
_background: none;
}
.slider-icon.disabled .x-icon {
display: block;
background: url('resources?path=/com/fr/web/ui/images/2x/icon/slider_normal_small.png') no-repeat 0 0;
background: url('resources?path=/com/fr/web/ui/images/2x/icon/slider_normal_small.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/slider_normal_small.png');
background-size: contain;
_background: none;
}
.slider-icon.disabled .x-icon.hack {
background: url('resources?path=/com/fr/web/ui/images/1x/icon/slider_normal_small.png') no-repeat 0 0;
background: url('resources?path=/com/fr/web/ui/images/1x/icon/slider_normal_small.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/icon/slider_normal_small.png');
_background: none;
}
.auto-color-icon .x-icon {
display: block;
background: url('resources?path=/com/fr/web/ui/images/2x/icon/auto_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/auto_normal.png');
background-size: contain;
_background: none;
}
.auto-color-icon .x-icon.hack {
background: url('resources?path=/com/fr/web/ui/images/1x/icon/auto_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/icon/auto_normal.png');
_background: none;
}
.auto-color-icon.active .x-icon {
display: block;
background: url('resources?path=/com/fr/web/ui/images/2x/icon/auto_select.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/auto_select.png');
background-size: contain;
_background: none;
}
.auto-color-icon.active .x-icon.hack {
background: url('resources?path=/com/fr/web/ui/images/1x/icon/auto_select.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/icon/auto_select.png');
_background: none;
}
.auto-color-icon.disabled .x-icon {
display: block;
background: url('resources?path=/com/fr/web/ui/images/2x/icon/auto_disable.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/auto_disable.png');
background-size: contain;
_background: none;
}
.auto-color-icon.disabled .x-icon.hack {
background: url('resources?path=/com/fr/web/ui/images/1x/icon/auto_disable.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/icon/auto_disable.png');
_background: none;
}
.trans-color-icon .x-icon {
display: block;
background: url('resources?path=/com/fr/web/ui/images/2x/icon/trans_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/trans_normal.png');
background-size: contain;
_background: none;
}
.trans-color-icon .x-icon.hack {
background: url('resources?path=/com/fr/web/ui/images/1x/icon/trans_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/icon/trans_normal.png');
_background: none;
}
.trans-color-icon.active .x-icon {
display: block;
background: url('resources?path=/com/fr/web/ui/images/2x/icon/trans_select.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/trans_select.png');
background-size: contain;
_background: none;
}
.trans-color-icon.active .x-icon.hack {
background: url('resources?path=/com/fr/web/ui/images/1x/icon/trans_select.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/icon/trans_select.png');
_background: none;
}
.trans-color-icon.disabled .x-icon {
display: block;
background: url('resources?path=/com/fr/web/ui/images/2x/icon/trans_disable.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/trans_disable.png');
background-size: contain;
_background: none;
}
.trans-color-icon.disabled .x-icon.hack {
background: url('resources?path=/com/fr/web/ui/images/1x/icon/trans_disable.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/icon/trans_disable.png');
_background: none;
}

Write Preview
Loading…
Cancel
Save