87 lines
9.4 KiB
CSS
87 lines
9.4 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,ewoJInZlcnNpb24iOiAzLAoJImZpbGUiOiAiZXhwYW5kZWQuY3NzIiwKCSJzb3VyY2VzIjogWwoJCSIuLi9tZW51LXNpZGUuc2NzcyIsCgkJIi4uL2NvbnN0YW50cy5zY3NzIgoJXSwKCSJzb3VyY2VzQ29udGVudCI6IFsKCQkiQGltcG9ydCAnY29uc3RhbnRzJztcblxuI1dSQVBQRVIgPiAjTUVOVS1TSURFe1xuXG5cdC8qIFsxXSBFbGVtZW50cyBkdSBtZW51XG5cdD09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PSovXG5cdCYgPiBzcGFue1xuXHRcdGRpc3BsYXk6IGJsb2NrO1xuXHRcdHBvc2l0aW9uOiByZWxhdGl2ZTtcblx0XHRcdHdpZHRoOiBjYWxjKCAxMDAlIC0gMioxZW0gLSAyKjEuNWVtICk7XG5cblx0XHRwYWRkaW5nOiAuOGVtIDEuNWVtO1xuXHRcdHBhZGRpbmctbGVmdDogY2FsYyggMS41ZW0gKyAyKjFlbSApO1xuXG5cdFx0Ym9yZGVyLWJvdHRvbTogMXB4IHNvbGlkIHRyYW5zcGFyZW50O1xuXG5cdFx0YmFja2dyb3VuZDogdXJsKCcvZi9zdmcvc3ViL3N0L21lbnUtc2lkZS9hYWFhYWEnKSByaWdodCAxLjVlbSBjZW50ZXIgbm8tcmVwZWF0O1xuXHRcdGJhY2tncm91bmQtc2l6ZTogLjVlbSAuNWVtO1xuXG5cblx0XHRjb2xvcjogIzY2Njtcblx0XHRmb250LXNpemU6IC44NWVtO1xuXG5cdFx0dHJhbnNpdGlvbjogY29sb3IgLjJzIGVhc2UtaW4tb3V0LCBiYWNrZ3JvdW5kIC4ycyBlYXNlLWluLW91dCwgYm94LXNoYWRvdyAuMnMgZWFzZS1pbi1vdXQsIGJvcmRlciAuMnMgZWFzZS1pbi1vdXQ7XG5cblx0XHRjdXJzb3I6IHBvaW50ZXI7XG5cblx0XHQvKiAoMSkgSWNvbmUgc3ZnICovXG5cdFx0JiA+IHN2ZywgJiA+IHN2ZyAqe1xuXHRcdFx0cG9zaXRpb246IGFic29sdXRlO1xuXHRcdFx0XHR0b3A6IGNhbGMoIDUwJSAtIDFlbS8yICk7XG5cdFx0XHRcdGxlZnQ6IDEuNWVtO1xuXHRcdFx0XHR3aWR0aDogMWVtO1xuXHRcdFx0XHRoZWlnaHQ6IDFlbTtcblxuXHRcdFx0ZmlsbDogJGRhcmstZmcgIWltcG9ydGFudDtcblx0XHRcdHRyYW5zaXRpb246IGZpbGwgLjJzIGVhc2UtaW4tb3V0O1xuXHRcdH1cblxuXG5cdFx0LyogKDIpIEFuaW1hdGlvbiBkZSBAaG92ZXIgKi9cblx0XHQmOm5vdCguYWN0aXZlKTpob3Zlcntcblx0XHRcdGJhY2tncm91bmQtaW1hZ2U6IHVybCgnL2Yvc3ZnL3N1Yi9zdC9tZW51LXNpZGUvMDAwMDAwJyk7XG5cdFx0XHRjb2xvcjogIzAwMDtcblxuXHRcdFx0JiA+IHN2ZywgJiA+IHN2ZyAqe1xuXHRcdFx0XHRmaWxsOiAjMDAwICFpbXBvcnRhbnQ7XG5cdFx0XHR9XG5cdFx0fVxuXG5cdFx0LyogKDMpIEFuaW1hdGlvbiBxdWFuZCAuYWN0aXZlICovXG5cdFx0Ji5hY3RpdmV7XG5cdFx0XHRib3JkZXItYm90dG9tLWNvbG9yOiBkYXJrZW4oJHRoZW1lLWZnLXByaW1hcnksIDUpO1xuXHRcdFx0Ly8gYm94LXNoYWRvdzogaW5zZXQgMCAwIDFlbSBkYXJrZW4oJGRhcmstYmctcHJpbWFyeSwgMSk7XG5cblx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR0aGVtZS1mZy1wcmltYXJ5O1xuXHRcdFx0YmFja2dyb3VuZC1pbWFnZTogdXJsKCcvZi9zdmcvc3ViLWFjdGl2ZS9zdC9tZW51LXNpZGUvZmZmZmZmJyk7XG5cdFx0XHRjb2xvcjogJGRhcmstZmctcHJpbWFyeTtcblxuXHRcdFx0JiA+IHN2ZywgJiA+IHN2ZyAqe1xuXHRcdFx0XHRmaWxsOiAjZmZmICFpbXBvcnRhbnQ7XG5cdFx0XHR9XG5cdFx0fVxuXG5cblx0fVxuXG5cblxuXHQvKiBbMl0gR2VzdGlvbiBkdSBtZW51IGRlcm91bGFudFxuXHQ9PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT0qL1xuXHQvKiAoMSkgUXVhbmQgbGUgbWVudSBlc3QgZGVyb3VsZSAqL1xuXHQmID4gc3Bhbjpub3QoLmljb24pICsgZGl2LnN1Yj5zcGFue1xuXHRcdGRpc3BsYXk6IGJsb2NrO1xuXHRcdHBvc2l0aW9uOiByZWxhdGl2ZTtcblx0XHRcdHdpZHRoOiBjYWxjKCAxMDAlIC0gMS41ZW0gLSAyLjVlbSApO1xuXG5cdFx0cGFkZGluZzogLjVlbSAxLjVlbTtcblx0XHRwYWRkaW5nLWxlZnQ6IDIuNWVtO1xuXG5cdFx0YmFja2dyb3VuZDogJGRhcmstYmcgdXJsKCcvZi9zdmcvc3ViL3N0L21lbnUtc2lkZS84ODg4ODgnKSAxLjVlbSBjZW50ZXIgbm8tcmVwZWF0Oztcblx0XHRiYWNrZ3JvdW5kLXNpemU6IC41ZW07XG5cblx0XHRjb2xvcjogZGFya2VuKCRkYXJrLWZnLCAxMCk7XG5cdFx0Zm9udC1zaXplOiAuODVlbTtcblxuXHRcdGN1cnNvcjogcG9pbnRlcjtcblxuXHRcdHRyYW5zaXRpb246IGNvbG9yIC4ycyBlYXNlLWluLW91dDtcblxuXHRcdC8vIEFuaW1hdGlvbiBkZSBAaG92ZXIgb3UgLmFjdGl2ZVxuXHRcdCY6aG92ZXIsXG5cdFx0Ji5hY3RpdmV7XG5cdFx0XHRjb2xvcjogJGRhcmstZmctcHJpbWFyeTtcblx0XHRcdGJhY2tncm91bmQtaW1hZ2U6IHVybCgnL2Yvc3ZnL3N1Yi9zdC9tZW51LXNpZGUvZmZmZmZmJyk7XG5cdFx0fVxuXHR9XG5cblxuXHQmID4gc3Bhbjpub3QoLmljb24pOm5vdCguYWN0aXZlKSArIGRpdi5zdWI+c3Bhbntcblx0XHRkaXNwbGF5OiBub25lO1xuXHR9XG59XG4iLAoJCSIvKiBbMV0gQ09VTEVVUlNcbj09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PSovXG4vKiAoMSkgQ09VTEVVUlMgRFUgVEhFTUUgJERFRkFVTFQgKi9cbiR0aGVtZS1iZzogICAgICAgICAjZThlOGU4O1xuJHRoZW1lLWJnLXByaW1hcnk6ICNmZmZmZmY7XG4kdGhlbWUtZmc6ICAgICAgICAgIzUxNTE1MTtcbiR0aGVtZS1mZy1wcmltYXJ5OiAjMzk5Y2VkO1xuXG4vKiAoMikgQ09VTEVVUlMgREUgVEhFTUUgJERBUksgKi9cbiRkYXJrLWJnOiAgICAgICAgICMzMTM1NDE7XG4kZGFyay1iZy1wcmltYXJ5OiAjMjkyODJlO1xuJGRhcmstZmc6ICAgICAgICAgIzkzOTM5MztcbiRkYXJrLWZnLXByaW1hcnk6ICNmZmZmZmY7XG5cblxuLyogWzJdIERJTUVOU0lPTlNcbj09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PSovXG4vKiAoMSkgTGF5b3V0IGRlIGJhc2UgKi9cbiRtZW51LXNpZGUtd2lkdGg6IDE1ZW07XG4kaGVhZGVyLWhlaWdodDogICA0ZW07XG4iCgldLAoJIm1hcHBpbmdzIjogIkFDQUE7MkRBQzJEO0FBQzNELG9DQUFvQztBQU1wQyxpQ0FBaUM7QUFPakM7MkRBQzJEO0FBQzNELHdCQUF3QjtBRGZ4QixRQUFRLEdBQUcsVUFBVSxDQUFBO0VBRXBCOzREQUMyRDtFQWdFM0Q7NERBQzJEO0VBQzNELG1DQUFtQztDQStCbkM7O0FBcEdELFFBQVEsR0FBRyxVQUFVLEdBSWhCLElBQUksQ0FBQTtFQUNQLE9BQU8sRUFBRSxLQUFNO0VBQ2YsUUFBUSxFQUFFLFFBQVM7RUFDbEIsS0FBSyxFQUFFLDZCQUFJO0VBRVosT0FBTyxFQUFFLFVBQVc7RUFDcEIsWUFBWSxFQUFFLG9CQUFJO0VBRWxCLGFBQWEsRUFBRSxxQkFBc0I7RUFFckMsVUFBVSxFQUFFLHFDQUFHLENBQW1DLEtBQUssQ0FBQyxLQUFLLENBQUMsTUFBTSxDQUFDLFNBQVM7RUFDOUUsZUFBZSxFQUFFLFNBQVU7RUFHM0IsS0FBSyxFQUFFLElBQUs7RUFDWixTQUFTLEVBQUUsS0FBTTtFQUVqQixVQUFVLEVBQUUscUdBQXNHO0VBRWxILE1BQU0sRUFBRSxPQUFRO0VBRWhCLG1CQUFtQjtFQWFuQiw2QkFBNkI7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 */ |