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

m CSS test
No edit summary
 
(11 intermediate revisions by the same user not shown)
Line 1: Line 1:
.wrapper {
/* Animation CSS for the Animated Sprites of the Crafting UI */
  max-width: 100%;
  overflow: hidden;
}


.marquee {
.mw-body-content .animated > *:not(.animated-active),.mw-body-content .animated > .animated-subframe > *:not(.animated-active) {
  white-space: nowrap;
    display: none;
  overflow: hidden;
  display: inline-block;
  animation: marquee 10s linear infinite;
}
}


.marquee p {
.mw-body-content span.animated,.mw-body-content span.animated.animated-visible > *,.mw-body-content span.animated.animated-visible > .animated-subframe > * {
  display: inline-block;
    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: translate3d(0, 0, 0);
  }
  100% {
     transform: translate3d(-50%, 0, 0);
  }
}
}