3 lines
7.8 KiB
CSS
3 lines
7.8 KiB
CSS
body>#notification-container{display:flex;position:absolute;bottom:0;left:0;width:100%;flex-direction:column;flex-wrap:nowrap;z-index:200;pointer-events:none}body>#notification-container .notification-element{display:block;position:relative;margin:.2em auto;padding:0 1em;border-radius:3px;border:1px solid #ddd;border-bottom:1px solid #c4c4c4;box-shadow:inset 0 0 1em #eee;background-color:#fff;pointer-events:all;cursor:default;transition:opacity .5s ease-in-out;opacity:0}body>#notification-container .notification-element:last-child{margin-bottom:1em}body>#notification-container .notification-element.notification-visible{opacity:1}body>#notification-container .notification-element:hover{box-shadow:inset 0 0 1em #eee, 0 0 1em #555}body>#notification-container .notification-element strong:first-child{text-transform:uppercase;padding-left:1.5em}body>#notification-container .notification-element strong:first-child:before{content:'';display:inline-block;position:absolute;top:1.2em;left:1em;width:.9em;height:.9em;border-radius:50% / 50%;box-shadow:inset -1px 1px 2px rgba(50,50,50,0.5)}body>#notification-container .notification-element[data-warning]{border-color:#dd6a45;border-bottom-color:#ca4d25}body>#notification-container .notification-element[data-warning] strong:first-child:before{background-color:#dd6a45}body>#notification-container .notification-element[data-info]{border-color:#2195da;border-bottom-color:#1a77ae}body>#notification-container .notification-element[data-info] strong:first-child:before{background-color:#2195da}body>#notification-container .notification-element[data-success]{border-color:#5fca4a;border-bottom-color:#47ae33}body>#notification-container .notification-element[data-success] strong:first-child:before{background-color:#5fca4a}body>#notification-container .notification-element[data-error]{border-color:#d94747;border-bottom-color:#c42929}body>#notification-container .notification-element[data-error] strong:first-child:before{background-color:#d94747}
|
|
|
|
/*# sourceMappingURL=data:application/json;base64,ewoJInZlcnNpb24iOiAzLAoJImZpbGUiOiAibWluLmNzcyIsCgkic291cmNlcyI6IFsKCQkiLi4vbm90aWYuc2NzcyIKCV0sCgkic291cmNlc0NvbnRlbnQiOiBbCgkJImJvZHkgPiAjbm90aWZpY2F0aW9uLWNvbnRhaW5lcntcblxuXHRkaXNwbGF5OiBmbGV4O1xuXHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdFx0Ym90dG9tOiAwO1xuXHRcdGxlZnQ6IDA7XG5cdFx0d2lkdGg6IDEwMCU7XG5cblx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0ZmxleC13cmFwOiBub3dyYXA7XG5cblx0ei1pbmRleDogMjAwO1xuXHRwb2ludGVyLWV2ZW50czogbm9uZTtcblxuXG5cdC5ub3RpZmljYXRpb24tZWxlbWVudHtcblx0XHRkaXNwbGF5OiBibG9jaztcblx0XHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdFx0XHRtYXJnaW46IC4yZW0gYXV0bztcblx0XHRcdHBhZGRpbmc6IDAgMWVtO1xuXG5cdFx0Ym9yZGVyLXJhZGl1czogM3B4O1xuXHRcdGJvcmRlcjogMXB4IHNvbGlkICNkZGQ7XG5cdFx0Ym9yZGVyLWJvdHRvbTogMXB4IHNvbGlkIGRhcmtlbigjZGRkLCAxMCk7XG5cdFx0Ym94LXNoYWRvdzogaW5zZXQgMCAwIDFlbSAjZWVlO1xuXG5cdFx0YmFja2dyb3VuZC1jb2xvcjogI2ZmZjtcblxuXHRcdHBvaW50ZXItZXZlbnRzOiBhbGw7XG5cdFx0Y3Vyc29yOiBkZWZhdWx0O1xuXG5cdFx0Ly8gRUNBUlRFTUVOVCBEVSBCT1RUT00gUE9VUiBMRSBERVJOSUVSXG5cdFx0JjpsYXN0LWNoaWxke1xuXHRcdFx0bWFyZ2luLWJvdHRvbTogMWVtO1xuXHRcdH1cblxuXG5cdFx0Ly8gQU5JTUFUSU9OIERFIGZhZGVJbiArIGZhZGVPdXRcblx0XHR0cmFuc2l0aW9uOiBvcGFjaXR5IC41cyBlYXNlLWluLW91dDtcblx0XHRvcGFjaXR5OiAwO1xuXG5cdFx0Ji5ub3RpZmljYXRpb24tdmlzaWJsZXtcblx0XHRcdG9wYWNpdHk6IDE7XG5cdFx0fVxuXG5cblx0XHQvLyBBTklNQVRJT04gREUgQEhPVkVSXG5cdFx0Jjpob3Zlcntcblx0XHRcdGJveC1zaGFkb3c6IGluc2V0IDAgMCAxZW0gI2VlZSwgMCAwIDFlbSAjNTU1O1xuXHRcdH1cblxuXG5cblx0XHQvLyBUSVRSRSBFVCBCT1VMRSBERSBDT1VMRVVSXG5cdFx0c3Ryb25nOmZpcnN0LWNoaWxke1xuXG5cdFx0XHR0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlO1xuXHRcdFx0cGFkZGluZy1sZWZ0OiAxLjVlbTtcblxuXHRcdFx0JjpiZWZvcmV7XG5cdFx0XHRcdGNvbnRlbnQ6ICcnO1xuXHRcdFx0XHRkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG5cdFx0XHRcdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0XHRcdFx0dG9wOiAxLjJlbTtcblx0XHRcdFx0bGVmdDogMWVtO1xuXHRcdFx0XHR3aWR0aDogLjllbTtcblx0XHRcdFx0aGVpZ2h0OiAuOWVtO1xuXG5cdFx0XHRcdGJvcmRlci1yYWRpdXM6IDUwJSAvIDUwJTtcblx0XHRcdFx0Ym94LXNoYWRvdzogaW5zZXQgLTFweCAxcHggMnB4IHJnYmEoNTAsIDUwLCA1MCwgLjUpO1xuXHRcdFx0fVxuXG5cdFx0fVxuXG5cdFx0Ly8gRElGRkVSRU5UUyBUSEVNRVNcblx0XHQvLyBXQVJOSU5HXG5cdFx0JltkYXRhLXdhcm5pbmdde1xuXHRcdFx0Ym9yZGVyLWNvbG9yOiAjZGQ2YTQ1O1xuXHRcdFx0Ym9yZGVyLWJvdHRvbS1jb2xvcjogZGFya2VuKCNkZDZhNDUsIDEwKTtcblx0XHRcdHN0cm9uZzpmaXJzdC1jaGlsZHsgJjpiZWZvcmV7IGJhY2tncm91bmQtY29sb3I6ICNkZDZhNDU7IH0gfVxuXHRcdH1cblx0XHQvLyBJTkZPXG5cdFx0JltkYXRhLWluZm9de1xuXHRcdFx0Ym9yZGVyLWNvbG9yOiAjMjE5NWRhO1xuXHRcdFx0Ym9yZGVyLWJvdHRvbS1jb2xvcjogZGFya2VuKCMyMTk1ZGEsIDEwKTtcblx0XHRcdHN0cm9uZzpmaXJzdC1jaGlsZHsgJjpiZWZvcmV7IGJhY2tncm91bmQtY29sb3I6ICMyMTk1ZGE7IH0gfVxuXHRcdH1cblx0XHQvLyBTVUNDRVNTXG5cdFx0JltkYXRhLXN1Y2Nlc3Nde1xuXHRcdFx0Ym9yZGVyLWNvbG9yOiAjNWZjYTRhO1xuXHRcdFx0Ym9yZGVyLWJvdHRvbS1jb2xvcjogZGFya2VuKCM1ZmNhNGEsIDEwKTtcblx0XHRcdHN0cm9uZzpmaXJzdC1jaGlsZHsgJjpiZWZvcmV7IGJhY2tncm91bmQtY29sb3I6ICM1ZmNhNGE7IH0gfVxuXHRcdFx0fVxuXHRcdC8vIEVSUk9SXG5cdFx0JltkYXRhLWVycm9yXXtcblx0XHRcdGJvcmRlci1jb2xvcjogI2Q5NDc0Nztcblx0XHRcdGJvcmRlci1ib3R0b20tY29sb3I6IGRhcmtlbigjZDk0NzQ3LCAxMCk7XG5cdFx0XHRzdHJvbmc6Zmlyc3QtY2hpbGR7ICY6YmVmb3JleyBiYWNrZ3JvdW5kLWNvbG9yOiAjZDk0NzQ3OyB9IH1cblx0XHR9XG5cblxuXHR9XG5cbn1cbiIKCV0sCgkibWFwcGluZ3MiOiAiQUFBQSxJQUFJLENBQUcsdUJBQXVCLEFBQUEsQ0FFN0IsT0FBTyxDQUFFLElBQUssQ0FDZCxRQUFRLENBQUUsUUFBUyxDQUNsQixNQUFNLENBQUUsQ0FBRSxDQUNWLElBQUksQ0FBRSxDQUFFLENBQ1IsS0FBSyxDQUFFLElBQUssQ0FFYixjQUFjLENBQUUsTUFBTyxDQUN2QixTQUFTLENBQUUsTUFBTyxDQUVsQixPQUFPLENBQUUsR0FBSSxDQUNiLGNBQWMsQ0FBRSxJQUFLLENBMkZyQixBQXZHRCxJQUFJLENBQUcsdUJBQXVCLENBZTdCLHFCQUFxQixBQUFBLENBQ3BCLE9BQU8sQ0FBRSxLQUFNLENBQ2YsUUFBUSxDQUFFLFFBQVMsQ0FDbEIsTUFBTSxDQUFFLFNBQVUsQ0FDbEIsT0FBTyxDQUFFLEtBQU0sQ0FFaEIsYUFBYSxDQUFFLEdBQUksQ0FDbkIsTUFBTSxDQUFFLGNBQWUsQ0FDdkIsYUFBYSxDQUFFLEdBQUcsQ0FBQyxLQUFLLENB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 */ |