Browse Source

Merge pull request #926 in VISUAL/fineui from ~DAILER/fineui:master to master

* commit '2e5d4e2b58c0189fb2b47dd3e5d6b255b8379f82':
  update 删多了一行,把background-size也删了
es6
Dailer 6 years ago
parent
commit
a64c99db1b
  1. 302
      dist/2.0/fineui.css
  2. 2
      dist/2.0/fineui.ie.min.js
  3. 2
      dist/2.0/fineui.min.css
  4. 2
      dist/2.0/fineui.min.js
  5. 87
      dist/base.css
  6. 302
      dist/bundle.css
  7. 2
      dist/bundle.ie.min.js
  8. 2
      dist/bundle.min.css
  9. 2
      dist/bundle.min.js
  10. 302
      dist/fineui.css
  11. 2
      dist/fineui.ie.min.js
  12. 2
      dist/fineui.min.css
  13. 2
      dist/fineui.min.js
  14. 215
      dist/resource.css
  15. 2
      dist/utils.min.js
  16. 80
      public/css/background.css
  17. 135
      public/css/icon.css
  18. 86
      src/css/base/colorchooser/colorpicker/editor.css
  19. 1
      src/css/base/pane.css
  20. 80
      src/css/resource/background.css
  21. 135
      src/css/resource/icon.css
  22. 3
      src/less/image.less
  23. 80
      ui/css/background.css
  24. 135
      ui/css/icon.css

302
dist/2.0/fineui.css vendored

File diff suppressed because it is too large Load Diff

2
dist/2.0/fineui.ie.min.js vendored

File diff suppressed because one or more lines are too long

2
dist/2.0/fineui.min.css vendored

File diff suppressed because one or more lines are too long

2
dist/2.0/fineui.min.js vendored

File diff suppressed because one or more lines are too long

87
dist/base.css vendored

