MediaWiki:Common.css: Difference between revisions
From Videogame Interface Wiki
(td.unknown) |
(Infobox nicening) |
||
Line 1: | Line 1: | ||
div#infobox { | div#infobox { | ||
display:grid; | display:grid; | ||
grid-gap: | grid-gap:3px; | ||
grid-template-columns:repeat(4,1fr) | grid-template-columns:repeat(4,1fr) | ||
} | } | ||
div.infobox-section { | div#infobox .infobox-section .infobox-image { | ||
border:1px solid lightgrey | |||
} | } | ||
div#infobox .infobox-section { | div#infobox .infobox-section p { | ||
margin:0 | |||
} | } | ||
div#infobox img { | div#infobox img { | ||
width:100%; | width:100%; | ||
height:auto | height:auto | ||
} | |||
div#infobox table { | |||
border-collapse:collapse | |||
} | } | ||
Line 21: | Line 25: | ||
div#infobox table td { | div#infobox table td { | ||
border:1px solid lightgrey; | border:1px solid lightgrey; | ||
padding: | padding:0.5em; | ||
vertical-align:top | vertical-align:top | ||
} | } | ||
div#infobox table th { | div#infobox table th { | ||
text-align:right | text-align:right | ||
} | } | ||
td.positive { | td.positive { | ||
background-color:#D4FFD4; | background-color:#D4FFD4; | ||
text-align:center | text-align:center | ||
} | } | ||
td.negative { | td.negative { | ||
background-color:#FFD9D4; | background-color:#FFD9D4; | ||
text-align:center | text-align:center | ||
} | } | ||
td.mixed { | td.mixed { | ||
background-color:#DBDBDB; | background-color:#DBDBDB; | ||
text-align:center | text-align:center | ||
} | } | ||
td.unknown { | td.unknown { | ||
text-align:center | text-align:center | ||
} | } | ||
Line 48: | Line 55: | ||
background:yellow; | background:yellow; | ||
display:block; | display:block; | ||
margin-bottom:1em | margin-bottom:1em | ||
} | } |
Revision as of 14:01, 25 March 2023
div#infobox { display:grid; grid-gap:3px; grid-template-columns:repeat(4,1fr) } div#infobox .infobox-section .infobox-image { border:1px solid lightgrey } div#infobox .infobox-section p { margin:0 } div#infobox img { width:100%; height:auto } div#infobox table { border-collapse:collapse } div#infobox table th, div#infobox table td { border:1px solid lightgrey; padding:0.5em; vertical-align:top } div#infobox table th { text-align:right } td.positive { background-color:#D4FFD4; text-align:center } td.negative { background-color:#FFD9D4; text-align:center } td.mixed { background-color:#DBDBDB; text-align:center } td.unknown { text-align:center } .mw-htmlform-field-HTMLInfoField.mw-ui-vform-field > label { background:yellow; display:block; margin-bottom:1em }