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. */ } /* If you decide to unhide the descriptions thing, you can also delete the comments around the block below to customize its appearance. */ /* div.wikiaPhotoGallery-slider-body .horizontal .description { left: 0; background: rgba(0, 0, 0, 0.4); padding: 10px 15px 20px 15px; width: 250px; } /* 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; }