@ -21,215 +21,267 @@
} }
.bi-farbtastic .wheel { .bi-farbtastic .wheel {
background: url('images/1x/background/wheel.png') no-repeat center center; background: url('images/1x/background/wheel.png') no-repeat center center;
background-size: contain;
} }
.bi-farbtastic .overlay { .bi-farbtastic .overlay {
background: url('images/1x/background/mask.png') no-repeat center center; background: url('images/1x/background/mask.png') no-repeat center center;
background-size: contain;
} }
.bi-farbtastic .marker { .bi-farbtastic .marker {
background: url('images/1x/background/marker.png') no-repeat center center; background: url('images/1x/background/marker.png') no-repeat center center;
background-size: contain;
} }
.bi-display-tree .ztree li span.button.switch.center_open { .bi-display-tree .ztree li span.button.switch.center_open {
background: url('images/1x/icon/tree_vertical_line_3.png') no-repeat center center; background: url('images/1x/icon/tree_vertical_line_3.png') no-repeat center center;
background-size: contain;
} }
.bi-display-tree .ztree li span.button.switch.roots_open { .bi-display-tree .ztree li span.button.switch.roots_open {
background: url('images/1x/icon/tree_vertical_line_2.png') no-repeat center center; background: url('images/1x/icon/tree_vertical_line_2.png') no-repeat center center;
background-size: contain;
} }
.bi-display-tree .ztree li span.button.switch.bottom_open { .bi-display-tree .ztree li span.button.switch.bottom_open {
background: url('images/1x/icon/tree_vertical_line_4.png') no-repeat center center; background: url('images/1x/icon/tree_vertical_line_4.png') no-repeat center center;
background-size: contain;
} }
.ztree li ul.line { .ztree li ul.line {
background: url('images/1x/icon/tree_vertical_line_1.png') repeat-y 1px 0; background: url('images/1x/icon/tree_vertical_line_1.png') repeat-y 1px 0;
background-size: contain;
} }
.bi-theme-dark .ztree li ul.line { .bi-theme-dark .ztree li ul.line {
background: url('images/1x/icon/dark/tree_vertical_line_1.png') repeat-y 1px 0; background: url('images/1x/icon/dark/tree_vertical_line_1.png') repeat-y 1px 0;
background-size: contain;
} }
.ztree li span.button.chk.checkbox_false_full { .ztree li span.button.chk.checkbox_false_full {
background: url('images/2x/icon/check_box_normal.png') no-repeat center center; background: url('images/2x/icon/check_box_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/check_box_normal.png'); background-size: contain;
} }
.ztree li span.button.chk.checkbox_false_full_focus { .ztree li span.button.chk.checkbox_false_full_focus {
background: url('images/2x/icon/check_box_normal.png') no-repeat center center; background: url('images/2x/icon/check_box_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/check_box_normal.png'); background-size: contain;
} }
.ztree li span.button.chk.checkbox_false_part { .ztree li span.button.chk.checkbox_false_part {
background: url('images/2x/icon/check_box_normal.png') no-repeat center center; background: url('images/2x/icon/check_box_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/check_box_normal.png'); background-size: contain;
} }
.ztree li span.button.chk.checkbox_false_part_focus { .ztree li span.button.chk.checkbox_false_part_focus {
background: url('images/2x/icon/half_selected.png') no-repeat center center; background: url('images/2x/icon/half_selected.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/half_selected.png'); background-size: contain;
} }
.ztree li span.button.chk.checkbox_true_full { .ztree li span.button.chk.checkbox_true_full {
background: url('images/2x/icon/check_box_active.png') no-repeat center center; background: url('images/2x/icon/check_box_active.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/check_box_active.png'); background-size: contain;
} }
.ztree li span.button.chk.checkbox_true_full_focus { .ztree li span.button.chk.checkbox_true_full_focus {
background: url('images/2x/icon/check_box_active.png') no-repeat center center; background: url('images/2x/icon/check_box_active.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/check_box_active.png'); background-size: contain;
} }
.ztree li span.button.chk.checkbox_true_part { .ztree li span.button.chk.checkbox_true_part {
background: url('images/2x/icon/half_selected.png') no-repeat center center; background: url('images/2x/icon/half_selected.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/half_selected.png'); background-size: contain;
} }
.ztree li span.button.chk.checkbox_true_part_focus { .ztree li span.button.chk.checkbox_true_part_focus {
background: url('images/2x/icon/half_selected.png') no-repeat center center; background: url('images/2x/icon/half_selected.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/half_selected.png'); background-size: contain;
} }
.ztree.hack li span.button.chk.checkbox_false_full { .ztree.hack li span.button.chk.checkbox_false_full {
background: url('images/1x/icon/check_box_normal.png') no-repeat center center; background: url('images/1x/icon/check_box_normal.png') no-repeat center center;
background-size: contain;
} }
.ztree.hack li span.button.chk.checkbox_false_full_focus { .ztree.hack li span.button.chk.checkbox_false_full_focus {
background: url('images/1x/icon/check_box_normal.png') no-repeat center center; background: url('images/1x/icon/check_box_normal.png') no-repeat center center;
background-size: contain;
} }
.ztree.hack li span.button.chk.checkbox_false_part { .ztree.hack li span.button.chk.checkbox_false_part {
background: url('images/1x/icon/check_box_normal.png') no-repeat center center; background: url('images/1x/icon/check_box_normal.png') no-repeat center center;
background-size: contain;
} }
.ztree.hack li span.button.chk.checkbox_false_part_focus { .ztree.hack li span.button.chk.checkbox_false_part_focus {
background: url('images/1x/icon/half_selected.png') no-repeat center center; background: url('images/1x/icon/half_selected.png') no-repeat center center;
background-size: contain;
} }
.ztree.hack li span.button.chk.checkbox_true_full { .ztree.hack li span.button.chk.checkbox_true_full {
background: url('images/1x/icon/check_box_active.png') no-repeat center center; background: url('images/1x/icon/check_box_active.png') no-repeat center center;
background-size: contain;
} }
.ztree.hack li span.button.chk.checkbox_true_full_focus { .ztree.hack li span.button.chk.checkbox_true_full_focus {
background: url('images/1x/icon/check_box_active.png') no-repeat center center; background: url('images/1x/icon/check_box_active.png') no-repeat center center;
background-size: contain;
} }
.ztree.hack li span.button.chk.checkbox_true_part { .ztree.hack li span.button.chk.checkbox_true_part {
background: url('images/1x/icon/half_selected.png') no-repeat center center; background: url('images/1x/icon/half_selected.png') no-repeat center center;
background-size: contain;
} }
.ztree.hack li span.button.chk.checkbox_true_part_focus { .ztree.hack li span.button.chk.checkbox_true_part_focus {
background: url('images/1x/icon/half_selected.png') no-repeat center center; background: url('images/1x/icon/half_selected.png') no-repeat center center;
background-size: contain;
} }
.ztree li span.button.root_open { .ztree li span.button.root_open {
background: url('images/1x/icon/tree_expand_1.png') no-repeat center center; background: url('images/1x/icon/tree_expand_1.png') no-repeat center center;
background-size: contain;
} }
.bi-theme-dark .ztree li span.button.root_open { .bi-theme-dark .ztree li span.button.root_open {
background: url('images/1x/icon/dark/tree_expand_1.png') no-repeat center center; background: url('images/1x/icon/dark/tree_expand_1.png') no-repeat center center;
background-size: contain;
} }
.ztree li span.button.root_close { .ztree li span.button.root_close {
background: url('images/1x/icon/tree_collapse_1.png') no-repeat center center; background: url('images/1x/icon/tree_collapse_1.png') no-repeat center center;
background-size: contain;
} }
.bi-theme-dark .ztree li span.button.root_close { .bi-theme-dark .ztree li span.button.root_close {
background: url('images/1x/icon/dark/tree_collapse_1.png') no-repeat center center; background: url('images/1x/icon/dark/tree_collapse_1.png') no-repeat center center;
background-size: contain;
} }
.ztree li span.button.roots_open { .ztree li span.button.roots_open {
background: url('images/1x/icon/tree_expand_2.png') no-repeat center center; background: url('images/1x/icon/tree_expand_2.png') no-repeat center center;
background-size: contain;
} }
.bi-theme-dark .ztree li span.button.roots_open { .bi-theme-dark .ztree li span.button.roots_open {
background: url('images/1x/icon/dark/tree_expand_2.png') no-repeat center center; background: url('images/1x/icon/dark/tree_expand_2.png') no-repeat center center;
background-size: contain;
} }
.ztree li span.button.roots_close { .ztree li span.button.roots_close {
background: url('images/1x/icon/tree_collapse_2.png') no-repeat center center; background: url('images/1x/icon/tree_collapse_2.png') no-repeat center center;
background-size: contain;
} }
.bi-theme-dark .ztree li span.button.roots_close { .bi-theme-dark .ztree li span.button.roots_close {
background: url('images/1x/icon/dark/tree_collapse_2.png') no-repeat center center; background: url('images/1x/icon/dark/tree_collapse_2.png') no-repeat center center;
background-size: contain;
} }
.ztree li span.button.center_open { .ztree li span.button.center_open {
background: url('images/1x/icon/tree_expand_3.png') no-repeat center center; background: url('images/1x/icon/tree_expand_3.png') no-repeat center center;
background-size: contain;
} }
.bi-theme-dark .ztree li span.button.center_open { .bi-theme-dark .ztree li span.button.center_open {
background: url('images/1x/icon/dark/tree_expand_3.png') no-repeat center center; background: url('images/1x/icon/dark/tree_expand_3.png') no-repeat center center;
background-size: contain;
} }
.ztree li span.button.center_close { .ztree li span.button.center_close {
background: url('images/1x/icon/tree_collapse_3.png') no-repeat center center; background: url('images/1x/icon/tree_collapse_3.png') no-repeat center center;
background-size: contain;
} }
.bi-theme-dark .ztree li span.button.center_close { .bi-theme-dark .ztree li span.button.center_close {
background: url('images/1x/icon/dark/tree_collapse_3.png') no-repeat center center; background: url('images/1x/icon/dark/tree_collapse_3.png') no-repeat center center;
background-size: contain;
} }
.ztree li span.button.bottom_open { .ztree li span.button.bottom_open {
background: url('images/1x/icon/tree_expand_4.png') no-repeat center center; background: url('images/1x/icon/tree_expand_4.png') no-repeat center center;
background-size: contain;
} }
.bi-theme-dark .ztree li span.button.bottom_open { .bi-theme-dark .ztree li span.button.bottom_open {
background: url('images/1x/icon/dark/tree_expand_4.png') no-repeat center center; background: url('images/1x/icon/dark/tree_expand_4.png') no-repeat center center;
background-size: contain;
} }
.ztree li span.button.bottom_close { .ztree li span.button.bottom_close {
background: url('images/1x/icon/tree_collapse_4.png') no-repeat center center; background: url('images/1x/icon/tree_collapse_4.png') no-repeat center center;
background-size: contain;
} }
.bi-theme-dark .ztree li span.button.bottom_close { .bi-theme-dark .ztree li span.button.bottom_close {
background: url('images/1x/icon/dark/tree_collapse_4.png') no-repeat center center; background: url('images/1x/icon/dark/tree_collapse_4.png') no-repeat center center;
background-size: contain;
} }
.ztree li span.button.roots_docu { .ztree li span.button.roots_docu {
background: url('images/1x/icon/tree_vertical_line_2.png') no-repeat center center; background: url('images/1x/icon/tree_vertical_line_2.png') no-repeat center center;
background-size: contain;
} }
.bi-theme-dark .ztree li span.button.roots_docu { .bi-theme-dark .ztree li span.button.roots_docu {
background: url('images/1x/icon/dark/tree_vertical_line_2.png') no-repeat center center; background: url('images/1x/icon/dark/tree_vertical_line_2.png') no-repeat center center;
background-size: contain;
} }
.ztree li span.button.center_docu { .ztree li span.button.center_docu {
background: url('images/1x/icon/tree_vertical_line_3.png') no-repeat center center; background: url('images/1x/icon/tree_vertical_line_3.png') no-repeat center center;
background-size: contain;
} }
.bi-theme-dark .ztree li span.button.center_docu { .bi-theme-dark .ztree li span.button.center_docu {
background: url('images/1x/icon/dark/tree_vertical_line_3.png') no-repeat center center; background: url('images/1x/icon/dark/tree_vertical_line_3.png') no-repeat center center;
background-size: contain;
} }
.ztree li span.button.bottom_docu { .ztree li span.button.bottom_docu {
background: url('images/1x/icon/tree_vertical_line_4.png') no-repeat center center; background: url('images/1x/icon/tree_vertical_line_4.png') no-repeat center center;
background-size: contain;
} }
.bi-theme-dark .ztree li span.button.bottom_docu { .bi-theme-dark .ztree li span.button.bottom_docu {
background: url('images/1x/icon/dark/tree_vertical_line_4.png') no-repeat center center; background: url('images/1x/icon/dark/tree_vertical_line_4.png') no-repeat center center;
background-size: contain;
} }
.ztree li span.button.ico_loading { .ztree li span.button.ico_loading {
background: url('images/1x/icon/loading.gif') no-repeat center center; background: url('images/1x/icon/loading.gif') no-repeat center center;
background-size: contain;
} }
.base-line-conn-background { .base-line-conn-background {
background: url('images/1x/icon/tree_vertical_line_1.png') repeat-y 0 0; background: url('images/1x/icon/tree_vertical_line_1.png') repeat-y 0 0;
background-size: contain;
} }
.bi-theme-dark .base-line-conn-background { .bi-theme-dark .base-line-conn-background {
background: url('images/1x/icon/dark/tree_vertical_line_1.png') repeat-y 0 0; background: url('images/1x/icon/dark/tree_vertical_line_1.png') repeat-y 0 0;
background-size: contain;
} }
.first-line-conn-background { .first-line-conn-background {
background: url('images/1x/icon/tree_vertical_line_2.png') no-repeat center center; background: url('images/1x/icon/tree_vertical_line_2.png') no-repeat center center;
background-size: contain;
} }
.bi-theme-dark .first-line-conn-background { .bi-theme-dark .first-line-conn-background {
background: url('images/1x/icon/dark/tree_vertical_line_2.png') no-repeat center center; background: url('images/1x/icon/dark/tree_vertical_line_2.png') no-repeat center center;
background-size: contain;
} }
.mid-line-conn-background { .mid-line-conn-background {
background: url('images/1x/icon/tree_vertical_line_3.png') no-repeat center center; background: url('images/1x/icon/tree_vertical_line_3.png') no-repeat center center;
background-size: contain;
} }
.bi-theme-dark .mid-line-conn-background { .bi-theme-dark .mid-line-conn-background {
background: url('images/1x/icon/dark/tree_vertical_line_3.png') no-repeat center center; background: url('images/1x/icon/dark/tree_vertical_line_3.png') no-repeat center center;
background-size: contain;
} }
.last-line-conn-background { .last-line-conn-background {
background: url('images/1x/icon/tree_vertical_line_4.png') no-repeat center center; background: url('images/1x/icon/tree_vertical_line_4.png') no-repeat center center;
background-size: contain;
} }
.bi-theme-dark .last-line-conn-background { .bi-theme-dark .last-line-conn-background {
background: url('images/1x/icon/dark/tree_vertical_line_4.png') no-repeat center center; background: url('images/1x/icon/dark/tree_vertical_line_4.png') no-repeat center center;
background-size: contain;
} }
.loading-background { .loading-background {
background: url('images/2x/icon/loading.gif') no-repeat center center; background: url('images/2x/icon/loading.gif') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/loading.gif'); background-size: contain;
} }
.auto-color-background { .auto-color-background {
background: url('images/2x/background/auto_color.png') no-repeat center center; background: url('images/2x/background/auto_color.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/background/auto_color.png'); background-size: contain;
} }
.auto-color-normal-background { .auto-color-normal-background {
background: url('images/2x/background/auto_color_normal.png') no-repeat center center; background: url('images/2x/background/auto_color_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/background/auto_color_normal.png'); background-size: contain;
} }
.auto-color-normal-disabled-background { .auto-color-normal-disabled-background {
background: url('images/2x/background/auto_color_normal_disable.png') no-repeat center center; background: url('images/2x/background/auto_color_normal_disable.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/background/auto_color_normal_disable.png'); background-size: contain;
} }
.trans-color-background { .trans-color-background {
background: url('images/2x/background/trans_normal.png') no-repeat center center; background: url('images/2x/background/trans_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/background/trans_normal.png'); background-size: contain;
} }
.trans-color-disabled-background { .trans-color-disabled-background {
background: url('images/2x/background/trans_disable.png') no-repeat center center; background: url('images/2x/background/trans_disable.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/background/trans_disable.png'); background-size: contain;
} }
.auto-color-background.hack { .auto-color-background.hack {
background: url('images/1x/background/auto_color.png') no-repeat center center; background: url('images/1x/background/auto_color.png') no-repeat center center;
background-size: contain;
} }
.auto-color-normal-background.hack { .auto-color-normal-background.hack {
background: url('images/1x/background/auto_color_normal.png') no-repeat center center; background: url('images/1x/background/auto_color_normal.png') no-repeat center center;
background-size: contain;
} }
.auto-color-normal-disabled-background.hack { .auto-color-normal-disabled-background.hack {
background: url('images/1x/background/auto_color_normal_disable.png') no-repeat center center; background: url('images/1x/background/auto_color_normal_disable.png') no-repeat center center;
background-size: contain;
} }
.trans-color-background.hack { .trans-color-background.hack {
background: url('images/1x/background/trans_normal.png') no-repeat center center; background: url('images/1x/background/trans_normal.png') no-repeat center center;
background-size: contain;
} }
.trans-color-disabled-background.hack { .trans-color-disabled-background.hack {
background: url('images/1x/background/trans_disable.png') no-repeat center center; background: url('images/1x/background/trans_disable.png') no-repeat center center;
background-size: contain;
} }
.bi-color-picker-editor .color-picker-editor-display { .bi-color-picker-editor .color-picker-editor-display {
-webkit-border-radius: 2px; -webkit-border-radius: 2px;
@ -238,17 +290,19 @@
} }
.bi-color-picker-editor.disabled .auto-color-normal-background { .bi-color-picker-editor.disabled .auto-color-normal-background {
background: url('images/2x/background/auto_color_normal_disable.png') no-repeat center center; background: url('images/2x/background/auto_color_normal_disable.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/background/auto_color_normal_disable.png'); background-size: contain;
} }
.bi-color-picker-editor.disabled .auto-color-normal-background.hack { .bi-color-picker-editor.disabled .auto-color-normal-background.hack {
background: url('images/1x/background/auto_color_normal_disable.png') no-repeat center center; background: url('images/1x/background/auto_color_normal_disable.png') no-repeat center center;
background-size: contain;
} }
.bi-color-picker-editor.disabled .trans-color-background { .bi-color-picker-editor.disabled .trans-color-background {
background: url('images/2x/background/trans_disable.png') no-repeat center center; background: url('images/2x/background/trans_disable.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/background/trans_disable.png'); background-size: contain;
} }
.bi-color-picker-editor.disabled .trans-color-background.hack { .bi-color-picker-editor.disabled .trans-color-background.hack {
background: url('images/1x/background/trans_disable.png') no-repeat center center; background: url('images/1x/background/trans_disable.png') no-repeat center center;
background-size: contain;
} }
.bi-farbtastic * { .bi-farbtastic * {
cursor: crosshair; cursor: crosshair;
@ -656,6 +710,7 @@
} }
.bi-loading-widget.hack { .bi-loading-widget.hack {
background: url('images/1x/icon/wave_loading.gif') no-repeat center center; background: url('images/1x/icon/wave_loading.gif') no-repeat center center;
background-size: contain;
} }
.bi-loading-widget.hack .animate-rect { .bi-loading-widget.hack .animate-rect {
background-color: rgba(54, 133, 242, 0); background-color: rgba(54, 133, 242, 0);

302
dist/bundle.css vendored

File diff suppressed because it is too large Load Diff

2
dist/bundle.ie.min.js vendored

File diff suppressed because one or more lines are too long

2
dist/bundle.min.css vendored

File diff suppressed because one or more lines are too long

2
dist/bundle.min.js vendored

File diff suppressed because one or more lines are too long

302
dist/fineui.css vendored

File diff suppressed because it is too large Load Diff

2
dist/fineui.ie.min.js vendored

File diff suppressed because one or more lines are too long

2
dist/fineui.min.css vendored

File diff suppressed because one or more lines are too long

2
dist/fineui.min.js vendored

File diff suppressed because one or more lines are too long

215
dist/resource.css vendored

@ -71,215 +71,267 @@ textarea::-webkit-scrollbar-thumb:hover {
} }
.bi-farbtastic .wheel { .bi-farbtastic .wheel {
background: url('images/1x/background/wheel.png') no-repeat center center; background: url('images/1x/background/wheel.png') no-repeat center center;
background-size: contain;
} }
.bi-farbtastic .overlay { .bi-farbtastic .overlay {
background: url('images/1x/background/mask.png') no-repeat center center; background: url('images/1x/background/mask.png') no-repeat center center;
background-size: contain;
} }
.bi-farbtastic .marker { .bi-farbtastic .marker {
background: url('images/1x/background/marker.png') no-repeat center center; background: url('images/1x/background/marker.png') no-repeat center center;
background-size: contain;
} }
.bi-display-tree .ztree li span.button.switch.center_open { .bi-display-tree .ztree li span.button.switch.center_open {
background: url('images/1x/icon/tree_vertical_line_3.png') no-repeat center center; background: url('images/1x/icon/tree_vertical_line_3.png') no-repeat center center;
background-size: contain;
} }
.bi-display-tree .ztree li span.button.switch.roots_open { .bi-display-tree .ztree li span.button.switch.roots_open {
background: url('images/1x/icon/tree_vertical_line_2.png') no-repeat center center; background: url('images/1x/icon/tree_vertical_line_2.png') no-repeat center center;
background-size: contain;
} }
.bi-display-tree .ztree li span.button.switch.bottom_open { .bi-display-tree .ztree li span.button.switch.bottom_open {
background: url('images/1x/icon/tree_vertical_line_4.png') no-repeat center center; background: url('images/1x/icon/tree_vertical_line_4.png') no-repeat center center;
background-size: contain;
} }
.ztree li ul.line { .ztree li ul.line {
background: url('images/1x/icon/tree_vertical_line_1.png') repeat-y 1px 0; background: url('images/1x/icon/tree_vertical_line_1.png') repeat-y 1px 0;
background-size: contain;
} }
.bi-theme-dark .ztree li ul.line { .bi-theme-dark .ztree li ul.line {
background: url('images/1x/icon/dark/tree_vertical_line_1.png') repeat-y 1px 0; background: url('images/1x/icon/dark/tree_vertical_line_1.png') repeat-y 1px 0;
background-size: contain;
} }
.ztree li span.button.chk.checkbox_false_full { .ztree li span.button.chk.checkbox_false_full {
background: url('images/2x/icon/check_box_normal.png') no-repeat center center; background: url('images/2x/icon/check_box_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/check_box_normal.png'); background-size: contain;
} }
.ztree li span.button.chk.checkbox_false_full_focus { .ztree li span.button.chk.checkbox_false_full_focus {
background: url('images/2x/icon/check_box_normal.png') no-repeat center center; background: url('images/2x/icon/check_box_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/check_box_normal.png'); background-size: contain;
} }
.ztree li span.button.chk.checkbox_false_part { .ztree li span.button.chk.checkbox_false_part {
background: url('images/2x/icon/check_box_normal.png') no-repeat center center; background: url('images/2x/icon/check_box_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/check_box_normal.png'); background-size: contain;
} }
.ztree li span.button.chk.checkbox_false_part_focus { .ztree li span.button.chk.checkbox_false_part_focus {
background: url('images/2x/icon/half_selected.png') no-repeat center center; background: url('images/2x/icon/half_selected.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/half_selected.png'); background-size: contain;
} }
.ztree li span.button.chk.checkbox_true_full { .ztree li span.button.chk.checkbox_true_full {
background: url('images/2x/icon/check_box_active.png') no-repeat center center; background: url('images/2x/icon/check_box_active.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/check_box_active.png'); background-size: contain;
} }
.ztree li span.button.chk.checkbox_true_full_focus { .ztree li span.button.chk.checkbox_true_full_focus {
background: url('images/2x/icon/check_box_active.png') no-repeat center center; background: url('images/2x/icon/check_box_active.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/check_box_active.png'); background-size: contain;
} }
.ztree li span.button.chk.checkbox_true_part { .ztree li span.button.chk.checkbox_true_part {
background: url('images/2x/icon/half_selected.png') no-repeat center center; background: url('images/2x/icon/half_selected.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/half_selected.png'); background-size: contain;
} }
.ztree li span.button.chk.checkbox_true_part_focus { .ztree li span.button.chk.checkbox_true_part_focus {
background: url('images/2x/icon/half_selected.png') no-repeat center center; background: url('images/2x/icon/half_selected.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/half_selected.png'); background-size: contain;
} }
.ztree.hack li span.button.chk.checkbox_false_full { .ztree.hack li span.button.chk.checkbox_false_full {
background: url('images/1x/icon/check_box_normal.png') no-repeat center center; background: url('images/1x/icon/check_box_normal.png') no-repeat center center;
background-size: contain;
} }
.ztree.hack li span.button.chk.checkbox_false_full_focus { .ztree.hack li span.button.chk.checkbox_false_full_focus {
background: url('images/1x/icon/check_box_normal.png') no-repeat center center; background: url('images/1x/icon/check_box_normal.png') no-repeat center center;
background-size: contain;
} }
.ztree.hack li span.button.chk.checkbox_false_part { .ztree.hack li span.button.chk.checkbox_false_part {
background: url('images/1x/icon/check_box_normal.png') no-repeat center center; background: url('images/1x/icon/check_box_normal.png') no-repeat center center;
background-size: contain;
} }
.ztree.hack li span.button.chk.checkbox_false_part_focus { .ztree.hack li span.button.chk.checkbox_false_part_focus {
background: url('images/1x/icon/half_selected.png') no-repeat center center; background: url('images/1x/icon/half_selected.png') no-repeat center center;
background-size: contain;
} }
.ztree.hack li span.button.chk.checkbox_true_full { .ztree.hack li span.button.chk.checkbox_true_full {
background: url('images/1x/icon/check_box_active.png') no-repeat center center; background: url('images/1x/icon/check_box_active.png') no-repeat center center;
background-size: contain;
} }
.ztree.hack li span.button.chk.checkbox_true_full_focus { .ztree.hack li span.button.chk.checkbox_true_full_focus {
background: url('images/1x/icon/check_box_active.png') no-repeat center center; background: url('images/1x/icon/check_box_active.png') no-repeat center center;
background-size: contain;
} }
.ztree.hack li span.button.chk.checkbox_true_part { .ztree.hack li span.button.chk.checkbox_true_part {
background: url('images/1x/icon/half_selected.png') no-repeat center center; background: url('images/1x/icon/half_selected.png') no-repeat center center;
background-size: contain;
} }
.ztree.hack li span.button.chk.checkbox_true_part_focus { .ztree.hack li span.button.chk.checkbox_true_part_focus {
background: url('images/1x/icon/half_selected.png') no-repeat center center; background: url('images/1x/icon/half_selected.png') no-repeat center center;
background-size: contain;
} }
.ztree li span.button.root_open { .ztree li span.button.root_open {
background: url('images/1x/icon/tree_expand_1.png') no-repeat center center; background: url('images/1x/icon/tree_expand_1.png') no-repeat center center;
background-size: contain;
} }
.bi-theme-dark .ztree li span.button.root_open { .bi-theme-dark .ztree li span.button.root_open {
background: url('images/1x/icon/dark/tree_expand_1.png') no-repeat center center; background: url('images/1x/icon/dark/tree_expand_1.png') no-repeat center center;
background-size: contain;
} }
.ztree li span.button.root_close { .ztree li span.button.root_close {
background: url('images/1x/icon/tree_collapse_1.png') no-repeat center center; background: url('images/1x/icon/tree_collapse_1.png') no-repeat center center;
background-size: contain;
} }
.bi-theme-dark .ztree li span.button.root_close { .bi-theme-dark .ztree li span.button.root_close {
background: url('images/1x/icon/dark/tree_collapse_1.png') no-repeat center center; background: url('images/1x/icon/dark/tree_collapse_1.png') no-repeat center center;
background-size: contain;
} }
.ztree li span.button.roots_open { .ztree li span.button.roots_open {
background: url('images/1x/icon/tree_expand_2.png') no-repeat center center; background: url('images/1x/icon/tree_expand_2.png') no-repeat center center;
background-size: contain;
} }
.bi-theme-dark .ztree li span.button.roots_open { .bi-theme-dark .ztree li span.button.roots_open {
background: url('images/1x/icon/dark/tree_expand_2.png') no-repeat center center; background: url('images/1x/icon/dark/tree_expand_2.png') no-repeat center center;
background-size: contain;
} }
.ztree li span.button.roots_close { .ztree li span.button.roots_close {
background: url('images/1x/icon/tree_collapse_2.png') no-repeat center center; background: url('images/1x/icon/tree_collapse_2.png') no-repeat center center;
background-size: contain;
} }
.bi-theme-dark .ztree li span.button.roots_close { .bi-theme-dark .ztree li span.button.roots_close {
background: url('images/1x/icon/dark/tree_collapse_2.png') no-repeat center center; background: url('images/1x/icon/dark/tree_collapse_2.png') no-repeat center center;
background-size: contain;
} }
.ztree li span.button.center_open { .ztree li span.button.center_open {
background: url('images/1x/icon/tree_expand_3.png') no-repeat center center; background: url('images/1x/icon/tree_expand_3.png') no-repeat center center;
background-size: contain;
} }
.bi-theme-dark .ztree li span.button.center_open { .bi-theme-dark .ztree li span.button.center_open {
background: url('images/1x/icon/dark/tree_expand_3.png') no-repeat center center; background: url('images/1x/icon/dark/tree_expand_3.png') no-repeat center center;
background-size: contain;
} }
.ztree li span.button.center_close { .ztree li span.button.center_close {
background: url('images/1x/icon/tree_collapse_3.png') no-repeat center center; background: url('images/1x/icon/tree_collapse_3.png') no-repeat center center;
background-size: contain;
} }
.bi-theme-dark .ztree li span.button.center_close { .bi-theme-dark .ztree li span.button.center_close {
background: url('images/1x/icon/dark/tree_collapse_3.png') no-repeat center center; background: url('images/1x/icon/dark/tree_collapse_3.png') no-repeat center center;
background-size: contain;
} }
.ztree li span.button.bottom_open { .ztree li span.button.bottom_open {
background: url('images/1x/icon/tree_expand_4.png') no-repeat center center; background: url('images/1x/icon/tree_expand_4.png') no-repeat center center;
background-size: contain;
} }
.bi-theme-dark .ztree li span.button.bottom_open { .bi-theme-dark .ztree li span.button.bottom_open {
background: url('images/1x/icon/dark/tree_expand_4.png') no-repeat center center; background: url('images/1x/icon/dark/tree_expand_4.png') no-repeat center center;
background-size: contain;
} }
.ztree li span.button.bottom_close { .ztree li span.button.bottom_close {
background: url('images/1x/icon/tree_collapse_4.png') no-repeat center center; background: url('images/1x/icon/tree_collapse_4.png') no-repeat center center;
background-size: contain;
} }
.bi-theme-dark .ztree li span.button.bottom_close { .bi-theme-dark .ztree li span.button.bottom_close {
background: url('images/1x/icon/dark/tree_collapse_4.png') no-repeat center center; background: url('images/1x/icon/dark/tree_collapse_4.png') no-repeat center center;
background-size: contain;
} }
.ztree li span.button.roots_docu { .ztree li span.button.roots_docu {
background: url('images/1x/icon/tree_vertical_line_2.png') no-repeat center center; background: url('images/1x/icon/tree_vertical_line_2.png') no-repeat center center;
background-size: contain;
} }
.bi-theme-dark .ztree li span.button.roots_docu { .bi-theme-dark .ztree li span.button.roots_docu {
background: url('images/1x/icon/dark/tree_vertical_line_2.png') no-repeat center center; background: url('images/1x/icon/dark/tree_vertical_line_2.png') no-repeat center center;
background-size: contain;
} }
.ztree li span.button.center_docu { .ztree li span.button.center_docu {
background: url('images/1x/icon/tree_vertical_line_3.png') no-repeat center center; background: url('images/1x/icon/tree_vertical_line_3.png') no-repeat center center;
background-size: contain;
} }
.bi-theme-dark .ztree li span.button.center_docu { .bi-theme-dark .ztree li span.button.center_docu {
background: url('images/1x/icon/dark/tree_vertical_line_3.png') no-repeat center center; background: url('images/1x/icon/dark/tree_vertical_line_3.png') no-repeat center center;
background-size: contain;
} }
.ztree li span.button.bottom_docu { .ztree li span.button.bottom_docu {
background: url('images/1x/icon/tree_vertical_line_4.png') no-repeat center center; background: url('images/1x/icon/tree_vertical_line_4.png') no-repeat center center;
background-size: contain;
} }
.bi-theme-dark .ztree li span.button.bottom_docu { .bi-theme-dark .ztree li span.button.bottom_docu {
background: url('images/1x/icon/dark/tree_vertical_line_4.png') no-repeat center center; background: url('images/1x/icon/dark/tree_vertical_line_4.png') no-repeat center center;
background-size: contain;
} }
.ztree li span.button.ico_loading { .ztree li span.button.ico_loading {
background: url('images/1x/icon/loading.gif') no-repeat center center; background: url('images/1x/icon/loading.gif') no-repeat center center;
background-size: contain;
} }
.base-line-conn-background { .base-line-conn-background {
background: url('images/1x/icon/tree_vertical_line_1.png') repeat-y 0 0; background: url('images/1x/icon/tree_vertical_line_1.png') repeat-y 0 0;
background-size: contain;
} }
.bi-theme-dark .base-line-conn-background { .bi-theme-dark .base-line-conn-background {
background: url('images/1x/icon/dark/tree_vertical_line_1.png') repeat-y 0 0; background: url('images/1x/icon/dark/tree_vertical_line_1.png') repeat-y 0 0;
background-size: contain;
} }
.first-line-conn-background { .first-line-conn-background {
background: url('images/1x/icon/tree_vertical_line_2.png') no-repeat center center; background: url('images/1x/icon/tree_vertical_line_2.png') no-repeat center center;
background-size: contain;
} }
.bi-theme-dark .first-line-conn-background { .bi-theme-dark .first-line-conn-background {
background: url('images/1x/icon/dark/tree_vertical_line_2.png') no-repeat center center; background: url('images/1x/icon/dark/tree_vertical_line_2.png') no-repeat center center;
background-size: contain;
} }
.mid-line-conn-background { .mid-line-conn-background {
background: url('images/1x/icon/tree_vertical_line_3.png') no-repeat center center; background: url('images/1x/icon/tree_vertical_line_3.png') no-repeat center center;
background-size: contain;
} }
.bi-theme-dark .mid-line-conn-background { .bi-theme-dark .mid-line-conn-background {
background: url('images/1x/icon/dark/tree_vertical_line_3.png') no-repeat center center; background: url('images/1x/icon/dark/tree_vertical_line_3.png') no-repeat center center;
background-size: contain;
} }
.last-line-conn-background { .last-line-conn-background {
background: url('images/1x/icon/tree_vertical_line_4.png') no-repeat center center; background: url('images/1x/icon/tree_vertical_line_4.png') no-repeat center center;
background-size: contain;
} }
.bi-theme-dark .last-line-conn-background { .bi-theme-dark .last-line-conn-background {
background: url('images/1x/icon/dark/tree_vertical_line_4.png') no-repeat center center; background: url('images/1x/icon/dark/tree_vertical_line_4.png') no-repeat center center;
background-size: contain;
} }
.loading-background { .loading-background {
background: url('images/2x/icon/loading.gif') no-repeat center center; background: url('images/2x/icon/loading.gif') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/loading.gif'); background-size: contain;
} }
.auto-color-background { .auto-color-background {
background: url('images/2x/background/auto_color.png') no-repeat center center; background: url('images/2x/background/auto_color.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/background/auto_color.png'); background-size: contain;
} }
.auto-color-normal-background { .auto-color-normal-background {
background: url('images/2x/background/auto_color_normal.png') no-repeat center center; background: url('images/2x/background/auto_color_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/background/auto_color_normal.png'); background-size: contain;
} }
.auto-color-normal-disabled-background { .auto-color-normal-disabled-background {
background: url('images/2x/background/auto_color_normal_disable.png') no-repeat center center; background: url('images/2x/background/auto_color_normal_disable.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/background/auto_color_normal_disable.png'); background-size: contain;
} }
.trans-color-background { .trans-color-background {
background: url('images/2x/background/trans_normal.png') no-repeat center center; background: url('images/2x/background/trans_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/background/trans_normal.png'); background-size: contain;
} }
.trans-color-disabled-background { .trans-color-disabled-background {
background: url('images/2x/background/trans_disable.png') no-repeat center center; background: url('images/2x/background/trans_disable.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/background/trans_disable.png'); background-size: contain;
} }
.auto-color-background.hack { .auto-color-background.hack {
background: url('images/1x/background/auto_color.png') no-repeat center center; background: url('images/1x/background/auto_color.png') no-repeat center center;
background-size: contain;
} }
.auto-color-normal-background.hack { .auto-color-normal-background.hack {
background: url('images/1x/background/auto_color_normal.png') no-repeat center center; background: url('images/1x/background/auto_color_normal.png') no-repeat center center;
background-size: contain;
} }
.auto-color-normal-disabled-background.hack { .auto-color-normal-disabled-background.hack {
background: url('images/1x/background/auto_color_normal_disable.png') no-repeat center center; background: url('images/1x/background/auto_color_normal_disable.png') no-repeat center center;
background-size: contain;
} }
.trans-color-background.hack { .trans-color-background.hack {
background: url('images/1x/background/trans_normal.png') no-repeat center center; background: url('images/1x/background/trans_normal.png') no-repeat center center;
background-size: contain;
} }
.trans-color-disabled-background.hack { .trans-color-disabled-background.hack {
background: url('images/1x/background/trans_disable.png') no-repeat center center; background: url('images/1x/background/trans_disable.png') no-repeat center center;
background-size: contain;
} }
@font-face { @font-face {
font-family: "fineui"; font-family: "fineui";
@ -1187,368 +1239,413 @@ textarea::-webkit-scrollbar-thumb:hover {
.tree-collapse-icon-type1 .x-icon { .tree-collapse-icon-type1 .x-icon {
display: block; display: block;
background: url('images/2x/icon/tree_collapse_1.png') no-repeat center center; background: url('images/2x/icon/tree_collapse_1.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/tree_collapse_1.png'); background-size: contain;
} }
.tree-collapse-icon-type1 .x-icon.hack { .tree-collapse-icon-type1 .x-icon.hack {
background: url('images/1x/icon/tree_collapse_1.png') no-repeat center center; background: url('images/1x/icon/tree_collapse_1.png') no-repeat center center;
background-size: contain;
} }
.tree-collapse-icon-type2 .x-icon { .tree-collapse-icon-type2 .x-icon {
display: block; display: block;
background: url('images/2x/icon/tree_collapse_2.png') no-repeat center center; background: url('images/2x/icon/tree_collapse_2.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/tree_collapse_2.png'); background-size: contain;
} }
.tree-collapse-icon-type2 .x-icon.hack { .tree-collapse-icon-type2 .x-icon.hack {
background: url('images/1x/icon/tree_collapse_2.png') no-repeat center center; background: url('images/1x/icon/tree_collapse_2.png') no-repeat center center;
background-size: contain;
} }
.tree-collapse-icon-type3 .x-icon { .tree-collapse-icon-type3 .x-icon {
display: block; display: block;
background: url('images/2x/icon/tree_collapse_3.png') no-repeat center center; background: url('images/2x/icon/tree_collapse_3.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/tree_collapse_3.png'); background-size: contain;
} }
.tree-collapse-icon-type3 .x-icon.hack { .tree-collapse-icon-type3 .x-icon.hack {
background: url('images/1x/icon/tree_collapse_3.png') no-repeat center center; background: url('images/1x/icon/tree_collapse_3.png') no-repeat center center;
background-size: contain;
} }
.tree-collapse-icon-type4 .x-icon { .tree-collapse-icon-type4 .x-icon {
display: block; display: block;
background: url('images/2x/icon/tree_collapse_4.png') no-repeat center center; background: url('images/2x/icon/tree_collapse_4.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/tree_collapse_4.png'); background-size: contain;
} }
.tree-collapse-icon-type4 .x-icon.hack { .tree-collapse-icon-type4 .x-icon.hack {
background: url('images/1x/icon/tree_collapse_4.png') no-repeat center center; background: url('images/1x/icon/tree_collapse_4.png') no-repeat center center;
background-size: contain;
} }
.tree-expand-icon-type1 .x-icon { .tree-expand-icon-type1 .x-icon {
display: block; display: block;
background: url('images/2x/icon/tree_expand_1.png') no-repeat center center; background: url('images/2x/icon/tree_expand_1.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/tree_expand_1.png'); background-size: contain;
} }
.tree-expand-icon-type1 .x-icon.hack { .tree-expand-icon-type1 .x-icon.hack {
background: url('images/1x/icon/tree_expand_1.png') no-repeat center center; background: url('images/1x/icon/tree_expand_1.png') no-repeat center center;
background-size: contain;
} }
.tree-expand-icon-type2 .x-icon { .tree-expand-icon-type2 .x-icon {
display: block; display: block;
background: url('images/2x/icon/tree_expand_2.png') no-repeat center center; background: url('images/2x/icon/tree_expand_2.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/tree_expand_2.png'); background-size: contain;
} }
.tree-expand-icon-type2 .x-icon.hack { .tree-expand-icon-type2 .x-icon.hack {
background: url('images/1x/icon/tree_expand_2.png') no-repeat center center; background: url('images/1x/icon/tree_expand_2.png') no-repeat center center;
background-size: contain;
} }
.tree-expand-icon-type3 .x-icon { .tree-expand-icon-type3 .x-icon {
display: block; display: block;
background: url('images/2x/icon/tree_expand_3.png') no-repeat center center; background: url('images/2x/icon/tree_expand_3.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/tree_expand_3.png'); background-size: contain;
} }
.tree-expand-icon-type3 .x-icon.hack { .tree-expand-icon-type3 .x-icon.hack {
background: url('images/1x/icon/tree_expand_3.png') no-repeat center center; background: url('images/1x/icon/tree_expand_3.png') no-repeat center center;
background-size: contain;
} }
.tree-expand-icon-type4 .x-icon { .tree-expand-icon-type4 .x-icon {
display: block; display: block;
background: url('images/2x/icon/tree_expand_4.png') no-repeat center center; background: url('images/2x/icon/tree_expand_4.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/tree_expand_4.png'); background-size: contain;
} }
.tree-expand-icon-type4 .x-icon.hack { .tree-expand-icon-type4 .x-icon.hack {
background: url('images/1x/icon/tree_expand_4.png') no-repeat center center; background: url('images/1x/icon/tree_expand_4.png') no-repeat center center;
background-size: contain;
} }
.tree-vertical-line-type2 .x-icon { .tree-vertical-line-type2 .x-icon {
display: block; display: block;
background: url('images/2x/icon/tree_vertical_line_2.png') no-repeat center center; background: url('images/2x/icon/tree_vertical_line_2.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/tree_vertical_line_2.png'); background-size: contain;
} }
.tree-vertical-line-type2 .x-icon.hack { .tree-vertical-line-type2 .x-icon.hack {
background: url('images/1x/icon/tree_vertical_line_2.png') no-repeat center center; background: url('images/1x/icon/tree_vertical_line_2.png') no-repeat center center;
background-size: contain;
} }
.tree-vertical-line-type3 .x-icon { .tree-vertical-line-type3 .x-icon {
display: block; display: block;
background: url('images/2x/icon/tree_vertical_line_3.png') no-repeat center center; background: url('images/2x/icon/tree_vertical_line_3.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/tree_vertical_line_3.png'); background-size: contain;
} }
.tree-vertical-line-type3 .x-icon.hack { .tree-vertical-line-type3 .x-icon.hack {
background: url('images/1x/icon/tree_vertical_line_3.png') no-repeat center center; background: url('images/1x/icon/tree_vertical_line_3.png') no-repeat center center;
background-size: contain;
} }
.tree-vertical-line-type4 .x-icon { .tree-vertical-line-type4 .x-icon {
display: block; display: block;
background: url('images/2x/icon/tree_vertical_line_4.png') no-repeat center center; background: url('images/2x/icon/tree_vertical_line_4.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/tree_vertical_line_4.png'); background-size: contain;
} }
.tree-vertical-line-type4 .x-icon.hack { .tree-vertical-line-type4 .x-icon.hack {
background: url('images/1x/icon/tree_vertical_line_4.png') no-repeat center center; background: url('images/1x/icon/tree_vertical_line_4.png') no-repeat center center;
background-size: contain;
} }
.bi-theme-dark .tree-collapse-icon-type1 .x-icon { .bi-theme-dark .tree-collapse-icon-type1 .x-icon {
display: block; display: block;
background: url('images/2x/icon/dark/tree_collapse_1.png') no-repeat center center; background: url('images/2x/icon/dark/tree_collapse_1.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/dark/tree_collapse_1.png'); background-size: contain;
} }
.bi-theme-dark .tree-collapse-icon-type1 .x-icon.hack { .bi-theme-dark .tree-collapse-icon-type1 .x-icon.hack {
background: url('images/1x/icon/dark/tree_collapse_1.png') no-repeat center center; background: url('images/1x/icon/dark/tree_collapse_1.png') no-repeat center center;
background-size: contain;
} }
.bi-theme-dark .tree-collapse-icon-type2 .x-icon { .bi-theme-dark .tree-collapse-icon-type2 .x-icon {
display: block; display: block;
background: url('images/2x/icon/dark/tree_collapse_2.png') no-repeat center center; background: url('images/2x/icon/dark/tree_collapse_2.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/dark/tree_collapse_2.png'); background-size: contain;
} }
.bi-theme-dark .tree-collapse-icon-type2 .x-icon.hack { .bi-theme-dark .tree-collapse-icon-type2 .x-icon.hack {
background: url('images/1x/icon/dark/tree_collapse_2.png') no-repeat center center; background: url('images/1x/icon/dark/tree_collapse_2.png') no-repeat center center;
background-size: contain;
} }
.bi-theme-dark .tree-collapse-icon-type3 .x-icon { .bi-theme-dark .tree-collapse-icon-type3 .x-icon {
display: block; display: block;
background: url('images/2x/icon/dark/tree_collapse_3.png') no-repeat center center; background: url('images/2x/icon/dark/tree_collapse_3.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/dark/tree_collapse_3.png'); background-size: contain;
} }
.bi-theme-dark .tree-collapse-icon-type3 .x-icon.hack { .bi-theme-dark .tree-collapse-icon-type3 .x-icon.hack {
background: url('images/1x/icon/dark/tree_collapse_3.png') no-repeat center center; background: url('images/1x/icon/dark/tree_collapse_3.png') no-repeat center center;
background-size: contain;
} }
.bi-theme-dark .tree-collapse-icon-type4 .x-icon { .bi-theme-dark .tree-collapse-icon-type4 .x-icon {
display: block; display: block;
background: url('images/2x/icon/dark/tree_collapse_4.png') no-repeat center center; background: url('images/2x/icon/dark/tree_collapse_4.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/dark/tree_collapse_4.png'); background-size: contain;
} }
.bi-theme-dark .tree-collapse-icon-type4 .x-icon.hack { .bi-theme-dark .tree-collapse-icon-type4 .x-icon.hack {
background: url('images/1x/icon/dark/tree_collapse_4.png') no-repeat center center; background: url('images/1x/icon/dark/tree_collapse_4.png') no-repeat center center;
background-size: contain;
} }
.bi-theme-dark .tree-expand-icon-type1 .x-icon { .bi-theme-dark .tree-expand-icon-type1 .x-icon {
display: block; display: block;
background: url('images/2x/icon/dark/tree_expand_1.png') no-repeat center center; background: url('images/2x/icon/dark/tree_expand_1.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/dark/tree_expand_1.png'); background-size: contain;
} }
.bi-theme-dark .tree-expand-icon-type1 .x-icon.hack { .bi-theme-dark .tree-expand-icon-type1 .x-icon.hack {
background: url('images/1x/icon/dark/tree_expand_1.png') no-repeat center center; background: url('images/1x/icon/dark/tree_expand_1.png') no-repeat center center;
background-size: contain;
} }
.bi-theme-dark .tree-expand-icon-type2 .x-icon { .bi-theme-dark .tree-expand-icon-type2 .x-icon {
display: block; display: block;
background: url('images/2x/icon/dark/tree_expand_2.png') no-repeat center center; background: url('images/2x/icon/dark/tree_expand_2.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/dark/tree_expand_2.png'); background-size: contain;
} }
.bi-theme-dark .tree-expand-icon-type2 .x-icon.hack { .bi-theme-dark .tree-expand-icon-type2 .x-icon.hack {
background: url('images/1x/icon/dark/tree_expand_2.png') no-repeat center center; background: url('images/1x/icon/dark/tree_expand_2.png') no-repeat center center;
background-size: contain;
} }
.bi-theme-dark .tree-expand-icon-type3 .x-icon { .bi-theme-dark .tree-expand-icon-type3 .x-icon {
display: block; display: block;
background: url('images/2x/icon/dark/tree_expand_3.png') no-repeat center center; background: url('images/2x/icon/dark/tree_expand_3.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/dark/tree_expand_3.png'); background-size: contain;
} }
.bi-theme-dark .tree-expand-icon-type3 .x-icon.hack { .bi-theme-dark .tree-expand-icon-type3 .x-icon.hack {
background: url('images/1x/icon/dark/tree_expand_3.png') no-repeat center center; background: url('images/1x/icon/dark/tree_expand_3.png') no-repeat center center;
background-size: contain;
} }
.bi-theme-dark .tree-expand-icon-type4 .x-icon { .bi-theme-dark .tree-expand-icon-type4 .x-icon {
display: block; display: block;
background: url('images/2x/icon/dark/tree_expand_4.png') no-repeat center center; background: url('images/2x/icon/dark/tree_expand_4.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/dark/tree_expand_4.png'); background-size: contain;
} }
.bi-theme-dark .tree-expand-icon-type4 .x-icon.hack { .bi-theme-dark .tree-expand-icon-type4 .x-icon.hack {
background: url('images/1x/icon/dark/tree_expand_4.png') no-repeat center center; background: url('images/1x/icon/dark/tree_expand_4.png') no-repeat center center;
background-size: contain;
} }
.bi-theme-dark .tree-vertical-line-type2 .x-icon { .bi-theme-dark .tree-vertical-line-type2 .x-icon {
display: block; display: block;
background: url('images/2x/icon/dark/tree_vertical_line_2.png') no-repeat center center; background: url('images/2x/icon/dark/tree_vertical_line_2.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/dark/tree_vertical_line_2.png'); background-size: contain;
} }
.bi-theme-dark .tree-vertical-line-type2 .x-icon.hack { .bi-theme-dark .tree-vertical-line-type2 .x-icon.hack {
background: url('images/1x/icon/dark/tree_vertical_line_2.png') no-repeat center center; background: url('images/1x/icon/dark/tree_vertical_line_2.png') no-repeat center center;
background-size: contain;
} }
.bi-theme-dark .tree-vertical-line-type3 .x-icon { .bi-theme-dark .tree-vertical-line-type3 .x-icon {
display: block; display: block;
background: url('images/2x/icon/dark/tree_vertical_line_3.png') no-repeat center center; background: url('images/2x/icon/dark/tree_vertical_line_3.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/dark/tree_vertical_line_3.png'); background-size: contain;
} }
.bi-theme-dark .tree-vertical-line-type3 .x-icon.hack { .bi-theme-dark .tree-vertical-line-type3 .x-icon.hack {
background: url('images/1x/icon/dark/tree_vertical_line_3.png') no-repeat center center; background: url('images/1x/icon/dark/tree_vertical_line_3.png') no-repeat center center;
background-size: contain;
} }
.bi-theme-dark .tree-vertical-line-type4 .x-icon { .bi-theme-dark .tree-vertical-line-type4 .x-icon {
display: block; display: block;
background: url('images/2x/icon/dark/tree_vertical_line_4.png') no-repeat center center; background: url('images/2x/icon/dark/tree_vertical_line_4.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/dark/tree_vertical_line_4.png'); background-size: contain;
} }
.bi-theme-dark .tree-vertical-line-type4 .x-icon.hack { .bi-theme-dark .tree-vertical-line-type4 .x-icon.hack {
background: url('images/1x/icon/dark/tree_vertical_line_4.png') no-repeat center center; background: url('images/1x/icon/dark/tree_vertical_line_4.png') no-repeat center center;
background-size: contain;
} }
.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 center center; background: url('images/2x/icon/check_box_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/check_box_normal.png'); background-size: contain;
} }
.check-box-icon .x-icon.hack { .check-box-icon .x-icon.hack {
background: url('images/1x/icon/check_box_normal.png') no-repeat center center; background: url('images/1x/icon/check_box_normal.png') no-repeat center center;
background-size: contain;
} }
.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 center center; background: url('images/2x/icon/check_box_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/check_box_normal.png'); background-size: contain;
} }
.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 center center; background: url('images/1x/icon/check_box_normal.png') no-repeat center center;
background-size: contain;
} }
.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 center center; background: url('images/2x/icon/check_box_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/check_box_normal.png'); background-size: contain;
} }
.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 center center; background: url('images/1x/icon/check_box_normal.png') no-repeat center center;
background-size: contain;
} }
.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 center center; background: url('images/2x/icon/check_box_active.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/check_box_active.png'); background-size: contain;
} }
.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 center center; background: url('images/1x/icon/check_box_active.png') no-repeat center center;
background-size: contain;
} }
.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 center center; background: url('images/2x/icon/check_box_disable.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/check_box_disable.png'); background-size: contain;
} }
.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 center center; background: url('images/1x/icon/check_box_disable.png') no-repeat center center;
background-size: contain;
} }
.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 center center; background: url('images/2x/icon/check_box_disable2.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/check_box_disable2.png'); background-size: contain;
} }
.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 center center; background: url('images/1x/icon/check_box_disable2.png') no-repeat center center;
background-size: contain;
} }
.radio-icon .x-icon { .radio-icon .x-icon {
display: block; display: block;
background: url('images/2x/icon/radio_normal.png') no-repeat center center; background: url('images/2x/icon/radio_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/radio_normal.png'); background-size: contain;
} }
.radio-icon .x-icon.hack { .radio-icon .x-icon.hack {
background: url('images/1x/icon/radio_normal.png') no-repeat center center; background: url('images/1x/icon/radio_normal.png') no-repeat center center;
background-size: contain;
} }
.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 center center; background: url('images/2x/icon/radio_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/radio_normal.png'); background-size: contain;
} }
.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 center center; background: url('images/1x/icon/radio_normal.png') no-repeat center center;
background-size: contain;
} }
.radio-icon:active .x-icon { .radio-icon:active .x-icon {
display: block; display: block;
background: url('images/2x/icon/radio_normal.png') no-repeat center center; background: url('images/2x/icon/radio_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/radio_normal.png'); background-size: contain;
} }
.radio-icon:active .x-icon.hack { .radio-icon:active .x-icon.hack {
background: url('images/1x/icon/radio_normal.png') no-repeat center center; background: url('images/1x/icon/radio_normal.png') no-repeat center center;
background-size: contain;
} }
.radio-icon.active .x-icon { .radio-icon.active .x-icon {
display: block; display: block;
background: url('images/2x/icon/radio_active.png') no-repeat center center; background: url('images/2x/icon/radio_active.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/radio_active.png'); background-size: contain;
} }
.radio-icon.active .x-icon.hack { .radio-icon.active .x-icon.hack {
background: url('images/1x/icon/radio_active.png') no-repeat center center; background: url('images/1x/icon/radio_active.png') no-repeat center center;
background-size: contain;
} }
.radio-icon.disabled .x-icon { .radio-icon.disabled .x-icon {
display: block; display: block;
background: url('images/2x/icon/radio_disable.png') no-repeat center center; background: url('images/2x/icon/radio_disable.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/radio_disable.png'); background-size: contain;
} }
.radio-icon.disabled .x-icon.hack { .radio-icon.disabled .x-icon.hack {
background: url('images/1x/icon/radio_disable.png') no-repeat center center; background: url('images/1x/icon/radio_disable.png') no-repeat center center;
background-size: contain;
} }
.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 center center; background: url('images/2x/icon/radio_disable2.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/radio_disable2.png'); background-size: contain;
} }
.radio-icon.disabled.active .x-icon.hack { .radio-icon.disabled.active .x-icon.hack {
background: url('images/1x/icon/radio_disable2.png') no-repeat center center; background: url('images/1x/icon/radio_disable2.png') no-repeat center center;
background-size: contain;
} }
.check-half-select-icon .x-icon { .check-half-select-icon .x-icon {
display: block; display: block;
background: url('images/2x/icon/half_selected.png') no-repeat center center; background: url('images/2x/icon/half_selected.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/half_selected.png'); background-size: contain;
} }
.check-half-select-icon .x-icon.hack { .check-half-select-icon .x-icon.hack {
background: url('images/1x/icon/half_selected.png') no-repeat center center; background: url('images/1x/icon/half_selected.png') no-repeat center center;
background-size: contain;
} }
.check-half-select-icon.disabled .x-icon { .check-half-select-icon.disabled .x-icon {
display: block; display: block;
background: url('images/2x/icon/half_selected_disable.png') no-repeat center center; background: url('images/2x/icon/half_selected_disable.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/half_selected_disable.png'); background-size: contain;
} }
.check-half-select-icon.disabled .x-icon.hack { .check-half-select-icon.disabled .x-icon.hack {
background: url('images/1x/icon/half_selected_disable.png') no-repeat center center; background: url('images/1x/icon/half_selected_disable.png') no-repeat center center;
background-size: contain;
} }
.slider-icon .x-icon { .slider-icon .x-icon {
display: block; display: block;
background: url('images/2x/icon/slider_normal_small.png') no-repeat center center; background: url('images/2x/icon/slider_normal_small.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/slider_normal_small.png'); background-size: contain;
} }
.slider-icon .x-icon.hack { .slider-icon .x-icon.hack {
background: url('images/1x/icon/slider_normal_small.png') no-repeat center center; background: url('images/1x/icon/slider_normal_small.png') no-repeat center center;
background-size: contain;
} }
.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 center center; background: url('images/2x/icon/slider_active_small.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/slider_active_small.png'); background-size: contain;
} }
.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 center center; background: url('images/1x/icon/slider_active_small.png') no-repeat center center;
background-size: contain;
} }
.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 center center; background: url('images/2x/icon/slider_normal_small.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/slider_normal_small.png'); background-size: contain;
} }
.slider-icon.disabled .x-icon.hack { .slider-icon.disabled .x-icon.hack {
background: url('images/1x/icon/slider_normal_small.png') no-repeat center center; background: url('images/1x/icon/slider_normal_small.png') no-repeat center center;
background-size: contain;
} }
.auto-color-icon .x-icon { .auto-color-icon .x-icon {
display: block; display: block;
background: url('images/2x/icon/auto_normal.png') no-repeat center center; 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;
} }
.auto-color-icon .x-icon.hack { .auto-color-icon .x-icon.hack {
background: url('images/1x/icon/auto_normal.png') no-repeat center center; background: url('images/1x/icon/auto_normal.png') no-repeat center center;
background-size: contain;
} }
.auto-color-icon.active .x-icon { .auto-color-icon.active .x-icon {
display: block; display: block;
background: url('images/2x/icon/auto_select.png') no-repeat center center; 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;
} }
.auto-color-icon.active .x-icon.hack { .auto-color-icon.active .x-icon.hack {
background: url('images/1x/icon/auto_select.png') no-repeat center center; background: url('images/1x/icon/auto_select.png') no-repeat center center;
background-size: contain;
} }
.auto-color-icon.disabled .x-icon { .auto-color-icon.disabled .x-icon {
display: block; display: block;
background: url('images/2x/icon/auto_disable.png') no-repeat center center; 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;
} }
.auto-color-icon.disabled .x-icon.hack { .auto-color-icon.disabled .x-icon.hack {
background: url('images/1x/icon/auto_disable.png') no-repeat center center; background: url('images/1x/icon/auto_disable.png') no-repeat center center;
background-size: contain;
} }
.trans-color-icon .x-icon { .trans-color-icon .x-icon {
display: block; display: block;
background: url('images/2x/icon/trans_normal.png') no-repeat center center; 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;
} }
.trans-color-icon .x-icon.hack { .trans-color-icon .x-icon.hack {
background: url('images/1x/icon/trans_normal.png') no-repeat center center; background: url('images/1x/icon/trans_normal.png') no-repeat center center;
background-size: contain;
} }
.trans-color-icon.active .x-icon { .trans-color-icon.active .x-icon {
display: block; display: block;
background: url('images/2x/icon/trans_select.png') no-repeat center center; 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;
} }
.trans-color-icon.active .x-icon.hack { .trans-color-icon.active .x-icon.hack {
background: url('images/1x/icon/trans_select.png') no-repeat center center; background: url('images/1x/icon/trans_select.png') no-repeat center center;
background-size: contain;
} }
.trans-color-icon.disabled .x-icon { .trans-color-icon.disabled .x-icon {
display: block; display: block;
background: url('images/2x/icon/trans_disable.png') no-repeat center center; 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;
} }
.trans-color-icon.disabled .x-icon.hack { .trans-color-icon.disabled .x-icon.hack {
background: url('images/1x/icon/trans_disable.png') no-repeat center center; background: url('images/1x/icon/trans_disable.png') no-repeat center center;
background-size: contain;
} }
.icon-size-12 .b-font { .icon-size-12 .b-font {
font-size: 12px; font-size: 12px;

2
dist/utils.min.js vendored

File diff suppressed because one or more lines are too long

80
public/css/background.css

@ -1,212 +1,264 @@
.bi-farbtastic .wheel { .bi-farbtastic .wheel {
background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/background/wheel.png') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/background/wheel.png') no-repeat center center;
background-size: contain;
} }
.bi-farbtastic .overlay { .bi-farbtastic .overlay {
background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/background/mask.png') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/background/mask.png') no-repeat center center;
background-size: contain;
} }
.bi-farbtastic .marker { .bi-farbtastic .marker {
background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/background/marker.png') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/background/marker.png') no-repeat center center;
background-size: contain;
} }
.bi-display-tree .ztree li span.button.switch.center_open { .bi-display-tree .ztree li span.button.switch.center_open {
background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/tree_vertical_line_3.png') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/tree_vertical_line_3.png') no-repeat center center;
background-size: contain;
} }
.bi-display-tree .ztree li span.button.switch.roots_open { .bi-display-tree .ztree li span.button.switch.roots_open {
background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/tree_vertical_line_2.png') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/tree_vertical_line_2.png') no-repeat center center;
background-size: contain;
} }
.bi-display-tree .ztree li span.button.switch.bottom_open { .bi-display-tree .ztree li span.button.switch.bottom_open {
background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/tree_vertical_line_4.png') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/tree_vertical_line_4.png') no-repeat center center;
background-size: contain;
} }
.ztree li ul.line { .ztree li ul.line {
background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/tree_vertical_line_1.png') repeat-y 1px 0; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/tree_vertical_line_1.png') repeat-y 1px 0;
background-size: contain;
} }
.bi-theme-dark .ztree li ul.line { .bi-theme-dark .ztree li ul.line {
background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/dark/tree_vertical_line_1.png') repeat-y 1px 0; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/dark/tree_vertical_line_1.png') repeat-y 1px 0;
background-size: contain;
} }
.ztree li span.button.chk.checkbox_false_full { .ztree li span.button.chk.checkbox_false_full {
background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/check_box_normal.png') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/check_box_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/check_box_normal.png'); background-size: contain;
} }
.ztree li span.button.chk.checkbox_false_full_focus { .ztree li span.button.chk.checkbox_false_full_focus {
background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/check_box_normal.png') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/check_box_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/check_box_normal.png'); background-size: contain;
} }
.ztree li span.button.chk.checkbox_false_part { .ztree li span.button.chk.checkbox_false_part {
background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/check_box_normal.png') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/check_box_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/check_box_normal.png'); background-size: contain;
} }
.ztree li span.button.chk.checkbox_false_part_focus { .ztree li span.button.chk.checkbox_false_part_focus {
background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/half_selected.png') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/half_selected.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/half_selected.png'); background-size: contain;
} }
.ztree li span.button.chk.checkbox_true_full { .ztree li span.button.chk.checkbox_true_full {
background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/check_box_active.png') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/check_box_active.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/check_box_active.png'); background-size: contain;
} }
.ztree li span.button.chk.checkbox_true_full_focus { .ztree li span.button.chk.checkbox_true_full_focus {
background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/check_box_active.png') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/check_box_active.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/check_box_active.png'); background-size: contain;
} }
.ztree li span.button.chk.checkbox_true_part { .ztree li span.button.chk.checkbox_true_part {
background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/half_selected.png') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/half_selected.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/half_selected.png'); background-size: contain;
} }
.ztree li span.button.chk.checkbox_true_part_focus { .ztree li span.button.chk.checkbox_true_part_focus {
background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/half_selected.png') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/half_selected.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/half_selected.png'); background-size: contain;
} }
.ztree.hack li span.button.chk.checkbox_false_full { .ztree.hack li span.button.chk.checkbox_false_full {
background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/check_box_normal.png') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/check_box_normal.png') no-repeat center center;
background-size: contain;
} }
.ztree.hack li span.button.chk.checkbox_false_full_focus { .ztree.hack li span.button.chk.checkbox_false_full_focus {
background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/check_box_normal.png') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/check_box_normal.png') no-repeat center center;
background-size: contain;
} }
.ztree.hack li span.button.chk.checkbox_false_part { .ztree.hack li span.button.chk.checkbox_false_part {
background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/check_box_normal.png') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/check_box_normal.png') no-repeat center center;
background-size: contain;
} }
.ztree.hack li span.button.chk.checkbox_false_part_focus { .ztree.hack li span.button.chk.checkbox_false_part_focus {
background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/half_selected.png') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/half_selected.png') no-repeat center center;
background-size: contain;
} }
.ztree.hack li span.button.chk.checkbox_true_full { .ztree.hack li span.button.chk.checkbox_true_full {
background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/check_box_active.png') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/check_box_active.png') no-repeat center center;
background-size: contain;
} }
.ztree.hack li span.button.chk.checkbox_true_full_focus { .ztree.hack li span.button.chk.checkbox_true_full_focus {
background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/check_box_active.png') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/check_box_active.png') no-repeat center center;
background-size: contain;
} }
.ztree.hack li span.button.chk.checkbox_true_part { .ztree.hack li span.button.chk.checkbox_true_part {
background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/half_selected.png') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/half_selected.png') no-repeat center center;
background-size: contain;
} }
.ztree.hack li span.button.chk.checkbox_true_part_focus { .ztree.hack li span.button.chk.checkbox_true_part_focus {
background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/half_selected.png') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/half_selected.png') no-repeat center center;
background-size: contain;
} }
.ztree li span.button.root_open { .ztree li span.button.root_open {
background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/tree_expand_1.png') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/tree_expand_1.png') no-repeat center center;
background-size: contain;
} }
.bi-theme-dark .ztree li span.button.root_open { .bi-theme-dark .ztree li span.button.root_open {
background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/dark/tree_expand_1.png') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/dark/tree_expand_1.png') no-repeat center center;
background-size: contain;
} }
.ztree li span.button.root_close { .ztree li span.button.root_close {
background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/tree_collapse_1.png') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/tree_collapse_1.png') no-repeat center center;
background-size: contain;
} }
.bi-theme-dark .ztree li span.button.root_close { .bi-theme-dark .ztree li span.button.root_close {
background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/dark/tree_collapse_1.png') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/dark/tree_collapse_1.png') no-repeat center center;
background-size: contain;
} }
.ztree li span.button.roots_open { .ztree li span.button.roots_open {
background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/tree_expand_2.png') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/tree_expand_2.png') no-repeat center center;
background-size: contain;
} }
.bi-theme-dark .ztree li span.button.roots_open { .bi-theme-dark .ztree li span.button.roots_open {
background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/dark/tree_expand_2.png') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/dark/tree_expand_2.png') no-repeat center center;
background-size: contain;
} }
.ztree li span.button.roots_close { .ztree li span.button.roots_close {
background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/tree_collapse_2.png') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/tree_collapse_2.png') no-repeat center center;
background-size: contain;
} }
.bi-theme-dark .ztree li span.button.roots_close { .bi-theme-dark .ztree li span.button.roots_close {
background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/dark/tree_collapse_2.png') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/dark/tree_collapse_2.png') no-repeat center center;
background-size: contain;
} }
.ztree li span.button.center_open { .ztree li span.button.center_open {
background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/tree_expand_3.png') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/tree_expand_3.png') no-repeat center center;
background-size: contain;
} }
.bi-theme-dark .ztree li span.button.center_open { .bi-theme-dark .ztree li span.button.center_open {
background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/dark/tree_expand_3.png') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/dark/tree_expand_3.png') no-repeat center center;
background-size: contain;
} }
.ztree li span.button.center_close { .ztree li span.button.center_close {
background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/tree_collapse_3.png') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/tree_collapse_3.png') no-repeat center center;
background-size: contain;
} }
.bi-theme-dark .ztree li span.button.center_close { .bi-theme-dark .ztree li span.button.center_close {
background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/dark/tree_collapse_3.png') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/dark/tree_collapse_3.png') no-repeat center center;
background-size: contain;
} }
.ztree li span.button.bottom_open { .ztree li span.button.bottom_open {
background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/tree_expand_4.png') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/tree_expand_4.png') no-repeat center center;
background-size: contain;
} }
.bi-theme-dark .ztree li span.button.bottom_open { .bi-theme-dark .ztree li span.button.bottom_open {
background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/dark/tree_expand_4.png') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/dark/tree_expand_4.png') no-repeat center center;
background-size: contain;
} }
.ztree li span.button.bottom_close { .ztree li span.button.bottom_close {
background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/tree_collapse_4.png') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/tree_collapse_4.png') no-repeat center center;
background-size: contain;
} }
.bi-theme-dark .ztree li span.button.bottom_close { .bi-theme-dark .ztree li span.button.bottom_close {
background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/dark/tree_collapse_4.png') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/dark/tree_collapse_4.png') no-repeat center center;
background-size: contain;
} }
.ztree li span.button.roots_docu { .ztree li span.button.roots_docu {
background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/tree_vertical_line_2.png') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/tree_vertical_line_2.png') no-repeat center center;
background-size: contain;
} }
.bi-theme-dark .ztree li span.button.roots_docu { .bi-theme-dark .ztree li span.button.roots_docu {
background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/dark/tree_vertical_line_2.png') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/dark/tree_vertical_line_2.png') no-repeat center center;
background-size: contain;
} }
.ztree li span.button.center_docu { .ztree li span.button.center_docu {
background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/tree_vertical_line_3.png') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/tree_vertical_line_3.png') no-repeat center center;
background-size: contain;
} }
.bi-theme-dark .ztree li span.button.center_docu { .bi-theme-dark .ztree li span.button.center_docu {
background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/dark/tree_vertical_line_3.png') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/dark/tree_vertical_line_3.png') no-repeat center center;
background-size: contain;
} }
.ztree li span.button.bottom_docu { .ztree li span.button.bottom_docu {
background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/tree_vertical_line_4.png') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/tree_vertical_line_4.png') no-repeat center center;
background-size: contain;
} }
.bi-theme-dark .ztree li span.button.bottom_docu { .bi-theme-dark .ztree li span.button.bottom_docu {
background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/dark/tree_vertical_line_4.png') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/dark/tree_vertical_line_4.png') no-repeat center center;
background-size: contain;
} }
.ztree li span.button.ico_loading { .ztree li span.button.ico_loading {
background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/loading.gif') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/loading.gif') no-repeat center center;
background-size: contain;
} }
.base-line-conn-background { .base-line-conn-background {
background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/tree_vertical_line_1.png') repeat-y 0 0; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/tree_vertical_line_1.png') repeat-y 0 0;
background-size: contain;
} }
.bi-theme-dark .base-line-conn-background { .bi-theme-dark .base-line-conn-background {
background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/dark/tree_vertical_line_1.png') repeat-y 0 0; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/dark/tree_vertical_line_1.png') repeat-y 0 0;
background-size: contain;
} }
.first-line-conn-background { .first-line-conn-background {
background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/tree_vertical_line_2.png') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/tree_vertical_line_2.png') no-repeat center center;
background-size: contain;
} }
.bi-theme-dark .first-line-conn-background { .bi-theme-dark .first-line-conn-background {
background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/dark/tree_vertical_line_2.png') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/dark/tree_vertical_line_2.png') no-repeat center center;
background-size: contain;
} }
.mid-line-conn-background { .mid-line-conn-background {
background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/tree_vertical_line_3.png') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/tree_vertical_line_3.png') no-repeat center center;
background-size: contain;
} }
.bi-theme-dark .mid-line-conn-background { .bi-theme-dark .mid-line-conn-background {
background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/dark/tree_vertical_line_3.png') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/dark/tree_vertical_line_3.png') no-repeat center center;
background-size: contain;
} }
.last-line-conn-background { .last-line-conn-background {
background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/tree_vertical_line_4.png') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/tree_vertical_line_4.png') no-repeat center center;
background-size: contain;
} }
.bi-theme-dark .last-line-conn-background { .bi-theme-dark .last-line-conn-background {
background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/dark/tree_vertical_line_4.png') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/dark/tree_vertical_line_4.png') no-repeat center center;
background-size: contain;
} }
.loading-background { .loading-background {
background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/loading.gif') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/loading.gif') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/loading.gif'); background-size: contain;
} }
.auto-color-background { .auto-color-background {
background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/background/auto_color.png') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/background/auto_color.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/background/auto_color.png'); background-size: contain;
} }
.auto-color-normal-background { .auto-color-normal-background {
background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/background/auto_color_normal.png') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/background/auto_color_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/background/auto_color_normal.png'); background-size: contain;
} }
.auto-color-normal-disabled-background { .auto-color-normal-disabled-background {
background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/background/auto_color_normal_disable.png') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/background/auto_color_normal_disable.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/background/auto_color_normal_disable.png'); background-size: contain;
} }
.trans-color-background { .trans-color-background {
background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/background/trans_normal.png') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/background/trans_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/background/trans_normal.png'); background-size: contain;
} }
.trans-color-disabled-background { .trans-color-disabled-background {
background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/background/trans_disable.png') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/background/trans_disable.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/background/trans_disable.png'); background-size: contain;
} }
.auto-color-background.hack { .auto-color-background.hack {
background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/background/auto_color.png') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/background/auto_color.png') no-repeat center center;
background-size: contain;
} }
.auto-color-normal-background.hack { .auto-color-normal-background.hack {
background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/background/auto_color_normal.png') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/background/auto_color_normal.png') no-repeat center center;
background-size: contain;
} }
.auto-color-normal-disabled-background.hack { .auto-color-normal-disabled-background.hack {
background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/background/auto_color_normal_disable.png') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/background/auto_color_normal_disable.png') no-repeat center center;
background-size: contain;
} }
.trans-color-background.hack { .trans-color-background.hack {
background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/background/trans_normal.png') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/background/trans_normal.png') no-repeat center center;
background-size: contain;
} }
.trans-color-disabled-background.hack { .trans-color-disabled-background.hack {
background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/background/trans_disable.png') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/background/trans_disable.png') no-repeat center center;
background-size: contain;
} }

