Alathra

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

← Older editNewer edit →
m CSS test
m CSS test
Line 1: Line 1:
.marquee {
/* Core functionality */
   margin: 0 auto;
#animated-text-strip{
   white-space: nowrap;
   display: flex;
   flex-flow: row nowrap;
  align-items: center;
   overflow: hidden;
   overflow: hidden;
  position: absolute;
}
}
 
#animated-text-strip .marquee {
.marquee span {
   white-space: nowrap;
   display: inline-block;
   animation: marquee 5s linear infinite;
  padding-left: 100%;
   max-width: none;
   animation: marquee 40s linear infinite;
}
 
.marquee2 span {
   animation-delay: 20s;
}
}


Line 25: Line 21:
}
}


.newswrapper {
/* Styles for the sake of the demonstration */
   max-width: 100%;
#animated-text-strip{
   overflow: hidden;
   background:black;
   padding: 1rem 0;
}
}
 
.marquee{
.newsmarquee {
   font-family: 'Open Sans', sans-serif;
   white-space: nowrap;
   font-size: 2rem;
   overflow: hidden;
   font-weight: 900;
   display: inline-block;
   text-transform: uppercase;
  animation: marquee 10s linear infinite;
   color: white;
}
 
.newsmarquee p {
   display: inline-block;
}
 
@keyframes newsmarquee {
  0% {
    transform: translate3d(0, 0, 0);
   }
  100% {
    transform: translate3d(-50%, 0, 0);
  }
}
}
Retrieved from "https://wiki.alathra.com/w/User:4erospace/common.css"