MediaWiki:Citizen.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.

/* HERO */

.mecha-hero {

width:100%;
text-align:center;
margin-top:30px;
margin-bottom:40px;

}


/* MAIN LAYOUT */

.mecha-layout {

width:100%;
border-spacing:20px;

}


/* COLUMNS */

.mecha-col {

width:25%;
vertical-align:top;

}

.mecha-col-wide {

width:50%;
vertical-align:top;

}


/* CARDS */

.mecha-card {

background:var(--color-surface-2);
border:1px solid var(--color-border);
border-radius:16px;
padding:20px;

}


/* GRID */

.mecha-grid {

width:100%;
border-spacing:15px;

}

.mecha-grid td {

background:var(--color-surface-1);
border:1px solid var(--color-border);
border-radius:10px;
padding:15px;
font-weight:500;

}


/* MOBILE */

@media (max-width:900px){

.mecha-layout,
.mecha-layout tbody,
.mecha-layout tr,
.mecha-layout td {

display:block;
width:100% !important;

}

.mecha-card {

margin-bottom:20px;

}

}