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
}