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.

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;700&display=swap');

/* Main Page box styling */
.mp-box {
  border: 1px solid #a2a9b1;
  background: #f8f9fa;
  padding: 0;
  margin: 0 0 1.5em 0;
  border-radius: 4px;
}

.mp-box-title {
  background: #cedff2; /* light blue, similar to Wikipedia */
  padding: 0.5em 0.8em;
  font-size: 1.2em;
  font-weight: bold;
}

.mp-box-content {
  padding: 0.8em;
  font-size: 0.95em;
}

.mp-row {
  display: flex;
  gap: 1em;
  align-items: flex-start;
}

/* Each box column */
.mp-col {
  flex: 1 1 50%;      /* two columns on wide screens */
  min-width: 280px;   /* stack on small screens */
}

/* Make sure boxes fill their column nicely */
.mp-col .mp-box {
  height: 100%;
}

#localNotice { background-color: #ffeeba; }

/* Google-doc replication on headers */

.mw-body,
.mw-body-content,
.mw-body-content p,
.mw-body-content li {
  font-family: "Lora", serif;
  font-size: 10pt;
  line-height: 1.5;
  color: #000000;
}

#firstHeading,
.mw-page-title-main {
  font-family: "Lora", serif;
  font-size: 26pt;
  line-height: 1.5;
  color: #000000;
  text-align: center;
  margin-top: 0;
  margin-bottom: 3pt;
}

.mw-body-content h1 {
  padding-top: 20pt;
  padding-bottom: 6pt;
  font-family: "Lora", serif;
  font-size: 20pt;
  line-height: 1.5;
  color: #000000;
  text-align: left;
  font-weight: normal;
}

.mw-body-content h2 {
  padding-top: 18pt;
  padding-bottom: 6pt;
  font-family: "Lora", serif;
  font-size: 15pt;
  line-height: 1.5;
  color: #134f5c;
  text-align: left;
  font-weight: normal;
}

.mw-body-content h3 {
  padding-top: 16pt;
  padding-bottom: 4pt;
  font-family: "Lora", serif;
  font-size: 14pt;
  line-height: 1.5;
  color: #434343;
  text-align: left;
  font-weight: normal;
}

.mw-body-content h4 {
  padding-top: 14pt;
  padding-bottom: 4pt;
  font-family: "Lora", serif;
  font-size: 12pt;
  line-height: 1.5;
  color: #7f6000;
  text-align: left;
  font-weight: normal;
}

.mw-body-content h5 {
  padding-top: 12pt;
  padding-bottom: 4pt;
  font-family: "Lora", serif;
  font-size: 11pt;
  line-height: 1.5;
  color: #666666;
  text-align: left;
  font-weight: normal;
}

.mw-body-content h6 {
  padding-top: 12pt;
  padding-bottom: 4pt;
  font-family: "Lora", serif;
  font-size: 11pt;
  line-height: 1.5;
  color: #666666;
  text-align: left;
  font-style: italic;
  font-weight: normal;
}

.mw-body-content .subtitle {
  font-family: "Lora", serif;
  font-size: 11pt;
  font-weight: 700;
  line-height: 1.5;
  color: #000000;
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
}