/* This file must validate as CSS 2.01 with absolutely no errors + http://jigsaw.w3.org/css-validator/ + http://idpf.org/epub/20/spec/OPS_2.0.1_draft.htm#Section3.0 Name: Open Textbook EPUB Version: 1.1 Author: bpayne */ /*__INSERT_EPUB_HOUSE_STYLE__*/ /* FONTS =========== */ body { font: 100%/1.4 "Times New Roman", Times, Georgia, serif; padding: 1em; } a { border: .5px solid #09edfd; color: black; text-decoration: none; } /* HEADERS =============== */ h1, h2, h3, h4, h5, h6 { font-family: "Arial Narrow", Arial, "Helvetica Neue", Helvetica, sans-serif; line-height: 1.4em; font-weight: normal; } /* DEFAULT STYLES =================== */ p { margin: 0; } p + p, .indent { text-indent: 1em; margin-top: 0; } p + ul { margin-top: 10px; } hr { margin: 10px auto; text-align: center; width: 20%; } table { border: 1px solid #000; border-width: 1px 0; } dt { float: left; font-weight: bold; margin-right: 5px; margin-bottom: 0; } dd { margin-bottom: 0; } ul ul, ul ul ul { list-style-type: none; } ul li li { list-style-image: url('images/em-dash.png'); } ul li li li { list-style-image: url('images/asterisk.png'); } cite { font-weight: normal; } div.blockquote, blockquote { border-width: 0 4px; margin-bottom: 2em; } /* USER GENERATED CSS ====================== */ .nonindent, .no-indent { text-indent: 0; } hr.break-symbols { border: none; font-size: 1.1em; margin-bottom: 20px; } hr.break-symbols:after { display: block; content: "\2725"; text-align: center; } p.bl_nonindent { margin: 2em 5% 0; text-indent: 0; } p.bl_indent { margin: 0 5%; text-indent: 1em; } .hanging-indent { padding-left: 1em; text-indent: -1em; } /* TITLE PAGE ================ */ #title-page .title { border-bottom: 1px solid #000; font-size: 1.2em; font-weight: normal; margin-top: 2em; margin-bottom: 0; padding-bottom: 5px; /* position: relative; */ } #title-page .subtitle { font-size: .875em; font-style: italic; margin-top: 0; padding-top: 5px; } #title-page .author, #title-page .publisher, #title-page .publisher-city { font-family: "Times New Roman", Times, Georgia, serif; font-weight: normal; } #title-page .author { font-size: .875em; font-weight: normal; margin-top: 2em; } #title-page .publisher { float: bottom; font-size: .875em; font-style: italic; margin-bottom: 0; margin-top: 2em; padding-bottom: 80px; } #title-page .publisher-city { float: bottom; font-size: .75em; font-style: italic; margin-top: 0; position: relative; top: -80px; } /* DEDICATION ================ */ .dedication p { font-style: italic; text-align: center; } /* COPYRIGHT PAGE =================== */ #copyright-page p { font-size: 0.7em; text-indent: 0; margin-bottom: 0.5em; } div.license-attribution{ text-align: center; margin-bottom: 1em; } /* TABLE OF CONTENTS ======================= */ #toc ul { font-size: 0.875em; line-height: 1.2em; } #toc ul, #toc li { list-style: none; margin: 0; padding: 0; } #toc li { margin-bottom: 5px; } #toc ul .front-matter, #toc ul .back-matter { margin-bottom: 3px; } #toc .front-matter + .chapter, #toc .chapter + .back-matter { margin-top: 1.3em; } #toc a { border: none; color: inherit; } #toc a:after { font-style: normal; text-decoration: none; } #toc .part { font-weight: bold; margin: 1.3em 0 0.5em; } #toc span.chapter-author, #toc span.chapter-license, #toc span.chapter-subtitle { display: block; font-style: italic; margin-left: 1em; } #toc span.chapter-author, #toc span.chapter-license, #toc span.chapter-subtitle { margin-bottom: 5px; } #toc span.chapter-subtitle + span.chapter-author { margin-top: -5px; margin-bottom: 5px; } span.chapter-author + span.chapter-license { margin-top: -5px; margin-bottom: 5px; } /* TITLES for FRONT-MATTER, BACK_MATTER, CHAPTER & PART ========================================================= */ .display-none, .front-matter-number, .back-matter-number { display: none; } .front-matter-title-wrap h1.front-matter-title, #toc h1, .chapter-title-wrap h2.chapter-title, .back-matter-title-wrap h1.back-matter-title { font-size: 1.3em; font-weight: normal; margin-top: 1em; margin-bottom: 2em; } .part-title-wrap { font-family: "Times New Roman", Times, Georgia, serif; } .part-title-wrap h3.part-number { border-bottom: 1px solid #000; display: inline-block; font-weight: normal; font-family: "Times New Roman", Times, Georgia, serif; padding: 0 2em 0 1em; } .part-title-wrap h1.part-title { font: italic bold 1.1em "Times New Roman", Times, Georgia, serif; } h3.chapter-number { border-bottom: 1px solid #000; font-weight: lighter; display: inline-block; padding: 0 2em 0 1em; } div.chapter.numberless h3.chapter-number { display: none; } /* BODY TITLES =================== */ .ugc h1, .ugc h2, .ugc h3, .ugc h4, .ugc h5, .ugc h6 { margin-bottom: 15px; page-break-after: avoid; } .ugc h1 { font-size: 1.3em; } .ugc h2 { font-size: 1.2em; } .ugc h3 { font-size: 1.1em; } .ugc h4 { font-size: 1em; } .ugc h5 { font-size: 0.875em; } .ugc h6 { font-size: 0.75em; } .ugc h1 + p, .ugc h2 + p, .ugc h3 + p, .ugc h4 + p, .ugc h5 + p { margin-top: 0; } /* IMAGES ================== */ img { height: auto; max-width: 100%; } .alignleft { float: left; margin: 1em 1em 1em 0; } .alignright { float: right; margin: 1em 0 1em 1em; } .aligncenter { display: block; margin: 1em auto; text-align: center; } div.aligncenter { display: block; margin: 1em auto; text-align: center; } img.aligncenter { display: block; margin: 1em auto; text-align: center; } .wp-caption { height: auto; max-width: 100%; margin: 1em 0; } .wp-caption-text { font-size: 0.875em; font-style: italic; margin-top: 5px; text-align: left; } /* SUBTITLES, CHAPTER AUTHOR & APHORIMS ======================================== */ h2.chapter-subtitle { font-size: 1em; font-style: italic; font-weight: normal; } h2.chapter-author { font: italic 0.75em "Times New Roman", Times, Georgia, serif; } div.ugc h2.chapter-subtitle, div.ugc h2.chapter-author { margin: -1.3em 0 3em; padding-top: 0.2em; } div.ugc h2.chapter-subtitle { font-weight: lighter; } h2.chapter-subtitle + h2.chapter-author { margin-top: -0.65em; } div.blockquote.aphorism { font-size: 1em; font-style: italic; margin: -0.65em auto 4em; width: 55%; } .aphorism cite { display: block; font-size: 0.875em; font-style: normal; font-variant: small-caps; text-align: right; } .aphorism cite:before { content: "–"; } /* ASIDES, PULLQUOTES & TEXTBOXES ================================== */ .aside { font-style: italic; border-top: 1px solid #000; border-bottom: 1px solid #000; margin: 2em 10%; padding: 10px 0; text-indent: 0; } .textbox { border: 1px solid #000; margin: 10px 0; padding: 10px; } .textbox.shaded { background-color: #eee; } .textbox p { margin-top: 0; } .textbox-caption { display: block; font-size: 0.9em; font-weight: bold; margin: 0; } .pullquote { border: 1px solid #000; border-width: 1px 0; margin: 20px auto; padding: 5px 0; text-align: center; width: 45%; } .pullquote-left { border: 1px solid #000; border-width: 1px 0; float: left; margin: 15px 15px 15px 0; padding: 5px 0; text-align: center; width: 45%; } .pullquote-right { border: 1px solid #000; border-width: 1px 0; float: right; margin: 15px 0 15px 15px; padding: 5px 0; text-align: center; width: 45%; } /* FOOTNOTES & ENDNOTES ======================== */ .footnotes { display: block; font-size: 0.875em; margin: 20px 10px 40px 40px; } .footnotes-wrap { list-style: none; display: block; margin: 10px 10px 10px 40px; } .footnotes p + p { text-indent: 0; } .footnotes .footnotes-wrap p { text-indent: -1em; } .footnotes p a { display: block; text-decoration: none; } sup.footnote, sup.endnote { line-height: 1em; vertical-align: top; } .endnotes hr { border: none; margin-top: 1em; } .endnotes h3 { margin-bottom: 0; } .endnotes h3 { font-size: 1.2em; font-style: normal; font-weight: bold; text-align: center; } .endnotes ol { font-size: 0.7em; margin-top: 5px; margin-left: 0; } .endnotes li { text-indent: 2em; } .endnotes p + p { text-indent: 0; } /* BIBLIOGRAPHY =============== */ .bibliography p { padding-left: 1em; text-indent: -1em; } /* INDEX ================== */ .index .ugc { text-align: left; } .index .ugc div { margin-bottom: 4em; } .index .ugc p { font-size: 0.75em; padding-left: 14pt; text-indent: -14pt; text-align: left; } .index .ugc p.sub-entry { padding-left:30px; } /*__INSERT_MOBI_HOUSE_STYLE__*/ /************************* Textbook styles **************************/ .bcc-box{ /* max-width: 100%;*/ padding: 1% 3%; margin-bottom: 15px; } .bcc-box h3:first-child{ text-align: center; margin: -1% -3% 15px; color: #ffffff; padding: 15px 0 15px; } .bcc-highlight{ background-color: #f7f7f9; } .bcc-box.bcc-highlight h3{ background-color: #111111; } .bcc-success{ background-color: #eaf5ea; } .bcc-box.bcc-success h3{ background-color: #3a7a33; } .bcc-info{ background-color: #e3eff6; } .bcc-box.bcc-info h3{ background-color: #0b6396; } .bcc-warning { background-color: #fcf8e3; } .bcc-box.bcc-warning h3{ background-color: #c09853; } /************************* My Boxes **************************/ .tbformel h1, .tbformel h2, .tbformel h3, .tbformel h4, .tbformel h5, .tbformel h6, .tbhowto h1, .tbhowto h2, .tbhowto h3, .tbhowto h4, .tbhowto h5, .tbhowto h6, .tbdefinition h1, .tbdefinition h2, .tbdefinition h3, .tbdefinition h4, .tbdefinition h5, .tbdefinition h6, .tbbeispiel h1, .tbbeispiel h2, .tbbeispiel h3, .tbbeispiel h4, .tbbeispiel h5, .tbbeispiel h6, .tbfragen h1, .tbfragen h2, .tbfragen h3, .tbfragen h4, .tbfragen h5, .tbfragen h6, .tbexkurs h1, .tbexkurs h2, .tbexkurs h3, .tbexkurs h4, .tbexkurs h5, .tbexkurs h6, .tbverweis h1, .tbverweis h2, .tbverweis h3, .tbverweis h4, .tbverweis h5, .tbverweis h6{ margin-left: -15px; padding-left: 15px; color: #ffffff; } .tbformel, .tbhowto{ background: #fbe0b4; border-color: #f1b032; } .tbdefinition, .tbbeispiel{ background: #c7e4da; border-color: #4eb79e; } .tbfragen{ background: #f8c2ad; border-color: #ea553c; } .tbexkurs, .tbverweis{ background: #dad8d9; border-color: #a4a4a4; } .tbformel h1, .tbformel h2, .tbformel h3, .tbformel h4, .tbformel h5, .tbformel h6, .tbhowto h1, .tbhowto h2, .tbhowto h3, .tbhowto h4, .tbhowto h5, .tbhowto h6{ background: #f1b032; } .tbdefinition h1, .tbdefinition h2, .tbdefinition h3, .tbdefinition h4, .tbdefinition h5, .tbdefinition h6, .tbbeispiel h1, .tbbeispiel h2, .tbbeispiel h3, .tbbeispiel h4, .tbbeispiel h5, .tbbeispiel h6{ background: #4eb79e; } .tbfragen h1, .tbfragen h2, .tbfragen h3, .tbfragen h4, .tbfragen h5, .tbfragen h6{ background: #ea553c; } .tbexkurs h1, .tbexkurs h2, .tbexkurs h3, .tbexkurs h4, .tbexkurs h5, .tbexkurs h6, .tbverweis h1, .tbverweis h2, .tbverweis h3, .tbverweis h4, .tbverweis h5, .tbverweis h6{ background: #a4a4a4; } p + p, .indent, div.ugc p.indent { text-indent: 0; margin-top: 1em; }