MediaWiki:Infoboxes.css

/* Infobox */ .portable-infobox { border: 1px solid #ccc; } .pi-border-color { border-color: #ccc; } .pi-background { background-color: #fff; } .pi-secondary-background { background-color: #fff; } /* Title */ .portable-infobox .pi-title { background-color: var(--colorscheme-bg, #1560bd); color: var(--colorscheme-txt, #fff5ee); font-size: 18px; font-weight: bold; line-height: 125%; text-align: center; } /* Header */ .portable-infobox .pi-header { background-color: var(--colorscheme-bg, #1560bd); color: var(--colorscheme-txt, #fff5ee); font-size: 14px; font-weight: bold; text-align: center; } .pi-navigation { background-color: transparent; text-align: center; } .pi-font { color: #000; } .pi-secondary-font { color: #000; } .pi-horizontal-group .pi-header { text-align: center !important; } /* Image tabs */ /** tabs on the bottom **/ /* DISABLED .portable-infobox .pi-image-collection { display: flex; flex-direction: column-reverse; } ul.pi-image-collection-tabs { margin: 0; } ul.pi-image-collection-tabs li { background: #fff; border: 1px solid #ccc; color: #3a3a3a; font-weight: bold; font-size: 8px; margin: 0; width: 50%; } ul.pi-image-collection-tabs li.current { background: #ccc; color: #3a3a3a; font-weight: bold; }	/** hover effect **/ ul.pi-image-collection-tabs li:hover { background-color: #eee; } ul.pi-image-collection-tabs li.current:hover { background-color: #ccc; } /* Image */ .pi-image-collection-tab-content { background-color: #fff; } img.pi-image-thumbnail { height: auto; max-width: 100%; }	/** centered image **/ .portable-infobox .pi-image-collection .pi-image { margin: auto; } /* Page tabs links */ .pi-theme-CharBox .pi-navigation.pi-secondary-background { text-align: center; font-size: 10px; padding: 2px; background: #fff; color: #000; border-top: 1px solid #ccc; }

/* Other */ /** link correction **/ .portable-infobox .pi-title a, .portable-infobox .pi-title a.new, .portable-infobox .pi-header a, .portable-infobox .pi-header a.new{ color: inherit; }	/** collapse color correction **/ .portable-infobox .pi-collapse .pi-header:first-child::after { border-color: inherit; }	/** tabber **/ .portable-infobox .tabberlive .tabbertab { padding: 0; }	/** removing bullet from lists **/ .portable-infobox .pi-data-value ul { list-style-type: none; }	/** hover highlight **/ .portable-infobox .pi-data:hover { background-color: #eee; }	/** fix for extra margin due to empty paragraphs created after the infoboxes **/ .mw-parser-output aside + p:empty + p { margin: .4em 0 .5em; }

/*****************************	Infobox Specific Styles *****************************/

/* Arc */ .pi-theme-Arc .pi-title, .pi-theme-Arc .pi-header { background-color: var(--colorscheme-bg, #00CCCC); color: var(--colorscheme-txt, #003399); } /* Book */ .pi-theme-Book .pi-title, .pi-theme-Book .pi-header { background-color: var(--colorscheme-bg, #3dbbff); color: var(--colorscheme-txt, #3a3a3a); } .pi-theme-Book .pi-data-label { flex-basis: 120px; }

/* Chapter */ .pi-theme-Chapter .pi-title, .pi-theme-Chapter .pi-header { background-color: var(--colorscheme-bg, #ADD8E6); color: var(--colorscheme-txt, #000000); } .pi-theme-Chapter { width: 300px; } .pi-theme-Chapter .pi-data-label { flex-basis: 150px; }

/* Episode */ .pi-theme-Episode { width: 330px; } .pi-theme-Episode .pi-title { font-size: 16px; line-height: 120% }

/* Game */ .pi-theme-Game .pi-title, .pi-theme-Game .pi-header { background-color: var(--colorscheme-bg, #4682B4); color: var(--colorscheme-txt, #FFFFFF); }

/* Live-Action */ .pi-theme-liveaction .pi-title, .pi-theme-liveaction .pi-header { background-color: var(--colorscheme-bg, #003354); color: var(--colorscheme-txt, #F9E7B8); }

/* Movie */ .pi-theme-Movie .pi-title, .pi-theme-Movie .pi-header { background-color: var(--colorscheme-bg, #7f7f7f); color: var(--colorscheme-txt, #fff5ee); }

/* OVA */ .pi-theme-OVA .pi-title, .pi-theme-OVA .pi-header { background-color: var(--colorscheme-bg, #636AB8); color: var(--colorscheme-txt, #FFFFFF); } .pi-theme-OVA .pi-data-label { flex-basis: 30%; } .pi-theme-OVA .pi-navigation { background-color: #ACB1E8; color: #FFFFFF; }

/* Song */ .pi-theme-Song .pi-title, .pi-theme-Song .pi-header { background-color: var(--colorscheme-bg, #00CCCC); color: var(--colorscheme-txt, #003399); } .pi-theme-Song .pi-data-label { flex-basis: 150px; }

/* Volume */ .pi-theme-Volume .pi-title, .pi-theme-Volume .pi-header { background-color: var(--colorscheme-bg, #1560BD); color: var(--colorscheme-txt, #FFF5EE); }

/* Manga */ .pi-theme-Manga .pi-title, .pi-theme-Manga .pi-header { background-color: var(--colorscheme-bg, #788878); color: var(--colorscheme-txt, #FFF5ee); }

/* Horizontal layout */ .horizontal-layout .portable-infobox, .portable-infobox.type-horizontal { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; float: none; width: auto; margin-left: 0; }

.horizontal-layout .portable-infobox .pi-header, .portable-infobox.type-horizontal .pi-header { font-size: 18px; line-height: 22.5px; }

/* Hide sections that contain only a single mobile-only element */ nav:has(> .onlymobile:first-child:last-child) { display: none; }