Template:Infobox/styles.css: Difference between revisions
Created page with ".infobox-table { z-index: 3 !important; overflow: hidden; width: 400px; max-width: 100%; margin-bottom: 1.6rem; padding-bottom: 20px !important; background: var( --color-surface-2 ); border-radius: var( --border-radius--medium ); border-spacing: 0; box-shadow: var( --box-shadow-card ); font-size: 0.875rem; text-align: left; } .infobox-table tr:not( #infobox-table-img-bg ) { display: flex; margin-top: 10px; } .infobox-table th, .infobox-table td { padding..." |
No edit summary |
||
| Line 7: | Line 7: | ||
padding-bottom: 20px !important; | padding-bottom: 20px !important; | ||
background: var( --color-surface-2 ); | background: var( --color-surface-2 ); | ||
border-radius: | border-radius: 16px; | ||
border-spacing: 0; | border-spacing: 0; | ||
box-shadow: | box-shadow: 50; | ||
font-size: 0.875rem; | font-size: 0.875rem; | ||
text-align: left; | text-align: left; | ||
| Line 44: | Line 44: | ||
padding-top: 15px !important; | padding-top: 15px !important; | ||
border-top: 1px solid; | border-top: 1px solid; | ||
border-color: | border-color: black; | ||
font-size: 1rem; | font-size: 1rem; | ||
text-align: left !important; | text-align: left !important; | ||
Revision as of 19:05, 22 May 2025
.infobox-table { z-index: 3 !important; overflow: hidden; width: 400px; max-width: 100%; margin-bottom: 1.6rem; padding-bottom: 20px !important; background: var( --color-surface-2 ); border-radius: 16px; border-spacing: 0; box-shadow: 50; font-size: 0.875rem; text-align: left; }
.infobox-table tr:not( #infobox-table-img-bg ) { display: flex; margin-top: 10px; }
.infobox-table th, .infobox-table td { padding: 0 15px !important; }
.infobox-table th, .infobox-table tr > td:first-child { font-weight: 600; }
.infobox-table tr > td:first-child { color: var( --color-base--subtle ); font-size: 0.8125rem; font-weight: normal; letter-spacing: 0.75px; }
.infobox-table th, th.infobox-table-name { color: var( --color-base--emphasized ); }
.infobox-table th { padding-top: 15px !important; border-top: 1px solid; border-color: black; font-size: 1rem; text-align: left !important; }
th.infobox-table-name { padding-top: 0 !important; border: 0 !important; margin-top: 10px; margin-bottom: 5px; font-size: 1.4rem !important; line-height: 1.4; }
.infobox-table-img { background: var( --background-color-quiet--hover ); }
.infobox-table .infobox-table-img { padding: 0 !important; }
.infobox-table-img img { max-width: 100%; height: auto !important; }
/* Neutral background for all transprent SVG */ .infobox-table-img img[ src$='.svg' ] { background: #eaecf0; }
.infobox-table-img a.image { background: 0 !important; }
.infobox-table .image:hover img { transform: scale( 1.1 ); }
.infobox-table ul, .infobox-table ol { margin-top: 0; }
.infobox-button { display: block; width: 100%; }
.infobox-button > div { display: flex; flex-wrap: wrap; justify-content: space-between; }
@media only screen and ( max-width: 720px ) { .infobox-table { margin-right: auto; margin-left: auto; } }
