Back to home page

EIC code displayed by LXR

 
 

    


Warning, /iDDS/monitor/data/scss/core/topbar/notify.scss is written in an unsupported language. File is not indexed.

0001 /*******************
0002 Notify
0003 *******************/
0004 
0005 .notify {
0006     position: relative;
0007     top: -18px;
0008     right: -11px;
0009     .heartbit {
0010         position: absolute;
0011         top: -20px;
0012         right: -4px;
0013         height: 25px;
0014         width: 25px;
0015         z-index: 10;
0016         border: 5px solid $danger;
0017         border-radius: 70px;
0018         -moz-animation: heartbit 1s ease-out;
0019         -moz-animation-iteration-count: infinite;
0020         -o-animation: heartbit 1s ease-out;
0021         -o-animation-iteration-count: infinite;
0022         -webkit-animation: heartbit 1s ease-out;
0023         -webkit-animation-iteration-count: infinite;
0024         animation-iteration-count: infinite;
0025     }
0026     .point {
0027         width: 6px;
0028         height: 6px;
0029         -webkit-border-radius: 30px;
0030         -moz-border-radius: 30px;
0031         border-radius: 30px;
0032         background-color: $danger;
0033         position: absolute;
0034         right: 6px;
0035         top: -10px;
0036     }
0037 }
0038 
0039 @-moz-keyframes heartbit {
0040     0% {
0041         -moz-transform: scale(0);
0042         opacity: 0.0;
0043     }
0044     25% {
0045         -moz-transform: scale(0.1);
0046         opacity: 0.1;
0047     }
0048     50% {
0049         -moz-transform: scale(0.5);
0050         opacity: 0.3;
0051     }
0052     75% {
0053         -moz-transform: scale(0.8);
0054         opacity: 0.5;
0055     }
0056     100% {
0057         -moz-transform: scale(1);
0058         opacity: 0.0;
0059     }
0060 }
0061 
0062 @-webkit-keyframes heartbit {
0063     0% {
0064         -webkit-transform: scale(0);
0065         opacity: 0.0;
0066     }
0067     25% {
0068         -webkit-transform: scale(0.1);
0069         opacity: 0.1;
0070     }
0071     50% {
0072         -webkit-transform: scale(0.5);
0073         opacity: 0.3;
0074     }
0075     75% {
0076         -webkit-transform: scale(0.8);
0077         opacity: 0.5;
0078     }
0079     100% {
0080         -webkit-transform: scale(1);
0081         opacity: 0.0;
0082     }
0083 }