1 line
1.9 KiB
CSS
1 line
1.9 KiB
CSS
|
.notifier-container{z-index:999;position:fixed;top:4px;right:4px;padding:4px;width:350px;max-width:98%;font-family:"Segoe UI",Tahoma,Calibri,Verdana,sans-serif;color:#999;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.notifier-container *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.notifier{position:relative;width:100%;min-height:62px;margin-bottom:12px;padding:8px;background:#fff;border-left:4px solid #95a5a6;border-radius:1px;box-shadow:0 1px 10px 0 rgba(0,0,0,.1),0 2px 15px 0 rgba(0,0,0,.05);opacity:0;-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);-webkit-transition:all .6s cubic-bezier(.5,-.5,.3,1.4),opacity .6s ease;-moz-transition:all .6s cubic-bezier(.5,-.5,.3,1.4),opacity .6s ease;-ms-transition:all .6s cubic-bezier(.5,-.5,.3,1.4),opacity .6s ease;transition:all .6s cubic-bezier(.5,-.5,.3,1.4),opacity .6s ease}.notifier.shown{opacity:1;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}.notifier.shown:hover{opacity:1}.notifier-close{position:absolute;top:4px;right:4px;width:16px;height:16px;padding:0;text-align:center;text-decoration:none;color:#aaa;font-weight:700;font-size:16px;background:0 0;outline:0;border:none;border-radius:50%;cursor:pointer;opacity:.5;-webkit-transition:.3s ease;-moz-transition:.3s ease;-ms-transition:.3s ease;transition:.3s ease}.notifier-close:focus,.notifier-close:hover{opacity:1;color:#999;background:#eee}.notifier-img{float:left;margin-right:8px;vertical-align:middle}.img{width:48px;height:48px}.notifier-title{margin:0 0 4px;padding:0;font-size:18px;font-weight:400}.notifier-body{font-size:13px}.notifier.info{border-left-color:#3498db}.notifier.success{border-left-color:#1abc9c}.notifier.warning{border-left-color:#f1c40f}.notifier.danger{border-left-color:#e74c3c}
|