MediaWiki:MinimalistSlider/code.css

/*     MinimalistSlider * Description:    Customizes the standart slider layout. * Author:         Sociophobia. * Check out dev.wikia.com/wiki/MinimalistSlider for more info. */

/* Slider Customization */ .wikiaPhotoGallery-slider-body .horizontal #wikiaPhotoGallery-slider-0-1 > img { margin: 0!important; padding: 0!important; top: unset!important; } img.wikiaPhotoGallery-slider-body { top:10px !important; margin-left:10px !important; }

/* 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. */   border-radius:1em; border:1px solid #2cd0ff; width:610px; height:320px; } /* 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. */ } /* 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. */ /* 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 #2cd0ff; border-radius: 50%; width: 7px; cursor: pointer; height: 7px; position: absolute; } /* Defines the active circle's style */ .wikiaPhotoGallery-slider-body .selected { background: #2cd0ff; border: 2px solid #2cd0ff; 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; }