MediaWiki:Common.css

/* */ @import "/load.php?mode=articles&articles=u:dev:MediaWiki:MinimalistSliderText/code.css&only=styles";

/** * @title          MinimalistSliderText * @description    Minimalist gallery slider with description text and a dot carousel. * @author         Americhino * @license        CC-BY-SA 3.0 * @installation   @import url("/load.php?mode=articles&only=styles&articles=u:dev:MediaWiki:MinimalistSliderText.css"); * */ /* Sets the slider's background */ .COUNTDOWN { background-image: url(https://vignette.wikia.nocookie.net/hanakokun/images/b/bd/Test.jpg); } .wikiaPhotoGallery-slider-body .description-background { background: transparent !important; } /* Customizing look of "Read more >" button*/ .wikiaPhotoGallery-slider-body h2 { background: var(--mst-main); width: fit-content !important; padding: 5px; border-radius: 3px; } .wikiaPhotoGallery-slider-body p { background: var(--mst-secondary); width: fit-content !important; height: fit-content !important; border-radius: 0px 0px 2px 2px; } .wikiaPhotoGallery-slider-body .description p { padding: 4px; } .wikiaPhotoGallery-slider-body p:nth-child(3) { background: none !important; } .wikiaPhotoGallery-slider-body .wikia-button.secondary { border-radius: 0px !important; border: none !important; background-image: none !important; text-transform: uppercase; font-size: x-small; font-weight: bold !important; padding: 3px 12px; vertical-align: bottom !important; margin-top: -6px; } .wikiaPhotoGallery-slider-body .wikia-button.secondary:hover { filter: brightness(80%); } /* Reduces the height of the circles' background and makes it transparent */ .wikiaPhotoGallery-slider-body .horizontal .description-background { height: 15px !important; opacity: 0.3 !important; } .wikiaPhotoGallery-slider-body .horizontal .description { width: fit-content !important; } /* Hides the image navigation thing */ .wikiaPhotoGallery-slider-body .nav > img, .wikiaPhotoGallery-slider-body .nav p > img { display: none !important; } /* Defines all the circles' style */ .wikiaPhotoGallery-slider-body .nav { background: transparent; border: 2px solid var(--mst-nav); border-radius: 50%; width: 7px; cursor: pointer; height: 7px; position: absolute; } /* Defines the active circle's style */ .wikiaPhotoGallery-slider-body .selected { background: var(--mst-nav); border: 2px solid var(--mst-nav); border-radius: 50%; width: 7px; cursor: pointer; height: 7px; } /* Sets the relative position of each circle */ .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; } /* Uppercase header */ .wikiaPhotoGallery-slider-body h2 { font-family: var(--mst-font); text-transform: uppercase; letter-spacing: -1px; font-weight: bold !important; } /* Customizable highlight color */ .wikiaPhotoGallery-slider-body { --mst-main: #000; --mst-secondary: #000; --mst-font: Rubik, sans-serif; --mst-nav: white; }