Template:InfoMovie/style.css

.infobox {
	float:right;
	color:#FFFFFF;
	background:#EDEDED;
	box-shadow:0 0 7px 0 rgba(0,0,0,0.5);
}

.panel-bar{
	padding:.25em;
}

.infobox .row{
	display:flex;
}

.infobox .row .label{
	padding:5px;
	flex:1;
}

.infobox .row .content{
	padding:5px;
	flex:2;
}

.infobox .content a{
	color:#9DEEFF !important;
}

.infobox .row{
	flex-direction:row;
}

.infobox .row .label{
	text-align:right;
}

.infobox .row .content{
	text-align:left;
}

@media (max-width:720px){
	.infobox{
		width:100%;
		margin:5px 0 5px 0;
	}
	
	.tabber.infoboxTab{
		width:100%;
	}
}

@media (min-width:720px){
	.infobox {
		width:360px;
		margin:5px;
	}
}

.title{
	font-family: Roboto Slab;
    font-size: 1.2em;
    color: #FFFFFF;
    padding: 10px;
    text-align: center;
}

.panel-bar{
	background:#5f738f;
}

.infobox .title, .infobox .label{
	background:#7d98bd;
}

.infobox .content {
	background:#8aa2c5;
}