User:Merds/CSS/Infobox.css: Difference between revisions

no edit summary
No edit summary
No edit summary
 
(9 intermediate revisions by the same user not shown)
Line 2:
/* variables */
:root {
--table-header: #c1906eb1886f;
--table-subheader: #e7d7c7d1b9ad;
--table-body: #fff8ee;
--table-border: #e9d8cc;
}
 
Line 13 ⟶ 14:
float: right;
table-layout: fixed;
margin: 0.5em 0 1em 1em;
}
 
Line 29 ⟶ 31:
flex: 1 1 20%;
max-width: 20%;
color: white;
}
 
.infobox tbody {
border: 1px solid var(--table-subheaderborder);
background: var(--table-body);
box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(231, 215, 199, 0.5);
Line 39 ⟶ 42:
.infobox .infobox-header {
background: var(--table-header);
padding: 0.5em 0;
text-align: center;
color: white;
font-size: 1.15em;
font-weight: bold;
textline-alignheight: center1.4em;
 
.infobox .infobox-image {
text-align: center;
background: var(--body-main);
}
 
Line 47 ⟶ 59:
font-weight: bold;
text-align: center;
color: white;
 
.infobox .infobox-header {
font-size: 1.15em;
}
 
.infobox .infobox-image {
text-align: center;
}
 
Line 61 ⟶ 66:
}
 
.infobox tr > td:not(.infobox-padding) {
padding: 3px0.2em 10px0.5em;
}
 
.infobox th:not(.infobox-header):not(.infobox-subheader):not(.infobox-nested) {
border-right: 2px solid var(--table-dubheadersubheader);
text-align: right;
padding: 3px0.2em 10px0.5em;
}