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

/* Testing css stuff */

/* ------------------ */
/* Message/Info boxes */
/* ------------------ */

body {
  background : red !important;
}

/* Base box system */
.box {
  padding: 0.75em 1em;
  margin: 1em 0;
  border: 1px solid var(--border-color-base);
  border-left: 4px solid var(--border-color-base);
  background-color: var(--background-color-neutral-subtle);
  color: var(--color-base);
}

/* Variants */
.box.info {
  border-left-color: var(--color-progressive);
}

.box.success {
  border-left-color: var(--color-success);
}

.box.warning {
  border-left-color: var(--color-warning);
}

.box.danger {
  border-left-color: var(--color-destructive);
}

/* Status */
.box.under-construction {
  border-left-color: var(--color-warning);
}

.box.stub {
  border-left-color: var(--color-progressive);
}

.box.outdated {
  border-left-color: var(--color-warning);
}

.box.disputed {
  border-left-color: var(--color-destructive);
}

.box.cleanup {
  border-left-color: var(--color-warning);
}

/* ------------------- */
/* Data structures etc */
/* ------------------- */

.wikitable,
.comparison-table {
  border-collapse: collapse;
  width: 100%;
  margin: 1em 0;
}

.wikitable th,
.wikitable td,
.comparison-table th,
.comparison-table td {
  border: 1px solid var(--border-color-base);
  padding: 0.4em 0.6em;
}

.wikitable th,
.comparison-table th {
  background-color: var(--background-color-neutral-subtle);
}

/* ---------------------------- */
/* Navigation & linking helpers */
/* ---------------------------- */

/* Topmost note - disambiguation */
.hatnote {
  font-style: italic;
  color: var(--color-base-subtle);
  margin-bottom: 0.5em;
}

/* Redirect to other page*/
.see-also {
  margin-top: 1em;
  padding-top: 0.5em;
  border-top: 1px solid var(--border-color-base);
}

/* <===><===><===><===><===> */
/* UNUSED FOR NOW            */
/* ------------------------- */
/* Code representation stuff */
/* ------------------------- */

/* Block of code */
.code-block {}

/* Terminal line */
.terminal {}

/* File information */
.file-info {}

/* POST/GET etc... */
.api-endpoint {}

/* <===><===><===><===><===> */

/* --------------- */
/* Utility classes */
/* --------------- */

.text-center { text-align: center; }
.text-right { text-align: right; }

/* --- */
.muted { color: var(--color-base--subtle); }
.highlight { background-color: var(--background-color-neutral-subtle); }

/* --- */
.small { font-size: 0.85em; }
.large { font-size: 1.25em; }

/* --- */
.flex { display: flex; gap: 0.5em; }
.grid { display: grid; gap: 0.5em; }