Content added Content deleted
BloodThermic (talk | contribs) (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 { pad...") |
BloodThermic (talk | contribs) (Blanked the page) Tag: Blanking |
||
Line 1: | Line 1: | ||
.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: 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: var( --border-color-base ); |
|||
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; |
|||
} |
|||
} |