3 lines
7.9 KiB
CSS
3 lines
7.9 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,ewoJInZlcnNpb24iOiAzLAoJImZpbGUiOiAibm90aWYuY3NzIiwKCSJzb3VyY2VzIjogWwoJCSIuLi9ub3RpZi5zY3NzIgoJXSwKCSJzb3VyY2VzQ29udGVudCI6IFsKCQkiYm9keSA+ICNub3RpZmljYXRpb24tY29udGFpbmVye1xuXG5cdGRpc3BsYXk6IGZsZXg7XG5cdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0XHRib3R0b206IDA7XG5cdFx0bGVmdDogMDtcblx0XHR3aWR0aDogMTAwJTtcblxuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRmbGV4LXdyYXA6IG5vd3JhcDtcblxuXHR6LWluZGV4OiAyMDA7XG5cdHBvaW50ZXItZXZlbnRzOiBub25lO1xuXG5cblx0Lm5vdGlmaWNhdGlvbi1lbGVtZW50e1xuXHRcdGRpc3BsYXk6IGJsb2NrO1xuXHRcdHBvc2l0aW9uOiByZWxhdGl2ZTtcblx0XHRcdG1hcmdpbjogLjJlbSBhdXRvO1xuXHRcdFx0cGFkZGluZzogMCAxZW07XG5cblx0XHRib3JkZXItcmFkaXVzOiAzcHg7XG5cdFx0Ym9yZGVyOiAxcHggc29saWQgI2RkZDtcblx0XHRib3JkZXItYm90dG9tOiAxcHggc29saWQgZGFya2VuKCNkZGQsIDEwKTtcblx0XHRib3gtc2hhZG93OiBpbnNldCAwIDAgMWVtICNlZWU7XG5cblx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmO1xuXG5cdFx0cG9pbnRlci1ldmVudHM6IGFsbDtcblx0XHRjdXJzb3I6IGRlZmF1bHQ7XG5cblx0XHQvLyBFQ0FSVEVNRU5UIERVIEJPVFRPTSBQT1VSIExFIERFUk5JRVJcblx0XHQmOmxhc3QtY2hpbGR7XG5cdFx0XHRtYXJnaW4tYm90dG9tOiAxZW07XG5cdFx0fVxuXG5cblx0XHQvLyBBTklNQVRJT04gREUgZmFkZUluICsgZmFkZU91dFxuXHRcdHRyYW5zaXRpb246IG9wYWNpdHkgLjVzIGVhc2UtaW4tb3V0O1xuXHRcdG9wYWNpdHk6IDA7XG5cblx0XHQmLm5vdGlmaWNhdGlvbi12aXNpYmxle1xuXHRcdFx0b3BhY2l0eTogMTtcblx0XHR9XG5cblxuXHRcdC8vIEFOSU1BVElPTiBERSBASE9WRVJcblx0XHQmOmhvdmVye1xuXHRcdFx0Ym94LXNoYWRvdzogaW5zZXQgMCAwIDFlbSAjZWVlLCAwIDAgMWVtICM1NTU7XG5cdFx0fVxuXG5cblxuXHRcdC8vIFRJVFJFIEVUIEJPVUxFIERFIENPVUxFVVJcblx0XHRzdHJvbmc6Zmlyc3QtY2hpbGR7XG5cblx0XHRcdHRleHQtdHJhbnNmb3JtOiB1cHBlcmNhc2U7XG5cdFx0XHRwYWRkaW5nLWxlZnQ6IDEuNWVtO1xuXG5cdFx0XHQmOmJlZm9yZXtcblx0XHRcdFx0Y29udGVudDogJyc7XG5cdFx0XHRcdGRpc3BsYXk6IGlubGluZS1ibG9jaztcblx0XHRcdFx0cG9zaXRpb246IGFic29sdXRlO1xuXHRcdFx0XHR0b3A6IDEuMmVtO1xuXHRcdFx0XHRsZWZ0OiAxZW07XG5cdFx0XHRcdHdpZHRoOiAuOWVtO1xuXHRcdFx0XHRoZWlnaHQ6IC45ZW07XG5cblx0XHRcdFx0Ym9yZGVyLXJhZGl1czogNTAlIC8gNTAlO1xuXHRcdFx0XHRib3gtc2hhZG93OiBpbnNldCAtMXB4IDFweCAycHggcmdiYSg1MCwgNTAsIDUwLCAuNSk7XG5cdFx0XHR9XG5cblx0XHR9XG5cblx0XHQvLyBESUZGRVJFTlRTIFRIRU1FU1xuXHRcdC8vIFdBUk5JTkdcblx0XHQmW2RhdGEtd2FybmluZ117XG5cdFx0XHRib3JkZXItY29sb3I6ICNkZDZhNDU7XG5cdFx0XHRib3JkZXItYm90dG9tLWNvbG9yOiBkYXJrZW4oI2RkNmE0NSwgMTApO1xuXHRcdFx0c3Ryb25nOmZpcnN0LWNoaWxkeyAmOmJlZm9yZXsgYmFja2dyb3VuZC1jb2xvcjogI2RkNmE0NTsgfSB9XG5cdFx0fVxuXHRcdC8vIElORk9cblx0XHQmW2RhdGEtaW5mb117XG5cdFx0XHRib3JkZXItY29sb3I6ICMyMTk1ZGE7XG5cdFx0XHRib3JkZXItYm90dG9tLWNvbG9yOiBkYXJrZW4oIzIxOTVkYSwgMTApO1xuXHRcdFx0c3Ryb25nOmZpcnN0LWNoaWxkeyAmOmJlZm9yZXsgYmFja2dyb3VuZC1jb2xvcjogIzIxOTVkYTsgfSB9XG5cdFx0fVxuXHRcdC8vIFNVQ0NFU1Ncblx0XHQmW2RhdGEtc3VjY2Vzc117XG5cdFx0XHRib3JkZXItY29sb3I6ICM1ZmNhNGE7XG5cdFx0XHRib3JkZXItYm90dG9tLWNvbG9yOiBkYXJrZW4oIzVmY2E0YSwgMTApO1xuXHRcdFx0c3Ryb25nOmZpcnN0LWNoaWxkeyAmOmJlZm9yZXsgYmFja2dyb3VuZC1jb2xvcjogIzVmY2E0YTsgfSB9XG5cdFx0XHR9XG5cdFx0Ly8gRVJST1Jcblx0XHQmW2RhdGEtZXJyb3Jde1xuXHRcdFx0Ym9yZGVyLWNvbG9yOiAjZDk0NzQ3O1xuXHRcdFx0Ym9yZGVyLWJvdHRvbS1jb2xvcjogZGFya2VuKCNkOTQ3NDcsIDEwKTtcblx0XHRcdHN0cm9uZzpmaXJzdC1jaGlsZHsgJjpiZWZvcmV7IGJhY2tncm91bmQtY29sb3I6ICNkOTQ3NDc7IH0gfVxuXHRcdH1cblxuXG5cdH1cblxufVxuIgoJXSwKCSJtYXBwaW5ncyI6ICJBQUFBLEFBQU8sSUFBSCxDQUFHLHVCQUF1QixBQUFBLENBRTdCLE9BQU8sQ0FBRSxJQUFLLENBQ2QsUUFBUSxDQUFFLFFBQVMsQ0FDbEIsTUFBTSxDQUFFLENBQUUsQ0FDVixJQUFJLENBQUUsQ0FBRSxDQUNSLEtBQUssQ0FBRSxJQUFLLENBRWIsY0FBYyxDQUFFLE1BQU8sQ0FDdkIsU0FBUyxDQUFFLE1BQU8sQ0FFbEIsT0FBTyxDQUFFLEdBQUksQ0FDYixjQUFjLENBQUUsSUFBSyxDQTJGckIsQUF2R0QsQUFlQyxJQWZHLENBQUcsdUJBQXVCLENBZTdCLHFCQUFxQixBQUFBLENBQ3BCLE9BQU8sQ0FBRSxLQUFNLENBQ2YsUUFBUSxDQUFFLFFBQVMsQ0FDbEIsTUFBTSxDQUFFLFNBQVUsQ0FDbEIsT0FBTyxDQUFFLEtBQU0sQ0FFaEIsYUFBYSxDQUFFLEdBQUksQ0FDbkIsTUFBTSxDQUFFLGNBQWUsQ0FDdkIsYUFBYSxDQUFFLEdBQUcs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 */ |