MediaWiki:Templates.css

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

.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); }

/* Template:MainPage Header */ .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; }

/* Template:Tabs, 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; } /* Template:PortImage */ /* 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; }

/* Template:Episode Preview */ /* 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; } }

/* Template:FAQ */ .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; } /*	Template:Band life with Adapted from Akagami no Shirayukihime wiki */ .image-overlay { position: relative; overflow: hidden; } .image-overlay > .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; transition: 0.5s; background: #00000080; color: #de1c4e; } .image-overlay:hover > .overlay { opacity: 1; } .image-overlay > .overlay > .overlay-text { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font: bold 200% Softsoul Bold; padding-left: 3px; padding-right: 3px; text-align: center; width: 100%; } .image-overlay p { margin: .0em 0 .0em !important; } .image-overlay a:hover { opacity: 0.6; -webkit-transition: all .4s linear 0s; -moz-transition: all .4s linear 0s; -ms-transition: all .4s linear 0s; -o-transition: all .4s linear 0s; transition: all .4s linear 0s; text-decoration: none; } .image-overlay a { color: #de1c4e; -webkit-transition: all .3s linear 0s; -moz-transition: all .3s linear 0s; -ms-transition: all .3s linear 0s; -o-transition: all .3s linear 0s; transition: all .3s linear 0s; }

/* Template:Album Art */ .ca-panel { background-image: url("https://static.wikia.nocookie.net/bandori/images/1/1f/Mv-panel.png"); background-size: 250px 250px; background-repeat: no-repeat; position: relative; width: 250px; height: 250px; display: inline-block; } .ca-img { position: absolute; top: 6%; left: 5%; } .ca-img img { width: 224px; height: 224px; border-radius: 8px; overflow: hidden; } .ca-front { background-image: url("https://static.wikia.nocookie.net/bandori/images/5/58/Mv-front.png"); background-size: 250px 250px; background-repeat: no-repeat; position: absolute; width: 250px; height: 250px; } .song-name { width: 100%; position: absolute; bottom: 0; font-size: 15px; text-align: left; padding-left: 15px; padding-bottom: 10px; background-color: rgba(0,0,0,0.8); border-radius: 0 0 20px 20px; text-shadow: 1px 1px 0 #000,2px 1px 0 #000,1px 2px 0 #000,2px 2px 0 #000,3px 3px 4px #000; } .song-name a { color: #fff } .song-name-note { font-size: 12px }

/* Template:Dialogue */ .custom-dt { background: #de1c4e; background-size: 100% 20px; max-width: 250px; margin-right: calc(100% - 250px); padding-left: 8px; border-radius: 15px; } .custom-dd { padding-bottom: 10px; }

/* Template:Audio Entry*/ .audio-button { background-color: #ff3b72; border-radius: 50%; width: 25px; height: 25px; } .audio-button.now-playing, .audio-button:hover, .audio-button-parent:hover > .click-parent { background-color: #ff4390; } .audio-button.no-audio { background-color: #ee3344; }

/* Template:cite_web */ /* Protection icon the following line controls the page-protection icon in the upper right corner it must remain within this comment



/* Overrides Some wikis do not override user agent default styles for HTML and , unlike en.wp. On en.wp, keep these the same as MediaWiki:Common.css.

The word-wrap and :target styles were moved here from Common.css. On en.wp, keep these the same as Template:Citation/styles.css. cite.citation { font-style: inherit; /* Remove italics for */ /* Break long urls, etc., rather than overflowing box */ word-wrap: break-word; }

.citation q { quotes: '"' '"' "'" "'"; /* Straight quote marks for */ }

/* Highlight linked elements (such as clicked references) in blue */ .citation:target { /* ignore the linter - all browsers of interest implement this */ background-color: rgba(0, 127, 255, 0.133); }

/* ID and URL access Both core and Common.css have selector .mw-parser-output a[href$=".pdf"].external for PDF pages. All TemplateStyles pages are hoisted to .mw-parser-output. We need to have specificity equal to a[href$=".pdf"].external for locks to override PDF icon. That's essentially 2 classes and 1 element.

the .id-lock-... selectors are for use by non-citation templates like which do not have to handle PDF links .id-lock-free a, .citation .cs1-lock-free a { background: linear-gradient(transparent, transparent), url(//upload.wikimedia.org/wikipedia/commons/6/65/Lock-green.svg) right 0.1em center/9px no-repeat; }

.id-lock-limited a, .id-lock-registration a, .citation .cs1-lock-limited a, .citation .cs1-lock-registration a { background: linear-gradient(transparent, transparent), url(//upload.wikimedia.org/wikipedia/commons/d/d6/Lock-gray-alt-2.svg) right 0.1em center/9px no-repeat; }

.id-lock-subscription a, .citation .cs1-lock-subscription a { background: linear-gradient(transparent, transparent), url(//upload.wikimedia.org/wikipedia/commons/a/aa/Lock-red-alt-2.svg) right 0.1em center/9px no-repeat; }

/* Wikisource Wikisource icon when |chapter= or |title= is wikilinked to Wikisource as in cite wikisource .cs1-ws-icon a { background: linear-gradient(transparent, transparent), url(//upload.wikimedia.org/wikipedia/commons/4/4c/Wikisource-logo.svg) right 0.1em center/12px no-repeat; }

/* Errors and maintenance */ .cs1-code { /*  style override: mediawiki's css definition is specified here: https://git.wikimedia.org/blob/mediawiki%2Fcore.git/ 69cd73811f7aadd093050dbf20ed70ef0b42a713/skins%2Fcommon%2FcommonElements.css#L199 */	color: inherit; background: inherit; border: none; padding: inherit; }

.cs1-hidden-error { display: none; color: #d33; }

.cs1-visible-error { color: #d33; }

.cs1-maint { display: none; color: #3a3; margin-left: 0.3em; }

/* Small text size Set small text size in one place. 0.95 (here) * 0.9 (from references list) is ~0.85, which is the lower bound for size for accessibility. Old styling for this was just 0.85. We could write the rule so that when this template is inside references/reflist, only then does it multiply by 0.95; else multiply by 0.85 */ .cs1-format { font-size: 95%; }

/* kerning */ .cs1-kern-left { padding-left: 0.2em; }

.cs1-kern-right { padding-right: 0.2em; }

/* selflinks – avoid bold font style when cs1|2 template links to the current page */ .citation .mw-selflink { font-weight: inherit; }

/* Background */ .citation.web.cs1, .cs1-visible-error.citation-comment { background: transparent; }