MediaWiki:Common.less/infobox.less: Difference between revisions
Jump to navigation
Jump to search
Content added Content deleted
No edit summary |
No edit summary |
||
Line 11: | Line 11: | ||
.infobox { |
.infobox { |
||
font-size: .85em; |
font-size: .85em; |
||
width: 300px; |
|||
border-collapse: collapse; |
|||
float: right; |
|||
table-layout: fixed; |
|||
margin: 0.5em 0 1em 1em; |
|||
.infobox-buttons { |
|||
display: flex; |
|||
flex-wrap: wrap; |
|||
justify-content: center; |
|||
grid-gap: 3px; |
|||
margin-bottom: 3px; |
|||
.button { |
|||
background: var(--table-header); |
|||
padding: 0 5px; |
|||
font-weight: bold; |
|||
flex: 1 1 20%; |
|||
max-width: 20%; |
|||
color: @color_1; |
|||
} |
|||
} |
|||
tbody { |
|||
border: 1px solid var(--table-border); |
|||
background: var(--table-body); |
|||
box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(231, 215, 199, 0.5); |
|||
} |
|||
.infobox-header { |
|||
background: var(--table-header); |
|||
padding: 0.5em 0; |
|||
text-align: center; |
|||
color: @color_1; |
|||
font-size: 1.15em; |
|||
font-weight: bold; |
|||
line-height: 1.4em; |
|||
} |
|||
.infobox-image { |
|||
text-align: center; |
|||
background: var(--body-main); |
|||
} |
|||
.infobox-subheader { |
|||
background: var(--table-subheader); |
|||
font-weight: bold; |
|||
text-align: center; |
|||
color: @color_1; |
|||
} |
|||
.infobox-padding { |
|||
backgound: var(--table-body); |
|||
} |
|||
tr td &:not(.infobox-padding) { |
|||
padding: 0.2em 0.5em; |
|||
} |
|||
th &:not(.infobox-header) &:not(.infobox-subheader) &:not(.infobox-nested) { |
|||
border-right: 2px solid var(--table-subheader); |
|||
text-align: right; |
|||
padding: 0.2em 0.5em; |
|||
} |
|||
} |
} |
||
.infobox .infobox-buttons { |
|||
display: flex; |
|||
flex-wrap: wrap; |
|||
justify-content: center; |
|||
grid-gap: 3px; |
|||
margin-bottom: 3px; |
|||
} |
|||
.infobox .infobox-buttons .button { |
|||
background: var(--table-header); |
|||
padding: 0 5px; |
|||
font-weight: bold; |
|||
flex: 1 1 20%; |
|||
max-width: 20%; |
|||
color: white; |
|||
} |
|||
.infobox tbody { |
|||
border: 1px solid var(--table-border); |
|||
background: var(--table-body); |
|||
box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(231, 215, 199, 0.5); |
|||
} |
|||
.infobox .infobox-header { |
|||
background: var(--table-header); |
|||
padding: 0.5em 0; |
|||
text-align: center; |
|||
color: white; |
|||
font-size: 1.15em; |
|||
font-weight: bold; |
|||
line-height: 1.4em; |
|||
} |
|||
.infobox .infobox-image { |
|||
text-align: center; |
|||
background: var(--body-main); |
|||
} |
|||
.infobox .infobox-subheader { |
|||
background: var(--table-subheader); |
|||
font-weight: bold; |
|||
text-align: center; |
|||
color: white; |
|||
} |
|||
.infobox .infobox-padding { |
|||
backgound: var(--table-body); |
|||
} |
|||
.infobox tr td:not(.infobox-padding) { |
|||
padding: 0.2em 0.5em; |
|||
} |
|||
.infobox th:not(.infobox-header):not(.infobox-subheader):not(.infobox-nested) { |
|||
border-right: 2px solid var(--table-subheader); |
|||
text-align: right; |
|||
padding: 0.2em 0.5em; |
|||
} |
|||
/*Hide*/ |
|||
.hidden { |
.hidden { |
||
display: none; |
display: none; |