/****************************************************************************\ ** ** style.css ** ** This is the default css which is bundled inside the ePUB book, you can modify this file ** to change the styling of the book. Note: Not all book readers honor all the attributes ** specified here. ** ** (c) 1986 - 2013 Quark, Inc. ** All rights reserved. ** \****************************************************************************/ /* Compatibility Hacks *******************************************************/ body { /* Adding default margins as text on some readers like iPad starts from the edge of the screen */ margin-left: 0.5em; margin-right: 0.5em; } p { /* This was added for some readers, again can be removed once the reader support gets better. We should ideally use em and not px. 30px = 1.875em */ padding-left: 1.875em; } /* Classes *******************************************************/ /* Name of the author */ .byline { font-size: 100%; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 11px; text-align: left; text-indent: 0px; } .pagebreak { page-break-before:always; padding-top:32px; } .byline2 { font-size: 100%; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 11px; text-align: right; text-indent: 0px; } .pullquote { text-indent: -18px; margin-top:10px; margin-bottom:0px; padding-left:18px; text-align:left; } .left { font-size: 100%; margin-left:5em; text-indent:0px; margin-top:10px; margin-bottom:0px; text-align:left; } .sp { float:left; margin-left:-5em; } .figure-credit { text-align:left; margin-top:0px; margin-bottom:0px; text-indent: -19px; padding-left:56px; font-size:100%; font-weight:normal; } .noindent3b { text-align:left; margin-top:0px; margin-bottom:0px; text-indent:-19px; padding-left:56px; font-size:100%; font-weight:normal; } .noindent3c { text-align:left; margin-top:10px; margin-bottom:0px; text-indent:-19px; padding-left:56px; font-size:100%; font-weight:normal; } .noindent3a { text-align:left; margin-top:10px; margin-bottom:0px; text-indent: 0px; margin-left:37px; font-size:100%; font-weight:normal; } /* An image inside a paragraph is always centered, so we apply this style on the p tag */ .figure { text-align:center; } /* Caption given to any figure */ .figure-caption { font-size: 100%; text-align: center; text-indent: 0px; margin-right: 0px; margin-left: 0px; margin-top: 0px; margin-bottom: 10px; } /* Credit for the source of the image / diagram */ .figure-credit { font-size: 0.6em; text-align: center; } .indented-para { font-size: 100%; margin-bottom: 0px; margin-left: 80px; margin-right: 0px; margin-top: 8px; text-align: left; text-indent: 0px; } .indented-para2 { font-size: 100%; margin-bottom: 0px; margin-left: 40px; margin-right: 0px; margin-top: 8px; text-align: left; text-indent: 0px; } .indented-para3 { font-size: 100%; margin-bottom: 0px; margin-left: 20px; margin-right: 0px; margin-top: 8px; text-align: left; text-indent: 0px; } /* pullquote is similar to the blockquote, so we will try to mimic blockquote as much as we can */ .pullquote { font-size: 1.25em; margin-left: 2em; margin-right: 2em; text-align: center; } .title1 { font-size: 2.5em; text-align: center; } .title2 { font-size: 2em; text-align: center; } .chapter-name { font-size: 1.8em; text-align: center; } .headline1 { font-size:100%; text-align:left; margin-top:64px; margin-bottom:10px; margin-left:0px; margin-right:0px; text-indent:0px; } .headline2 { font-size: 100%; margin-bottom: 0px; margin-left: 20px; margin-right: 0px; margin-top: 8px; text-align: left; text-indent: -20px; } .headline3 { font-size: 100%; margin-bottom: 0px; margin-left: 40px; margin-right: 0px; margin-top: 8px; text-align: left; text-indent: -40px; } .headline4 { font-size: 100%; margin-bottom: 0px; margin-left: 40px; margin-right: 0px; margin-top: 8px; text-align: left; text-indent: -20px; } .headline5 { font-size: 100%; margin-bottom: 0px; margin-left: 40px; margin-right: 0px; margin-top: 8px; text-align: left; text-indent: 0px; } .headline6 { font-size: 100%; margin-bottom: -10px; margin-left: 175px; margin-right: 0px; margin-top: 8px; text-align: left; text-indent: -175px; } .headline7 { font-size: 100%; margin-bottom: -10px; margin-left: 250px; margin-right: 0px; margin-top: 8px; text-align: left; text-indent: -250px; } /* Character attributes can also be modified, by using the following classes */ .bold { font-weight: bold; } .italic { font-style: italic; } .underline { text-decoration: underline; } .strikethrough { text-decoration: line-through; } .strikethrough-and-underline { text-decoration: line-through underline; } .superscript { vertical-align: super; } .subscript { vertical-align: sub; } .superior { vertical-align: super; } .space { margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; text-align: left; }