MediaWiki:Slider.css

/* MinimalistSlider * Description:    Customizes the standart slider layout. * Author:         Sociophobia. * Check out dev.wikia.com/wiki/MinimalistSlider for more info. */ /* Sets the slider's background to be transparent */ div.wikiaPhotoGallery-slider-body { background: transparent; /* You can set it to whatever color you want, though I wouldn't recommend it. You can also remove this block to get the standart black color. */ } /* Reduces the height of the circles' background and makes it transparent */ div.wikiaPhotoGallery-slider-body .horizontal .description-background { height: 7px; /* Just enough to not accidentally missclick. Don't set this too high! */   opacity: 0; /* Making this block fully visible is not recommended. Just leave it be. */ } /* Hides the image navigation thing */ div.wikiaPhotoGallery-slider-body .nav > img, div.wikiaPhotoGallery-slider-body .nav p > img { display: none; /* Just... don't touch this. */ }

/* Customizing description + button*/ div.wikiaPhotoGallery-slider-body .horizontal .description { left: 0; background: rgba(0, 0, 0, 0.7); border-radius: 0 25px 0 0 ; padding: 10px 15px 20px 15px; width: 250px; }

.wikiaPhotoGallery-slider-body a.wikia-button.secondary { background-color: rgba(127, 53, 172, 0.6) !important; background-image: none !important; border: 0 !important; color: white !important; } /* Text and description tweaks END. BEGINNING some REAL shenanigans. */ /* Defines all the circles' style */ .wikiaPhotoGallery-slider-body .nav { background: transparent; border: 2px solid white; border-radius: 50%; width: 7px; cursor: pointer; height: 7px; position: absolute; } /* Defines the active circle's style */ .wikiaPhotoGallery-slider-body .selected { background: white; border: 2px solid white; border-radius: 50%; width: 7px; cursor: pointer; height: 7px; } /* Sets the relative position of each circle. You can customize these too. */ div.wikiaPhotoGallery-slider-body .horizontal .wikiaPhotoGallery-slider-0 .nav { right: 355px; } div.wikiaPhotoGallery-slider-body .horizontal .wikiaPhotoGallery-slider-1 .nav { right: 335px; } div.wikiaPhotoGallery-slider-body .horizontal .wikiaPhotoGallery-slider-2 .nav { right: 315px; } div.wikiaPhotoGallery-slider-body .horizontal .wikiaPhotoGallery-slider-3 .nav { right: 295px; }