MediaWiki:Common.css: Difference between revisions
Use a compact wiki layout, supplied game sprites, and clear contributor documentation. |
Use a compact wiki layout, supplied game sprites, and clear contributor documentation. |
||
| Line 2: | Line 2: | ||
.sq-wiki-index { margin: .5em 0 1.5em; } | .sq-wiki-index { margin: .5em 0 1.5em; } | ||
.sq-index-row { display: grid; grid-template-columns: 3.5em 10em minmax(0, 1fr); align-items: center; gap: .75em; padding: .8em .5em; border-bottom: 1px solid var(--border-color-subtle, #c8ccd1); } | .sq-index-row { display: grid; grid-template-columns: 3.5em 10em minmax(0, 1fr); align-items: center; gap: .75em; padding: .8em .5em; border-bottom: 1px solid var(--border-color-subtle, #c8ccd1); } | ||
.sq-index-row p { margin: 0; } | .sq-index-row p { margin: 0; } | ||
.sq-index-icon { text-align: center; line-height: 1; } | .sq-index-icon { text-align: center; line-height: 1; } | ||
| Line 10: | Line 9: | ||
.sq-fact { margin: 1em 0; padding: .5em .75em; border-left: 2px solid var(--border-color-base, #a2a9b1); } | .sq-fact { margin: 1em 0; padding: .5em .75em; border-left: 2px solid var(--border-color-base, #a2a9b1); } | ||
.sq-table-scroll { overflow-x: auto; max-width: 100%; margin: 1em 0; } | .sq-table-scroll { overflow-x: auto; max-width: 100%; margin: 1em 0; } | ||
.sq-bonus-table { width: 100%; margin: 0; } | .sq-bonus-table { width: 100%; min-width: 42em; margin: 0; } | ||
.sq-table-hint { display: none; } | |||
.sq-bonus-table th, .sq-bonus-table td { padding: .35em .5em; vertical-align: top; } | .sq-bonus-table th, .sq-bonus-table td { padding: .35em .5em; vertical-align: top; } | ||
.sq-bonus-table td:nth-child(n+3) { white-space: nowrap; } | .sq-bonus-table td:nth-child(n+3) { white-space: nowrap; } | ||
| Line 19: | Line 19: | ||
.sq-infobox caption { font-size: 1.15em; font-weight: bold; padding: .4em; } | .sq-infobox caption { font-size: 1.15em; font-weight: bold; padding: .4em; } | ||
@media (max-width: 640px) { | @media (max-width: 640px) { | ||
.sq-table-hint { display: block; font-size: .875em; color: var(--color-subtle, #54595d); margin: .5em 0; } | |||
.sq-index-row { grid-template-columns: 2.75em minmax(0, 1fr); gap: .25em .6em; padding: .7em 0; } | .sq-index-row { grid-template-columns: 2.75em minmax(0, 1fr); gap: .25em .6em; padding: .7em 0; } | ||
.sq-index-icon { grid-row: span 2; } | .sq-index-icon { grid-row: span 2; } | ||
Revision as of 17:22, 3 November 2026
/* Keep Vector's typography, navigation, light/dark colors, and article layout. */
.sq-wiki-index { margin: .5em 0 1.5em; }
.sq-index-row { display: grid; grid-template-columns: 3.5em 10em minmax(0, 1fr); align-items: center; gap: .75em; padding: .8em .5em; border-bottom: 1px solid var(--border-color-subtle, #c8ccd1); }
.sq-index-row p { margin: 0; }
.sq-index-icon { text-align: center; line-height: 1; }
.sq-index-icon img, .sq-inline-icon img { image-rendering: pixelated; }
.sq-index-title { font-weight: bold; }
.sq-review { border: 1px solid var(--border-color-subtle, #c8ccd1); background: var(--background-color-neutral-subtle, #f8f9fa); color: var(--color-subtle, #54595d); padding: .45em .75em; margin: 1em 0; font-size: .875em; }
.sq-fact { margin: 1em 0; padding: .5em .75em; border-left: 2px solid var(--border-color-base, #a2a9b1); }
.sq-table-scroll { overflow-x: auto; max-width: 100%; margin: 1em 0; }
.sq-bonus-table { width: 100%; min-width: 42em; margin: 0; }
.sq-table-hint { display: none; }
.sq-bonus-table th, .sq-bonus-table td { padding: .35em .5em; vertical-align: top; }
.sq-bonus-table td:nth-child(n+3) { white-space: nowrap; }
.sq-bonus-table caption { text-align: left; font-weight: bold; padding: .35em 0; }
.sq-infobox { float: right; clear: right; width: 19em; max-width: 100%; margin: 0 0 1em 1em; font-size: .875em; }
.sq-infobox th, .sq-infobox td { padding: .4em .6em; }
.sq-infobox th { width: 38%; }
.sq-infobox caption { font-size: 1.15em; font-weight: bold; padding: .4em; }
@media (max-width: 640px) {
.sq-table-hint { display: block; font-size: .875em; color: var(--color-subtle, #54595d); margin: .5em 0; }
.sq-index-row { grid-template-columns: 2.75em minmax(0, 1fr); gap: .25em .6em; padding: .7em 0; }
.sq-index-icon { grid-row: span 2; }
.sq-index-links { grid-column: 2; }
.sq-infobox { float: none; margin: 1em 0; width: 100%; }
}