Template:InfoCharacter/style.css

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

.panel-bar{ background:#376492; padding:.25em !important; column-span: all; border-radius: 6px 6px 0 0; }

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

.infoboxImage{ text-align: center; }

.infobox .title, .infobox .label{ background:#06305B; }

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

.infobox .label{ padding:5px; flex:1; text-align:right; vertical-align: top; }

.infobox .content{ padding:5px; flex:2; background:#4e79a4; text-align:left; vertical-align: top; }

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

@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; } }