3 lines
11 KiB
CSS
3 lines
11 KiB
CSS
|
#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}#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,ewoJInZlcnNpb24iOiAzLAoJImZpbGUiOiAiaGVhZGVyLmNzcyIsCgkic291cmNlcyI6IFsKCQkiLi4vaGVhZGVyLnNjc3MiLAoJCSIuLi9jb25zdGFudHMuc2NzcyIKCV0sCgkic291cmNlc0NvbnRlbnQiOiBbCgkJIkBpbXBvcnQgJ2NvbnN0YW50cyc7XG5cblxuI1dSQVBQRVIgPiAjSEVBREVSe1xuXG5cdC8qIFsxXSBCYXJyZSBkZSByZWNoZXJjaGVcblx0PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09Ki9cblx0JiA+ICNzZWFyY2hiYXJ7XG5cdFx0ZGlzcGxheTogaW5saW5lLWJsb2NrO1xuXHRcdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0XHRcdHRvcDogLjhlbTtcblx0XHRcdGxlZnQ6IDFlbTtcblx0XHRcdHdpZHRoOiAyMGVtO1xuXHRcdFx0aGVpZ2h0OiAyZW07XG5cblx0XHRwYWRkaW5nOiAuMmVtIDFlbTtcblxuXHRcdGJvcmRlcjogMDtcblx0XHRib3JkZXItcmFkaXVzOiAzcHg7XG5cblx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAkdGhlbWUtYmc7XG5cblx0fVxuXG5cdC8qIFsyXSBJbmZvcm1hdGlvbnMgdXRpbGlzYXRldXJcblx0PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09Ki9cblx0LyogKDApIENvbnRlbmV1ciAqL1xuXHQmID4gI3VzZXItZGF0YXtcblx0XHRkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG5cdFx0cG9zaXRpb246IGFic29sdXRlO1xuXHRcdFx0dG9wOiAwO1xuXHRcdFx0cmlnaHQ6IDA7XG5cdFx0XHRoZWlnaHQ6IGNhbGMoIDEwMCUgLSAyKjFlbSApO1xuXG5cblx0XHQvKiAoMSkgVXNlcm5hbWUgZGUgbCd1dGlsaXNhdGV1ciAqL1xuXHRcdCYgPiAjdXNlci1uYW1le1xuXHRcdFx0ZGlzcGxheTogYmxvY2s7XG5cdFx0XHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdFx0XHRcdHRvcDogMDtcblx0XHRcdFx0cmlnaHQ6IGNhbGMoICN7JGhlYWRlci1oZWlnaHR9KjIgLSAxZW0gKTtcblx0XHRcdFx0aGVpZ2h0OiAkaGVhZGVyLWhlaWdodDtcblxuXHRcdFx0cGFkZGluZzogMCAxZW07XG5cblx0XHRcdGNvbG9yOiAjNTU1O1xuXHRcdFx0bGluZS1oZWlnaHQ6ICRoZWFkZXItaGVpZ2h0O1xuXHRcdFx0d2hpdGUtc3BhY2U6IG5vd3JhcDtcblx0XHRcdGZvbnQtd2VpZ2h0OiBib2xkO1xuXG5cdFx0XHRjdXJzb3I6IHBvaW50ZXI7XG5cblx0XHR9XG5cblxuXHRcdC8qICgyKSBJbWFnZSBkdSBwcm9maWwgKi9cblx0XHQmID4gI3VzZXItcGljdHVyZXtcblx0XHRcdGRpc3BsYXk6IGJsb2NrO1xuXHRcdFx0cG9zaXRpb246IGFic29sdXRlO1xuXHRcdFx0XHR0b3A6IDEuNWVtO1xuXHRcdFx0XHRyaWdodDogJGhlYWRlci1oZWlnaHQ7XG5cdFx0XHRcdHdpZHRoOiBjYWxjKCAjeyRoZWFkZXItaGVpZ2h0fSAtIDIqMS41ZW0gKTtcblx0XHRcdFx0aGVpZ2h0OiBjYWxjKCAjeyRoZWFkZXItaGVpZ2h0fSAtIDIqMS41ZW0gKTtcblxuXG5cdFx0XHRib3JkZXItcmFkaXVzOiA1MCUgLyA1MCU7XG5cblx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR0aGVtZS1iZztcblx0XHRcdGJhY2tncm91bmQtc2l6ZTogYXV0byA4MCU7XG5cblx0XHRcdC8vIFNpIG9uIGVzdCBjb25uZWN0ZVxuXHRcdFx0Ji5hY3RpdmV7XG5cdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR0aGVtZS1mZy1wcmltYXJ5O1xuXHRcdFx0fVxuXG5cdFx0XHRjdXJzb3I6IGRlZmF1bHQ7XG5cblx0XHRcdGFsaWduLXNlbGY6IGNlbnRlcjtcblx0XHR9XG5cblxuXG5cdFx0LyogKDMpIEljb25lIGQnYWN0aXZhdGlvbiAqL1xuXHRcdCY6YmVmb3Jle1xuXHRcdFx0Y29udGVudDogJyc7XG5cdFx0XHRkaXNwbGF5OiBibG9jaztcblx0XHRcdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0XHRcdFx0dG9wOiAwO1xuXHRcdFx0XHRyaWdodDogMDtcblx0XHRcdFx0d2lkdGg6ICRoZWFkZXItaGVpZ2h0O1xuXHRcdFx0XHRoZWlnaHQ6ICRoZWFkZXItaGVpZ2h0O1xuXG5cdFx0XHRiYWNrZ3JvdW5kOiB1cmwoJy9zcmMvc3RhdGljL2hlYWRlci9leHBhbmRAMDAwMDAwLnN2ZycpIGNlbnRlciBjZW50ZXIgbm8tcmVwZWF0O1xuXHRcdFx0YmFja2dyb3VuZC1zaXplOiAxZW0gMWVtO1xuXG5cdFx0XHRjdXJzb3I6IHBvaW50ZXI7XG5cblx0XHR9XG5cblxuXHR9XG5cblxuXG5cdC8qIFszXSBNZW51IGRlcm91bGFudCBwb3VyIGwnYWRtaW5pc3RyYXRpb24gZHUgcHJvZmlsXG5cdD09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PSovXG5cdCYgPiAudXNlci1wYW5lbHtcblx0XHRkaXNwbGF5OiBibG9jaztcblx0XHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdFx0XHR0b3A6IGNhbGMoICN7JGhlYWRlci1oZWlnaHR9IC0gMWVtICk7XG5cdFx0XHRyaWdodDogMDtcblxuXHRcdG1hcmdpbjogLjVlbTtcblxuXHRcdGJvcmRlci1yYWRpdXM6IDVweDtcblx0XHRib3JkZXI6IDFweCBzb2xpZCBkYXJrZW4oJHRoZW1lLWJnLCAxMCk7XG5cblx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmO1xuXG5cdFx0QGluY2x1ZGUgdHJhbnNpdGlvbiggbGVmdCAuM3MgZWFzZS1pbi1vdXQgKTtcblxuXG5cdFx0LyogKDEpIFBvdXIgY2hhcXVlIGVsZW1lbnQgZHUgbWVudSAqL1xuXHRcdCYgPiBzcGFue1xuXHRcdFx0ZGlzcGxheTogYmxvY2s7XG5cdFx0XHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cblx0XHRcdC8vIE9uIGFqb3V0ZSB1bmUgbGlnbmUgZW4gZGVzc291cyBzYXVmIHBvdXIgbGUgZGVybmllclxuXHRcdFx0Jjpub3QoOmxhc3QtY2hpbGQpe1xuXHRcdFx0XHRib3JkZXItYm90dG9tOiAxcHggc29saWQgI2RkZDtcblx0XHRcdH1cblxuXHRcdFx0Y29sb3I6ICMwMDA7XG5cdFx0XHRwYWRkaW5nOiAuNWVtIDFlbTtcblx0XHRcdHBhZGRpbmctbGVmdDogMmVtO1xuXG5cdFx0XHRjdXJzb3I6IHBvaW50ZXI7XG5cblx0XHRcdC8vIEBob3ZlclxuXHRcdFx0Jjpob3Zlcntcblx0XHRcdFx0YmFja2dyb3VuZC1jb2xvcjogI2VlZTtcblx0XHRcdH1cblx0XHR9XG5cblxuXG5cblx0fVxuXG5cdC8qICgzKSBHZXN0aW9uIGRlIGwnYWN0aXZhdGlvbiBvdSBub
|