NxTIC/public_html/css/expanded/menu-side.css

95 lines
12 KiB
CSS
Executable File

/* [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("/src/static/menu-side/sub@aaaaaa.svg") 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("/src/static/menu-side/sub@000000.svg");
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: #0c5fa7;
background-color: #0e6dbf;
background-image: url("/src/static/menu-side/sub-active@ffffff.svg");
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("/src/static/menu-side/sub@777777.svg") 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("/src/static/menu-side/sub@000000.svg");
}
#WRAPPER > #MENU-SIDE > span:not(.icon):not(.active) + div.sub > span {
display: none;
}
/*# sourceMappingURL=data:application/json;base64,ewoJInZlcnNpb24iOiAzLAoJImZpbGUiOiAibWVudS1zaWRlLmNzcyIsCgkic291cmNlcyI6IFsKCQkiLi4vbWVudS1zaWRlLnNjc3MiLAoJCSIuLi9jb25zdGFudHMuc2NzcyIKCV0sCgkic291cmNlc0NvbnRlbnQiOiBbCgkJIkBpbXBvcnQgJ2NvbnN0YW50cyc7XG5cbiNXUkFQUEVSID4gI01FTlUtU0lERXtcblxuXHQvKiBbMV0gRWxlbWVudHMgZHUgbWVudVxuXHQ9PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT0qL1xuXHQmID4gc3Bhbntcblx0XHRkaXNwbGF5OiBibG9jaztcblx0XHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdFx0XHR3aWR0aDogY2FsYyggMTAwJSAtIDIqMWVtIC0gMioxLjVlbSApO1xuXG5cdFx0cGFkZGluZzogLjhlbSAxLjVlbTtcblx0XHRwYWRkaW5nLWxlZnQ6IGNhbGMoIDEuNWVtICsgMioxZW0gKTtcblxuXHRcdGJvcmRlci1ib3R0b206IDFweCBzb2xpZCB0cmFuc3BhcmVudDtcblxuXHRcdGJhY2tncm91bmQ6IHVybCgnL3NyYy9zdGF0aWMvbWVudS1zaWRlL3N1YkBhYWFhYWEuc3ZnJykgcmlnaHQgMS41ZW0gY2VudGVyIG5vLXJlcGVhdDtcblx0XHRiYWNrZ3JvdW5kLXNpemU6IC41ZW0gLjVlbTtcblxuXG5cdFx0Y29sb3I6ICM2NjY7XG5cdFx0Zm9udC1zaXplOiAuODVlbTtcblxuXHRcdEBpbmNsdWRlIHRyYW5zaXRpb24oIGNvbG9yIC4ycyBlYXNlLWluLW91dCwgYmFja2dyb3VuZCAuMnMgZWFzZS1pbi1vdXQsIGJveC1zaGFkb3cgLjJzIGVhc2UtaW4tb3V0LCBib3JkZXIgLjJzIGVhc2UtaW4tb3V0ICk7XG5cblx0XHRjdXJzb3I6IHBvaW50ZXI7XG5cblx0XHQvKiAoMSkgSWNvbmUgc3ZnICovXG5cdFx0JiA+IHN2ZywgJiA+IHN2ZyAqe1xuXHRcdFx0cG9zaXRpb246IGFic29sdXRlO1xuXHRcdFx0XHR0b3A6IGNhbGMoIDUwJSAtIDFlbS8yICk7XG5cdFx0XHRcdGxlZnQ6IDEuNWVtO1xuXHRcdFx0XHR3aWR0aDogMWVtO1xuXHRcdFx0XHRoZWlnaHQ6IDFlbTtcblxuXHRcdFx0ZmlsbDogJGRhcmstZmcgIWltcG9ydGFudDtcblx0XHRcdEBpbmNsdWRlIHRyYW5zaXRpb24oIGZpbGwgLjJzIGVhc2UtaW4tb3V0ICk7XG5cdFx0fVxuXG5cblx0XHQvKiAoMikgQW5pbWF0aW9uIGRlIEBob3ZlciAqL1xuXHRcdCY6bm90KC5hY3RpdmUpOmhvdmVye1xuXHRcdFx0YmFja2dyb3VuZC1pbWFnZTogdXJsKCcvc3JjL3N0YXRpYy9tZW51LXNpZGUvc3ViQDAwMDAwMC5zdmcnKTtcblx0XHRcdGNvbG9yOiAjMDAwO1xuXG5cdFx0XHQmID4gc3ZnLCAmID4gc3ZnICp7XG5cdFx0XHRcdGZpbGw6ICMwMDAgIWltcG9ydGFudDtcblx0XHRcdH1cblx0XHR9XG5cblx0XHQvKiAoMykgQW5pbWF0aW9uIHF1YW5kIC5hY3RpdmUgKi9cblx0XHQmLmFjdGl2ZXtcblx0XHRcdGJvcmRlci1ib3R0b20tY29sb3I6IGRhcmtlbigkdGhlbWUtZmctcHJpbWFyeSwgNSk7XG5cdFx0XHQvLyBib3gtc2hhZG93OiBpbnNldCAwIDAgMWVtIGRhcmtlbigkZGFyay1iZy1wcmltYXJ5LCAxKTtcblxuXHRcdFx0YmFja2dyb3VuZC1jb2xvcjogJHRoZW1lLWZnLXByaW1hcnk7XG5cdFx0XHRiYWNrZ3JvdW5kLWltYWdlOiB1cmwoJy9zcmMvc3RhdGljL21lbnUtc2lkZS9zdWItYWN0aXZlQGZmZmZmZi5zdmcnKTtcblx0XHRcdGNvbG9yOiAkZGFyay1mZy1wcmltYXJ5O1xuXG5cdFx0XHQmID4gc3ZnLCAmID4gc3ZnICp7XG5cdFx0XHRcdGZpbGw6ICNmZmYgIWltcG9ydGFudDtcblx0XHRcdH1cblx0XHR9XG5cblxuXHR9XG5cblxuXG5cdC8qIFsyXSBHZXN0aW9uIGR1IG1lbnUgZGVyb3VsYW50XG5cdD09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PSovXG5cdC8qICgxKSBRdWFuZCBsZSBtZW51IGVzdCBkZXJvdWxlICovXG5cdCYgPiBzcGFuOm5vdCguaWNvbikgKyBkaXYuc3ViPnNwYW57XG5cdFx0ZGlzcGxheTogYmxvY2s7XG5cdFx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHRcdFx0d2lkdGg6IGNhbGMoIDEwMCUgLSAxLjVlbSAtIDIuNWVtICk7XG5cblx0XHRwYWRkaW5nOiAuNWVtIDEuNWVtO1xuXHRcdHBhZGRpbmctbGVmdDogMi41ZW07XG5cblx0XHRiYWNrZ3JvdW5kOiAjZWVlIHVybCgnL3NyYy9zdGF0aWMvbWVudS1zaWRlL3N1YkA3Nzc3Nzcuc3ZnJykgMS41ZW0gY2VudGVyIG5vLXJlcGVhdDs7XG5cdFx0YmFja2dyb3VuZC1zaXplOiAuNWVtO1xuXG5cdFx0Y29sb3I6ICM3Nzc3Nzc7XG5cdFx0Zm9udC1zaXplOiAuODVlbTtcblxuXHRcdGN1cnNvcjogcG9pbnRlcjtcblxuXHRcdEBpbmNsdWRlIHRyYW5zaXRpb24oIGNvbG9yIC4ycyBlYXNlLWluLW91dCApO1xuXG5cdFx0Ly8gQW5pbWF0aW9uIGRlIEBob3ZlciBvdSAuYWN0aXZlXG5cdFx0Jjpob3Zlcixcblx0XHQmLmFjdGl2ZXtcblx0XHRcdGNvbG9yOiAjMDAwO1xuXHRcdFx0YmFja2dyb3VuZC1pbWFnZTogdXJsKCcvc3JjL3N0YXRpYy9tZW51LXNpZGUvc3ViQDAwMDAwMC5zdmcnKTtcblx0XHR9XG5cdH1cblxuXG5cdCYgPiBzcGFuOm5vdCguaWNvbik6bm90KC5hY3RpdmUpICsgZGl2LnN1Yj5zcGFue1xuXHRcdGRpc3BsYXk6IG5vbmU7XG5cdH1cbn1cbiIsCgkJIi8qIFsxXSBDT1VMRVVSU1xuPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09Ki9cbi8qICgxKSBDT1VMRVVSUyBEVSBUSEVNRSAkREVGQVVMVCAqL1xuJHRoZW1lLWJnOiAgICAgICAgICNlOGU4ZTg7XG4kdGhlbWUtYmctcHJpbWFyeTogI2ZmZmZmZjtcbiR0aGVtZS1mZzogICAgICAgICAjNTE1MTUxO1xuJHRoZW1lLWZnLXByaW1hcnk6ICMwZTZkYmY7XG5cbi8qICgyKSBDT1VMRVVSUyBERSBUSEVNRSAkREFSSyAqL1xuJGRhcmstYmc6ICAgICAgICAgIzMxMzU0MTtcbiRkYXJrLWJnLXByaW1hcnk6ICMyOTI4MmU7XG4kZGFyay1mZzogICAgICAgICAjOTM5MzkzO1xuJGRhcmstZmctcHJpbWFyeTogI2ZmZmZmZjtcblxuJGhlYWRlci1kYXJrOiAgICAgI0Y4RjhGQTtcblxuLyogKDMpIENvdWxldXJzIGR1IHRoZW1lIHBvdXIgbGEgdGltZWxpbmUgKi9cbiR0aW1lbGluZS1jb2xvcjogIzczODM5NDtcbiR0aW1lbGluZS0wOiAjMGU2ZGJmO1xuJHRpbWVsaW5lLTE6ICNlNjRlM2U7XG4kdGltZWxpbmUtMjogIzEwYmE3MjtcbiR0aW1lbGluZS0zOiAjYjE0YmU3O1xuJHRpbWVsaW5lLTQ6ICMwNTNiNWQ7XG5cblxuXG4vKiBbMl0gRElNRU5TSU9OU1xuPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09Ki9cbi8qICgxKSBMYXlvdXQgZGUgYmFzZSAqL1xuJG1lbnUtc2lkZS13aWR0aDogMTVlbTtcbiRoZWFkZXItaGVpZ2h0OiAgIDRlbTtcblxuXG5cbi8qIFszXSBNaXhpbnNcbj09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PSovXG5AbWl4aW4gdHJhbnNmb3JtKCR2YWx1ZS4uLikge1xuXHR0cmFuc2Zvcm06ICR2YWx1ZTtcblx0LW1vei10cmFuc2Zvcm06ICR2YWx1ZTtcblx0LW8tdHJhbnNmb3JtOiAkdmFsdWU7XG5cdC1tcy10cmFuc2Zvcm06ICR2YWx1ZTtcblx0LXdlYmtpdC10cmFuc2Zvcm06ICR2YWx1ZTtcbn1cblxuXG5AbWl4aW4gdHJhbnNpdGlvbigkdmFsdWUuLi4pIHtcblx0LXdlYmtpdC10cmFuc2l0aW9uOiAkdmFsdWU7XG5cdHRyYW5zaXRpb246ICR2YWx1ZTtcbn1cblxuLyogWzRdIEZ1bmN0aW9uc1xuPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09Ki9cbi8vIFRyYW5zZm9ybWUgdW5lIGNvdWxldXIgaGV4IGVuIHN0cmluZyBzYW5zIGxlICNcbkBmdW5jdGlvbiBjb2xvci1zdHIoJGNvbG9yKXtcblx0QHJldHVybiBzdHItc2xpY2UoI3skY29sb3J9LCAyLCBzdHItbGVuZ3RoKCN7JGNvbG9yfSkpO1xufVxuIgoJXSwKCSJtYXBwaW5ncyI6ICJBQ0FBOzJEQUMyRDtBQUMzRCxvQ0FBb0M7QUFNcEMsaUNBQWlDO0FBUWpDLDRDQUE0QztBQVU1QzsyREFDMkQ7QUFDM0Qsd0JBQXdCO0FBTXhCOzJEQUMyRDtBQWUzRDsyREFDMkQ7QURqRDNELEFBQVcsUUFBSCxHQUFHLFVBQVUsQ0FBQTtFQUVwQjs0REFDMkQ7RUFnRTNEOzREQUMyRDtFQUMzRCxtQ0FBbUM7Q0ErQm5DOztBQXBHRCxBQUlLLFFBSkcsR0FBRyxVQUFVLEdBSWhCLElBQUksQ0FBQTtFQUNQLE9BQU8sRUFBRSxLQUFNO0VBQ2YsUUFBUSxFQUFFLFFBQVM7RUFDbEIsS0FBSyxFQUFFLDZCQUFJO0VBRVosT0FBTyxFQUFFLFVBQVc7RUFDcEIsWUFBWSxFQUFFLG9CQUFJO0VBRWxCLGFBQWEsRUFBRSxxQkFBc0I7RUFFckMsVUFBVSxFQUFFLDJDQUFHLENBQXlDLEtBQUssQ0FBQyxLQUFLLENBQUMsTUFBTSxDQUFDLFNBQVM7RUFDcEYsZUFBZSxFQUFFLFNBQVU7RUFHM0IsS0FBSyxFQUFFLElBQUs7RUFDWixTQUFTLEVBQUUsS0FBTTtFQ3lCbEIsa0JBQWtCLEVEdkJJLEtBQUssQ0FBQyxJQUFHLENBQUMsV0FBVyxFQUFFLFVBQVUsQ0FBQyxJQUFHLENBQUMsV0FBVyxFQUFFLFVBQVUsQ0FBQyxJQUFHLENBQUMs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 */