MediaWiki:Common.css

/* === Sitename readability === */ .fandom-community-header .fandom-community-header__community-name, .fandom-community-header .wds-tabs__tab-label.first-level-item { overflow: visible; filter: drop-shadow(0 0 5px #000); }

.fandom-community-header .wds-tabs__tab-label.first-level-item span { overflow: visible; }

.fandom-community-header__image img { filter: drop-shadow(0 0 5px #000); }

.fandom-community-header .page-counter__value, .fandom-community-header .page-counter__label { overflow: visible; filter: drop-shadow(0 0 5px #000) }

.fandom-community-header .wiki-tools.wds-button-group { background: rgba(0, 0, 0, 0.3); }

/* === Infobox === */ /* Original structure credited to User:Unok */ .portable-infobox { background-color: transparent; width: 280px; border: 2px solid #fff; } .portable-infobox .wds-tabs__tab-label { height: 28px; font-size: 12px; } .portable-infobox .pi-image { width: 277px; padding-top: 3px; padding-bottom: 3px; } .portable-infobox .pi-image-thumbnail { max-width: 280px; height: auto; max-height: 500px; } .portable-infobox .pi-item-spacing { padding: 0; } .portable-infobox .pi-background { background-color: transparent; } .portable-infobox .pi-secondary-background { background-repeat: no-repeat; background-position: left; background-size: cover; color: #fff; } .portable-infobox .pi-title { max-height: 100px; font-size: 120%; padding: 10px; border-bottom: 1px solid white!important; } .portable-infobox .pi-title, .portable-infobox .pi-header { color: #fff; font-weight: bold; text-align: center; padding: 3px 0; } .portable-infobox .pi-header { border-top: 1px solid white; font-size: 110%; } .portable-infobox .pi-navigation { text-align: center; padding: 3px 0; background-repeat: no-repeat; background-position: right; background-size: cover; border-top: 1px solid white; } .portable-infobox .pi-navigation a { color: #fff; } .portable-infobox .pi-data { border: 0; border-top: 1px solid white; } .portable-infobox .pi-data-label { color: #fff; padding: 5px 10px; border-right: 1px solid white; background-repeat: no-repeat; background-position: right; background-size: cover; flex-basis: 100px; } .portable-infobox .pi-data { width: 280px; } .portable-infobox .pi-data-value { line-height: 26px; padding: 0; } .portable-infobox .pi-data-value:not(:first-child) { padding-left: 0px; } .portable-infobox .pi-group { border-bottom-width: 0px; } .portable-infobox .center { text-align:center; } .portable-infobox .pi-horizontal-group { border-top: 1px solid white; } .portable-infobox .pi-horizontal-group .pi-data-value { padding: 5px; text-align: center; color: #fff; } .portable-infobox .pi-horizontal-group .pi-data-label { padding: 5px; text-align: center; background-repeat: no-repeat; background-position: right; background-size: cover; color: #fff; border-right: 0; border-bottom: 1px solid white; } .portable-infobox .pi-horizontal-group-item:nth-child(even) { border-left: 1px solid white; }

/* === Line === */ .line_header:before, .line_header:after { display: inline-block; position: relative; vertical-align: middle; content: ""; width: 20%; height: 2px; }

.line_header:before { right: 12px; }

.line_header:after { left: 12px; }

max-width: 100%; }
 * 1) wmDiv img {

/* ====== DARK THEME ====== */ /* === Skin === */ .theme-fandomdesktop-dark .page { border: 2px solid #fff; box-shadow: 0 0 50px #fff; border-radius: 4px; }

/* === Infobox == */ .theme-fandomdesktop-dark .portable-infobox .pi-secondary-background { background-image: url(https://static.wikia.nocookie.net/yofukashi-no-uta/images/b/b3/Header_D.png/revision/latest); }

.theme-fandomdesktop-dark .portable-infobox .pi-title { background: url(https://static.wikia.nocookie.net/yofukashi-no-uta/images/5/54/Title_D.png/revision/latest); }

.theme-fandomdesktop-dark .portable-infobox .pi-navigation { background: url(https://static.wikia.nocookie.net/yofukashi-no-uta/images/b/b3/Header_D.png/revision/latest); }

.theme-fandomdesktop-dark .portable-infobox .pi-data-label { background-image: url(https://static.wikia.nocookie.net/yofukashi-no-uta/images/6/6a/Background_D.png/revision/latest); }

.theme-fandomdesktop-dark .portable-infobox .pi-horizontal-group .pi-data-label { background-image: url(https://static.wikia.nocookie.net/yofukashi-no-uta/images/6/6a/Background_D.png/revision/latest); } .theme-fandomdesktop-dark .portable-infobox.page .wds-tabs__tab { color: #b3b0b4; } .theme-fandomdesktop-dark .portable-infobox .wds-tabs__tab:hover { color: #e6e6e6; } .theme-fandomdesktop-dark .portable-infobox .wds-tabs__tab.wds-is-current, .theme-fandomdesktop-dark .portable-infobox .wds-tabs__tab.wds-is-current:hover { color: #ed5fac; } .theme-fandomdesktop-dark .portable-infobox .wds-tabs, .wds-tabs__wrapper { background-color: #1b1120; border-radius: 0; }

/* === Main Page === */ .theme-fandomdesktop-dark .main { background-image: url(https://static.wikia.nocookie.net/yofukashi-no-uta/images/5/54/Title_D.png/revision/latest); }

/* === Line === */ .theme-fandomdesktop-dark .line { border-top: 2px solid #5c3c9c; }

.theme-fandomdesktop-dark .line_header:before, .theme-fandomdesktop-dark .line_header:after { background: #5c3c9c; }

/* === Tabbers === */ .theme-fandomdesktop-dark .page .wds-tabs__tab { color: #6f6f6f; } .theme-fandomdesktop-dark .page .wds-tabs__tab:hover { color: #3f3f3f; } .theme-fandomdesktop-dark .page .wds-tabs__tab.wds-is-current, .theme-fandomdesktop-dark .page .wds-tabs__tab.wds-is-current:hover { color: #ed5fac; } .theme-fandomdesktop-dark .page .wds-tabs__wrapper.with-bottom-border { border-bottom: 0; } .theme-fandomdesktop-dark .page .wds-tabs, .wds-tabs__wrapper { background-color: #fff; border-radius: 4px; }

/* ====== LIGHT THEME ====== */ /* === Skin === */ .theme-fandomdesktop-light .page { border-top: 2px solid #fff; margin-top: 10px; border-bottom: 1px solid #fff; margin-bottom: 10px; border-radius: 5px; }

/* === Infobox == */ .theme-fandomdesktop-light .portable-infobox .pi-secondary-background { background-image: url(https://static.wikia.nocookie.net/yofukashi-no-uta/images/5/5b/Header_L.png/revision/latest); }

.theme-fandomdesktop-light .portable-infobox .pi-title { background: url(https://static.wikia.nocookie.net/yofukashi-no-uta/images/0/02/Title_L.png/revision/latest); }

.theme-fandomdesktop-light .portable-infobox .pi-navigation { background: url(https://static.wikia.nocookie.net/yofukashi-no-uta/images/5/5b/Header_L.png/revision/latest); }

.theme-fandomdesktop-light .portable-infobox .pi-data-label { background-image: url(https://static.wikia.nocookie.net/yofukashi-no-uta/images/f/f0/Background_L.png/revision/latest); }

.theme-fandomdesktop-light .portable-infobox .pi-horizontal-group .pi-data-label { background-image: url(https://static.wikia.nocookie.net/yofukashi-no-uta/images/f/f0/Background_L.png/revision/latest); } .theme-fandomdesktop-light .portable-infobox.page .wds-tabs__tab { color: #b0b4b5; } .theme-fandomdesktop-light .portable-infobox .wds-tabs__tab:hover { color: #e6e6e6; } .theme-fandomdesktop-light .portable-infobox .wds-tabs__tab.wds-is-current, .theme-fandomdesktop-light .portable-infobox .wds-tabs__tab.wds-is-current:hover { color: #3b88d9; } .theme-fandomdesktop-light .portable-infobox .wds-tabs, .wds-tabs__wrapper { background-color: #111e24; border-radius: 0; }

/* === Main Page === */ .theme-fandomdesktop-light .main { background-image: url(https://static.wikia.nocookie.net/yofukashi-no-uta/images/0/02/Title_L.png/revision/latest); }

/* === Line === */ .theme-fandomdesktop-light .line { border-top: 2px solid #438e79; }

.theme-fandomdesktop-light .line_header:before, .theme-fandomdesktop-light .line_header:after { background: #438e79; }

/* === Tabbers === */ .theme-fandomdesktop-light .page .wds-tabs__tab { color: #6f6f6f; } .theme-fandomdesktop-light .page .wds-tabs__tab:hover { color: #3f3f3f; } .theme-fandomdesktop-light .page .wds-tabs__tab.wds-is-current, .theme-fandomdesktop-light .page .wds-tabs__tab.wds-is-current:hover { color: #3b88d9; } .theme-fandomdesktop-light .page .wds-tabs__wrapper.with-bottom-border { border-bottom: 0; } .theme-fandomdesktop-light .page .wds-tabs, .wds-tabs__wrapper { background-color: #fff; border-radius: 4px; }