MediaWiki:Wikia.css

@import url('https://fonts.googleapis.com/css2?family=Rubik|Noto+Sans+JP|Noto+Sans+KR|Noto+Sans+SC|Noto+Sans+TC|Poppins:wght@500'); @import url("/load.php?mode=articles&only=styles&articles=MediaWiki:Card.css|MediaWiki:Themes.css|MediaWiki:LinkColors.css");

/* 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; }

/* 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); }

/** Custom fonts **/ .WikiaPage { font-family: 'Rubik',Arial,sans-serif; } h1, h2, h3, h4 { 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;}

/** Main Navigation tweaks **/ .wds-community-header .wds-community-header__sitename a, .wds-community-header .wds-tabs .wds-tabs__tab-label, .wds-community-header .wds-tabs .wds-tabs__tab-label a, .wds-community-header .wds-community-header__counter, .wds-community-header .wds-button.wds-is-secondary { color: #fff; }

.wds-community-header .wds-button.wds-is-secondary { border-color: #fff; }

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

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

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

/* Tweaks to eliminate extraneous margins and spacing on Oasis. */ .iumb p + p, .ooumb p + p { margin: 0; } .WikiaArticle { line-height: 23px; font-size: 13px; } .WikiaArticle h2 { margin-top: 14px; } .WikiaArticle .infoboxcell ul, WikiaArticle .info-boxcell ul { margin: 0 0 0 10px; } .WikiaArticle ol { margin: 0 0 0 1.5em; } .WikiaArticle ul { margin: 0 0 0 1.3em; } .WikiaArticle p + p { margin: 0.4em 0; }

/* Override wikia styles */ .wikia-slideshow-images-wrapper { padding: 0; } .wikiaPhotoGallery-slider-body, .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; }

/* Special:Community improvements */ .community-page-header .community-page-header-welcome-message, .community-page-header .community-page-subheader-welcome-message { text-shadow: #ff0040 1px 1px 10px, #ff0040 -1px 1px 10px, #ff0040 1px -1px 10px, #ff0040 -1px -1px 10px; }

/* Rail */ .WikiaRail .loading { display: none; }

/* Article listing style bullet */ .mw-parser-output ul { list-style:square url("https://vignette.wikia.nocookie.net/bandori/images/5/57/AllPerfect.png/revision/latest/scale-to-width-down/10/__cb20190207095648"); }

/* 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; }

/* 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; font-size: 95%; } .toc ul {list-style: none;}

/* Customizing Tabber */ ul.tabbernav li a { border:none !important; background: #ffffff !important; font-family: Helvetica !important; font-size: 12px !important; color: #444444 !important; font-weight: 300 !important; margin:0 !important; padding:2px 12px !important; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.75); font-size: 13px !important; cursor:default; } ul.tabbernav li:first-child a { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } ul.tabbernav li:last-of-type a { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .tabberlive .tabbertab { border: none !important; border-radius: 3px !important; background: rgba(2, 2, 17, 0.05) !important; padding:10px 10px 5px 10px !important; } ul.tabbernav { background: transparent; border-bottom: 0 !important; padding: 3px 0 !important; text-align:center; margin: 0 0 -10px 0 !important; } ul.tabbernav li a:active { background: #f0f0f0 !important; } ul.tabbernav li.tabberactive a { background:linear-gradient(#f36, #f03) !important; color:white !important; } ul.tabbernav li.tabberactive a:active { background:linear-gradient(#f37, #ff1a53) !important; color:white !important; }

/* Userpages */ border-color: transparent; }	background: linear-gradient(rgba(2, 2, 17,0.8),rgba(2, 2, 17,0.8)), url("https://static.wikia.nocookie.net/bandori/images/3/30/Bg_wrap.jpg"); background-position: right center; background-repeat: no-repeat; background-size: cover; }
 * 1) userProfileApp .user-identity-avatar__image {
 * 1) userProfileApp {

/* Tooltips http://dev.wikia.com/wiki/Tooltips */ /***********************************************/ /* Main CSS class of the tooltip */ .main-tooltip { margin-bottom: 5px; padding: 2px 5px; background: linear-gradient(rgba(2, 2, 17,0.8),rgba(2, 2, 17,0.8)); font-size: 90%; border: none; box-shadow: 0 0 3px rgba(119, 136, 153, 0.3); border-radius: 5px; }

/* Adds padding to the wrapper to make space for a shadow */ padding: 3px 7px 2px 3px; }
 * 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; }

