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 lack of a hakujoudai and the format of the image tabs. The latter's design is taken from Kimetsu no Yaiba wiki. .pi-europa.pi-theme-media .pi-title { background-image: none; } .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:not(:last-of-type):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; } .portable-infobox.pi-theme-media li.pi-tab-link:nth-child(1) { padding: 0px; overflow: visible; } .portable-infobox.pi-theme-media li.pi-tab-link:nth-child(2) { padding: 0px; overflow: visible; } .portable-infobox.pi-theme-media li.pi-tab-link:nth-child(3) { padding: 0px; overflow: visible; } .portable-infobox.pi-theme-media li.pi-tab-link:nth-child(4) { padding: 0px; overflow: visible; }

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

/* Template:DiscordIntegrator styling */ .discord-widget .widget-header { background-color: #dd360a; border-bottom: 3px double #000; } .discord-widget .widget-footer { border-top: 3px double #dd360a; } .discord-widget .widget-body { background-image: url(https://static.wikia.nocookie.net/hanakokun/images/6/68/Discord_Widget.png/revision/latest); background-position: top; background-size: cover; } .discord-widget .widget-member-avatar img { border: 2px solid #dd360a; background-color: #dd360a; } .discord-widget .widget-member .widget-member-name { background-color: #dd360a; text-shadow: 0 0 5px #fff; } .discord-widget .widget-header .widget-header-count { text-shadow: 0 0 5px #fff; } .discord-widget .widget-btn-connect { color: #fff; background-color: #dd360a; border: 1px solid #dd360a; } .discord-widget .widget-btn-connect:hover { opacity: 1; background: #ea785a; border: 1px solid #ea785a; text-decoration: none; } .discord-widget .widget-role-name { color: #fff; text-shadow: 0 0 5px #fff; background: #dd360a url(https://static.wikia.nocookie.net/hanakokun/images/2/2a/Hakujoudai_%28Red%29.png/revision/latest) no-repeat top right; background-size: 20px; padding: 5px; border-radius: 5px; } .discord-widget .widget-body::-webkit-scrollbar { width: 10px; } .discord-widget .widget-body::-webkit-scrollbar-track { background: transparent; margin: 3px 0; } .discord-widget .widget-body::-webkit-scrollbar-thumb { background: #dd360a; border: 3px solid #3a3a3a; border-radius: 10px; } .discord-widget .widget-body::-webkit-scrollbar-thumb:hover { background: #ea785a; }