User:4erospace/common.css: Difference between revisions

m CSS test
No edit summary
 
(17 intermediate revisions by the same user not shown)
Line 1: Line 1:
.marquee {
/* Animation CSS for the Animated Sprites of the Crafting UI */
  margin: 0 auto;
  white-space: nowrap;
  overflow: hidden;
  position: absolute;
}


.marquee span {
.mw-body-content .animated > *:not(.animated-active),.mw-body-content .animated > .animated-subframe > *:not(.animated-active) {
  display: inline-block;
    display: none;
  padding-left: 100%;
  animation: marquee 40s linear infinite;
}
}


.marquee2 span {
.mw-body-content span.animated,.mw-body-content span.animated.animated-visible > *,.mw-body-content span.animated.animated-visible > .animated-subframe > * {
  animation-delay: 20s;
    display: inline-block;
}
}


@keyframes marquee {
.mw-body-content div.animated.animated-visible > *,.mw-body-content div.animated.animated-visible > .animated-subframe > * {
  0% {
     display: block;
    transform: translate(0, 0);
  }
  100% {
     transform: translate(-100%, 0);
  }
}
}