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

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


  .news-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;
  }


  .news-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 news-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);
    }
  }