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)
(Created page with ".mp-console-container { text-align: center; display: grid; grid-auto-columns: minmax(0, 1fr); } .mp-ctr { grid-column: 1; } .mp-wup { grid-column: 2; } .mp-hac { grid-column: 3; } .console-header { grid-row: 1; } .console-image { grid-row: 2; align-self: center; } .console-guide-link { grid-row: 3; } .console-version { grid-row: 4; } →‎test: .mp-console-item { border: 1px solid; }")
(8 intermediate revisions by the same user not shown)
Line 1: Line 1:
.mp-console-container {
.mp-console-container {
display: block;
text-align: center;
text-align: center;
display: grid;
grid-auto-columns: minmax(0, 1fr);
}
}


.console-image img {
.mp-ctr { grid-column: 1; }
max-width: 200px;
.mp-wup { grid-column: 2; }
height: auto;
.mp-hac { grid-column: 3; }
}
 
.console-header      { grid-row: 1; }
.console-image       { grid-row: 2; align-self: center; }
.console-guide-link  { grid-row: 3; }
.console-version    { grid-row: 4; }


@media screen and (min-width: 851px) {
/* test */
.mp-console-container {
.mp-console-item { border: 1px solid; }
display: grid;
grid-auto-columns: minmax(0, 1fr);
}
.mp-ctr { grid-column: 1; }
.mp-wup { grid-column: 2; }
.mp-hac { grid-column: 3; }
.mp-rvl { grid-column: 4; }
.mp-ctr,
.mp-wup,
.mp-hac {
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; }
}

Revision as of 04:21, 21 June 2022

.mp-console-container {
	text-align: center;
	display: grid;
	grid-auto-columns: minmax(0, 1fr);
}

.mp-ctr { grid-column: 1; }
.mp-wup { grid-column: 2; }
.mp-hac { grid-column: 3; }

.console-header      { grid-row: 1; }
.console-image       { grid-row: 2; align-self: center; }
.console-guide-link  { grid-row: 3; }
.console-version     { grid-row: 4; }

/* test */
.mp-console-item { border: 1px solid; }