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

95 lines
12 KiB
CSS

/* [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("/subDir/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("/subDir/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("/subDir/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("/subDir/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("/subDir/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,ewoJInZlcnNpb24iOiAzLAoJImZpbGUiOiAibWVudS1zaWRlLmNzcyIsCgkic291cmNlcyI6IFsKCQkiLi4vbWVudS1zaWRlLnNjc3MiLAoJCSIuLi9jb25zdGFudHMuc2NzcyIKCV0sCgkic291cmNlc0NvbnRlbnQiOiBbCgkJIkBpbXBvcnQgJ2NvbnN0YW50cyc7XG5cbiNXUkFQUEVSID4gI01FTlUtU0lERXtcblxuXHQvKiBbMV0gRWxlbWVudHMgZHUgbWVudVxuXHQ9PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT0qL1xuXHQmID4gc3Bhbntcblx0XHRkaXNwbGF5OiBibG9jaztcblx0XHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdFx0XHR3aWR0aDogY2FsYyggMTAwJSAtIDIqMWVtIC0gMioxLjVlbSApO1xuXG5cdFx0cGFkZGluZzogLjhlbSAxLjVlbTtcblx0XHRwYWRkaW5nLWxlZnQ6IGNhbGMoIDEuNWVtICsgMioxZW0gKTtcblxuXHRcdGJvcmRlci1ib3R0b206IDFweCBzb2xpZCB0cmFuc3BhcmVudDtcblxuXHRcdGJhY2tncm91bmQ6IHVybCgnL3N1YkRpci9zcmMvc3RhdGljL21lbnUtc2lkZS9zdWJAYWFhYWFhLnN2ZycpIHJpZ2h0IDEuNWVtIGNlbnRlciBuby1yZXBlYXQ7XG5cdFx0YmFja2dyb3VuZC1zaXplOiAuNWVtIC41ZW07XG5cblxuXHRcdGNvbG9yOiAjNjY2O1xuXHRcdGZvbnQtc2l6ZTogLjg1ZW07XG5cblx0XHRAaW5jbHVkZSB0cmFuc2l0aW9uKCBjb2xvciAuMnMgZWFzZS1pbi1vdXQsIGJhY2tncm91bmQgLjJzIGVhc2UtaW4tb3V0LCBib3gtc2hhZG93IC4ycyBlYXNlLWluLW91dCwgYm9yZGVyIC4ycyBlYXNlLWluLW91dCApO1xuXG5cdFx0Y3Vyc29yOiBwb2ludGVyO1xuXG5cdFx0LyogKDEpIEljb25lIHN2ZyAqL1xuXHRcdCYgPiBzdmcsICYgPiBzdmcgKntcblx0XHRcdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0XHRcdFx0dG9wOiBjYWxjKCA1MCUgLSAxZW0vMiApO1xuXHRcdFx0XHRsZWZ0OiAxLjVlbTtcblx0XHRcdFx0d2lkdGg6IDFlbTtcblx0XHRcdFx0aGVpZ2h0OiAxZW07XG5cblx0XHRcdGZpbGw6ICRkYXJrLWZnICFpbXBvcnRhbnQ7XG5cdFx0XHRAaW5jbHVkZSB0cmFuc2l0aW9uKCBmaWxsIC4ycyBlYXNlLWluLW91dCApO1xuXHRcdH1cblxuXG5cdFx0LyogKDIpIEFuaW1hdGlvbiBkZSBAaG92ZXIgKi9cblx0XHQmOm5vdCguYWN0aXZlKTpob3Zlcntcblx0XHRcdGJhY2tncm91bmQtaW1hZ2U6IHVybCgnL3N1YkRpci9zcmMvc3RhdGljL21lbnUtc2lkZS9zdWJAMDAwMDAwLnN2ZycpO1xuXHRcdFx0Y29sb3I6ICMwMDA7XG5cblx0XHRcdCYgPiBzdmcsICYgPiBzdmcgKntcblx0XHRcdFx0ZmlsbDogIzAwMCAhaW1wb3J0YW50O1xuXHRcdFx0fVxuXHRcdH1cblxuXHRcdC8qICgzKSBBbmltYXRpb24gcXVhbmQgLmFjdGl2ZSAqL1xuXHRcdCYuYWN0aXZle1xuXHRcdFx0Ym9yZGVyLWJvdHRvbS1jb2xvcjogZGFya2VuKCR0aGVtZS1mZy1wcmltYXJ5LCA1KTtcblx0XHRcdC8vIGJveC1zaGFkb3c6IGluc2V0IDAgMCAxZW0gZGFya2VuKCRkYXJrLWJnLXByaW1hcnksIDEpO1xuXG5cdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAkdGhlbWUtZmctcHJpbWFyeTtcblx0XHRcdGJhY2tncm91bmQtaW1hZ2U6IHVybCgnL3N1YkRpci9zcmMvc3RhdGljL21lbnUtc2lkZS9zdWItYWN0aXZlQGZmZmZmZi5zdmcnKTtcblx0XHRcdGNvbG9yOiAkZGFyay1mZy1wcmltYXJ5O1xuXG5cdFx0XHQmID4gc3ZnLCAmID4gc3ZnICp7XG5cdFx0XHRcdGZpbGw6ICNmZmYgIWltcG9ydGFudDtcblx0XHRcdH1cblx0XHR9XG5cblxuXHR9XG5cblxuXG5cdC8qIFsyXSBHZXN0aW9uIGR1IG1lbnUgZGVyb3VsYW50XG5cdD09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PSovXG5cdC8qICgxKSBRdWFuZCBsZSBtZW51IGVzdCBkZXJvdWxlICovXG5cdCYgPiBzcGFuOm5vdCguaWNvbikgKyBkaXYuc3ViPnNwYW57XG5cdFx0ZGlzcGxheTogYmxvY2s7XG5cdFx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHRcdFx0d2lkdGg6IGNhbGMoIDEwMCUgLSAxLjVlbSAtIDIuNWVtICk7XG5cblx0XHRwYWRkaW5nOiAuNWVtIDEuNWVtO1xuXHRcdHBhZGRpbmctbGVmdDogMi41ZW07XG5cblx0XHRiYWNrZ3JvdW5kOiAjZWVlIHVybCgnL3N1YkRpci9zcmMvc3RhdGljL21lbnUtc2lkZS9zdWJANzc3Nzc3LnN2ZycpIDEuNWVtIGNlbnRlciBuby1yZXBlYXQ7O1xuXHRcdGJhY2tncm91bmQtc2l6ZTogLjVlbTtcblxuXHRcdGNvbG9yOiAjNzc3Nzc3O1xuXHRcdGZvbnQtc2l6ZTogLjg1ZW07XG5cblx0XHRjdXJzb3I6IHBvaW50ZXI7XG5cblx0XHRAaW5jbHVkZSB0cmFuc2l0aW9uKCBjb2xvciAuMnMgZWFzZS1pbi1vdXQgKTtcblxuXHRcdC8vIEFuaW1hdGlvbiBkZSBAaG92ZXIgb3UgLmFjdGl2ZVxuXHRcdCY6aG92ZXIsXG5cdFx0Ji5hY3RpdmV7XG5cdFx0XHRjb2xvcjogIzAwMDtcblx0XHRcdGJhY2tncm91bmQtaW1hZ2U6IHVybCgnL3N1YkRpci9zcmMvc3RhdGljL21lbnUtc2lkZS9zdWJAMDAwMDAwLnN2ZycpO1xuXHRcdH1cblx0fVxuXG5cblx0JiA+IHNwYW46bm90KC5pY29uKTpub3QoLmFjdGl2ZSkgKyBkaXYuc3ViPnNwYW57XG5cdFx0ZGlzcGxheTogbm9uZTtcblx0fVxufVxuIiwKCQkiLyogWzFdIENPVUxFVVJTXG49PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT0qL1xuLyogKDEpIENPVUxFVVJTIERVIFRIRU1FICRERUZBVUxUICovXG4kdGhlbWUtYmc6ICAgICAgICAgI2U4ZThlODtcbiR0aGVtZS1iZy1wcmltYXJ5OiAjZmZmZmZmO1xuJHRoZW1lLWZnOiAgICAgICAgICM1MTUxNTE7XG4kdGhlbWUtZmctcHJpbWFyeTogIzBlNmRiZjtcblxuLyogKDIpIENPVUxFVVJTIERFIFRIRU1FICREQVJLICovXG4kZGFyay1iZzogICAgICAgICAjMzEzNTQxO1xuJGRhcmstYmctcHJpbWFyeTogIzI5MjgyZTtcbiRkYXJrLWZnOiAgICAgICAgICM5MzkzOTM7XG4kZGFyay1mZy1wcmltYXJ5OiAjZmZmZmZmO1xuXG4kaGVhZGVyLWRhcms6ICAgICAjRjhGOEZBO1xuXG4vKiAoMykgQ291bGV1cnMgZHUgdGhlbWUgcG91ciBsYSB0aW1lbGluZSAqL1xuJHRpbWVsaW5lLWNvbG9yOiAjNzM4Mzk0O1xuJHRpbWVsaW5lLTA6ICMwZTZkYmY7XG4kdGltZWxpbmUtMTogI2U2NGUzZTtcbiR0aW1lbGluZS0yOiAjZDU0YjI4O1xuJHRpbWVsaW5lLTM6ICNiMTRiZTc7XG4kdGltZWxpbmUtNDogIzA1M2I1ZDtcblxuJHRpbWVsaW5lLWZiOiAjM2I1OTk4O1xuXG5cbi8qIFsyXSBESU1FTlNJT05TXG49PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT0qL1xuLyogKDEpIExheW91dCBkZSBiYXNlICovXG4kbWVudS1zaWRlLXdpZHRoOiAxNWVtO1xuJGhlYWRlci1oZWlnaHQ6ICAgNGVtO1xuXG5cblxuLyogWzNdIE1peGluc1xuPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09Ki9cbkBtaXhpbiB0cmFuc2Zvcm0oJHZhbHVlLi4uKSB7XG5cdHRyYW5zZm9ybTogJHZhbHVlO1xuXHQtbW96LXRyYW5zZm9ybTogJHZhbHVlO1xuXHQtby10cmFuc2Zvcm06ICR2YWx1ZTtcblx0LW1zLXRyYW5zZm9ybTogJHZhbHVlO1xuXHQtd2Via2l0LXRyYW5zZm9ybTogJHZhbHVlO1xufVxuXG5cbkBtaXhpbiB0cmFuc2l0aW9uKCR2YWx1ZS4uLikge1xuXHQtd2Via2l0LXRyYW5zaXRpb246ICR2YWx1ZTtcblx0dHJhbnNpdGlvbjogJHZhbHVlO1xufVxuXG4vKiBbNF0gRnVuY3Rpb25zXG49PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT0qL1xuLy8gVHJhbnNmb3JtZSB1bmUgY291bGV1ciBoZXggZW4gc3RyaW5nIHNhbnMgbGUgI1xuQGZ1bmN0aW9uIGNvbG9yLXN0cigkY29sb3Ipe1xuXHRAcmV0dXJuIHN0ci1zbGljZSgjeyRjb2xvcn0sIDIsIHN0ci1sZW5ndGgoI3skY29sb3J9KSk7XG59XG4iCgldLAoJIm1hcHBpbmdzIjogIkFDQUE7MkRBQzJEO0FBQzNELG9DQUFvQztBQU1wQyxpQ0FBaUM7QUFRakMsNENBQTRDO0FBVzVDOzJEQUMyRDtBQUMzRCx3QkFBd0I7QUFNeEI7MkRBQzJEO0FBZTNEOzJEQUMyRDtBRGxEM0QsQUFBVyxRQUFILEdBQUcsVUFBVSxDQUFBO0VBRXBCOzREQUMyRDtFQWdFM0Q7NERBQzJEO0VBQzNELG1DQUFtQztDQStCbkM7O0FBcEdELEFBSUssUUFKRyxHQUFHLFVBQVUsR0FJaEIsSUFBSSxDQUFBO0VBQ1AsT0FBTyxFQUFFLEtBQU07RUFDZixRQUFRLEVBQUUsUUFBUztFQUNsQixLQUFLLEVBQUUsNkJBQUk7RUFFWixPQUFPLEVBQUUsVUFBVztFQUNwQixZQUFZLEVBQUUsb0JBQUk7RUFFbEIsYUFBYSxFQUFFLHFCQUFzQjtFQUVyQyxVQUFVLEVBQUUsa0RBQUcsQ0FBZ0QsS0FBSyxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUMsU0FBUztFQUMzRixlQUFlLEVBQUUsU0FBVTtFQUczQixLQUFLLEVBQUUsSUFBSztFQUNaLFNBQVMsRUFBRSxLQUFNO0VDMEJsQixrQkFBa0IsRUR4QkksS0FBSyxDQUFDLElBQUcsQ0FBQyxX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 */