33 lines
11 KiB
CSS
33 lines
11 KiB
CSS
/* [1] COULEURS
|
|
=========================================================*/
|
|
/* (1) COULEURS DU THEME $DEFAULT */
|
|
/* (2) COULEURS DE THEME $DARK */
|
|
/* (3) Couleurs du theme pour la timeline */
|
|
/* [2] DIMENSIONS
|
|
=========================================================*/
|
|
/* (1) Layout de base */
|
|
/* [3] Mixins
|
|
=========================================================*/
|
|
/* [4] Functions
|
|
=========================================================*/
|
|
#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; -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; /* (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; -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("/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: #eee url("/f/svg/sub/st/menu-side/777777") 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("/f/svg/sub/st/menu-side/000000"); }
|
|
|
|
#WRAPPER > #MENU-SIDE > span:not(.icon):not(.active) + div.sub > span { display: none; }
|
|
|
|
/*# sourceMappingURL=data:application/json;base64,ewoJInZlcnNpb24iOiAzLAoJImZpbGUiOiAiY29tcGFjdC5jc3MiLAoJInNvdXJjZXMiOiBbCgkJIi4uL21lbnUtc2lkZS5zY3NzIiwKCQkiLi4vY29uc3RhbnRzLnNjc3MiCgldLAoJInNvdXJjZXNDb250ZW50IjogWwoJCSJAaW1wb3J0ICdjb25zdGFudHMnO1xuXG4jV1JBUFBFUiA+ICNNRU5VLVNJREV7XG5cblx0LyogWzFdIEVsZW1lbnRzIGR1IG1lbnVcblx0PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09Ki9cblx0JiA+IHNwYW57XG5cdFx0ZGlzcGxheTogYmxvY2s7XG5cdFx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHRcdFx0d2lkdGg6IGNhbGMoIDEwMCUgLSAyKjFlbSAtIDIqMS41ZW0gKTtcblxuXHRcdHBhZGRpbmc6IC44ZW0gMS41ZW07XG5cdFx0cGFkZGluZy1sZWZ0OiBjYWxjKCAxLjVlbSArIDIqMWVtICk7XG5cblx0XHRib3JkZXItYm90dG9tOiAxcHggc29saWQgdHJhbnNwYXJlbnQ7XG5cblx0XHRiYWNrZ3JvdW5kOiB1cmwoJy9mL3N2Zy9zdWIvc3QvbWVudS1zaWRlL2FhYWFhYScpIHJpZ2h0IDEuNWVtIGNlbnRlciBuby1yZXBlYXQ7XG5cdFx0YmFja2dyb3VuZC1zaXplOiAuNWVtIC41ZW07XG5cblxuXHRcdGNvbG9yOiAjNjY2O1xuXHRcdGZvbnQtc2l6ZTogLjg1ZW07XG5cblx0XHRAaW5jbHVkZSB0cmFuc2l0aW9uKCBjb2xvciAuMnMgZWFzZS1pbi1vdXQsIGJhY2tncm91bmQgLjJzIGVhc2UtaW4tb3V0LCBib3gtc2hhZG93IC4ycyBlYXNlLWluLW91dCwgYm9yZGVyIC4ycyBlYXNlLWluLW91dCApO1xuXG5cdFx0Y3Vyc29yOiBwb2ludGVyO1xuXG5cdFx0LyogKDEpIEljb25lIHN2ZyAqL1xuXHRcdCYgPiBzdmcsICYgPiBzdmcgKntcblx0XHRcdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0XHRcdFx0dG9wOiBjYWxjKCA1MCUgLSAxZW0vMiApO1xuXHRcdFx0XHRsZWZ0OiAxLjVlbTtcblx0XHRcdFx0d2lkdGg6IDFlbTtcblx0XHRcdFx0aGVpZ2h0OiAxZW07XG5cblx0XHRcdGZpbGw6ICRkYXJrLWZnICFpbXBvcnRhbnQ7XG5cdFx0XHRAaW5jbHVkZSB0cmFuc2l0aW9uKCBmaWxsIC4ycyBlYXNlLWluLW91dCApO1xuXHRcdH1cblxuXG5cdFx0LyogKDIpIEFuaW1hdGlvbiBkZSBAaG92ZXIgKi9cblx0XHQmOm5vdCguYWN0aXZlKTpob3Zlcntcblx0XHRcdGJhY2tncm91bmQtaW1hZ2U6IHVybCgnL2Yvc3ZnL3N1Yi9zdC9tZW51LXNpZGUvMDAwMDAwJyk7XG5cdFx0XHRjb2xvcjogIzAwMDtcblxuXHRcdFx0JiA+IHN2ZywgJiA+IHN2ZyAqe1xuXHRcdFx0XHRmaWxsOiAjMDAwICFpbXBvcnRhbnQ7XG5cdFx0XHR9XG5cdFx0fVxuXG5cdFx0LyogKDMpIEFuaW1hdGlvbiBxdWFuZCAuYWN0aXZlICovXG5cdFx0Ji5hY3RpdmV7XG5cdFx0XHRib3JkZXItYm90dG9tLWNvbG9yOiBkYXJrZW4oJHRoZW1lLWZnLXByaW1hcnksIDUpO1xuXHRcdFx0Ly8gYm94LXNoYWRvdzogaW5zZXQgMCAwIDFlbSBkYXJrZW4oJGRhcmstYmctcHJpbWFyeSwgMSk7XG5cblx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR0aGVtZS1mZy1wcmltYXJ5O1xuXHRcdFx0YmFja2dyb3VuZC1pbWFnZTogdXJsKCcvZi9zdmcvc3ViLWFjdGl2ZS9zdC9tZW51LXNpZGUvZmZmZmZmJyk7XG5cdFx0XHRjb2xvcjogJGRhcmstZmctcHJpbWFyeTtcblxuXHRcdFx0JiA+IHN2ZywgJiA+IHN2ZyAqe1xuXHRcdFx0XHRmaWxsOiAjZmZmICFpbXBvcnRhbnQ7XG5cdFx0XHR9XG5cdFx0fVxuXG5cblx0fVxuXG5cblxuXHQvKiBbMl0gR2VzdGlvbiBkdSBtZW51IGRlcm91bGFudFxuXHQ9PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT0qL1xuXHQvKiAoMSkgUXVhbmQgbGUgbWVudSBlc3QgZGVyb3VsZSAqL1xuXHQmID4gc3Bhbjpub3QoLmljb24pICsgZGl2LnN1Yj5zcGFue1xuXHRcdGRpc3BsYXk6IGJsb2NrO1xuXHRcdHBvc2l0aW9uOiByZWxhdGl2ZTtcblx0XHRcdHdpZHRoOiBjYWxjKCAxMDAlIC0gMS41ZW0gLSAyLjVlbSApO1xuXG5cdFx0cGFkZGluZzogLjVlbSAxLjVlbTtcblx0XHRwYWRkaW5nLWxlZnQ6IDIuNWVtO1xuXG5cdFx0YmFja2dyb3VuZDogI2VlZSB1cmwoJy9mL3N2Zy9zdWIvc3QvbWVudS1zaWRlLzc3Nzc3NycpIDEuNWVtIGNlbnRlciBuby1yZXBlYXQ7O1xuXHRcdGJhY2tncm91bmQtc2l6ZTogLjVlbTtcblxuXHRcdGNvbG9yOiAjNzc3Nzc3O1xuXHRcdGZvbnQtc2l6ZTogLjg1ZW07XG5cblx0XHRjdXJzb3I6IHBvaW50ZXI7XG5cblx0XHRAaW5jbHVkZSB0cmFuc2l0aW9uKCBjb2xvciAuMnMgZWFzZS1pbi1vdXQgKTtcblxuXHRcdC8vIEFuaW1hdGlvbiBkZSBAaG92ZXIgb3UgLmFjdGl2ZVxuXHRcdCY6aG92ZXIsXG5cdFx0Ji5hY3RpdmV7XG5cdFx0XHRjb2xvcjogIzAwMDtcblx0XHRcdGJhY2tncm91bmQtaW1hZ2U6IHVybCgnL2Yvc3ZnL3N1Yi9zdC9tZW51LXNpZGUvMDAwMDAwJyk7XG5cdFx0fVxuXHR9XG5cblxuXHQmID4gc3Bhbjpub3QoLmljb24pOm5vdCguYWN0aXZlKSArIGRpdi5zdWI+c3Bhbntcblx0XHRkaXNwbGF5OiBub25lO1xuXHR9XG59XG4iLAoJCSIvKiBbMV0gQ09VTEVVUlNcbj09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PSovXG4vKiAoMSkgQ09VTEVVUlMgRFUgVEhFTUUgJERFRkFVTFQgKi9cbiR0aGVtZS1iZzogICAgICAgICAjZThlOGU4O1xuJHRoZW1lLWJnLXByaW1hcnk6ICNmZmZmZmY7XG4kdGhlbWUtZmc6ICAgICAgICAgIzUxNTE1MTtcbiR0aGVtZS1mZy1wcmltYXJ5OiAjMzk5Y2VkO1xuXG4vKiAoMikgQ09VTEVVUlMgREUgVEhFTUUgJERBUksgKi9cbiRkYXJrLWJnOiAgICAgICAgICMzMTM1NDE7XG4kZGFyay1iZy1wcmltYXJ5OiAjMjkyODJlO1xuJGRhcmstZmc6ICAgICAgICAgIzkzOTM5MztcbiRkYXJrLWZnLXByaW1hcnk6ICNmZmZmZmY7XG5cbiRoZWFkZXItZGFyazogICAgICMzMzMzMzM7XG5cbi8qICgzKSBDb3VsZXVycyBkdSB0aGVtZSBwb3VyIGxhIHRpbWVsaW5lICovXG4kdGltZWxpbmUtY29sb3I6ICMzOTljZWQ7XG5cbi8qIFsyXSBESU1FTlNJT05TXG49PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT0qL1xuLyogKDEpIExheW91dCBkZSBiYXNlICovXG4kbWVudS1zaWRlLXdpZHRoOiAxNWVtO1xuJGhlYWRlci1oZWlnaHQ6ICAgNGVtO1xuXG5cblxuLyogWzNdIE1peGluc1xuPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09Ki9cbkBtaXhpbiB0cmFuc2Zvcm0oJHZhbHVlLi4uKSB7XG4gICAgdHJhbnNmb3JtOiAkdmFsdWU7XG5cdC1tb3otdHJhbnNmb3JtOiAkdmFsdWU7XG5cdC1vLXRyYW5zZm9ybTogJHZhbHVlO1xuXHQtbXMtdHJhbnNmb3JtOiAkdmFsdWU7XG5cdC13ZWJraXQtdHJhbnNmb3JtOiAkdmFsdWU7XG59XG5cblxuQG1peGluIHRyYW5zaXRpb24oJHZhbHVlLi4uKSB7XG4gICAgLXdlYmtpdC10cmFuc2l0aW9uOiAkdmFsdWU7XG4gICAgdHJhbnNpdGlvbjogJHZhbHVlO1xufVxuXG4vKiBbNF0gRnVuY3Rpb25zXG49PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT0qL1xuLy8gVHJhbnNmb3JtZSB1bmUgY291bGV1ciBoZXggZW4gc3RyaW5nIHNhbnMgbGUgI1xuQGZ1bmN0aW9uIGNvbG9yLXN0cigkY29sb3Ipe1xuICAgIEByZXR1cm4gc3RyLXNsaWNlKCN7JGNvbG9yfSwgMiwgc3RyLWxlbmd0aCgjeyRjb2xvcn0pKTtcbn1cbiIKCV0sCgkibWFwcGluZ3MiOiAiQUNBQTsyREFDMkQ7QUFDM0Qsb0NBQW9DO0FBTXBDLGlDQUFpQztBQVFqQyw0Q0FBNEM7QUFHNUM7MkRBQzJEO0FBQzNELHdCQUF3QjtBQU14QjsyREFDMkQ7QUFlM0Q7MkRBQzJEO0FEMUMzRCxRQUFRLEdBQUcsVUFBVSxDQUFBLEVBRXBCLG1GQUMyRCxDQWdFM0QsNEZBQzJELENBQzNELG1DQUFtQyxFQStCbkM7O0FBcEdELFFBQVEsR0FBRyxVQUFVLEdBSWhCLElBQUksQ0FBQSxFQUNQLE9BQU8sRUFBRSxLQUFNLEVBQ2YsUUFBUSxFQUFFLFFBQVMsRUFDbEIsS0FBSyxFQUFFLDZCQUFJLEVBRVosT0FBTyxFQUFFLFVBQVcsRUFDcEIsWUFBWSxFQUFFLG9CQUFJLEVBRWxCLGFBQWEsRUFBRSxxQkFBc0IsRUFFckMsVUFBVSxFQUFFLHFDQUFHLENBQW1DLEtBQUssQ0FBQyxLQUFLLENBQUMsTUFBTSxDQUFDLFNBQVMsRUFDOUUsZUFBZSxFQUFFLFNBQVUsRUFHM0IsS0FBSyxFQUFFLElBQUssRUFDWixTQUFTLEVBQUUsS0FBTSxFQ2tCZixrQkFBa0IsRURoQkMsS0FBSyxDQUFDLElBQUcsQ0FBQyxXQUFXLEVBQUUsVUFBVSxDQUFDLElBQUcsQ0FBQyxXQUFXLEVBQUUsVUFBVSxDQUFDLElBQUcsQ0FBQyxXQUFXLEVBQUUsTUFBTSxDQUFDLElBQUcsQ0FBQyxXQUFXLEVDaUJ4SCxVQUFVLEVEakJTLEtBQUssQ0FBQyxJQUFHLENBQUMsV0FBVyxFQUFFLFVBQVUsQ0FBQyxJQUFHLENBQUMsV0FBVyxFQUFFLFVBQVUsQ0FBQyxJQUFHLENBQUMsV0FBVyxFQUFFLE1BQU0sQ0FBQyxJ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 */ |