MediaWiki:Common.css

Note: After saving, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
• Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.

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


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

.slide-wrapper {
  width: 950px;
}

.slide {
  float: left; 
  height: 400px;
  width: 950px;
  opacity: 0.0;
  animation-name: pulse;
  animation-duration: 50s;
  animation-iteration-count: infinite;
}

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

.slide:nth-child(1){animation-delay: 0s}
.slide:nth-child(2){animation-delay: 5s}
.slide:nth-child(3){animation-delay: 10s}
.slide:nth-child(4){animation-delay: 15s}
.slide:nth-child(5){animation-delay: 20s}
.slide:nth-child(6){animation-delay: 25s}
.slide:nth-child(7){animation-delay: 30s}
.slide:nth-child(8){animation-delay: 35s}
.slide:nth-child(9){animation-delay: 40s}
.slide:nth-child(10){animation-delay: 45s}


@keyframes pulse {
  0% { opacity: 0.0; }
  1% { opacity: 1.0; }
  11% { opacity: 1.0; }
  12% { opacity: 0.0; }
  100% { opacity: 0.0; }
}