135
public/css/icon.css

@ -1,366 +1,411 @@
.tree-collapse-icon-type1 .x-icon { .tree-collapse-icon-type1 .x-icon {
display: block; display: block;
background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/tree_collapse_1.png') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/tree_collapse_1.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/tree_collapse_1.png'); background-size: contain;
} }
.tree-collapse-icon-type1 .x-icon.hack { .tree-collapse-icon-type1 .x-icon.hack {
background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/tree_collapse_1.png') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/tree_collapse_1.png') no-repeat center center;
background-size: contain;
} }
.tree-collapse-icon-type2 .x-icon { .tree-collapse-icon-type2 .x-icon {
display: block; display: block;
background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/tree_collapse_2.png') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/tree_collapse_2.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/tree_collapse_2.png'); background-size: contain;
} }
.tree-collapse-icon-type2 .x-icon.hack { .tree-collapse-icon-type2 .x-icon.hack {
background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/tree_collapse_2.png') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/tree_collapse_2.png') no-repeat center center;
background-size: contain;
} }
.tree-collapse-icon-type3 .x-icon { .tree-collapse-icon-type3 .x-icon {
display: block; display: block;
background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/tree_collapse_3.png') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/tree_collapse_3.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/tree_collapse_3.png'); background-size: contain;
} }
.tree-collapse-icon-type3 .x-icon.hack { .tree-collapse-icon-type3 .x-icon.hack {
background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/tree_collapse_3.png') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/tree_collapse_3.png') no-repeat center center;
background-size: contain;
} }
.tree-collapse-icon-type4 .x-icon { .tree-collapse-icon-type4 .x-icon {
display: block; display: block;
background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/tree_collapse_4.png') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/tree_collapse_4.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/tree_collapse_4.png'); background-size: contain;
} }
.tree-collapse-icon-type4 .x-icon.hack { .tree-collapse-icon-type4 .x-icon.hack {
background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/tree_collapse_4.png') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/tree_collapse_4.png') no-repeat center center;
background-size: contain;
} }
.tree-expand-icon-type1 .x-icon { .tree-expand-icon-type1 .x-icon {
display: block; display: block;
background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/tree_expand_1.png') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/tree_expand_1.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/tree_expand_1.png'); background-size: contain;
} }
.tree-expand-icon-type1 .x-icon.hack { .tree-expand-icon-type1 .x-icon.hack {
background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/tree_expand_1.png') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/tree_expand_1.png') no-repeat center center;
background-size: contain;
} }
.tree-expand-icon-type2 .x-icon { .tree-expand-icon-type2 .x-icon {
display: block; display: block;
background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/tree_expand_2.png') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/tree_expand_2.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/tree_expand_2.png'); background-size: contain;
} }
.tree-expand-icon-type2 .x-icon.hack { .tree-expand-icon-type2 .x-icon.hack {
background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/tree_expand_2.png') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/tree_expand_2.png') no-repeat center center;
background-size: contain;
} }
.tree-expand-icon-type3 .x-icon { .tree-expand-icon-type3 .x-icon {
display: block; display: block;
background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/tree_expand_3.png') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/tree_expand_3.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/tree_expand_3.png'); background-size: contain;
} }
.tree-expand-icon-type3 .x-icon.hack { .tree-expand-icon-type3 .x-icon.hack {
background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/tree_expand_3.png') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/tree_expand_3.png') no-repeat center center;
background-size: contain;
} }
.tree-expand-icon-type4 .x-icon { .tree-expand-icon-type4 .x-icon {
display: block; display: block;
background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/tree_expand_4.png') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/tree_expand_4.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/tree_expand_4.png'); background-size: contain;
} }
.tree-expand-icon-type4 .x-icon.hack { .tree-expand-icon-type4 .x-icon.hack {
background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/tree_expand_4.png') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/tree_expand_4.png') no-repeat center center;
background-size: contain;
} }
.tree-vertical-line-type2 .x-icon { .tree-vertical-line-type2 .x-icon {
display: block; display: block;
background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/tree_vertical_line_2.png') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/tree_vertical_line_2.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/tree_vertical_line_2.png'); background-size: contain;
} }
.tree-vertical-line-type2 .x-icon.hack { .tree-vertical-line-type2 .x-icon.hack {
background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/tree_vertical_line_2.png') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/tree_vertical_line_2.png') no-repeat center center;
background-size: contain;
} }
.tree-vertical-line-type3 .x-icon { .tree-vertical-line-type3 .x-icon {
display: block; display: block;
background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/tree_vertical_line_3.png') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/tree_vertical_line_3.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/tree_vertical_line_3.png'); background-size: contain;
} }
.tree-vertical-line-type3 .x-icon.hack { .tree-vertical-line-type3 .x-icon.hack {
background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/tree_vertical_line_3.png') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/tree_vertical_line_3.png') no-repeat center center;
background-size: contain;
} }
.tree-vertical-line-type4 .x-icon { .tree-vertical-line-type4 .x-icon {
display: block; display: block;
background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/tree_vertical_line_4.png') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/tree_vertical_line_4.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/tree_vertical_line_4.png'); background-size: contain;
} }
.tree-vertical-line-type4 .x-icon.hack { .tree-vertical-line-type4 .x-icon.hack {
background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/tree_vertical_line_4.png') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/tree_vertical_line_4.png') no-repeat center center;
background-size: contain;
} }
.bi-theme-dark .tree-collapse-icon-type1 .x-icon { .bi-theme-dark .tree-collapse-icon-type1 .x-icon {
display: block; display: block;
background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/dark/tree_collapse_1.png') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/dark/tree_collapse_1.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/dark/tree_collapse_1.png'); background-size: contain;
} }
.bi-theme-dark .tree-collapse-icon-type1 .x-icon.hack { .bi-theme-dark .tree-collapse-icon-type1 .x-icon.hack {
background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/dark/tree_collapse_1.png') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/dark/tree_collapse_1.png') no-repeat center center;
background-size: contain;
} }
.bi-theme-dark .tree-collapse-icon-type2 .x-icon { .bi-theme-dark .tree-collapse-icon-type2 .x-icon {
display: block; display: block;
background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/dark/tree_collapse_2.png') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/dark/tree_collapse_2.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/dark/tree_collapse_2.png'); background-size: contain;
} }
.bi-theme-dark .tree-collapse-icon-type2 .x-icon.hack { .bi-theme-dark .tree-collapse-icon-type2 .x-icon.hack {
background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/dark/tree_collapse_2.png') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/dark/tree_collapse_2.png') no-repeat center center;
background-size: contain;
} }
.bi-theme-dark .tree-collapse-icon-type3 .x-icon { .bi-theme-dark .tree-collapse-icon-type3 .x-icon {
display: block; display: block;
background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/dark/tree_collapse_3.png') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/dark/tree_collapse_3.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/dark/tree_collapse_3.png'); background-size: contain;
} }
.bi-theme-dark .tree-collapse-icon-type3 .x-icon.hack { .bi-theme-dark .tree-collapse-icon-type3 .x-icon.hack {
background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/dark/tree_collapse_3.png') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/dark/tree_collapse_3.png') no-repeat center center;
background-size: contain;
} }
.bi-theme-dark .tree-collapse-icon-type4 .x-icon { .bi-theme-dark .tree-collapse-icon-type4 .x-icon {
display: block; display: block;
background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/dark/tree_collapse_4.png') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/dark/tree_collapse_4.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/dark/tree_collapse_4.png'); background-size: contain;
} }
.bi-theme-dark .tree-collapse-icon-type4 .x-icon.hack { .bi-theme-dark .tree-collapse-icon-type4 .x-icon.hack {
background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/dark/tree_collapse_4.png') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/dark/tree_collapse_4.png') no-repeat center center;
background-size: contain;
} }
.bi-theme-dark .tree-expand-icon-type1 .x-icon { .bi-theme-dark .tree-expand-icon-type1 .x-icon {
display: block; display: block;
background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/dark/tree_expand_1.png') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/dark/tree_expand_1.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/dark/tree_expand_1.png'); background-size: contain;
} }
.bi-theme-dark .tree-expand-icon-type1 .x-icon.hack { .bi-theme-dark .tree-expand-icon-type1 .x-icon.hack {
background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/dark/tree_expand_1.png') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/dark/tree_expand_1.png') no-repeat center center;
background-size: contain;
} }
.bi-theme-dark .tree-expand-icon-type2 .x-icon { .bi-theme-dark .tree-expand-icon-type2 .x-icon {
display: block; display: block;
background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/dark/tree_expand_2.png') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/dark/tree_expand_2.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/dark/tree_expand_2.png'); background-size: contain;
} }
.bi-theme-dark .tree-expand-icon-type2 .x-icon.hack { .bi-theme-dark .tree-expand-icon-type2 .x-icon.hack {
background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/dark/tree_expand_2.png') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/dark/tree_expand_2.png') no-repeat center center;
background-size: contain;
} }
.bi-theme-dark .tree-expand-icon-type3 .x-icon { .bi-theme-dark .tree-expand-icon-type3 .x-icon {
display: block; display: block;
background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/dark/tree_expand_3.png') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/dark/tree_expand_3.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/dark/tree_expand_3.png'); background-size: contain;
} }
.bi-theme-dark .tree-expand-icon-type3 .x-icon.hack { .bi-theme-dark .tree-expand-icon-type3 .x-icon.hack {
background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/dark/tree_expand_3.png') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/dark/tree_expand_3.png') no-repeat center center;
background-size: contain;
} }
.bi-theme-dark .tree-expand-icon-type4 .x-icon { .bi-theme-dark .tree-expand-icon-type4 .x-icon {
display: block; display: block;
background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/dark/tree_expand_4.png') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/dark/tree_expand_4.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/dark/tree_expand_4.png'); background-size: contain;
} }
.bi-theme-dark .tree-expand-icon-type4 .x-icon.hack { .bi-theme-dark .tree-expand-icon-type4 .x-icon.hack {
background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/dark/tree_expand_4.png') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/dark/tree_expand_4.png') no-repeat center center;
background-size: contain;
} }
.bi-theme-dark .tree-vertical-line-type2 .x-icon { .bi-theme-dark .tree-vertical-line-type2 .x-icon {
display: block; display: block;
background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/dark/tree_vertical_line_2.png') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/dark/tree_vertical_line_2.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/dark/tree_vertical_line_2.png'); background-size: contain;
} }
.bi-theme-dark .tree-vertical-line-type2 .x-icon.hack { .bi-theme-dark .tree-vertical-line-type2 .x-icon.hack {
background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/dark/tree_vertical_line_2.png') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/dark/tree_vertical_line_2.png') no-repeat center center;
background-size: contain;
} }
.bi-theme-dark .tree-vertical-line-type3 .x-icon { .bi-theme-dark .tree-vertical-line-type3 .x-icon {
display: block; display: block;
background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/dark/tree_vertical_line_3.png') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/dark/tree_vertical_line_3.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/dark/tree_vertical_line_3.png'); background-size: contain;
} }
.bi-theme-dark .tree-vertical-line-type3 .x-icon.hack { .bi-theme-dark .tree-vertical-line-type3 .x-icon.hack {
background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/dark/tree_vertical_line_3.png') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/dark/tree_vertical_line_3.png') no-repeat center center;
background-size: contain;
} }
.bi-theme-dark .tree-vertical-line-type4 .x-icon { .bi-theme-dark .tree-vertical-line-type4 .x-icon {
display: block; display: block;
background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/dark/tree_vertical_line_4.png') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/dark/tree_vertical_line_4.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/dark/tree_vertical_line_4.png'); background-size: contain;
} }
.bi-theme-dark .tree-vertical-line-type4 .x-icon.hack { .bi-theme-dark .tree-vertical-line-type4 .x-icon.hack {
background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/dark/tree_vertical_line_4.png') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/dark/tree_vertical_line_4.png') no-repeat center center;
background-size: contain;
} }
.check-box-icon .x-icon { .check-box-icon .x-icon {
display: block; display: block;
background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/check_box_normal.png') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/check_box_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/check_box_normal.png'); background-size: contain;
} }
.check-box-icon .x-icon.hack { .check-box-icon .x-icon.hack {
background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/check_box_normal.png') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/check_box_normal.png') no-repeat center center;
background-size: contain;
} }
.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('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/check_box_normal.png') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/check_box_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/check_box_normal.png'); background-size: contain;
} }
.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('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/check_box_normal.png') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/check_box_normal.png') no-repeat center center;
background-size: contain;
} }
.check-box-icon:active .x-icon { .check-box-icon:active .x-icon {
display: block; display: block;
background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/check_box_normal.png') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/check_box_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/check_box_normal.png'); background-size: contain;
} }
.check-box-icon:active .x-icon.hack { .check-box-icon:active .x-icon.hack {
background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/check_box_normal.png') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/check_box_normal.png') no-repeat center center;
background-size: contain;
} }
.check-box-icon.active .x-icon { .check-box-icon.active .x-icon {
display: block; display: block;
background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/check_box_active.png') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/check_box_active.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/check_box_active.png'); background-size: contain;
} }
.check-box-icon.active .x-icon.hack { .check-box-icon.active .x-icon.hack {
background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/check_box_active.png') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/check_box_active.png') no-repeat center center;
background-size: contain;
} }
.check-box-icon.disabled .x-icon { .check-box-icon.disabled .x-icon {
display: block; display: block;
background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/check_box_disable.png') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/check_box_disable.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/check_box_disable.png'); background-size: contain;
} }
.check-box-icon.disabled .x-icon.hack { .check-box-icon.disabled .x-icon.hack {
background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/check_box_disable.png') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/check_box_disable.png') no-repeat center center;
background-size: contain;
} }
.check-box-icon.disabled.active .x-icon { .check-box-icon.disabled.active .x-icon {
display: block; display: block;
background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/check_box_disable2.png') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/check_box_disable2.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/check_box_disable2.png'); background-size: contain;
} }
.check-box-icon.disabled.active .x-icon.hack { .check-box-icon.disabled.active .x-icon.hack {
background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/check_box_disable2.png') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/check_box_disable2.png') no-repeat center center;
background-size: contain;
} }
.radio-icon .x-icon { .radio-icon .x-icon {
display: block; display: block;
background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/radio_normal.png') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/radio_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/radio_normal.png'); background-size: contain;
} }
.radio-icon .x-icon.hack { .radio-icon .x-icon.hack {
background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/radio_normal.png') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/radio_normal.png') no-repeat center center;
background-size: contain;
} }
.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('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/radio_normal.png') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/radio_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/radio_normal.png'); background-size: contain;
} }
.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('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/radio_normal.png') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/radio_normal.png') no-repeat center center;
background-size: contain;
} }
.radio-icon:active .x-icon { .radio-icon:active .x-icon {
display: block; display: block;
background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/radio_normal.png') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/radio_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/radio_normal.png'); background-size: contain;
} }
.radio-icon:active .x-icon.hack { .radio-icon:active .x-icon.hack {
background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/radio_normal.png') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/radio_normal.png') no-repeat center center;
background-size: contain;
} }
.radio-icon.active .x-icon { .radio-icon.active .x-icon {
display: block; display: block;
background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/radio_active.png') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/radio_active.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/radio_active.png'); background-size: contain;
} }
.radio-icon.active .x-icon.hack { .radio-icon.active .x-icon.hack {
background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/radio_active.png') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/radio_active.png') no-repeat center center;
background-size: contain;
} }
.radio-icon.disabled .x-icon { .radio-icon.disabled .x-icon {
display: block; display: block;
background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/radio_disable.png') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/radio_disable.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/radio_disable.png'); background-size: contain;
} }
.radio-icon.disabled .x-icon.hack { .radio-icon.disabled .x-icon.hack {
background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/radio_disable.png') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/radio_disable.png') no-repeat center center;
background-size: contain;
} }
.radio-icon.disabled.active .x-icon { .radio-icon.disabled.active .x-icon {
display: block; display: block;
background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/radio_disable2.png') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/radio_disable2.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/radio_disable2.png'); background-size: contain;
} }
.radio-icon.disabled.active .x-icon.hack { .radio-icon.disabled.active .x-icon.hack {
background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/radio_disable2.png') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/radio_disable2.png') no-repeat center center;
background-size: contain;
} }
.check-half-select-icon .x-icon { .check-half-select-icon .x-icon {
display: block; display: block;
background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/half_selected.png') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/half_selected.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/half_selected.png'); background-size: contain;
} }
.check-half-select-icon .x-icon.hack { .check-half-select-icon .x-icon.hack {
background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/half_selected.png') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/half_selected.png') no-repeat center center;
background-size: contain;
} }
.check-half-select-icon.disabled .x-icon { .check-half-select-icon.disabled .x-icon {
display: block; display: block;
background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/half_selected_disable.png') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/half_selected_disable.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/half_selected_disable.png'); background-size: contain;
} }
.check-half-select-icon.disabled .x-icon.hack { .check-half-select-icon.disabled .x-icon.hack {
background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/half_selected_disable.png') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/half_selected_disable.png') no-repeat center center;
background-size: contain;
} }
.slider-icon .x-icon { .slider-icon .x-icon {
display: block; display: block;
background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/slider_normal_small.png') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/slider_normal_small.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/slider_normal_small.png'); background-size: contain;
} }
.slider-icon .x-icon.hack { .slider-icon .x-icon.hack {
background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/slider_normal_small.png') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/slider_normal_small.png') no-repeat center center;
background-size: contain;
} }
.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('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/slider_active_small.png') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/slider_active_small.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/slider_active_small.png'); background-size: contain;
} }
.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('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/slider_active_small.png') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/slider_active_small.png') no-repeat center center;
background-size: contain;
} }
.slider-icon.disabled .x-icon { .slider-icon.disabled .x-icon {
display: block; display: block;
background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/slider_normal_small.png') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/slider_normal_small.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/slider_normal_small.png'); background-size: contain;
} }
.slider-icon.disabled .x-icon.hack { .slider-icon.disabled .x-icon.hack {
background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/slider_normal_small.png') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/slider_normal_small.png') no-repeat center center;
background-size: contain;
} }
.auto-color-icon .x-icon { .auto-color-icon .x-icon {
display: block; display: block;
background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/auto_normal.png') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/auto_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/auto_normal.png'); background-size: contain;
} }
.auto-color-icon .x-icon.hack { .auto-color-icon .x-icon.hack {
background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/auto_normal.png') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/auto_normal.png') no-repeat center center;
background-size: contain;
} }
.auto-color-icon.active .x-icon { .auto-color-icon.active .x-icon {
display: block; display: block;
background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/auto_select.png') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/auto_select.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/auto_select.png'); background-size: contain;
} }
.auto-color-icon.active .x-icon.hack { .auto-color-icon.active .x-icon.hack {
background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/auto_select.png') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/auto_select.png') no-repeat center center;
background-size: contain;
} }
.auto-color-icon.disabled .x-icon { .auto-color-icon.disabled .x-icon {
display: block; display: block;
background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/auto_disable.png') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/auto_disable.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/auto_disable.png'); background-size: contain;
} }
.auto-color-icon.disabled .x-icon.hack { .auto-color-icon.disabled .x-icon.hack {
background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/auto_disable.png') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/auto_disable.png') no-repeat center center;
background-size: contain;
} }
.trans-color-icon .x-icon { .trans-color-icon .x-icon {
display: block; display: block;
background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/trans_normal.png') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/trans_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/trans_normal.png'); background-size: contain;
} }
.trans-color-icon .x-icon.hack { .trans-color-icon .x-icon.hack {
background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/trans_normal.png') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/trans_normal.png') no-repeat center center;
background-size: contain;
} }
.trans-color-icon.active .x-icon { .trans-color-icon.active .x-icon {
display: block; display: block;
background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/trans_select.png') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/trans_select.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/trans_select.png'); background-size: contain;
} }
.trans-color-icon.active .x-icon.hack { .trans-color-icon.active .x-icon.hack {
background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/trans_select.png') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/trans_select.png') no-repeat center center;
background-size: contain;
} }
.trans-color-icon.disabled .x-icon { .trans-color-icon.disabled .x-icon {
display: block; display: block;
background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/trans_disable.png') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/trans_disable.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/trans_disable.png'); background-size: contain;
} }
.trans-color-icon.disabled .x-icon.hack { .trans-color-icon.disabled .x-icon.hack {
background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/trans_disable.png') no-repeat center center; background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/trans_disable.png') no-repeat center center;
background-size: contain;
} }

