94 lines
8.6 KiB
CSS
94 lines
8.6 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,ewoJInZlcnNpb24iOiAzLAoJImZpbGUiOiAiZXhwYW5kZWQuY3NzIiwKCSJzb3VyY2VzIjogWwoJCSIuLi9ub3RpZi5zY3NzIgoJXSwKCSJzb3VyY2VzQ29udGVudCI6IFsKCQkiYm9keSA+ICNub3RpZmljYXRpb24tY29udGFpbmVye1xuXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgIGJvdHRvbTogMDtcbiAgICAgICAgbGVmdDogMDtcbiAgICAgICAgd2lkdGg6IDEwMCU7XG5cbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgIGZsZXgtd3JhcDogbm93cmFwO1xuXG4gICAgei1pbmRleDogMjAwO1xuICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuXG5cbiAgICAubm90aWZpY2F0aW9uLWVsZW1lbnR7XG4gICAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgICAgICBtYXJnaW46IC4yZW0gYXV0bztcbiAgICAgICAgICAgIHBhZGRpbmc6IDAgMWVtO1xuXG4gICAgICAgIGJvcmRlci1yYWRpdXM6IDNweDtcbiAgICAgICAgYm9yZGVyOiAxcHggc29saWQgI2RkZDtcbiAgICAgICAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkIGRhcmtlbigjZGRkLCAxMCk7XG4gICAgICAgIGJveC1zaGFkb3c6IGluc2V0IDAgMCAxZW0gI2VlZTtcblxuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmO1xuXG4gICAgICAgIHBvaW50ZXItZXZlbnRzOiBhbGw7XG4gICAgICAgIGN1cnNvcjogZGVmYXVsdDtcblxuICAgICAgICAvLyBFQ0FSVEVNRU5UIERVIEJPVFRPTSBQT1VSIExFIERFUk5JRVJcbiAgICAgICAgJjpsYXN0LWNoaWxke1xuICAgICAgICAgICAgbWFyZ2luLWJvdHRvbTogMWVtO1xuICAgICAgICB9XG5cblxuICAgICAgICAvLyBBTklNQVRJT04gREUgZmFkZUluICsgZmFkZU91dFxuICAgICAgICB0cmFuc2l0aW9uOiBvcGFjaXR5IC41cyBlYXNlLWluLW91dDtcbiAgICAgICAgb3BhY2l0eTogMDtcblxuICAgICAgICAmLm5vdGlmaWNhdGlvbi12aXNpYmxle1xuICAgICAgICAgICAgb3BhY2l0eTogMTtcbiAgICAgICAgfVxuXG5cbiAgICAgICAgLy8gQU5JTUFUSU9OIERFIEBIT1ZFUlxuICAgICAgICAmOmhvdmVye1xuICAgICAgICAgICAgYm94LXNoYWRvdzogaW5zZXQgMCAwIDFlbSAjZWVlLCAwIDAgMWVtICM1NTU7XG4gICAgICAgIH1cblxuXG5cbiAgICAgICAgLy8gVElUUkUgRVQgQk9VTEUgREUgQ09VTEVVUlxuICAgICAgICBzdHJvbmc6Zmlyc3QtY2hpbGR7XG5cbiAgICAgICAgICAgIHRleHQtdHJhbnNmb3JtOiB1cHBlcmNhc2U7XG4gICAgICAgICAgICBwYWRkaW5nLWxlZnQ6IDEuNWVtO1xuXG4gICAgICAgICAgICAmOmJlZm9yZXtcbiAgICAgICAgICAgICAgICBjb250ZW50OiAnJztcbiAgICAgICAgICAgICAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gICAgICAgICAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICAgICAgICAgIHRvcDogMS4yZW07XG4gICAgICAgICAgICAgICAgbGVmdDogMWVtO1xuICAgICAgICAgICAgICAgIHdpZHRoOiAuOWVtO1xuICAgICAgICAgICAgICAgIGhlaWdodDogLjllbTtcblxuICAgICAgICAgICAgICAgIGJvcmRlci1yYWRpdXM6IDUwJSAvIDUwJTtcbiAgICAgICAgICAgICAgICBib3gtc2hhZG93OiBpbnNldCAtMXB4IDFweCAycHggcmdiYSg1MCwgNTAsIDUwLCAuNSk7XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgfVxuXG4gICAgICAgIC8vIERJRkZFUkVOVFMgVEhFTUVTXG4gICAgICAgIC8vIFdBUk5JTkdcbiAgICAgICAgJltkYXRhLXdhcm5pbmdde1xuICAgICAgICAgICAgYm9yZGVyLWNvbG9yOiAjZGQ2YTQ1O1xuICAgICAgICAgICAgYm9yZGVyLWJvdHRvbS1jb2xvcjogZGFya2VuKCNkZDZhNDUsIDEwKTtcbiAgICAgICAgICAgIHN0cm9uZzpmaXJzdC1jaGlsZHsgJjpiZWZvcmV7IGJhY2tncm91bmQtY29sb3I6ICNkZDZhNDU7IH0gfVxuICAgICAgICB9XG4gICAgICAgIC8vIElORk9cbiAgICAgICAgJltkYXRhLWluZm9de1xuICAgICAgICAgICAgYm9yZGVyLWNvbG9yOiAjMjE5NWRhO1xuICAgICAgICAgICAgYm9yZGVyLWJvdHRvbS1jb2xvcjogZGFya2VuKCMyMTk1ZGEsIDEwKTtcbiAgICAgICAgICAgIHN0cm9uZzpmaXJzdC1jaGlsZHsgJjpiZWZvcmV7IGJhY2tncm91bmQtY29sb3I6ICMyMTk1ZGE7IH0gfVxuICAgICAgICB9XG4gICAgICAgIC8vIFNVQ0NFU1NcbiAgICAgICAgJltkYXRhLXN1Y2Nlc3Nde1xuICAgICAgICAgICAgYm9yZGVyLWNvbG9yOiAjNWZjYTRhO1xuICAgICAgICAgICAgYm9yZGVyLWJvdHRvbS1jb2xvcjogZGFya2VuKCM1ZmNhNGEsIDEwKTtcbiAgICAgICAgICAgIHN0cm9uZzpmaXJzdC1jaGlsZHsgJjpiZWZvcmV7IGJhY2tncm91bmQtY29sb3I6ICM1ZmNhNGE7IH0gfVxuICAgICAgICAgICAgfVxuICAgICAgICAvLyBFUlJPUlxuICAgICAgICAmW2RhdGEtZXJyb3Jde1xuICAgICAgICAgICAgYm9yZGVyLWNvbG9yOiAjZDk0NzQ3O1xuICAgICAgICAgICAgYm9yZGVyLWJvdHRvbS1jb2xvcjogZGFya2VuKCNkOTQ3NDcsIDEwKTtcbiAgICAgICAgICAgIHN0cm9uZzpmaXJzdC1jaGlsZHsgJjpiZWZvcmV7IGJhY2tncm91bmQtY29sb3I6ICNkOTQ3NDc7IH0gfVxuICAgICAgICB9XG5cblxuICAgIH1cblxufVxuIgoJXSwKCSJtYXBwaW5ncyI6ICJBQUFBLElBQUksR0FBRyx1QkFBdUIsQ0FBQTtFQUUxQixPQUFPLEVB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 */ |