MediaWiki:Citizen.css: Difference between revisions

Latest revision as of 20:34, 8 May 2024

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