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