Template:Panel/style.css

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

body.themeDark .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; }

.contentPane:hover .overlayPane { width: 100% !important; height: 100% !important; }

.contentPane:hover .overlayText { height: 100%; }

.contentPane:hover .gradient { background: rgba(237,237,237,0.6) !important; }

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