68 lines
9.6 KiB
CSS
68 lines
9.6 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,ewoJInZlcnNpb24iOiAzLAoJImZpbGUiOiAibmVzdGVkLmNzcyIsCgkic291cmNlcyI6IFsKCQkiLi4vbWVudS1zaWRlLnNjc3MiLAoJCSIuLi9jb25zdGFudHMuc2NzcyIKCV0sCgkic291cmNlc0NvbnRlbnQiOiBbCgkJIkBpbXBvcnQgJ2NvbnN0YW50cyc7XG5cbiNXUkFQUEVSID4gI01FTlUtU0lERXtcblxuXHQvKiBbMV0gRWxlbWVudHMgZHUgbWVudVxuXHQ9PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT0qL1xuXHQmID4gc3Bhbntcblx0XHRkaXNwbGF5OiBibG9jaztcblx0XHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdFx0XHR3aWR0aDogY2FsYyggMTAwJSAtIDIqMWVtIC0gMioxLjVlbSApO1xuXG5cdFx0cGFkZGluZzogLjhlbSAxLjVlbTtcblx0XHRwYWRkaW5nLWxlZnQ6IGNhbGMoIDEuNWVtICsgMioxZW0gKTtcblxuXHRcdGJvcmRlci1ib3R0b206IDFweCBzb2xpZCB0cmFuc3BhcmVudDtcblxuXHRcdGJhY2tncm91bmQ6IHVybCgnL2Yvc3ZnL3N1Yi9zdC9tZW51LXNpZGUvYWFhYWFhJykgcmlnaHQgMS41ZW0gY2VudGVyIG5vLXJlcGVhdDtcblx0XHRiYWNrZ3JvdW5kLXNpemU6IC41ZW0gLjVlbTtcblxuXG5cdFx0Y29sb3I6ICM2NjY7XG5cdFx0Zm9udC1zaXplOiAuODVlbTtcblxuXHRcdHRyYW5zaXRpb246IGNvbG9yIC4ycyBlYXNlLWluLW91dCwgYmFja2dyb3VuZCAuMnMgZWFzZS1pbi1vdXQsIGJveC1zaGFkb3cgLjJzIGVhc2UtaW4tb3V0LCBib3JkZXIgLjJzIGVhc2UtaW4tb3V0O1xuXG5cdFx0Y3Vyc29yOiBwb2ludGVyO1xuXG5cdFx0LyogKDEpIEljb25lIHN2ZyAqL1xuXHRcdCYgPiBzdmcsICYgPiBzdmcgKntcblx0XHRcdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0XHRcdFx0dG9wOiBjYWxjKCA1MCUgLSAxZW0vMiApO1xuXHRcdFx0XHRsZWZ0OiAxLjVlbTtcblx0XHRcdFx0d2lkdGg6IDFlbTtcblx0XHRcdFx0aGVpZ2h0OiAxZW07XG5cblx0XHRcdGZpbGw6ICRkYXJrLWZnICFpbXBvcnRhbnQ7XG5cdFx0XHR0cmFuc2l0aW9uOiBmaWxsIC4ycyBlYXNlLWluLW91dDtcblx0XHR9XG5cblxuXHRcdC8qICgyKSBBbmltYXRpb24gZGUgQGhvdmVyICovXG5cdFx0Jjpub3QoLmFjdGl2ZSk6aG92ZXJ7XG5cdFx0XHRiYWNrZ3JvdW5kLWltYWdlOiB1cmwoJy9mL3N2Zy9zdWIvc3QvbWVudS1zaWRlLzAwMDAwMCcpO1xuXHRcdFx0Y29sb3I6ICMwMDA7XG5cblx0XHRcdCYgPiBzdmcsICYgPiBzdmcgKntcblx0XHRcdFx0ZmlsbDogIzAwMCAhaW1wb3J0YW50O1xuXHRcdFx0fVxuXHRcdH1cblxuXHRcdC8qICgzKSBBbmltYXRpb24gcXVhbmQgLmFjdGl2ZSAqL1xuXHRcdCYuYWN0aXZle1xuXHRcdFx0Ym9yZGVyLWJvdHRvbS1jb2xvcjogZGFya2VuKCR0aGVtZS1mZy1wcmltYXJ5LCA1KTtcblx0XHRcdC8vIGJveC1zaGFkb3c6IGluc2V0IDAgMCAxZW0gZGFya2VuKCRkYXJrLWJnLXByaW1hcnksIDEpO1xuXG5cdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAkdGhlbWUtZmctcHJpbWFyeTtcblx0XHRcdGJhY2tncm91bmQtaW1hZ2U6IHVybCgnL2Yvc3ZnL3N1Yi1hY3RpdmUvc3QvbWVudS1zaWRlL2ZmZmZmZicpO1xuXHRcdFx0Y29sb3I6ICRkYXJrLWZnLXByaW1hcnk7XG5cblx0XHRcdCYgPiBzdmcsICYgPiBzdmcgKntcblx0XHRcdFx0ZmlsbDogI2ZmZiAhaW1wb3J0YW50O1xuXHRcdFx0fVxuXHRcdH1cblxuXG5cdH1cblxuXG5cblx0LyogWzJdIEdlc3Rpb24gZHUgbWVudSBkZXJvdWxhbnRcblx0PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09Ki9cblx0LyogKDEpIFF1YW5kIGxlIG1lbnUgZXN0IGRlcm91bGUgKi9cblx0JiA+IHNwYW46bm90KC5pY29uKSArIGRpdi5zdWI+c3Bhbntcblx0XHRkaXNwbGF5OiBibG9jaztcblx0XHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdFx0XHR3aWR0aDogY2FsYyggMTAwJSAtIDEuNWVtIC0gMi41ZW0gKTtcblxuXHRcdHBhZGRpbmc6IC41ZW0gMS41ZW07XG5cdFx0cGFkZGluZy1sZWZ0OiAyLjVlbTtcblxuXHRcdGJhY2tncm91bmQ6ICRkYXJrLWJnIHVybCgnL2Yvc3ZnL3N1Yi9zdC9tZW51LXNpZGUvODg4ODg4JykgMS41ZW0gY2VudGVyIG5vLXJlcGVhdDs7XG5cdFx0YmFja2dyb3VuZC1zaXplOiAuNWVtO1xuXG5cdFx0Y29sb3I6IGRhcmtlbigkZGFyay1mZywgMTApO1xuXHRcdGZvbnQtc2l6ZTogLjg1ZW07XG5cblx0XHRjdXJzb3I6IHBvaW50ZXI7XG5cblx0XHR0cmFuc2l0aW9uOiBjb2xvciAuMnMgZWFzZS1pbi1vdXQ7XG5cblx0XHQvLyBBbmltYXRpb24gZGUgQGhvdmVyIG91IC5hY3RpdmVcblx0XHQmOmhvdmVyLFxuXHRcdCYuYWN0aXZle1xuXHRcdFx0Y29sb3I6ICRkYXJrLWZnLXByaW1hcnk7XG5cdFx0XHRiYWNrZ3JvdW5kLWltYWdlOiB1cmwoJy9mL3N2Zy9zdWIvc3QvbWVudS1zaWRlL2ZmZmZmZicpO1xuXHRcdH1cblx0fVxuXG5cblx0JiA+IHNwYW46bm90KC5pY29uKTpub3QoLmFjdGl2ZSkgKyBkaXYuc3ViPnNwYW57XG5cdFx0ZGlzcGxheTogbm9uZTtcblx0fVxufVxuIiwKCQkiLyogWzFdIENPVUxFVVJTXG49PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT0qL1xuLyogKDEpIENPVUxFVVJTIERVIFRIRU1FICRERUZBVUxUICovXG4kdGhlbWUtYmc6ICAgICAgICAgI2U4ZThlODtcbiR0aGVtZS1iZy1wcmltYXJ5OiAjZmZmZmZmO1xuJHRoZW1lLWZnOiAgICAgICAgICM1MTUxNTE7XG4kdGhlbWUtZmctcHJpbWFyeTogIzM5OWNlZDtcblxuLyogKDIpIENPVUxFVVJTIERFIFRIRU1FICREQVJLICovXG4kZGFyay1iZzogICAgICAgICAjMzEzNTQxO1xuJGRhcmstYmctcHJpbWFyeTogIzI5MjgyZTtcbiRkYXJrLWZnOiAgICAgICAgICM5MzkzOTM7XG4kZGFyay1mZy1wcmltYXJ5OiAjZmZmZmZmO1xuXG5cbi8qIFsyXSBESU1FTlNJT05TXG49PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT0qL1xuLyogKDEpIExheW91dCBkZSBiYXNlICovXG4kbWVudS1zaWRlLXdpZHRoOiAxNWVtO1xuJGhlYWRlci1oZWlnaHQ6ICAgNGVtO1xuIgoJXSwKCSJtYXBwaW5ncyI6ICJBQ0FBOzJEQUMyRDtBQUMzRCxvQ0FBb0M7QUFNcEMsaUNBQWlDO0FBT2pDOzJEQUMyRDtBQUMzRCx3QkFBd0I7QURmeEIsUUFBUSxHQUFHLFVBQVUsQ0FBQTtFQUVwQjs0REFDMkQ7RUFnRTNEOzREQUMyRDtFQUMzRCxtQ0FBbUMsRUErQm5DO0VBcEdELFFBQVEsR0FBRyxVQUFVLEdBSWhCLElBQUksQ0FBQTtJQUNQLE9BQU8sRUFBRSxLQUFNO0lBQ2YsUUFBUSxFQUFFLFFBQVM7SUFDbEIsS0FBSyxFQUFFLDZCQUFJO0lBRVosT0FBTyxFQUFFLFVBQVc7SUFDcEIsWUFBWSxFQUFFLG9CQUFJO0lBRWxCLGFBQWEsRUFBRSxxQkFBc0I7SUFFckMsVUFBVSxFQUFFLHFDQUFHLENBQW1DLEtBQUssQ0FBQyxLQUFLLENBQUMsTUFBTSxDQUFDLFNBQVM7SUFDOUUsZUFBZSxFQUFFLFNBQVU7SUFHM0IsS0FBSyxFQUFFLElBQUs7SUFDWixTQUFTLEVBQUUsS0FBTTtJQUVqQixVQUFVLEVBQUUscUdBQXNHO0lBRWxILE1BQU0sRUFBRSxPQUFRO0lBRWhCLG1CQUFtQjtJQWFuQiw2QkFBNkI7SUFV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 */ |