79 lines
9.2 KiB
CSS
79 lines
9.2 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, 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,ewoJInZlcnNpb24iOiAzLAoJImZpbGUiOiAiZXhwYW5kZWQuY3NzIiwKCSJzb3VyY2VzIjogWwoJCSIuLi9tZW51LXNpZGUuc2NzcyIsCgkJIi4uL2NvbnN0YW50cy5zY3NzIgoJXSwKCSJzb3VyY2VzQ29udGVudCI6IFsKCQkiQGltcG9ydCAnY29uc3RhbnRzJztcblxuI1dSQVBQRVIgPiAjTUVOVS1TSURFe1xuXG5cdCYgPiBzcGFuW2RhdGEtbGlua117XG5cdFx0ZGlzcGxheTogYmxvY2s7XG5cdFx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHRcdFx0d2lkdGg6IGNhbGMoICN7JG1lbnUtc2lkZS13aWR0aH0gLSAyKi43ZW0gLSAyKi41NWVtIC0gMiouMDFlbSApO1xuXHRcdFx0aGVpZ2h0OiBjYWxjKCAjeyRtZW51LXNpZGUtd2lkdGh9IC0gMiouN2VtIC0gMiouNTVlbSAtIDIqLjAxZW0gKTtcblxuXHRcdC8vIHBhZGRpbmc6IDFlbTtcblx0XHRtYXJnaW46IDJlbSAuN2VtO1xuXHRcdHBhZGRpbmc6IC41NWVtO1xuXG5cdFx0Ym9yZGVyOiAuMDFlbSBzb2xpZCB0cmFuc3BhcmVudDtcblx0XHRib3JkZXItcmFkaXVzOiAycHg7XG5cblxuXHRcdC8vIERlY2FsYWdlIGRlcyBlbGVtZW50cyBkdSBtZW51XG5cdFx0Ji5tdHsgLy8gTWFyZ2luIFRvcFxuXHRcdFx0bWFyZ2luLXRvcDogM2VtO1xuXHRcdH1cblx0XHQmLm1ieyAvLyBNYXJnaW4gQm90dG9tXG5cdFx0XHRtYXJnaW4tYm90dG9tOiAzZW07XG5cdFx0fVxuXG5cdFx0Y29sb3I6ICNhMmEyYTI7XG5cdFx0bGluZS1oZWlnaHQ6IGNhbGMoICN7JG1lbnUtc2lkZS13aWR0aH0gLSAyKi43ZW0gLSAyKi41NWVtIC0gMiouMDFlbSApO1xuXG5cdFx0dHJhbnNpdGlvbjogY29sb3IgLjNzLCBib3JkZXIgLjNzO1xuXG5cdFx0Y3Vyc29yOiBwb2ludGVyO1xuXG5cdFx0c3ZnLCBzdmcgKntcblx0XHRcdHdpZHRoOiBjYWxjKCAjeyRtZW51LXNpZGUtd2lkdGh9IC8gMi41ICk7XG5cdFx0XHRoZWlnaHQ6IGNhbGMoICN7JG1lbnUtc2lkZS13aWR0aH0gLyAyLjUgKTtcblxuXHRcdFx0Ly8gc3Ryb2tlOiBub25lICFpbXBvcnRhbnQ7XG5cdFx0XHQvLyBmaWxsOiAjNzc3ICFpbXBvcnRhbnQ7XG5cblx0XHRcdHRyYW5zaXRpb246IGZpbGwgLjNzLCBzdHJva2UgLjNzO1xuXG5cdFx0XHRwb2ludGVyLWV2ZW50czogbm9uZTtcblxuXG5cblx0XHRcdCYgI3N0eWxpc2FibGV7IC8vIHBvdXIgbGVzIGVsZW1lbnRzIHNhdWYgbGUgcHJvZmlsXG5cdFx0XHRcdGZpbGw6ICNhMmEyYTIgIWltcG9ydGFudDtcblx0XHRcdH1cblxuXHRcdFx0JiAjc3Ryb2tlLXN0eWxpc2FibGV7IC8vIHBvdXIgbGUgcHJvZmlsXG5cdFx0XHRcdHN0cm9rZTogI2EyYTJhMiAhaW1wb3J0YW50O1xuXHRcdFx0fVxuXHRcdH1cblxuXG5cdFx0JltkYXRhLWRlc2NdOmFmdGVye1xuXHRcdFx0Y29udGVudDogYXR0cihkYXRhLWRlc2MpO1xuXHRcdFx0ZGlzcGxheTogYmxvY2s7XG5cdFx0XHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdFx0XHRcdHRvcDogY2FsYyggI3skbWVudS1zaWRlLXdpZHRofSAvIDQgLSAyKi4zZW0gKTtcblx0XHRcdFx0bGVmdDogY2FsYyggI3skbWVudS1zaWRlLXdpZHRofSAqIDEuMTUgLSAyKi4zZW0gKTtcblx0XHRcdHBhZGRpbmc6IC4zZW07XG5cblx0XHRcdGJvcmRlci1yYWRpdXM6IDNweDtcblxuXHRcdFx0YmFja2dyb3VuZC1jb2xvcjogIzJhMmEyYTtcblxuXHRcdFx0Y29sb3I6ICNlMmUyZTI7XG5cdFx0XHR3aGl0ZS1zcGFjZTogbm93cmFwO1xuXG5cdFx0XHR0cmFuc2l0aW9uOiB0cmFuc2Zvcm0gLjFzO1xuXG5cdFx0XHR0cmFuc2Zvcm0tb3JpZ2luOiAwIDA7XG5cdFx0XHR0cmFuc2Zvcm06IHNjYWxlWCgwKTtcblxuXHRcdH1cblxuXG5cdFx0Jjpob3Zlcixcblx0XHQmLmFjdGl2ZXtcblx0XHRcdGNvbG9yOiAkdGhlbWUtY29sb3I7XG5cdFx0XHRib3JkZXItY29sb3I6ICNlNmU2ZTY7XG5cdFx0XHRib3gtc2hhZG93OiBpbnNldCAwIDAgLjVlbSAjZWVlO1xuXG5cdFx0XHQmOmhvdmVyOmFmdGVye1xuXHRcdFx0XHR0cmFuc2Zvcm06IHNjYWxlWCgxKTtcblx0XHRcdFx0Y29sb3I6ICNmZmY7XG5cdFx0XHR9XG5cblx0XHRcdHN2ZyAjc3R5bGlzYWJsZXsgLy8gcG91ciBsZXMgZWxlbWVudHMgc2F1ZiBsZSBwcm9maWxcblx0XHRcdFx0ZmlsbDogIzAwMCAhaW1wb3J0YW50O1xuXHRcdFx0fVxuXG5cdFx0XHRzdmcgI3N0cm9rZS1zdHlsaXNhYmxleyAvLyBwb3VyIGxlIHByb2ZpbFxuXHRcdFx0XHRzdHJva2U6ICMwMDAgIWltcG9ydGFudDtcblx0XHRcdH1cblx0XHR9XG5cblx0fVxuXG5cbn1cbiIsCgkJIi8qIENPVUxFVVIgRFUgVEhFTUUgKi9cbiR0aGVtZS1jb2xvcjogI2Y0NGYwNjtcblxuLyogQ09VTEVVUiBEVSBTT1VTLU1FTlUgKi9cbiRzdWItbWVudS1jb2xvcjogIzViNWU2MztcblxuLyogQ09VTEVVUiBERVMgRVJSRVVSUyAqL1xuJGVycm9yLWNvbG9yOiAjY2M1ODU3O1xuXG4vKiBGT1JNVUxBSVJFUyAqL1xuJGZvcm0tdmFsaWQtY29sb3I6ICAgIzI3YTU2MDtcbiRmb3JtLW5ldXRyYWwtY29sb3I6ICMyMTkzZTY7XG4kZm9ybS1zZWFyY2gtY29sb3I6ICAjNTYzMGVkO1xuJGZvcm0taW52YWxpZC1jb2xvcjogI2Q1MjkxODtcblxuXG4vKiBHRVNUSU9OIERFUyBMT05HVUVVUlMgKi9cbiRtZW51LXNpZGUtd2lkdGg6IDRlbTtcblxuXG4vLyBQT1VSIFJFU09VUkNFX0RJU1BBVENIRVJcbiRyZC1mb3JtLXZhbGlkLWNvbG9yOiAgICcyN2E1NjAnO1xuJHJkLWZvcm0tbmV1dHJhbC1jb2xvcjogJzIxOTNlNic7XG4kcmQtZm9ybS1zZWFyY2gtY29sb3I6ICAnNTYzMGVkJztcbiRyZC1mb3JtLWludmFsaWQtY29sb3I6ICdkNTI5MTgnO1xuIgoJXSwKCSJtYXBwaW5ncyI6ICJBQ0FBLHNCQUFzQjtBQUd0QiwwQkFBMEI7QUFHMUIseUJBQXlCO0FBR3pCLGlCQUFpQjtBQU9qQiwyQkFBMkI7QURkM0IsQUFFbUIsUUFGWCxHQUFHLFVBQVUsR0FFaEIsSUFBSSxDQUFBLEFBQUEsU0FBQyxBQUFBLEVBQVU7RUFDbEIsT0FBTyxFQUFFLEtBQU07RUFDZixRQUFRLEVBQUUsUUFBUztFQUNsQixLQUFLLEVBQUUsdUNBQUk7RUFDWCxNQUFNLEVBQUUsdUNBQUk7RUFHYixNQUFNLEVBQUUsUUFBUztFQUNqQixPQUFPLEVBQUUsS0FBTTtFQUVmLE1BQU0sRUFBRSx1QkFBd0I7RUFDaEMsYUFBYSxFQUFFLEdBQUk7RUFXbkIsS0FBSyxFQUFFLE9BQVE7RUFDZixXQUFXLEVBQUUsdUNBQUk7RUFFakIsVUFBVSxFQUFFLHFCQUFzQjtFQUVsQyxNQUFNLEVBQUUsT0FBUTtDQW9FaEI7O0FBakdGLEFBRW1CLFFBRlgsR0FBRyxVQUFVLEdBRWhCLElBQUksQ0FBQSxBQUFBLFNBQUMsQUFBQSxDQWVQLEdBQUcsQ0FBQTtFQUNILFVBQVUsRUFBRSxHQUFJO0NBQ2hCOztBQW5CSCxBQUVtQixRQUZYLEdBQUcsVUFBVSxHQUVoQixJQUFJLENBQUEsQUFBQSxTQUFDLEFBQUEsQ0FrQlAsR0FBRyxDQUFBO0VBQ0gsYUFBYSxFQUFFLEdBQUk7Q0FDbkI7O0FBdEJILEFBK0JFLFFBL0JNLEdBQUcsVUFBVSxHQUVoQixJQUFJLENBQUEsQUFBQSxTQUFDLEFBQUEsRUE2QlIsR0FBRyxFQS9CTCxBQStCVyxRQS9CSCxHQUFHLFVBQVUsR0FFaEIsSUFBSSxDQUFBLEFBQUEsU0FBQyxBQUFBLEVBNkJILEdBQUcsQ0FBQyxDQUFDLENBQUE7RUFDVCxLQUFLLEVBQUUsZ0JBQUk7RUFDWCxNQUFNLEVBQUUsZ0JBQUk7RUFLWixVQUFVLEVBQUUsb0JBQXFC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 */ |