NxTIC/css/header/min.css

3 lines
11 KiB
CSS
Raw Normal View History

#WRAPPER>#HEADER>#searchbar{display:inline-block;position:absolute;top:.8em;left:1em;width:20em;height:2em;padding:.2em 1em;border:0;border-radius:3px;background-color:#e8e8e8}#WRAPPER>#HEADER>#user-data{display:inline-block;position:absolute;top:0;right:0;height:calc( 100% - 2*1em)}#WRAPPER>#HEADER>#user-data>#user-name{display:block;position:absolute;top:0;right:calc( 4em*2 - 1em);height:4em;padding:0 1em;color:#555;line-height:4em;white-space:nowrap;font-weight:bold;cursor:pointer}#WRAPPER>#HEADER>#user-data>#user-picture{display:block;position:absolute;top:1.5em;right:4em;width:calc( 4em - 2*1.5em);height:calc( 4em - 2*1.5em);border-radius:50% / 50%;background-color:#e8e8e8;background-size:auto 80%;cursor:default;align-self:center}#WRAPPER>#HEADER>#user-data>#user-picture.active{background-color:#0e6dbf;background-image:url("/src/dynamic/profile/sample.svg");background-size:auto 100%}#WRAPPER>#HEADER>#user-data:before{content:'';display:block;position:absolute;top:0;right:0;width:4em;height:4em;background:url("/src/static/header/expand@000000.svg") center center no-repeat;background-size:1em 1em;cursor:pointer}#WRAPPER>#HEADER>.user-panel{display:block;position:absolute;top:calc( 4em - 1em);right:0;margin:.5em;border-radius:5px;border:1px solid #cfcfcf;background-color:#fff;-webkit-transition:left 0.3s ease-in-out;transition:left 0.3s ease-in-out}#WRAPPER>#HEADER>.user-panel>span{display:block;position:relative;color:#000;padding:.5em 1em;padding-left:2em;cursor:pointer}#WRAPPER>#HEADER>.user-panel>span:not(:last-child){border-bottom:1px solid #ddd}#WRAPPER>#HEADER>.user-panel>span:hover{background-color:#eee}#WRAPPER>#HEADER>#toggle-user-panel{display:none}#WRAPPER>#HEADER>#toggle-user-panel+.user-panel{left:100%}#WRAPPER>#HEADER>#toggle-user-panel:checked+.user-panel{left:auto}#WRAPPER>#HEADER>#toggle-user-panel:checked+.user-panel:before{left:7em}
/*# sourceMappingURL=data:application/json;base64,ewoJInZlcnNpb24iOiAzLAoJImZpbGUiOiAibWluLmNzcyIsCgkic291cmNlcyI6IFsKCQkiLi4vaGVhZGVyLnNjc3MiLAoJCSIuLi9jb25zdGFudHMuc2NzcyIKCV0sCgkic291cmNlc0NvbnRlbnQiOiBbCgkJIkBpbXBvcnQgJ2NvbnN0YW50cyc7XG5cblxuI1dSQVBQRVIgPiAjSEVBREVSe1xuXG5cdC8qIFsxXSBCYXJyZSBkZSByZWNoZXJjaGVcblx0PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09Ki9cblx0JiA+ICNzZWFyY2hiYXJ7XG5cdFx0ZGlzcGxheTogaW5saW5lLWJsb2NrO1xuXHRcdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0XHRcdHRvcDogLjhlbTtcblx0XHRcdGxlZnQ6IDFlbTtcblx0XHRcdHdpZHRoOiAyMGVtO1xuXHRcdFx0aGVpZ2h0OiAyZW07XG5cblx0XHRwYWRkaW5nOiAuMmVtIDFlbTtcblxuXHRcdGJvcmRlcjogMDtcblx0XHRib3JkZXItcmFkaXVzOiAzcHg7XG5cblx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAkdGhlbWUtYmc7XG5cblx0fVxuXG5cdC8qIFsyXSBJbmZvcm1hdGlvbnMgdXRpbGlzYXRldXJcblx0PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09Ki9cblx0LyogKDApIENvbnRlbmV1ciAqL1xuXHQmID4gI3VzZXItZGF0YXtcblx0XHRkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG5cdFx0cG9zaXRpb246IGFic29sdXRlO1xuXHRcdFx0dG9wOiAwO1xuXHRcdFx0cmlnaHQ6IDA7XG5cdFx0XHRoZWlnaHQ6IGNhbGMoIDEwMCUgLSAyKjFlbSApO1xuXG5cblx0XHQvKiAoMSkgVXNlcm5hbWUgZGUgbCd1dGlsaXNhdGV1ciAqL1xuXHRcdCYgPiAjdXNlci1uYW1le1xuXHRcdFx0ZGlzcGxheTogYmxvY2s7XG5cdFx0XHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdFx0XHRcdHRvcDogMDtcblx0XHRcdFx0cmlnaHQ6IGNhbGMoICN7JGhlYWRlci1oZWlnaHR9KjIgLSAxZW0gKTtcblx0XHRcdFx0aGVpZ2h0OiAkaGVhZGVyLWhlaWdodDtcblxuXHRcdFx0cGFkZGluZzogMCAxZW07XG5cblx0XHRcdGNvbG9yOiAjNTU1O1xuXHRcdFx0bGluZS1oZWlnaHQ6ICRoZWFkZXItaGVpZ2h0O1xuXHRcdFx0d2hpdGUtc3BhY2U6IG5vd3JhcDtcblx0XHRcdGZvbnQtd2VpZ2h0OiBib2xkO1xuXG5cdFx0XHRjdXJzb3I6IHBvaW50ZXI7XG5cblx0XHR9XG5cblxuXHRcdC8qICgyKSBJbWFnZSBkdSBwcm9maWwgKi9cblx0XHQmID4gI3VzZXItcGljdHVyZXtcblx0XHRcdGRpc3BsYXk6IGJsb2NrO1xuXHRcdFx0cG9zaXRpb246IGFic29sdXRlO1xuXHRcdFx0XHR0b3A6IDEuNWVtO1xuXHRcdFx0XHRyaWdodDogJGhlYWRlci1oZWlnaHQ7XG5cdFx0XHRcdHdpZHRoOiBjYWxjKCAjeyRoZWFkZXItaGVpZ2h0fSAtIDIqMS41ZW0gKTtcblx0XHRcdFx0aGVpZ2h0OiBjYWxjKCAjeyRoZWFkZXItaGVpZ2h0fSAtIDIqMS41ZW0gKTtcblxuXG5cdFx0XHRib3JkZXItcmFkaXVzOiA1MCUgLyA1MCU7XG5cblx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR0aGVtZS1iZztcblx0XHRcdGJhY2tncm91bmQtc2l6ZTogYXV0byA4MCU7XG5cblx0XHRcdC8vIFNpIG9uIGVzdCBjb25uZWN0ZVxuXHRcdFx0Ji5hY3RpdmV7XG5cdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR0aGVtZS1mZy1wcmltYXJ5O1xuXHRcdFx0XHRiYWNrZ3JvdW5kLWltYWdlOiB1cmwoJy9zcmMvZHluYW1pYy9wcm9maWxlL3NhbXBsZS5zdmcnKTtcblx0XHRcdFx0YmFja2dyb3VuZC1zaXplOiBhdXRvIDEwMCU7XG5cdFx0XHR9XG5cblx0XHRcdGN1cnNvcjogZGVmYXVsdDtcblxuXHRcdFx0YWxpZ24tc2VsZjogY2VudGVyO1xuXHRcdH1cblxuXG5cblx0XHQvKiAoMykgSWNvbmUgZCdhY3RpdmF0aW9uICovXG5cdFx0JjpiZWZvcmV7XG5cdFx0XHRjb250ZW50OiAnJztcblx0XHRcdGRpc3BsYXk6IGJsb2NrO1xuXHRcdFx0cG9zaXRpb246IGFic29sdXRlO1xuXHRcdFx0XHR0b3A6IDA7XG5cdFx0XHRcdHJpZ2h0OiAwO1xuXHRcdFx0XHR3aWR0aDogJGhlYWRlci1oZWlnaHQ7XG5cdFx0XHRcdGhlaWdodDogJGhlYWRlci1oZWlnaHQ7XG5cblx0XHRcdGJhY2tncm91bmQ6IHVybCgnL3NyYy9zdGF0aWMvaGVhZGVyL2V4cGFuZEAwMDAwMDAuc3ZnJykgY2VudGVyIGNlbnRlciBuby1yZXBlYXQ7XG5cdFx0XHRiYWNrZ3JvdW5kLXNpemU6IDFlbSAxZW07XG5cblx0XHRcdGN1cnNvcjogcG9pbnRlcjtcblxuXHRcdH1cblxuXG5cdH1cblxuXG5cblx0LyogWzNdIE1lbnUgZGVyb3VsYW50IHBvdXIgbCdhZG1pbmlzdHJhdGlvbiBkdSBwcm9maWxcblx0PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09Ki9cblx0JiA+IC51c2VyLXBhbmVse1xuXHRcdGRpc3BsYXk6IGJsb2NrO1xuXHRcdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0XHRcdHRvcDogY2FsYyggI3skaGVhZGVyLWhlaWdodH0gLSAxZW0gKTtcblx0XHRcdHJpZ2h0OiAwO1xuXG5cdFx0bWFyZ2luOiAuNWVtO1xuXG5cdFx0Ym9yZGVyLXJhZGl1czogNXB4O1xuXHRcdGJvcmRlcjogMXB4IHNvbGlkIGRhcmtlbigkdGhlbWUtYmcsIDEwKTtcblxuXHRcdGJhY2tncm91bmQtY29sb3I6ICNmZmY7XG5cblx0XHRAaW5jbHVkZSB0cmFuc2l0aW9uKCBsZWZ0IC4zcyBlYXNlLWluLW91dCApO1xuXG5cblx0XHQvKiAoMSkgUG91ciBjaGFxdWUgZWxlbWVudCBkdSBtZW51ICovXG5cdFx0JiA+IHNwYW57XG5cdFx0XHRkaXNwbGF5OiBibG9jaztcblx0XHRcdHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuXHRcdFx0Ly8gT24gYWpvdXRlIHVuZSBsaWduZSBlbiBkZXNzb3VzIHNhdWYgcG91ciBsZSBkZXJuaWVyXG5cdFx0XHQmOm5vdCg6bGFzdC1jaGlsZCl7XG5cdFx0XHRcdGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAjZGRkO1xuXHRcdFx0fVxuXG5cdFx0XHRjb2xvcjogIzAwMDtcblx0XHRcdHBhZGRpbmc6IC41ZW0gMWVtO1xuXHRcdFx0cGFkZGluZy1sZWZ0OiAyZW07XG5cblx0XHRcdGN1cnNvcjogcG9pbnRlcjtcblxuXHRcdFx0Ly8gQGhvdmVyXG5cdFx0XHQmOmhvdmVye1xuX