User:Ineni/common.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. */ } /* 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 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; }

/* Slider */ .tabbertab { border: none !important; padding: 0 !important; } .tabbernav { background: #f8f8f8; border: 1px solid #eee !important; padding: 0 !important; text-align: center; font-family: Helvetica Neue,Helvetica,Arial,sans-serif !important; border-radius: 4px; font-size: 15px !important; line-height: 15px !important; justify-content: space-between; display: flex; } .tabbernav li { font-size: 15px !important;; line-height: 15px !important; width: 100%; } .tabbernav li a { border: none !important; margin: 0 !important; padding: 10px 0 !important; background: transparent !important; color: #999 !important; font-size: 14px; transition-duration: 0.15s; cursor: default; font-weight: normal !important; font-size: 15px !important;; line-height: 15px !important; width: 100%; display: inline-block; } .tabbernav .tabberactive a, .tabbernav li a:hover { color: black !important; background: #eee !important; }