MediaWiki:Common.css

/* All imports should go at the top of this page. */ @import url('https://fonts.googleapis.com/css2?family=Lexend&family=Noto+Sans+JP&family=Noto+Sans+KR&family=Noto+Sans+SC&family=Noto+Sans+TC&display=swap'); @import url("/load.php?mode=articles&only=styles&articles=MediaWiki:Mainpage.css|MediaWiki:Card.css|MediaWiki:Themes.css|MediaWiki:LinkColors.css|MediaWiki:Fonts.css|u:dev:MediaWiki:FontAwesome5.css|u:dev:MediaWiki:FandomizedMediaPlayer.css");


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

.page { background-color: #020211; background-color: rgba(2,2,17,0.8); background: url(https://anniv-bang-dream.bushimo.jp/2nd/assets/images/pc/bg_star.png); background-attachment: fixed; background-size: 25%; } .page__main:not(.page__main-is-edit) { background-color: rgba(var(--theme-page-background-color--rgb),90%); background-size: 25%; background-attachment: fixed; background-position: top center; } .article-table-wrapper { background-color:	unset; } .article-table.card-table td { text-align: center; } .article-table.card-table th, .article-table.card-table td { padding: 6px 12px; } .card-table { background: transparent; /* temporary until UCX rollout */ }

/* template:frame */ .st-Frame { position: relative; top: 0; right: 0; bottom: 0; left: 0; z-index: 100; overflow: hidden; padding: 15px; }

.st-Frame_Line { position: absolute; width: calc(100% - 2px); height: calc(100% - 2px); top: 1px; right: 1px; bottom: 1px; left: 1px; -webkit-box-sizing: border-box; box-sizing: border-box; outline: solid 1px #f37; }

.st-Frame_Line_Inner { position: absolute; -webkit-box-sizing: border-box; box-sizing: border-box; top: 6px; right: 6px; bottom: 6px; left: 6px; outline: solid 2px #f37; width: calc(100% - 12px); height: calc(100% - 12px); }

.st-Frame_Item { position: fixed; position: absolute; -webkit-box-sizing: border-box; box-sizing: border-box; top: 11px; right: 11px; bottom: 11px; left: 11px; width: calc(100% - 22px); height: calc(100% - 22px); filter: drop-shadow(0 0 0.2rem #f37); }

.st-Frame_Item_Bottom:before { content: ''; display: block; position: absolute; width: 100%; height: 100%; bottom: -5%; background: url(https://static.wikia.nocookie.net/choo-co-la-tiah/images/3/35/Bg_kv.png) left bottom/100% auto no-repeat; opacity: 0.7; }

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

/* Styles in "Tabs" template, credits to Virtual YouTuber Wiki */ .vyw--tabs-placement-control { float: right; min-width: 300px; border-collapse: collapse; } .vyw--tabs-placement-control.float-right-compact { margin-left: 15px; } .vyw--tabs-placement-control.across { width: 100%; float: none; clear: both; margin-left: 0; } .vyw--tab-container { display: flex; justify-content: flex-end; } .vyw--tab-line { flex-grow: 1; } .vyw--tab-line.short { max-width: 5px; } .vyw--tab-container > ul { margin: 10px 0; padding: 0; display: flex; justify-content: flex-end; } .vyw--tab-container > ul > li { list-style-type: none; display: inline-block; margin: 0; padding: 2.5px 1rem; } .vyw--tab-selected { border: 1px solid #de1c4e; border-bottom: none; } .vyw--tab-default, .vyw--tab-line { border-bottom: 1px solid #de1c4e; } .vyw--tab-selected, .vyw--tab-default, .vyw--tab-line { margin: 10px 0; padding: 0; }

.visually-hidden { position: absolute !important; overflow: hidden; height: 1px; width: 1px; clip: rect(1px, 1px, 1px, 1px); opacity: 0; }

/* Line running through gallery headers - Credits to Horimiya Wiki */ .linethrough:before, .linethrough:after { background: #de1c4e; display: inline-block; position: relative; vertical-align: middle; content: ""; width: 20%; height: 2px; } .linethrough:before { right: 12px; } .linethrough:after { left: 12px; }

/*Hover underline animation, credits to 30secondsofcode.org */ .hover-underline-animation { display: inline-block; position: relative; color: #de1c4e; }

.hover-underline-animation:after { content: ''; position: absolute; width: 100%; transform: scaleX(0); height: 2px; bottom: 0; left: 0; background-color: #de1c4e; transform-origin: bottom right; transition: transform 0.25s ease-out; }

.hover-underline-animation:hover:after { transform: scaleX(1); transform-origin: bottom left; }