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.

/* 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;

}