48 lines
707 B
CSS
48 lines
707 B
CSS
|
div.scroll-banner {
|
||
|
background-color: black;
|
||
|
position: absolute;
|
||
|
top: 0.2em;
|
||
|
left: 0.1%;
|
||
|
width: 99.8%;
|
||
|
overflow: hidden;
|
||
|
}
|
||
|
|
||
|
div.scroll-text {
|
||
|
text-align: right;
|
||
|
white-space: nowrap;
|
||
|
|
||
|
animation: marquee 13s linear infinite;
|
||
|
}
|
||
|
|
||
|
div.scroll-banner > div.scroll-text > * {
|
||
|
color: #ff6161;
|
||
|
font-size: 150%;
|
||
|
}
|
||
|
|
||
|
@keyframes marquee {
|
||
|
from {
|
||
|
transform: translateX(55%);
|
||
|
}
|
||
|
|
||
|
to {
|
||
|
transform: translateX(-100%);
|
||
|
}
|
||
|
}
|
||
|
|
||
|
@media only screen and (max-width: 850px) {
|
||
|
/* Mobile display */
|
||
|
div.info-text {
|
||
|
animation: marquee 9s linear infinite;
|
||
|
}
|
||
|
|
||
|
@keyframes marquee {
|
||
|
from {
|
||
|
transform: translateX(100%);
|
||
|
}
|
||
|
|
||
|
to {
|
||
|
transform: translateX(-210%);
|
||
|
}
|
||
|
}
|
||
|
}
|