86
src/css/base/colorchooser/colorpicker/editor.css

@ -1,214 +1,266 @@
.bi-farbtastic .wheel { .bi-farbtastic .wheel {
background: url('images/1x/background/wheel.png') no-repeat center center; background: url('images/1x/background/wheel.png') no-repeat center center;
background-size: contain;
} }
.bi-farbtastic .overlay { .bi-farbtastic .overlay {
background: url('images/1x/background/mask.png') no-repeat center center; background: url('images/1x/background/mask.png') no-repeat center center;
background-size: contain;
} }
.bi-farbtastic .marker { .bi-farbtastic .marker {
background: url('images/1x/background/marker.png') no-repeat center center; background: url('images/1x/background/marker.png') no-repeat center center;
background-size: contain;
} }
.bi-display-tree .ztree li span.button.switch.center_open { .bi-display-tree .ztree li span.button.switch.center_open {
background: url('images/1x/icon/tree_vertical_line_3.png') no-repeat center center; background: url('images/1x/icon/tree_vertical_line_3.png') no-repeat center center;
background-size: contain;
} }
.bi-display-tree .ztree li span.button.switch.roots_open { .bi-display-tree .ztree li span.button.switch.roots_open {
background: url('images/1x/icon/tree_vertical_line_2.png') no-repeat center center; background: url('images/1x/icon/tree_vertical_line_2.png') no-repeat center center;
background-size: contain;
} }
.bi-display-tree .ztree li span.button.switch.bottom_open { .bi-display-tree .ztree li span.button.switch.bottom_open {
background: url('images/1x/icon/tree_vertical_line_4.png') no-repeat center center; background: url('images/1x/icon/tree_vertical_line_4.png') no-repeat center center;
background-size: contain;
} }
.ztree li ul.line { .ztree li ul.line {
background: url('images/1x/icon/tree_vertical_line_1.png') repeat-y 1px 0; background: url('images/1x/icon/tree_vertical_line_1.png') repeat-y 1px 0;
background-size: contain;
} }
.bi-theme-dark .ztree li ul.line { .bi-theme-dark .ztree li ul.line {
background: url('images/1x/icon/dark/tree_vertical_line_1.png') repeat-y 1px 0; background: url('images/1x/icon/dark/tree_vertical_line_1.png') repeat-y 1px 0;
background-size: contain;
} }
.ztree li span.button.chk.checkbox_false_full { .ztree li span.button.chk.checkbox_false_full {
background: url('images/2x/icon/check_box_normal.png') no-repeat center center; background: url('images/2x/icon/check_box_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/check_box_normal.png'); background-size: contain;
} }
.ztree li span.button.chk.checkbox_false_full_focus { .ztree li span.button.chk.checkbox_false_full_focus {
background: url('images/2x/icon/check_box_normal.png') no-repeat center center; background: url('images/2x/icon/check_box_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/check_box_normal.png'); background-size: contain;
} }
.ztree li span.button.chk.checkbox_false_part { .ztree li span.button.chk.checkbox_false_part {
background: url('images/2x/icon/check_box_normal.png') no-repeat center center; background: url('images/2x/icon/check_box_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/check_box_normal.png'); background-size: contain;
} }
.ztree li span.button.chk.checkbox_false_part_focus { .ztree li span.button.chk.checkbox_false_part_focus {
background: url('images/2x/icon/half_selected.png') no-repeat center center; background: url('images/2x/icon/half_selected.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/half_selected.png'); background-size: contain;
} }
.ztree li span.button.chk.checkbox_true_full { .ztree li span.button.chk.checkbox_true_full {
background: url('images/2x/icon/check_box_active.png') no-repeat center center; background: url('images/2x/icon/check_box_active.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/check_box_active.png'); background-size: contain;
} }
.ztree li span.button.chk.checkbox_true_full_focus { .ztree li span.button.chk.checkbox_true_full_focus {
background: url('images/2x/icon/check_box_active.png') no-repeat center center; background: url('images/2x/icon/check_box_active.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/check_box_active.png'); background-size: contain;
} }
.ztree li span.button.chk.checkbox_true_part { .ztree li span.button.chk.checkbox_true_part {
background: url('images/2x/icon/half_selected.png') no-repeat center center; background: url('images/2x/icon/half_selected.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/half_selected.png'); background-size: contain;
} }
.ztree li span.button.chk.checkbox_true_part_focus { .ztree li span.button.chk.checkbox_true_part_focus {
background: url('images/2x/icon/half_selected.png') no-repeat center center; background: url('images/2x/icon/half_selected.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/half_selected.png'); background-size: contain;
} }
.ztree.hack li span.button.chk.checkbox_false_full { .ztree.hack li span.button.chk.checkbox_false_full {
background: url('images/1x/icon/check_box_normal.png') no-repeat center center; background: url('images/1x/icon/check_box_normal.png') no-repeat center center;
background-size: contain;
} }
.ztree.hack li span.button.chk.checkbox_false_full_focus { .ztree.hack li span.button.chk.checkbox_false_full_focus {
background: url('images/1x/icon/check_box_normal.png') no-repeat center center; background: url('images/1x/icon/check_box_normal.png') no-repeat center center;
background-size: contain;
} }
.ztree.hack li span.button.chk.checkbox_false_part { .ztree.hack li span.button.chk.checkbox_false_part {
background: url('images/1x/icon/check_box_normal.png') no-repeat center center; background: url('images/1x/icon/check_box_normal.png') no-repeat center center;
background-size: contain;
} }
.ztree.hack li span.button.chk.checkbox_false_part_focus { .ztree.hack li span.button.chk.checkbox_false_part_focus {
background: url('images/1x/icon/half_selected.png') no-repeat center center; background: url('images/1x/icon/half_selected.png') no-repeat center center;
background-size: contain;
} }
.ztree.hack li span.button.chk.checkbox_true_full { .ztree.hack li span.button.chk.checkbox_true_full {
background: url('images/1x/icon/check_box_active.png') no-repeat center center; background: url('images/1x/icon/check_box_active.png') no-repeat center center;
background-size: contain;
} }
.ztree.hack li span.button.chk.checkbox_true_full_focus { .ztree.hack li span.button.chk.checkbox_true_full_focus {
background: url('images/1x/icon/check_box_active.png') no-repeat center center; background: url('images/1x/icon/check_box_active.png') no-repeat center center;
background-size: contain;
} }
.ztree.hack li span.button.chk.checkbox_true_part { .ztree.hack li span.button.chk.checkbox_true_part {
background: url('images/1x/icon/half_selected.png') no-repeat center center; background: url('images/1x/icon/half_selected.png') no-repeat center center;
background-size: contain;
} }
.ztree.hack li span.button.chk.checkbox_true_part_focus { .ztree.hack li span.button.chk.checkbox_true_part_focus {
background: url('images/1x/icon/half_selected.png') no-repeat center center; background: url('images/1x/icon/half_selected.png') no-repeat center center;
background-size: contain;
} }
.ztree li span.button.root_open { .ztree li span.button.root_open {
background: url('images/1x/icon/tree_expand_1.png') no-repeat center center; background: url('images/1x/icon/tree_expand_1.png') no-repeat center center;
background-size: contain;
} }
.bi-theme-dark .ztree li span.button.root_open { .bi-theme-dark .ztree li span.button.root_open {
background: url('images/1x/icon/dark/tree_expand_1.png') no-repeat center center; background: url('images/1x/icon/dark/tree_expand_1.png') no-repeat center center;
background-size: contain;
} }
.ztree li span.button.root_close { .ztree li span.button.root_close {
background: url('images/1x/icon/tree_collapse_1.png') no-repeat center center; background: url('images/1x/icon/tree_collapse_1.png') no-repeat center center;
background-size: contain;
} }
.bi-theme-dark .ztree li span.button.root_close { .bi-theme-dark .ztree li span.button.root_close {
background: url('images/1x/icon/dark/tree_collapse_1.png') no-repeat center center; background: url('images/1x/icon/dark/tree_collapse_1.png') no-repeat center center;
background-size: contain;
} }
.ztree li span.button.roots_open { .ztree li span.button.roots_open {
background: url('images/1x/icon/tree_expand_2.png') no-repeat center center; background: url('images/1x/icon/tree_expand_2.png') no-repeat center center;
background-size: contain;
} }
.bi-theme-dark .ztree li span.button.roots_open { .bi-theme-dark .ztree li span.button.roots_open {
background: url('images/1x/icon/dark/tree_expand_2.png') no-repeat center center; background: url('images/1x/icon/dark/tree_expand_2.png') no-repeat center center;
background-size: contain;
} }
.ztree li span.button.roots_close { .ztree li span.button.roots_close {
background: url('images/1x/icon/tree_collapse_2.png') no-repeat center center; background: url('images/1x/icon/tree_collapse_2.png') no-repeat center center;
background-size: contain;
} }
.bi-theme-dark .ztree li span.button.roots_close { .bi-theme-dark .ztree li span.button.roots_close {
background: url('images/1x/icon/dark/tree_collapse_2.png') no-repeat center center; background: url('images/1x/icon/dark/tree_collapse_2.png') no-repeat center center;
background-size: contain;
} }
.ztree li span.button.center_open { .ztree li span.button.center_open {
background: url('images/1x/icon/tree_expand_3.png') no-repeat center center; background: url('images/1x/icon/tree_expand_3.png') no-repeat center center;
background-size: contain;
} }
.bi-theme-dark .ztree li span.button.center_open { .bi-theme-dark .ztree li span.button.center_open {
background: url('images/1x/icon/dark/tree_expand_3.png') no-repeat center center; background: url('images/1x/icon/dark/tree_expand_3.png') no-repeat center center;
background-size: contain;
} }
.ztree li span.button.center_close { .ztree li span.button.center_close {
background: url('images/1x/icon/tree_collapse_3.png') no-repeat center center; background: url('images/1x/icon/tree_collapse_3.png') no-repeat center center;
background-size: contain;
} }
.bi-theme-dark .ztree li span.button.center_close { .bi-theme-dark .ztree li span.button.center_close {
background: url('images/1x/icon/dark/tree_collapse_3.png') no-repeat center center; background: url('images/1x/icon/dark/tree_collapse_3.png') no-repeat center center;
background-size: contain;
} }
.ztree li span.button.bottom_open { .ztree li span.button.bottom_open {
background: url('images/1x/icon/tree_expand_4.png') no-repeat center center; background: url('images/1x/icon/tree_expand_4.png') no-repeat center center;
background-size: contain;
} }
.bi-theme-dark .ztree li span.button.bottom_open { .bi-theme-dark .ztree li span.button.bottom_open {
background: url('images/1x/icon/dark/tree_expand_4.png') no-repeat center center; background: url('images/1x/icon/dark/tree_expand_4.png') no-repeat center center;
background-size: contain;
} }
.ztree li span.button.bottom_close { .ztree li span.button.bottom_close {
background: url('images/1x/icon/tree_collapse_4.png') no-repeat center center; background: url('images/1x/icon/tree_collapse_4.png') no-repeat center center;
background-size: contain;
} }
.bi-theme-dark .ztree li span.button.bottom_close { .bi-theme-dark .ztree li span.button.bottom_close {
background: url('images/1x/icon/dark/tree_collapse_4.png') no-repeat center center; background: url('images/1x/icon/dark/tree_collapse_4.png') no-repeat center center;
background-size: contain;
} }
.ztree li span.button.roots_docu { .ztree li span.button.roots_docu {
background: url('images/1x/icon/tree_vertical_line_2.png') no-repeat center center; background: url('images/1x/icon/tree_vertical_line_2.png') no-repeat center center;
background-size: contain;
} }
.bi-theme-dark .ztree li span.button.roots_docu { .bi-theme-dark .ztree li span.button.roots_docu {
background: url('images/1x/icon/dark/tree_vertical_line_2.png') no-repeat center center; background: url('images/1x/icon/dark/tree_vertical_line_2.png') no-repeat center center;
background-size: contain;
} }
.ztree li span.button.center_docu { .ztree li span.button.center_docu {
background: url('images/1x/icon/tree_vertical_line_3.png') no-repeat center center; background: url('images/1x/icon/tree_vertical_line_3.png') no-repeat center center;
background-size: contain;
} }
.bi-theme-dark .ztree li span.button.center_docu { .bi-theme-dark .ztree li span.button.center_docu {
background: url('images/1x/icon/dark/tree_vertical_line_3.png') no-repeat center center; background: url('images/1x/icon/dark/tree_vertical_line_3.png') no-repeat center center;
background-size: contain;
} }
.ztree li span.button.bottom_docu { .ztree li span.button.bottom_docu {
background: url('images/1x/icon/tree_vertical_line_4.png') no-repeat center center; background: url('images/1x/icon/tree_vertical_line_4.png') no-repeat center center;
background-size: contain;
} }
.bi-theme-dark .ztree li span.button.bottom_docu { .bi-theme-dark .ztree li span.button.bottom_docu {
background: url('images/1x/icon/dark/tree_vertical_line_4.png') no-repeat center center; background: url('images/1x/icon/dark/tree_vertical_line_4.png') no-repeat center center;
background-size: contain;
} }
.ztree li span.button.ico_loading { .ztree li span.button.ico_loading {
background: url('images/1x/icon/loading.gif') no-repeat center center; background: url('images/1x/icon/loading.gif') no-repeat center center;
background-size: contain;
} }
.base-line-conn-background { .base-line-conn-background {
background: url('images/1x/icon/tree_vertical_line_1.png') repeat-y 0 0; background: url('images/1x/icon/tree_vertical_line_1.png') repeat-y 0 0;
background-size: contain;
} }
.bi-theme-dark .base-line-conn-background { .bi-theme-dark .base-line-conn-background {
background: url('images/1x/icon/dark/tree_vertical_line_1.png') repeat-y 0 0; background: url('images/1x/icon/dark/tree_vertical_line_1.png') repeat-y 0 0;
background-size: contain;
} }
.first-line-conn-background { .first-line-conn-background {
background: url('images/1x/icon/tree_vertical_line_2.png') no-repeat center center; background: url('images/1x/icon/tree_vertical_line_2.png') no-repeat center center;
background-size: contain;
} }
.bi-theme-dark .first-line-conn-background { .bi-theme-dark .first-line-conn-background {
background: url('images/1x/icon/dark/tree_vertical_line_2.png') no-repeat center center; background: url('images/1x/icon/dark/tree_vertical_line_2.png') no-repeat center center;
background-size: contain;
} }
.mid-line-conn-background { .mid-line-conn-background {
background: url('images/1x/icon/tree_vertical_line_3.png') no-repeat center center; background: url('images/1x/icon/tree_vertical_line_3.png') no-repeat center center;
background-size: contain;
} }
.bi-theme-dark .mid-line-conn-background { .bi-theme-dark .mid-line-conn-background {
background: url('images/1x/icon/dark/tree_vertical_line_3.png') no-repeat center center; background: url('images/1x/icon/dark/tree_vertical_line_3.png') no-repeat center center;
background-size: contain;
} }
.last-line-conn-background { .last-line-conn-background {
background: url('images/1x/icon/tree_vertical_line_4.png') no-repeat center center; background: url('images/1x/icon/tree_vertical_line_4.png') no-repeat center center;
background-size: contain;
} }
.bi-theme-dark .last-line-conn-background { .bi-theme-dark .last-line-conn-background {
background: url('images/1x/icon/dark/tree_vertical_line_4.png') no-repeat center center; background: url('images/1x/icon/dark/tree_vertical_line_4.png') no-repeat center center;
background-size: contain;
} }
.loading-background { .loading-background {
background: url('images/2x/icon/loading.gif') no-repeat center center; background: url('images/2x/icon/loading.gif') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/loading.gif'); background-size: contain;
} }
.auto-color-background { .auto-color-background {
background: url('images/2x/background/auto_color.png') no-repeat center center; background: url('images/2x/background/auto_color.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/background/auto_color.png'); background-size: contain;
} }
.auto-color-normal-background { .auto-color-normal-background {
background: url('images/2x/background/auto_color_normal.png') no-repeat center center; background: url('images/2x/background/auto_color_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/background/auto_color_normal.png'); background-size: contain;
} }
.auto-color-normal-disabled-background { .auto-color-normal-disabled-background {
background: url('images/2x/background/auto_color_normal_disable.png') no-repeat center center; background: url('images/2x/background/auto_color_normal_disable.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/background/auto_color_normal_disable.png'); background-size: contain;
} }
.trans-color-background { .trans-color-background {
background: url('images/2x/background/trans_normal.png') no-repeat center center; background: url('images/2x/background/trans_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/background/trans_normal.png'); background-size: contain;
} }
.trans-color-disabled-background { .trans-color-disabled-background {
background: url('images/2x/background/trans_disable.png') no-repeat center center; background: url('images/2x/background/trans_disable.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/background/trans_disable.png'); background-size: contain;
} }
.auto-color-background.hack { .auto-color-background.hack {
background: url('images/1x/background/auto_color.png') no-repeat center center; background: url('images/1x/background/auto_color.png') no-repeat center center;
background-size: contain;
} }
.auto-color-normal-background.hack { .auto-color-normal-background.hack {
background: url('images/1x/background/auto_color_normal.png') no-repeat center center; background: url('images/1x/background/auto_color_normal.png') no-repeat center center;
background-size: contain;
} }
.auto-color-normal-disabled-background.hack { .auto-color-normal-disabled-background.hack {
background: url('images/1x/background/auto_color_normal_disable.png') no-repeat center center; background: url('images/1x/background/auto_color_normal_disable.png') no-repeat center center;
background-size: contain;
} }
.trans-color-background.hack { .trans-color-background.hack {
background: url('images/1x/background/trans_normal.png') no-repeat center center; background: url('images/1x/background/trans_normal.png') no-repeat center center;
background-size: contain;
} }
.trans-color-disabled-background.hack { .trans-color-disabled-background.hack {
background: url('images/1x/background/trans_disable.png') no-repeat center center; background: url('images/1x/background/trans_disable.png') no-repeat center center;
background-size: contain;
} }
.bi-color-picker-editor .color-picker-editor-display { .bi-color-picker-editor .color-picker-editor-display {
-webkit-border-radius: 2px; -webkit-border-radius: 2px;
@ -217,15 +269,17 @@
} }
.bi-color-picker-editor.disabled .auto-color-normal-background { .bi-color-picker-editor.disabled .auto-color-normal-background {
background: url('images/2x/background/auto_color_normal_disable.png') no-repeat center center; background: url('images/2x/background/auto_color_normal_disable.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/background/auto_color_normal_disable.png'); background-size: contain;
} }
.bi-color-picker-editor.disabled .auto-color-normal-background.hack { .bi-color-picker-editor.disabled .auto-color-normal-background.hack {
background: url('images/1x/background/auto_color_normal_disable.png') no-repeat center center; background: url('images/1x/background/auto_color_normal_disable.png') no-repeat center center;
background-size: contain;
} }
.bi-color-picker-editor.disabled .trans-color-background { .bi-color-picker-editor.disabled .trans-color-background {
background: url('images/2x/background/trans_disable.png') no-repeat center center; background: url('images/2x/background/trans_disable.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/background/trans_disable.png'); background-size: contain;
} }
.bi-color-picker-editor.disabled .trans-color-background.hack { .bi-color-picker-editor.disabled .trans-color-background.hack {
background: url('images/1x/background/trans_disable.png') no-repeat center center; background: url('images/1x/background/trans_disable.png') no-repeat center center;
background-size: contain;
} }

