Template:TheaterList/style.css

.theatermenu{
	transition:0.2s ease-in-out;
	display:flex;
	flex-direction:row;
	position:relative;
	margin:0;
	padding:0;
}

.theatermenu:hover{
	box-shadow:0 0 7px 0 #000000;
	z-index:2;
}

.theatermenu .column1{
	flex:2;
	z-index:2;
}

.theatermenu .column2{
	flex:1;
	z-index:2;
}

@media (max-width: 720px) {
	.theatermenu .column1{
		flex:1;
	}

	.theatermenu .column2{
		display:none;
	}
}

.theatermenu .column1 .theaterlist{
	margin: 25px;
    padding: 15px;
    box-shadow: 0 0 4px 1px #000000;
}

.theaterlist ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.theaterlist ul li {
    transition: 0.2s ease-in-out;
}

.theaterlist ul li:hover {
    background: #414460;
	box-shadow: 0 0 4px 0 rgba(0,0,0,0.5);
}

body.ns-3014 .theaterlist ul li:hover {
    background: #1E3E2B;
}

.theaterlist ul li a {
	padding:7px;
	transition:0.2s ease-in-out;
	max-width:100%;
	display:block;
	width:100%;
	height:100%;
	color:#cddcef;
}

.theaterlist ul li a:hover {
    text-decoration: none;
}

.handPointer .theaterlist ul{ 
	list-style-image: url("https://khdatabase.com/images/thumb/2/22/Jiminy%27s_Journal_pointer_KH.gif/40px-Jiminy%27s_Journal_pointer_KH.gif");
	margin-left: 2em;
}

.theatermenu .theaterimg{
	position:absolute;
	z-index:1;
	width:100%;
	height:100%;
	overflow:hidden;
	display:flex;
	justify-content:center;
	align-items:center;
	margin:0;
	background:#181818;
}

.theatermenu .theaterimg a{
	width: 100%;
}

.theatermenu .theaterimg img{
	transition:0.5s ease-in-out;
	opacity:0.8;
	width: 100%;
	height: auto;
}

.theatermenu:hover .theaterimg img {
    opacity: 1.0;
    transform:scale(1.02);
}