Template:Infobox place/infobox.css

/* Infobox styling */

.portable-infobox { width: 80%; 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 } }

.portable-infobox .pi-title { font-size: 24px; width: 100%; padding:25%; box-sizing: border-box; text-align: center; font-weight: bold; background-color: #3d3d3f; color: #f6f5f3; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); margin-right: 0px; margin-left:0px; }

.pi-image { width: 100%; display: block; margin-left: auto; margin-right: auto; }

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

.portable-infobox .pi-secondary-background { background-color: #7dce94; 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; }