MediaWiki:Common.css

From sona pona, the Toki Pona wiki
Revision as of 13:20, 4 November 2023 by Menasewi (talk | contribs)

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 Mobile.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: "sitelen seli kiwen asuki";
  src: url("https://static.miraheze.org/sonaponawiki/b/b5/sitelenselikiwenasuki.woff2") format('woff2'),
       url("https://static.miraheze.org/sonaponawiki/2/24/sitelenselikiwenasuki.woff") format('woff');
}

@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");
}

.toki-pona {
  font-style: italic;
}

.sitelen-pona, .sitelen-pona-static {
  font-family: "sitelen seli kiwen asuki", "sitelen seli kiwen juniko", "linja lipamanka", "Fairfax Pona HD", "nasin nanpa", "linja sike", "linja pona", sans-serif;
  font-size: 2em;
  line-height: 1em;
  position: relative;
  vertical-align: middle;
}

.sitelen-pona:hover::after, .sitelen-pona:active::after {
  background: #f8f9fa;
  border: 1px solid #a2a9b1;
  border-radius: 2px;
  bottom: 100%;
  content: attr(title);
  font-family: monospace;
  font-size: 0.5em;
  left: 0;
  position: absolute;
  padding: 0 0.4em;
}

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

.mw-parser-output abbr:is(:hover, :active, :focus)::after {
  content: " (" attr(title) ")";
  font-size: smaller;
}

.redirectMsg {
  float: left;
}



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



/* Mark invalid description lists
.mw-body-header:not(:has(#firstHeading > .mw-page-title-namespace)) ~ #bodyContent .mw-parser-output :is(dd:first-child, :not(:is(dt, dd)) + dd) {
  outline: 1px solid #ff00003f;
}

.mw-body-header:not(:has(#firstHeading > .mw-page-title-namespace)) ~ #bodyContent .mw-parser-output :is(dd:first-child, :not(:is(dt, dd)) + dd)::before {
  color: red;
  content: "Using colons for indents harms accessibility and is not recommended. Use {{Indent}} or a styled HTML element instead.";
  font-size: smaller;
  font-weight: bold;
}
*/