MediaWiki:Common.css: Difference between revisions

Revision as of 01:34, 19 January 2026

/* =========================
   Common baseline (all skins)
   ========================= */

/* Readability */
.mw-parser-output,
.mw-body-content,
#mw-content-text {
  line-height: 1.65;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Keep text from stretching too wide */
.mw-body-content {
  max-width: 980px;
}

/* Headings */
.mw-parser-output h1,
.mw-parser-output h2,
.mw-parser-output h3,
.mw-parser-output h4 {
  line-height: 1.25;
  margin: 1.1em 0 0.45em;
}

.mw-parser-output h2 {
  padding-bottom: 0.25em;
  border-bottom: 1px solid rgba(0,0,0,0.15);
}

/* Links */
a {
  text-underline-offset: 0.12em;
  text-decoration-thickness: from-font;
}
a:hover { text-decoration: underline; }

/* Tables */
.wikitable {
  border: 1px solid rgba(0,0,0,0.14);
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 10px;
  overflow: hidden;
}

.wikitable > * > tr > th,
.wikitable > * > tr > td {
  padding: 10px 12px;
  border: 0;
  border-top: 1px solid rgba(0,0,0,0.08);
  vertical-align: top;
}

.wikitable > * > tr:first-child > th,
.wikitable > * > tr:first-child > td {
  border-top: 0;
}

.wikitable th {
  background: rgba(0,0,0,0.05);
  font-weight: 600; /* semi-bold */
}

.wikitable tr:nth-child(even) td {
  background: rgba(0,0,0,0.015);
}

/* Code */
code, tt, kbd, samp {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 0.95em;
}

.mw-parser-output code {
  padding: 0.12em 0.35em;
  border-radius: 6px;
  background: rgba(0,0,0,0.05);
}

.mw-parser-output pre,
.mw-parser-output .mw-code {
  padding: 12px 14px;
  border: 1px solid rgba(0,0,0,0.14);
  border-radius: 10px;
  background: rgba(0,0,0,0.03);
  overflow-x: auto;
  line-height: 1.5;
}

/* Blockquotes */
.mw-parser-output blockquote {
  margin: 0.8em 0;
  padding: 0.75em 1em;
  border-left: 4px solid rgba(0,0,0,0.18);
  background: rgba(0,0,0,0.03);
  border-radius: 8px;
}