2016-05-10 17:12:38 +00:00
|
|
|
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}
|
