3 lines
8.7 KiB
CSS
3 lines
8.7 KiB
CSS
#WRAPPER>#MENU-SIDE>span[data-link]{display:block;position:relative;width:calc( 4em - 2*.7em - 2*.55em - 2*.01em);height:calc( 4em - 2*.7em - 2*.55em - 2*.01em);margin:2em .7em;padding:.55em;border:.01em solid transparent;border-radius:2px;color:#a2a2a2;line-height:calc( 4em - 2*.7em - 2*.55em - 2*.01em);transition:color .3s, border .3s;cursor:pointer}#WRAPPER>#MENU-SIDE>span[data-link].mt{margin-top:3em}#WRAPPER>#MENU-SIDE>span[data-link].mb{margin-bottom:3em}#WRAPPER>#MENU-SIDE>span[data-link] svg,#WRAPPER>#MENU-SIDE>span[data-link] svg *{width:calc( 4em / 2.5);height:calc( 4em / 2.5);transition:fill .3s, stroke .3s;pointer-events:none}#WRAPPER>#MENU-SIDE>span[data-link] svg #stylisable,#WRAPPER>#MENU-SIDE>span[data-link] svg * #stylisable{fill:#a2a2a2 !important}#WRAPPER>#MENU-SIDE>span[data-link] svg #stroke-stylisable,#WRAPPER>#MENU-SIDE>span[data-link] svg * #stroke-stylisable{stroke:#a2a2a2 !important}#WRAPPER>#MENU-SIDE>span[data-link][data-desc]:after{content:attr(data-desc);display:block;position:absolute;top:calc( 4em / 4 - 2*.3em);left:calc( 4em * 1.15 - 2*.3em);padding:.3em;border-radius:3px;background-color:#2a2a2a;color:#e2e2e2;white-space:nowrap;transition:transform .1s;transform-origin:0 0;transform:scaleX(0)}#WRAPPER>#MENU-SIDE>span[data-link]:hover,#WRAPPER>#MENU-SIDE>span[data-link].active{color:#f44f06;border-color:#e6e6e6;box-shadow:inset 0 0 .5em #eee}#WRAPPER>#MENU-SIDE>span[data-link]:hover:hover:after,#WRAPPER>#MENU-SIDE>span[data-link].active:hover:after{transform:scaleX(1);color:#fff}#WRAPPER>#MENU-SIDE>span[data-link]:hover svg #stylisable,#WRAPPER>#MENU-SIDE>span[data-link].active svg #stylisable{fill:#000 !important}#WRAPPER>#MENU-SIDE>span[data-link]:hover svg #stroke-stylisable,#WRAPPER>#MENU-SIDE>span[data-link].active svg #stroke-stylisable{stroke:#000 !important}
|
|
|
|
/*# sourceMappingURL=data:application/json;base64,ewoJInZlcnNpb24iOiAzLAoJImZpbGUiOiAibWVudS1zaWRlLmNzcyIsCgkic291cmNlcyI6IFsKCQkiLi4vbWVudS1zaWRlLnNjc3MiLAoJCSIuLi9jb25zdGFudHMuc2NzcyIKCV0sCgkic291cmNlc0NvbnRlbnQiOiBbCgkJIkBpbXBvcnQgJ2NvbnN0YW50cyc7XG5cbiNXUkFQUEVSID4gI01FTlUtU0lERXtcblxuXHQmID4gc3BhbltkYXRhLWxpbmtde1xuXHRcdGRpc3BsYXk6IGJsb2NrO1xuXHRcdHBvc2l0aW9uOiByZWxhdGl2ZTtcblx0XHRcdHdpZHRoOiBjYWxjKCAjeyRtZW51LXNpZGUtd2lkdGh9IC0gMiouN2VtIC0gMiouNTVlbSAtIDIqLjAxZW0gKTtcblx0XHRcdGhlaWdodDogY2FsYyggI3skbWVudS1zaWRlLXdpZHRofSAtIDIqLjdlbSAtIDIqLjU1ZW0gLSAyKi4wMWVtICk7XG5cblx0XHQvLyBwYWRkaW5nOiAxZW07XG5cdFx0bWFyZ2luOiAyZW0gLjdlbTtcblx0XHRwYWRkaW5nOiAuNTVlbTtcblxuXHRcdGJvcmRlcjogLjAxZW0gc29saWQgdHJhbnNwYXJlbnQ7XG5cdFx0Ym9yZGVyLXJhZGl1czogMnB4O1xuXG5cblx0XHQvLyBEZWNhbGFnZSBkZXMgZWxlbWVudHMgZHUgbWVudVxuXHRcdCYubXR7IC8vIE1hcmdpbiBUb3Bcblx0XHRcdG1hcmdpbi10b3A6IDNlbTtcblx0XHR9XG5cdFx0Ji5tYnsgLy8gTWFyZ2luIEJvdHRvbVxuXHRcdFx0bWFyZ2luLWJvdHRvbTogM2VtO1xuXHRcdH1cblxuXHRcdGNvbG9yOiAjYTJhMmEyO1xuXHRcdGxpbmUtaGVpZ2h0OiBjYWxjKCAjeyRtZW51LXNpZGUtd2lkdGh9IC0gMiouN2VtIC0gMiouNTVlbSAtIDIqLjAxZW0gKTtcblxuXHRcdHRyYW5zaXRpb246IGNvbG9yIC4zcywgYm9yZGVyIC4zcztcblxuXHRcdGN1cnNvcjogcG9pbnRlcjtcblxuXHRcdHN2Zywgc3ZnICp7XG5cdFx0XHR3aWR0aDogY2FsYyggI3skbWVudS1zaWRlLXdpZHRofSAvIDIuNSApO1xuXHRcdFx0aGVpZ2h0OiBjYWxjKCAjeyRtZW51LXNpZGUtd2lkdGh9IC8gMi41ICk7XG5cblx0XHRcdC8vIHN0cm9rZTogbm9uZSAhaW1wb3J0YW50O1xuXHRcdFx0Ly8gZmlsbDogIzc3NyAhaW1wb3J0YW50O1xuXG5cdFx0XHR0cmFuc2l0aW9uOiBmaWxsIC4zcywgc3Ryb2tlIC4zcztcblxuXHRcdFx0cG9pbnRlci1ldmVudHM6IG5vbmU7XG5cblxuXG5cdFx0XHQmICNzdHlsaXNhYmxleyAvLyBwb3VyIGxlcyBlbGVtZW50cyBzYXVmIGxlIHByb2ZpbFxuXHRcdFx0XHRmaWxsOiAjYTJhMmEyICFpbXBvcnRhbnQ7XG5cdFx0XHR9XG5cblx0XHRcdCYgI3N0cm9rZS1zdHlsaXNhYmxleyAvLyBwb3VyIGxlIHByb2ZpbFxuXHRcdFx0XHRzdHJva2U6ICNhMmEyYTIgIWltcG9ydGFudDtcblx0XHRcdH1cblx0XHR9XG5cblxuXHRcdCZbZGF0YS1kZXNjXTphZnRlcntcblx0XHRcdGNvbnRlbnQ6IGF0dHIoZGF0YS1kZXNjKTtcblx0XHRcdGRpc3BsYXk6IGJsb2NrO1xuXHRcdFx0cG9zaXRpb246IGFic29sdXRlO1xuXHRcdFx0XHR0b3A6IGNhbGMoICN7JG1lbnUtc2lkZS13aWR0aH0gLyA0IC0gMiouM2VtICk7XG5cdFx0XHRcdGxlZnQ6IGNhbGMoICN7JG1lbnUtc2lkZS13aWR0aH0gKiAxLjE1IC0gMiouM2VtICk7XG5cdFx0XHRwYWRkaW5nOiAuM2VtO1xuXG5cdFx0XHRib3JkZXItcmFkaXVzOiAzcHg7XG5cblx0XHRcdGJhY2tncm91bmQtY29sb3I6ICMyYTJhMmE7XG5cblx0XHRcdGNvbG9yOiAjZTJlMmUyO1xuXHRcdFx0d2hpdGUtc3BhY2U6IG5vd3JhcDtcblxuXHRcdFx0dHJhbnNpdGlvbjogdHJhbnNmb3JtIC4xcztcblxuXHRcdFx0dHJhbnNmb3JtLW9yaWdpbjogMCAwO1xuXHRcdFx0dHJhbnNmb3JtOiBzY2FsZVgoMCk7XG5cblx0XHR9XG5cblxuXHRcdCY6aG92ZXIsXG5cdFx0Ji5hY3RpdmV7XG5cdFx0XHRjb2xvcjogJHRoZW1lLWNvbG9yO1xuXHRcdFx0Ym9yZGVyLWNvbG9yOiAjZTZlNmU2O1xuXHRcdFx0Ym94LXNoYWRvdzogaW5zZXQgMCAwIC41ZW0gI2VlZTtcblxuXHRcdFx0Jjpob3ZlcjphZnRlcntcblx0XHRcdFx0dHJhbnNmb3JtOiBzY2FsZVgoMSk7XG5cdFx0XHRcdGNvbG9yOiAjZmZmO1xuXHRcdFx0fVxuXG5cdFx0XHRzdmcgI3N0eWxpc2FibGV7IC8vIHBvdXIgbGVzIGVsZW1lbnRzIHNhdWYgbGUgcHJvZmlsXG5cdFx0XHRcdGZpbGw6ICMwMDAgIWltcG9ydGFudDtcblx0XHRcdH1cblxuXHRcdFx0c3ZnICNzdHJva2Utc3R5bGlzYWJsZXsgLy8gcG91ciBsZSBwcm9maWxcblx0XHRcdFx0c3Ryb2tlOiAjMDAwICFpbXBvcnRhbnQ7XG5cdFx0XHR9XG5cdFx0fVxuXG5cdH1cblxuXG59XG4iLAoJCSIvKiBDT1VMRVVSIERVIFRIRU1FICovXG4kdGhlbWUtY29sb3I6ICNmNDRmMDY7XG5cbi8qIENPVUxFVVIgRFUgU09VUy1NRU5VICovXG4kc3ViLW1lbnUtY29sb3I6ICM1YjVlNjM7XG5cbi8qIENPVUxFVVIgREVTIEVSUkVVUlMgKi9cbiRlcnJvci1jb2xvcjogI2NjNTg1NztcblxuLyogRk9STVVMQUlSRVMgKi9cbiRmb3JtLXZhbGlkLWNvbG9yOiAgICMyN2E1NjA7XG4kZm9ybS1uZXV0cmFsLWNvbG9yOiAjMjE5M2U2O1xuJGZvcm0tc2VhcmNoLWNvbG9yOiAgIzU2MzBlZDtcbiRmb3JtLWludmFsaWQtY29sb3I6ICNkNTI5MTg7XG5cblxuLyogR0VTVElPTiBERVMgTE9OR1VFVVJTICovXG4kbWVudS1zaWRlLXdpZHRoOiA0ZW07XG5cblxuLy8gUE9VUiBSRVNPVVJDRV9ESVNQQVRDSEVSXG4kcmQtZm9ybS12YWxpZC1jb2xvcjogICAnMjdhNTYwJztcbiRyZC1mb3JtLW5ldXRyYWwtY29sb3I6ICcyMTkzZTYnO1xuJHJkLWZvcm0tc2VhcmNoLWNvbG9yOiAgJzU2MzBlZCc7XG4kcmQtZm9ybS1pbnZhbGlkLWNvbG9yOiAnZDUyOTE4JztcbiIKCV0sCgkibWFwcGluZ3MiOiAiQUFFQSxBQUVtQixRQUZYLENBQUcsVUFBVSxDQUVoQixJQUFJLENBQUEsQUFBQSxTQUFDLEFBQUEsQ0FBVSxDQUNsQixPQUFPLENBQUUsS0FBTSxDQUNmLFFBQVEsQ0FBRSxRQUFTLENBQ2xCLEtBQUssQ0FBRSx1Q0FBSSxDQUNYLE1BQU0sQ0FBRSx1Q0FBSSxDQUdiLE1BQU0sQ0FBRSxRQUFTLENBQ2pCLE9BQU8sQ0FBRSxLQUFNLENBRWYsTUFBTSxDQUFFLHVCQUF3QixDQUNoQyxhQUFhLENBQUUsR0FBSSxDQVduQixLQUFLLENBQUUsT0FBUSxDQUNmLFdBQVcsQ0FBRSx1Q0FBSSxDQUVqQixVQUFVLENBQUUscUJBQXNCLENBRWxDLE1BQU0sQ0FBRSxPQUFRLENBb0VoQixBQWpHRixBQUVtQixRQUZYLENBQUcsVUFBVSxDQUVoQixJQUFJLENBQUEsQUFBQSxTQUFDLEFBQUEsQ0FlUCxHQUFHLEFBQUEsQ0FDSCxVQUFVLENBQUUsR0FBSSxDQUNoQixBQW5CSCxBQUVtQixRQUZYLENBQUcsVUFBVSxDQUVoQixJQUFJLENBQUEsQUFBQSxTQUFDLEFBQUEsQ0FrQlAsR0FBRyxBQUFBLENBQ0gsYUFBYSxDQUFFLEdBQUksQ0FDbkIsQUF0QkgsQUErQkUsUUEvQk0sQ0FBRyxVQUFVLENBRWhCLElBQUksQ0FBQSxBQUFBLFNBQUMsQUFBQSxFQTZCUixHQUFHLENBL0JMLEFBK0JXLFFBL0JILENBQUcsVUFBVSxDQUVoQixJQUFJLENBQUEsQUFBQSxTQUFDLEFBQUEsRUE2QkgsR0FBRyxDQUFDLENBQUMsQUFBQSxDQUNULEtBQUssQ0FBRSxnQkFBSSxDQUNYLE1BQU0sQ0FBRSxnQkFBSSxDQUtaLFVBQVUsQ0FBRSxvQkFBcUIsQ0FFakMsY0FBYyxDQUFFLElBQUssQ0FXckIsQUFuREgsQUE0Q0ssUUE1Q0csQ0FBRyxVQUFVLENBRWhCLElBQUks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 */ |