71 lines
8.0 KiB
CSS
71 lines
8.0 KiB
CSS
/* COULEUR DU THEME */
|
|
/* COULEUR DU SOUS-MENU */
|
|
/* COULEUR DES ERREURS */
|
|
/* FORMULAIRES */
|
|
/* GESTION DES LONGUEURS */
|
|
#WRAPPER > #MENU-SIDE > span[data-link] {
|
|
display: block;
|
|
position: relative;
|
|
width: calc( 4em - 2*.7em - 2*.55em - 2*.01em);
|
|
height: calc( 4em - 2*.7em - 2*.55em - 2*.01em);
|
|
margin: 2em .7em;
|
|
padding: .55em;
|
|
border: .01em solid transparent;
|
|
border-radius: 2px;
|
|
color: #a2a2a2;
|
|
line-height: calc( 4em - 2*.7em - 2*.55em - 2*.01em);
|
|
transition: color .3s, border .3s;
|
|
cursor: pointer;
|
|
}
|
|
|
|
#WRAPPER > #MENU-SIDE > span[data-link].mt {
|
|
margin-top: 3em;
|
|
}
|
|
|
|
#WRAPPER > #MENU-SIDE > span[data-link].mb {
|
|
margin-bottom: 3em;
|
|
}
|
|
|
|
#WRAPPER > #MENU-SIDE > span[data-link] svg, #WRAPPER > #MENU-SIDE > span[data-link] svg * {
|
|
width: calc( 4em / 2.5);
|
|
height: calc( 4em / 2.5);
|
|
transition: fill .3s;
|
|
pointer-events: none;
|
|
}
|
|
|
|
#WRAPPER > #MENU-SIDE > span[data-link][data-desc]:after {
|
|
content: attr(data-desc);
|
|
display: block;
|
|
position: absolute;
|
|
top: calc( 4em / 4 - 2*.3em);
|
|
left: calc( 4em * 1.15 - 2*.3em);
|
|
padding: .3em;
|
|
border-radius: 3px;
|
|
background-color: #2a2a2a;
|
|
color: #e2e2e2;
|
|
white-space: nowrap;
|
|
transition: transform .1s;
|
|
transform-origin: 0 0;
|
|
transform: scaleX(0);
|
|
}
|
|
|
|
#WRAPPER > #MENU-SIDE > span[data-link]:hover, #WRAPPER > #MENU-SIDE > span[data-link].active {
|
|
color: #e63321;
|
|
border-color: #e6e6e6;
|
|
box-shadow: inset 0 0 .5em #eee;
|
|
}
|
|
|
|
#WRAPPER > #MENU-SIDE > span[data-link]:hover:hover:after, #WRAPPER > #MENU-SIDE > span[data-link].active:hover:after {
|
|
transform: scaleX(1);
|
|
color: #fff;
|
|
}
|
|
|
|
#WRAPPER > #MENU-SIDE > span[data-link]:hover svg #stylisable, #WRAPPER > #MENU-SIDE > span[data-link].active svg #stylisable {
|
|
fill: #000 !important;
|
|
}
|
|
|
|
#WRAPPER > #MENU-SIDE > span[data-link]:hover svg #stroke-stylisable, #WRAPPER > #MENU-SIDE > span[data-link].active svg #stroke-stylisable {
|
|
stroke: #000 !important;
|
|
}
|
|
|
|
/*# sourceMappingURL=data:application/json;base64,ewoJInZlcnNpb24iOiAzLAoJImZpbGUiOiAiZXhwYW5kZWQuY3NzIiwKCSJzb3VyY2VzIjogWwoJCSIuLi9tZW51LXNpZGUuc2NzcyIsCgkJIi4uL2NvbnN0YW50cy5zY3NzIgoJXSwKCSJzb3VyY2VzQ29udGVudCI6IFsKCQkiQGltcG9ydCAnY29uc3RhbnRzJztcblxuI1dSQVBQRVIgPiAjTUVOVS1TSURFe1xuXG5cdCYgPiBzcGFuW2RhdGEtbGlua117XG5cdFx0ZGlzcGxheTogYmxvY2s7XG5cdFx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHRcdFx0d2lkdGg6IGNhbGMoICN7JG1lbnUtc2lkZS13aWR0aH0gLSAyKi43ZW0gLSAyKi41NWVtIC0gMiouMDFlbSApO1xuXHRcdFx0aGVpZ2h0OiBjYWxjKCAjeyRtZW51LXNpZGUtd2lkdGh9IC0gMiouN2VtIC0gMiouNTVlbSAtIDIqLjAxZW0gKTtcblxuXHRcdC8vIHBhZGRpbmc6IDFlbTtcblx0XHRtYXJnaW46IDJlbSAuN2VtO1xuXHRcdHBhZGRpbmc6IC41NWVtO1xuXG5cdFx0Ym9yZGVyOiAuMDFlbSBzb2xpZCB0cmFuc3BhcmVudDtcblx0XHRib3JkZXItcmFkaXVzOiAycHg7XG5cblxuXHRcdC8vIERlY2FsYWdlIGRlcyBlbGVtZW50cyBkdSBtZW51XG5cdFx0Ji5tdHsgLy8gTWFyZ2luIFRvcFxuXHRcdFx0bWFyZ2luLXRvcDogM2VtO1xuXHRcdH1cblx0XHQmLm1ieyAvLyBNYXJnaW4gQm90dG9tXG5cdFx0XHRtYXJnaW4tYm90dG9tOiAzZW07XG5cdFx0fVxuXG5cdFx0Y29sb3I6ICNhMmEyYTI7XG5cdFx0bGluZS1oZWlnaHQ6IGNhbGMoICN7JG1lbnUtc2lkZS13aWR0aH0gLSAyKi43ZW0gLSAyKi41NWVtIC0gMiouMDFlbSApO1xuXG5cdFx0dHJhbnNpdGlvbjogY29sb3IgLjNzLCBib3JkZXIgLjNzO1xuXG5cdFx0Y3Vyc29yOiBwb2ludGVyO1xuXG5cdFx0c3ZnLCBzdmcgKntcblx0XHRcdHdpZHRoOiBjYWxjKCAjeyRtZW51LXNpZGUtd2lkdGh9IC8gMi41ICk7XG5cdFx0XHRoZWlnaHQ6IGNhbGMoICN7JG1lbnUtc2lkZS13aWR0aH0gLyAyLjUgKTtcblxuXHRcdFx0Ly8gc3Ryb2tlOiBub25lICFpbXBvcnRhbnQ7XG5cdFx0XHQvLyBmaWxsOiAjNzc3ICFpbXBvcnRhbnQ7XG5cblx0XHRcdHRyYW5zaXRpb246IGZpbGwgLjNzO1xuXG5cdFx0XHRwb2ludGVyLWV2ZW50czogbm9uZTtcblx0XHR9XG5cblxuXHRcdCZbZGF0YS1kZXNjXTphZnRlcntcblx0XHRcdGNvbnRlbnQ6IGF0dHIoZGF0YS1kZXNjKTtcblx0XHRcdGRpc3BsYXk6IGJsb2NrO1xuXHRcdFx0cG9zaXRpb246IGFic29sdXRlO1xuXHRcdFx0XHR0b3A6IGNhbGMoICN7JG1lbnUtc2lkZS13aWR0aH0gLyA0IC0gMiouM2VtICk7XG5cdFx0XHRcdGxlZnQ6IGNhbGMoICN7JG1lbnUtc2lkZS13aWR0aH0gKiAxLjE1IC0gMiouM2VtICk7XG5cdFx0XHRwYWRkaW5nOiAuM2VtO1xuXG5cdFx0XHRib3JkZXItcmFkaXVzOiAzcHg7XG5cblx0XHRcdGJhY2tncm91bmQtY29sb3I6ICMyYTJhMmE7XG5cblx0XHRcdGNvbG9yOiAjZTJlMmUyO1xuXHRcdFx0d2hpdGUtc3BhY2U6IG5vd3JhcDtcblxuXHRcdFx0dHJhbnNpdGlvbjogdHJhbnNmb3JtIC4xcztcblxuXHRcdFx0dHJhbnNmb3JtLW9yaWdpbjogMCAwO1xuXHRcdFx0dHJhbnNmb3JtOiBzY2FsZVgoMCk7XG5cblx0XHR9XG5cblxuXHRcdCY6aG92ZXIsXG5cdFx0Ji5hY3RpdmV7XG5cdFx0XHRjb2xvcjogJHRoZW1lLWNvbG9yO1xuXHRcdFx0Ym9yZGVyLWNvbG9yOiAjZTZlNmU2O1xuXHRcdFx0Ym94LXNoYWRvdzogaW5zZXQgMCAwIC41ZW0gI2VlZTtcblxuXHRcdFx0Jjpob3ZlcjphZnRlcntcblx0XHRcdFx0dHJhbnNmb3JtOiBzY2FsZVgoMSk7XG5cdFx0XHRcdGNvbG9yOiAjZmZmO1xuXHRcdFx0fVxuXG5cdFx0XHRzdmcgI3N0eWxpc2FibGV7IC8vIHBvdXIgbGVzIGVsZW1lbnRzIHNhdWYgbGUgcHJvZmlsXG5cdFx0XHRcdGZpbGw6ICMwMDAgIWltcG9ydGFudDtcblx0XHRcdH1cblxuXHRcdFx0c3ZnICNzdHJva2Utc3R5bGlzYWJsZXsgLy8gcG91ciBsZSBwcm9maWxcblx0XHRcdFx0c3Ryb2tlOiAjMDAwICFpbXBvcnRhbnQ7XG5cdFx0XHR9XG5cdFx0fVxuXG5cdH1cblxuXG59XG4iLAoJCSIvKiBDT1VMRVVSIERVIFRIRU1FICovXG4kdGhlbWUtY29sb3I6ICNlNjMzMjE7XG5cbi8qIENPVUxFVVIgRFUgU09VUy1NRU5VICovXG4kc3ViLW1lbnUtY29sb3I6ICM1YjVlNjM7XG5cbi8qIENPVUxFVVIgREVTIEVSUkVVUlMgKi9cbiRlcnJvci1jb2xvcjogI2NjNTg1NztcblxuLyogRk9STVVMQUlSRVMgKi9cbiRmb3JtLXZhbGlkLWNvbG9yOiAgICMyN2E1NjA7XG4kZm9ybS1uZXV0cmFsLWNvbG9yOiAjMjE5M2U2O1xuJGZvcm0tc2VhcmNoLWNvbG9yOiAgIzU2MzBlZDtcbiRmb3JtLWludmFsaWQtY29sb3I6ICNkNTI5MTg7XG5cblxuLyogR0VTVElPTiBERVMgTE9OR1VFVVJTICovXG4kbWVudS1zaWRlLXdpZHRoOiA0ZW07XG5cblxuLy8gUE9VUiBSRVNPVVJDRV9ESVNQQVRDSEVSXG4kcmQtZm9ybS12YWxpZC1jb2xvcjogICAnMjdhNTYwJztcbiRyZC1mb3JtLW5ldXRyYWwtY29sb3I6ICcyMTkzZTYnO1xuJHJkLWZvcm0tc2VhcmNoLWNvbG9yOiAgJzU2MzBlZCc7XG4kcmQtZm9ybS1pbnZhbGlkLWNvbG9yOiAnZDUyOTE4JztcbiIKCV0sCgkibWFwcGluZ3MiOiAiQUNBQSxzQkFBc0I7QUFHdEIsMEJBQTBCO0FBRzFCLHlCQUF5QjtBQUd6QixpQkFBaUI7QUFPakIsMkJBQTJCO0FEZDNCLEFBRW1CLFFBRlgsR0FBRyxVQUFVLEdBRWhCLElBQUksQ0FBQSxBQUFBLFNBQUMsQUFBQSxFQUFVO0VBQ2xCLE9BQU8sRUFBRSxLQUFNO0VBQ2YsUUFBUSxFQUFFLFFBQVM7RUFDbEIsS0FBSyxFQUFFLHVDQUFJO0VBQ1gsTUFBTSxFQUFFLHVDQUFJO0VBR2IsTUFBTSxFQUFFLFFBQVM7RUFDakIsT0FBTyxFQUFFLEtBQU07RUFFZixNQUFNLEVBQUUsdUJBQXdCO0VBQ2hDLGFBQWEsRUFBRSxHQUFJO0VBV25CLEtBQUssRUFBRSxPQUFRO0VBQ2YsV0FBVyxFQUFFLHVDQUFJO0VBRWpCLFVBQVUsRUFBRSxxQkFBc0I7RUFFbEMsTUFBTSxFQUFFLE9BQVE7Q0EwRGhCOztBQXZGRixBQUVtQixRQUZYLEdBQUcsVUFBVSxHQUVoQixJQUFJLENBQUEsQUFBQSxTQUFDLEFBQUEsQ0FlUCxHQUFHLENBQUE7RUFDSCxVQUFVLEVBQUUsR0FBSTtDQUNoQjs7QUFuQkgsQUFFbUIsUUFGWCxHQUFHLFVBQVUsR0FFaEIsSUFBSSxDQUFBLEFBQUEsU0FBQyxBQUFBLENBa0JQLEdBQUcsQ0FBQTtFQUNILGFBQWEsRUFBRSxHQUFJO0NBQ25COztBQXRCSCxBQStCRSxRQS9CTSxHQUFHLFVBQVUsR0FFaEIsSUFBSSxDQUFBLEFBQUEsU0FBQyxBQUFBLEVBNkJSLEdBQUcsRUEvQkwsQUErQlcsUUEvQkgsR0FBRyxVQUFVLEdBRWhCLElBQUksQ0FBQSxBQUFBLFNBQUMsQUFBQSxFQTZCSCxHQUFHLENBQUMsQ0FBQyxDQUFBO0VBQ1QsS0FBSyxFQUFFLGdCQUFJO0VBQ1gsTUFBTSxFQUFFLGdCQUFJO0VBS1osVUFBVSxFQUFFLFFBQVM7RUFFckIsY0FBYyxFQUFFLElBQUs7Q0FDckI7O0FBekNILEFBRW1CLFFBRlgsR0FBRyxVQUFVLEdBRWhCLElBQUksQ0FBQSxBQUFBLFNBQUMsQUFBQSxFQTBDUCxBQUFBLFNBQUMsQUFBQSxDQUFVLE1BQU0sQ0FBQTtFQUNqQixPQUFPLEVBQUUsZUFBSTtFQUNiLE9BQU8sRUFBRSxLQUFNO0VBQ2YsUUFBUSxFQUFFLFFBQVM7RUFDbEIsR0FBRyxFQUFFLHVCQUFJO0VBQ1QsSUFBSSxFQUFFLDBCQUFJO0VBQ1gsT0FBTyxFQUFFLElBQUs7RUFFZCxhQUFhLEVBQUUsR0FBSTtFQUVuQixnQkFBZ0IsRUFBRSxPQUFRO0VBRTFCLEtBQUssRUFBRSxPQUFRO0VBQ2YsV0FBVyxFQUFFLE1BQU87RUFFcEIsVUFBVSxFQUFFLGFBQWM7RUFFMUIsZ0JBQWdCLEVBQUUsR0FBSTtFQUN0QixTQUFTLEVBQUUsU0FBTTtDQUVqQjs7QUFoRUgsQUFFbUIsUUFGWCxHQUFHLFVBQVUsR0FFaEIsSUFBSSxDQUFBLEFBQUEsU0FBQyxBQUFBLENBaUVQLE1BQU0sRUFuRVQsQUFFbUIsUUFGWCxHQUFHLFVBQVUsR0FFaEIsSUFBSSxDQUFBLEFBQUEsU0FBQyxBQUFBLENBa0VQLE9BQU8sQ0FBQTtFQUNQLEtBQUssRUN0RU0sT0FBTztFRHVFbEIsWUFBWSxFQUFFLE9BQVE7RUFDdEIsVUFBVSxFQUFFLG1CQUFvQjtDQWNoQzs7QUFyRkgsQUFFbUIsUUFGWCxHQUFHLFVBQVUsR0FFaEIsSUFBSSxDQUFBLEFBQUEsU0FBQyxBQUFBLENBaUVQLE1BQU0sQUFNTCxNQUFNLEFBQUEsTUFBTSxFQXpFaEIsQUFFbUIsUUFGWCxHQUFHLFVBQVUsR0FFaEIsSUFBSSxDQUFBLEFBQUEsU0FBQyxBQUFBLENBa0VQLE9BQU8sQUFLTixNQUFNLEFBQUEsTUFBTSxDQUFBO0VBQ1osU0FBUyxFQUFFLFNBQU07RUFDakIsS0FBSyxFQUFFLElBQUs7Q0FDWjs7QUE1RUosQUE4RU8sUUE5RUMsR0FBRyxVQUFVLEdBRWhCLElBQUksQ0FBQSxBQUFBLFNBQUMsQUFBQSxDQWlFUCxNQUFNLENBV04sR0FBRyxDQUFDLFdBQVcsRUE5RWxCLEFBOEVPLFFBOUVDLEdBQUcsVUFBVSxHQUVoQixJQUFJLENBQUEsQUFBQSxTQUFDLEFBQUEsQ0FrRVAsT0FBTyxDQVVQLEdBQUcsQ0FBQyxXQUFXLENBQUE7RUFDZCxJQUFJLEVBQUUsZUFBZ0I7Q0FDdEI7O0FBaEZKLEFBa0ZPLFFBbEZDLEdBQUcsVUFBVSxHQUVoQixJQUFJLENBQUEsQUFBQSxTQUFDLEFBQUEsQ0FpRVAsTUFBTSxDQWVOLEdBQUcsQ0FBQyxrQkFBa0IsRUFsRnpCLEFBa0ZPLFFBbEZDLEdBQUcsVUFBVSxHQUVoQixJQUFJLENBQUEsQUFBQSxTQUFDLEFBQUEsQ0FrRVAsT0FBTyxDQWNQLEdBQUcsQ0FBQyxrQkFBa0IsQ0FBQTtFQUNyQixNQUFNLEVBQUUsZUFBZ0I7Q0FDeEIiLAoJIm5hbWVzIjogW10KfQ== */ |