FANDOM


Note: After saving, you may have to bypass your browser's cache to see the changes.

  • Chrome - Windows: Hold the Ctrl key and press the F5 key. OS X: Hold both the ⌘ Cmd and ⇧ Shift keys and press the R key.
  • Safari - Hold down the ⇧ Shift key and click the Reload toolbar button.
  • Firefox - Windows: Hold the Ctrl key, and press F5. OS X: Hold the ⌘ Cmd and ⇧ Shift keys, and then press R.
  • Internet Explorer - Hold the Ctrl key, and press F5 (or click the Refresh button).
/* Infobox styling */
 
/* Main styling */
/* Forked from w:c:bokunoheroacademia:MediaWiki:Themes.css */
/* Date forked: 11/01/2017 21:41 */
.pi-theme-default {
    border: 1px solid #0f0f0f;
    padding: 2px;
    font-size: smaller;
}
.pi-theme-default,
.pi-theme-default .pi-image-collection-tab-content {
    background: transparent;
}
.pi-theme-default .pi-image-collection-tabs,
.pi-theme-default .pi-font,
.pi-theme-default .pi-secondary-font {
    font-size: 11px;
}
 
/** Data customization **/
.pi-theme-default .pi-title,
.pi-theme-default .pi-header {
    text-align: center;
    color: #fff;
    background: #0f0f0f;
    font-weight: bold;
    border-color: transparent;
    padding: 4px;
}
.pi-theme-default .pi-title {
    font-size: 16px;
}
.pi-theme-default .pi-group,
.pi-theme-default .pi-group .pi-data:last-child {
    border: none;
}
.pi-theme-default .pi-data {
    padding: 4px;
}
.pi-theme-default .pi-border-color {
    border-color: #999;
}
.portable-infobox .poem ul {
    margin: 0;
    margin-left: 2em;
    list-style-position: outside;
}
.pi-theme-default .pi-horizontal-group-item {
    font-size: 85%;
}
 
/** Image customization **/
.pi-theme-default .pi-group:nth-of-type(1) .pi-caption {
    background: #0f0f0f;
    text-align: center;
    color: #fff;
    font-size: x-small;
    font-style: initial;
}
.pi-theme-default .pi-image-collection-tabs .pi-tab-link {
    background: transparent;
    border-style: none;
    margin: 0;
    padding: 0;
    color: #cc960e;
    font-weight: bold;
}
.pi-theme-default .pi-image-collection-tabs .pi-tab-link.current {
    color: #222;
}
.pi-theme-default .pi-image-collection-tabs .pi-tab-link:not(:last-of-type):after {
    content: "|";
    color: #222;
    font-weight: bold;
    width: 1em;
    padding-right: 3px
}
 
/** Navigation footer styling **/
.pi-theme-default .pi-navigation {
    text-align: center;
    font-weight: bold;
    background: #0f0f0f;
    padding: 4px;
}
.pi-theme-default .pi-navigation a {
    color: #fff;
    text-align: center;
}
 
/** Template styling **/
/*** romaji italicisation ***/
.pi-theme-default .pi-group:nth-child(1) .romaji {
    font-style: italic;
}
/*** kanji customization ***/
.pi-theme-default .pi-group:nth-child(1) .pi-navigation {
    background: transparent;
    font-size: 18px;
    font-weight: normal;
    border: none;
}
/* .pi-theme-categoric-romaji .pi-data-label,
.pi-theme-THEME-NAME .pi-data-label {
    flex-basis: 120px;
} */
 
/* Tabbed infobox */
.infoboxtabber {
    float: right;
    margin: 0 0 15px 15px;
}
.infoboxtabber .tabberlive {
    margin: 0;
}
.infoboxtabber .tabberlive .tabbernav {
    text-align: center;
    margin: 0 5px;
    position: relative;
    top: 5px;
    border-bottom: none;
}
.infoboxtabber .tabbernav li:not(.tabberactive) a,
.infoboxtabber .tabbernav li:not(.tabberactive) a:hover {
    background: #0f0f0f;
    color: #fff;
}
.infoboxtabber .tabbernav .tabberactive a {
    border-bottom: none !important;
}
.infoboxtabber .tabberlive .tabbertab {
    border: none;
}
.infoboxtabber .portable-infobox {
    margin: 0;
}
.infoboxtabber .tabbertab > p {
    display: none;
}
 
/* infobox banner images */
.infobox-image {
    float: right;
    margin-left: 15px;
}
.page-Image_width_infobox .portable-infobox {
    width: 300px;
    padding: 0;
    border: none;
}
.page-Image_width_infobox_fullwidth .portable-infobox {
    padding: 0;
    border: none;
}
.infobox-image.image-wide {
    margin: 0;
}
.infobox-image.image-wide img {
    width: 100%;
    height: auto;
}
.pi-theme-wide {
    width: 100%;
}
.pi-theme-wide .pi-data-label {
    flex-basis: 30%;
}
 
