MediaWiki:Themes.css

/** Lyrics Infobox [credits: LOONA Wiki]**/ .pi-theme-lyrics.portable-infobox { width: auto; float: none; text-transform: none; font-weight: normal; margin-left: 0; } .pi-theme-lyrics .pi-header { display: none; } .pi-theme-lyrics .pi-data { width: 100%; margin: 0 auto; background: none !important; } .pi-theme-lyrics .pi-data-value { font-size: 14px; width: 100%; text-align: center; } .pi-theme-lyrics .pi-navigation { font-weight: normal; text-align: center; font-size: 14px !important; } /* == Make the tabs centered == */ .pi-theme-lyrics.portable-infobox ul.wds-tabs { justify-content: center; }

/* Background coloring */ .theme-fandomdesktop-light .portable-infobox.pi-theme-lyrics.pi-background { background-color: #f9f9f9; border: 1px solid #aaa; } .theme-fandomdesktop-dark .portable-infobox.pi-theme-lyrics.pi-background { background-color: var(--theme-page-background-color--secondary); border: 1px solid var(--theme-border-color); }

/* Color-themes */ /* Film */ .portable-infobox.pi-theme-film, .portable-infobox.pi-theme-film .pi-border-color { border-color: #3399ff; } .portable-infobox.pi-theme-film .pi-title { background-color: #3399ff; } .portable-infobox.pi-theme-film .pi-header { background-color: #66ccff; } .portable-infobox.pi-theme-film .pi-navigation { background-color: #3399ff; color: white; } .portable-infobox.pi-theme-film .pi-navigation a { color: white; } /* Series/Anime */ .portable-infobox.pi-theme-series, .portable-infobox.pi-theme-series .pi-border-color { border-color: #3333ff; } .portable-infobox.pi-theme-series .pi-title { background-color: #3333ff; } .portable-infobox.pi-theme-series .pi-header { background-color: #ccccff; } .portable-infobox.pi-theme-series .pi-navigation { background-color: #3333ff; color: white; } .portable-infobox.pi-theme-series .pi-navigation a { color: white; } /* Season */ .portable-infobox.pi-theme-season, .portable-infobox.pi-theme-season .pi-border-color { border-color: #3366cc; } .portable-infobox.pi-theme-season .pi-title { background-color: #3366cc; } .portable-infobox.pi-theme-season .pi-header { background-color: #a1b8e7; } .portable-infobox.pi-theme-season .pi-navigation { background-color: #3366cc; color: white; } .portable-infobox.pi-theme-season .pi-navigation a { color: white; } /* Person */ .portable-infobox.pi-theme-person, .portable-infobox.pi-theme-person .pi-border-color { border-color: #d3d3d3; } .portable-infobox.pi-theme-person .pi-title { background-color: #d3d3d3; color: black; } .portable-infobox.pi-theme-person .pi-header { background-color: #e6e6e6; } .portable-infobox.pi-theme-person .pi-navigation { background-color: #d3d3d3; color: black; } .portable-infobox.pi-theme-person .pi-navigation a { color: black; } /* For deceased people */ .portable-infobox.pi-theme-deceased, .portable-infobox.pi-theme-deceased .pi-border-color { border-color: #000; } .portable-infobox.pi-theme-deceased .pi-title { background-color: #000; } .portable-infobox.pi-theme-deceased .pi-header { background-color: #999; } .portable-infobox.pi-theme-deceased .pi-navigation { background-color: #000; color: white; } .portable-infobox.pi-theme-deceased .pi-navigation a { color: white; } /* Character/Groups */ .portable-infobox.pi-theme-character, .portable-infobox.pi-theme-character .pi-border-color { border-color: #ff2c2c; } .portable-infobox.pi-theme-character .pi-title { background-color: #ff2c2c; } .portable-infobox.pi-theme-character .pi-header { background-color: #f69697; } .portable-infobox.pi-theme-character .pi-navigation { background-color: #ff2c2c; color: white; } .portable-infobox.pi-theme-character .pi-navigation a { color: white; } /* Location */ .portable-infobox.pi-theme-location, .portable-infobox.pi-theme-location .pi-border-color { border-color: #25963e; } .portable-infobox.pi-theme-location .pi-title { background-color: #25963e; } .portable-infobox.pi-theme-location .pi-header { background-color: #5ad676; } .portable-infobox.pi-theme-location .pi-navigation { background-color: #25963e; color: white; } .portable-infobox.pi-theme-location .pi-navigation a { color: white; } /* Object */ .portable-infobox.pi-theme-object, .portable-infobox.pi-theme-object .pi-border-color { border-color: #088488; } .portable-infobox.pi-theme-object .pi-title { background-color: #088488; } .portable-infobox.pi-theme-object .pi-header { background-color: #00cdd0; } .portable-infobox.pi-theme-object .pi-navigation { background-color: #088488; color: white; } .portable-infobox.pi-theme-object .pi-navigation a { color: white; } /* Video game */ .portable-infobox.pi-theme-videogame, .portable-infobox.pi-theme-videogame .pi-border-color { border-color: #228b22; } .portable-infobox.pi-theme-videogame .pi-title { background-color: #228b22; } .portable-infobox.pi-theme-videogame .pi-heade { background-color: #3ebd68; } .portable-infobox.pi-theme-videogame .pi-navigation { background-color: #228b22; color: white; } .portable-infobox.pi-theme-videogame .pi-navigation a { color: white; } /* Song */ .portable-infobox.pi-theme-song, .portable-infobox.pi-theme-song .pi-border-color { border-color: #2b93ff; } .portable-infobox.pi-theme-song .pi-title { background-color: #2b93ff; } .portable-infobox.pi-theme-song .pi-header { background-color: #79bbff; } .portable-infobox.pi-theme-song .pi-navigation { background-color: #2b93ff; color: white; } .portable-infobox.pi-theme-song .pi-navigation a { color: white; } /* Album */ .portable-infobox.pi-theme-album, .portable-infobox.pi-theme-album .pi-border-color { border-color: #eb585d; } .portable-infobox.pi-theme-album .pi-title { background-color: #eb585d; } .portable-infobox.pi-theme-album .pi-header { background-color: #f39ea1; } .portable-infobox.pi-theme-album .pi-navigation { background-color: #eb585d; color: white; } .portable-infobox.pi-theme-album .pi-navigation a { color: white; } /* Channel */ .portable-infobox.pi-theme-channel, .portable-infobox.pi-theme-channel .pi-border-color { border-color: #a020f0; } .portable-infobox.pi-theme-channel .pi-title { background-color: #a020f0; } .portable-infobox.pi-theme-channel .pi-header { background-color: #d9a5f9; } .portable-infobox.pi-theme-channel .pi-navigation { background-color: #a020f0; color: white; } .portable-infobox.pi-theme-channel .pi-navigation a { color: white; } /* Episode */ .portable-infobox.pi-theme-episode, .portable-infobox.pi-theme-episode .pi-border-color { border-color: #26abff; } .portable-infobox.pi-theme-episode .pi-title { background-color: #26abff; } .portable-infobox.pi-theme-episode .pi-header { background-color: #bfe6ff; } .portable-infobox.pi-theme-episode .pi-navigation { background-color: #26abff; color: white; } .portable-infobox.pi-theme-episode .pi-navigation a { color: white; } /* Company */ .portable-infobox.pi-theme-company, .portable-infobox.pi-theme-company .pi-border-color { border-color: #5d3df3; } .portable-infobox.pi-theme-company .pi-title { background-color: #5d3df3; } .portable-infobox.pi-theme-company .pi-header { background-color: #ae9fe9; } .portable-infobox.pi-theme-company .pi-navigation { background-color: #5d3df3; color: white; } .portable-infobox.pi-theme-company .pi-navigation a { color: white; } /* Streaming service */ .portable-infobox.pi-theme-streaming, .portable-infobox.pi-theme-streaming .pi-border-color { border-color: #4188ff; } .portable-infobox.pi-theme-streaming .pi-title { background-color: #4188ff; } .portable-infobox.pi-theme-streaming .pi-header { background-color: #accbff; } .portable-infobox.pi-theme-streaming .pi-navigation { background-color: #4188ff; color: white; } .portable-infobox.pi-theme-streaming .pi-navigation a { color: white; } /* Website */ .portable-infobox.pi-theme-website, .portable-infobox.pi-theme-website .pi-border-color { border-color: #ffc500; } .portable-infobox.pi-theme-website .pi-title { background-color: #ffc500; color: black; } .portable-infobox.pi-theme-website .pi-header { background-color: #ffff99; } .portable-infobox.pi-theme-website .pi-navigation { background-color: #ffc500; color: black; } .portable-infobox.pi-theme-website .pi-navigation a { color: black; } /* Franchise */ .portable-infobox.pi-theme-franchise, .portable-infobox.pi-theme-franchise .pi-border-color { border-color: #000099; } .portable-infobox.pi-theme-franchise .pi-title { background-color: #000099; } .portable-infobox.pi-theme-franchise .pi-header { background-color: #9999ff; } .portable-infobox.pi-theme-franchise .pi-navigation { background-color: #000099; color: white; } .portable-infobox.pi-theme-franchise .pi-navigation a { color: white; } /* Species */ .portable-infobox.pi-theme-species, .portable-infobox.pi-theme-species .pi-border-color { border-color: #ff0080; } .portable-infobox.pi-theme-species .pi-title { background-color: #ff0080; } .portable-infobox.pi-theme-species .pi-header { background-color: #ff69b4; } .portable-infobox.pi-theme-species .pi-navigation { background-color: #ff0080; color: white; } .portable-infobox.pi-theme-species .pi-navigation a { color: white; } /* Book */ .portable-infobox.pi-theme-book, .portable-infobox.pi-theme-book .pi-border-color { border-color: #be8f3c; } .portable-infobox.pi-theme-book .pi-title { background-color: #be8f3c; } .portable-infobox.pi-theme-book .pi-header { background-color: #f2dcb1; } .portable-infobox.pi-theme-book .pi-navigation { background-color: #be8f3c; color: white; } .portable-infobox.pi-theme-book .pi-navigation a { color: white; }