Jump to content

MediaWiki:Common.css: Difference between revisions

From Dave Dodson Wiki
Created page with "CSS placed here will be applied to all skins: Bible verse styling: .bible-verse { display: block; margin-bottom: 0.25em; line-height: 1.5; } .bible-verse-number { font-weight: bold; margin-right: 0.4em; color: #555; }"
 
No edit summary
 
(One intermediate revision by the same user not shown)
Line 1: Line 1:
/* CSS placed here will be applied to all skins */
/* CSS placed here will be applied to all skins */


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


/* Bible verse styling */
/* Each verse container */
.bible-verse {
.bible-verse {
   display: block;
   display: inline;             /* verses flow like a paragraph */
  margin-bottom: 0.25em;
   line-height: 1.6;
   line-height: 1.5;
}
}


/* Add slight spacing between verses */
.bible-verse + .bible-verse {
  margin-left: 0.35em;
}
/* Verse numbers */
.bible-verse-number {
.bible-verse-number {
  font-size: 0.75em;
  vertical-align: super;
   font-weight: bold;
   font-weight: bold;
   margin-right: 0.4em;
   margin-right: 0.25em;
   color: #555;
   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);
}
}

Latest revision as of 15:43, 8 April 2026

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