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); }

/* Bold all headers by default */ .WikiaPage h2, h3, h4, h5, h6 { font-weight: bold; }

/* Legacy version of link hovering */ a:hover, a:active { color: #a47719; text-decoration: underline; } a:focus { color: #a47719; } ul.tabbernav li a:hover, a:active { text-decoration: none; }

/* Fix plainlinks */ .plainlinks a.external::after { display: none; }

/* Improved visibility for admin/mod edits */ a[href$="/wiki/User:Retiredstarmiya"] { color: #000 !important; font-weight: bold !important; } a[href$="/wiki/User:Pistachiosoda"] { color: #000 !important; font-weight: bold !important; } a[href$="/wiki/User:Seaghosts"] { color: #000 !important; font-weight: bold !important; } a[href$="/wiki/User:Drinkingcarameltea"] { color: #000 !important; font-weight: bold !important; } a[href$="/wiki/User:Qifrey"] { color: #000 !important; font-weight: bold !important; } a[href$="/wiki/User:Rii.ul"] { color: #000 !important; font-weight: bold !important; } a[href$="/wiki/User:Arzene"] { color: #000 !important; font-weight: bold !important; } a[href$="/wiki/User:Revelery"] { color: #000 !important; font-weight: bold !important; }

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

.pi-europa.pi-background { background: transparent; } .portable-infobox{ border: 3px double #dd360a; padding: 3px; width: 300px; } .portable-infobox.pi-theme-kamome_gakuen .pi-title { background: #dd360a; color: #fff; line-height: 23px; border-bottom: 3px double #fff; text-shadow: 2px 2px 10px #fff; } .portable-infobox.pi-theme-kamome_gakuen .pi-header { background: #dd360a; text-align: center; line-height: 7px; font-size: 14px; color: #fff; margin-bottom: 3px; } .portable-infobox.pi-theme-kamome_gakuen .pi-image { width: 300px; padding: 0px; margin-bottom: 3px; } .portable-infobox.pi-theme-kamome_gakuen .pi-group, .portable-infobox.pi-theme-kamome_gakuen .pi-group .pi-data:last-child { border: none; font-size: 75%; } .portable-infobox.pi-theme-kamome_gakuen .pi-data { padding: 0px; } .portable-infobox.pi-theme-kamome_gakuen .pi-data-label { background: #ea785a; color: #fff; padding: 5px; margin-bottom: 3px; text-align: left; vertical-align: middle; } .portable-infobox.pi-theme-kamome_gakuen .pi-navigation { text-align: center; font-weight: bold; background: #dd360a; padding: 5px; } .portable-infobox.pi-theme-kamome_gakuen .pi-navigation a { color: #fff; text-align: center; } .pi-europa .pi-data-label { flex-basis: 115px; } .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 #dd360a80; text-align: center; background: transparent; } .pi-europa .pi-image-collection-tabs .current { background-color: #e9a18e; 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; }

.wikigallery .tabbernav { font-family: inherit !important; font-weight: normal !important; font-size: 13px !important; border-bottom: 3px solid #DD360A !important; padding: 0.3em 0 !important; } .wikigallery .tabbernav a { padding: 0.5em 0.5em !important; margin: 0 !important; color: #3a3a3a !important; border: none !important; background: transparent !important; } .wikigallery .tabberactive a { color: white !important; background: #DD360A !important; } .wikigallery .tabbernav :not(.tabberactive) a:hover { background: rgba(221,54,10, 0.2) !important; } .wikigallery .tabbertab { border: none !important; padding: 0 !important; }

/* 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; }

max-width: 100%; }
 * 1) wmDiv img {