MediaWiki:Themes.css

/* --- Portable infobox styling --- */

/* Default: Dominant: #dd360a Accent: #ea785a Accent2: #e9a18e .pi-europa.portable-infobox { width: 300px; border: 3px double #dd360a; } .pi-europa.pi-background { background-color: transparent; padding: 3px 3px 1px 3px; } .pi-europa .pi-header { background: #dd360a; color: #ffffff; font-size: 14px; line-height: 25px; margin-bottom: 3px; padding: 7px; } .pi-europa .pi-title { background: #dd360a url("https://static.wikia.nocookie.net/hanakokun/images/5/59/Hakujoudai_%28Green%29.png/revision/latest") no-repeat; border-bottom: 3px double #fff; color: #ffffff; font-size: 18px; line-height: 23px; margin-bottom: 3px; padding: 10px!important; text-shadow: 2px 2px 10px #fff; } .pi-image { padding-bottom: 3px; } .pi-image-thumbnail { height: auto; max-width: 300px; max-height: 500px; } .pi-europa .pi-image-collection-tabs { background: transparent; border-bottom: 3px solid #dd360a80; text-align: center; } .pi-europa .pi-image-collection-tabs .current { background-color: #e9a18e; border-radius: 5px 5px 0px 0px; font-size: 12px; line-height: 10px; margin-top: 5px; padding: 9px 14px; vertical-align: baseline; } li.pi-tab-link.pi-item-spacing { padding: 9px 14px; } .pi-europa .pi-tab-link { font-size: 12px; } .pi-europa .pi-item-spacing { padding: 0; } .pi-europa .pi-data-label { color: #fff; flex-basis: 115px; font-size: 11px; line-height: 14px; padding-right: 3px; } .pi-europa .pi-data-value { font-size: 11px; padding: 3px 0 7px 5px; } .portable-infobox .pi-data-label { background: #ea785a; margin-bottom: 3px; padding: 5px; text-align: left; vertical-align: middle; } .pi-europa .pi-horizontal-group .pi-data-label { background-color: #ea785a!important; padding: 5px; text-align: center; } .pi-europa .pi-horizontal-group .pi-data-value { padding: 5px; text-align: center; } .pi-europa .pi-horizontal-group-item:nth-child(even) { background-color: transparent; border-left: 2px solid #ea785a80; } .pi-europa .pi-horizontal-group { margin-bottom: 3px; } .pi-europa .pi-navigation { background: #dd360a; font-size: 12px; font-weight: bold; line-height: 20px; margin-bottom: 2px; padding: 3px; text-align: center; } .pi-europa .pi-navigation a { color: #fff; } .pi-collapse.pi-collapse-closed .pi-header:first-child:after { margin-top: -9px; }

/* Ghosts: Dominant: #000000 Accent: #dd360a .pi-europa.pi-background.pi-theme-ghost { border: 3px double #000000; } .pi-europa.pi-theme-ghost .pi-header { background: #000000; color: #ffffff; } .pi-europa.pi-theme-ghost .pi-title { background: #000000 url("https://static.wikia.nocookie.net/hanakokun/images/f/f7/Kokujoudai_%28Red%29.png/revision/latest") no-repeat; border-bottom: 3px double #fff; text-shadow: 2px 2px 10px #dd360a; } .pi-europa.pi-theme-ghost .pi-image-collection-tabs { border-bottom: 3px solid #00000080; } .pi-europa.pi-theme-ghost .pi-image-collection-tabs .current { background-color: #dd360a; color: #fff; } .pi-europa.pi-theme-ghost .pi-data-label { color: #fff; } .portable-infobox.pi-theme-ghost .pi-data-label { background: #dd360a; } .pi-europa.pi-theme-ghost .pi-horizontal-group .pi-data-label { background-color: #dd360a!important; } .pi-europa.pi-theme-ghost .pi-horizontal-group-item:nth-child(even) { border-left: 2px solid #dd360a80; } .pi-europa.pi-theme-ghost .pi-navigation { background: #000000; } /* Supernaturals: Dominant: #eee3db Accent: #dd360a .pi-europa.pi-background.pi-theme-supernatural { border: 2px solid #dd360a; } .pi-europa.pi-theme-supernatural .pi-header { background: #dd360a; color: #ffffff; } .pi-europa.pi-theme-supernatural .pi-title { background: #dd360a url("https://static.wikia.nocookie.net/hanakokun/images/2/2a/Hakujoudai_%28Red%29.png/revision/latest") no-repeat; border-bottom: 3px double #eee3db; text-shadow: 2px 2px 10px #eee3db; } .pi-europa.pi-theme-supernatural .pi-image-collection-tabs { border-bottom: 3px solid #dd360a80; } .pi-europa.pi-theme-supernatural .pi-image-collection-tabs .current { background-color: #eee3db; border: 1px solid #dd3609; } .pi-europa.pi-theme-supernatural .pi-data-label { color: #3a3a3a; } .portable-infobox.pi-theme-supernatural .pi-data-label { background-color: #eee3db; border: 1px solid #dd3609; color: #3a3a3a; } .pi-europa.pi-theme-supernatural .pi-horizontal-group .pi-data-label { background-color: #eee3db!important; border: 1px solid #dd3609; color: #3a3a3a; } .pi-europa.pi-theme-supernatural .pi-navigation { background: #dd3609; } /* Media: ** Only difference should be the formatting of the image tabs. The design is taken from Kimetsu no Yaiba wiki. .portable-infobox.pi-theme-media ul.pi-image-collection-tabs { font-size: 12px; margin: 0; } .portable-infobox.pi-theme-media ul.pi-image-collection-tabs li { border: 0; } .portable-infobox.pi-theme-media .pi-image-collection-tabs .pi-tab-link:after { content: "|"; color: #3d3d3d; font-weight: bold; width: 1em; padding-right: 3px; } .portable-infobox.pi-theme-media .pi-image-collection-tabs .pi-tab-link:last-child:after { content: none; } .portable-infobox.pi-theme-media .pi-image-collection-tabs li.current { background: transparent; } .pi-europa.pi-theme-media .pi-image-collection-tabs .current { border-radius: 0; margin-top: 0; padding: 0; } li.pi-tab-link.pi-item-spacing.pi-theme-media { padding: 0!important; } ul.pi-image-collection-tabs.pi-theme-media li { overflow: visible!important; }

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

.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: 0!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: 0!important; padding: 0 !important; }