fanruan
/
fineui
4
1
Fork 2
Code Issues 1 Pull Requests Releases Wiki Activity
Browse Source

update

es6
guy 7 years ago
parent
acd3535d39
commit
4aa19c719a
3 changed files with 208 additions and 591 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 79
      src/css/resource/font.css
  2. 530
      src/css/resource/icon.css
  3. 190
      src/less/image.less

79
src/css/resource/font.css
Unescape View File

@ -22,7 +22,6 @@
content: "\e600";
color: inherit;
}
.close-font.native .b-font:before,
.close-font.disabled .b-font:before {
content: "\e600";
color: inherit;
@ -35,12 +34,10 @@
color: inherit;
}
.close-h-font:hover .b-font:before,
.close-h-font:focus .b-font:before,
.close-h-font.hover .b-font:before {
content: "\e600";
color: inherit;
}
.close-h-font.native .b-font:before,
.close-h-font.disabled .b-font:before {
content: "\e600";
color: inherit;
@ -53,7 +50,6 @@
color: inherit;
}
.close-ha-font:hover .b-font:before,
.close-ha-font:focus .b-font:before,
.close-ha-font.hover .b-font:before {
content: "\e600";
color: inherit;
@ -63,7 +59,6 @@
content: "\e600";
color: #3f8ce8;
}
.close-ha-font.native .b-font:before,
.close-ha-font.disabled .b-font:before {
content: "\e600";
color: inherit;
@ -76,12 +71,10 @@
color: inherit;
}
.search-close-h-font:hover .b-font:before,
.search-close-h-font:focus .b-font:before,
.search-close-h-font.hover .b-font:before {
content: "\e600";
color: #e85050;
}
.search-close-h-font.native .b-font:before,
.search-close-h-font.disabled .b-font:before {
content: "\e600";
color: inherit;
@ -94,12 +87,10 @@
color: inherit;
}
.pre-page-h-font:hover .b-font:before,
.pre-page-h-font:focus .b-font:before,
.pre-page-h-font.hover .b-font:before {
content: "\e601";
color: inherit;
}
.pre-page-h-font.native .b-font:before,
.pre-page-h-font.disabled .b-font:before {
content: "\e601";
color: inherit;
@ -112,12 +103,10 @@
color: inherit;
}
.next-page-h-font:hover .b-font:before,
.next-page-h-font:focus .b-font:before,
.next-page-h-font.hover .b-font:before {
content: "\e602";
color: inherit;
}
.next-page-h-font.native .b-font:before,
.next-page-h-font.disabled .b-font:before {
content: "\e602";
color: inherit;
@ -129,7 +118,6 @@
content: "\e604";
color: inherit;
}
.search-font.native .b-font:before,
.search-font.disabled .b-font:before {
content: "\e604";
color: inherit;
@ -141,7 +129,6 @@
content: "\e61b";
color: inherit;
}
.date-font.native .b-font:before,
.date-font.disabled .b-font:before {
content: "\e61b";
color: inherit;
@ -154,12 +141,10 @@
color: inherit;
}
.date-change-h-font:hover .b-font:before,
.date-change-h-font:focus .b-font:before,
.date-change-h-font.hover .b-font:before {
content: "\e660";
color: inherit;
}
.date-change-h-font.native .b-font:before,
.date-change-h-font.disabled .b-font:before {
content: "\e660";
color: inherit;
@ -171,7 +156,6 @@
content: "\e606";
color: #1a1a1a;
}
.dot-font.native .b-font:before,
.dot-font.disabled .b-font:before {
content: "\e606";
color: #1a1a1a;
@ -184,12 +168,10 @@
color: #1a1a1a;
}
.dot-h-font:hover .b-font:before,
.dot-h-font:focus .b-font:before,
.dot-h-font.hover .b-font:before {
content: "\e606";
color: inherit;
}
.dot-h-font.native .b-font:before,
.dot-h-font.disabled .b-font:before {
content: "\e606";
color: #1a1a1a;
@ -202,7 +184,6 @@
color: #ffffff;
}
.dot-ha-font:hover .b-font:before,
.dot-ha-font:focus .b-font:before,
.dot-ha-font.hover .b-font:before {
content: "\e606";
color: #999999;
@ -212,7 +193,6 @@
content: "\e606";
color: #1a1a1a;
}
.dot-ha-font.native .b-font:before,
.dot-ha-font.disabled .b-font:before {
content: "\e606";
color: #ffffff;
@ -225,7 +205,6 @@
color: #ffffff;
}
.dot-e-font:hover .b-font:before,
.dot-e-font:focus .b-font:before,
.dot-e-font.hover .b-font:before {
content: "\e606";
color: #999999;
@ -238,7 +217,6 @@
content: "\e606";
color: #3f8ce8;
}
.dot-e-font.native .b-font:before,
.dot-e-font.disabled .b-font:before {
content: "\e606";
color: #ffffff;
@ -250,7 +228,6 @@
content: "\e607";
color: inherit;
}
.pull-right-font.native .b-font:before,
.pull-right-font.disabled .b-font:before {
content: "\e607";
color: inherit;
@ -263,12 +240,10 @@
color: inherit;
}
.pull-right-h-font:hover .b-font:before,
.pull-right-h-font:focus .b-font:before,
.pull-right-h-font.hover .b-font:before {
content: "\e607";
color: inherit;
}
.pull-right-h-font.native .b-font:before,
.pull-right-h-font.disabled .b-font:before {
content: "\e607";
color: inherit;
@ -281,7 +256,6 @@
color: inherit;
}
.pull-right-ha-font:hover .b-font:before,
.pull-right-ha-font:focus .b-font:before,
.pull-right-ha-font.hover .b-font:before {
content: "\e607";
color: inherit;
@ -291,7 +265,6 @@
content: "\e607";
color: #3f8ce8;
}
.pull-right-ha-font.native .b-font:before,
.pull-right-ha-font.disabled .b-font:before {
content: "\e607";
color: inherit;
@ -304,7 +277,6 @@
color: inherit;
}
.pull-right-e-font:hover .b-font:before,
.pull-right-e-font:focus .b-font:before,
.pull-right-e-font.hover .b-font:before {
content: "\e607";
color: inherit;
@ -317,7 +289,6 @@
content: "\e607";
color: #3f8ce8;
}
.pull-right-e-font.native .b-font:before,
.pull-right-e-font.disabled .b-font:before {
content: "\e607";
color: inherit;
@ -329,7 +300,6 @@
content: "\e610";
color: inherit;
}
.copy-font.native .b-font:before,
.copy-font.disabled .b-font:before {
content: "\e610";
color: inherit;
@ -342,12 +312,10 @@
color: #1a1a1a;
}
.copy-h-font:hover .b-font:before,
.copy-h-font:focus .b-font:before,
.copy-h-font.hover .b-font:before {
content: "\e610";
color: inherit;
}
.copy-h-font.native .b-font:before,
.copy-h-font.disabled .b-font:before {
content: "\e610";
color: #1a1a1a;
@ -360,7 +328,6 @@
color: inherit;
}
.copy-ha-font:hover .b-font:before,
.copy-ha-font:focus .b-font:before,
.copy-ha-font.hover .b-font:before {
content: "\e610";
color: inherit;
@ -370,7 +337,6 @@
content: "\e610";
color: #3f8ce8;
}
.copy-ha-font.native .b-font:before,
.copy-ha-font.disabled .b-font:before {
content: "\e610";
color: inherit;
@ -383,7 +349,6 @@
color: inherit;
}
.copy-e-font:hover .b-font:before,
.copy-e-font:focus .b-font:before,
.copy-e-font.hover .b-font:before {
content: "\e610";
color: inherit;
@ -396,7 +361,6 @@
content: "\e610";
color: #3f8ce8;
}
.copy-e-font.native .b-font:before,
.copy-e-font.disabled .b-font:before {
content: "\e610";
color: inherit;
@ -408,7 +372,6 @@
content: "\e611";
color: inherit;
}
.check-mark-font.native .b-font:before,
.check-mark-font.disabled .b-font:before {
content: "\e611";
color: inherit;
@ -421,12 +384,10 @@
color: inherit;
}
.check-mark-h-font:hover .b-font:before,
.check-mark-h-font:focus .b-font:before,
.check-mark-h-font.hover .b-font:before {
content: "\e611";
color: inherit;
}
.check-mark-h-font.native .b-font:before,
.check-mark-h-font.disabled .b-font:before {
content: "\e611";
color: inherit;
@ -439,7 +400,6 @@
color: inherit;
}
.check-mark-ha-font:hover .b-font:before,
.check-mark-ha-font:focus .b-font:before,
.check-mark-ha-font.hover .b-font:before {
content: "\e611";
color: inherit;
@ -449,7 +409,6 @@
content: "\e611";
color: #3f8ce8;
}
.check-mark-ha-font.native .b-font:before,
.check-mark-ha-font.disabled .b-font:before {
content: "\e611";
color: inherit;
@ -462,7 +421,6 @@
color: inherit;
}
.check-mark-e-font:hover .b-font:before,
.check-mark-e-font:focus .b-font:before,
.check-mark-e-font.hover .b-font:before {
content: "\e611";
color: inherit;
@ -475,7 +433,6 @@
content: "\e611";
color: #3f8ce8;
}
.check-mark-e-font.native .b-font:before,
.check-mark-e-font.disabled .b-font:before {
content: "\e611";
color: inherit;
@ -488,7 +445,6 @@
content: "\e608";
color: inherit;
}
.tree-node-triangle-expand-font.native .b-font:before,
.tree-node-triangle-expand-font.disabled .b-font:before {
content: "\e608";
color: inherit;
@ -500,7 +456,6 @@
content: "\e607";
color: inherit;
}
.tree-node-triangle-collapse-font.native .b-font:before,
.tree-node-triangle-collapse-font.disabled .b-font:before {
content: "\e607";
color: inherit;
@ -513,12 +468,10 @@
color: inherit;
}
.row-pre-page-h-font:hover .b-font:before,
.row-pre-page-h-font:focus .b-font:before,
.row-pre-page-h-font.hover .b-font:before {
content: "\e6be";
color: inherit;
}
.row-pre-page-h-font.native .b-font:before,
.row-pre-page-h-font.disabled .b-font:before {
content: "\e6be";
color: inherit;
@ -531,12 +484,10 @@
color: inherit;
}
.row-next-page-h-font:hover .b-font:before,
.row-next-page-h-font:focus .b-font:before,
.row-next-page-h-font.hover .b-font:before {
content: "\e6bd";
color: inherit;
}
.row-next-page-h-font.native .b-font:before,
.row-next-page-h-font.disabled .b-font:before {
content: "\e6bd";
color: inherit;
@ -549,12 +500,10 @@
color: inherit;
}
.column-pre-page-h-font:hover .b-font:before,
.column-pre-page-h-font:focus .b-font:before,
.column-pre-page-h-font.hover .b-font:before {
content: "\e6bc";
color: inherit;
}
.column-pre-page-h-font.native .b-font:before,
.column-pre-page-h-font.disabled .b-font:before {
content: "\e6bc";
color: inherit;
@ -567,12 +516,10 @@
color: inherit;
}
.column-next-page-h-font:hover .b-font:before,
.column-next-page-h-font:focus .b-font:before,
.column-next-page-h-font.hover .b-font:before {
content: "\e6bb";
color: inherit;
}
.column-next-page-h-font.native .b-font:before,
.column-next-page-h-font.disabled .b-font:before {
content: "\e6bb";
color: inherit;
@ -585,7 +532,6 @@
color: #999999;
}
.trigger-triangle-font:hover .b-font:before,
.trigger-triangle-font:focus .b-font:before,
.trigger-triangle-font.hover .b-font:before {
content: "\e66a";
color: #999999;
@ -595,7 +541,6 @@
content: "\e66a";
color: #3f8ce8;
}
.trigger-triangle-font.native .b-font:before,
.trigger-triangle-font.disabled .b-font:before {
content: "\e66a";
color: #999999;
@ -607,7 +552,6 @@
content: "\e608";
color: inherit;
}
.pull-down-font.native .b-font:before,
.pull-down-font.disabled .b-font:before {
content: "\e608";
color: inherit;
@ -620,12 +564,10 @@
color: inherit;
}
.pull-down-h-font:hover .b-font:before,
.pull-down-h-font:focus .b-font:before,
.pull-down-h-font.hover .b-font:before {
content: "\e608";
color: inherit;
}
.pull-down-h-font.native .b-font:before,
.pull-down-h-font.disabled .b-font:before {
content: "\e608";
color: inherit;
@ -638,7 +580,6 @@
color: inherit;
}
.pull-down-ha-font:hover .b-font:before,
.pull-down-ha-font:focus .b-font:before,
.pull-down-ha-font.hover .b-font:before {
content: "\e608";
color: inherit;
@ -648,7 +589,6 @@
content: "\e608";
color: #3f8ce8;
}
.pull-down-ha-font.native .b-font:before,
.pull-down-ha-font.disabled .b-font:before {
content: "\e608";
color: inherit;
@ -660,7 +600,6 @@
content: "\e611";
color: #3f8ce8;
}
.check-font.native .b-font:before,
.check-font.disabled .b-font:before {
content: "\e611";
color: #3f8ce8;
@ -673,7 +612,6 @@
color: #ffffff;
}
.item-check-font:hover .b-font:before,
.item-check-font:focus .b-font:before,
.item-check-font.hover .b-font:before {
content: "\e611";
color: #999999;
@ -683,7 +621,6 @@
content: "\e611";
color: #3f8ce8;
}
.item-check-font.native .b-font:before,
.item-check-font.disabled .b-font:before {
content: "\e611";
color: #ffffff;
@ -696,12 +633,10 @@
color: inherit;
}
.primary-key-font:hover .b-font:before,
.primary-key-font:focus .b-font:before,
.primary-key-font.hover .b-font:before {
content: "\e67d;";
color: inherit;
}
.primary-key-font.native .b-font:before,
.primary-key-font.disabled .b-font:before {
content: "\e67d;";
color: inherit;
@ -713,7 +648,6 @@
content: "\e600";
color: #f07d0a;
}
.drag-tag-font.native .b-font:before,
.drag-tag-font.disabled .b-font:before {
content: "\e600";
color: #f07d0a;
@ -726,7 +660,6 @@
color: inherit;
}
.less-font:hover .b-font:before,
.less-font:focus .b-font:before,
.less-font.hover .b-font:before {
content: "\e633";
color: inherit;
@ -736,7 +669,6 @@
content: "\e633";
color: #3f8ce8;
}
.less-font.native .b-font:before,
.less-font.disabled .b-font:before {
content: "\e633";
color: inherit;
@ -749,7 +681,6 @@
color: inherit;
}
.less-equal-font:hover .b-font:before,
.less-equal-font:focus .b-font:before,
.less-equal-font.hover .b-font:before {
content: "\e636";
color: inherit;
@ -759,7 +690,6 @@
content: "\e636";
color: #3f8ce8;
}
.less-equal-font.native .b-font:before,
.less-equal-font.disabled .b-font:before {
content: "\e636";
color: inherit;
@ -771,7 +701,6 @@
content: "\e64d";
color: inherit;
}
.text-bold-font.native .b-font:before,
.text-bold-font.disabled .b-font:before {
content: "\e64d";
color: inherit;
@ -783,7 +712,6 @@
content: "\e656";
color: inherit;
}
.text-italic-font.native .b-font:before,
.text-italic-font.disabled .b-font:before {
content: "\e656";
color: inherit;
@ -795,7 +723,6 @@
content: "\e650";
color: inherit;
}
.text-underline-font.native .b-font:before,
.text-underline-font.disabled .b-font:before {
content: "\e650";
color: inherit;
@ -807,7 +734,6 @@
content: "\e69c";
color: inherit;
}
.text-color-font.native .b-font:before,
.text-color-font.disabled .b-font:before {
content: "\e69c";
color: inherit;
@ -819,7 +745,6 @@
content: "\e696";
color: inherit;
}
.text-background-font.native .b-font:before,
.text-background-font.disabled .b-font:before {
content: "\e696";
color: inherit;
@ -831,7 +756,6 @@
content: "\e69d";
color: inherit;
}
.text-color-underline-font.native .b-font:before,
.text-color-underline-font.disabled .b-font:before {
content: "\e69d";
color: inherit;
@ -843,7 +767,6 @@
content: "\e654";
color: inherit;
}
.text-align-left-font.native .b-font:before,
.text-align-left-font.disabled .b-font:before {
content: "\e654";
color: inherit;
@ -855,7 +778,6 @@
content: "\e64f";
color: inherit;
}
.text-align-center-font.native .b-font:before,
.text-align-center-font.disabled .b-font:before {
content: "\e64f";
color: inherit;
@ -867,7 +789,6 @@
content: "\e651";
color: inherit;
}
.text-align-right-font.native .b-font:before,
.text-align-right-font.disabled .b-font:before {
content: "\e651";
color: inherit;

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

@ -1,659 +1,263 @@
.tree-collapse-icon-type1 .x-icon,
.tree-collapse-icon-type1:hover .x-icon,
.tree-collapse-icon-type1:active .x-icon {
.tree-collapse-icon-type1 .x-icon {
display: block;
background: url('images/2x/icon/tree-collapse-1.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/tree-collapse-1.png');
background-size: contain;
_background: none;
}
.tree-collapse-icon-type1 .x-icon.hack,
.tree-collapse-icon-type1:hover .x-icon.hack,
.tree-collapse-icon-type1:active .x-icon.hack {
.tree-collapse-icon-type1 .x-icon.hack {
background: url('images/1x/icon/tree-collapse-1.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree-collapse-1.png');
_background: none;
}
.tree-collapse-icon-type1.native .x-icon,
.tree-collapse-icon-type1.disabled .x-icon {
display: block;
background: url('images/2x/icon/tree-collapse-1.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/tree-collapse-1.png');
background-size: contain;
_background: none;
}
.tree-collapse-icon-type1.native .x-icon.hack,
.tree-collapse-icon-type1.disabled .x-icon.hack {
background: url('images/1x/icon/tree-collapse-1.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree-collapse-1.png');
_background: none;
}
.tree-collapse-icon-type2 .x-icon,
.tree-collapse-icon-type2:hover .x-icon,
.tree-collapse-icon-type2:active .x-icon {
display: block;
background: url('images/2x/icon/tree-collapse-2.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/tree-collapse-2.png');
background-size: contain;
_background: none;
}
.tree-collapse-icon-type2 .x-icon.hack,
.tree-collapse-icon-type2:hover .x-icon.hack,
.tree-collapse-icon-type2:active .x-icon.hack {
background: url('images/1x/icon/tree-collapse-2.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree-collapse-2.png');
_background: none;
}
.tree-collapse-icon-type2.native .x-icon,
.tree-collapse-icon-type2.disabled .x-icon {
.tree-collapse-icon-type2 .x-icon {
display: block;
background: url('images/2x/icon/tree-collapse-2.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/tree-collapse-2.png');
background-size: contain;
_background: none;
}
.tree-collapse-icon-type2.native .x-icon.hack,
.tree-collapse-icon-type2.disabled .x-icon.hack {
.tree-collapse-icon-type2 .x-icon.hack {
background: url('images/1x/icon/tree-collapse-2.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree-collapse-2.png');
_background: none;
}
.tree-collapse-icon-type3 .x-icon,
.tree-collapse-icon-type3:hover .x-icon,
.tree-collapse-icon-type3:active .x-icon {
display: block;
background: url('images/2x/icon/tree-collapse-3.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/tree-collapse-3.png');
background-size: contain;
_background: none;
}
.tree-collapse-icon-type3 .x-icon.hack,
.tree-collapse-icon-type3:hover .x-icon.hack,
.tree-collapse-icon-type3:active .x-icon.hack {
background: url('images/1x/icon/tree-collapse-3.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree-collapse-3.png');
_background: none;
}
.tree-collapse-icon-type3.native .x-icon,
.tree-collapse-icon-type3.disabled .x-icon {
.tree-collapse-icon-type3 .x-icon {
display: block;
background: url('images/2x/icon/tree-collapse-3.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/tree-collapse-3.png');
background-size: contain;
_background: none;
}
.tree-collapse-icon-type3.native .x-icon.hack,
.tree-collapse-icon-type3.disabled .x-icon.hack {
.tree-collapse-icon-type3 .x-icon.hack {
background: url('images/1x/icon/tree-collapse-3.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree-collapse-3.png');
_background: none;
}
.tree-collapse-icon-type4 .x-icon,
.tree-collapse-icon-type4:hover .x-icon,
.tree-collapse-icon-type4:active .x-icon {
.tree-collapse-icon-type4 .x-icon {
display: block;
background: url('images/2x/icon/tree-collapse-4.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/tree-collapse-4.png');
background-size: contain;
_background: none;
}
.tree-collapse-icon-type4 .x-icon.hack,
.tree-collapse-icon-type4:hover .x-icon.hack,
.tree-collapse-icon-type4:active .x-icon.hack {
.tree-collapse-icon-type4 .x-icon.hack {
background: url('images/1x/icon/tree-collapse-4.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree-collapse-4.png');
_background: none;
}
.tree-collapse-icon-type4.native .x-icon,
.tree-collapse-icon-type4.disabled .x-icon {
display: block;
background: url('images/2x/icon/tree-collapse-4.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/tree-collapse-4.png');
background-size: contain;
_background: none;
}
.tree-collapse-icon-type4.native .x-icon.hack,
.tree-collapse-icon-type4.disabled .x-icon.hack {
background: url('images/1x/icon/tree-collapse-4.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree-collapse-4.png');
_background: none;
}
.tree-expand-icon-type1 .x-icon,
.tree-expand-icon-type1:hover .x-icon,
.tree-expand-icon-type1:active .x-icon {
display: block;
background: url('images/2x/icon/tree-expand-1.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/tree-expand-1.png');
background-size: contain;
_background: none;
}
.tree-expand-icon-type1 .x-icon.hack,
.tree-expand-icon-type1:hover .x-icon.hack,
.tree-expand-icon-type1:active .x-icon.hack {
background: url('images/1x/icon/tree-expand-1.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree-expand-1.png');
_background: none;
}
.tree-expand-icon-type1.native .x-icon,
.tree-expand-icon-type1.disabled .x-icon {
.tree-expand-icon-type1 .x-icon {
display: block;
background: url('images/2x/icon/tree-expand-1.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/tree-expand-1.png');
background-size: contain;
_background: none;
}
.tree-expand-icon-type1.native .x-icon.hack,
.tree-expand-icon-type1.disabled .x-icon.hack {
.tree-expand-icon-type1 .x-icon.hack {
background: url('images/1x/icon/tree-expand-1.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree-expand-1.png');
_background: none;
}
.tree-expand-icon-type2 .x-icon,
.tree-expand-icon-type2:hover .x-icon,
.tree-expand-icon-type2:active .x-icon {
display: block;
background: url('images/2x/icon/tree-expand-2.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/tree-expand-2.png');
background-size: contain;
_background: none;
}
.tree-expand-icon-type2 .x-icon.hack,
.tree-expand-icon-type2:hover .x-icon.hack,
.tree-expand-icon-type2:active .x-icon.hack {
background: url('images/1x/icon/tree-expand-2.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree-expand-2.png');
_background: none;
}
.tree-expand-icon-type2.native .x-icon,
.tree-expand-icon-type2.disabled .x-icon {
.tree-expand-icon-type2 .x-icon {
display: block;
background: url('images/2x/icon/tree-expand-2.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/tree-expand-2.png');
background-size: contain;
_background: none;
}
.tree-expand-icon-type2.native .x-icon.hack,
.tree-expand-icon-type2.disabled .x-icon.hack {
.tree-expand-icon-type2 .x-icon.hack {
background: url('images/1x/icon/tree-expand-2.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree-expand-2.png');
_background: none;
}
.tree-expand-icon-type3 .x-icon,
.tree-expand-icon-type3:hover .x-icon,
.tree-expand-icon-type3:active .x-icon {
.tree-expand-icon-type3 .x-icon {
display: block;
background: url('images/2x/icon/tree-expand-3.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/tree-expand-3.png');
background-size: contain;
_background: none;
}
.tree-expand-icon-type3 .x-icon.hack,
.tree-expand-icon-type3:hover .x-icon.hack,
.tree-expand-icon-type3:active .x-icon.hack {
.tree-expand-icon-type3 .x-icon.hack {
background: url('images/1x/icon/tree-expand-3.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree-expand-3.png');
_background: none;
}
.tree-expand-icon-type3.native .x-icon,
.tree-expand-icon-type3.disabled .x-icon {
display: block;
background: url('images/2x/icon/tree-expand-3.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/tree-expand-3.png');
background-size: contain;
_background: none;
}
.tree-expand-icon-type3.native .x-icon.hack,
.tree-expand-icon-type3.disabled .x-icon.hack {
background: url('images/1x/icon/tree-expand-3.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree-expand-3.png');
_background: none;
}
.tree-expand-icon-type4 .x-icon,
.tree-expand-icon-type4:hover .x-icon,
.tree-expand-icon-type4:active .x-icon {
display: block;
background: url('images/2x/icon/tree-expand-4.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/tree-expand-4.png');
background-size: contain;
_background: none;
}
.tree-expand-icon-type4 .x-icon.hack,
.tree-expand-icon-type4:hover .x-icon.hack,
.tree-expand-icon-type4:active .x-icon.hack {
background: url('images/1x/icon/tree-expand-4.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree-expand-4.png');
_background: none;
}
.tree-expand-icon-type4.native .x-icon,
.tree-expand-icon-type4.disabled .x-icon {
.tree-expand-icon-type4 .x-icon {
display: block;
background: url('images/2x/icon/tree-expand-4.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/tree-expand-4.png');
background-size: contain;
_background: none;
}
.tree-expand-icon-type4.native .x-icon.hack,
.tree-expand-icon-type4.disabled .x-icon.hack {
.tree-expand-icon-type4 .x-icon.hack {
background: url('images/1x/icon/tree-expand-4.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree-expand-4.png');
_background: none;
}
.tree-vertical-line-type2 .x-icon,
.tree-vertical-line-type2:hover .x-icon,
.tree-vertical-line-type2:active .x-icon {
display: block;
background: url('images/2x/icon/tree-vertical-line-2.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/tree-vertical-line-2.png');
background-size: contain;
_background: none;
}
.tree-vertical-line-type2 .x-icon.hack,
.tree-vertical-line-type2:hover .x-icon.hack,
.tree-vertical-line-type2:active .x-icon.hack {
background: url('images/1x/icon/tree-vertical-line-2.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree-vertical-line-2.png');
_background: none;
}
.tree-vertical-line-type2.native .x-icon,
.tree-vertical-line-type2.disabled .x-icon {
.tree-vertical-line-type2 .x-icon {
display: block;
background: url('images/2x/icon/tree-vertical-line-2.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/tree-vertical-line-2.png');
background-size: contain;
_background: none;
}
.tree-vertical-line-type2.native .x-icon.hack,
.tree-vertical-line-type2.disabled .x-icon.hack {
.tree-vertical-line-type2 .x-icon.hack {
background: url('images/1x/icon/tree-vertical-line-2.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree-vertical-line-2.png');
_background: none;
}
.tree-vertical-line-type3 .x-icon,
.tree-vertical-line-type3:hover .x-icon,
.tree-vertical-line-type3:active .x-icon {
.tree-vertical-line-type3 .x-icon {
display: block;
background: url('images/2x/icon/tree-vertical-line-3.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/tree-vertical-line-3.png');
background-size: contain;
_background: none;
}
.tree-vertical-line-type3 .x-icon.hack,
.tree-vertical-line-type3:hover .x-icon.hack,
.tree-vertical-line-type3:active .x-icon.hack {
.tree-vertical-line-type3 .x-icon.hack {
background: url('images/1x/icon/tree-vertical-line-3.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree-vertical-line-3.png');
_background: none;
}
.tree-vertical-line-type3.native .x-icon,
.tree-vertical-line-type3.disabled .x-icon {
display: block;
background: url('images/2x/icon/tree-vertical-line-3.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/tree-vertical-line-3.png');
background-size: contain;
_background: none;
}
.tree-vertical-line-type3.native .x-icon.hack,
.tree-vertical-line-type3.disabled .x-icon.hack {
background: url('images/1x/icon/tree-vertical-line-3.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree-vertical-line-3.png');
_background: none;
}
.tree-vertical-line-type4 .x-icon,
.tree-vertical-line-type4:hover .x-icon,
.tree-vertical-line-type4:active .x-icon {
.tree-vertical-line-type4 .x-icon {
display: block;
background: url('images/2x/icon/tree-vertical-line-4.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/tree-vertical-line-4.png');
background-size: contain;
_background: none;
}
.tree-vertical-line-type4 .x-icon.hack,
.tree-vertical-line-type4:hover .x-icon.hack,
.tree-vertical-line-type4:active .x-icon.hack {
.tree-vertical-line-type4 .x-icon.hack {
background: url('images/1x/icon/tree-vertical-line-4.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree-vertical-line-4.png');
_background: none;
}
.tree-vertical-line-type4.native .x-icon,
.tree-vertical-line-type4.disabled .x-icon {
display: block;
background: url('images/2x/icon/tree-vertical-line-4.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/tree-vertical-line-4.png');
background-size: contain;
_background: none;
}
.tree-vertical-line-type4.native .x-icon.hack,
.tree-vertical-line-type4.disabled .x-icon.hack {
background: url('images/1x/icon/tree-vertical-line-4.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree-vertical-line-4.png');
_background: none;
}
.bi-theme-dark .tree-collapse-icon-type1 .x-icon,
.bi-theme-dark .tree-collapse-icon-type1:hover .x-icon,
.bi-theme-dark .tree-collapse-icon-type1:active .x-icon {
display: block;
background: url('images/2x/icon/dark/tree-collapse-1.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/dark/tree-collapse-1.png');
background-size: contain;
_background: none;
}
.bi-theme-dark .tree-collapse-icon-type1 .x-icon.hack,
.bi-theme-dark .tree-collapse-icon-type1:hover .x-icon.hack,
.bi-theme-dark .tree-collapse-icon-type1:active .x-icon.hack {
background: url('images/1x/icon/dark/tree-collapse-1.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree-collapse-1.png');
_background: none;
}
.bi-theme-dark .tree-collapse-icon-type1.native .x-icon,
.bi-theme-dark .tree-collapse-icon-type1.disabled .x-icon {
.bi-theme-dark .tree-collapse-icon-type1 .x-icon {
display: block;
background: url('images/2x/icon/dark/tree-collapse-1.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/dark/tree-collapse-1.png');
background-size: contain;
_background: none;
}
.bi-theme-dark .tree-collapse-icon-type1.native .x-icon.hack,
.bi-theme-dark .tree-collapse-icon-type1.disabled .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 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree-collapse-1.png');
_background: none;
}
.bi-theme-dark .tree-collapse-icon-type2 .x-icon,
.bi-theme-dark .tree-collapse-icon-type2:hover .x-icon,
.bi-theme-dark .tree-collapse-icon-type2:active .x-icon {
.bi-theme-dark .tree-collapse-icon-type2 .x-icon {
display: block;
background: url('images/2x/icon/dark/tree-collapse-2.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/dark/tree-collapse-2.png');
background-size: contain;
_background: none;
}
.bi-theme-dark .tree-collapse-icon-type2 .x-icon.hack,
.bi-theme-dark .tree-collapse-icon-type2:hover .x-icon.hack,
.bi-theme-dark .tree-collapse-icon-type2:active .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 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree-collapse-2.png');
_background: none;
}
.bi-theme-dark .tree-collapse-icon-type2.native .x-icon,
.bi-theme-dark .tree-collapse-icon-type2.disabled .x-icon {
display: block;
background: url('images/2x/icon/dark/tree-collapse-2.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/dark/tree-collapse-2.png');
background-size: contain;
_background: none;
}
.bi-theme-dark .tree-collapse-icon-type2.native .x-icon.hack,
.bi-theme-dark .tree-collapse-icon-type2.disabled .x-icon.hack {
background: url('images/1x/icon/dark/tree-collapse-2.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree-collapse-2.png');
_background: none;
}
.bi-theme-dark .tree-collapse-icon-type3 .x-icon,
.bi-theme-dark .tree-collapse-icon-type3:hover .x-icon,
.bi-theme-dark .tree-collapse-icon-type3:active .x-icon {
display: block;
background: url('images/2x/icon/dark/tree-collapse-3.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/dark/tree-collapse-3.png');
background-size: contain;
_background: none;
}
.bi-theme-dark .tree-collapse-icon-type3 .x-icon.hack,
.bi-theme-dark .tree-collapse-icon-type3:hover .x-icon.hack,
.bi-theme-dark .tree-collapse-icon-type3:active .x-icon.hack {
background: url('images/1x/icon/dark/tree-collapse-3.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree-collapse-3.png');
_background: none;
}
.bi-theme-dark .tree-collapse-icon-type3.native .x-icon,
.bi-theme-dark .tree-collapse-icon-type3.disabled .x-icon {
.bi-theme-dark .tree-collapse-icon-type3 .x-icon {
display: block;
background: url('images/2x/icon/dark/tree-collapse-3.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/dark/tree-collapse-3.png');
background-size: contain;
_background: none;
}
.bi-theme-dark .tree-collapse-icon-type3.native .x-icon.hack,
.bi-theme-dark .tree-collapse-icon-type3.disabled .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 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree-collapse-3.png');
_background: none;
}
.bi-theme-dark .tree-collapse-icon-type4 .x-icon,
.bi-theme-dark .tree-collapse-icon-type4:hover .x-icon,
.bi-theme-dark .tree-collapse-icon-type4:active .x-icon {
display: block;
background: url('images/2x/icon/dark/tree-collapse-4.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/dark/tree-collapse-4.png');
background-size: contain;
_background: none;
}
.bi-theme-dark .tree-collapse-icon-type4 .x-icon.hack,
.bi-theme-dark .tree-collapse-icon-type4:hover .x-icon.hack,
.bi-theme-dark .tree-collapse-icon-type4:active .x-icon.hack {
background: url('images/1x/icon/dark/tree-collapse-4.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree-collapse-4.png');
_background: none;
}
.bi-theme-dark .tree-collapse-icon-type4.native .x-icon,
.bi-theme-dark .tree-collapse-icon-type4.disabled .x-icon {
.bi-theme-dark .tree-collapse-icon-type4 .x-icon {
display: block;
background: url('images/2x/icon/dark/tree-collapse-4.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/dark/tree-collapse-4.png');
background-size: contain;
_background: none;
}
.bi-theme-dark .tree-collapse-icon-type4.native .x-icon.hack,
.bi-theme-dark .tree-collapse-icon-type4.disabled .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 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree-collapse-4.png');
_background: none;
}
.bi-theme-dark .tree-expand-icon-type1 .x-icon,
.bi-theme-dark .tree-expand-icon-type1:hover .x-icon,
.bi-theme-dark .tree-expand-icon-type1:active .x-icon {
.bi-theme-dark .tree-expand-icon-type1 .x-icon {
display: block;
background: url('images/2x/icon/dark/tree-expand-1.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/dark/tree-expand-1.png');
background-size: contain;
_background: none;
}
.bi-theme-dark .tree-expand-icon-type1 .x-icon.hack,
.bi-theme-dark .tree-expand-icon-type1:hover .x-icon.hack,
.bi-theme-dark .tree-expand-icon-type1:active .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 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree-expand-1.png');
_background: none;
}
.bi-theme-dark .tree-expand-icon-type1.native .x-icon,
.bi-theme-dark .tree-expand-icon-type1.disabled .x-icon {
display: block;
background: url('images/2x/icon/dark/tree-expand-1.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/dark/tree-expand-1.png');
background-size: contain;
_background: none;
}
.bi-theme-dark .tree-expand-icon-type1.native .x-icon.hack,
.bi-theme-dark .tree-expand-icon-type1.disabled .x-icon.hack {
background: url('images/1x/icon/dark/tree-expand-1.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree-expand-1.png');
_background: none;
}
.bi-theme-dark .tree-expand-icon-type2 .x-icon,
.bi-theme-dark .tree-expand-icon-type2:hover .x-icon,
.bi-theme-dark .tree-expand-icon-type2:active .x-icon {
display: block;
background: url('images/2x/icon/dark/tree-expand-2.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/dark/tree-expand-2.png');
background-size: contain;
_background: none;
}
.bi-theme-dark .tree-expand-icon-type2 .x-icon.hack,
.bi-theme-dark .tree-expand-icon-type2:hover .x-icon.hack,
.bi-theme-dark .tree-expand-icon-type2:active .x-icon.hack {
background: url('images/1x/icon/dark/tree-expand-2.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree-expand-2.png');
_background: none;
}
.bi-theme-dark .tree-expand-icon-type2.native .x-icon,
.bi-theme-dark .tree-expand-icon-type2.disabled .x-icon {
.bi-theme-dark .tree-expand-icon-type2 .x-icon {
display: block;
background: url('images/2x/icon/dark/tree-expand-2.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/dark/tree-expand-2.png');
background-size: contain;
_background: none;
}
.bi-theme-dark .tree-expand-icon-type2.native .x-icon.hack,
.bi-theme-dark .tree-expand-icon-type2.disabled .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 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree-expand-2.png');
_background: none;
}
.bi-theme-dark .tree-expand-icon-type3 .x-icon,
.bi-theme-dark .tree-expand-icon-type3:hover .x-icon,
.bi-theme-dark .tree-expand-icon-type3:active .x-icon {
.bi-theme-dark .tree-expand-icon-type3 .x-icon {
display: block;
background: url('images/2x/icon/dark/tree-expand-3.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/dark/tree-expand-3.png');
background-size: contain;
_background: none;
}
.bi-theme-dark .tree-expand-icon-type3 .x-icon.hack,
.bi-theme-dark .tree-expand-icon-type3:hover .x-icon.hack,
.bi-theme-dark .tree-expand-icon-type3:active .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 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree-expand-3.png');
_background: none;
}
.bi-theme-dark .tree-expand-icon-type3.native .x-icon,
.bi-theme-dark .tree-expand-icon-type3.disabled .x-icon {
display: block;
background: url('images/2x/icon/dark/tree-expand-3.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/dark/tree-expand-3.png');
background-size: contain;
_background: none;
}
.bi-theme-dark .tree-expand-icon-type3.native .x-icon.hack,
.bi-theme-dark .tree-expand-icon-type3.disabled .x-icon.hack {
background: url('images/1x/icon/dark/tree-expand-3.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree-expand-3.png');
_background: none;
}
.bi-theme-dark .tree-expand-icon-type4 .x-icon,
.bi-theme-dark .tree-expand-icon-type4:hover .x-icon,
.bi-theme-dark .tree-expand-icon-type4:active .x-icon {
.bi-theme-dark .tree-expand-icon-type4 .x-icon {
display: block;
background: url('images/2x/icon/dark/tree-expand-4.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/dark/tree-expand-4.png');
background-size: contain;
_background: none;
}
.bi-theme-dark .tree-expand-icon-type4 .x-icon.hack,
.bi-theme-dark .tree-expand-icon-type4:hover .x-icon.hack,
.bi-theme-dark .tree-expand-icon-type4:active .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 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree-expand-4.png');
_background: none;
}
.bi-theme-dark .tree-expand-icon-type4.native .x-icon,
.bi-theme-dark .tree-expand-icon-type4.disabled .x-icon {
display: block;
background: url('images/2x/icon/dark/tree-expand-4.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/dark/tree-expand-4.png');
background-size: contain;
_background: none;
}
.bi-theme-dark .tree-expand-icon-type4.native .x-icon.hack,
.bi-theme-dark .tree-expand-icon-type4.disabled .x-icon.hack {
background: url('images/1x/icon/dark/tree-expand-4.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree-expand-4.png');
_background: none;
}
.bi-theme-dark .tree-vertical-line-type2 .x-icon,
.bi-theme-dark .tree-vertical-line-type2:hover .x-icon,
.bi-theme-dark .tree-vertical-line-type2:active .x-icon {
display: block;
background: url('images/2x/icon/dark/tree-vertical-line-2.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/dark/tree-vertical-line-2.png');
background-size: contain;
_background: none;
}
.bi-theme-dark .tree-vertical-line-type2 .x-icon.hack,
.bi-theme-dark .tree-vertical-line-type2:hover .x-icon.hack,
.bi-theme-dark .tree-vertical-line-type2:active .x-icon.hack {
background: url('images/1x/icon/dark/tree-vertical-line-2.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree-vertical-line-2.png');
_background: none;
}
.bi-theme-dark .tree-vertical-line-type2.native .x-icon,
.bi-theme-dark .tree-vertical-line-type2.disabled .x-icon {
.bi-theme-dark .tree-vertical-line-type2 .x-icon {
display: block;
background: url('images/2x/icon/dark/tree-vertical-line-2.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/dark/tree-vertical-line-2.png');
background-size: contain;
_background: none;
}
.bi-theme-dark .tree-vertical-line-type2.native .x-icon.hack,
.bi-theme-dark .tree-vertical-line-type2.disabled .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 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree-vertical-line-2.png');
_background: none;
}
.bi-theme-dark .tree-vertical-line-type3 .x-icon,
.bi-theme-dark .tree-vertical-line-type3:hover .x-icon,
.bi-theme-dark .tree-vertical-line-type3:active .x-icon {
.bi-theme-dark .tree-vertical-line-type3 .x-icon {
display: block;
background: url('images/2x/icon/dark/tree-vertical-line-3.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/dark/tree-vertical-line-3.png');
background-size: contain;
_background: none;
}
.bi-theme-dark .tree-vertical-line-type3 .x-icon.hack,
.bi-theme-dark .tree-vertical-line-type3:hover .x-icon.hack,
.bi-theme-dark .tree-vertical-line-type3:active .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 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree-vertical-line-3.png');
_background: none;
}
.bi-theme-dark .tree-vertical-line-type3.native .x-icon,
.bi-theme-dark .tree-vertical-line-type3.disabled .x-icon {
display: block;
background: url('images/2x/icon/dark/tree-vertical-line-3.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/dark/tree-vertical-line-3.png');
background-size: contain;
_background: none;
}
.bi-theme-dark .tree-vertical-line-type3.native .x-icon.hack,
.bi-theme-dark .tree-vertical-line-type3.disabled .x-icon.hack {
background: url('images/1x/icon/dark/tree-vertical-line-3.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree-vertical-line-3.png');
_background: none;
}
.bi-theme-dark .tree-vertical-line-type4 .x-icon,
.bi-theme-dark .tree-vertical-line-type4:hover .x-icon,
.bi-theme-dark .tree-vertical-line-type4:active .x-icon {
.bi-theme-dark .tree-vertical-line-type4 .x-icon {
display: block;
background: url('images/2x/icon/dark/tree-vertical-line-4.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/dark/tree-vertical-line-4.png');
background-size: contain;
_background: none;
}
.bi-theme-dark .tree-vertical-line-type4 .x-icon.hack,
.bi-theme-dark .tree-vertical-line-type4:hover .x-icon.hack,
.bi-theme-dark .tree-vertical-line-type4:active .x-icon.hack {
background: url('images/1x/icon/dark/tree-vertical-line-4.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree-vertical-line-4.png');
_background: none;
}
.bi-theme-dark .tree-vertical-line-type4.native .x-icon,
.bi-theme-dark .tree-vertical-line-type4.disabled .x-icon {
display: block;
background: url('images/2x/icon/dark/tree-vertical-line-4.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/dark/tree-vertical-line-4.png');
background-size: contain;
_background: none;
}
.bi-theme-dark .tree-vertical-line-type4.native .x-icon.hack,
.bi-theme-dark .tree-vertical-line-type4.disabled .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 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree-vertical-line-4.png');
_background: none;
@ -671,7 +275,6 @@
_background: none;
}
.check-box-icon:hover .x-icon,
.check-box-icon:focus .x-icon,
.check-box-icon.hover .x-icon {
display: block;
background: url('images/2x/icon/check-box-normal.png') no-repeat 0 0;
@ -680,7 +283,6 @@
_background: none;
}
.check-box-icon:hover .x-icon.hack,
.check-box-icon:focus .x-icon.hack,
.check-box-icon.hover .x-icon.hack {
background: url('images/1x/icon/check-box-normal.png') no-repeat 0 0;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/check-box-normal.png');
@ -700,7 +302,6 @@
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/check-box-active.png');
_background: none;
}
.check-box-icon.native .x-icon,
.check-box-icon.disabled .x-icon {
display: block;
background: url('images/2x/icon/check-box-disable.png') no-repeat 0 0;
@ -708,13 +309,11 @@
background-size: contain;
_background: none;
}
.check-box-icon.native .x-icon.hack,
.check-box-icon.disabled .x-icon.hack {
background: url('images/1x/icon/check-box-disable.png') no-repeat 0 0;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/check-box-disable.png');
_background: none;
}
.check-box-icon.native .x-icon,
.check-box-icon.disabled.active .x-icon {
display: block;
background: url('images/2x/icon/check-box-disable2.png') no-repeat 0 0;
@ -722,7 +321,6 @@
background-size: contain;
_background: none;
}
.check-box-icon.native .x-icon.hack,
.check-box-icon.disabled.active .x-icon.hack {
background: url('images/1x/icon/check-box-disable2.png') no-repeat 0 0;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/check-box-disable2.png');
@ -741,7 +339,6 @@
_background: none;
}
.radio-icon:hover .x-icon,
.radio-icon:focus .x-icon,
.radio-icon.hover .x-icon {
display: block;
background: url('images/2x/icon/radio-normal.png') no-repeat 0 0;
@ -750,7 +347,6 @@
_background: none;
}
.radio-icon:hover .x-icon.hack,
.radio-icon:focus .x-icon.hack,
.radio-icon.hover .x-icon.hack {
background: url('images/1x/icon/radio-normal.png') no-repeat 0 0;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/radio-normal.png');
@ -770,7 +366,6 @@
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/radio-active.png');
_background: none;
}
.radio-icon.native .x-icon,
.radio-icon.disabled .x-icon {
display: block;
background: url('images/2x/icon/radio-disable.png') no-repeat 0 0;
@ -778,13 +373,11 @@
background-size: contain;
_background: none;
}
.radio-icon.native .x-icon.hack,
.radio-icon.disabled .x-icon.hack {
background: url('images/1x/icon/radio-disable.png') no-repeat 0 0;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/radio-disable.png');
_background: none;
}
.radio-icon.native .x-icon,
.radio-icon.disabled.active .x-icon {
display: block;
background: url('images/2x/icon/radio-disable2.png') no-repeat 0 0;
@ -792,38 +385,19 @@
background-size: contain;
_background: none;
}
.radio-icon.native .x-icon.hack,
.radio-icon.disabled.active .x-icon.hack {
background: url('images/1x/icon/radio-disable2.png') no-repeat 0 0;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/radio-disable2.png');
_background: none;
}
.check-half-select-icon .x-icon,
.check-half-select-icon:hover .x-icon,
.check-half-select-icon:active .x-icon {
.check-half-select-icon .x-icon {
display: block;
background: url('images/2x/icon/half_selected.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/half_selected.png');
background-size: contain;
_background: none;
}
.check-half-select-icon .x-icon.hack,
.check-half-select-icon:hover .x-icon.hack,
.check-half-select-icon:active .x-icon.hack {
background: url('images/1x/icon/half_selected.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/half_selected.png');
_background: none;
}
.check-half-select-icon.native .x-icon,
.check-half-select-icon.disabled .x-icon {
display: block;
background: url('images/2x/icon/half_selected.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/half_selected.png');
background-size: contain;
_background: none;
}
.check-half-select-icon.native .x-icon.hack,
.check-half-select-icon.disabled .x-icon.hack {
.check-half-select-icon .x-icon.hack {
background: url('images/1x/icon/half_selected.png') no-repeat 0px 0px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/half_selected.png');
_background: none;
@ -841,7 +415,6 @@
_background: none;
}
.slider-icon:hover .x-icon,
.slider-icon:focus .x-icon,
.slider-icon.hover .x-icon {
display: block;
background: url('images/2x/icon/slider-active-small.png') no-repeat 0 0;
@ -850,13 +423,20 @@
_background: none;
}
.slider-icon:hover .x-icon.hack,
.slider-icon:focus .x-icon.hack,
.slider-icon.hover .x-icon.hack {
background: url('images/1x/icon/slider-active-small.png') no-repeat 0 0;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/slider-active-small.png');
_background: none;
}
.slider-icon.native .x-icon,
.slider-icon.disabled .x-icon {
display: block;
background: url('images/2x/icon/slider-normal-small.png') no-repeat 0 0;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/slider-normal-small.png');
background-size: contain;
_background: none;
}
.slider-icon.disabled .x-icon.hack {
background: url('images/1x/icon/slider-normal-small.png') no-repeat 0 0;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/slider-normal-small.png');
_background: none;
}

190
src/less/image.less
Unescape View File

@ -20,17 +20,7 @@
.icon(@class, @iconPath, @top:0px, @left:0px) {
.@{class} {
& .x-icon,
&:hover .x-icon,
&:active .x-icon {
display: block;
.image2xPath(@iconPath, -@top, -@left);
&.hack {
.imagePath(@iconPath, -@top, -@left);
}
}
&.native .x-icon,
&.disabled .x-icon {
& .x-icon {
display: block;
.image2xPath(@iconPath, -@top, -@left);
&.hack {
@ -50,7 +40,6 @@
}
}
&:hover .x-icon,
&:focus .x-icon,
&.hover .x-icon,
&:active .x-icon,
&.active .x-icon {
@ -60,7 +49,6 @@
.imagePath(@iconPath, -@top, -(@left + @distance));
}
}
&.native .x-icon,
&.disabled .x-icon {
display: block;
.image2xPath(@iconPath, -@top, -@left);
@ -73,10 +61,7 @@
.icon_active(@class, @iconPath, @top:0px, @left:0px, @distance: 20) {
.@{class} {
& .x-icon,
&:hover .x-icon,
&:focus .x-icon,
&.hover .x-icon {
& .x-icon {
display: block;
.image2xPath(@iconPath, -@top, -@left);
&.hack {
@ -91,7 +76,6 @@
.imagePath(@iconPath, -@top, -(@left + @distance));
}
}
&.native .x-icon,
&.disabled .x-icon {
display: block;
.image2xPath(@iconPath, -@top, -@left);
@ -112,7 +96,6 @@
}
}
&:hover .x-icon,
&:focus .x-icon,
&.hover .x-icon {
display: block;
.image2xPath(@iconPath, -@top, -(@left+@distance));
@ -129,7 +112,6 @@
.imagePath(@iconPath, -@top, -(@left+@distance*2));
}
}
&.native .x-icon,
&.disabled .x-icon {
display: block;
.image2xPath(@iconPath, -@top, -@left);
@ -156,7 +138,6 @@
.imagePath(@iconPath, -@top, -(@left+@distance));
}
}
&.native .x-icon,
&.disabled .x-icon {
display: block;
.image2xPath(@iconPath, -@top, -@left);
@ -167,7 +148,94 @@
}
}
.icon_custom(@class, @iconPath, @hoverPath:none, @activePath:none, @disablePath:none, @activeDisablePath:none) {
.icon_custom(@class, @iconPath, @disablePath:none) {
.@{class} {
& .x-icon {
display: block;
.image2xPath(@iconPath, 0, 0);
&.hack {
.imagePath(@iconPath, 0, 0);
}
}
&.disabled .x-icon {
display: block;
.image2xPath(@disablePath, 0, 0);
&.hack {
.imagePath(@disablePath, 0, 0);
}
}
}
}
.icon_custom(@class, @iconPath, @hoverPath, @disablePath) when not (@disablePath = none) {
.@{class} {
& .x-icon {
display: block;
.image2xPath(@iconPath, 0, 0);
&.hack {
.imagePath(@iconPath, 0, 0);
}
}
&:hover .x-icon,
&.hover .x-icon {
display: block;
.image2xPath(@hoverPath, 0, 0);
&.hack {
.imagePath(@hoverPath, 0, 0);
}
}
&.disabled .x-icon {
display: block;
.image2xPath(@disablePath, 0, 0);
&.hack {
.imagePath(@disablePath, 0, 0);
}
}
}
}
.icon_custom(@class, @iconPath, @hoverPath, @activePath, @disablePath) when not (@disablePath = none) {
.@{class} {
& .x-icon {
display: block;
.image2xPath(@iconPath, 0, 0);
&.hack {
.imagePath(@iconPath, 0, 0);
}
}
&:hover .x-icon,
&.hover .x-icon {
display: block;
.image2xPath(@hoverPath, 0, 0);
&.hack {
.imagePath(@hoverPath, 0, 0);
}
}
&:active .x-icon,
&.active .x-icon {
display: block;
.image2xPath(@activePath, 0, 0);
&.hack {
.imagePath(@activePath, 0, 0);
}
}
&.disabled .x-icon {
display: block;
.image2xPath(@disablePath, 0, 0);
&.hack {
.imagePath(@disablePath, 0, 0);
}
}
}
}
.icon_custom(@class, @iconPath, @hoverPath:none, @activePath:none, @disablePath:none, @activeDisablePath:none) when not (@activeDisablePath = none) {
.@{class} {
& .x-icon {
display: block;
@ -177,7 +245,6 @@
}
}
&:hover .x-icon,
&:focus .x-icon,
&.hover .x-icon {
display: block;
.image2xPath(@hoverPath, 0, 0);
@ -194,7 +261,6 @@
.imagePath(@activePath, 0, 0);
}
}
&.native .x-icon,
&.disabled .x-icon {
display: block;
.image2xPath(@disablePath, 0, 0);
@ -202,7 +268,6 @@
.imagePath(@disablePath, 0, 0);
}
}
&.native .x-icon,
&.disabled.active .x-icon {
display: block;
.image2xPath(@activeDisablePath, 0, 0);
@ -213,7 +278,7 @@
}
}
.icon_custom_hover(@class, @iconPath, @hoverPath:none, @disablePath:none) {
.icon_custom_hover(@class, @iconPath, @hoverPath:none) {
.@{class} {
& .x-icon {
display: block;
@ -223,7 +288,6 @@
}
}
&:hover .x-icon,
&:focus .x-icon,
&.hover .x-icon {
display: block;
.image2xPath(@hoverPath, 0, 0);
@ -231,13 +295,72 @@
.imagePath(@hoverPath, 0, 0);
}
}
&.disabled .x-icon {
display: block;
.image2xPath(@iconPath, 0, 0);
&.hack {
.imagePath(@iconPath, 0, 0);
}
}
}
}
&.native .x-icon,
.icon_custom_hover_active(@class, @iconPath, @hoverPath:none, @activePath) {
.@{class} {
& .x-icon {
display: block;
.image2xPath(@iconPath, 0, 0);
&.hack {
.imagePath(@iconPath, 0, 0);
}
}
&:hover .x-icon,
&.hover .x-icon {
display: block;
.image2xPath(@hoverPath, 0, 0);
&.hack {
.imagePath(@hoverPath, 0, 0);
}
}
&:active .x-icon,
&.active .x-icon {
display: block;
.image2xPath(@activePath, 0, 0);
&.hack {
.imagePath(@activePath, 0, 0);
}
}
&.disabled .x-icon {
display: block;
.image2xPath(@disablePath, 0, 0);
.image2xPath(@iconPath, 0, 0);
&.hack {
.imagePath(@disablePath, 0, 0);
.imagePath(@iconPath, 0, 0);
}
}
}
}
.icon_custom_select(@class, @iconPath, @hoverPath:none, @selectPath) {
.@{class} {
& .x-icon {
display: block;
.image2xPath(@iconPath, 0, 0);
&.hack {
.imagePath(@iconPath, 0, 0);
}
}
&.active .x-icon {
display: block;
.image2xPath(@activePath, 0, 0);
&.hack {
.imagePath(@activePath, 0, 0);
}
}
&.disabled .x-icon {
display: block;
.image2xPath(@iconPath, 0, 0);
&.hack {
.imagePath(@iconPath, 0, 0);
}
}
}
@ -260,7 +383,6 @@
content: @fc;
color: @color;
}
&.native .b-font:before,
&.disabled .b-font:before {
content: @fc;
color: @color;
@ -279,12 +401,10 @@
color: @color-native;
}
&:hover .b-font:before,
&:focus .b-font:before,
&.hover .b-font:before {
content: @fc;
color: @color-hover;
}
&.native .b-font:before,
&.disabled .b-font:before {
content: @fc;
color: @color-native;
@ -303,7 +423,6 @@
color: @color-native;
}
&:hover .b-font:before,
&:focus .b-font:before,
&.hover .b-font:before {
content: @fc;
color: @color-hover;
@ -316,7 +435,6 @@
content: @fc;
color: @color-active;
}
&.native .b-font:before,
&.disabled .b-font:before {
content: @fc;
color: @color-native;
@ -335,7 +453,6 @@
color: @color-native;
}
&:hover .b-font:before,
&:focus .b-font:before,
&.hover .b-font:before {
content: @fc;
color: @color-hover;
@ -346,7 +463,6 @@
content: @fc;
color: @color-active;
}
&.native .b-font:before,
&.disabled .b-font:before {
content: @fc;
color: @color-native;

Write Preview
Loading…
Cancel
Save