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

/* o ante e Common.css kin */ 

@import url('https://fonts.googleapis.com/css2?family=Gentium+Plus:ital,wght@0,400;0,700;1,400;1,700&display=swap');

@font-face {
  font-family: "linja lipamanka";
  src: url("https://static.miraheze.org/sonaponawiki/4/4c/linjalipamanka-normal.woff") format("woff");
}

/*
@font-face {
  font-family: "Fairfax Pona HD";
  src: url("https://static.miraheze.org/sonaponawiki/1/12/FairfaxPonaHD.woff") format("woff");
}
*/

.sitelen-pona, .sitelen-pona-static {
  font-family: "linja lipamanka", "Fairfax Pona HD", "nasin nanpa", "linja sike", "linja pona", sans-serif;
  line-height: 0;
/*   font-size: 125%; */
}

.sitelen-pona:hover, .sitelen-pona:active {
  font-family: sans-serif;
/*   font-size: 100%; */
  font-style: italic;
  background-color: #ddd;
}

ol.references {
  font-size: 90%;
}

blockquote, .vector-body blockquote {
  padding: 8px 12px;
  margin: 8px 0;
}

.mw-parser-output del {
  text-decoration: red wavy line-through;
}



/* Dark mode */

.client-darkmode .dark-mode-invert {
  filter: invert(1) hue-rotate(0.5turn);
}

.multiply-screen, .multiply-screen img {
  mix-blend-mode: multiply;
}

.client-darkmode .multiply-screen, .client-darkmode .multiply-screen img {
  mix-blend-mode: screen;
}



/* Infobox and navbox */

.infobox, .navbox {
  border-collapse: separate;
  border-spacing: 0.2em;
}

:is(.infobox, .navbox) > * > tr > :is(th, td) {
  border: 0;
}

:is(.infobox, .navbox) .mw-collapsible-toggle {
  margin: -0.2em -0.4em;
  padding: 0.2em 0.4em;
}

.navbox .mw-collapsible-toggle {
  height: 100%;
  width: 2em;
}

:is(.infobox, .navbox) .mw-collapsible-text {
  text-decoration: none;
}

.navbox .mw-collapsible-toggle-text {
  height: 100%;
  width: 100%;
}

:is(.infobox, .navbox) .mw-collapsible-toggle::before, :is(.infobox, .navbox) .mw-collapsible-toggle::after {
  display: none;
}