Template:Panel/style.css

.panel {
	background:#EDEDED;
	color:#282828;
	margin:5px;
	border-radius: 4px;
}


html.skin-citizen-dark .panel, body.wgl-darkmode .panel {
	background:#042749;
	color:#BFBFBF;
}

.panel .title {
	background:#06305B;
	border-radius: 4px 4px 0 0;
}

.panel .content{
	height:100%;
}

.panel-footer {
	background:#E0E0E0;
	padding:7px;
	text-align:right;
	transition:0.3s ease-out;
}

.panel-footer:hover {
	background:#E0E5EC;
	box-shadow: 0px 0px 7px 0px rgba(0,0,0,.5);
}

.panel-footer:hover a{
	color:#06305B;
}

.panel-footer a{
	color:#282828;
	display:block;
	text-decoration:none;
	margin-right: .5em;
}

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

.panel > div:last-child{
	border-radius: 0 0 4px 4px;
}

.imageBox img{
	width: 100%;
	height: auto;
}