Template:InfoboxOld/styles.css

.infobox-table { width: 450px; border-radius: 12px; border-spacing: 0; padding-bottom: 20px !important; background: #f8f9fa; font-size: 0.875rem; text-align: left; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.04), 0 3px 6px rgba(0, 0, 0, 0.0575); overflow: hidden; }

.infobox-table tr:not(#infobox-table-img-bg) { margin-top: 10px; display: flex; }

.infobox-table th, .infobox-table td { padding: 0 20px !important; }

.infobox-table th, .infobox-table tr>td:first-child { font-weight: 700; }

.infobox-table tr>td:first-child { color: #72777d; font-weight: normal; font-size: 0.8125rem; letter-spacing: .75px; }

.infobox-table th, th.infobox-table-name { color: #54595d; }

.infobox-table th { font-size: 1rem; text-align: left !important; padding-top: 15px !important; border-top: 1px solid #eaecf0; }

th.infobox-table-name { border: 0 !important; font-size: 1.4rem !important; line-height: 1.4; margin-top: 10px; margin-bottom: 5px; padding-top: 0 !important; }

.infobox-table-img { background: #eaecf0; }

.infobox-table .infobox-table-img { padding: 0 !important; }

.infobox-table-img img { max-width: 100vw; height: auto !important; }

.infobox-table-img a.image { background: 0 !important; }

.infobox-button { display: block; width: 100%; }

.infobox-button>div { display: flex; flex-wrap: wrap; justify-content: space-between; }

.infobox-table .live>td:nth-child(2n) { color: #00af89; }

@media only screen and (max-width: 720px) { .infobox-table { margin-bottom: 1.6rem !important; padding-left: 0 !important; padding-right: 0 !important; } }

@media (prefers-color-scheme: dark) { .infobox-table { background: #24272f; }

.infobox-table th, th.infobox-table-name { color: #c1c2c5; }

.infobox-table th { border-color: #2e3138; }

.infobox-table tr>td:first-child { color: #a0a1a5; }

.infobox-table-img { background: #2b2f36; } }