Difference between revisions of "MediaWiki:Common.css"

m
m
Line 5: Line 5:
 
   text-align: center;
 
   text-align: center;
 
   overflow: hidden;
 
   overflow: hidden;
   height: 510px;
+
   height: 400px;
   width: 728px;
+
   width: 950px;
 
   margin: 0 auto;
 
   margin: 0 auto;
 
}
 
}
Line 17: Line 17:
 
.slide {
 
.slide {
 
   float: left;
 
   float: left;
   height: 510px;
+
   height: 400px;
   width: 728px;
+
   width: 950px;
 
}
 
}
  
.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 {
 
.slide-number {
Line 45: Line 31:
 
@-webkit-keyframes slide {
 
@-webkit-keyframes slide {
 
   20% {margin-left: 0px;}
 
   20% {margin-left: 0px;}
   30% {margin-left: -728px;}
+
   30% {margin-left: -950px;}
   50% {margin-left: -728px;}
+
   50% {margin-left: -950px;}
   60% {margin-left: -1456px;}
+
   60% {margin-left: -1900px;}
   70% {margin-left: -1456px;}
+
   70% {margin-left: -1900px;}
   80% {margin-left: -2184px;}
+
   80% {margin-left: -2850px;}
   90% {margin-left: -2184px;}
+
   90% {margin-left: -2850px;}
 
}
 
}

Revision as of 14:12, 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: 2912px;
  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 {
  20% {margin-left: 0px;}
  30% {margin-left: -950px;}
  50% {margin-left: -950px;}
  60% {margin-left: -1900px;}
  70% {margin-left: -1900px;}
  80% {margin-left: -2850px;}
  90% {margin-left: -2850px;}
}