3 lines
6.5 KiB
CSS
3 lines
6.5 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 #bbb;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 20px #aaa}body>#notification-container .notification-element strong[class]{text-transform:uppercase;padding-left:1.5em}body>#notification-container .notification-element strong[class]: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);background-color:red}body>#notification-container .notification-element strong[class].warning:before{background-color:#dd6a45}body>#notification-container .notification-element strong[class].info:before{background-color:#2195da}body>#notification-container .notification-element strong[class].success:before{background-color:#5fca4a}body>#notification-container .notification-element strong[class].error:before{background-color:#d94747}
|
|
|
|
/*# sourceMappingURL=data:application/json;base64,ewoJInZlcnNpb24iOiAzLAoJImZpbGUiOiAibWluLmNzcyIsCgkic291cmNlcyI6IFsKCQkiLi4vbm90aWYuc2NzcyIKCV0sCgkic291cmNlc0NvbnRlbnQiOiBbCgkJImJvZHkgPiAjbm90aWZpY2F0aW9uLWNvbnRhaW5lcntcblxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICBib3R0b206IDA7XG4gICAgICAgIGxlZnQ6IDA7XG4gICAgICAgIHdpZHRoOiAxMDAlO1xuXG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBmbGV4LXdyYXA6IG5vd3JhcDtcblxuICAgIHotaW5kZXg6IDIwMDtcbiAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcblxuXG4gICAgLm5vdGlmaWNhdGlvbi1lbGVtZW50e1xuICAgICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgICAgICAgbWFyZ2luOiAuMmVtIGF1dG87XG4gICAgICAgICAgICBwYWRkaW5nOiAwIDFlbTtcblxuICAgICAgICBib3JkZXItcmFkaXVzOiAzcHg7XG4gICAgICAgIGJvcmRlcjogMXB4IHNvbGlkICNkZGQ7XG4gICAgICAgIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAjYmJiO1xuICAgICAgICBib3gtc2hhZG93OiBpbnNldCAwIDAgMWVtICNlZWU7XG5cbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZjtcblxuICAgICAgICBwb2ludGVyLWV2ZW50czogYWxsO1xuICAgICAgICBjdXJzb3I6IGRlZmF1bHQ7XG5cbiAgICAgICAgLy8gRUNBUlRFTUVOVCBEVSBCT1RUT00gUE9VUiBMRSBERVJOSUVSXG4gICAgICAgICY6bGFzdC1jaGlsZHtcbiAgICAgICAgICAgIG1hcmdpbi1ib3R0b206IDFlbTtcbiAgICAgICAgfVxuXG5cbiAgICAgICAgLy8gQU5JTUFUSU9OIERFIGZhZGVJbiArIGZhZGVPdXRcbiAgICAgICAgdHJhbnNpdGlvbjogb3BhY2l0eSAuNXMgZWFzZS1pbi1vdXQ7XG4gICAgICAgIG9wYWNpdHk6IDA7XG5cbiAgICAgICAgJi5ub3RpZmljYXRpb24tdmlzaWJsZXtcbiAgICAgICAgICAgIG9wYWNpdHk6IDE7XG4gICAgICAgIH1cblxuXG4gICAgICAgIC8vIEFOSU1BVElPTiBERSBASE9WRVJcbiAgICAgICAgJjpob3ZlcntcbiAgICAgICAgICAgIGJveC1zaGFkb3c6IGluc2V0IDAgMCAxZW0gI2VlZSwgMCAwIDIwcHggI2FhYTtcbiAgICAgICAgfVxuXG5cblxuICAgICAgICAvLyBESUZGRVJFTlRTIFRIRU1FU1xuICAgICAgICBzdHJvbmdbY2xhc3Nde1xuXG4gICAgICAgICAgICB0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlO1xuICAgICAgICAgICAgcGFkZGluZy1sZWZ0OiAxLjVlbTtcblxuICAgICAgICAgICAgJjpiZWZvcmV7XG4gICAgICAgICAgICAgICAgY29udGVudDogJyc7XG4gICAgICAgICAgICAgICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICAgICAgICAgICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgICAgICAgICB0b3A6IDEuMmVtO1xuICAgICAgICAgICAgICAgIGxlZnQ6IDFlbTtcbiAgICAgICAgICAgICAgICB3aWR0aDogLjllbTtcbiAgICAgICAgICAgICAgICBoZWlnaHQ6IC45ZW07XG5cbiAgICAgICAgICAgICAgICBib3JkZXItcmFkaXVzOiA1MCUgLyA1MCU7XG4gICAgICAgICAgICAgICAgYm94LXNoYWRvdzogaW5zZXQgLTFweCAxcHggMnB4IHJnYmEoNTAsIDUwLCA1MCwgLjUpO1xuXG4gICAgICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogcmVkO1xuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAvLyBXQVJOSU5HXG4gICAgICAgICAgICAmLndhcm5pbmc6YmVmb3JleyBiYWNrZ3JvdW5kLWNvbG9yOiAjZGQ2YTQ1OyB9XG4gICAgICAgICAgICAvLyBJTkZPXG4gICAgICAgICAgICAmLmluZm86YmVmb3JleyBiYWNrZ3JvdW5kLWNvbG9yOiAjMjE5NWRhOyB9XG4gICAgICAgICAgICAvLyBTVUNDRVNTXG4gICAgICAgICAgICAmLnN1Y2Nlc3M6YmVmb3JleyBiYWNrZ3JvdW5kLWNvbG9yOiAjNWZjYTRhOyB9XG4gICAgICAgICAgICAvLyBFUlJPUlxuICAgICAgICAgICAgJi5lcnJvcjpiZWZvcmV7IGJhY2tncm91bmQtY29sb3I6ICNkOTQ3NDc7IH1cbiAgICAgICAgfVxuXG5cbiAgICB9XG5cbn1cbiIKCV0sCgkibWFwcGluZ3MiOiAiQUFBQSxJQUFJLENBQUcsdUJBQXVCLEFBQUEsQ0FFMUIsT0FBTyxDQUFFLElBQUssQ0FDZCxRQUFRLENBQUUsUUFBUyxDQUNmLE1BQU0sQ0FBRSxDQUFFLENBQ1YsSUFBSSxDQUFFLENBQUUsQ0FDUixLQUFLLENBQUUsSUFBSyxDQUVoQixjQUFjLENBQUUsTUFBTyxDQUN2QixTQUFTLENBQUUsTUFBTyxDQUVsQixPQUFPLENBQUUsR0FBSSxDQUNiLGNBQWMsQ0FBRSxJQUFLLENBMkV4QixBQXZGRCxJQUFJLENBQUcsdUJBQXVCLENBZTFCLHFCQUFxQixBQUFBLENBQ2pCLE9BQU8sQ0FBRSxLQUFNLENBQ2YsUUFBUSxDQUFFLFFBQVMsQ0FDZixNQUFNLENBQUUsU0FBVSxDQUNsQixPQUFPLENBQUUsS0FBTSxDQUVuQixhQUFhLENBQUUsR0FBSSxDQUNuQixNQUFNLENBQUUsY0FBZSxDQUN2QixhQUFhLENBQUUsY0FBZSxDQUM5QixVQUFVLENBQUUsa0JBQW1CLENBRS9CLGdCQUFnQixDQUFFLElBQUssQ0FFdkIsY0FBYyxDQUFFLEdBQUksQ0FDcEIsTUFBTSxDQUFFLE9BQVEsQ0FTaEIsVUFBVSxDQUFFLHVCQUF3QixDQUNwQyxPQUFPLENBQUUsQ0FBRSxDQThDZCxBQXJGTCxJQUFJLENBQUcsdUJBQXVCLENBZTFCLHFCQUFxQixBQWlCaEIsV0FBVyxBQUFBLENBQ1IsYUFBYSxDQUFFLEdBQUksQ0FDdEIsQUFsQ1QsSUFBSSxDQUFHLHVCQUF1QixDQWUxQixxQkFBcUIsQUEwQmhCLHFCQUFxQixBQUFBLENBQ2xCLE9BQU8sQ0FBRSxDQUFFLENBQ2QsQUEzQ1QsSUFBSSxDQUFHLHVCQUF1QixDQWUxQixxQkFBcUIsQUFnQ2hCLE1BQU0sQUFBQSxDQUNILFVBQVUsQ0FBRSxpQ0FBa0MsQ0FDakQsQUFqRFQsSUFBSSxDQUFHLHVCQUF1QixDQWUxQixxQkFBcUIsQ0F1Q2pCLE1BQU0sQ0FBQSxBQUFBLEtBQUMsQUFBQSxDQUFNLENBRVQsY0FBYyxDQUFFLFNBQVUsQ0FDMUIsWUFBWSxDQUFFLEtBQU0sQ0F5QnZCLEFBbEZULElBQUksQ0FBRyx1QkFBdUIsQ0FlMUIscUJBQXFCLENBdUNqQixNQUFNLENBQUEsQUFBQSxLQUFDLEFBQUEsQ0FLRixPQUFPLEFBQUEsQ0FDSixPQUFPLENBQUUsRUFBRyxDQUNaLE9BQU8sQ0FBRSxZQUFhLENBQ3RCLFFBQVEsQ0FBRSxRQUFTLENBQ25CLEdBQUcsQ0FBRSxLQUFNLENBQ1gsSUFBSSxDQUFFLEdBQUksQ0FDVixLQUFLLENBQUUsSUFBSyxDQUNaLE1BQU0sQ0FBRSxJQUFLLENBRWIsYUFBYSxDQUFFLFNBQVUsQ0FDekIsVUFBVSxDQUFFLEtBQUssQ0FBRSxJQUFHLENBQUMsR0FBRyxDQUFDLEdBQUcsQ0FBQyxrQkFBSSxDQUVuQyxnQkFBZ0IsQ0FBRSxHQUFJLENBQ3pCLEFBeEViLElBQUksQ0FBRyx1QkFBdUIsQ0FlMUIscUJBQXFCLENBdUNqQixNQUFNLENBQUEsQUFBQSxLQUFDLEFBQUEsQ0FxQkYsUUFBUSxBQUFBLE9BQU8sQUFBQSxDQUFFLGdCQUFnQixDQUFFLE9BQVEsQ0FBSSxBQTNFNUQsSUFBSSxDQUFHLHVCQUF1QixDQWUxQixxQkFBcUIsQ0F1Q2pCLE1BQU0sQ0FBQSxBQUFBLEtBQUMsQUFBQSxDQXVCRixLQUFLLEFBQUEsT0FBTyxBQUFBLENBQUUsZ0JBQWdCLENBQUUsT0FBUSxDQUFJLEFBN0V6RCxJQUFJLENBQUcsdUJBQXVCLENBZTFCLHFCQUFxQixDQXVDakIsTUFBTSxDQUFBLEFBQUEsS0FBQyxBQUFBLENBeUJGLFFBQVEsQUFBQSxPQUFPLEFBQUEsQ0FBRSxnQkFBZ0IsQ0FBRSxPQUFRLENBQUksQUEvRTVELElBQUksQ0FBRyx1QkFBdUIsQ0FlMUIscUJBQXFCLENBdUNqQixNQUFNLENBQUEsQUFBQSxLQUFDLEFBQUEsQ0EyQkYsTUFBTSxBQUFBLE9BQU8sQUFBQSxDQUFFLGdCQUFnQixDQUFFLE9BQVEsQ0FBSSIsCgkibmFtZXMiOiBbXQp9 */ |