1
src/css/base/pane.css

@ -124,6 +124,7 @@
} }
.bi-loading-widget.hack { .bi-loading-widget.hack {
background: url('images/1x/icon/wave_loading.gif') no-repeat center center; background: url('images/1x/icon/wave_loading.gif') no-repeat center center;
background-size: contain;
} }
.bi-loading-widget.hack .animate-rect { .bi-loading-widget.hack .animate-rect {
background-color: rgba(54, 133, 242, 0); background-color: rgba(54, 133, 242, 0);

80
src/css/resource/background.css

@ -1,212 +1,264 @@
.bi-farbtastic .wheel { .bi-farbtastic .wheel {
background: url('images/1x/background/wheel.png') no-repeat center center; background: url('images/1x/background/wheel.png') no-repeat center center;
background-size: contain;
} }
.bi-farbtastic .overlay { .bi-farbtastic .overlay {
background: url('images/1x/background/mask.png') no-repeat center center; background: url('images/1x/background/mask.png') no-repeat center center;
background-size: contain;
} }
.bi-farbtastic .marker { .bi-farbtastic .marker {
background: url('images/1x/background/marker.png') no-repeat center center; background: url('images/1x/background/marker.png') no-repeat center center;
background-size: contain;
} }
.bi-display-tree .ztree li span.button.switch.center_open { .bi-display-tree .ztree li span.button.switch.center_open {
background: url('images/1x/icon/tree_vertical_line_3.png') no-repeat center center; background: url('images/1x/icon/tree_vertical_line_3.png') no-repeat center center;
background-size: contain;
} }
.bi-display-tree .ztree li span.button.switch.roots_open { .bi-display-tree .ztree li span.button.switch.roots_open {
background: url('images/1x/icon/tree_vertical_line_2.png') no-repeat center center; background: url('images/1x/icon/tree_vertical_line_2.png') no-repeat center center;
background-size: contain;
} }
.bi-display-tree .ztree li span.button.switch.bottom_open { .bi-display-tree .ztree li span.button.switch.bottom_open {
background: url('images/1x/icon/tree_vertical_line_4.png') no-repeat center center; background: url('images/1x/icon/tree_vertical_line_4.png') no-repeat center center;
background-size: contain;
} }
.ztree li ul.line { .ztree li ul.line {
background: url('images/1x/icon/tree_vertical_line_1.png') repeat-y 1px 0; background: url('images/1x/icon/tree_vertical_line_1.png') repeat-y 1px 0;
background-size: contain;
} }
.bi-theme-dark .ztree li ul.line { .bi-theme-dark .ztree li ul.line {
background: url('images/1x/icon/dark/tree_vertical_line_1.png') repeat-y 1px 0; background: url('images/1x/icon/dark/tree_vertical_line_1.png') repeat-y 1px 0;
background-size: contain;
} }
.ztree li span.button.chk.checkbox_false_full { .ztree li span.button.chk.checkbox_false_full {
background: url('images/2x/icon/check_box_normal.png') no-repeat center center; background: url('images/2x/icon/check_box_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/check_box_normal.png'); background-size: contain;
} }
.ztree li span.button.chk.checkbox_false_full_focus { .ztree li span.button.chk.checkbox_false_full_focus {
background: url('images/2x/icon/check_box_normal.png') no-repeat center center; background: url('images/2x/icon/check_box_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/check_box_normal.png'); background-size: contain;
} }
.ztree li span.button.chk.checkbox_false_part { .ztree li span.button.chk.checkbox_false_part {
background: url('images/2x/icon/check_box_normal.png') no-repeat center center; background: url('images/2x/icon/check_box_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/check_box_normal.png'); background-size: contain;
} }
.ztree li span.button.chk.checkbox_false_part_focus { .ztree li span.button.chk.checkbox_false_part_focus {
background: url('images/2x/icon/half_selected.png') no-repeat center center; background: url('images/2x/icon/half_selected.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/half_selected.png'); background-size: contain;
} }
.ztree li span.button.chk.checkbox_true_full { .ztree li span.button.chk.checkbox_true_full {
background: url('images/2x/icon/check_box_active.png') no-repeat center center; background: url('images/2x/icon/check_box_active.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/check_box_active.png'); background-size: contain;
} }
.ztree li span.button.chk.checkbox_true_full_focus { .ztree li span.button.chk.checkbox_true_full_focus {
background: url('images/2x/icon/check_box_active.png') no-repeat center center; background: url('images/2x/icon/check_box_active.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/check_box_active.png'); background-size: contain;
} }
.ztree li span.button.chk.checkbox_true_part { .ztree li span.button.chk.checkbox_true_part {
background: url('images/2x/icon/half_selected.png') no-repeat center center; background: url('images/2x/icon/half_selected.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/half_selected.png'); background-size: contain;
} }
.ztree li span.button.chk.checkbox_true_part_focus { .ztree li span.button.chk.checkbox_true_part_focus {
background: url('images/2x/icon/half_selected.png') no-repeat center center; background: url('images/2x/icon/half_selected.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/half_selected.png'); background-size: contain;
} }
.ztree.hack li span.button.chk.checkbox_false_full { .ztree.hack li span.button.chk.checkbox_false_full {
background: url('images/1x/icon/check_box_normal.png') no-repeat center center; background: url('images/1x/icon/check_box_normal.png') no-repeat center center;
background-size: contain;
} }
.ztree.hack li span.button.chk.checkbox_false_full_focus { .ztree.hack li span.button.chk.checkbox_false_full_focus {
background: url('images/1x/icon/check_box_normal.png') no-repeat center center; background: url('images/1x/icon/check_box_normal.png') no-repeat center center;
background-size: contain;
} }
.ztree.hack li span.button.chk.checkbox_false_part { .ztree.hack li span.button.chk.checkbox_false_part {
background: url('images/1x/icon/check_box_normal.png') no-repeat center center; background: url('images/1x/icon/check_box_normal.png') no-repeat center center;
background-size: contain;
} }
.ztree.hack li span.button.chk.checkbox_false_part_focus { .ztree.hack li span.button.chk.checkbox_false_part_focus {
background: url('images/1x/icon/half_selected.png') no-repeat center center; background: url('images/1x/icon/half_selected.png') no-repeat center center;
background-size: contain;
} }
.ztree.hack li span.button.chk.checkbox_true_full { .ztree.hack li span.button.chk.checkbox_true_full {
background: url('images/1x/icon/check_box_active.png') no-repeat center center; background: url('images/1x/icon/check_box_active.png') no-repeat center center;
background-size: contain;
} }
.ztree.hack li span.button.chk.checkbox_true_full_focus { .ztree.hack li span.button.chk.checkbox_true_full_focus {
background: url('images/1x/icon/check_box_active.png') no-repeat center center; background: url('images/1x/icon/check_box_active.png') no-repeat center center;
background-size: contain;
} }
.ztree.hack li span.button.chk.checkbox_true_part { .ztree.hack li span.button.chk.checkbox_true_part {
background: url('images/1x/icon/half_selected.png') no-repeat center center; background: url('images/1x/icon/half_selected.png') no-repeat center center;
background-size: contain;
} }
.ztree.hack li span.button.chk.checkbox_true_part_focus { .ztree.hack li span.button.chk.checkbox_true_part_focus {
background: url('images/1x/icon/half_selected.png') no-repeat center center; background: url('images/1x/icon/half_selected.png') no-repeat center center;
background-size: contain;
} }
.ztree li span.button.root_open { .ztree li span.button.root_open {
background: url('images/1x/icon/tree_expand_1.png') no-repeat center center; background: url('images/1x/icon/tree_expand_1.png') no-repeat center center;
background-size: contain;
} }
.bi-theme-dark .ztree li span.button.root_open { .bi-theme-dark .ztree li span.button.root_open {
background: url('images/1x/icon/dark/tree_expand_1.png') no-repeat center center; background: url('images/1x/icon/dark/tree_expand_1.png') no-repeat center center;
background-size: contain;
} }
.ztree li span.button.root_close { .ztree li span.button.root_close {
background: url('images/1x/icon/tree_collapse_1.png') no-repeat center center; background: url('images/1x/icon/tree_collapse_1.png') no-repeat center center;
background-size: contain;
} }
.bi-theme-dark .ztree li span.button.root_close { .bi-theme-dark .ztree li span.button.root_close {
background: url('images/1x/icon/dark/tree_collapse_1.png') no-repeat center center; background: url('images/1x/icon/dark/tree_collapse_1.png') no-repeat center center;
background-size: contain;
} }
.ztree li span.button.roots_open { .ztree li span.button.roots_open {
background: url('images/1x/icon/tree_expand_2.png') no-repeat center center; background: url('images/1x/icon/tree_expand_2.png') no-repeat center center;
background-size: contain;
} }
.bi-theme-dark .ztree li span.button.roots_open { .bi-theme-dark .ztree li span.button.roots_open {
background: url('images/1x/icon/dark/tree_expand_2.png') no-repeat center center; background: url('images/1x/icon/dark/tree_expand_2.png') no-repeat center center;
background-size: contain;
} }
.ztree li span.button.roots_close { .ztree li span.button.roots_close {
background: url('images/1x/icon/tree_collapse_2.png') no-repeat center center; background: url('images/1x/icon/tree_collapse_2.png') no-repeat center center;
background-size: contain;
} }
.bi-theme-dark .ztree li span.button.roots_close { .bi-theme-dark .ztree li span.button.roots_close {
background: url('images/1x/icon/dark/tree_collapse_2.png') no-repeat center center; background: url('images/1x/icon/dark/tree_collapse_2.png') no-repeat center center;
background-size: contain;
} }
.ztree li span.button.center_open { .ztree li span.button.center_open {
background: url('images/1x/icon/tree_expand_3.png') no-repeat center center; background: url('images/1x/icon/tree_expand_3.png') no-repeat center center;
background-size: contain;
} }
.bi-theme-dark .ztree li span.button.center_open { .bi-theme-dark .ztree li span.button.center_open {
background: url('images/1x/icon/dark/tree_expand_3.png') no-repeat center center; background: url('images/1x/icon/dark/tree_expand_3.png') no-repeat center center;
background-size: contain;
} }
.ztree li span.button.center_close { .ztree li span.button.center_close {
background: url('images/1x/icon/tree_collapse_3.png') no-repeat center center; background: url('images/1x/icon/tree_collapse_3.png') no-repeat center center;
background-size: contain;
} }
.bi-theme-dark .ztree li span.button.center_close { .bi-theme-dark .ztree li span.button.center_close {
background: url('images/1x/icon/dark/tree_collapse_3.png') no-repeat center center; background: url('images/1x/icon/dark/tree_collapse_3.png') no-repeat center center;
background-size: contain;
} }
.ztree li span.button.bottom_open { .ztree li span.button.bottom_open {
background: url('images/1x/icon/tree_expand_4.png') no-repeat center center; background: url('images/1x/icon/tree_expand_4.png') no-repeat center center;
background-size: contain;
} }
.bi-theme-dark .ztree li span.button.bottom_open { .bi-theme-dark .ztree li span.button.bottom_open {
background: url('images/1x/icon/dark/tree_expand_4.png') no-repeat center center; background: url('images/1x/icon/dark/tree_expand_4.png') no-repeat center center;
background-size: contain;
} }
.ztree li span.button.bottom_close { .ztree li span.button.bottom_close {
background: url('images/1x/icon/tree_collapse_4.png') no-repeat center center; background: url('images/1x/icon/tree_collapse_4.png') no-repeat center center;
background-size: contain;
} }
.bi-theme-dark .ztree li span.button.bottom_close { .bi-theme-dark .ztree li span.button.bottom_close {
background: url('images/1x/icon/dark/tree_collapse_4.png') no-repeat center center; background: url('images/1x/icon/dark/tree_collapse_4.png') no-repeat center center;
background-size: contain;
} }
.ztree li span.button.roots_docu { .ztree li span.button.roots_docu {
background: url('images/1x/icon/tree_vertical_line_2.png') no-repeat center center; background: url('images/1x/icon/tree_vertical_line_2.png') no-repeat center center;
background-size: contain;
} }
.bi-theme-dark .ztree li span.button.roots_docu { .bi-theme-dark .ztree li span.button.roots_docu {
background: url('images/1x/icon/dark/tree_vertical_line_2.png') no-repeat center center; background: url('images/1x/icon/dark/tree_vertical_line_2.png') no-repeat center center;
background-size: contain;
} }
.ztree li span.button.center_docu { .ztree li span.button.center_docu {
background: url('images/1x/icon/tree_vertical_line_3.png') no-repeat center center; background: url('images/1x/icon/tree_vertical_line_3.png') no-repeat center center;
background-size: contain;
} }
.bi-theme-dark .ztree li span.button.center_docu { .bi-theme-dark .ztree li span.button.center_docu {
background: url('images/1x/icon/dark/tree_vertical_line_3.png') no-repeat center center; background: url('images/1x/icon/dark/tree_vertical_line_3.png') no-repeat center center;
background-size: contain;
} }
.ztree li span.button.bottom_docu { .ztree li span.button.bottom_docu {
background: url('images/1x/icon/tree_vertical_line_4.png') no-repeat center center; background: url('images/1x/icon/tree_vertical_line_4.png') no-repeat center center;
background-size: contain;
} }
.bi-theme-dark .ztree li span.button.bottom_docu { .bi-theme-dark .ztree li span.button.bottom_docu {
background: url('images/1x/icon/dark/tree_vertical_line_4.png') no-repeat center center; background: url('images/1x/icon/dark/tree_vertical_line_4.png') no-repeat center center;
background-size: contain;
} }
.ztree li span.button.ico_loading { .ztree li span.button.ico_loading {
background: url('images/1x/icon/loading.gif') no-repeat center center; background: url('images/1x/icon/loading.gif') no-repeat center center;
background-size: contain;
} }
.base-line-conn-background { .base-line-conn-background {
background: url('images/1x/icon/tree_vertical_line_1.png') repeat-y 0 0; background: url('images/1x/icon/tree_vertical_line_1.png') repeat-y 0 0;
background-size: contain;
} }
.bi-theme-dark .base-line-conn-background { .bi-theme-dark .base-line-conn-background {
background: url('images/1x/icon/dark/tree_vertical_line_1.png') repeat-y 0 0; background: url('images/1x/icon/dark/tree_vertical_line_1.png') repeat-y 0 0;
background-size: contain;
} }
.first-line-conn-background { .first-line-conn-background {
background: url('images/1x/icon/tree_vertical_line_2.png') no-repeat center center; background: url('images/1x/icon/tree_vertical_line_2.png') no-repeat center center;
background-size: contain;
} }
.bi-theme-dark .first-line-conn-background { .bi-theme-dark .first-line-conn-background {
background: url('images/1x/icon/dark/tree_vertical_line_2.png') no-repeat center center; background: url('images/1x/icon/dark/tree_vertical_line_2.png') no-repeat center center;
background-size: contain;
} }
.mid-line-conn-background { .mid-line-conn-background {
background: url('images/1x/icon/tree_vertical_line_3.png') no-repeat center center; background: url('images/1x/icon/tree_vertical_line_3.png') no-repeat center center;
background-size: contain;
} }
.bi-theme-dark .mid-line-conn-background { .bi-theme-dark .mid-line-conn-background {
background: url('images/1x/icon/dark/tree_vertical_line_3.png') no-repeat center center; background: url('images/1x/icon/dark/tree_vertical_line_3.png') no-repeat center center;
background-size: contain;
} }
.last-line-conn-background { .last-line-conn-background {
background: url('images/1x/icon/tree_vertical_line_4.png') no-repeat center center; background: url('images/1x/icon/tree_vertical_line_4.png') no-repeat center center;
background-size: contain;
} }
.bi-theme-dark .last-line-conn-background { .bi-theme-dark .last-line-conn-background {
background: url('images/1x/icon/dark/tree_vertical_line_4.png') no-repeat center center; background: url('images/1x/icon/dark/tree_vertical_line_4.png') no-repeat center center;
background-size: contain;
} }
.loading-background { .loading-background {
background: url('images/2x/icon/loading.gif') no-repeat center center; background: url('images/2x/icon/loading.gif') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/loading.gif'); background-size: contain;
} }
.auto-color-background { .auto-color-background {
background: url('images/2x/background/auto_color.png') no-repeat center center; background: url('images/2x/background/auto_color.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/background/auto_color.png'); background-size: contain;
} }
.auto-color-normal-background { .auto-color-normal-background {
background: url('images/2x/background/auto_color_normal.png') no-repeat center center; background: url('images/2x/background/auto_color_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/background/auto_color_normal.png'); background-size: contain;
} }
.auto-color-normal-disabled-background { .auto-color-normal-disabled-background {
background: url('images/2x/background/auto_color_normal_disable.png') no-repeat center center; background: url('images/2x/background/auto_color_normal_disable.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/background/auto_color_normal_disable.png'); background-size: contain;
} }
.trans-color-background { .trans-color-background {
background: url('images/2x/background/trans_normal.png') no-repeat center center; background: url('images/2x/background/trans_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/background/trans_normal.png'); background-size: contain;
} }
.trans-color-disabled-background { .trans-color-disabled-background {
background: url('images/2x/background/trans_disable.png') no-repeat center center; background: url('images/2x/background/trans_disable.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/background/trans_disable.png'); background-size: contain;
} }
.auto-color-background.hack { .auto-color-background.hack {
background: url('images/1x/background/auto_color.png') no-repeat center center; background: url('images/1x/background/auto_color.png') no-repeat center center;
background-size: contain;
} }
.auto-color-normal-background.hack { .auto-color-normal-background.hack {
background: url('images/1x/background/auto_color_normal.png') no-repeat center center; background: url('images/1x/background/auto_color_normal.png') no-repeat center center;
background-size: contain;
} }
.auto-color-normal-disabled-background.hack { .auto-color-normal-disabled-background.hack {
background: url('images/1x/background/auto_color_normal_disable.png') no-repeat center center; background: url('images/1x/background/auto_color_normal_disable.png') no-repeat center center;
background-size: contain;
} }
.trans-color-background.hack { .trans-color-background.hack {
background: url('images/1x/background/trans_normal.png') no-repeat center center; background: url('images/1x/background/trans_normal.png') no-repeat center center;
background-size: contain;
} }
.trans-color-disabled-background.hack { .trans-color-disabled-background.hack {
background: url('images/1x/background/trans_disable.png') no-repeat center center; background: url('images/1x/background/trans_disable.png') no-repeat center center;
background-size: contain;
} }

135
src/css/resource/icon.css

@ -1,366 +1,411 @@
.tree-collapse-icon-type1 .x-icon { .tree-collapse-icon-type1 .x-icon {
display: block; display: block;
background: url('images/2x/icon/tree_collapse_1.png') no-repeat center center; background: url('images/2x/icon/tree_collapse_1.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/tree_collapse_1.png'); background-size: contain;
} }
.tree-collapse-icon-type1 .x-icon.hack { .tree-collapse-icon-type1 .x-icon.hack {
background: url('images/1x/icon/tree_collapse_1.png') no-repeat center center; background: url('images/1x/icon/tree_collapse_1.png') no-repeat center center;
background-size: contain;
} }
.tree-collapse-icon-type2 .x-icon { .tree-collapse-icon-type2 .x-icon {
display: block; display: block;
background: url('images/2x/icon/tree_collapse_2.png') no-repeat center center; background: url('images/2x/icon/tree_collapse_2.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/tree_collapse_2.png'); background-size: contain;
} }
.tree-collapse-icon-type2 .x-icon.hack { .tree-collapse-icon-type2 .x-icon.hack {
background: url('images/1x/icon/tree_collapse_2.png') no-repeat center center; background: url('images/1x/icon/tree_collapse_2.png') no-repeat center center;
background-size: contain;
} }
.tree-collapse-icon-type3 .x-icon { .tree-collapse-icon-type3 .x-icon {
display: block; display: block;
background: url('images/2x/icon/tree_collapse_3.png') no-repeat center center; background: url('images/2x/icon/tree_collapse_3.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/tree_collapse_3.png'); background-size: contain;
} }
.tree-collapse-icon-type3 .x-icon.hack { .tree-collapse-icon-type3 .x-icon.hack {
background: url('images/1x/icon/tree_collapse_3.png') no-repeat center center; background: url('images/1x/icon/tree_collapse_3.png') no-repeat center center;
background-size: contain;
} }
.tree-collapse-icon-type4 .x-icon { .tree-collapse-icon-type4 .x-icon {
display: block; display: block;
background: url('images/2x/icon/tree_collapse_4.png') no-repeat center center; background: url('images/2x/icon/tree_collapse_4.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/tree_collapse_4.png'); background-size: contain;
} }
.tree-collapse-icon-type4 .x-icon.hack { .tree-collapse-icon-type4 .x-icon.hack {
background: url('images/1x/icon/tree_collapse_4.png') no-repeat center center; background: url('images/1x/icon/tree_collapse_4.png') no-repeat center center;
background-size: contain;
} }
.tree-expand-icon-type1 .x-icon { .tree-expand-icon-type1 .x-icon {
display: block; display: block;
background: url('images/2x/icon/tree_expand_1.png') no-repeat center center; background: url('images/2x/icon/tree_expand_1.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/tree_expand_1.png'); background-size: contain;
} }
.tree-expand-icon-type1 .x-icon.hack { .tree-expand-icon-type1 .x-icon.hack {
background: url('images/1x/icon/tree_expand_1.png') no-repeat center center; background: url('images/1x/icon/tree_expand_1.png') no-repeat center center;
background-size: contain;
} }
.tree-expand-icon-type2 .x-icon { .tree-expand-icon-type2 .x-icon {
display: block; display: block;
background: url('images/2x/icon/tree_expand_2.png') no-repeat center center; background: url('images/2x/icon/tree_expand_2.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/tree_expand_2.png'); background-size: contain;
} }
.tree-expand-icon-type2 .x-icon.hack { .tree-expand-icon-type2 .x-icon.hack {
background: url('images/1x/icon/tree_expand_2.png') no-repeat center center; background: url('images/1x/icon/tree_expand_2.png') no-repeat center center;
background-size: contain;
} }
.tree-expand-icon-type3 .x-icon { .tree-expand-icon-type3 .x-icon {
display: block; display: block;
background: url('images/2x/icon/tree_expand_3.png') no-repeat center center; background: url('images/2x/icon/tree_expand_3.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/tree_expand_3.png'); background-size: contain;
} }
.tree-expand-icon-type3 .x-icon.hack { .tree-expand-icon-type3 .x-icon.hack {
background: url('images/1x/icon/tree_expand_3.png') no-repeat center center; background: url('images/1x/icon/tree_expand_3.png') no-repeat center center;
background-size: contain;
} }
.tree-expand-icon-type4 .x-icon { .tree-expand-icon-type4 .x-icon {
display: block; display: block;
background: url('images/2x/icon/tree_expand_4.png') no-repeat center center; background: url('images/2x/icon/tree_expand_4.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/tree_expand_4.png'); background-size: contain;
} }
.tree-expand-icon-type4 .x-icon.hack { .tree-expand-icon-type4 .x-icon.hack {
background: url('images/1x/icon/tree_expand_4.png') no-repeat center center; background: url('images/1x/icon/tree_expand_4.png') no-repeat center center;
background-size: contain;
} }
.tree-vertical-line-type2 .x-icon { .tree-vertical-line-type2 .x-icon {
display: block; display: block;
background: url('images/2x/icon/tree_vertical_line_2.png') no-repeat center center; background: url('images/2x/icon/tree_vertical_line_2.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/tree_vertical_line_2.png'); background-size: contain;
} }
.tree-vertical-line-type2 .x-icon.hack { .tree-vertical-line-type2 .x-icon.hack {
background: url('images/1x/icon/tree_vertical_line_2.png') no-repeat center center; background: url('images/1x/icon/tree_vertical_line_2.png') no-repeat center center;
background-size: contain;
} }
.tree-vertical-line-type3 .x-icon { .tree-vertical-line-type3 .x-icon {
display: block; display: block;
background: url('images/2x/icon/tree_vertical_line_3.png') no-repeat center center; background: url('images/2x/icon/tree_vertical_line_3.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/tree_vertical_line_3.png'); background-size: contain;
} }
.tree-vertical-line-type3 .x-icon.hack { .tree-vertical-line-type3 .x-icon.hack {
background: url('images/1x/icon/tree_vertical_line_3.png') no-repeat center center; background: url('images/1x/icon/tree_vertical_line_3.png') no-repeat center center;
background-size: contain;
} }
.tree-vertical-line-type4 .x-icon { .tree-vertical-line-type4 .x-icon {
display: block; display: block;
background: url('images/2x/icon/tree_vertical_line_4.png') no-repeat center center; background: url('images/2x/icon/tree_vertical_line_4.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/tree_vertical_line_4.png'); background-size: contain;
} }
.tree-vertical-line-type4 .x-icon.hack { .tree-vertical-line-type4 .x-icon.hack {
background: url('images/1x/icon/tree_vertical_line_4.png') no-repeat center center; background: url('images/1x/icon/tree_vertical_line_4.png') no-repeat center center;
background-size: contain;
} }
.bi-theme-dark .tree-collapse-icon-type1 .x-icon { .bi-theme-dark .tree-collapse-icon-type1 .x-icon {
display: block; display: block;
background: url('images/2x/icon/dark/tree_collapse_1.png') no-repeat center center; background: url('images/2x/icon/dark/tree_collapse_1.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/dark/tree_collapse_1.png'); background-size: contain;
} }
.bi-theme-dark .tree-collapse-icon-type1 .x-icon.hack { .bi-theme-dark .tree-collapse-icon-type1 .x-icon.hack {
background: url('images/1x/icon/dark/tree_collapse_1.png') no-repeat center center; background: url('images/1x/icon/dark/tree_collapse_1.png') no-repeat center center;
background-size: contain;
} }
.bi-theme-dark .tree-collapse-icon-type2 .x-icon { .bi-theme-dark .tree-collapse-icon-type2 .x-icon {
display: block; display: block;
background: url('images/2x/icon/dark/tree_collapse_2.png') no-repeat center center; background: url('images/2x/icon/dark/tree_collapse_2.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/dark/tree_collapse_2.png'); background-size: contain;
} }
.bi-theme-dark .tree-collapse-icon-type2 .x-icon.hack { .bi-theme-dark .tree-collapse-icon-type2 .x-icon.hack {
background: url('images/1x/icon/dark/tree_collapse_2.png') no-repeat center center; background: url('images/1x/icon/dark/tree_collapse_2.png') no-repeat center center;
background-size: contain;
} }
.bi-theme-dark .tree-collapse-icon-type3 .x-icon { .bi-theme-dark .tree-collapse-icon-type3 .x-icon {
display: block; display: block;
background: url('images/2x/icon/dark/tree_collapse_3.png') no-repeat center center; background: url('images/2x/icon/dark/tree_collapse_3.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/dark/tree_collapse_3.png'); background-size: contain;
} }
.bi-theme-dark .tree-collapse-icon-type3 .x-icon.hack { .bi-theme-dark .tree-collapse-icon-type3 .x-icon.hack {
background: url('images/1x/icon/dark/tree_collapse_3.png') no-repeat center center; background: url('images/1x/icon/dark/tree_collapse_3.png') no-repeat center center;
background-size: contain;
} }
.bi-theme-dark .tree-collapse-icon-type4 .x-icon { .bi-theme-dark .tree-collapse-icon-type4 .x-icon {
display: block; display: block;
background: url('images/2x/icon/dark/tree_collapse_4.png') no-repeat center center; background: url('images/2x/icon/dark/tree_collapse_4.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/dark/tree_collapse_4.png'); background-size: contain;
} }
.bi-theme-dark .tree-collapse-icon-type4 .x-icon.hack { .bi-theme-dark .tree-collapse-icon-type4 .x-icon.hack {
background: url('images/1x/icon/dark/tree_collapse_4.png') no-repeat center center; background: url('images/1x/icon/dark/tree_collapse_4.png') no-repeat center center;
background-size: contain;
} }
.bi-theme-dark .tree-expand-icon-type1 .x-icon { .bi-theme-dark .tree-expand-icon-type1 .x-icon {
display: block; display: block;
background: url('images/2x/icon/dark/tree_expand_1.png') no-repeat center center; background: url('images/2x/icon/dark/tree_expand_1.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/dark/tree_expand_1.png'); background-size: contain;
} }
.bi-theme-dark .tree-expand-icon-type1 .x-icon.hack { .bi-theme-dark .tree-expand-icon-type1 .x-icon.hack {
background: url('images/1x/icon/dark/tree_expand_1.png') no-repeat center center; background: url('images/1x/icon/dark/tree_expand_1.png') no-repeat center center;
background-size: contain;
} }
.bi-theme-dark .tree-expand-icon-type2 .x-icon { .bi-theme-dark .tree-expand-icon-type2 .x-icon {
display: block; display: block;
background: url('images/2x/icon/dark/tree_expand_2.png') no-repeat center center; background: url('images/2x/icon/dark/tree_expand_2.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/dark/tree_expand_2.png'); background-size: contain;
} }
.bi-theme-dark .tree-expand-icon-type2 .x-icon.hack { .bi-theme-dark .tree-expand-icon-type2 .x-icon.hack {
background: url('images/1x/icon/dark/tree_expand_2.png') no-repeat center center; background: url('images/1x/icon/dark/tree_expand_2.png') no-repeat center center;
background-size: contain;
} }
.bi-theme-dark .tree-expand-icon-type3 .x-icon { .bi-theme-dark .tree-expand-icon-type3 .x-icon {
display: block; display: block;
background: url('images/2x/icon/dark/tree_expand_3.png') no-repeat center center; background: url('images/2x/icon/dark/tree_expand_3.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/dark/tree_expand_3.png'); background-size: contain;
} }
.bi-theme-dark .tree-expand-icon-type3 .x-icon.hack { .bi-theme-dark .tree-expand-icon-type3 .x-icon.hack {
background: url('images/1x/icon/dark/tree_expand_3.png') no-repeat center center; background: url('images/1x/icon/dark/tree_expand_3.png') no-repeat center center;
background-size: contain;
} }
.bi-theme-dark .tree-expand-icon-type4 .x-icon { .bi-theme-dark .tree-expand-icon-type4 .x-icon {
display: block; display: block;
background: url('images/2x/icon/dark/tree_expand_4.png') no-repeat center center; background: url('images/2x/icon/dark/tree_expand_4.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/dark/tree_expand_4.png'); background-size: contain;
} }
.bi-theme-dark .tree-expand-icon-type4 .x-icon.hack { .bi-theme-dark .tree-expand-icon-type4 .x-icon.hack {
background: url('images/1x/icon/dark/tree_expand_4.png') no-repeat center center; background: url('images/1x/icon/dark/tree_expand_4.png') no-repeat center center;
background-size: contain;
} }
.bi-theme-dark .tree-vertical-line-type2 .x-icon { .bi-theme-dark .tree-vertical-line-type2 .x-icon {
display: block; display: block;
background: url('images/2x/icon/dark/tree_vertical_line_2.png') no-repeat center center; background: url('images/2x/icon/dark/tree_vertical_line_2.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/dark/tree_vertical_line_2.png'); background-size: contain;
} }
.bi-theme-dark .tree-vertical-line-type2 .x-icon.hack { .bi-theme-dark .tree-vertical-line-type2 .x-icon.hack {
background: url('images/1x/icon/dark/tree_vertical_line_2.png') no-repeat center center; background: url('images/1x/icon/dark/tree_vertical_line_2.png') no-repeat center center;
background-size: contain;
} }
.bi-theme-dark .tree-vertical-line-type3 .x-icon { .bi-theme-dark .tree-vertical-line-type3 .x-icon {
display: block; display: block;
background: url('images/2x/icon/dark/tree_vertical_line_3.png') no-repeat center center; background: url('images/2x/icon/dark/tree_vertical_line_3.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/dark/tree_vertical_line_3.png'); background-size: contain;
} }
.bi-theme-dark .tree-vertical-line-type3 .x-icon.hack { .bi-theme-dark .tree-vertical-line-type3 .x-icon.hack {
background: url('images/1x/icon/dark/tree_vertical_line_3.png') no-repeat center center; background: url('images/1x/icon/dark/tree_vertical_line_3.png') no-repeat center center;
background-size: contain;
} }
.bi-theme-dark .tree-vertical-line-type4 .x-icon { .bi-theme-dark .tree-vertical-line-type4 .x-icon {
display: block; display: block;
background: url('images/2x/icon/dark/tree_vertical_line_4.png') no-repeat center center; background: url('images/2x/icon/dark/tree_vertical_line_4.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/dark/tree_vertical_line_4.png'); background-size: contain;
} }
.bi-theme-dark .tree-vertical-line-type4 .x-icon.hack { .bi-theme-dark .tree-vertical-line-type4 .x-icon.hack {
background: url('images/1x/icon/dark/tree_vertical_line_4.png') no-repeat center center; background: url('images/1x/icon/dark/tree_vertical_line_4.png') no-repeat center center;
background-size: contain;
} }
.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 center center; background: url('images/2x/icon/check_box_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/check_box_normal.png'); background-size: contain;
} }
.check-box-icon .x-icon.hack { .check-box-icon .x-icon.hack {
background: url('images/1x/icon/check_box_normal.png') no-repeat center center; background: url('images/1x/icon/check_box_normal.png') no-repeat center center;
background-size: contain;
} }
.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 center center; background: url('images/2x/icon/check_box_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/check_box_normal.png'); background-size: contain;
} }
.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 center center; background: url('images/1x/icon/check_box_normal.png') no-repeat center center;
background-size: contain;
} }
.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 center center; background: url('images/2x/icon/check_box_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/check_box_normal.png'); background-size: contain;
} }
.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 center center; background: url('images/1x/icon/check_box_normal.png') no-repeat center center;
background-size: contain;
} }
.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 center center; background: url('images/2x/icon/check_box_active.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/check_box_active.png'); background-size: contain;
} }
.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 center center; background: url('images/1x/icon/check_box_active.png') no-repeat center center;
background-size: contain;
} }
.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 center center; background: url('images/2x/icon/check_box_disable.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/check_box_disable.png'); background-size: contain;
} }
.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 center center; background: url('images/1x/icon/check_box_disable.png') no-repeat center center;
background-size: contain;
} }
.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 center center; background: url('images/2x/icon/check_box_disable2.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/check_box_disable2.png'); background-size: contain;
} }
.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 center center; background: url('images/1x/icon/check_box_disable2.png') no-repeat center center;
background-size: contain;
} }
.radio-icon .x-icon { .radio-icon .x-icon {
display: block; display: block;
background: url('images/2x/icon/radio_normal.png') no-repeat center center; background: url('images/2x/icon/radio_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/radio_normal.png'); background-size: contain;
} }
.radio-icon .x-icon.hack { .radio-icon .x-icon.hack {
background: url('images/1x/icon/radio_normal.png') no-repeat center center; background: url('images/1x/icon/radio_normal.png') no-repeat center center;
background-size: contain;
} }
.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 center center; background: url('images/2x/icon/radio_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/radio_normal.png'); background-size: contain;
} }
.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 center center; background: url('images/1x/icon/radio_normal.png') no-repeat center center;
background-size: contain;
} }
.radio-icon:active .x-icon { .radio-icon:active .x-icon {
display: block; display: block;
background: url('images/2x/icon/radio_normal.png') no-repeat center center; background: url('images/2x/icon/radio_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/radio_normal.png'); background-size: contain;
} }
.radio-icon:active .x-icon.hack { .radio-icon:active .x-icon.hack {
background: url('images/1x/icon/radio_normal.png') no-repeat center center; background: url('images/1x/icon/radio_normal.png') no-repeat center center;
background-size: contain;
} }
.radio-icon.active .x-icon { .radio-icon.active .x-icon {
display: block; display: block;
background: url('images/2x/icon/radio_active.png') no-repeat center center; background: url('images/2x/icon/radio_active.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/radio_active.png'); background-size: contain;
} }
.radio-icon.active .x-icon.hack { .radio-icon.active .x-icon.hack {
background: url('images/1x/icon/radio_active.png') no-repeat center center; background: url('images/1x/icon/radio_active.png') no-repeat center center;
background-size: contain;
} }
.radio-icon.disabled .x-icon { .radio-icon.disabled .x-icon {
display: block; display: block;
background: url('images/2x/icon/radio_disable.png') no-repeat center center; background: url('images/2x/icon/radio_disable.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/radio_disable.png'); background-size: contain;
} }
.radio-icon.disabled .x-icon.hack { .radio-icon.disabled .x-icon.hack {
background: url('images/1x/icon/radio_disable.png') no-repeat center center; background: url('images/1x/icon/radio_disable.png') no-repeat center center;
background-size: contain;
} }
.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 center center; background: url('images/2x/icon/radio_disable2.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/radio_disable2.png'); background-size: contain;
} }
.radio-icon.disabled.active .x-icon.hack { .radio-icon.disabled.active .x-icon.hack {
background: url('images/1x/icon/radio_disable2.png') no-repeat center center; background: url('images/1x/icon/radio_disable2.png') no-repeat center center;
background-size: contain;
} }
.check-half-select-icon .x-icon { .check-half-select-icon .x-icon {
display: block; display: block;
background: url('images/2x/icon/half_selected.png') no-repeat center center; background: url('images/2x/icon/half_selected.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/half_selected.png'); background-size: contain;
} }
.check-half-select-icon .x-icon.hack { .check-half-select-icon .x-icon.hack {
background: url('images/1x/icon/half_selected.png') no-repeat center center; background: url('images/1x/icon/half_selected.png') no-repeat center center;
background-size: contain;
} }
.check-half-select-icon.disabled .x-icon { .check-half-select-icon.disabled .x-icon {
display: block; display: block;
background: url('images/2x/icon/half_selected_disable.png') no-repeat center center; background: url('images/2x/icon/half_selected_disable.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/half_selected_disable.png'); background-size: contain;
} }
.check-half-select-icon.disabled .x-icon.hack { .check-half-select-icon.disabled .x-icon.hack {
background: url('images/1x/icon/half_selected_disable.png') no-repeat center center; background: url('images/1x/icon/half_selected_disable.png') no-repeat center center;
background-size: contain;
} }
.slider-icon .x-icon { .slider-icon .x-icon {
display: block; display: block;
background: url('images/2x/icon/slider_normal_small.png') no-repeat center center; background: url('images/2x/icon/slider_normal_small.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/slider_normal_small.png'); background-size: contain;
} }
.slider-icon .x-icon.hack { .slider-icon .x-icon.hack {
background: url('images/1x/icon/slider_normal_small.png') no-repeat center center; background: url('images/1x/icon/slider_normal_small.png') no-repeat center center;
background-size: contain;
} }
.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 center center; background: url('images/2x/icon/slider_active_small.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/slider_active_small.png'); background-size: contain;
} }
.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 center center; background: url('images/1x/icon/slider_active_small.png') no-repeat center center;
background-size: contain;
} }
.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 center center; background: url('images/2x/icon/slider_normal_small.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/slider_normal_small.png'); background-size: contain;
} }
.slider-icon.disabled .x-icon.hack { .slider-icon.disabled .x-icon.hack {
background: url('images/1x/icon/slider_normal_small.png') no-repeat center center; background: url('images/1x/icon/slider_normal_small.png') no-repeat center center;
background-size: contain;
} }
.auto-color-icon .x-icon { .auto-color-icon .x-icon {
display: block; display: block;
background: url('images/2x/icon/auto_normal.png') no-repeat center center; 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;
} }
.auto-color-icon .x-icon.hack { .auto-color-icon .x-icon.hack {
background: url('images/1x/icon/auto_normal.png') no-repeat center center; background: url('images/1x/icon/auto_normal.png') no-repeat center center;
background-size: contain;
} }
.auto-color-icon.active .x-icon { .auto-color-icon.active .x-icon {
display: block; display: block;
background: url('images/2x/icon/auto_select.png') no-repeat center center; 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;
} }
.auto-color-icon.active .x-icon.hack { .auto-color-icon.active .x-icon.hack {
background: url('images/1x/icon/auto_select.png') no-repeat center center; background: url('images/1x/icon/auto_select.png') no-repeat center center;
background-size: contain;
} }
.auto-color-icon.disabled .x-icon { .auto-color-icon.disabled .x-icon {
display: block; display: block;
background: url('images/2x/icon/auto_disable.png') no-repeat center center; 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;
} }
.auto-color-icon.disabled .x-icon.hack { .auto-color-icon.disabled .x-icon.hack {
background: url('images/1x/icon/auto_disable.png') no-repeat center center; background: url('images/1x/icon/auto_disable.png') no-repeat center center;
background-size: contain;
} }
.trans-color-icon .x-icon { .trans-color-icon .x-icon {
display: block; display: block;
background: url('images/2x/icon/trans_normal.png') no-repeat center center; 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;
} }
.trans-color-icon .x-icon.hack { .trans-color-icon .x-icon.hack {
background: url('images/1x/icon/trans_normal.png') no-repeat center center; background: url('images/1x/icon/trans_normal.png') no-repeat center center;
background-size: contain;
} }
.trans-color-icon.active .x-icon { .trans-color-icon.active .x-icon {
display: block; display: block;
background: url('images/2x/icon/trans_select.png') no-repeat center center; 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;
} }
.trans-color-icon.active .x-icon.hack { .trans-color-icon.active .x-icon.hack {
background: url('images/1x/icon/trans_select.png') no-repeat center center; background: url('images/1x/icon/trans_select.png') no-repeat center center;
background-size: contain;
} }
.trans-color-icon.disabled .x-icon { .trans-color-icon.disabled .x-icon {
display: block; display: block;
background: url('images/2x/icon/trans_disable.png') no-repeat center center; 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;
} }
.trans-color-icon.disabled .x-icon.hack { .trans-color-icon.disabled .x-icon.hack {
background: url('images/1x/icon/trans_disable.png') no-repeat center center; background: url('images/1x/icon/trans_disable.png') no-repeat center center;
background-size: contain;
} }

