MediaWiki:Wikia.css

@import url('https://fonts.googleapis.com/css?family=Open+Sans|Noto+Sans+JP|Noto+Sans+KR|Noto+Sans+SC|Noto+Sans+TC'); @import url("/load.php?mode=articles&only=styles&articles=MediaWiki:Card.css|MediaWiki:Themes.css|u:dev:MediaWiki:FandomizedActivityFeed.css|u:dev:MediaWiki:MinimalistSliderText/code.css|u:dev:MediaWiki:ModernPopovers.css|u:dev:MediaWiki:RefreshedRCArrows.css|u:dev:MediaWiki:TransparentToolbar.css");


 * root {

--toolbar-bgcolor: rgba(255,0,64,0.75) }

/* UserTags */ a.tag { color: inherit; }

/* Mark redirects in Special:Allpages and Special:Watchlist */ .allpagesredirect { font-style: italic; } .allpagesredirect:after { color: #808080; content: " (redirect)" } .watchlistredir { font-style: italic; }

/* Site */ /* Wordmark Enlarge when Hover (Credits to BlackPink Wiki) */ .WikiHeader .wordmark { -moz-transform: rotate(0deg) scale(1) skew(180deg) translate(0px); -moz-transition: All 0.6863s ease; -o-transform: rotate(0deg) scale(1) skew(180deg) translate(0px); -o-transition: All 0.6863s ease; -webkit-transform: rotate(0deg) scale(1) skew(180deg) translate(0px); -webkit-transition: All 0.6863s ease; color: #ff87c3; font-weight: bold; margin-bottom: 10px; width: 250px; word-wrap: break-word; } .WikiHeader .wordmark:hover { -webkit-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); -moz-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); -ms-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); -o-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); } .pph-wiki-header .wordmark { -moz-transform: rotate(0deg) scale(1) skew(180deg) translate(0px); -moz-transition: All 0.6863s ease; -o-transform: rotate(0deg) scale(1) skew(180deg) translate(0px); -o-transition: All 0.6863s ease; -webkit-transform: rotate(0deg) scale(1) skew(180deg) translate(0px); -webkit-transition: All 0.6863s ease; color: #ff87c3; font-weight: bold; margin-bottom: 10px; width: 250px; word-wrap: break-word; } .pph-wiki-header .wordmark:hover { -webkit-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); -moz-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); -ms-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); -o-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); } .wds-community-header__wordmark img { -moz-transform: rotate(0deg) scale(1) skew(180deg) translate(0px); -moz-transition: All 0.6863s ease; -o-transform: rotate(0deg) scale(1) skew(180deg) translate(0px); -o-transition: All 0.6863s ease; -webkit-transform: rotate(0deg) scale(1) skew(180deg) translate(0px); -webkit-transition: All 0.6863s ease; color: #ff87c3; font-weight: bold; margin-bottom: 10px; word-wrap: break-word; } .wds-community-header__wordmark img:hover { -webkit-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); -moz-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); -ms-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); -o-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); }

.WikiaPage { box-shadow: 0px 0px 28px #e53343; }

/** Wikia Header **/ .WikiaSiteWrapper > header { box-shadow: 0px 0px 28px #e53343; } /** Site name **/ .wds-community-header .wds-community-header__sitename a { color: white; }

/** Custom fonts that replace Arial. **/ body {font-family: Open Sans, sans-serif; font-size: 13px;} /* Default font */ h1, h2, h3, h4 { font-family: Open Sans, sans-serif; color:#ff0040; }


 * lang(ja) {font-family: 'Noto Sans JP', 'Arial Unicode MS', sans-serif;}
 * lang(tc) {font-family: 'Noto Sans TC', 'Arial Unicode MS', sans-serif;}
 * lang(sc) {font-family: 'Noto Sans SC', 'Arial Unicode MS', sans-serif;}
 * lang(kr) {font-family: 'Noto Sans KR', 'Arial Unicode MS', sans-serif;}

/** Tabs **/ .wds-community-header .wds-tabs__tab-label a { color: white; }

.wds-community-header .wds-tabs__tab-label { color: white; }

/** Pages counter **/ .wds-community-header .wds-community-header__counter { color: white; }

/** Header shortcuts **/ .wds-community-header .wds-button.wds-is-secondary { border-color: white; color: white; }

.wds-community-header .wds-button.wds-is-secondary svg { fill: white; }

.wds-community-header .wds-button-group > .wds-dropdown:not(:first-child) .wds-button { border-left-color: #fff; }

.wds-button { border-radius: 5px; }

/* Band Menu Img */ .fill:hover { opacity: 0.5; -webkit-transition: all .9s ease; -moz-transition: all .9s ease; -o-transition: all .9s ease; } .container_img a img { width: 100%; height: 100%; } /* Customized TOC */ .WikiaArticle .toc { background: url("https://vignette.wikia.nocookie.net/bandori/images/5/54/Star_exclamation.png/revision/latest/scale-to-width-down/32?cb=20180602123330"); background-position: right bottom; background-origin: content-box; background-repeat: no-repeat; border: none !important; margin-top: 20px; }

/* Customizing Tabber */ .tabbernav { background: #f8f8f8; border: 1px solid #eee !important; padding: 0 !important; text-align: center; font-family: inherit !important; font-weight: bold !important; font-size: 13px !important; border-radius: 5px; justify-content: space-between; display: flex; } .tabbernav li { width: 100%; } .tabbernav li a { border: none !important; margin: 0 !important; padding: 10px 0 !important; background: transparent !important; color: #999 !important; transition-duration: 0.15s; cursor: default; font-weight: normal !important; width: 100%; display: inline-block; } .tabbernav .tabberactive a, .tabbernav li a:hover { color: white !important; background: #ff0040 !important; font-weight: bold !important; } .tabbertab { border: none !important; padding: 0 !important; } /* End of Customizing Tabber */

/* Link Colors */ a:hover { text-shadow: 0 0 4px #ff3f6f; text-decoration:none; -webkit-transition: all linear 500ms; -moz-transition: all linear 500ms; -ms-transition: all linear 500ms; -o-transition: all linear 500ms; transition: all linear 500ms; } a { -webkit-transition: all linear 300ms; -moz-transition: all linear 300ms; -ms-transition: all linear 300ms; -o-transition: all linear 300ms; transition: all linear 300ms; }

/* Avatars on Userpages */ .UserProfileMasthead .masthead-avatar .avatar { border: 4px #fe3c71; box-shadow: 0px 2px 8px 0px #ff3b72 } .avatar { border-radius: 4px; }

.UserProfileMasthead .masthead-info h1, .UserProfileMasthead .masthead-info h2 { color: #fff !important; }

/* Tooltips http://dev.wikia.com/wiki/Tooltips */ /***********************************************/ /* Main CSS class of the tooltip */ .main-tooltip { border:1px solid #ff0040; -moz-border-radius:15px; -webkit-border-radius:15px; -o-border-radius:15px; -ms-border-radius:15px; border-radius:15px; -moz-box-shadow:0 0 5px #ff0040 inset; -webkit-box-shadow:0 0 5px #ff0040 inset; -o-box-shadow:0 0 5px #ff0040 inset; -ms-box-shadow:0 0 5px #ff0040 inset; box-shadow:0 0 5px #ff0040 inset; margin-bottom: 5px; padding: 2px 5px; background-color: #fff; color: #000; }

/* Adds padding to the wrapper to make space for a shadow + z-index so tooltips are visible over edit preview screen */ padding: 3px 7px 2px 3px; z-index: 6; }
 * 1) tooltip-wrapper {

/* Hides tooltips with redlinks, not yet loaded ones and elements containing tooltip contents for advanced tooltips */ .has-redlinks, .tooltip-loading, .advanced-tooltip .tooltip-contents { display: none; } .tooltips-init-complete { cursor: help; }

/* Override wikia styles */ .wikia-slideshow-images-wrapper { padding: 0; } .wikia-slideshow-images-wrapper, .wikia-slideshow-images, .wikia-gallery-item .thumb .gallery-image-wrapper.accent { background-color: transparent; } .wikia-slideshow-images-wrapper.accent, .wikia-gallery-border-small .thumb .gallery-image-wrapper { border: none; } body[class*="_Story"] .wikia-slideshow .wikia-slideshow-images { height: 400px !important; }

/* Source Editor Header Improvements*/ .EditPageHeader { opacity: .95; background-color: #ff0040; border-bottom: none; box-shadow: none; color: #fff; } /* Fix wrong colored links */ .EditPageHeader > .wordmark, .EditPageHeader > h2, .EditPageHeader > h1 a, .EditPageHeader .template-classification-type-text > a, .EditPageHeader .template-classification-type-label, .HelpLink, .HelpLink > a, .NotificationsLink, .NotificationsLink > a { color: #fff; }

/* Username highlights */ /***********************/ /* Admins */ a[href$="/wiki/User:Choocolatiah"], a[href$="/wiki/User:Kagerou98"], a[href$="/wiki/User:SharingIiiisCaring"] {   color: #F90040 !important; font-weight: bold; }

/* inactive */ a[href$="/wiki/User:Chesszz"], a[href$="/wiki/User:Hanahimes"], a[href$="/wiki/User:Suichune"] {   color: #FF2D54 !important; }

/* Content Moderators */ a[href$="/wiki/User:Happ1nessN0te"], a[href$="/wiki/User:Tinoke97"], a[href$="/wiki/User:Isovas"], a[href$="/wiki/User:Airujou"] {   color: #ee3344 !important; font-weight: bold; }

/* Bot */ a[href$="/wiki/User:Infinite_Melancholy"], a[href$="/wiki/User:TinokeBot"] {   color: #A9A9A9 !important; }

/* Color Codes */ .bandori_popipa {color:#ff3377;} .bandori_afterglow {color:#ee3344;} .bandori_pasupare {color:#33ddaa;} .bandori_roselia {color:#3344aa;} .bandori_harohapi {color:#ffdd00;} .bandori_guriguri {color:#01DFA5;} .bandori_raise {color:#00aeaf;} .bandori_morfonica {color:#33aaff;} .bandori_argo {color:#00A0FF;} .bandori_power_fg {color:#ff5a82; background-color:inherit;} .bandori_power_bg, .bandori_power_bg a {color:white !important; background-color:#ff5a82 !important;} .bandori_cool_fg {color:#1e1eff; background-color:inherit;} .bandori_cool_bg, .bandori_cool_bg a {color:white !important; background-color:#1e1eff !important;} .bandori_pure_fg {color:#00e100; background-color:inherit;} .bandori_pure_bg, .bandori_cool_bg a { color:white !important; background-color:#00e100 !important;} .bandori_happy_fg {color:#ff8a00; background-color:inherit;} .bandori_happy_bg, .bandori_cool_bg a {color:white !important; background-color:#ff8a00 !important;} .bandori_power_bg a {color:#ffffff !important;} .bandori_cool_bg a {color:#ffffff !important;} .bandori_pure_bg a {color:#ffffff !important;} .bandori_happy_bg a {color:#ffffff !important;} .bandori_power_bg a[href*="redlink=1"] {color:maroon !important;} .bandori_cool_bg a[href*="redlink=1"] {color:red !important;} .bandori_pure_bg a[href*="redlink=1"] {color:red !important;} .bandori_happy_bg a[href*="redlink=1"] {color:red !important;} .performance {color: #ffbcd4 !important;} .technique {color: #bce8ff !important;} .visuals {color: #ffe8bc !important;}

/* Styles for DIVs to make images more portable */ div.loa-img { display: inline-block; } div.loa-img>a>img { max-width: 100%; height: auto; } div.loa-img-left { margin-left: 0; margin-right: auto; } div.loa-img-left>a>img { max-width: 100%; height: auto; } div.loa-img-floatleft { float: left; margin-right:1em; } div.loa-img-floatleft>a>img { max-width: 100%; height: auto; } div.loa-img-center { display: inline-block; margin: auto; } div.loa-img-center>a>img { max-width: 100%; height: auto; } div.loa-img-right { margin-left: auto; margin-right: 0; } div.loa-img-right>a>img { max-width: 100%; height: auto; } div.loa-img-floatright { float: right; margin-left:1em; } div.loa-img-floatright>a>img { max-width: 100%; height: auto; } td#loa-adv-gems { text-align:right; border-right:0; } td#loa-adv-prob { text-align:right; border-left:0; }

.redtowhite { background: -moz-linear-gradient(left, #ff0a50 0%, #ff2362 16%, #ff3b73 32%, #ff5384 48%, #ff6c96 64%, #ff84a7 80%, #ff9db9 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ff0a50), color-stop(16%, #ff2362), color-stop(32%, #ff3b73), color-stop(48%, #ff5384), color-stop(64%, #ff6c96), color-stop(80%, #ff84a7), color-stop(100%, #ff9db9)); background: -webkit-linear-gradient(left, #ff0a50 0%, #ff2362 16%, #ff3b73 32%, #ff5384 48%, #ff6c96 64%, #ff84a7 80%, #ff9db9 100%); background: -o-linear-gradient(left, #ff0a50 0%, #ff2362 16%, #ff3b73 32%, #ff5384 48%, #ff6c96 64%, #ff84a7 80%, #ff9db9 100%); background: -ms-linear-gradient(left, #ff0a50 0%, #ff2362 16%, #ff3b73 32%, #ff5384 48%, #ff6c96 64%, #ff84a7 80%, #ff9db9 100%); background: linear-gradient(to right, #ff0a50 0%, #ff2362 16%, #ff3b73 32%, #ff5384 48%, #ff6c96 64%, #ff84a7 80%, #ff9db9 100%); }

/* video previews, adapted from NGNL wiki */ .episode-preview img { height: 100%; width: 100%; } .episode-preview-header { animation: slide-in ease-out 1s 3s forwards, fade-out linear 3s 10s forwards; } .episode-preview-header.no-video { animation: slide-in ease-out 1s 3s forwards; } @keyframes slide-in { 100% {		right: -3px; } } @keyframes fade-out { 0% {		opacity: 1; }	100% {		opacity: 0; } }

/* Customized .OGG Players Start */ .ogg_custom div { display: inline; } .ogg_custom, .ogg_custom:hover { opacity: 1; -webkit-transition: all .9s ease; -moz-transition: all .9s ease; -o-transition: all .9s ease; } .ogg_custom:hover { opacity: 1; } .ogg_custom button>img, .ogg_custom .image img { display: none; } .ogg_custom button { border: none !important; } .ogg-player-options+a:after { content: ""; } .ogg_custom .image, .ogg_custom .ogg-player-options+a:after { content:""; height: 30px; vertical-align: bottom; background-size: 100%; display: inline-block; } .ogg_custom audio { border-radius:4px } .ogg_custom>.ogg_player>div>button:after { content: url("https://vignette.wikia.nocookie.net/bandori/images/c/cf/Footer-logo-white.png/revision/latest/scale-to-width-down/100?cb=20180615010549") !important; } .ogg_custom .ogg-player-options { margin-left: 3px; } div.ogg_player .ogg-player-options { background: white !important; } .ogg_player>div+div:hover .ogg-player-options { display: inline-block !important; position: absolute; z-index: 2; } /* .OGG Player - Default */ .ogg_custom.default .ogg_player button, .ogg_custom.default audio { background: rgb(255, 0, 64) !important; } .ogg_custom.default audio::-webkit-media-controls-panel, video::-webkit-media-controls-panel { background: rgb(255, 0, 64) !important; } .ogg_custom.default .ogg-player-options { border: 1px solid rgb(255, 0, 64); }

/* Custom Argonavis BG */ .page-Argonavis .WikiaSiteWrapper { background: url("https://vignette.wikia.nocookie.net/bandori/images/1/10/Argonavis_BG2.jpg/revision/latest?cb=20180909071857"); background-attachment: fixed; background-size: cover; background-position: center; }

/* Custom PICO BG */ .page-BanG_Dream_Girls_Band_Party_☆PICO .WikiaSiteWrapper { background: url("https://anime.bang-dream.com/pico/wp-content/themes/bang-dream_pico/assets/images/pc/index/bg_keyvisual_layer_1.png") no-repeat, url("https://anime.bang-dream.com/pico/wp-content/themes/bang-dream_pico/assets/images/pc/index/bg_keyvisual_layer_2.png") no-repeat, url("https://anime.bang-dream.com/pico/wp-content/themes/bang-dream_pico/assets/images/pc/index/bg_keyvisual_2.png"); background-attachment: fixed, fixed, fixed; background-size: 100% 32%, auto, cover; background-position: center bottom, center center, center; }

/* Headers */ .title_top { background-image: url(https://vignette.wikia.nocookie.net/bang-dream/images/6/66/Titletop.png/revision/latest?cb=20170422072858&path-prefix=ru); /*mainpage, discog */ } .sidebar_header { background-image: url(https://vignette.wikia.nocookie.net/bandori/images/3/35/Sidebar_Header.png/revision/latest/__cb20190208015427); /*mainpage sidebar */ }

/* Story Locations */ .story_location { background-image: url(https://vignette.wikia.nocookie.net/bandori/images/a/aa/StoryLocation.png/revision/latest?cb=20180910102803); display: block; margin-left: auto; margin-right: auto; }

/* story texts */ .storytext { background-image: url(https://vignette.wikia.nocookie.net/bandori/images/a/a1/Story_text.png/revision/latest/__cb20190423013824); display: block; margin-left: 80px; margin-right: auto; }

/* Rail */ .WikiaRail .rail-module, .WikiaRail .module { margin: 10px 0; padding: 10px; border: 2px ridge #ccc1c2; border-radius: 8px; background: transparent; }

.WikiaRail .loading { display: none; }

/* New article listing style bullet */ .WikiaArticle ul { list-style:square outside url("https://vignette.wikia.nocookie.net/bandori/images/5/57/AllPerfect.png/revision/latest/scale-to-width-down/12/__cb20190207095648"); margin: 0 0 0 2em; }

/* pre */ .WikiaArticle pre { border-radius: 8px; line-height: 130%; width: auto; margin: auto; word-break: break-all; word-wrap: break-word; white-space: pre; white-space: -moz-pre-wrap; white-space: -o-pre-wrap; white-space: pre-wrap; }

/* poem */ .WikiaArticle .poem { border:1px solid #ff0040; border-radius: 15px; box-shadow: 0 0 5px #ff0040 inset; padding: 0 !important; }

/* Spoilers */ .spoiler .hidden-text { display:none; } .spoiler:hover .hidden-text { display:block; }