94 lines
8.2 KiB
CSS
94 lines
8.2 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+ICNub3RpZmljYXRpb24tY29udGFpbmVye1xuXG5cdGRpc3BsYXk6IGZsZXg7XG5cdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0XHRib3R0b206IDA7XG5cdFx0bGVmdDogMDtcblx0XHR3aWR0aDogMTAwJTtcblxuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRmbGV4LXdyYXA6IG5vd3JhcDtcblxuXHR6LWluZGV4OiAyMDA7XG5cdHBvaW50ZXItZXZlbnRzOiBub25lO1xuXG5cblx0Lm5vdGlmaWNhdGlvbi1lbGVtZW50e1xuXHRcdGRpc3BsYXk6IGJsb2NrO1xuXHRcdHBvc2l0aW9uOiByZWxhdGl2ZTtcblx0XHRcdG1hcmdpbjogLjJlbSBhdXRvO1xuXHRcdFx0cGFkZGluZzogMCAxZW07XG5cblx0XHRib3JkZXItcmFkaXVzOiAzcHg7XG5cdFx0Ym9yZGVyOiAxcHggc29saWQgI2RkZDtcblx0XHRib3JkZXItYm90dG9tOiAxcHggc29saWQgZGFya2VuKCNkZGQsIDEwKTtcblx0XHRib3gtc2hhZG93OiBpbnNldCAwIDAgMWVtICNlZWU7XG5cblx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmO1xuXG5cdFx0cG9pbnRlci1ldmVudHM6IGFsbDtcblx0XHRjdXJzb3I6IGRlZmF1bHQ7XG5cblx0XHQvLyBFQ0FSVEVNRU5UIERVIEJPVFRPTSBQT1VSIExFIERFUk5JRVJcblx0XHQmOmxhc3QtY2hpbGR7XG5cdFx0XHRtYXJnaW4tYm90dG9tOiAxZW07XG5cdFx0fVxuXG5cblx0XHQvLyBBTklNQVRJT04gREUgZmFkZUluICsgZmFkZU91dFxuXHRcdHRyYW5zaXRpb246IG9wYWNpdHkgLjVzIGVhc2UtaW4tb3V0O1xuXHRcdG9wYWNpdHk6IDA7XG5cblx0XHQmLm5vdGlmaWNhdGlvbi12aXNpYmxle1xuXHRcdFx0b3BhY2l0eTogMTtcblx0XHR9XG5cblxuXHRcdC8vIEFOSU1BVElPTiBERSBASE9WRVJcblx0XHQmOmhvdmVye1xuXHRcdFx0Ym94LXNoYWRvdzogaW5zZXQgMCAwIDFlbSAjZWVlLCAwIDAgMWVtICM1NTU7XG5cdFx0fVxuXG5cblxuXHRcdC8vIFRJVFJFIEVUIEJPVUxFIERFIENPVUxFVVJcblx0XHRzdHJvbmc6Zmlyc3QtY2hpbGR7XG5cblx0XHRcdHRleHQtdHJhbnNmb3JtOiB1cHBlcmNhc2U7XG5cdFx0XHRwYWRkaW5nLWxlZnQ6IDEuNWVtO1xuXG5cdFx0XHQmOmJlZm9yZXtcblx0XHRcdFx0Y29udGVudDogJyc7XG5cdFx0XHRcdGRpc3BsYXk6IGlubGluZS1ibG9jaztcblx0XHRcdFx0cG9zaXRpb246IGFic29sdXRlO1xuXHRcdFx0XHR0b3A6IDEuMmVtO1xuXHRcdFx0XHRsZWZ0OiAxZW07XG5cdFx0XHRcdHdpZHRoOiAuOWVtO1xuXHRcdFx0XHRoZWlnaHQ6IC45ZW07XG5cblx0XHRcdFx0Ym9yZGVyLXJhZGl1czogNTAlIC8gNTAlO1xuXHRcdFx0XHRib3gtc2hhZG93OiBpbnNldCAtMXB4IDFweCAycHggcmdiYSg1MCwgNTAsIDUwLCAuNSk7XG5cdFx0XHR9XG5cblx0XHR9XG5cblx0XHQvLyBESUZGRVJFTlRTIFRIRU1FU1xuXHRcdC8vIFdBUk5JTkdcblx0XHQmW2RhdGEtd2FybmluZ117XG5cdFx0XHRib3JkZXItY29sb3I6ICNkZDZhNDU7XG5cdFx0XHRib3JkZXItYm90dG9tLWNvbG9yOiBkYXJrZW4oI2RkNmE0NSwgMTApO1xuXHRcdFx0c3Ryb25nOmZpcnN0LWNoaWxkeyAmOmJlZm9yZXsgYmFja2dyb3VuZC1jb2xvcjogI2RkNmE0NTsgfSB9XG5cdFx0fVxuXHRcdC8vIElORk9cblx0XHQmW2RhdGEtaW5mb117XG5cdFx0XHRib3JkZXItY29sb3I6ICMyMTk1ZGE7XG5cdFx0XHRib3JkZXItYm90dG9tLWNvbG9yOiBkYXJrZW4oIzIxOTVkYSwgMTApO1xuXHRcdFx0c3Ryb25nOmZpcnN0LWNoaWxkeyAmOmJlZm9yZXsgYmFja2dyb3VuZC1jb2xvcjogIzIxOTVkYTsgfSB9XG5cdFx0fVxuXHRcdC8vIFNVQ0NFU1Ncblx0XHQmW2RhdGEtc3VjY2Vzc117XG5cdFx0XHRib3JkZXItY29sb3I6ICM1ZmNhNGE7XG5cdFx0XHRib3JkZXItYm90dG9tLWNvbG9yOiBkYXJrZW4oIzVmY2E0YSwgMTApO1xuXHRcdFx0c3Ryb25nOmZpcnN0LWNoaWxkeyAmOmJlZm9yZXsgYmFja2dyb3VuZC1jb2xvcjogIzVmY2E0YTsgfSB9XG5cdFx0XHR9XG5cdFx0Ly8gRVJST1Jcblx0XHQmW2RhdGEtZXJyb3Jde1xuXHRcdFx0Ym9yZGVyLWNvbG9yOiAjZDk0NzQ3O1xuXHRcdFx0Ym9yZGVyLWJvdHRvbS1jb2xvcjogZGFya2VuKCNkOTQ3NDcsIDEwKTtcblx0XHRcdHN0cm9uZzpmaXJzdC1jaGlsZHsgJjpiZWZvcmV7IGJhY2tncm91bmQtY29sb3I6ICNkOTQ3NDc7IH0gfVxuXHRcdH1cblxuXG5cdH1cblxufVxuIgoJXSwKCSJtYXBwaW5ncyI6ICJBQUFBLEFBQU8sSUFBSCxHQUFHLHVCQUF1QixDQUFBO0VBRTdCLE9BQU8sRUFBRSxJQUFLO0VBQ2QsUUFBUSxFQUFFLFFBQVM7RUFDbEIsTUFBTSxFQUFFLENBQUU7RUFDVixJQUFJLEVBQUUsQ0FBRTtFQUNSLEtBQUssRUFBRSxJQUFLO0VBRWIsY0FBYyxFQUFFLE1BQU87RUFDdkIsU0FBUyxFQUFFLE1BQU87RUFFbEIsT0FBTyxFQUFFLEdBQUk7RUFDYixjQUFjLEVBQUUsSUFBSztDQTJGckI7O0FBdkdELEFBZUMsSUFmRyxHQUFHLHVCQUF1QixDQWU3QixxQkFBcUIsQ0FBQTtFQUNwQixPQUFPLEVBQUUsS0FBTTtFQUNmLFFBQVEsRUFBRSxRQUFTO0VBQ2xCLE1BQU0sRUFBRSxTQUFVO0VBQ2xCLE9BQU8sRUFBRSxLQUFNO0VBRWhCLGFBQWEsRUFBRSxHQUFJO0VBQ25CLE1BQU0sRUFBRSxjQUFlO0VBQ3ZCLGFBQWEsRUFBRSxHQUFH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 */ |