NxTIC/css/menu-side/compact.css

28 lines
9.3 KiB
CSS

/* [1] COULEURS
=========================================================*/
/* (1) COULEURS DU THEME $DEFAULT */
/* (2) COULEURS DE THEME $DARK */
/* [2] DIMENSIONS
=========================================================*/
/* (1) Layout de base */
#WRAPPER > #MENU-SIDE { /* [1] Elements du menu =========================================================*/ /* [2] Gestion du menu deroulant =========================================================*/ /* (1) Quand le menu est deroule */ }
#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("/f/svg/sub/st/menu-side/aaaaaa") right 1.5em center no-repeat; background-size: .5em .5em; color: #666; font-size: .85em; transition: color .2s ease-in-out, background .2s ease-in-out, box-shadow .2s ease-in-out, border .2s ease-in-out; cursor: pointer; /* (1) Icone svg */ /* (2) Animation de @hover */ /* (3) Animation quand .active */ }
#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; transition: fill .2s ease-in-out; }
#WRAPPER > #MENU-SIDE > span:not(.active):hover { background-image: url("/f/svg/sub/st/menu-side/000000"); 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("/f/svg/sub-active/st/menu-side/ffffff"); color: #ffffff; }
#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: #313541 url("/f/svg/sub/st/menu-side/888888") 1.5em center no-repeat; background-size: .5em; color: #7a7a7a; font-size: .85em; cursor: pointer; transition: color .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: #ffffff; background-image: url("/f/svg/sub/st/menu-side/ffffff"); }
#WRAPPER > #MENU-SIDE > span:not(.icon):not(.active) + div.sub > span { display: none; }
/*# sourceMappingURL=data:application/json;base64,ewoJInZlcnNpb24iOiAzLAoJImZpbGUiOiAiY29tcGFjdC5jc3MiLAoJInNvdXJjZXMiOiBbCgkJIi4uL21lbnUtc2lkZS5zY3NzIiwKCQkiLi4vY29uc3RhbnRzLnNjc3MiCgldLAoJInNvdXJjZXNDb250ZW50IjogWwoJCSJAaW1wb3J0ICdjb25zdGFudHMnO1xuXG4jV1JBUFBFUiA+ICNNRU5VLVNJREV7XG5cblx0LyogWzFdIEVsZW1lbnRzIGR1IG1lbnVcblx0PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09Ki9cblx0JiA+IHNwYW57XG5cdFx0ZGlzcGxheTogYmxvY2s7XG5cdFx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHRcdFx0d2lkdGg6IGNhbGMoIDEwMCUgLSAyKjFlbSAtIDIqMS41ZW0gKTtcblxuXHRcdHBhZGRpbmc6IC44ZW0gMS41ZW07XG5cdFx0cGFkZGluZy1sZWZ0OiBjYWxjKCAxLjVlbSArIDIqMWVtICk7XG5cblx0XHRib3JkZXItYm90dG9tOiAxcHggc29saWQgdHJhbnNwYXJlbnQ7XG5cblx0XHRiYWNrZ3JvdW5kOiB1cmwoJy9mL3N2Zy9zdWIvc3QvbWVudS1zaWRlL2FhYWFhYScpIHJpZ2h0IDEuNWVtIGNlbnRlciBuby1yZXBlYXQ7XG5cdFx0YmFja2dyb3VuZC1zaXplOiAuNWVtIC41ZW07XG5cblxuXHRcdGNvbG9yOiAjNjY2O1xuXHRcdGZvbnQtc2l6ZTogLjg1ZW07XG5cblx0XHR0cmFuc2l0aW9uOiBjb2xvciAuMnMgZWFzZS1pbi1vdXQsIGJhY2tncm91bmQgLjJzIGVhc2UtaW4tb3V0LCBib3gtc2hhZG93IC4ycyBlYXNlLWluLW91dCwgYm9yZGVyIC4ycyBlYXNlLWluLW91dDtcblxuXHRcdGN1cnNvcjogcG9pbnRlcjtcblxuXHRcdC8qICgxKSBJY29uZSBzdmcgKi9cblx0XHQmID4gc3ZnLCAmID4gc3ZnICp7XG5cdFx0XHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdFx0XHRcdHRvcDogY2FsYyggNTAlIC0gMWVtLzIgKTtcblx0XHRcdFx0bGVmdDogMS41ZW07XG5cdFx0XHRcdHdpZHRoOiAxZW07XG5cdFx0XHRcdGhlaWdodDogMWVtO1xuXG5cdFx0XHRmaWxsOiAkZGFyay1mZyAhaW1wb3J0YW50O1xuXHRcdFx0dHJhbnNpdGlvbjogZmlsbCAuMnMgZWFzZS1pbi1vdXQ7XG5cdFx0fVxuXG5cblx0XHQvKiAoMikgQW5pbWF0aW9uIGRlIEBob3ZlciAqL1xuXHRcdCY6bm90KC5hY3RpdmUpOmhvdmVye1xuXHRcdFx0YmFja2dyb3VuZC1pbWFnZTogdXJsKCcvZi9zdmcvc3ViL3N0L21lbnUtc2lkZS8wMDAwMDAnKTtcblx0XHRcdGNvbG9yOiAjMDAwO1xuXG5cdFx0XHQmID4gc3ZnLCAmID4gc3ZnICp7XG5cdFx0XHRcdGZpbGw6ICMwMDAgIWltcG9ydGFudDtcblx0XHRcdH1cblx0XHR9XG5cblx0XHQvKiAoMykgQW5pbWF0aW9uIHF1YW5kIC5hY3RpdmUgKi9cblx0XHQmLmFjdGl2ZXtcblx0XHRcdGJvcmRlci1ib3R0b20tY29sb3I6IGRhcmtlbigkdGhlbWUtZmctcHJpbWFyeSwgNSk7XG5cdFx0XHQvLyBib3gtc2hhZG93OiBpbnNldCAwIDAgMWVtIGRhcmtlbigkZGFyay1iZy1wcmltYXJ5LCAxKTtcblxuXHRcdFx0YmFja2dyb3VuZC1jb2xvcjogJHRoZW1lLWZnLXByaW1hcnk7XG5cdFx0XHRiYWNrZ3JvdW5kLWltYWdlOiB1cmwoJy9mL3N2Zy9zdWItYWN0aXZlL3N0L21lbnUtc2lkZS9mZmZmZmYnKTtcblx0XHRcdGNvbG9yOiAkZGFyay1mZy1wcmltYXJ5O1xuXG5cdFx0XHQmID4gc3ZnLCAmID4gc3ZnICp7XG5cdFx0XHRcdGZpbGw6ICNmZmYgIWltcG9ydGFudDtcblx0XHRcdH1cblx0XHR9XG5cblxuXHR9XG5cblxuXG5cdC8qIFsyXSBHZXN0aW9uIGR1IG1lbnUgZGVyb3VsYW50XG5cdD09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PSovXG5cdC8qICgxKSBRdWFuZCBsZSBtZW51IGVzdCBkZXJvdWxlICovXG5cdCYgPiBzcGFuOm5vdCguaWNvbikgKyBkaXYuc3ViPnNwYW57XG5cdFx0ZGlzcGxheTogYmxvY2s7XG5cdFx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHRcdFx0d2lkdGg6IGNhbGMoIDEwMCUgLSAxLjVlbSAtIDIuNWVtICk7XG5cblx0XHRwYWRkaW5nOiAuNWVtIDEuNWVtO1xuXHRcdHBhZGRpbmctbGVmdDogMi41ZW07XG5cblx0XHRiYWNrZ3JvdW5kOiAkZGFyay1iZyB1cmwoJy9mL3N2Zy9zdWIvc3QvbWVudS1zaWRlLzg4ODg4OCcpIDEuNWVtIGNlbnRlciBuby1yZXBlYXQ7O1xuXHRcdGJhY2tncm91bmQtc2l6ZTogLjVlbTtcblxuXHRcdGNvbG9yOiBkYXJrZW4oJGRhcmstZmcsIDEwKTtcblx0XHRmb250LXNpemU6IC44NWVtO1xuXG5cdFx0Y3Vyc29yOiBwb2ludGVyO1xuXG5cdFx0dHJhbnNpdGlvbjogY29sb3IgLjJzIGVhc2UtaW4tb3V0O1xuXG5cdFx0Ly8gQW5pbWF0aW9uIGRlIEBob3ZlciBvdSAuYWN0aXZlXG5cdFx0Jjpob3Zlcixcblx0XHQmLmFjdGl2ZXtcblx0XHRcdGNvbG9yOiAkZGFyay1mZy1wcmltYXJ5O1xuXHRcdFx0YmFja2dyb3VuZC1pbWFnZTogdXJsKCcvZi9zdmcvc3ViL3N0L21lbnUtc2lkZS9mZmZmZmYnKTtcblx0XHR9XG5cdH1cblxuXG5cdCYgPiBzcGFuOm5vdCguaWNvbik6bm90KC5hY3RpdmUpICsgZGl2LnN1Yj5zcGFue1xuXHRcdGRpc3BsYXk6IG5vbmU7XG5cdH1cbn1cbiIsCgkJIi8qIFsxXSBDT1VMRVVSU1xuPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09Ki9cbi8qICgxKSBDT1VMRVVSUyBEVSBUSEVNRSAkREVGQVVMVCAqL1xuJHRoZW1lLWJnOiAgICAgICAgICNlOGU4ZTg7XG4kdGhlbWUtYmctcHJpbWFyeTogI2ZmZmZmZjtcbiR0aGVtZS1mZzogICAgICAgICAjNTE1MTUxO1xuJHRoZW1lLWZnLXByaW1hcnk6ICMzOTljZWQ7XG5cbi8qICgyKSBDT1VMRVVSUyBERSBUSEVNRSAkREFSSyAqL1xuJGRhcmstYmc6ICAgICAgICAgIzMxMzU0MTtcbiRkYXJrLWJnLXByaW1hcnk6ICMyOTI4MmU7XG4kZGFyay1mZzogICAgICAgICAjOTM5MzkzO1xuJGRhcmstZmctcHJpbWFyeTogI2ZmZmZmZjtcblxuXG4vKiBbMl0gRElNRU5TSU9OU1xuPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09Ki9cbi8qICgxKSBMYXlvdXQgZGUgYmFzZSAqL1xuJG1lbnUtc2lkZS13aWR0aDogMTVlbTtcbiRoZWFkZXItaGVpZ2h0OiAgIDRlbTtcbiIKCV0sCgkibWFwcGluZ3MiOiAiQUNBQTsyREFDMkQ7QUFDM0Qsb0NBQW9DO0FBTXBDLGlDQUFpQztBQU9qQzsyREFDMkQ7QUFDM0Qsd0JBQXdCO0FEZnhCLFFBQVEsR0FBRyxVQUFVLENBQUEsRUFFcEIsbUZBQzJELENBZ0UzRCw0RkFDMkQsQ0FDM0QsbUNBQW1DLEVBK0JuQzs7QUFwR0QsUUFBUSxHQUFHLFVBQVUsR0FJaEIsSUFBSSxDQUFBLEVBQ1AsT0FBTyxFQUFFLEtBQU0sRUFDZixRQUFRLEVBQUUsUUFBUyxFQUNsQixLQUFLLEVBQUUsNkJBQUksRUFFWixPQUFPLEVBQUUsVUFBVyxFQUNwQixZQUFZLEVBQUUsb0JBQUksRUFFbEIsYUFBYSxFQUFFLHFCQUFzQixFQUVyQyxVQUFVLEVBQUUscUNBQUcsQ0FBbUMsS0FBSyxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUMsU0FBUyxFQUM5RSxlQUFlLEVBQUUsU0FBVSxFQUczQixLQUFLLEVBQUUsSUFBSyxFQUNaLFNBQVMsRUFBRSxLQUFNLEVBRWpCLFVBQVUsRUFBRSxxR0FBc0csRUFFbEgsTUFBTSxFQUFFLE9BQVEsRUFFaEIsbUJBQW1CLENBYW5CLDZCQUE2QixD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 */