54 lines
832 B
CSS
54 lines
832 B
CSS
div[data-notify="progressbar"] {
|
|
margin-bottom: 0px;
|
|
position: absolute;
|
|
bottom: 0px;
|
|
left: 0px;
|
|
width: 100%;
|
|
height: 5px;
|
|
}
|
|
|
|
div[data-notify="progressbar"].marquee {
|
|
}
|
|
|
|
div[data-notify="progressbar"].marquee > div {
|
|
position: absolute;
|
|
float: none;
|
|
left: -50%;
|
|
width: 50% !important;
|
|
-webkit-animation: notify-marquee 4s linear infinite;
|
|
-moz-animation: notify-marquee 4s linear infinite;
|
|
-ms-animation: notify-marquee 4s linear infinite;
|
|
-o-animation: notify-marquee 4s linear infinite;
|
|
animation: notify-marquee 4s linear infinite;
|
|
}
|
|
|
|
@-moz-keyframes notify-marquee {
|
|
0% {
|
|
left: -50%;
|
|
}
|
|
|
|
100% {
|
|
left: 120%;
|
|
}
|
|
}
|
|
|
|
@-webkit-keyframes notify-marquee {
|
|
0% {
|
|
left: -50%;
|
|
}
|
|
|
|
100% {
|
|
left: 120%;
|
|
}
|
|
}
|
|
|
|
@keyframes notify-marquee {
|
|
0% {
|
|
left: -50%;
|
|
}
|
|
|
|
100% {
|
|
left: 120%;
|
|
}
|
|
}
|