MediaWiki:Infoboxes.css

/************************************* .portable-infobox { background-color: #f5f5f5; border: 1px solid #cecece; } .pi-title { border-radius: 3px 3px 0 0; }
 * Infobox styling ***********

.portable-infobox .pi-secondary-background { background-color: transparent; color: inherit; } .portable-infobox .pi-border-color { border: none; } .portable-infobox .pi-horizontal-group .pi-border-color { border: none; } .portable-infobox .pi-horizontal-group-item.pi-data-value { padding: 9px 9px; } .portable-infobox .pi-item.pi-data.pi-item-spacing:nth-child(even) { background: #f5f5f5; } .portable-infobox .pi-item.pi-data.pi-item-spacing:nth-child(odd) { background: #eeeeee; } .pi-horizontal-group-item:nth-child(even) { background-color: #eee; } .portable-infobox .pi-secondary-font { font-size: 11px !important; } .pi-data-value { font-size: 11px; } h3.pi-data-label.pi-secondary-font { font-family: 'Rubik' !important; border-bottom: none; font-size: 12px; } /***** Studio album *****/ .portable-infobox.pi-theme-studio .pi-secondary-background { background-color: #c9d7e0; font-weight: 600; } .theme-fandomdesktop-dark .portable-infobox.pi-theme-studio .pi-secondary-background { background-color: #546773; } .portable-infobox.pi-theme-studio ol { margin: 6px 0 6px 15px; }

/***** EP *****/ .portable-infobox.pi-theme-ep .pi-secondary-background { background-color: lightsalmon; font-weight: 600; } .theme-fandomdesktop-dark .portable-infobox.pi-theme-ep .pi-secondary-background { background-color: #9c6954; } /***** Soundtrack *****/ .portable-infobox.pi-theme-soundtrack .pi-secondary-background { background-color: #bbbbbb; font-weight: 600; } .theme-fandomdesktop-dark .portable-infobox.pi-theme-soundtrack .pi-secondary-background { background-color: #777777; }

/***** Single *****/ .portable-infobox.pi-theme-single .pi-secondary-background { background-color: palegoldenrod; } .theme-fandomdesktop-dark .portable-infobox.pi-theme-single .pi-secondary-background { background-color: #aba77d; }

/***** Record label ****/ .portable-infobox.pi-theme-recordlabel { background-color: #cfd4ff; border: 1px solid #aeb2d6; color: #3a3a3a; } .portable-infobox.pi-theme-recordlabel .pi-item.pi-data.pi-item-spacing:nth-child(even) { background: #dadeff; } .portable-infobox.pi-theme-recordlabel .pi-item.pi-data.pi-item-spacing:nth-child(odd) { background: #d3d8ff; }

/***** Credits *****/ .portable-infobox.pi-theme-credits { background-color: #ffffff; border: 1px solid #e0e0e0; float: inherit; clear: inherit; width: 702px; margin: 15px 15px 0 0; } .portable-infobox.pi-theme-credits .pi-title { font-size: 13px; background: white; line-height: initial; } .portable-infobox.pi-theme-credits .pi-data-value { flex-basis: inherit; } .portable-infobox.pi-theme-credits .pi-item.pi-data.pi-item-spacing:nth-child(odd) { background: #ffffff00; } .portable-infobox.pi-theme-credits .pi-item.pi-data.pi-item-spacing:nth-child(even) { background: #f5f5f5; } .portable-infobox.pi-theme-credits .pi-secondary-font { flex-basis: 25%; } .portable-infobox.pi-theme-credits .pi-data-value { flex-basis: 100% !important; padding-left: 5px; }

/* Removing Header background from Infoboxes titles */ h2.pi-item.pi-item-spacing.pi-title.pi-secondary-background:before { content: ''; display: none; } h2.pi-item.pi-header.pi-secondary-font.pi-item-spacing.pi-secondary-background:before { content: ''; display: none; }

/********** Dark theme **********/ .theme-fandomdesktop-dark .portable-infobox { border: 1px solid #2a2a2a; background-color: #202020; } .theme-fandomdesktop-dark .portable-infobox .pi-item.pi-data.pi-item-spacing:nth-child(even) { background: #202020; } .theme-fandomdesktop-dark .portable-infobox .pi-item.pi-data.pi-item-spacing:nth-child(odd) { background: #333; } .theme-fandomdesktop-dark .pi-horizontal-group-item:nth-child(even) { background-color: #333; } .theme-fandomdesktop-dark h3.pi-data-label.pi-secondary-font { font-family: 'Rubik' !important; color: #c7c7c7; }