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

/*==== Portable infobox styling =====*/

.pi-europa.pi-background { background: transparent; } .portable-infobox{ border: 3px double #000000; padding: 3px; width: 300px; } .portable-infobox.pi-theme-equinoxa .pi-title { background: #A781D4; color: #fff; line-height: 23px; border-bottom: 3px double #fff; } .portable-infobox.pi-theme-equinoxa .pi-header { background: #A781D4; text-align: center; line-height: 7px; font-size: 14px; color: #fff; margin-bottom: 3px; } .portable-infobox.pi-theme-equinoxa .pi-image { width: 300px; padding: 0px; margin-bottom: 3px; } .portable-infobox.pi-theme-equinoxa .pi-group, .portable-infobox.pi-theme-equinoxa .pi-group .pi-data:last-child { border: none; font-size: 75%; } .portable-infobox.pi-theme-equinoxa .pi-data { padding: 0px; } .portable-infobox.pi-theme-equinoxa .pi-data-label { background: #D3BBF0; color: #fff; padding: 5px; margin-bottom: 3px; text-align: left; vertical-align: middle; } .portable-infobox.pi-theme-equinoxa .pi-navigation { text-align: center; font-weight: bold; background: #A781D4; padding: 5px; } .portable-infobox.pi-theme-equinoxa .pi-navigation a { color: #fff; text-align: center; } .pi-europa .pi-data-value { padding: 5px; } .pi-europa .pi-horizontal-group .pi-data-value { padding-top: 7px; text-align: center; } .pi-europa .pi-image-collection-tabs { border-bottom: 3px solid #F118B6; text-align: center; background: transparent; } .pi-europa .pi-image-collection-tabs .current { background-color: #1836F1; border-radius: 5px 5px 0px 0px; line-height: 10px; vertical-align: baseline; font-size: 12px; } .pi-europa .pi-tab-link { border: 0; font-size: 12px; margin: 0; } /*==== End ====*/

/* Add margin below tabview elements */ .tabBody.selected { margin-top: 30px; }

/* Masthead customization */ .UserProfileMasthead .masthead-info { box-shadow: 0px 2px 10px 0 rgb(242, 76, 34); background: url(https://vignette.wikia.nocookie.net/hanakokun/images/8/8b/Masthead.png/revision/latest?cb=20200331164256) no-repeat bottom left; background-color: #ffffff; }

/* 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; } /* Static expand/collapse for navigation box */ .mw-collapsible-toggle { float: right; width: 80px; }

/* Custom tabber design for anime episode galleries*/ .anime .tabber .tabbertab { border: 0!important; } .anime .tabbernav { border: 0!important; text-transform: uppercase; font-family: Arial; letter-spacing: 3px; border-bottom: 2px solid #dd4b26!important; } .anime .tabbernav a:link { color: #dd4b26!important; text-transform: uppercase; font-family: Arial; letter-spacing: 3px; } .anime .tabbernav a:hover { color: #fff!important; background: #000!important; border-color: #000!important; text-transform: uppercase; font-family: Arial; letter-spacing: 3px; } .anime .tabbernav .tabberactive a { color: #fff!important; border: 2px solid #dd4b26!important; background: #dd4b26!important; border-bottom: 0!important; text-transform: uppercase; font-family: Arial; letter-spacing: 3px; } .anime .tabbernav a { color: #dd4b26!important; border: 2px solid #dd4b26!important; border-bottom: none!important; background: transparent!important; text-transform: uppercase; font-family: Arial; letter-spacing: 3px; }

/* Sets link hover color for "See Gallery" template */ .glow a:hover { text-decoration: none; text-shadow: #fff 0 0 7px; -webkit-transition: all 0.1s ease-in; -moz-transition: all 0.1s ease-in; -ms-transition: all 0.1s ease-in; -o-transition: all 0.1s ease-in; transition: all 0.1s ease-in; }