MediaWiki:Common.css: Difference between revisions
Appearance
No edit summary |
No edit summary |
||
| 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 | |||
========================= */ | |||
/* | /* Each verse container */ | ||
.bible-verse { | .bible-verse { | ||
display: | display: inline; /* verses flow like a paragraph */ | ||
line-height: 1.6; | |||
line-height: 1. | |||
} | } | ||
/* 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. | 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 */ | ||
margin- | .mw-parser-output h2 { | ||
margin-top: 1.5em; | |||
} | } | ||
.bible-verse: | /* Optional: subtle hover effect for verses */ | ||
background-color: | .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);
}