Difference between revisions of "MediaWiki:Common.css"

m (Replaced content with "CSS placed here will be applied to all skins: ")
m
Line 1: Line 1:
 
/* CSS placed here will be applied to all skins */
 
/* CSS placed here will be applied to all skins */
 +
 +
 +
#slideshow {
 +
  text-align: center;
 +
  overflow: hidden;
 +
  height: 510px;
 +
  width: 728px;
 +
  margin: 0 auto;
 +
}
 +
 +
.slide-wrapper {
 +
  width: 2912px;
 +
  -webkit-animation: slide 18s ease infinite;
 +
}
 +
 +
.slide {
 +
  float: left;
 +
  height: 510px;
 +
  width: 728px;
 +
}
 +
 +
.slide:nth-child(1) {
 +
  background: #D93B65;
 +
}
 +
 +
.slide:nth-child(2) {
 +
  background: #037E8C;
 +
}
 +
 +
.slide:nth-child(3) {
 +
  background: #36BF66;
 +
}
 +
 +
.slide:nth-child(4) {
 +
  background: #D9D055;
 +
}
 +
 +
.slide-number {
 +
  color: #000;
 +
  text-align: center;
 +
  font-size: 10em;
 +
}
 +
 +
@-webkit-keyframes slide {
 +
  20% {margin-left: 0px;}
 +
  30% {margin-left: -728px;}
 +
  50% {margin-left: -728px;}
 +
  60% {margin-left: -1456px;}
 +
  70% {margin-left: -1456px;}
 +
  80% {margin-left: -2184px;}
 +
  90% {margin-left: -2184px;}
 +
}

Revision as of 13:42, 26 July 2023

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


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

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

.slide {
  float: left;
  height: 510px;
  width: 728px;
}

.slide:nth-child(1) {
  background: #D93B65;
}

.slide:nth-child(2) {
  background: #037E8C;
}

.slide:nth-child(3) {
  background: #36BF66;
}

.slide:nth-child(4) {
  background: #D9D055;
}

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

@-webkit-keyframes slide {
  20% {margin-left: 0px;}
  30% {margin-left: -728px;}
  50% {margin-left: -728px;}
  60% {margin-left: -1456px;}
  70% {margin-left: -1456px;}
  80% {margin-left: -2184px;}
  90% {margin-left: -2184px;}
}