Template:Infobox person/infobox.css

/* Infobox styling */

.portable-infobox { width: 100%; margin: auto; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); margin-bottom: 25px; } @media all and ( min-width: 720px ) { .portable-infobox { width: 33%; float: right; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); margin-bottom: 25px; margin-left:25px } }

.pi-item[data-source=mini1]{ width: 100%; background-color: #98b946; color: #f6f5f3; text-align: center; margin:0; padding:0; }

.pi-item[data-source=x]{ font-size: 12px; } .pi-item[data-source=y]{ font-size: 12px; } .portable-infobox .pi-caption { background-color: #98b946; }

.portable-infobox .pi-title { font-size: 21px; width: 100%; padding:25%; box-sizing: border-box; text-align: center; font-weight: bold; background-color: #98b946; color: #f6f5f3; margin-right: 0; margin-left:0; margin-top:0; } .pi-item[data-source=mini2]{ width: 100%; box-sizing: border-box; background-color: #98b946; color: #f6f5f3; text-align: center; margin:0; padding:0; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); } .pi-image { width: 150%; height: auto; display: block; margin-top: 25px; padding: 0; }

.portable-infobox.pi-background { background-color: #EAECF0; }

.portable-infobox .pi-secondary-background { background-color: #d3e1b1; width: 100%; padding:25%; box-sizing: border-box; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); margin-bottom: 5px }

.portable-infobox .pi-border-color { border-color: #f2f2f3; }

.portable-infobox .pi-item-spacing { padding: 10px 20px; }

.portable-infobox .pi-data-label { flex-basis: 165px; }