Template:InfoCharacter/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:#376492; }

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

.infobox .content { background:#4e79a4; }