/* 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; }

/* 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; } }

/* 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; }

/* Header Styles */ .pinkheaderdot, .phd { background: url("https://vignette.wikia.nocookie.net/bandori/images/d/d6/Header_dot.png") 0 50% no-repeat #ff3c72; } .pinkheaderdot:after, .phd:after { background: url("https://vignette.wikia.nocookie.net/bandori/images/4/49/Icon_heading.png") 0 0 no-repeat; content: ""; width: 52px; height: 67px; position: absolute; top: -5px; right: -8px; background-size: cover; }

/* 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; }

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

/* FAQ & 4koma */ .bg_dot { background: #fff url(https://vignette.wikia.nocookie.net/bandori/images/2/2a/Bg_dot_right-end.png/revision/latest?cb=20200328113547&format=original) no-repeat right bottom; } /* to replace some */ .stars_row { background-image: url("https://static.wikia.nocookie.net/bandori/images/3/3c/Stars.png"); background-repeat: no-repeat; background-position: center; height: 11px; background-size: 110px; display: block; }

/* Navbox */ table.navbox { border: 1px solid #aaa; clear: both; margin: auto; padding: 1px; text-align: center; width: 100%; } table.navbox+table.navbox { margin-top: -1px; } .navbox-title, .navbox-abovebelow, table.navbox th { padding-left: 1em; padding-right: 1em; text-align: center; } .navbox-group { font-weight: 700; padding-left: 1em; padding-right: 1em; white-space: nowrap; } .navbox, .navbox-subgroup { background: none repeat scroll 0 0 #fdfdfd; } .navbox-list { border-color: #fdfdfd; } .navbox-title, table.navbox th { background: none repeat scroll 0 0 #a5e4a5; } .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: none repeat scroll 0 0 #c0ecc0; } .navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow { background: none repeat scroll 0 0 #e6f6e6; } .navbox-even { background: none repeat scroll 0 0 transparent; } .navbox-odd { background: none repeat scroll 0 0 #f5fcf5; } .collapseButton { float: right; font-weight: 400; text-align: right; width: auto; } .navbox .collapseButton { width: 6em; }

/* Expand/Collapse link color on collapsibles */ .mw-collapsible-toggle a { color: #fff; }

/* Shows a new text upon hover of the old text */ .otnt { transition: all 500ms ease-in-out; } .old-text, .new-text { display: block; overflow: hidden; transition: all 500ms ease-in-out; } .old-text { height: auto; opacity: 1; width: auto; } .new-text { height: 0; opacity: 0; width: 0; } .otnt:hover .old-text { height: 0px; opacity: 0; width: 0px; } .otnt:hover .new-text { height: auto; opacity: 1; width: auto; }

.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%); } /* another tooltip variation, there can never be enough you know */ .tt { position: relative; display: inline-block; } /* stop copying tooltip content */ .ttt { user-select: none }

.tt .ttt { visibility: hidden; width: auto; background: linear-gradient(rgba(2, 2, 17,0.8),rgba(2, 2, 17,0.8)); color: #fff; text-align: center; white-space: nowrap; border-radius: 6px; padding: 5px;

/* Position the tooltip */ top: -5px; left: 105%; position: absolute; z-index: 1; }

.tt:hover .ttt { visibility: visible; }

.tt .ttt::after { content: " "; position: absolute; top: 50%; right: 100%; /* To the left of the tooltip */ margin-top: -5px; border-width: 5px; border-style: solid; border-color: transparent #020211 transparent transparent; } /* BackToTop */ border-radius: initial; background: url("https://bang-dream.bushimo.jp/wordpress/wp-content/themes/bang-dream_gbp/assets/images/common/btn_back-to-top.png") no-repeat !important; background-size: contain !important; width: 70px; height: 80px; }   visibility: hidden; } /* Category Listing customization */ .CategorySelect.articlePage { background:linear-gradient(to right, rgba(255,51,119,0.2), rgba(238,51,58,0.2), rgba(255,221,0,0.2), rgba(51,221,170,0.2), rgba(51,204,204,0.2), rgba(51,170,255,0.2), rgba(51,69,170,0.2)); border-radius: 5px; } /* RandComic */ .koma_container { position: relative; width: 275px; }
 * 1) BackToTopBtn div {
 * 1) BackToTopBtn svg {

.koma_image { display: block; width: 100%; height: auto; }

.koma_overlay { position: absolute; bottom: 0; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.5); /* Black see-through */ color: #f1f1f1; width: 100%; transition: .5s ease; opacity:0; font-size: 15px; font-weight: 700; padding: 8px; text-align: center; width: 275px; box-sizing: border-box; }

.koma_container:hover .koma_overlay { opacity: 1; }

/* ======== Hover Item - Credits to Akatsuki no Yona Wiki ========= */ .hoveritem { -moz-osx-font-smoothing: grayscale; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0); -webkit-transition-duration: 0.3s; -webkit-transition-property: transform; } .hoveritem:hover, .hoveritem:focus, .hoveritem:active { -webkit-transform: scale(1.1); transform: scale(1.1); }