79 lines
9.2 KiB
CSS
Executable File
79 lines
9.2 KiB
CSS
Executable File
/* 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, stroke .3s;
|
|
pointer-events: none;
|
|
}
|
|
|
|
#WRAPPER > #MENU-SIDE > span[data-link] svg #stylisable, #WRAPPER > #MENU-SIDE > span[data-link] svg * #stylisable {
|
|
fill: #a2a2a2 !important;
|
|
}
|
|
|
|
#WRAPPER > #MENU-SIDE > span[data-link] svg #stroke-stylisable, #WRAPPER > #MENU-SIDE > span[data-link] svg * #stroke-stylisable {
|
|
stroke: #a2a2a2 !important;
|
|
}
|
|
|
|
#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: #f44f06;
|
|
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,ewoJInZlcnNpb24iOiAzLAoJImZpbGUiOiAibWVudS1zaWRlLmNzcyIsCgkic291cmNlcyI6IFsKCQkiLi4vbWVudS1zaWRlLnNjc3MiLAoJCSIuLi9jb25zdGFudHMuc2NzcyIKCV0sCgkic291cmNlc0NvbnRlbnQiOiBbCgkJIkBpbXBvcnQgJ2NvbnN0YW50cyc7XG5cbiNXUkFQUEVSID4gI01FTlUtU0lERXtcblxuXHQmID4gc3BhbltkYXRhLWxpbmtde1xuXHRcdGRpc3BsYXk6IGJsb2NrO1xuXHRcdHBvc2l0aW9uOiByZWxhdGl2ZTtcblx0XHRcdHdpZHRoOiBjYWxjKCAjeyRtZW51LXNpZGUtd2lkdGh9IC0gMiouN2VtIC0gMiouNTVlbSAtIDIqLjAxZW0gKTtcblx0XHRcdGhlaWdodDogY2FsYyggI3skbWVudS1zaWRlLXdpZHRofSAtIDIqLjdlbSAtIDIqLjU1ZW0gLSAyKi4wMWVtICk7XG5cblx0XHQvLyBwYWRkaW5nOiAxZW07XG5cdFx0bWFyZ2luOiAyZW0gLjdlbTtcblx0XHRwYWRkaW5nOiAuNTVlbTtcblxuXHRcdGJvcmRlcjogLjAxZW0gc29saWQgdHJhbnNwYXJlbnQ7XG5cdFx0Ym9yZGVyLXJhZGl1czogMnB4O1xuXG5cblx0XHQvLyBEZWNhbGFnZSBkZXMgZWxlbWVudHMgZHUgbWVudVxuXHRcdCYubXR7IC8vIE1hcmdpbiBUb3Bcblx0XHRcdG1hcmdpbi10b3A6IDNlbTtcblx0XHR9XG5cdFx0Ji5tYnsgLy8gTWFyZ2luIEJvdHRvbVxuXHRcdFx0bWFyZ2luLWJvdHRvbTogM2VtO1xuXHRcdH1cblxuXHRcdGNvbG9yOiAjYTJhMmEyO1xuXHRcdGxpbmUtaGVpZ2h0OiBjYWxjKCAjeyRtZW51LXNpZGUtd2lkdGh9IC0gMiouN2VtIC0gMiouNTVlbSAtIDIqLjAxZW0gKTtcblxuXHRcdHRyYW5zaXRpb246IGNvbG9yIC4zcywgYm9yZGVyIC4zcztcblxuXHRcdGN1cnNvcjogcG9pbnRlcjtcblxuXHRcdHN2Zywgc3ZnICp7XG5cdFx0XHR3aWR0aDogY2FsYyggI3skbWVudS1zaWRlLXdpZHRofSAvIDIuNSApO1xuXHRcdFx0aGVpZ2h0OiBjYWxjKCAjeyRtZW51LXNpZGUtd2lkdGh9IC8gMi41ICk7XG5cblx0XHRcdC8vIHN0cm9rZTogbm9uZSAhaW1wb3J0YW50O1xuXHRcdFx0Ly8gZmlsbDogIzc3NyAhaW1wb3J0YW50O1xuXG5cdFx0XHR0cmFuc2l0aW9uOiBmaWxsIC4zcywgc3Ryb2tlIC4zcztcblxuXHRcdFx0cG9pbnRlci1ldmVudHM6IG5vbmU7XG5cblxuXG5cdFx0XHQmICNzdHlsaXNhYmxleyAvLyBwb3VyIGxlcyBlbGVtZW50cyBzYXVmIGxlIHByb2ZpbFxuXHRcdFx0XHRmaWxsOiAjYTJhMmEyICFpbXBvcnRhbnQ7XG5cdFx0XHR9XG5cblx0XHRcdCYgI3N0cm9rZS1zdHlsaXNhYmxleyAvLyBwb3VyIGxlIHByb2ZpbFxuXHRcdFx0XHRzdHJva2U6ICNhMmEyYTIgIWltcG9ydGFudDtcblx0XHRcdH1cblx0XHR9XG5cblxuXHRcdCZbZGF0YS1kZXNjXTphZnRlcntcblx0XHRcdGNvbnRlbnQ6IGF0dHIoZGF0YS1kZXNjKTtcblx0XHRcdGRpc3BsYXk6IGJsb2NrO1xuXHRcdFx0cG9zaXRpb246IGFic29sdXRlO1xuXHRcdFx0XHR0b3A6IGNhbGMoICN7JG1lbnUtc2lkZS13aWR0aH0gLyA0IC0gMiouM2VtICk7XG5cdFx0XHRcdGxlZnQ6IGNhbGMoICN7JG1lbnUtc2lkZS13aWR0aH0gKiAxLjE1IC0gMiouM2VtICk7XG5cdFx0XHRwYWRkaW5nOiAuM2VtO1xuXG5cdFx0XHRib3JkZXItcmFkaXVzOiAzcHg7XG5cblx0XHRcdGJhY2tncm91bmQtY29sb3I6ICMyYTJhMmE7XG5cblx0XHRcdGNvbG9yOiAjZTJlMmUyO1xuXHRcdFx0d2hpdGUtc3BhY2U6IG5vd3JhcDtcblxuXHRcdFx0dHJhbnNpdGlvbjogdHJhbnNmb3JtIC4xcztcblxuXHRcdFx0dHJhbnNmb3JtLW9yaWdpbjogMCAwO1xuXHRcdFx0dHJhbnNmb3JtOiBzY2FsZVgoMCk7XG5cblx0XHR9XG5cblxuXHRcdCY6aG92ZXIsXG5cdFx0Ji5hY3RpdmV7XG5cdFx0XHRjb2xvcjogJHRoZW1lLWNvbG9yO1xuXHRcdFx0Ym9yZGVyLWNvbG9yOiAjZTZlNmU2O1xuXHRcdFx0Ym94LXNoYWRvdzogaW5zZXQgMCAwIC41ZW0gI2VlZTtcblxuXHRcdFx0Jjpob3ZlcjphZnRlcntcblx0XHRcdFx0dHJhbnNmb3JtOiBzY2FsZVgoMSk7XG5cdFx0XHRcdGNvbG9yOiAjZmZmO1xuXHRcdFx0fVxuXG5cdFx0XHRzdmcgI3N0eWxpc2FibGV7IC8vIHBvdXIgbGVzIGVsZW1lbnRzIHNhdWYgbGUgcHJvZmlsXG5cdFx0XHRcdGZpbGw6ICMwMDAgIWltcG9ydGFudDtcblx0XHRcdH1cblxuXHRcdFx0c3ZnICNzdHJva2Utc3R5bGlzYWJsZXsgLy8gcG91ciBsZSBwcm9maWxcblx0XHRcdFx0c3Ryb2tlOiAjMDAwICFpbXBvcnRhbnQ7XG5cdFx0XHR9XG5cdFx0fVxuXG5cdH1cblxuXG59XG4iLAoJCSIvKiBDT1VMRVVSIERVIFRIRU1FICovXG4kdGhlbWUtY29sb3I6ICNmNDRmMDY7XG5cbi8qIENPVUxFVVIgRFUgU09VUy1NRU5VICovXG4kc3ViLW1lbnUtY29sb3I6ICM1YjVlNjM7XG5cbi8qIENPVUxFVVIgREVTIEVSUkVVUlMgKi9cbiRlcnJvci1jb2xvcjogI2NjNTg1NztcblxuLyogRk9STVVMQUlSRVMgKi9cbiRmb3JtLXZhbGlkLWNvbG9yOiAgICMyN2E1NjA7XG4kZm9ybS1uZXV0cmFsLWNvbG9yOiAjMjE5M2U2O1xuJGZvcm0tc2VhcmNoLWNvbG9yOiAgIzU2MzBlZDtcbiRmb3JtLWludmFsaWQtY29sb3I6ICNkNTI5MTg7XG5cblxuLyogR0VTVElPTiBERVMgTE9OR1VFVVJTICovXG4kbWVudS1zaWRlLXdpZHRoOiA0ZW07XG5cblxuLy8gUE9VUiBSRVNPVVJDRV9ESVNQQVRDSEVSXG4kcmQtZm9ybS12YWxpZC1jb2xvcjogICAnMjdhNTYwJztcbiRyZC1mb3JtLW5ldXRyYWwtY29sb3I6ICcyMTkzZTYnO1xuJHJkLWZvcm0tc2VhcmNoLWNvbG9yOiAgJzU2MzBlZCc7XG4kcmQtZm9ybS1pbnZhbGlkLWNvbG9yOiAnZDUyOTE4JztcbiIKCV0sCgkibWFwcGluZ3MiOiAiQUNBQSxzQkFBc0I7QUFHdEIsMEJBQTBCO0FBRzFCLHlCQUF5QjtBQUd6QixpQkFBaUI7QUFPakIsMkJBQTJCO0FEZDNCLEFBRW1CLFFBRlgsR0FBRyxVQUFVLEdBRWhCLElBQUksQ0FBQSxBQUFBLFNBQUMsQUFBQSxFQUFVO0VBQ2xCLE9BQU8sRUFBRSxLQUFNO0VBQ2YsUUFBUSxFQUFFLFFBQVM7RUFDbEIsS0FBSyxFQUFFLHVDQUFJO0VBQ1gsTUFBTSxFQUFFLHVDQUFJO0VBR2IsTUFBTSxFQUFFLFFBQVM7RUFDakIsT0FBTyxFQUFFLEtBQU07RUFFZixNQUFNLEVBQUUsdUJBQXdCO0VBQ2hDLGFBQWEsRUFBRSxHQUFJO0VBV25CLEtBQUssRUFBRSxPQUFRO0VBQ2YsV0FBVyxFQUFFLHVDQUFJO0VBRWpCLFVBQVUsRUFBRSxxQkFBc0I7RUFFbEMsTUFBTSxFQUFFLE9BQVE7Q0FvRWhCOztBQWpHRixBQUVtQixRQUZYLEdBQUcsVUFBVSxHQUVoQixJQUFJLENBQUEsQUFBQSxTQUFDLEFBQUEsQ0FlUCxHQUFHLENBQUE7RUFDSCxVQUFVLEVBQUUsR0FBSTtDQUNoQjs7QUFuQkgsQUFFbUIsUUFGWCxHQUFHLFVBQVUsR0FFaEIsSUFBSSxDQUFBLEFBQUEsU0FBQyxBQUFBLENBa0JQLEdBQUcsQ0FBQTtFQUNILGFBQWEsRUFBRSxHQUFJO0NBQ25COztBQXRCSCxBQStCRSxRQS9CTSxHQUFHLFVBQVUsR0FFaEIsSUFBSSxDQUFBLEFBQUEsU0FBQyxBQUFBLEVBNkJSLEdBQUcsRUEvQkwsQUErQlcsUUEvQkgsR0FBRyxVQUFVLEdBRWhCLElBQUksQ0FBQSxBQUFBLFNBQUMsQUFBQSxFQTZCSCxHQUFHLENBQUMsQ0FBQyxDQUFBO0VBQ1QsS0FBSyxFQUFFLGdCQUFJO0VBQ1gsTUFBTSxFQUFFLGdCQUFJO0VBS1osVUFBVSxFQUFFLG9CQUFx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 */ |