Light12306/ChatRoomServer.Www/Content/notify.css

59 lines
904 B
CSS
Raw Normal View History

2015-07-13 21:18:04 +08:00
span[data-notify="title"] {
margin-right: 20px;
font-weight: bold;
}
div[data-notify="progressbar"] {
2015-07-10 21:32:52 +08:00
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;
2015-07-13 21:18:04 +08:00
-webkit-animation: notify-marquee 2s linear infinite;
-moz-animation: notify-marquee 2s linear infinite;
-ms-animation: notify-marquee 2s linear infinite;
-o-animation: notify-marquee 2s linear infinite;
animation: notify-marquee 2s linear infinite;
2015-07-10 21:32:52 +08:00
}
@-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%;
}
}