3
src/less/image.less

@ -6,11 +6,12 @@
.imagePath(@path, @top:center, @left:center, @repeat: no-repeat) when not (@path = none) { .imagePath(@path, @top:center, @left:center, @repeat: no-repeat) when not (@path = none) {
background: url('@{imageUrl}@{path}') @repeat @left @top; background: url('@{imageUrl}@{path}') @repeat @left @top;
background-size: contain;
} }
.image2xPath(@path, @top:center, @left:center, @repeat: no-repeat) when not (@path = none) { .image2xPath(@path, @top:center, @left:center, @repeat: no-repeat) when not (@path = none) {
background: url('@{image2xUrl}@{path}') @repeat @left @top; background: url('@{image2xUrl}@{path}') @repeat @left @top;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='@{image2xUrl}@{path}'); background-size: contain;
} }
.background(@class, @backgroundPath, @top:center, @left:center, @repeat: no-repeat) { .background(@class, @backgroundPath, @top:center, @left:center, @repeat: no-repeat) {

80
ui/css/background.css

@ -1,212 +1,264 @@
.bi-farbtastic .wheel { .bi-farbtastic .wheel {
background: url('resources?path=/com/fr/web/ui/images/1x/background/wheel.png') no-repeat center center; background: url('resources?path=/com/fr/web/ui/images/1x/background/wheel.png') no-repeat center center;
background-size: contain;
} }
.bi-farbtastic .overlay { .bi-farbtastic .overlay {
background: url('resources?path=/com/fr/web/ui/images/1x/background/mask.png') no-repeat center center; background: url('resources?path=/com/fr/web/ui/images/1x/background/mask.png') no-repeat center center;
background-size: contain;
} }
.bi-farbtastic .marker { .bi-farbtastic .marker {
background: url('resources?path=/com/fr/web/ui/images/1x/background/marker.png') no-repeat center center; background: url('resources?path=/com/fr/web/ui/images/1x/background/marker.png') no-repeat center center;
background-size: contain;
} }
.bi-display-tree .ztree li span.button.switch.center_open { .bi-display-tree .ztree li span.button.switch.center_open {
background: url('resources?path=/com/fr/web/ui/images/1x/icon/tree_vertical_line_3.png') no-repeat center center; background: url('resources?path=/com/fr/web/ui/images/1x/icon/tree_vertical_line_3.png') no-repeat center center;
background-size: contain;
} }
.bi-display-tree .ztree li span.button.switch.roots_open { .bi-display-tree .ztree li span.button.switch.roots_open {
background: url('resources?path=/com/fr/web/ui/images/1x/icon/tree_vertical_line_2.png') no-repeat center center; background: url('resources?path=/com/fr/web/ui/images/1x/icon/tree_vertical_line_2.png') no-repeat center center;
background-size: contain;
} }
.bi-display-tree .ztree li span.button.switch.bottom_open { .bi-display-tree .ztree li span.button.switch.bottom_open {
background: url('resources?path=/com/fr/web/ui/images/1x/icon/tree_vertical_line_4.png') no-repeat center center; background: url('resources?path=/com/fr/web/ui/images/1x/icon/tree_vertical_line_4.png') no-repeat center center;
background-size: contain;
} }
.ztree li ul.line { .ztree li ul.line {
background: url('resources?path=/com/fr/web/ui/images/1x/icon/tree_vertical_line_1.png') repeat-y 1px 0; background: url('resources?path=/com/fr/web/ui/images/1x/icon/tree_vertical_line_1.png') repeat-y 1px 0;
background-size: contain;
} }
.bi-theme-dark .ztree li ul.line { .bi-theme-dark .ztree li ul.line {
background: url('resources?path=/com/fr/web/ui/images/1x/icon/dark/tree_vertical_line_1.png') repeat-y 1px 0; background: url('resources?path=/com/fr/web/ui/images/1x/icon/dark/tree_vertical_line_1.png') repeat-y 1px 0;
background-size: contain;
} }
.ztree li span.button.chk.checkbox_false_full { .ztree li span.button.chk.checkbox_false_full {
background: url('resources?path=/com/fr/web/ui/images/2x/icon/check_box_normal.png') no-repeat center center; background: url('resources?path=/com/fr/web/ui/images/2x/icon/check_box_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/check_box_normal.png'); background-size: contain;
} }
.ztree li span.button.chk.checkbox_false_full_focus { .ztree li span.button.chk.checkbox_false_full_focus {
background: url('resources?path=/com/fr/web/ui/images/2x/icon/check_box_normal.png') no-repeat center center; background: url('resources?path=/com/fr/web/ui/images/2x/icon/check_box_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/check_box_normal.png'); background-size: contain;
} }
.ztree li span.button.chk.checkbox_false_part { .ztree li span.button.chk.checkbox_false_part {
background: url('resources?path=/com/fr/web/ui/images/2x/icon/check_box_normal.png') no-repeat center center; background: url('resources?path=/com/fr/web/ui/images/2x/icon/check_box_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/check_box_normal.png'); background-size: contain;
} }
.ztree li span.button.chk.checkbox_false_part_focus { .ztree li span.button.chk.checkbox_false_part_focus {
background: url('resources?path=/com/fr/web/ui/images/2x/icon/half_selected.png') no-repeat center center; background: url('resources?path=/com/fr/web/ui/images/2x/icon/half_selected.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/half_selected.png'); background-size: contain;
} }
.ztree li span.button.chk.checkbox_true_full { .ztree li span.button.chk.checkbox_true_full {
background: url('resources?path=/com/fr/web/ui/images/2x/icon/check_box_active.png') no-repeat center center; background: url('resources?path=/com/fr/web/ui/images/2x/icon/check_box_active.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/check_box_active.png'); background-size: contain;
} }
.ztree li span.button.chk.checkbox_true_full_focus { .ztree li span.button.chk.checkbox_true_full_focus {
background: url('resources?path=/com/fr/web/ui/images/2x/icon/check_box_active.png') no-repeat center center; background: url('resources?path=/com/fr/web/ui/images/2x/icon/check_box_active.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/check_box_active.png'); background-size: contain;
} }
.ztree li span.button.chk.checkbox_true_part { .ztree li span.button.chk.checkbox_true_part {
background: url('resources?path=/com/fr/web/ui/images/2x/icon/half_selected.png') no-repeat center center; background: url('resources?path=/com/fr/web/ui/images/2x/icon/half_selected.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/half_selected.png'); background-size: contain;
} }
.ztree li span.button.chk.checkbox_true_part_focus { .ztree li span.button.chk.checkbox_true_part_focus {
background: url('resources?path=/com/fr/web/ui/images/2x/icon/half_selected.png') no-repeat center center; background: url('resources?path=/com/fr/web/ui/images/2x/icon/half_selected.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/half_selected.png'); background-size: contain;
} }
.ztree.hack li span.button.chk.checkbox_false_full { .ztree.hack li span.button.chk.checkbox_false_full {
background: url('resources?path=/com/fr/web/ui/images/1x/icon/check_box_normal.png') no-repeat center center; background: url('resources?path=/com/fr/web/ui/images/1x/icon/check_box_normal.png') no-repeat center center;
background-size: contain;
} }
.ztree.hack li span.button.chk.checkbox_false_full_focus { .ztree.hack li span.button.chk.checkbox_false_full_focus {
background: url('resources?path=/com/fr/web/ui/images/1x/icon/check_box_normal.png') no-repeat center center; background: url('resources?path=/com/fr/web/ui/images/1x/icon/check_box_normal.png') no-repeat center center;
background-size: contain;
} }
.ztree.hack li span.button.chk.checkbox_false_part { .ztree.hack li span.button.chk.checkbox_false_part {
background: url('resources?path=/com/fr/web/ui/images/1x/icon/check_box_normal.png') no-repeat center center; background: url('resources?path=/com/fr/web/ui/images/1x/icon/check_box_normal.png') no-repeat center center;
background-size: contain;
} }
.ztree.hack li span.button.chk.checkbox_false_part_focus { .ztree.hack li span.button.chk.checkbox_false_part_focus {
background: url('resources?path=/com/fr/web/ui/images/1x/icon/half_selected.png') no-repeat center center; background: url('resources?path=/com/fr/web/ui/images/1x/icon/half_selected.png') no-repeat center center;
background-size: contain;
} }
.ztree.hack li span.button.chk.checkbox_true_full { .ztree.hack li span.button.chk.checkbox_true_full {
background: url('resources?path=/com/fr/web/ui/images/1x/icon/check_box_active.png') no-repeat center center; background: url('resources?path=/com/fr/web/ui/images/1x/icon/check_box_active.png') no-repeat center center;
background-size: contain;
} }
.ztree.hack li span.button.chk.checkbox_true_full_focus { .ztree.hack li span.button.chk.checkbox_true_full_focus {
background: url('resources?path=/com/fr/web/ui/images/1x/icon/check_box_active.png') no-repeat center center; background: url('resources?path=/com/fr/web/ui/images/1x/icon/check_box_active.png') no-repeat center center;
background-size: contain;
} }
.ztree.hack li span.button.chk.checkbox_true_part { .ztree.hack li span.button.chk.checkbox_true_part {
background: url('resources?path=/com/fr/web/ui/images/1x/icon/half_selected.png') no-repeat center center; background: url('resources?path=/com/fr/web/ui/images/1x/icon/half_selected.png') no-repeat center center;
background-size: contain;
} }
.ztree.hack li span.button.chk.checkbox_true_part_focus { .ztree.hack li span.button.chk.checkbox_true_part_focus {
background: url('resources?path=/com/fr/web/ui/images/1x/icon/half_selected.png') no-repeat center center; background: url('resources?path=/com/fr/web/ui/images/1x/icon/half_selected.png') no-repeat center center;
background-size: contain;
} }
.ztree li span.button.root_open { .ztree li span.button.root_open {
background: url('resources?path=/com/fr/web/ui/images/1x/icon/tree_expand_1.png') no-repeat center center; background: url('resources?path=/com/fr/web/ui/images/1x/icon/tree_expand_1.png') no-repeat center center;
background-size: contain;
} }
.bi-theme-dark .ztree li span.button.root_open { .bi-theme-dark .ztree li span.button.root_open {
background: url('resources?path=/com/fr/web/ui/images/1x/icon/dark/tree_expand_1.png') no-repeat center center; background: url('resources?path=/com/fr/web/ui/images/1x/icon/dark/tree_expand_1.png') no-repeat center center;
background-size: contain;
} }
.ztree li span.button.root_close { .ztree li span.button.root_close {
background: url('resources?path=/com/fr/web/ui/images/1x/icon/tree_collapse_1.png') no-repeat center center; background: url('resources?path=/com/fr/web/ui/images/1x/icon/tree_collapse_1.png') no-repeat center center;
background-size: contain;
} }
.bi-theme-dark .ztree li span.button.root_close { .bi-theme-dark .ztree li span.button.root_close {
background: url('resources?path=/com/fr/web/ui/images/1x/icon/dark/tree_collapse_1.png') no-repeat center center; background: url('resources?path=/com/fr/web/ui/images/1x/icon/dark/tree_collapse_1.png') no-repeat center center;
background-size: contain;
} }
.ztree li span.button.roots_open { .ztree li span.button.roots_open {
background: url('resources?path=/com/fr/web/ui/images/1x/icon/tree_expand_2.png') no-repeat center center; background: url('resources?path=/com/fr/web/ui/images/1x/icon/tree_expand_2.png') no-repeat center center;
background-size: contain;
} }
.bi-theme-dark .ztree li span.button.roots_open { .bi-theme-dark .ztree li span.button.roots_open {
background: url('resources?path=/com/fr/web/ui/images/1x/icon/dark/tree_expand_2.png') no-repeat center center; background: url('resources?path=/com/fr/web/ui/images/1x/icon/dark/tree_expand_2.png') no-repeat center center;
background-size: contain;
} }
.ztree li span.button.roots_close { .ztree li span.button.roots_close {
background: url('resources?path=/com/fr/web/ui/images/1x/icon/tree_collapse_2.png') no-repeat center center; background: url('resources?path=/com/fr/web/ui/images/1x/icon/tree_collapse_2.png') no-repeat center center;
background-size: contain;
} }
.bi-theme-dark .ztree li span.button.roots_close { .bi-theme-dark .ztree li span.button.roots_close {
background: url('resources?path=/com/fr/web/ui/images/1x/icon/dark/tree_collapse_2.png') no-repeat center center; background: url('resources?path=/com/fr/web/ui/images/1x/icon/dark/tree_collapse_2.png') no-repeat center center;
background-size: contain;
} }
.ztree li span.button.center_open { .ztree li span.button.center_open {
background: url('resources?path=/com/fr/web/ui/images/1x/icon/tree_expand_3.png') no-repeat center center; background: url('resources?path=/com/fr/web/ui/images/1x/icon/tree_expand_3.png') no-repeat center center;
background-size: contain;
} }
.bi-theme-dark .ztree li span.button.center_open { .bi-theme-dark .ztree li span.button.center_open {
background: url('resources?path=/com/fr/web/ui/images/1x/icon/dark/tree_expand_3.png') no-repeat center center; background: url('resources?path=/com/fr/web/ui/images/1x/icon/dark/tree_expand_3.png') no-repeat center center;
background-size: contain;
} }
.ztree li span.button.center_close { .ztree li span.button.center_close {
background: url('resources?path=/com/fr/web/ui/images/1x/icon/tree_collapse_3.png') no-repeat center center; background: url('resources?path=/com/fr/web/ui/images/1x/icon/tree_collapse_3.png') no-repeat center center;
background-size: contain;
} }
.bi-theme-dark .ztree li span.button.center_close { .bi-theme-dark .ztree li span.button.center_close {
background: url('resources?path=/com/fr/web/ui/images/1x/icon/dark/tree_collapse_3.png') no-repeat center center; background: url('resources?path=/com/fr/web/ui/images/1x/icon/dark/tree_collapse_3.png') no-repeat center center;
background-size: contain;
} }
.ztree li span.button.bottom_open { .ztree li span.button.bottom_open {
background: url('resources?path=/com/fr/web/ui/images/1x/icon/tree_expand_4.png') no-repeat center center; background: url('resources?path=/com/fr/web/ui/images/1x/icon/tree_expand_4.png') no-repeat center center;
background-size: contain;
} }
.bi-theme-dark .ztree li span.button.bottom_open { .bi-theme-dark .ztree li span.button.bottom_open {
background: url('resources?path=/com/fr/web/ui/images/1x/icon/dark/tree_expand_4.png') no-repeat center center; background: url('resources?path=/com/fr/web/ui/images/1x/icon/dark/tree_expand_4.png') no-repeat center center;
background-size: contain;
} }
.ztree li span.button.bottom_close { .ztree li span.button.bottom_close {
background: url('resources?path=/com/fr/web/ui/images/1x/icon/tree_collapse_4.png') no-repeat center center; background: url('resources?path=/com/fr/web/ui/images/1x/icon/tree_collapse_4.png') no-repeat center center;
background-size: contain;
} }
.bi-theme-dark .ztree li span.button.bottom_close { .bi-theme-dark .ztree li span.button.bottom_close {
background: url('resources?path=/com/fr/web/ui/images/1x/icon/dark/tree_collapse_4.png') no-repeat center center; background: url('resources?path=/com/fr/web/ui/images/1x/icon/dark/tree_collapse_4.png') no-repeat center center;
background-size: contain;
} }
.ztree li span.button.roots_docu { .ztree li span.button.roots_docu {
background: url('resources?path=/com/fr/web/ui/images/1x/icon/tree_vertical_line_2.png') no-repeat center center; background: url('resources?path=/com/fr/web/ui/images/1x/icon/tree_vertical_line_2.png') no-repeat center center;
background-size: contain;
} }
.bi-theme-dark .ztree li span.button.roots_docu { .bi-theme-dark .ztree li span.button.roots_docu {
background: url('resources?path=/com/fr/web/ui/images/1x/icon/dark/tree_vertical_line_2.png') no-repeat center center; background: url('resources?path=/com/fr/web/ui/images/1x/icon/dark/tree_vertical_line_2.png') no-repeat center center;
background-size: contain;
} }
.ztree li span.button.center_docu { .ztree li span.button.center_docu {
background: url('resources?path=/com/fr/web/ui/images/1x/icon/tree_vertical_line_3.png') no-repeat center center; background: url('resources?path=/com/fr/web/ui/images/1x/icon/tree_vertical_line_3.png') no-repeat center center;
background-size: contain;
} }
.bi-theme-dark .ztree li span.button.center_docu { .bi-theme-dark .ztree li span.button.center_docu {
background: url('resources?path=/com/fr/web/ui/images/1x/icon/dark/tree_vertical_line_3.png') no-repeat center center; background: url('resources?path=/com/fr/web/ui/images/1x/icon/dark/tree_vertical_line_3.png') no-repeat center center;
background-size: contain;
} }
.ztree li span.button.bottom_docu { .ztree li span.button.bottom_docu {
background: url('resources?path=/com/fr/web/ui/images/1x/icon/tree_vertical_line_4.png') no-repeat center center; background: url('resources?path=/com/fr/web/ui/images/1x/icon/tree_vertical_line_4.png') no-repeat center center;
background-size: contain;
} }
.bi-theme-dark .ztree li span.button.bottom_docu { .bi-theme-dark .ztree li span.button.bottom_docu {
background: url('resources?path=/com/fr/web/ui/images/1x/icon/dark/tree_vertical_line_4.png') no-repeat center center; background: url('resources?path=/com/fr/web/ui/images/1x/icon/dark/tree_vertical_line_4.png') no-repeat center center;
background-size: contain;
} }
.ztree li span.button.ico_loading { .ztree li span.button.ico_loading {
background: url('resources?path=/com/fr/web/ui/images/1x/icon/loading.gif') no-repeat center center; background: url('resources?path=/com/fr/web/ui/images/1x/icon/loading.gif') no-repeat center center;
background-size: contain;
} }
.base-line-conn-background { .base-line-conn-background {
background: url('resources?path=/com/fr/web/ui/images/1x/icon/tree_vertical_line_1.png') repeat-y 0 0; background: url('resources?path=/com/fr/web/ui/images/1x/icon/tree_vertical_line_1.png') repeat-y 0 0;
background-size: contain;
} }
.bi-theme-dark .base-line-conn-background { .bi-theme-dark .base-line-conn-background {
background: url('resources?path=/com/fr/web/ui/images/1x/icon/dark/tree_vertical_line_1.png') repeat-y 0 0; background: url('resources?path=/com/fr/web/ui/images/1x/icon/dark/tree_vertical_line_1.png') repeat-y 0 0;
background-size: contain;
} }
.first-line-conn-background { .first-line-conn-background {
background: url('resources?path=/com/fr/web/ui/images/1x/icon/tree_vertical_line_2.png') no-repeat center center; background: url('resources?path=/com/fr/web/ui/images/1x/icon/tree_vertical_line_2.png') no-repeat center center;
background-size: contain;
} }
.bi-theme-dark .first-line-conn-background { .bi-theme-dark .first-line-conn-background {
background: url('resources?path=/com/fr/web/ui/images/1x/icon/dark/tree_vertical_line_2.png') no-repeat center center; background: url('resources?path=/com/fr/web/ui/images/1x/icon/dark/tree_vertical_line_2.png') no-repeat center center;
background-size: contain;
} }
.mid-line-conn-background { .mid-line-conn-background {
background: url('resources?path=/com/fr/web/ui/images/1x/icon/tree_vertical_line_3.png') no-repeat center center; background: url('resources?path=/com/fr/web/ui/images/1x/icon/tree_vertical_line_3.png') no-repeat center center;
background-size: contain;
} }
.bi-theme-dark .mid-line-conn-background { .bi-theme-dark .mid-line-conn-background {
background: url('resources?path=/com/fr/web/ui/images/1x/icon/dark/tree_vertical_line_3.png') no-repeat center center; background: url('resources?path=/com/fr/web/ui/images/1x/icon/dark/tree_vertical_line_3.png') no-repeat center center;
background-size: contain;
} }
.last-line-conn-background { .last-line-conn-background {
background: url('resources?path=/com/fr/web/ui/images/1x/icon/tree_vertical_line_4.png') no-repeat center center; background: url('resources?path=/com/fr/web/ui/images/1x/icon/tree_vertical_line_4.png') no-repeat center center;
background-size: contain;
} }
.bi-theme-dark .last-line-conn-background { .bi-theme-dark .last-line-conn-background {
background: url('resources?path=/com/fr/web/ui/images/1x/icon/dark/tree_vertical_line_4.png') no-repeat center center; background: url('resources?path=/com/fr/web/ui/images/1x/icon/dark/tree_vertical_line_4.png') no-repeat center center;
background-size: contain;
} }
.loading-background { .loading-background {
background: url('resources?path=/com/fr/web/ui/images/2x/icon/loading.gif') no-repeat center center; background: url('resources?path=/com/fr/web/ui/images/2x/icon/loading.gif') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/loading.gif'); background-size: contain;
} }
.auto-color-background { .auto-color-background {
background: url('resources?path=/com/fr/web/ui/images/2x/background/auto_color.png') no-repeat center center; background: url('resources?path=/com/fr/web/ui/images/2x/background/auto_color.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/background/auto_color.png'); background-size: contain;
} }
.auto-color-normal-background { .auto-color-normal-background {
background: url('resources?path=/com/fr/web/ui/images/2x/background/auto_color_normal.png') no-repeat center center; background: url('resources?path=/com/fr/web/ui/images/2x/background/auto_color_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/background/auto_color_normal.png'); background-size: contain;
} }
.auto-color-normal-disabled-background { .auto-color-normal-disabled-background {
background: url('resources?path=/com/fr/web/ui/images/2x/background/auto_color_normal_disable.png') no-repeat center center; background: url('resources?path=/com/fr/web/ui/images/2x/background/auto_color_normal_disable.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/background/auto_color_normal_disable.png'); background-size: contain;
} }
.trans-color-background { .trans-color-background {
background: url('resources?path=/com/fr/web/ui/images/2x/background/trans_normal.png') no-repeat center center; background: url('resources?path=/com/fr/web/ui/images/2x/background/trans_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/background/trans_normal.png'); background-size: contain;
} }
.trans-color-disabled-background { .trans-color-disabled-background {
background: url('resources?path=/com/fr/web/ui/images/2x/background/trans_disable.png') no-repeat center center; background: url('resources?path=/com/fr/web/ui/images/2x/background/trans_disable.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/background/trans_disable.png'); background-size: contain;
} }
.auto-color-background.hack { .auto-color-background.hack {
background: url('resources?path=/com/fr/web/ui/images/1x/background/auto_color.png') no-repeat center center; background: url('resources?path=/com/fr/web/ui/images/1x/background/auto_color.png') no-repeat center center;
background-size: contain;
} }
.auto-color-normal-background.hack { .auto-color-normal-background.hack {
background: url('resources?path=/com/fr/web/ui/images/1x/background/auto_color_normal.png') no-repeat center center; background: url('resources?path=/com/fr/web/ui/images/1x/background/auto_color_normal.png') no-repeat center center;
background-size: contain;
} }
.auto-color-normal-disabled-background.hack { .auto-color-normal-disabled-background.hack {
background: url('resources?path=/com/fr/web/ui/images/1x/background/auto_color_normal_disable.png') no-repeat center center; background: url('resources?path=/com/fr/web/ui/images/1x/background/auto_color_normal_disable.png') no-repeat center center;
background-size: contain;
} }
.trans-color-background.hack { .trans-color-background.hack {
background: url('resources?path=/com/fr/web/ui/images/1x/background/trans_normal.png') no-repeat center center; background: url('resources?path=/com/fr/web/ui/images/1x/background/trans_normal.png') no-repeat center center;
background-size: contain;
} }
.trans-color-disabled-background.hack { .trans-color-disabled-background.hack {
background: url('resources?path=/com/fr/web/ui/images/1x/background/trans_disable.png') no-repeat center center; background: url('resources?path=/com/fr/web/ui/images/1x/background/trans_disable.png') no-repeat center center;
background-size: contain;
} }

135
ui/css/icon.css

@ -1,366 +1,411 @@
.tree-collapse-icon-type1 .x-icon { .tree-collapse-icon-type1 .x-icon {
display: block; display: block;
background: url('resources?path=/com/fr/web/ui/images/2x/icon/tree_collapse_1.png') no-repeat center center; background: url('resources?path=/com/fr/web/ui/images/2x/icon/tree_collapse_1.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/tree_collapse_1.png'); background-size: contain;
} }
.tree-collapse-icon-type1 .x-icon.hack { .tree-collapse-icon-type1 .x-icon.hack {
background: url('resources?path=/com/fr/web/ui/images/1x/icon/tree_collapse_1.png') no-repeat center center; background: url('resources?path=/com/fr/web/ui/images/1x/icon/tree_collapse_1.png') no-repeat center center;
background-size: contain;
} }
.tree-collapse-icon-type2 .x-icon { .tree-collapse-icon-type2 .x-icon {
display: block; display: block;
background: url('resources?path=/com/fr/web/ui/images/2x/icon/tree_collapse_2.png') no-repeat center center; background: url('resources?path=/com/fr/web/ui/images/2x/icon/tree_collapse_2.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/tree_collapse_2.png'); background-size: contain;
} }
.tree-collapse-icon-type2 .x-icon.hack { .tree-collapse-icon-type2 .x-icon.hack {
background: url('resources?path=/com/fr/web/ui/images/1x/icon/tree_collapse_2.png') no-repeat center center; background: url('resources?path=/com/fr/web/ui/images/1x/icon/tree_collapse_2.png') no-repeat center center;
background-size: contain;
} }
.tree-collapse-icon-type3 .x-icon { .tree-collapse-icon-type3 .x-icon {
display: block; display: block;
background: url('resources?path=/com/fr/web/ui/images/2x/icon/tree_collapse_3.png') no-repeat center center; background: url('resources?path=/com/fr/web/ui/images/2x/icon/tree_collapse_3.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/tree_collapse_3.png'); background-size: contain;
} }
.tree-collapse-icon-type3 .x-icon.hack { .tree-collapse-icon-type3 .x-icon.hack {
background: url('resources?path=/com/fr/web/ui/images/1x/icon/tree_collapse_3.png') no-repeat center center; background: url('resources?path=/com/fr/web/ui/images/1x/icon/tree_collapse_3.png') no-repeat center center;
background-size: contain;
} }
.tree-collapse-icon-type4 .x-icon { .tree-collapse-icon-type4 .x-icon {
display: block; display: block;
background: url('resources?path=/com/fr/web/ui/images/2x/icon/tree_collapse_4.png') no-repeat center center; background: url('resources?path=/com/fr/web/ui/images/2x/icon/tree_collapse_4.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/tree_collapse_4.png'); background-size: contain;
} }
.tree-collapse-icon-type4 .x-icon.hack { .tree-collapse-icon-type4 .x-icon.hack {
background: url('resources?path=/com/fr/web/ui/images/1x/icon/tree_collapse_4.png') no-repeat center center; background: url('resources?path=/com/fr/web/ui/images/1x/icon/tree_collapse_4.png') no-repeat center center;
background-size: contain;
} }
.tree-expand-icon-type1 .x-icon { .tree-expand-icon-type1 .x-icon {
display: block; display: block;
background: url('resources?path=/com/fr/web/ui/images/2x/icon/tree_expand_1.png') no-repeat center center; background: url('resources?path=/com/fr/web/ui/images/2x/icon/tree_expand_1.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/tree_expand_1.png'); background-size: contain;
} }
.tree-expand-icon-type1 .x-icon.hack { .tree-expand-icon-type1 .x-icon.hack {
background: url('resources?path=/com/fr/web/ui/images/1x/icon/tree_expand_1.png') no-repeat center center; background: url('resources?path=/com/fr/web/ui/images/1x/icon/tree_expand_1.png') no-repeat center center;
background-size: contain;
} }
.tree-expand-icon-type2 .x-icon { .tree-expand-icon-type2 .x-icon {
display: block; display: block;
background: url('resources?path=/com/fr/web/ui/images/2x/icon/tree_expand_2.png') no-repeat center center; background: url('resources?path=/com/fr/web/ui/images/2x/icon/tree_expand_2.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/tree_expand_2.png'); background-size: contain;
} }
.tree-expand-icon-type2 .x-icon.hack { .tree-expand-icon-type2 .x-icon.hack {
background: url('resources?path=/com/fr/web/ui/images/1x/icon/tree_expand_2.png') no-repeat center center; background: url('resources?path=/com/fr/web/ui/images/1x/icon/tree_expand_2.png') no-repeat center center;
background-size: contain;
} }
.tree-expand-icon-type3 .x-icon { .tree-expand-icon-type3 .x-icon {
display: block; display: block;
background: url('resources?path=/com/fr/web/ui/images/2x/icon/tree_expand_3.png') no-repeat center center; background: url('resources?path=/com/fr/web/ui/images/2x/icon/tree_expand_3.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/tree_expand_3.png'); background-size: contain;
} }
.tree-expand-icon-type3 .x-icon.hack { .tree-expand-icon-type3 .x-icon.hack {
background: url('resources?path=/com/fr/web/ui/images/1x/icon/tree_expand_3.png') no-repeat center center; background: url('resources?path=/com/fr/web/ui/images/1x/icon/tree_expand_3.png') no-repeat center center;
background-size: contain;
} }
.tree-expand-icon-type4 .x-icon { .tree-expand-icon-type4 .x-icon {
display: block; display: block;
background: url('resources?path=/com/fr/web/ui/images/2x/icon/tree_expand_4.png') no-repeat center center; background: url('resources?path=/com/fr/web/ui/images/2x/icon/tree_expand_4.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/tree_expand_4.png'); background-size: contain;
} }
.tree-expand-icon-type4 .x-icon.hack { .tree-expand-icon-type4 .x-icon.hack {
background: url('resources?path=/com/fr/web/ui/images/1x/icon/tree_expand_4.png') no-repeat center center; background: url('resources?path=/com/fr/web/ui/images/1x/icon/tree_expand_4.png') no-repeat center center;
background-size: contain;
} }
.tree-vertical-line-type2 .x-icon { .tree-vertical-line-type2 .x-icon {
display: block; display: block;
background: url('resources?path=/com/fr/web/ui/images/2x/icon/tree_vertical_line_2.png') no-repeat center center; background: url('resources?path=/com/fr/web/ui/images/2x/icon/tree_vertical_line_2.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/tree_vertical_line_2.png'); background-size: contain;
} }
.tree-vertical-line-type2 .x-icon.hack { .tree-vertical-line-type2 .x-icon.hack {
background: url('resources?path=/com/fr/web/ui/images/1x/icon/tree_vertical_line_2.png') no-repeat center center; background: url('resources?path=/com/fr/web/ui/images/1x/icon/tree_vertical_line_2.png') no-repeat center center;
background-size: contain;
} }
.tree-vertical-line-type3 .x-icon { .tree-vertical-line-type3 .x-icon {
display: block; display: block;
background: url('resources?path=/com/fr/web/ui/images/2x/icon/tree_vertical_line_3.png') no-repeat center center; background: url('resources?path=/com/fr/web/ui/images/2x/icon/tree_vertical_line_3.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/tree_vertical_line_3.png'); background-size: contain;
} }
.tree-vertical-line-type3 .x-icon.hack { .tree-vertical-line-type3 .x-icon.hack {
background: url('resources?path=/com/fr/web/ui/images/1x/icon/tree_vertical_line_3.png') no-repeat center center; background: url('resources?path=/com/fr/web/ui/images/1x/icon/tree_vertical_line_3.png') no-repeat center center;
background-size: contain;
} }
.tree-vertical-line-type4 .x-icon { .tree-vertical-line-type4 .x-icon {
display: block; display: block;
background: url('resources?path=/com/fr/web/ui/images/2x/icon/tree_vertical_line_4.png') no-repeat center center; background: url('resources?path=/com/fr/web/ui/images/2x/icon/tree_vertical_line_4.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/tree_vertical_line_4.png'); background-size: contain;
} }
.tree-vertical-line-type4 .x-icon.hack { .tree-vertical-line-type4 .x-icon.hack {
background: url('resources?path=/com/fr/web/ui/images/1x/icon/tree_vertical_line_4.png') no-repeat center center; background: url('resources?path=/com/fr/web/ui/images/1x/icon/tree_vertical_line_4.png') no-repeat center center;
background-size: contain;
} }
.bi-theme-dark .tree-collapse-icon-type1 .x-icon { .bi-theme-dark .tree-collapse-icon-type1 .x-icon {
display: block; display: block;
background: url('resources?path=/com/fr/web/ui/images/2x/icon/dark/tree_collapse_1.png') no-repeat center center; background: url('resources?path=/com/fr/web/ui/images/2x/icon/dark/tree_collapse_1.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/dark/tree_collapse_1.png'); background-size: contain;
} }
.bi-theme-dark .tree-collapse-icon-type1 .x-icon.hack { .bi-theme-dark .tree-collapse-icon-type1 .x-icon.hack {
background: url('resources?path=/com/fr/web/ui/images/1x/icon/dark/tree_collapse_1.png') no-repeat center center; background: url('resources?path=/com/fr/web/ui/images/1x/icon/dark/tree_collapse_1.png') no-repeat center center;
background-size: contain;
} }
.bi-theme-dark .tree-collapse-icon-type2 .x-icon { .bi-theme-dark .tree-collapse-icon-type2 .x-icon {
display: block; display: block;
background: url('resources?path=/com/fr/web/ui/images/2x/icon/dark/tree_collapse_2.png') no-repeat center center; background: url('resources?path=/com/fr/web/ui/images/2x/icon/dark/tree_collapse_2.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/dark/tree_collapse_2.png'); background-size: contain;
} }
.bi-theme-dark .tree-collapse-icon-type2 .x-icon.hack { .bi-theme-dark .tree-collapse-icon-type2 .x-icon.hack {
background: url('resources?path=/com/fr/web/ui/images/1x/icon/dark/tree_collapse_2.png') no-repeat center center; background: url('resources?path=/com/fr/web/ui/images/1x/icon/dark/tree_collapse_2.png') no-repeat center center;
background-size: contain;
} }
.bi-theme-dark .tree-collapse-icon-type3 .x-icon { .bi-theme-dark .tree-collapse-icon-type3 .x-icon {
display: block; display: block;
background: url('resources?path=/com/fr/web/ui/images/2x/icon/dark/tree_collapse_3.png') no-repeat center center; background: url('resources?path=/com/fr/web/ui/images/2x/icon/dark/tree_collapse_3.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/dark/tree_collapse_3.png'); background-size: contain;
} }
.bi-theme-dark .tree-collapse-icon-type3 .x-icon.hack { .bi-theme-dark .tree-collapse-icon-type3 .x-icon.hack {
background: url('resources?path=/com/fr/web/ui/images/1x/icon/dark/tree_collapse_3.png') no-repeat center center; background: url('resources?path=/com/fr/web/ui/images/1x/icon/dark/tree_collapse_3.png') no-repeat center center;
background-size: contain;
} }
.bi-theme-dark .tree-collapse-icon-type4 .x-icon { .bi-theme-dark .tree-collapse-icon-type4 .x-icon {
display: block; display: block;
background: url('resources?path=/com/fr/web/ui/images/2x/icon/dark/tree_collapse_4.png') no-repeat center center; background: url('resources?path=/com/fr/web/ui/images/2x/icon/dark/tree_collapse_4.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/dark/tree_collapse_4.png'); background-size: contain;
} }
.bi-theme-dark .tree-collapse-icon-type4 .x-icon.hack { .bi-theme-dark .tree-collapse-icon-type4 .x-icon.hack {
background: url('resources?path=/com/fr/web/ui/images/1x/icon/dark/tree_collapse_4.png') no-repeat center center; background: url('resources?path=/com/fr/web/ui/images/1x/icon/dark/tree_collapse_4.png') no-repeat center center;
background-size: contain;
} }
.bi-theme-dark .tree-expand-icon-type1 .x-icon { .bi-theme-dark .tree-expand-icon-type1 .x-icon {
display: block; display: block;
background: url('resources?path=/com/fr/web/ui/images/2x/icon/dark/tree_expand_1.png') no-repeat center center; background: url('resources?path=/com/fr/web/ui/images/2x/icon/dark/tree_expand_1.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/dark/tree_expand_1.png'); background-size: contain;
} }
.bi-theme-dark .tree-expand-icon-type1 .x-icon.hack { .bi-theme-dark .tree-expand-icon-type1 .x-icon.hack {
background: url('resources?path=/com/fr/web/ui/images/1x/icon/dark/tree_expand_1.png') no-repeat center center; background: url('resources?path=/com/fr/web/ui/images/1x/icon/dark/tree_expand_1.png') no-repeat center center;
background-size: contain;
} }
.bi-theme-dark .tree-expand-icon-type2 .x-icon { .bi-theme-dark .tree-expand-icon-type2 .x-icon {
display: block; display: block;
background: url('resources?path=/com/fr/web/ui/images/2x/icon/dark/tree_expand_2.png') no-repeat center center; background: url('resources?path=/com/fr/web/ui/images/2x/icon/dark/tree_expand_2.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/dark/tree_expand_2.png'); background-size: contain;
} }
.bi-theme-dark .tree-expand-icon-type2 .x-icon.hack { .bi-theme-dark .tree-expand-icon-type2 .x-icon.hack {
background: url('resources?path=/com/fr/web/ui/images/1x/icon/dark/tree_expand_2.png') no-repeat center center; background: url('resources?path=/com/fr/web/ui/images/1x/icon/dark/tree_expand_2.png') no-repeat center center;
background-size: contain;
} }
.bi-theme-dark .tree-expand-icon-type3 .x-icon { .bi-theme-dark .tree-expand-icon-type3 .x-icon {
display: block; display: block;
background: url('resources?path=/com/fr/web/ui/images/2x/icon/dark/tree_expand_3.png') no-repeat center center; background: url('resources?path=/com/fr/web/ui/images/2x/icon/dark/tree_expand_3.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/dark/tree_expand_3.png'); background-size: contain;
} }
.bi-theme-dark .tree-expand-icon-type3 .x-icon.hack { .bi-theme-dark .tree-expand-icon-type3 .x-icon.hack {
background: url('resources?path=/com/fr/web/ui/images/1x/icon/dark/tree_expand_3.png') no-repeat center center; background: url('resources?path=/com/fr/web/ui/images/1x/icon/dark/tree_expand_3.png') no-repeat center center;
background-size: contain;
} }
.bi-theme-dark .tree-expand-icon-type4 .x-icon { .bi-theme-dark .tree-expand-icon-type4 .x-icon {
display: block; display: block;
background: url('resources?path=/com/fr/web/ui/images/2x/icon/dark/tree_expand_4.png') no-repeat center center; background: url('resources?path=/com/fr/web/ui/images/2x/icon/dark/tree_expand_4.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/dark/tree_expand_4.png'); background-size: contain;
} }
.bi-theme-dark .tree-expand-icon-type4 .x-icon.hack { .bi-theme-dark .tree-expand-icon-type4 .x-icon.hack {
background: url('resources?path=/com/fr/web/ui/images/1x/icon/dark/tree_expand_4.png') no-repeat center center; background: url('resources?path=/com/fr/web/ui/images/1x/icon/dark/tree_expand_4.png') no-repeat center center;
background-size: contain;
} }
.bi-theme-dark .tree-vertical-line-type2 .x-icon { .bi-theme-dark .tree-vertical-line-type2 .x-icon {
display: block; display: block;
background: url('resources?path=/com/fr/web/ui/images/2x/icon/dark/tree_vertical_line_2.png') no-repeat center center; background: url('resources?path=/com/fr/web/ui/images/2x/icon/dark/tree_vertical_line_2.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/dark/tree_vertical_line_2.png'); background-size: contain;
} }
.bi-theme-dark .tree-vertical-line-type2 .x-icon.hack { .bi-theme-dark .tree-vertical-line-type2 .x-icon.hack {
background: url('resources?path=/com/fr/web/ui/images/1x/icon/dark/tree_vertical_line_2.png') no-repeat center center; background: url('resources?path=/com/fr/web/ui/images/1x/icon/dark/tree_vertical_line_2.png') no-repeat center center;
background-size: contain;
} }
.bi-theme-dark .tree-vertical-line-type3 .x-icon { .bi-theme-dark .tree-vertical-line-type3 .x-icon {
display: block; display: block;
background: url('resources?path=/com/fr/web/ui/images/2x/icon/dark/tree_vertical_line_3.png') no-repeat center center; background: url('resources?path=/com/fr/web/ui/images/2x/icon/dark/tree_vertical_line_3.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/dark/tree_vertical_line_3.png'); background-size: contain;
} }
.bi-theme-dark .tree-vertical-line-type3 .x-icon.hack { .bi-theme-dark .tree-vertical-line-type3 .x-icon.hack {
background: url('resources?path=/com/fr/web/ui/images/1x/icon/dark/tree_vertical_line_3.png') no-repeat center center; background: url('resources?path=/com/fr/web/ui/images/1x/icon/dark/tree_vertical_line_3.png') no-repeat center center;
background-size: contain;
} }
.bi-theme-dark .tree-vertical-line-type4 .x-icon { .bi-theme-dark .tree-vertical-line-type4 .x-icon {
display: block; display: block;
background: url('resources?path=/com/fr/web/ui/images/2x/icon/dark/tree_vertical_line_4.png') no-repeat center center; background: url('resources?path=/com/fr/web/ui/images/2x/icon/dark/tree_vertical_line_4.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/dark/tree_vertical_line_4.png'); background-size: contain;
} }
.bi-theme-dark .tree-vertical-line-type4 .x-icon.hack { .bi-theme-dark .tree-vertical-line-type4 .x-icon.hack {
background: url('resources?path=/com/fr/web/ui/images/1x/icon/dark/tree_vertical_line_4.png') no-repeat center center; background: url('resources?path=/com/fr/web/ui/images/1x/icon/dark/tree_vertical_line_4.png') no-repeat center center;
background-size: contain;
} }
.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 center center; background: url('resources?path=/com/fr/web/ui/images/2x/icon/check_box_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/check_box_normal.png'); background-size: contain;
} }
.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 center center; background: url('resources?path=/com/fr/web/ui/images/1x/icon/check_box_normal.png') no-repeat center center;
background-size: contain;
} }
.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 center center; background: url('resources?path=/com/fr/web/ui/images/2x/icon/check_box_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/check_box_normal.png'); background-size: contain;
} }
.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 center center; background: url('resources?path=/com/fr/web/ui/images/1x/icon/check_box_normal.png') no-repeat center center;
background-size: contain;
} }
.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 center center; background: url('resources?path=/com/fr/web/ui/images/2x/icon/check_box_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/check_box_normal.png'); background-size: contain;
} }
.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 center center; background: url('resources?path=/com/fr/web/ui/images/1x/icon/check_box_normal.png') no-repeat center center;
background-size: contain;
} }
.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 center center; background: url('resources?path=/com/fr/web/ui/images/2x/icon/check_box_active.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/check_box_active.png'); background-size: contain;
} }
.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 center center; background: url('resources?path=/com/fr/web/ui/images/1x/icon/check_box_active.png') no-repeat center center;
background-size: contain;
} }
.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 center center; background: url('resources?path=/com/fr/web/ui/images/2x/icon/check_box_disable.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/check_box_disable.png'); background-size: contain;
} }
.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 center center; background: url('resources?path=/com/fr/web/ui/images/1x/icon/check_box_disable.png') no-repeat center center;
background-size: contain;
} }
.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 center center; background: url('resources?path=/com/fr/web/ui/images/2x/icon/check_box_disable2.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/check_box_disable2.png'); background-size: contain;
} }
.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 center center; background: url('resources?path=/com/fr/web/ui/images/1x/icon/check_box_disable2.png') no-repeat center center;
background-size: contain;
} }
.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 center center; background: url('resources?path=/com/fr/web/ui/images/2x/icon/radio_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/radio_normal.png'); background-size: contain;
} }
.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 center center; background: url('resources?path=/com/fr/web/ui/images/1x/icon/radio_normal.png') no-repeat center center;
background-size: contain;
} }
.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 center center; background: url('resources?path=/com/fr/web/ui/images/2x/icon/radio_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/radio_normal.png'); background-size: contain;
} }
.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 center center; background: url('resources?path=/com/fr/web/ui/images/1x/icon/radio_normal.png') no-repeat center center;
background-size: contain;
} }
.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 center center; background: url('resources?path=/com/fr/web/ui/images/2x/icon/radio_normal.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/radio_normal.png'); background-size: contain;
} }
.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 center center; background: url('resources?path=/com/fr/web/ui/images/1x/icon/radio_normal.png') no-repeat center center;
background-size: contain;
} }
.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 center center; background: url('resources?path=/com/fr/web/ui/images/2x/icon/radio_active.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/radio_active.png'); background-size: contain;
} }
.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 center center; background: url('resources?path=/com/fr/web/ui/images/1x/icon/radio_active.png') no-repeat center center;
background-size: contain;
} }
.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 center center; background: url('resources?path=/com/fr/web/ui/images/2x/icon/radio_disable.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/radio_disable.png'); background-size: contain;
} }
.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 center center; background: url('resources?path=/com/fr/web/ui/images/1x/icon/radio_disable.png') no-repeat center center;
background-size: contain;
} }
.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 center center; background: url('resources?path=/com/fr/web/ui/images/2x/icon/radio_disable2.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/radio_disable2.png'); background-size: contain;
} }
.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 center center; background: url('resources?path=/com/fr/web/ui/images/1x/icon/radio_disable2.png') no-repeat center center;
background-size: contain;
} }
.check-half-select-icon .x-icon { .check-half-select-icon .x-icon {
display: block; display: block;
background: url('resources?path=/com/fr/web/ui/images/2x/icon/half_selected.png') no-repeat center center; background: url('resources?path=/com/fr/web/ui/images/2x/icon/half_selected.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/half_selected.png'); background-size: contain;
} }
.check-half-select-icon .x-icon.hack { .check-half-select-icon .x-icon.hack {
background: url('resources?path=/com/fr/web/ui/images/1x/icon/half_selected.png') no-repeat center center; background: url('resources?path=/com/fr/web/ui/images/1x/icon/half_selected.png') no-repeat center center;
background-size: contain;
} }
.check-half-select-icon.disabled .x-icon { .check-half-select-icon.disabled .x-icon {
display: block; display: block;
background: url('resources?path=/com/fr/web/ui/images/2x/icon/half_selected_disable.png') no-repeat center center; background: url('resources?path=/com/fr/web/ui/images/2x/icon/half_selected_disable.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/half_selected_disable.png'); background-size: contain;
} }
.check-half-select-icon.disabled .x-icon.hack { .check-half-select-icon.disabled .x-icon.hack {
background: url('resources?path=/com/fr/web/ui/images/1x/icon/half_selected_disable.png') no-repeat center center; background: url('resources?path=/com/fr/web/ui/images/1x/icon/half_selected_disable.png') no-repeat center center;
background-size: contain;
} }
.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 center center; background: url('resources?path=/com/fr/web/ui/images/2x/icon/slider_normal_small.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/slider_normal_small.png'); background-size: contain;
} }
.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 center center; background: url('resources?path=/com/fr/web/ui/images/1x/icon/slider_normal_small.png') no-repeat center center;
background-size: contain;
} }
.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 center center; background: url('resources?path=/com/fr/web/ui/images/2x/icon/slider_active_small.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/slider_active_small.png'); background-size: contain;
} }
.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 center center; background: url('resources?path=/com/fr/web/ui/images/1x/icon/slider_active_small.png') no-repeat center center;
background-size: contain;
} }
.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 center center; background: url('resources?path=/com/fr/web/ui/images/2x/icon/slider_normal_small.png') no-repeat center center;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resources?path=/com/fr/web/ui/images/2x/icon/slider_normal_small.png'); background-size: contain;
} }
.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 center center; background: url('resources?path=/com/fr/web/ui/images/1x/icon/slider_normal_small.png') no-repeat center center;
background-size: contain;
} }
.auto-color-icon .x-icon { .auto-color-icon .x-icon {
display: block; display: block;
background: url('resources?path=/com/fr/web/ui/images/2x/icon/auto_normal.png') no-repeat center center; 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;
} }
.auto-color-icon .x-icon.hack { .auto-color-icon .x-icon.hack {
background: url('resources?path=/com/fr/web/ui/images/1x/icon/auto_normal.png') no-repeat center center; background: url('resources?path=/com/fr/web/ui/images/1x/icon/auto_normal.png') no-repeat center center;
background-size: contain;
} }
.auto-color-icon.active .x-icon { .auto-color-icon.active .x-icon {
display: block; display: block;
background: url('resources?path=/com/fr/web/ui/images/2x/icon/auto_select.png') no-repeat center center; 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;
} }
.auto-color-icon.active .x-icon.hack { .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; background: url('resources?path=/com/fr/web/ui/images/1x/icon/auto_select.png') no-repeat center center;
background-size: contain;
} }
.auto-color-icon.disabled .x-icon { .auto-color-icon.disabled .x-icon {
display: block; display: block;
background: url('resources?path=/com/fr/web/ui/images/2x/icon/auto_disable.png') no-repeat center center; 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;
} }
.auto-color-icon.disabled .x-icon.hack { .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; background: url('resources?path=/com/fr/web/ui/images/1x/icon/auto_disable.png') no-repeat center center;
background-size: contain;
} }
.trans-color-icon .x-icon { .trans-color-icon .x-icon {
display: block; display: block;
background: url('resources?path=/com/fr/web/ui/images/2x/icon/trans_normal.png') no-repeat center center; 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;
} }
.trans-color-icon .x-icon.hack { .trans-color-icon .x-icon.hack {
background: url('resources?path=/com/fr/web/ui/images/1x/icon/trans_normal.png') no-repeat center center; background: url('resources?path=/com/fr/web/ui/images/1x/icon/trans_normal.png') no-repeat center center;
background-size: contain;
} }
.trans-color-icon.active .x-icon { .trans-color-icon.active .x-icon {
display: block; display: block;
background: url('resources?path=/com/fr/web/ui/images/2x/icon/trans_select.png') no-repeat center center; 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;
} }
.trans-color-icon.active .x-icon.hack { .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; background: url('resources?path=/com/fr/web/ui/images/1x/icon/trans_select.png') no-repeat center center;
background-size: contain;
} }
.trans-color-icon.disabled .x-icon { .trans-color-icon.disabled .x-icon {
display: block; display: block;
background: url('resources?path=/com/fr/web/ui/images/2x/icon/trans_disable.png') no-repeat center center; 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;
} }
.trans-color-icon.disabled .x-icon.hack { .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; background: url('resources?path=/com/fr/web/ui/images/1x/icon/trans_disable.png') no-repeat center center;
background-size: contain;
} }

Loading…
Cancel
Save