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:1em;
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 {
border:grey 1px dashed;
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:1em;
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 
}