Difference between revisions of "MediaWiki:Common.css"

m
m
Line 30: Line 30:
  
 
@-webkit-keyframes slide {
 
@-webkit-keyframes slide {
   20% {margin-left: 0px;}
+
  5% {margin-left: 0px;}
   30% {margin-left: -950px;}
+
  10% {margin-left: -950px;}
   50% {margin-left: -950px;}
+
  15% {margin-left: -950px;}
   60% {margin-left: -1900px;}
+
   20% {margin-left: -1900px;}
   70% {margin-left: -1900px;}
+
  25% {margin-left: -1900px;}
   80% {margin-left: -2850px;}
+
   30% {margin-left: -2850px;}
   90% {margin-left: -2850px;}
+
  35% {margin-left: -2850px;}
 +
  40% {margin-left: -3800px;}
 +
  45% {margin-left: -3800px;}
 +
   50% {margin-left: -4750px;}
 +
  55% {margin-left: -4750px;}
 +
   60% {margin-left: -5700px;}
 +
  65% {margin-left: -5700px;}
 +
   70% {margin-left: -6650px;}
 +
  75% {margin-left: -6650px;}
 +
   80% {margin-left: -7600px;}
 +
  85% {margin-left: -7600px;}
 +
   90% {margin-left: -8550px;}
 +
  95% {margin-left: -8550px;}
 +
  98% {margin-left: -9500px;}
 +
  100% {margin-left: -9500px;}
 
}
 
}

Revision as of 14:22, 26 July 2023

/* CSS placed here will be applied to all skins */


#slideshow {
  text-align: center;
  overflow: hidden;
  height: 400px;
  width: 950px;
  margin: 0 auto;
}

.slide-wrapper {
  width: 12350px;
  animation: slide 18s ease infinite;
}

.slide {
  float: left;
  height: 400px;
  width: 950px;
}



.slide-number {
  color: #000;
  text-align: center;
  font-size: 10em;
}

@-webkit-keyframes slide {
  5% {margin-left: 0px;}
  10% {margin-left: -950px;}
  15% {margin-left: -950px;}
  20% {margin-left: -1900px;}
  25% {margin-left: -1900px;}
  30% {margin-left: -2850px;}
  35% {margin-left: -2850px;}
  40% {margin-left: -3800px;}
  45% {margin-left: -3800px;}
  50% {margin-left: -4750px;}
  55% {margin-left: -4750px;}
  60% {margin-left: -5700px;}
  65% {margin-left: -5700px;}
  70% {margin-left: -6650px;}
  75% {margin-left: -6650px;}
  80% {margin-left: -7600px;}
  85% {margin-left: -7600px;}
  90% {margin-left: -8550px;}
  95% {margin-left: -8550px;}
  98% {margin-left: -9500px;}
  100% {margin-left: -9500px;}
}