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)
• Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
• Opera: Press Ctrl-F5.

/* All CSS here will be loaded for users of the Citizen skin */

@media screen {
  :root {
    --color-surface-0: #f3f1e9;
  }
}

/** Container columns **/
.col-2 {
  display: flex;
  flex-wrap: wrap;
}
.col-2 > * {
  flex: 1 1 50%;
}

/** Content columns **/
.columns-2 {
  column-count: 2;
  column-gap: 1.5em;
}

.columns-3 {
  column-count: 3;
  column-gap: 1.5em;
}

@media (max-width: 650px) {
  .columns-2.columns--only-wide, .columns-3.columns--only-wide {
    column-count: 1;
  }
}

/* Media */

img.banner, a.image > img.banner {
  display: block;
  max-width: 100%;
  width: auto;
}


/** Forms **/
input.mw-htmlform-submit {
 cursor: pointer;
 font-size: 1.15em;
 padding: .5em 1em;
}



/** Footer **/
#footer-bottom {
 display: none;
}