User:Sid the Kpop fan/common.css

/*.mainpage .page-content:after { content: ' '; display: block; clear: both; }*/	display: flex; margin: 1em auto 2em; width: 96%; justify-content: space-between; }	position: relative; }	position: absolute; }	width: 300px !important; position: relative; margin: 0; }	display: block; background-color: transparent; }	position: relative; margin-top: -164px; padding: 22px 0; min-height: 164px; pointer-events: none; background-color: #0006; }	display: none; }	margin: 0; padding: 0 30px 0; color: #f2edd9; line-height: 1.3; font-size: 16px; font-weight: bold; } @media (hover: hover) and (pointer: fine) { #games { overflow: hidden; height: 120px; opacity: .8; transition: opacity 1.2s, height 1.2s; }	#games:hover { height: 450px; opacity: 1; transition: opacity .8s, height .8s .6s; }	#games > div { filter: grayscale(.5); transition: filter 1s; }	#games > div:hover { filter: grayscale(0); transition: filter .3s; }	#games > div > .floatnone { margin-top: -30px; opacity: .001; transition: opacity 1s .6s, margin-top 1.2s; }	#games:hover > div > .floatnone { margin-top: 0; opacity: 1; transition: opacity .3s, margin-top .8s .6s; }	#games > div > .thumb { margin: -30px 0 0 0; transition: margin-top 1.2s; }	#games:hover > div > .thumb { margin-top: 0; transition: margin-top .8s .6s; }	#games > div > .thumb > .thumbcaption { opacity: 0; transition: opacity 1s; }	#games > div:hover > .thumb > a ~ .thumbcaption { opacity: 1; transition: opacity .3s; } } @media (max-width: 1083px) { #games { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } } .charlist { display: flex; justify-content: space-between; }
 * 1) games {
 * 1) games > div {
 * 1) games > div > .floatnone {
 * 1) games > div > .thumb {
 * 1) games > div > .thumb > a {
 * 1) games > div > .thumb > .thumbcaption {
 * 1) games > div > .thumb > .thumbcaption > a {
 * 1) games > div > .thumb > .thumbcaption > .caption {

.charlist-wrapper { position: relative; overflow: hidden; } .charlist-desc { position: absolute; opacity: 0; top: 0; left: 0; } .charlist-image img + .charlist-desc { opacity: 0; transition: opacity 0.5s; } .charlist-image img:hover + .charlist-desc { opacity: 1; transition: opacity 0.5s; } .portable-infobox .pi-border-color { border: none; }