/* WP style infoboxes */
.pi-theme-wikipedia.pi-background {
    background: none;
}
.pi-theme-wikipedia .pi-image,
.pi-theme-wikipedia .pi-border-color,
.pi-theme-wikipedia .pi-secondary-background {
    background: #f8f9fa;
    border: #a2a9b1 solid;
}
.pi-theme-wikipedia .pi-title {
    font-size: 14px;
    font-weight: bold;
    padding: 0.2em;
    text-align: center;
    background: none;
}
.pi-theme-wikipedia .pi-header {
    background: #ddd;
    text-align: center;
    box-shadow: inset 0 0 0px 4px #f8f9fa;
    margin: -2px 0;
    padding: 7px 10px;
}
.pi-theme-wikipedia .pi-title ~ .pi-item,
.pi-theme-wikipedia .pi-title ~ .pi-group .pi-item {
    border-width: 0 1px;
}
.pi-theme-wikipedia .pi-group {
    border: none;
}
.pi-theme-wikipedia .pi-title + .pi-item {
    border-width: 1px 1px 0;
}
.pi-theme-wikipedia .pi-image {
    padding-top: 20px;
}
.pi-theme-wikipedia .pi-image .image-thumbnail:only-child .pi-image-thumbnail {
    padding-bottom: 20px;
}
.pi-theme-wikipedia .pi-image .pi-caption {
    font-style: normal;
    text-align: center;
}
.pi-theme-wikipedia .pi-image .pi-image-thumbnail {
    max-width: calc(100% - 40px);
    height: auto;
}
.pi-theme-wikipedia .pi-title ~ .pi-item:last-child {
    border-bottom: 1px #a2a9b1 solid;
}
 
/* Inline tabbers */
.pi-theme-inline-tab .pi-image-collection-tabs .pi-tab-link {
    background: none;
    border-style: none;
    color: #006cb0; /* change this to your link color */
    margin: 0;
    padding: 0;
    font-weight: bold;
}
.pi-theme-inline-tab .pi-image-collection-tabs .pi-tab-link.current {
    color: #222;
}
.pi-theme-inline-tab .pi-image-collection-tabs .pi-tab-link:after {
    content: "|";
    font-weight: normal;
    width: 1em;
    padding-right: 3px;
}
.pi-theme-inline-tab .pi-image-collection-tabs .pi-tab-link:last-of-type:after {
    content: none;
}
 
/* Wikitext tabbers */
.pi-theme-wikitext-tab .pi-image,
.pi-theme-wikitext-tab .pi-image-thumbnail {
	width: 100%;
	height: auto;
}
.pi-theme-wikitext-tab .pi-image {
	margin-top: 5px;
}
.pi-theme-wikitext-tab .pi-image-collection .pi-image-collection-tabs {
	margin-top: 5px;
}
.pi-theme-wikitext-tab .pi-image-collection .pi-image {
	border-top: 1px solid #666;
	margin-top: 0;
}
.pi-theme-wikitext-tab .pi-image-collection-tabs .pi-tab-link {
    background: transparent;
    border-style: none;
    padding: 0 4px;
    margin: 0 2px;
    color: #d5d5d4;
    border: 1px solid #666;
    font-weight: bold;
    font-size: small;
}
.pi-theme-wikitext-tab .pi-image-collection-tabs .pi-tab-link:not(.current) {
    background: #25a8e0;
	color: #fff;
}
 
/* Navigation-as-a-tabber */
.pi-theme-navigation-tab {
	background: none;
	clear: none;
	float: none;
	margin: 0;
	width: auto;
}
.pi-theme-navigation-tab > .pi-item,
.pi-theme-navigation-tab > .pi-image-collection {
	box-sizing: border-box;
	clear: right;
	display: inline-block;
	float: right;
	width: 270px;
}
.pi-theme-navigation-tab > .pi-item:not(.pi-header),
.pi-theme-navigation-tab > .pi-image-collection {
	background: #2b3b4a;
}
.pi-theme-navigation-tab > .pi-navigation {
	background: none;
	clear: both;
	display: inline-flex;
	float: none;
	padding: 0;
	width: auto;
}
.pi-theme-navigation-tab > .pi-navigation ul {
	display: flex;
	align-items: center;
	margin: 0;
}
.pi-theme-navigation-tab > .pi-navigation li {
	display: flex;
	margin: 0;
	padding: 0;
}
.pi-theme-navigation-tab > .pi-navigation li:nth-child(n+2) {
	margin: 0;
	padding-left: 0.5em;
}	
 
 
/** Portable horizontal lists **/
.hlist,
.hlist ul {
    display: inline;
    margin: 0;
    padding: 0;
}
.hlist li {
    display: inline;
    margin: 0;
}
.hlist li:after {
    content: "•";
    display: inline;
    padding: 0 .36em;
}
.hlist li:last-child:after {
    content: none;
}