/* BibleBook.css * Last modified: 2014-07-17 by RJH * * This is the Cascaded Style Sheet for the HTML5 Bible book pages * generated by the Bible Organisational System (BOS) * *Copyright (C) 2013-2014 Robert Hunt *Author: Robert Hunt *License: See gpl-3.0.txt * * This program is free software: you can redistribute it and/or modify * it under the terms of the GNU General Public License as published by * the Free Software Foundation, either version 3 of the License, or * (at your option) any later version. * * This program is distributed in the hope that it will be useful, * but WITHOUT ANY WARRANTY; without even the implied warranty of * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the * GNU General Public License for more details. * * You should have received a copy of the GNU General Public License * along with this program. If not, see . * * * By changing the styles contained in this file, * you should be able to format the HTML pages more how you like them. * * Note that # below represents an id selector (id="...") * . represents a class selector (class="...") * */ /* DEFAULTS */ /* This bit was copied from a webpage and might be either wrong or unnecessary or both */ /* Makeshift CSS Reset */ { margin:0; padding:0; } /* Tell the browser to render HTML 5 elements as block */ header, footer, aside, nav, article { display:block; } body { margin:0 auto; width:940px; font:13px/22px Helvetica, Arial, sans-serif; background:#f0f0f0; } h2 { font-size:28px; line-height:44px; padding:22px 0; } h3 { font-size:18px; line-height:22px; padding:11px 0; } p { padding-bottom:22px; } /* DIVISIONS */ /* We want the nav bar on the left, and with separate scrolling from the main page */ nav { float:left; width:17%; /*background:url("nav_background")*/ } /* We tried nav { position:absolute; left:0; width:17%; /*background:url("nav_background")*-/ } but it caused text overlaps for some reason */ /* The segment below is not active -- currently just left in as a sample of available options: nav ul { margin:0 auto; width:940px; list-style:none; } nav ul li { float:left; width:17%; } nav ul li a { display:block; margin-right:20px; width:140px; font-size:14px; line-height:44px; text-align:center; text-decoration:none; color:#777; } nav ul li a:hover { color:#fff; } nav ul li.selected a { color:#fff; } nav ul li.subscribe a { margin-left:22px; padding-left:33px; text-align:left; background:url("xyz.png") left center no-repeat; } */ /* HEADINGS */ h1.mainHeader { font-size:5em; text-align:left; } h1.mainTitle1 { font-size:5em; text-align:center; } /* mt1 */ h1.mainTitle2 { font-size:4em; text-align:center; } /* mt2 */ h1.mainTitle3 { font-size:3em; text-align:center; } /* mt3 */ h1.mainTitle4 { font-size:2em; text-align:center; } /* mt4 */ h1.introductionMainTitle1 { font-size:5em; text-align:center; } /* imt1 */ h1.introductionMainTitle2 { font-size:4em; text-align:center; } /* imt2 */ h1.introductionMainTitle3 { font-size:3em; text-align:center; } /* imt3 */ h1.introductionMainTitle4 { font-size:2em; text-align:center; } /* imt4 */ h2.majorSectionHeading1 { color:brown; } h2.majorSectionHeading2 { color:brown; } h2.majorSectionHeading3 { color:brown; } h3.introductionSectionHeading1 { color:brown; } /* is1 */ h3.introductionSectionHeading2 { color:brown; } /* is2 */ h3.introductionSectionHeading3 { color:brown; } /* is3 */ h3.introductionSectionHeading4 { color:brown; } /* is4 */ h3.introductionOutlineTitle {} /* iot */ h3.sectionHeading1 { text-align:center; color:brown; } /* s1 */ h3.sectionHeading2 { text-align:center; color:brown; } /* s2 */ h3.sectionHeading3 { text-align:center; color:brown; } /* s3 */ h3.sectionHeading4 { text-align:center; color:brown; } /* s4 */ h3.footnotesHeader { color:orange; border-top:thick double orange; } h3.endnotesHeader { color:orange; border-top:thick double purple; } h3.xrefsHeader { color:pink; border-top:thick solid pink; } /* PARAGRAPHS */ /* Introduction */ p.introductionParagraph { text-indent:2em } /* ip */ p.introductionParagraphIndented { margin-left:2em; text-indent:2em } /* ipi */ p.introductionFlushLeftParagraph {} /* im */ p.introductionIndentedFlushLeftParagraph { margin-left:2em; } /* imi */ p.introductionOutlineEntry1 { margin-left:1em; } /* io1 */ p.introductionOutlineEntry2 { margin-left:2em; } /* io2 */ p.introductionOutlineEntry3 { margin-left:3em; } /* io3 */ p.introductionOutlineEntry4 { margin-left:4em; } /* io4 */ p.sectionCrossReference { text-align:center; } /* r */ p.sectionReferenceRange { text-align:center; } /* sr */ p.majorSectionReferenceRange { text-align:center; } /* mr */ /* Main text */ p.proseParagraph { text-indent:2em } /* p -- this is the standard text paragraph */ p.indentedProseParagraph1 { margin-left:2em; } /* pi1 */ p.indentedProseParagraph2 { margin-left:4em; } /* pi2 */ p.indentedProseParagraph3 { margin-left:4em; } /* pi3 */ p.indentedProseParagraph4 { margin-left:4em; } /* pi4 */ p.flushLeftParagraph {} /* m */ p.indentedFlushLeftParagraph { margin-left:2em; } /* mi */ p.embeddedOpeningParagraph { margin-left:2em; margin-right:2em; } /* pmo */ p.embeddedParagraph { margin-left:2em; margin-right:2em; text-indent:2em } /* pm */ p.embeddedClosingParagraph { margin-left:2em; margin-right:2em; } /* pmc */ p.embeddedRefrainParagraph { text-align:right; } /* pmr */ p.closureParagraph { text-align:right; } /* cls */ p.centeredProseParagraph { text-align:center; } /* pc */ p.rightAlignedProseParagraph { text-align:right; } /* pr */ p.hangingProseParagraph1 { padding-left:2em; text-indent:-2em; } /* ph1 */ p.hangingProseParagraph2 { padding-left:4em; text-indent:-2em; } /* ph2 */ p.hangingProseParagraph3 { padding-left:6em; text-indent:-2em; } /* ph3 */ p.hangingProseParagraph4 { padding-left:8em; text-indent:-2em; } /* ph4 */ /* These are paragraphs used for poetry, and each should be successively more indented */ p.poetryParagraph1 { margin-left:2em; } /* q1 */ p.poetryParagraph2 { margin-left:4em; } /* q2 */ p.poetryParagraph3 { margin-left:6em; } /* q3 */ p.poetryParagraph4 { margin-left:8em; } /* q4 */ p.rightAlignedPoetryParagraph { text-align:right; } /* qr */ p.centeredPoetryParagraph { text-align:center; } /* qc */ p.embeddedPoetryParagraph1 { margin-left:3em; text-indent:-1em; margin-right:2em; } /* qm1 */ p.embeddedPoetryParagraph2 { margin-left:5em; text-indent:-1em; margin-right:3em; } /* qm2 */ p.embeddedPoetryParagraph3 { margin-left:7em; text-indent:-1em; margin-right:4em; } /* qm3 */ p.embeddedPoetryParagraph4 { margin-left:8em; text-indent:-1em; margin-right:5em; } /* qm4 */ /* In the endnotes */ p.footnote {} p.endnote {} p.xref {} /* At the bottom of the page */ p.footnoteLine {} p.endnoteLine {} /* LISTS */ .introductionListItem1 { margin-left:1em; } /* ili1 */ .introductionListItem2 { margin-left:2em; } /* ili2 */ .introductionListItem3 { margin-left:3em; } /* ili3 */ .introductionListItem4 { margin-left:4em; } /* ili4 */ .listItem1 { margin-left:1em; } /* li1 */ .listItem2 { margin-left:2em; } /* li2 */ .listItem3 { margin-left:3em; } /* li3 */ .listItem4 { margin-left:4em; } /* li4 */ /* LINKS */ /* In the nav bar */ li.bookNameEntry {} a.bookNameLink { text-decoration:none; } span.currentBookName { color:green; } a.CVReference { text-decoration:none; } /* In the book introduction (and possibly other places also */ a.sectionCrossReferenceLink { text-decoration:none; } /* In section cross references (after section headings) */ /* In the main Bible text */ /* Subscripts */ a.footnoteLinkSymbol { vertical-align:super; fontsize:0.6em; color:orange; text-decoration:none; } a.endnoteLinkSymbol { vertical-align:super; fontsize:0.6em; color:orange; text-decoration:none; } a.xrefLinkSymbol { vertical-align:super; fontsize:0.6em; color:pink; text-decoration:none; } /* In the endnotes */ a.footnoteOrigin { font-weight:bold; text-decoration:none; } a.endnoteOrigin { font-weight:bold; text-decoration:none; } a.xrefOrigin { font-weight:bold; text-decoration:none; } /* SPANS */ span.chapterNumber { font-size:2em; color:green; } span.chapterNumberPostspace { } /* Superscripts */ span.verseOnePrespace { display:None; } /* Don't usually display verse number 1 */ span.verseOneNumber { display:None; } /* Don't usually display verse number 1 */ span.verseOnePostspace { display:None; } /* Don't usually display verse number 1 */ span.verseNumberPrespace { font-size:0.7em; } span.verseNumber { vertical-align:super; font-size:0.8em; color:red; } span.verseNumberPostspace { font-size:0.5em; } /* Character formatting of regular text -- by semantics */ span.verseText {} span.bookName { font-weight:bold; font-style:italic; } span.addedText { color:grey; } span.divineName { font-variant: small-caps; } span.wordsOfJesus { color:red; } /* How could I make it so the user can switch this off and on? */ span.signature {} span.keyword { border-bottom:1px dotted; } /* Dotted underline in text */ span.glossaryKeyword { font-weight:bold; } /* More character formatting of regular text */ /* Unknown semantics - hard formatting (not recommended but some texts have it) */ span.boldItalic { font-weight:bold; font-style:italic; } span.italic { font-style:italic; } span.bold { font-weight:bold; } span.smallCaps { font-variant: small-caps; } /* Footnotes and endnotes */ span.footnoteEntry {} span.endnoteEntry {} span.footnoteKeyword { font-weight:bold; } span.endnoteKeyword { font-weight:bold; } span.footnoteLabel { font-weight:bold; } span.endnoteLabel { font-weight:bold; } span.footnoteTranslationQuotation { font-style:italic; } span.endnoteTranslationQuotation { font-style:italic; } span.footnoteAlternateTranslation { font-style:italic; } span.endnoteAlternateTranslation { font-style:italic; } /* Cross-references */ span.xrefEntry {} /* end of BibleBook.css */* end of BibleBook.css */