From 4aa19c719ad110485246a60782cbf072bd44d164 Mon Sep 17 00:00:00 2001 From: guy Date: Tue, 7 Nov 2017 21:32:19 +0800 Subject: [PATCH] update --- src/css/resource/font.css | 79 ------ src/css/resource/icon.css | 530 ++++---------------------------------- src/less/image.less | 190 +++++++++++--- 3 files changed, 208 insertions(+), 591 deletions(-) diff --git a/src/css/resource/font.css b/src/css/resource/font.css index fb800e07b..f103400e5 100644 --- a/src/css/resource/font.css +++ b/src/css/resource/font.css @@ -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; diff --git a/src/css/resource/icon.css b/src/css/resource/icon.css index 6f13861fc..9a19eb14f 100644 --- a/src/css/resource/icon.css +++ b/src/css/resource/icon.css @@ -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; } diff --git a/src/less/image.less b/src/less/image.less index d81d2a2b3..0a92c47a4 100644 --- a/src/less/image.less +++ b/src/less/image.less @@ -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;