/* ------------------------------------------------------- * Blackstone Default Styles * * 4/9/21 edits: * - added text-message background class: span.textbg * (to use in inDesign, select text message and * apply textbg character style) * - added attribute selectors for uppercase L and R * (text messages) * - moved Amazon css and media query to the bottom ----------------------------------------------------------*/ svg { max-width: 100%; max-height: 100%; } /* will not let images grow beyond full screen */ img { max-width: 100%; max-height: 100%; } /* ------------------------------------------- improve legibility https://friendsofepub.github.io/eBookTricks/ ----------------------------------------------*/ body { font-kerning: normal; font-variant: common-ligatures oldstyle-nums proportional-nums; font-feature-settings: "kern", "liga", "clig", "onum", "pnum"; } h1, h2, h3 { font-variant: common-ligatures lining-nums proportional-nums; font-feature-settings: "kern", "liga", "clig", "lnum", "pnum"; } /* ------------------------------------------- body overrides ----------------------------------------------*/ p.body-basic { text-indent: 1.2em; } p.new-section-basic { margin-top: 2.4em; } /* ------------------------------------------- special alignment classes ----------------------------------------------*/ .centered { width: 400px; max-width: 100%; box-sizing: border-box; margin-top: 2em; margin-bottom: 2em; } .centered.auto { width: auto; text-align: center; } .centered.auto > div { display: inline-block; } .poetry_epub-poetry { margin-left: 1.2em !important; margin-right: 0 !important; text-indent: -1.2em !important; } .blockquote_bq-single { margin-left: 1.2em; margin-right: 1.2em; margin-top: 2em !important; margin-bottom: 2em !important; } .blockquote_bq-begin { margin-top: 2em !important; } .blockquote_bq-end { margin-bottom: 2em !important; } /* ------------------------------------------- text messages ----------------------------------------------*/ [class*="Text_Msg"] { width: 300px; max-width: 65%; margin-left: 1.2em; margin-top: 1.4em !important; margin-bottom: 1.4em !important; } [class*="Text_Msg"][class*="left"], [class*="Text_Msg"][class*="Left"] { margin-left: 0; } [class*="Text_Msg"][class*="right"], [class*="Text_Msg"][class*="Right"] { margin-right: 0; margin-left: auto; } [class*="Text_Msg"][class*="with-shading"] { padding: .5em .75em; border-radius: .5em; } span.textbg { display: inline-block; background-color: #e6e7e8; border: 1px solid #e6e7e8; border-radius: .5em; padding: .5em .75em; margin: auto .73em; /* following lines especially for kindle in landscape mode, but good to force compliance among all devices for this inline-block */ max-width: 300px; text-align: left; } /* ------------------------------------------- letters ----------------------------------------------*/ [class*="letters_letter"] { margin-left: 1.2em; margin-right: 1.2em; } [class*="letters_letter-short-sig"] { margin-left: 66% !important; } .letters_letter-short-sig-end { margin-bottom: 2em !important; margin-left: 66% !important; } @media (max-width:520px) { [class*="letters_letter-short-sig"] { margin-left: 56% !important; } } /* ------------------------------------------- amazon devices (fire/kindle) ----------------------------------------------*/ .if-amazon { display: none; } .amazon-link a { cursor: default; text-decoration: none !important; color: inherit !important; } .amazon-link a span { text-decoration: none !important; color: inherit !important; } @media amzn-kf8, amzn-mobi { .not-amazon { display: none; } .if-amazon { display: inherit; } span.textbg { margin: auto 0 !important; } }