MediaWiki:Vector-dark.css: Difference between revisions

← Older edit Newer edit →

@@ Line 488: / Line 488: @@
          color: #FFFFFF; /* White text */
      }
-	/* Ensure mw-jsslideshow fits inside vector-body */
+	.mw-jsslideshow {
-.vector-body .mw-jsslideshow {
+	    max-width: 100%;
-    padding: 0;
+	    width: 100%;
-    margin: 0 auto;
+	    margin: 10px auto;
-    overflow: hidden;
+	    padding: 10px;
-    background-color: #002B5C;
+	    background-color: #002B5C;
-    border: 2px solid #FF851B;
+	    border: 2px solid #FF851B;
-    border-radius: 8px;
+	    border-radius: 8px;
-}
+	    box-sizing: border-box;
+	}
-.vector-body .mw-jsslideshow .slideshow {
-    display: flex;
+	.mw-jsslideshow .slick-slide img {
-    flex-wrap: nowrap;
+	    width: 100%;
-    justify-content: center;
+	    height: auto;
-    align-items: center;
+	    object-fit: contain;
-}
+	    display: block;
+	}
-.vector-body .mw-jsslideshow .slideshow div {
-    padding: 0;
+	.slick-dots {
-    margin: 0;
+	    bottom: 10px;
-    box-sizing: border-box;
+	}
-    display: flex;
-    justify-content: center;
+	.slick-dots li button:before {
-    align-items: center;
+	    font-size: 12px;
-}
+	    color: #fff;
+	}
-.vector-body .mw-jsslideshow .slideshow div img {
-    display: block;
-    max-width: 100%;
-    height: auto;
-    object-fit: contain;
-    margin: 0; /* Kill any rogue margins */
-}