notification-system.css
2 lines
| 1 | #wpchill-notifications-root{position:fixed;right:20px;bottom:25px;z-index:9999;padding:10px}#wpchill-notifications-root .notification-log-empty{padding:5px}#wpchill-notifications-root .notification-container{position:absolute;width:500px;right:0;bottom:80px;background:#fff;box-shadow:0 0 10px rgba(0,0,0,.1)}#wpchill-notifications-root .notification-container .notification-header{display:flex;justify-content:space-between;align-items:center;padding:8px;background-color:#f9f9f9;border-bottom:0}#wpchill-notifications-root .notification-container .notification-header h2{font-size:1.1em;margin:8px}#wpchill-notifications-root .notification-container .notification-header button .dashicons{margin:0}#wpchill-notifications-root .notification-container .notification_time{margin-left:auto;color:#888;font-size:12px}#wpchill-notifications-root .notification-container .notification-footer{display:flex;align-items:center;justify-content:center;background-color:#f9f9f9}#wpchill-notifications-root .notification-container .notification-source-icon-wrap{width:20px;height:20px;margin-right:5px;flex:0 0 20px}#wpchill-notifications-root .notification-container .notification-source-icon-wrap .notification-source-icon{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}#wpchill-notifications-root .notification-container span.notification-source-name{margin-right:16px;position:relative}#wpchill-notifications-root .notification-container span.notification-source-name:after{content:"-";position:absolute;right:-15px;width:10px;height:100%}#wpchill-notifications-root .notification-container .notification_dismiss_button{margin-left:auto;padding:0;height:auto}#wpchill-notifications-root .notification-container .components-panel{max-height:250px;overflow:auto}#wpchill-notifications-root .notification-container .components-panel .notification-row .notification-actions-wrapp a,#wpchill-notifications-root .notification-container .components-panel .notification-row .notification-actions-wrapp button{margin-right:10px}#wpchill-notifications-root .notification-icon{width:45px;height:45px;border-radius:50%;border:1px solid #222;box-shadow:0 0 5px #222;background:#fff;display:flex;justify-content:center;align-items:center;position:relative;cursor:pointer;padding:4px;background-image:url(images/wpchill-logo.825f586f.jpg);background-size:contain;box-sizing:content-box}#wpchill-notifications-root .notification-icon .warn-icon{position:absolute;top:-6px;right:-8px;color:#fff;display:flex;justify-content:center;align-items:center;width:20px;height:20px;border-radius:50%;background-color:#d63638} |
| 2 |