MediaWiki:Citizen.css: Difference between revisions
MediaWiki interface page
More actions
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
/* | /* Main container */ | ||
.mechaGrid { | .mechaGrid { | ||
width: 100%; | width: 100%; | ||
border-spacing: | |||
border-spacing: 20px; | |||
} | } | ||
/* Columns */ | /* Columns */ | ||
.mechaCol { | .mechaCol { | ||
vertical-align: top; | vertical-align: top; | ||
background: var(--color-surface-2); | |||
border: 1px solid var(--color-border); | |||
border-radius: 14px; | |||
padding: 20px; | |||
} | } | ||
/* | |||
/* Centre column container */ | |||
.mechaColCenter { | .mechaColCenter { | ||
background: transparent; | |||
border: none; | |||
padding: 0; | |||
} | } | ||
/* | /* Proper tile grid */ | ||
.mechaTiles { | .mechaTiles { | ||
width: 100%; | width: 100%; | ||
border-spacing: | |||
border-spacing: 16px; | |||
} | } | ||
/* Individual tiles */ | |||
.mechaTile { | .mechaTile { | ||
padding: | |||
background: var(--color-surface-2); | |||
border: 1px solid var(--color-border); | |||
border-radius: 12px; | |||
padding: 16px; | |||
height: 80px; | |||
vertical-align: top; | |||
} | } | ||
. | /* Fix giant left column height */ | ||
.mechaCol:first-child { | |||
height: fit-content; | |||
} | } | ||
/* | |||
. | /* Fix giant right column */ | ||
.mechaCol:last-child { | |||
height: fit-content; | |||
} | } | ||
/* Developer resource buttons */ | |||
.mechaStackItem { | .mechaStackItem { | ||
padding: | |||
background: var(--color-surface-2); | |||
border: 1px solid var(--color-border); | |||
border-radius: 10px; | |||
padding: 10px; | |||
margin-bottom: 8px; | |||
} | } | ||
/* Stats table */ | |||
/* Stats table spacing */ | |||
.mechaStats td { | .mechaStats td { | ||
padding: | |||
padding: 6px; | |||
} | } | ||
/* | /* Headings fix */ | ||
.mechaCol h2 { | |||
margin-top: 0; | |||
margin-bottom: 10px; | |||
font-size: 20px; | |||
} | } | ||
Revision as of 13:40, 21 February 2026
/* Main container */
.mechaGrid {
width: 100%;
border-spacing: 20px;
}
/* Columns */
.mechaCol {
vertical-align: top;
background: var(--color-surface-2);
border: 1px solid var(--color-border);
border-radius: 14px;
padding: 20px;
}
/* Centre column container */
.mechaColCenter {
background: transparent;
border: none;
padding: 0;
}
/* Proper tile grid */
.mechaTiles {
width: 100%;
border-spacing: 16px;
}
/* Individual tiles */
.mechaTile {
background: var(--color-surface-2);
border: 1px solid var(--color-border);
border-radius: 12px;
padding: 16px;
height: 80px;
vertical-align: top;
}
/* Fix giant left column height */
.mechaCol:first-child {
height: fit-content;
}
/* Fix giant right column */
.mechaCol:last-child {
height: fit-content;
}
/* Developer resource buttons */
.mechaStackItem {
background: var(--color-surface-2);
border: 1px solid var(--color-border);
border-radius: 10px;
padding: 10px;
margin-bottom: 8px;
}
/* Stats table spacing */
.mechaStats td {
padding: 6px;
}
/* Headings fix */
.mechaCol h2 {
margin-top: 0;
margin-bottom: 10px;
font-size: 20px;
}