guy 7 years ago
parent
commit
355f313094
  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

@ -6542,149 +6542,149 @@ textarea::-webkit-scrollbar-thumb:hover {
} }
.check-box-icon .x-icon { .check-box-icon .x-icon {
display: block; 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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/2x/icon/check_box_normal.png');
background-size: contain; background-size: contain;
_background: none; _background: none;
} }
.check-box-icon .x-icon.hack { .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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/1x/icon/check_box_normal.png');
_background: none; _background: none;
} }
.check-box-icon:hover .x-icon, .check-box-icon:hover .x-icon,
.check-box-icon.hover .x-icon { .check-box-icon.hover .x-icon {
display: block; 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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/2x/icon/check_box_normal.png');
background-size: contain; background-size: contain;
_background: none; _background: none;
} }
.check-box-icon:hover .x-icon.hack, .check-box-icon:hover .x-icon.hack,
.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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/1x/icon/check_box_normal.png');
_background: none; _background: none;
} }
.check-box-icon:active .x-icon { .check-box-icon:active .x-icon {
display: block; 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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/2x/icon/check_box_normal.png');
background-size: contain; background-size: contain;
_background: none; _background: none;
} }
.check-box-icon:active .x-icon.hack { .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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/1x/icon/check_box_normal.png');
_background: none; _background: none;
} }
.check-box-icon.active .x-icon { .check-box-icon.active .x-icon {
display: block; 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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/2x/icon/check_box_active.png');
background-size: contain; background-size: contain;
_background: none; _background: none;
} }
.check-box-icon.active .x-icon.hack { .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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/1x/icon/check_box_active.png');
_background: none; _background: none;
} }
.check-box-icon.disabled .x-icon { .check-box-icon.disabled .x-icon {
display: block; 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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/2x/icon/check_box_disable.png');
background-size: contain; background-size: contain;
_background: none; _background: none;
} }
.check-box-icon.disabled .x-icon.hack { .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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/1x/icon/check_box_disable.png');
_background: none; _background: none;
} }
.check-box-icon.disabled.active .x-icon { .check-box-icon.disabled.active .x-icon {
display: block; 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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/2x/icon/check_box_disable2.png');
background-size: contain; background-size: contain;
_background: none; _background: none;
} }
.check-box-icon.disabled.active .x-icon.hack { .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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/1x/icon/check_box_disable2.png');
_background: none; _background: none;
} }
.radio-icon .x-icon { .radio-icon .x-icon {
display: block; 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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/2x/icon/radio_normal.png');
background-size: contain; background-size: contain;
_background: none; _background: none;
} }
.radio-icon .x-icon.hack { .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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/1x/icon/radio_normal.png');
_background: none; _background: none;
} }
.radio-icon:hover .x-icon, .radio-icon:hover .x-icon,
.radio-icon.hover .x-icon { .radio-icon.hover .x-icon {
display: block; 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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/2x/icon/radio_normal.png');
background-size: contain; background-size: contain;
_background: none; _background: none;
} }
.radio-icon:hover .x-icon.hack, .radio-icon:hover .x-icon.hack,
.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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/1x/icon/radio_normal.png');
_background: none; _background: none;
} }
.radio-icon:active .x-icon { .radio-icon:active .x-icon {
display: block; 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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/2x/icon/radio_normal.png');
background-size: contain; background-size: contain;
_background: none; _background: none;
} }
.radio-icon:active .x-icon.hack { .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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/1x/icon/radio_normal.png');
_background: none; _background: none;
} }
.radio-icon.active .x-icon { .radio-icon.active .x-icon {
display: block; 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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/2x/icon/radio_active.png');
background-size: contain; background-size: contain;
_background: none; _background: none;
} }
.radio-icon.active .x-icon.hack { .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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/1x/icon/radio_active.png');
_background: none; _background: none;
} }
.radio-icon.disabled .x-icon { .radio-icon.disabled .x-icon {
display: block; 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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/2x/icon/radio_disable.png');
background-size: contain; background-size: contain;
_background: none; _background: none;
} }
.radio-icon.disabled .x-icon.hack { .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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/1x/icon/radio_disable.png');
_background: none; _background: none;
} }
.radio-icon.disabled.active .x-icon { .radio-icon.disabled.active .x-icon {
display: block; 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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/2x/icon/radio_disable2.png');
background-size: contain; background-size: contain;
_background: none; _background: none;
} }
.radio-icon.disabled.active .x-icon.hack { .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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/1x/icon/radio_disable2.png');
_background: none; _background: none;
} }
@ -6702,39 +6702,111 @@ textarea::-webkit-scrollbar-thumb:hover {
} }
.slider-icon .x-icon { .slider-icon .x-icon {
display: block; 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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/2x/icon/slider_normal_small.png');
background-size: contain; background-size: contain;
_background: none; _background: none;
} }
.slider-icon .x-icon.hack { .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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/1x/icon/slider_normal_small.png');
_background: none; _background: none;
} }
.slider-icon:hover .x-icon, .slider-icon:hover .x-icon,
.slider-icon.hover .x-icon { .slider-icon.hover .x-icon {
display: block; 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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/2x/icon/slider_active_small.png');
background-size: contain; background-size: contain;
_background: none; _background: none;
} }
.slider-icon:hover .x-icon.hack, .slider-icon:hover .x-icon.hack,
.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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/1x/icon/slider_active_small.png');
_background: none; _background: none;
} }
.slider-icon.disabled .x-icon { .slider-icon.disabled .x-icon {
display: block; 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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/2x/icon/slider_normal_small.png');
background-size: contain; background-size: contain;
_background: none; _background: none;
} }
.slider-icon.disabled .x-icon.hack { .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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/1x/icon/slider_normal_small.png');
_background: none; _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

@ -76207,15 +76207,20 @@ BI.ColorPickerEditor = BI.inherit(BI.Widget, {
this.B = Ws[2]; this.B = Ws[2];
this.none = BI.createWidget({ 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") 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()) { if (this.isSelected()) {
self.lastColor = self.getValue(); self.lastColor = self.getValue();
self.setValue(""); self.setValue("");
} else { } else {
self.setValue(self.lastColor || "#000000"); self.setValue(self.lastColor || "#ffffff");
} }
if (self.R.isValid() && self.G.isValid() && self.B.isValid()) { if (self.R.isValid() && self.G.isValid() && self.B.isValid()) {
self.colorShow.element.css("background-color", self.getValue()); self.colorShow.element.css("background-color", self.getValue());
@ -76224,15 +76229,23 @@ BI.ColorPickerEditor = BI.inherit(BI.Widget, {
}); });
this.transparent = BI.createWidget({ 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") 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()) { if (this.isSelected()) {
self.lastColor = self.getValue(); self.lastColor = self.getValue();
self.setValue("transparent"); self.setValue("transparent");
} else { } 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()) { if (self.R.isValid() && self.G.isValid() && self.B.isValid()) {
self.colorShow.element.css("background-color", self.getValue()); 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) { setValue: function (color) {
if (color === "transparent") { if (color === "transparent") {
this.transparent.setSelected(true); this.transparent.setSelected(true);
this.none.setSelected(false); this.none.setSelected(false);
this._showPreColor("transparent");
this.R.setValue(""); this.R.setValue("");
this.G.setValue(""); this.G.setValue("");
this.B.setValue(""); this.B.setValue("");
@ -76299,7 +76323,7 @@ BI.ColorPickerEditor = BI.inherit(BI.Widget, {
this.none.setSelected(false); this.none.setSelected(false);
} }
this.transparent.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)); var json = BI.DOM.rgb2json(BI.DOM.hex2rgb(color));
this.R.setValue(BI.isNull(json.r) ? "" : json.r); this.R.setValue(BI.isNull(json.r) ? "" : json.r);
this.G.setValue(BI.isNull(json.g) ? "" : json.g); this.G.setValue(BI.isNull(json.g) ? "" : json.g);

38
dist/case.js vendored

@ -4267,15 +4267,20 @@ BI.ColorPickerEditor = BI.inherit(BI.Widget, {
this.B = Ws[2]; this.B = Ws[2];
this.none = BI.createWidget({ 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") 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()) { if (this.isSelected()) {
self.lastColor = self.getValue(); self.lastColor = self.getValue();
self.setValue(""); self.setValue("");
} else { } else {
self.setValue(self.lastColor || "#000000"); self.setValue(self.lastColor || "#ffffff");
} }
if (self.R.isValid() && self.G.isValid() && self.B.isValid()) { if (self.R.isValid() && self.G.isValid() && self.B.isValid()) {
self.colorShow.element.css("background-color", self.getValue()); self.colorShow.element.css("background-color", self.getValue());
@ -4284,15 +4289,23 @@ BI.ColorPickerEditor = BI.inherit(BI.Widget, {
}); });
this.transparent = BI.createWidget({ 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") 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()) { if (this.isSelected()) {
self.lastColor = self.getValue(); self.lastColor = self.getValue();
self.setValue("transparent"); self.setValue("transparent");
} else { } 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()) { if (self.R.isValid() && self.G.isValid() && self.B.isValid()) {
self.colorShow.element.css("background-color", self.getValue()); 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) { setValue: function (color) {
if (color === "transparent") { if (color === "transparent") {
this.transparent.setSelected(true); this.transparent.setSelected(true);
this.none.setSelected(false); this.none.setSelected(false);
this._showPreColor("transparent");
this.R.setValue(""); this.R.setValue("");
this.G.setValue(""); this.G.setValue("");
this.B.setValue(""); this.B.setValue("");
@ -4359,7 +4383,7 @@ BI.ColorPickerEditor = BI.inherit(BI.Widget, {
this.none.setSelected(false); this.none.setSelected(false);
} }
this.transparent.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)); var json = BI.DOM.rgb2json(BI.DOM.hex2rgb(color));
this.R.setValue(BI.isNull(json.r) ? "" : json.r); this.R.setValue(BI.isNull(json.r) ? "" : json.r);
this.G.setValue(BI.isNull(json.g) ? "" : json.g); this.G.setValue(BI.isNull(json.g) ? "" : json.g);

132
dist/fineui.css vendored

@ -6542,149 +6542,149 @@ textarea::-webkit-scrollbar-thumb:hover {
} }
.check-box-icon .x-icon { .check-box-icon .x-icon {
display: block; 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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/check_box_normal.png');
background-size: contain; background-size: contain;
_background: none; _background: none;
} }
.check-box-icon .x-icon.hack { .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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/icon/check_box_normal.png');
_background: none; _background: none;
} }
.check-box-icon:hover .x-icon, .check-box-icon:hover .x-icon,
.check-box-icon.hover .x-icon { .check-box-icon.hover .x-icon {
display: block; 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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/check_box_normal.png');
background-size: contain; background-size: contain;
_background: none; _background: none;
} }
.check-box-icon:hover .x-icon.hack, .check-box-icon:hover .x-icon.hack,
.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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/icon/check_box_normal.png');
_background: none; _background: none;
} }
.check-box-icon:active .x-icon { .check-box-icon:active .x-icon {
display: block; 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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/check_box_normal.png');
background-size: contain; background-size: contain;
_background: none; _background: none;
} }
.check-box-icon:active .x-icon.hack { .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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/icon/check_box_normal.png');
_background: none; _background: none;
} }
.check-box-icon.active .x-icon { .check-box-icon.active .x-icon {
display: block; 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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/check_box_active.png');
background-size: contain; background-size: contain;
_background: none; _background: none;
} }
.check-box-icon.active .x-icon.hack { .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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/icon/check_box_active.png');
_background: none; _background: none;
} }
.check-box-icon.disabled .x-icon { .check-box-icon.disabled .x-icon {
display: block; 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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/check_box_disable.png');
background-size: contain; background-size: contain;
_background: none; _background: none;
} }
.check-box-icon.disabled .x-icon.hack { .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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/icon/check_box_disable.png');
_background: none; _background: none;
} }
.check-box-icon.disabled.active .x-icon { .check-box-icon.disabled.active .x-icon {
display: block; 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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/check_box_disable2.png');
background-size: contain; background-size: contain;
_background: none; _background: none;
} }
.check-box-icon.disabled.active .x-icon.hack { .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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/icon/check_box_disable2.png');
_background: none; _background: none;
} }
.radio-icon .x-icon { .radio-icon .x-icon {
display: block; 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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/radio_normal.png');
background-size: contain; background-size: contain;
_background: none; _background: none;
} }
.radio-icon .x-icon.hack { .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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/icon/radio_normal.png');
_background: none; _background: none;
} }
.radio-icon:hover .x-icon, .radio-icon:hover .x-icon,
.radio-icon.hover .x-icon { .radio-icon.hover .x-icon {
display: block; 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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/radio_normal.png');
background-size: contain; background-size: contain;
_background: none; _background: none;
} }
.radio-icon:hover .x-icon.hack, .radio-icon:hover .x-icon.hack,
.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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/icon/radio_normal.png');
_background: none; _background: none;
} }
.radio-icon:active .x-icon { .radio-icon:active .x-icon {
display: block; 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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/radio_normal.png');
background-size: contain; background-size: contain;
_background: none; _background: none;
} }
.radio-icon:active .x-icon.hack { .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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/icon/radio_normal.png');
_background: none; _background: none;
} }
.radio-icon.active .x-icon { .radio-icon.active .x-icon {
display: block; 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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/radio_active.png');
background-size: contain; background-size: contain;
_background: none; _background: none;
} }
.radio-icon.active .x-icon.hack { .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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/icon/radio_active.png');
_background: none; _background: none;
} }
.radio-icon.disabled .x-icon { .radio-icon.disabled .x-icon {
display: block; 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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/radio_disable.png');
background-size: contain; background-size: contain;
_background: none; _background: none;
} }
.radio-icon.disabled .x-icon.hack { .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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/icon/radio_disable.png');
_background: none; _background: none;
} }
.radio-icon.disabled.active .x-icon { .radio-icon.disabled.active .x-icon {
display: block; 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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/radio_disable2.png');
background-size: contain; background-size: contain;
_background: none; _background: none;
} }
.radio-icon.disabled.active .x-icon.hack { .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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/icon/radio_disable2.png');
_background: none; _background: none;
} }
@ -6702,39 +6702,111 @@ textarea::-webkit-scrollbar-thumb:hover {
} }
.slider-icon .x-icon { .slider-icon .x-icon {
display: block; 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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/slider_normal_small.png');
background-size: contain; background-size: contain;
_background: none; _background: none;
} }
.slider-icon .x-icon.hack { .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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/icon/slider_normal_small.png');
_background: none; _background: none;
} }
.slider-icon:hover .x-icon, .slider-icon:hover .x-icon,
.slider-icon.hover .x-icon { .slider-icon.hover .x-icon {
display: block; 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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/slider_active_small.png');
background-size: contain; background-size: contain;
_background: none; _background: none;
} }
.slider-icon:hover .x-icon.hack, .slider-icon:hover .x-icon.hack,
.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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/icon/slider_active_small.png');
_background: none; _background: none;
} }
.slider-icon.disabled .x-icon { .slider-icon.disabled .x-icon {
display: block; 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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/slider_normal_small.png');
background-size: contain; background-size: contain;
_background: none; _background: none;
} }
.slider-icon.disabled .x-icon.hack { .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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/icon/slider_normal_small.png');
_background: none; _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

Binary file not shown.

Before

Width:  |  Height:  |  Size: 461 B

After

Width:  |  Height:  |  Size: 865 B

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

Binary file not shown.

Before

Width:  |  Height:  |  Size: 232 B

After

Width:  |  Height:  |  Size: 301 B

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

Binary file not shown.

After

Width:  |  Height:  |  Size: 608 B

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

Binary file not shown.

After

Width:  |  Height:  |  Size: 637 B

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

Binary file not shown.

After

Width:  |  Height:  |  Size: 617 B

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

Binary file not shown.

After

Width:  |  Height:  |  Size: 200 B

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

Binary file not shown.

After

Width:  |  Height:  |  Size: 192 B

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

Binary file not shown.

After

Width:  |  Height:  |  Size: 199 B

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

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1007 B

After

Width:  |  Height:  |  Size: 1.9 KiB

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

Binary file not shown.

Before

Width:  |  Height:  |  Size: 342 B

After

Width:  |  Height:  |  Size: 534 B

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

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 KiB

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

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 KiB

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

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 KiB

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

Binary file not shown.

After

Width:  |  Height:  |  Size: 285 B

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

Binary file not shown.

After

Width:  |  Height:  |  Size: 293 B

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

Binary file not shown.

After

Width:  |  Height:  |  Size: 292 B

132
dist/resource.css vendored

@ -1406,149 +1406,149 @@ textarea::-webkit-scrollbar-thumb:hover {
} }
.check-box-icon .x-icon { .check-box-icon .x-icon {
display: block; 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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/check_box_normal.png');
background-size: contain; background-size: contain;
_background: none; _background: none;
} }
.check-box-icon .x-icon.hack { .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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/check_box_normal.png');
_background: none; _background: none;
} }
.check-box-icon:hover .x-icon, .check-box-icon:hover .x-icon,
.check-box-icon.hover .x-icon { .check-box-icon.hover .x-icon {
display: block; 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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/check_box_normal.png');
background-size: contain; background-size: contain;
_background: none; _background: none;
} }
.check-box-icon:hover .x-icon.hack, .check-box-icon:hover .x-icon.hack,
.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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/check_box_normal.png');
_background: none; _background: none;
} }
.check-box-icon:active .x-icon { .check-box-icon:active .x-icon {
display: block; 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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/check_box_normal.png');
background-size: contain; background-size: contain;
_background: none; _background: none;
} }
.check-box-icon:active .x-icon.hack { .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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/check_box_normal.png');
_background: none; _background: none;
} }
.check-box-icon.active .x-icon { .check-box-icon.active .x-icon {
display: block; 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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/check_box_active.png');
background-size: contain; background-size: contain;
_background: none; _background: none;
} }
.check-box-icon.active .x-icon.hack { .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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/check_box_active.png');
_background: none; _background: none;
} }
.check-box-icon.disabled .x-icon { .check-box-icon.disabled .x-icon {
display: block; 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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/check_box_disable.png');
background-size: contain; background-size: contain;
_background: none; _background: none;
} }
.check-box-icon.disabled .x-icon.hack { .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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/check_box_disable.png');
_background: none; _background: none;
} }
.check-box-icon.disabled.active .x-icon { .check-box-icon.disabled.active .x-icon {
display: block; 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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/check_box_disable2.png');
background-size: contain; background-size: contain;
_background: none; _background: none;
} }
.check-box-icon.disabled.active .x-icon.hack { .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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/check_box_disable2.png');
_background: none; _background: none;
} }
.radio-icon .x-icon { .radio-icon .x-icon {
display: block; 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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/radio_normal.png');
background-size: contain; background-size: contain;
_background: none; _background: none;
} }
.radio-icon .x-icon.hack { .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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/radio_normal.png');
_background: none; _background: none;
} }
.radio-icon:hover .x-icon, .radio-icon:hover .x-icon,
.radio-icon.hover .x-icon { .radio-icon.hover .x-icon {
display: block; 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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/radio_normal.png');
background-size: contain; background-size: contain;
_background: none; _background: none;
} }
.radio-icon:hover .x-icon.hack, .radio-icon:hover .x-icon.hack,
.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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/radio_normal.png');
_background: none; _background: none;
} }
.radio-icon:active .x-icon { .radio-icon:active .x-icon {
display: block; 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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/radio_normal.png');
background-size: contain; background-size: contain;
_background: none; _background: none;
} }
.radio-icon:active .x-icon.hack { .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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/radio_normal.png');
_background: none; _background: none;
} }
.radio-icon.active .x-icon { .radio-icon.active .x-icon {
display: block; 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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/radio_active.png');
background-size: contain; background-size: contain;
_background: none; _background: none;
} }
.radio-icon.active .x-icon.hack { .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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/radio_active.png');
_background: none; _background: none;
} }
.radio-icon.disabled .x-icon { .radio-icon.disabled .x-icon {
display: block; 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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/radio_disable.png');
background-size: contain; background-size: contain;
_background: none; _background: none;
} }
.radio-icon.disabled .x-icon.hack { .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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/radio_disable.png');
_background: none; _background: none;
} }
.radio-icon.disabled.active .x-icon { .radio-icon.disabled.active .x-icon {
display: block; 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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/radio_disable2.png');
background-size: contain; background-size: contain;
_background: none; _background: none;
} }
.radio-icon.disabled.active .x-icon.hack { .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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/radio_disable2.png');
_background: none; _background: none;
} }
@ -1566,39 +1566,111 @@ textarea::-webkit-scrollbar-thumb:hover {
} }
.slider-icon .x-icon { .slider-icon .x-icon {
display: block; 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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/slider_normal_small.png');
background-size: contain; background-size: contain;
_background: none; _background: none;
} }
.slider-icon .x-icon.hack { .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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/slider_normal_small.png');
_background: none; _background: none;
} }
.slider-icon:hover .x-icon, .slider-icon:hover .x-icon,
.slider-icon.hover .x-icon { .slider-icon.hover .x-icon {
display: block; 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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/slider_active_small.png');
background-size: contain; background-size: contain;
_background: none; _background: none;
} }
.slider-icon:hover .x-icon.hack, .slider-icon:hover .x-icon.hack,
.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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/slider_active_small.png');
_background: none; _background: none;
} }
.slider-icon.disabled .x-icon { .slider-icon.disabled .x-icon {
display: block; 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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/slider_normal_small.png');
background-size: contain; background-size: contain;
_background: none; _background: none;
} }
.slider-icon.disabled .x-icon.hack { .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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/slider_normal_small.png');
_background: none; _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

@ -264,149 +264,149 @@
} }
.check-box-icon .x-icon { .check-box-icon .x-icon {
display: block; 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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/2x/icon/check_box_normal.png');
background-size: contain; background-size: contain;
_background: none; _background: none;
} }
.check-box-icon .x-icon.hack { .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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/1x/icon/check_box_normal.png');
_background: none; _background: none;
} }
.check-box-icon:hover .x-icon, .check-box-icon:hover .x-icon,
.check-box-icon.hover .x-icon { .check-box-icon.hover .x-icon {
display: block; 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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/2x/icon/check_box_normal.png');
background-size: contain; background-size: contain;
_background: none; _background: none;
} }
.check-box-icon:hover .x-icon.hack, .check-box-icon:hover .x-icon.hack,
.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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/1x/icon/check_box_normal.png');
_background: none; _background: none;
} }
.check-box-icon:active .x-icon { .check-box-icon:active .x-icon {
display: block; 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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/2x/icon/check_box_normal.png');
background-size: contain; background-size: contain;
_background: none; _background: none;
} }
.check-box-icon:active .x-icon.hack { .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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/1x/icon/check_box_normal.png');
_background: none; _background: none;
} }
.check-box-icon.active .x-icon { .check-box-icon.active .x-icon {
display: block; 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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/2x/icon/check_box_active.png');
background-size: contain; background-size: contain;
_background: none; _background: none;
} }
.check-box-icon.active .x-icon.hack { .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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/1x/icon/check_box_active.png');
_background: none; _background: none;
} }
.check-box-icon.disabled .x-icon { .check-box-icon.disabled .x-icon {
display: block; 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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/2x/icon/check_box_disable.png');
background-size: contain; background-size: contain;
_background: none; _background: none;
} }
.check-box-icon.disabled .x-icon.hack { .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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/1x/icon/check_box_disable.png');
_background: none; _background: none;
} }
.check-box-icon.disabled.active .x-icon { .check-box-icon.disabled.active .x-icon {
display: block; 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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/2x/icon/check_box_disable2.png');
background-size: contain; background-size: contain;
_background: none; _background: none;
} }
.check-box-icon.disabled.active .x-icon.hack { .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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/1x/icon/check_box_disable2.png');
_background: none; _background: none;
} }
.radio-icon .x-icon { .radio-icon .x-icon {
display: block; 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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/2x/icon/radio_normal.png');
background-size: contain; background-size: contain;
_background: none; _background: none;
} }
.radio-icon .x-icon.hack { .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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/1x/icon/radio_normal.png');
_background: none; _background: none;
} }
.radio-icon:hover .x-icon, .radio-icon:hover .x-icon,
.radio-icon.hover .x-icon { .radio-icon.hover .x-icon {
display: block; 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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/2x/icon/radio_normal.png');
background-size: contain; background-size: contain;
_background: none; _background: none;
} }
.radio-icon:hover .x-icon.hack, .radio-icon:hover .x-icon.hack,
.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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/1x/icon/radio_normal.png');
_background: none; _background: none;
} }
.radio-icon:active .x-icon { .radio-icon:active .x-icon {
display: block; 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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/2x/icon/radio_normal.png');
background-size: contain; background-size: contain;
_background: none; _background: none;
} }
.radio-icon:active .x-icon.hack { .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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/1x/icon/radio_normal.png');
_background: none; _background: none;
} }
.radio-icon.active .x-icon { .radio-icon.active .x-icon {
display: block; 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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/2x/icon/radio_active.png');
background-size: contain; background-size: contain;
_background: none; _background: none;
} }
.radio-icon.active .x-icon.hack { .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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/1x/icon/radio_active.png');
_background: none; _background: none;
} }
.radio-icon.disabled .x-icon { .radio-icon.disabled .x-icon {
display: block; 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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/2x/icon/radio_disable.png');
background-size: contain; background-size: contain;
_background: none; _background: none;
} }
.radio-icon.disabled .x-icon.hack { .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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/1x/icon/radio_disable.png');
_background: none; _background: none;
} }
.radio-icon.disabled.active .x-icon { .radio-icon.disabled.active .x-icon {
display: block; 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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/2x/icon/radio_disable2.png');
background-size: contain; background-size: contain;
_background: none; _background: none;
} }
.radio-icon.disabled.active .x-icon.hack { .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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/1x/icon/radio_disable2.png');
_background: none; _background: none;
} }
@ -424,39 +424,111 @@
} }
.slider-icon .x-icon { .slider-icon .x-icon {
display: block; 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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/2x/icon/slider_normal_small.png');
background-size: contain; background-size: contain;
_background: none; _background: none;
} }
.slider-icon .x-icon.hack { .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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/1x/icon/slider_normal_small.png');
_background: none; _background: none;
} }
.slider-icon:hover .x-icon, .slider-icon:hover .x-icon,
.slider-icon.hover .x-icon { .slider-icon.hover .x-icon {
display: block; 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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/2x/icon/slider_active_small.png');
background-size: contain; background-size: contain;
_background: none; _background: none;
} }
.slider-icon:hover .x-icon.hack, .slider-icon:hover .x-icon.hack,
.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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/1x/icon/slider_active_small.png');
_background: none; _background: none;
} }
.slider-icon.disabled .x-icon { .slider-icon.disabled .x-icon {
display: block; 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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/2x/icon/slider_normal_small.png');
background-size: contain; background-size: contain;
_background: none; _background: none;
} }
.slider-icon.disabled .x-icon.hack { .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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/1x/icon/slider_normal_small.png');
_background: none; _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

@ -56,15 +56,20 @@ BI.ColorPickerEditor = BI.inherit(BI.Widget, {
this.B = Ws[2]; this.B = Ws[2];
this.none = BI.createWidget({ 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") 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()) { if (this.isSelected()) {
self.lastColor = self.getValue(); self.lastColor = self.getValue();
self.setValue(""); self.setValue("");
} else { } else {
self.setValue(self.lastColor || "#000000"); self.setValue(self.lastColor || "#ffffff");
} }
if (self.R.isValid() && self.G.isValid() && self.B.isValid()) { if (self.R.isValid() && self.G.isValid() && self.B.isValid()) {
self.colorShow.element.css("background-color", self.getValue()); self.colorShow.element.css("background-color", self.getValue());
@ -73,15 +78,23 @@ BI.ColorPickerEditor = BI.inherit(BI.Widget, {
}); });
this.transparent = BI.createWidget({ 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") 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()) { if (this.isSelected()) {
self.lastColor = self.getValue(); self.lastColor = self.getValue();
self.setValue("transparent"); self.setValue("transparent");
} else { } 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()) { if (self.R.isValid() && self.G.isValid() && self.B.isValid()) {
self.colorShow.element.css("background-color", self.getValue()); 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) { setValue: function (color) {
if (color === "transparent") { if (color === "transparent") {
this.transparent.setSelected(true); this.transparent.setSelected(true);
this.none.setSelected(false); this.none.setSelected(false);
this._showPreColor("transparent");
this.R.setValue(""); this.R.setValue("");
this.G.setValue(""); this.G.setValue("");
this.B.setValue(""); this.B.setValue("");
@ -148,7 +172,7 @@ BI.ColorPickerEditor = BI.inherit(BI.Widget, {
this.none.setSelected(false); this.none.setSelected(false);
} }
this.transparent.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)); var json = BI.DOM.rgb2json(BI.DOM.hex2rgb(color));
this.R.setValue(BI.isNull(json.r) ? "" : json.r); this.R.setValue(BI.isNull(json.r) ? "" : json.r);
this.G.setValue(BI.isNull(json.g) ? "" : json.g); this.G.setValue(BI.isNull(json.g) ? "" : json.g);

132
src/css/resource/icon.css

@ -264,149 +264,149 @@
} }
.check-box-icon .x-icon { .check-box-icon .x-icon {
display: block; 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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/check_box_normal.png');
background-size: contain; background-size: contain;
_background: none; _background: none;
} }
.check-box-icon .x-icon.hack { .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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/check_box_normal.png');
_background: none; _background: none;
} }
.check-box-icon:hover .x-icon, .check-box-icon:hover .x-icon,
.check-box-icon.hover .x-icon { .check-box-icon.hover .x-icon {
display: block; 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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/check_box_normal.png');
background-size: contain; background-size: contain;
_background: none; _background: none;
} }
.check-box-icon:hover .x-icon.hack, .check-box-icon:hover .x-icon.hack,
.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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/check_box_normal.png');
_background: none; _background: none;
} }
.check-box-icon:active .x-icon { .check-box-icon:active .x-icon {
display: block; 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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/check_box_normal.png');
background-size: contain; background-size: contain;
_background: none; _background: none;
} }
.check-box-icon:active .x-icon.hack { .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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/check_box_normal.png');
_background: none; _background: none;
} }
.check-box-icon.active .x-icon { .check-box-icon.active .x-icon {
display: block; 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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/check_box_active.png');
background-size: contain; background-size: contain;
_background: none; _background: none;
} }
.check-box-icon.active .x-icon.hack { .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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/check_box_active.png');
_background: none; _background: none;
} }
.check-box-icon.disabled .x-icon { .check-box-icon.disabled .x-icon {
display: block; 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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/check_box_disable.png');
background-size: contain; background-size: contain;
_background: none; _background: none;
} }
.check-box-icon.disabled .x-icon.hack { .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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/check_box_disable.png');
_background: none; _background: none;
} }
.check-box-icon.disabled.active .x-icon { .check-box-icon.disabled.active .x-icon {
display: block; 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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/check_box_disable2.png');
background-size: contain; background-size: contain;
_background: none; _background: none;
} }
.check-box-icon.disabled.active .x-icon.hack { .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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/check_box_disable2.png');
_background: none; _background: none;
} }
.radio-icon .x-icon { .radio-icon .x-icon {
display: block; 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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/radio_normal.png');
background-size: contain; background-size: contain;
_background: none; _background: none;
} }
.radio-icon .x-icon.hack { .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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/radio_normal.png');
_background: none; _background: none;
} }
.radio-icon:hover .x-icon, .radio-icon:hover .x-icon,
.radio-icon.hover .x-icon { .radio-icon.hover .x-icon {
display: block; 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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/radio_normal.png');
background-size: contain; background-size: contain;
_background: none; _background: none;
} }
.radio-icon:hover .x-icon.hack, .radio-icon:hover .x-icon.hack,
.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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/radio_normal.png');
_background: none; _background: none;
} }
.radio-icon:active .x-icon { .radio-icon:active .x-icon {
display: block; 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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/radio_normal.png');
background-size: contain; background-size: contain;
_background: none; _background: none;
} }
.radio-icon:active .x-icon.hack { .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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/radio_normal.png');
_background: none; _background: none;
} }
.radio-icon.active .x-icon { .radio-icon.active .x-icon {
display: block; 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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/radio_active.png');
background-size: contain; background-size: contain;
_background: none; _background: none;
} }
.radio-icon.active .x-icon.hack { .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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/radio_active.png');
_background: none; _background: none;
} }
.radio-icon.disabled .x-icon { .radio-icon.disabled .x-icon {
display: block; 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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/radio_disable.png');
background-size: contain; background-size: contain;
_background: none; _background: none;
} }
.radio-icon.disabled .x-icon.hack { .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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/radio_disable.png');
_background: none; _background: none;
} }
.radio-icon.disabled.active .x-icon { .radio-icon.disabled.active .x-icon {
display: block; 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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/radio_disable2.png');
background-size: contain; background-size: contain;
_background: none; _background: none;
} }
.radio-icon.disabled.active .x-icon.hack { .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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/radio_disable2.png');
_background: none; _background: none;
} }
@ -424,39 +424,111 @@
} }
.slider-icon .x-icon { .slider-icon .x-icon {
display: block; 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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/slider_normal_small.png');
background-size: contain; background-size: contain;
_background: none; _background: none;
} }
.slider-icon .x-icon.hack { .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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/slider_normal_small.png');
_background: none; _background: none;
} }
.slider-icon:hover .x-icon, .slider-icon:hover .x-icon,
.slider-icon.hover .x-icon { .slider-icon.hover .x-icon {
display: block; 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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/slider_active_small.png');
background-size: contain; background-size: contain;
_background: none; _background: none;
} }
.slider-icon:hover .x-icon.hack, .slider-icon:hover .x-icon.hack,
.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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/slider_active_small.png');
_background: none; _background: none;
} }
.slider-icon.disabled .x-icon { .slider-icon.disabled .x-icon {
display: block; 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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/slider_normal_small.png');
background-size: contain; background-size: contain;
_background: none; _background: none;
} }
.slider-icon.disabled .x-icon.hack { .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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/slider_normal_small.png');
_background: none; _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

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

8
src/less/lib/icon.less

@ -45,3 +45,11 @@
//滑块 //滑块
@icon-slider-normal: "icon/slider_normal_small.png"; @icon-slider-normal: "icon/slider_normal_small.png";
@icon-slider-active: "icon/slider_active_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

@ -69,3 +69,6 @@
//滑块 //滑块
.icon_hover(slider-icon, @icon-slider-normal, @icon-slider-active); .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

@ -264,149 +264,149 @@
} }
.check-box-icon .x-icon { .check-box-icon .x-icon {
display: block; 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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/check_box_normal.png');
background-size: contain; background-size: contain;
_background: none; _background: none;
} }
.check-box-icon .x-icon.hack { .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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/icon/check_box_normal.png');
_background: none; _background: none;
} }
.check-box-icon:hover .x-icon, .check-box-icon:hover .x-icon,
.check-box-icon.hover .x-icon { .check-box-icon.hover .x-icon {
display: block; 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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/check_box_normal.png');
background-size: contain; background-size: contain;
_background: none; _background: none;
} }
.check-box-icon:hover .x-icon.hack, .check-box-icon:hover .x-icon.hack,
.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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/icon/check_box_normal.png');
_background: none; _background: none;
} }
.check-box-icon:active .x-icon { .check-box-icon:active .x-icon {
display: block; 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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/check_box_normal.png');
background-size: contain; background-size: contain;
_background: none; _background: none;
} }
.check-box-icon:active .x-icon.hack { .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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/icon/check_box_normal.png');
_background: none; _background: none;
} }
.check-box-icon.active .x-icon { .check-box-icon.active .x-icon {
display: block; 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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/check_box_active.png');
background-size: contain; background-size: contain;
_background: none; _background: none;
} }
.check-box-icon.active .x-icon.hack { .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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/icon/check_box_active.png');
_background: none; _background: none;
} }
.check-box-icon.disabled .x-icon { .check-box-icon.disabled .x-icon {
display: block; 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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/check_box_disable.png');
background-size: contain; background-size: contain;
_background: none; _background: none;
} }
.check-box-icon.disabled .x-icon.hack { .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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/icon/check_box_disable.png');
_background: none; _background: none;
} }
.check-box-icon.disabled.active .x-icon { .check-box-icon.disabled.active .x-icon {
display: block; 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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/check_box_disable2.png');
background-size: contain; background-size: contain;
_background: none; _background: none;
} }
.check-box-icon.disabled.active .x-icon.hack { .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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/icon/check_box_disable2.png');
_background: none; _background: none;
} }
.radio-icon .x-icon { .radio-icon .x-icon {
display: block; 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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/radio_normal.png');
background-size: contain; background-size: contain;
_background: none; _background: none;
} }
.radio-icon .x-icon.hack { .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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/icon/radio_normal.png');
_background: none; _background: none;
} }
.radio-icon:hover .x-icon, .radio-icon:hover .x-icon,
.radio-icon.hover .x-icon { .radio-icon.hover .x-icon {
display: block; 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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/radio_normal.png');
background-size: contain; background-size: contain;
_background: none; _background: none;
} }
.radio-icon:hover .x-icon.hack, .radio-icon:hover .x-icon.hack,
.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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/icon/radio_normal.png');
_background: none; _background: none;
} }
.radio-icon:active .x-icon { .radio-icon:active .x-icon {
display: block; 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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/radio_normal.png');
background-size: contain; background-size: contain;
_background: none; _background: none;
} }
.radio-icon:active .x-icon.hack { .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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/icon/radio_normal.png');
_background: none; _background: none;
} }
.radio-icon.active .x-icon { .radio-icon.active .x-icon {
display: block; 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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/radio_active.png');
background-size: contain; background-size: contain;
_background: none; _background: none;
} }
.radio-icon.active .x-icon.hack { .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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/icon/radio_active.png');
_background: none; _background: none;
} }
.radio-icon.disabled .x-icon { .radio-icon.disabled .x-icon {
display: block; 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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/radio_disable.png');
background-size: contain; background-size: contain;
_background: none; _background: none;
} }
.radio-icon.disabled .x-icon.hack { .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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/icon/radio_disable.png');
_background: none; _background: none;
} }
.radio-icon.disabled.active .x-icon { .radio-icon.disabled.active .x-icon {
display: block; 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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/radio_disable2.png');
background-size: contain; background-size: contain;
_background: none; _background: none;
} }
.radio-icon.disabled.active .x-icon.hack { .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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/icon/radio_disable2.png');
_background: none; _background: none;
} }
@ -424,39 +424,111 @@
} }
.slider-icon .x-icon { .slider-icon .x-icon {
display: block; 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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/slider_normal_small.png');
background-size: contain; background-size: contain;
_background: none; _background: none;
} }
.slider-icon .x-icon.hack { .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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/icon/slider_normal_small.png');
_background: none; _background: none;
} }
.slider-icon:hover .x-icon, .slider-icon:hover .x-icon,
.slider-icon.hover .x-icon { .slider-icon.hover .x-icon {
display: block; 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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/slider_active_small.png');
background-size: contain; background-size: contain;
_background: none; _background: none;
} }
.slider-icon:hover .x-icon.hack, .slider-icon:hover .x-icon.hack,
.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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/icon/slider_active_small.png');
_background: none; _background: none;
} }
.slider-icon.disabled .x-icon { .slider-icon.disabled .x-icon {
display: block; 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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/slider_normal_small.png');
background-size: contain; background-size: contain;
_background: none; _background: none;
} }
.slider-icon.disabled .x-icon.hack { .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'); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/1x/icon/slider_normal_small.png');
_background: none; _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;
}

Loading…
Cancel
Save