Toggle menu
Toggle preferences menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

Template:Main Page consoles/styles.css: Difference between revisions

Template page
(shrink images to 200px wide)
m (Protected "Template:Main Page consoles/styles.css" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite)))
(3 intermediate revisions by the same user not shown)
Line 2: Line 2:
display: block;
display: block;
text-align: center;
text-align: center;
}
.console-image img {
max-width: 200px;
height: auto;
}
}


Line 18: Line 13:
.mp-wup { grid-column: 2; }
.mp-wup { grid-column: 2; }
.mp-hac { grid-column: 3; }
.mp-hac { grid-column: 3; }
.mp-rvl { grid-column: 4; }
.mp-ctr,
.mp-ctr,
.mp-wup,
.mp-wup {
.mp-hac {
border-right: 1px solid #a2a9b1;
border-right: 1px solid #a2a9b1;
}
}

Revision as of 04:58, 21 June 2022

.mp-console-container {
	display: block;
	text-align: center;
}

@media screen and (min-width: 851px) {
	.mp-console-container {
		display: grid;
		grid-auto-columns: minmax(0, 1fr);
	}
	
	.mp-ctr { grid-column: 1; }
	.mp-wup { grid-column: 2; }
	.mp-hac { grid-column: 3; }
	
	.mp-ctr,
	.mp-wup {
		border-right: 1px solid #a2a9b1;
	}
	
	.console-header      { grid-row: 1; }
	.console-image       {
		grid-row: 2;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.console-guide-link  { grid-row: 3; }
	.console-version     { grid-row: 4; }
}