View source for Template:Panel

{{#css:
.title-bar{
	background:#CC0000;
	padding:.15em;
}

.panel {
	background:#E0E0E0;
	color:#282828;
	margin:5px;
	box-shadow: 0 1.6px 3.6px 0 rgba(0,0,0,.132), 0 0.3px 0.9px 0 rgba(0,0,0,.108)
}

@media (prefers-color-scheme: dark){
	panel {
		background: #373737;
		color: #EDEDED;
	}
}

@media (max-width: 720px) {
	.panel {
		margin:0;
	}
}

.panel .title {
	background:#181818;
}

.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;
}
}}<div class="panel ms-depth-4 {{#if:{{{panelClass|}}}|{{{panelClass}}}}}" {{#if:{{{style|}}}|style="{{{style}}}"}}>{{#if:{{{title|}}}|
<div class="title">{{{title}}}</div>
<div class="title-bar"></div>}}
<div class="content" {{#if:{{{contentstyle|}}}|style="{{{contentstyle}}}"}}>
{{{content}}}
</div>{{#if:{{{footer|}}}|<div class="panel-footer">{{{footer}}}</div>}}</div>
<noinclude>
[[Category:Site templates]]
</noinclude>