MediaWiki:MinimalistSlider/code.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 */

.wikiaPhotoGallery-slider-body { background: transparent !important; /* 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 */

.wikiaPhotoGallery-slider-body .horizontal .description-background { height: 7px !important; /* Just enough to not accidentally missclick. Don't set this too high! */   opacity: 0 !important; /* Making this block fully visible is not recommended. Just leave it be. */ }

/* Hides the image navigation thing */

.wikiaPhotoGallery-slider-body .nav > img, .wikiaPhotoGallery-slider-body .nav p > img { display: none !important; /* Just... don't touch this. */ }

/* Hides descriptions. You can delete this block to make them show up again. */

.wikiaPhotoGallery-slider-body .horizontal .description { display: none !important; }

/* If you decide to unhide the descriptions thing, you can also delete the comments around the block below to customize its appearance. */

/* .wikiaPhotoGallery-slider-body .horizontal .description { left: 0 !important; background: rgba(0, 0, 0, 0.4) !important; padding: 10px 15px 20px 15px !important; width: 250px !important; }

/* Text and description tweaks END. BEGINNING some REAL shenanigans. */

/* Defines all the circles' style */

.wikiaPhotoGallery-slider-body .nav { background: transparent; border: 2px solid #e50011; border-radius: 50%; width: 7px; cursor: pointer; height: 7px; position: absolute; } /* Defines the active circle's style */ .wikiaPhotoGallery-slider-body .selected { background: #e50011; border: 2px solid #e50011; border-radius: 50%; width: 7px; cursor: pointer; height: 7px; }

/* Sets the relative position of each circle. You can customize these too. */

.wikiaPhotoGallery-slider-body .horizontal .wikiaPhotoGallery-slider-0 .nav { right: 355px !important; } .wikiaPhotoGallery-slider-body .horizontal .wikiaPhotoGallery-slider-1 .nav { right: 335px !important; } .wikiaPhotoGallery-slider-body .horizontal .wikiaPhotoGallery-slider-2 .nav { right: 315px !important; } .wikiaPhotoGallery-slider-body .horizontal .wikiaPhotoGallery-slider-3 .nav { right: 295px !important; }