2016-09-11 10:18:21 +00:00
|
|
|
#WRAPPER>#MENU-SIDE>span{display:block;position:relative;width:calc( 100% - 2*1em - 2*1.5em);padding:.8em 1.5em;padding-left:calc( 1.5em + 2*1em);border-bottom:1px solid transparent;background:url("/src/static/menu-side/sub@aaaaaa.svg") right 1.5em center no-repeat;background-size:.5em .5em;color:#666;font-size:.85em;-webkit-transition:color 0.2s ease-in-out,background 0.2s ease-in-out,box-shadow 0.2s ease-in-out,border 0.2s ease-in-out;transition:color 0.2s ease-in-out,background 0.2s ease-in-out,box-shadow 0.2s ease-in-out,border 0.2s ease-in-out;cursor:pointer}#WRAPPER>#MENU-SIDE>span>svg,#WRAPPER>#MENU-SIDE>span>svg *{position:absolute;top:calc( 50% - 1em/2);left:1.5em;width:1em;height:1em;fill:#939393 !important;-webkit-transition:fill 0.2s ease-in-out;transition:fill 0.2s ease-in-out}#WRAPPER>#MENU-SIDE>span:not(.active):hover{background-image:url("/src/static/menu-side/sub@000000.svg");color:#000}#WRAPPER>#MENU-SIDE>span:not(.active):hover>svg,#WRAPPER>#MENU-SIDE>span:not(.active):hover>svg *{fill:#000 !important}#WRAPPER>#MENU-SIDE>span.active{border-bottom-color:#2290eb;background-color:#399ced;background-image:url("/src/static/menu-side/sub-active@ffffff.svg");color:#fff}#WRAPPER>#MENU-SIDE>span.active>svg,#WRAPPER>#MENU-SIDE>span.active>svg *{fill:#fff !important}#WRAPPER>#MENU-SIDE>span:not(.icon)+div.sub>span{display:block;position:relative;width:calc( 100% - 1.5em - 2.5em);padding:.5em 1.5em;padding-left:2.5em;background:#eee url("/src/static/menu-side/sub@777777.svg") 1.5em center no-repeat;background-size:.5em;color:#777777;font-size:.85em;cursor:pointer;-webkit-transition:color 0.2s ease-in-out;transition:color 0.2s ease-in-out}#WRAPPER>#MENU-SIDE>span:not(.icon)+div.sub>span:hover,#WRAPPER>#MENU-SIDE>span:not(.icon)+div.sub>span.active{color:#000;background-image:url("/src/static/menu-side/sub@000000.svg")}#WRAPPER>#MENU-SIDE>span:not(.icon):not(.active)+div.sub>span{display:none}
|