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

/* =========================
   Bible Verse Styling
   ========================= */

/* Each verse container */
.bible-verse {
  display: inline;              /* verses flow like a paragraph */
  line-height: 1.6;
}

/* Add slight spacing between verses */
.bible-verse + .bible-verse {
  margin-left: 0.35em;
}

/* Verse numbers */
.bible-verse-number {
  font-size: 0.75em;
  vertical-align: super;
  font-weight: bold;
  margin-right: 0.25em;
  color: #555;
}

/* Highlight verse when linked via anchor (e.g., #v16) */
.bible-verse:target {
  background-color: #fff3cd;
  padding: 2px 4px;
  border-radius: 3px;
}

/* Optional: improve readability on larger screens */
.mw-parser-output {
  max-width: 800px;
}

/* Optional: better spacing for chapter headings */
.mw-parser-output h2 {
  margin-top: 1.5em;
}

/* Optional: subtle hover effect for verses */
.bible-verse:hover {
  background-color: rgba(0, 0, 0, 0.03);
}