MediaWiki:Common.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.

/* CSS placed here will be applied to all skins */
@font-face {
  font-family:'Libre Barcode 128 Text';
  src:url(https://db.onlinewebfonts.com/t/166b0f8c571bb021183514d3b47e9fba.woff2) format('woff2')
}
@font-face {
  font-family:'Libre Barcode 128';
  src:url(https://db.onlinewebfonts.com/t/0bdc256f6fe9c1a8a60e627bd5a3a216.woff2) format('woff2')
}
@font-face {
  font-family:'Space Mono';
  src:url(https://db.onlinewebfonts.com/t/29d7f13cb8d03e4bddff2eecdc7d2ff2.woff2) format('woff2')
}
@font-face {
  font-family:'Beech';
  src:url(https://db.onlinewebfonts.com/t/77ad444ba527da5e40f0f67a3cf6c5fc.woff2) format('woff2')
}
@font-face {
  font-family:'Newspaper Cutout White Regular';
  src:url(https://db.onlinewebfonts.com/t/ab0e69fe0dfa974eb4aea0a208f5995e.woff2) format('woff2')
}
.barcode-text {
  font-family:'Libre Barcode 128 Text',serif;
  font-weight:normal
}
.barcode {
  font-family:'Libre Barcode 128';
  font-weight:normal
}
.spacemono-text {
  font-family:'Space Mono',monospace;
  font-weight:normal
}
.beech-text {
  font-family:'Beech'
}
.newspapercutout-text {
  font-family:'Newspaper Cutout White Regular'
}
.serif-text {
  font-family:serif
}
a:not(header a):not(:has(img,
.linenos,
[class^='suggestions-'])),
#mwe-lastmodified a {
  & {
    text-decoration:none;
    color:#0ff;
    --corrulink-color:#0ff;
    border:solid 1px;
    border-color:transparent;
    &:not(.skin-citizen-dark &,.skin-citizen-auto &) {
      filter:contrast(0.5)
    }
    &.new,
    &.new:visited {
      color:#f06;
      --corrulink-color:#f06
    }
    &:hover,
    &:focus {
      color:var(--corrulink-color);
      border:dashed 1px
    }
    &:active {
      color:#ff0;
      border:dashed 1px
    }
    &:visited {
      color:#0ff
    }
    &:active:visited {
      color:#ff0
    }
    &:focus-visible {
      outline-color:currentColor
    }
  }
}
a:has(img) {
  color:currentColor !important
}
th.navbox-group {
  color:#fff
}
@media (width < 600px) {
  .infobox {
    float:none !important
  }
}
@container navbox (width < 700px) {
  .navbox .navbox-group {
    white-space:normal !important
  }
}
a.mw-logo.citizen-header__button:not(:hover) {
  color:#0000 !important
}
@media screen and (min-width:1120px) {
  :root:not(:has(.mw-ui-icon-bell)) {
    .citizen-header {
      --header-direction:column;
      inset-block:var(--header-inset-block-start) var(--header-inset-block-end);
      border:solid 1px #fff2
    }
    .citizen-header__logo {
      padding:0;
      margin:0.25em 0 0.75em
    }
  }
  .citizen-header {
    inset-inline:var(--header-inset-inline-start) auto
  }
}
@media screen {
  th {
    color:unset
  }
  *,
  ::before,
  ::after {
    border-color:unset
  }
}