/*
Penguin UK Ebook CSS
June 2018
Version 4.4.1
**********************************************************************
CHANGELOG - V4.4.1
- span.strikethrough renamed 'del' to harmonise with Random House
CHANGELOG - v4.4
- Reordered CSS sections to match Random House ordering
- Plate section image classes added
- _xsmall image class values altered
- Figure classes added, all images to now sit in figure containers (except flat image heading text)
- .caption removed and replaced with figcaption
- Removed text-align from base paragraph style
- Added hr style for template: hr.part
- Added styles for otherTitlesDescriptive
- Removed div.brandContainer and logoContainer
- chapterHeadLogo added for small images above chapter name
- Footnotes section updated with various changes
- Poetry section updated with hanging indents
- Inline tables section replaced with Tables section, includes classes for HTML- and image-based Tables
- -webit-hyphens removed throughout
- Assorted redundant styles removed from Branding section
- Copyright image class added
- Added style for lists with half-em spacing, li.halfspace
- Added Puffin styles section
- EB15ContentsText and EB15ContentsTextIndent removed. Use styles from new 'Table of Contents' section instead.
- Body now has default serif
- hidden_content added, use to remove items from contents page (using Nav document as both sidebar and internal contents page)
- All media queries removed
- kidslist removed
- Hyphens properties removed throughout
- Kindle ordered list removed
- small_caps class added for smallcaps
- Drama, Diary and Text Message classes all removed
- Added header image classes
- Removed 'Pullquotes and Textboxes' and 'Sidebars' sections. If required please consult PRH.
**********************************************************************
============================================================
GLOBAL
============================================================
*/
body {
orphans: 2;
widows: 2;
font-family: serif;
margin-top: 0;
font-size: 1rem
}
a {
text-decoration:none
}
p {
text-indent: 1em;
margin-top: 0;
margin-bottom: 0;
orphans: 2;
widows: 2
}
figure {
page-break-inside: avoid;
margin: 1em auto;
}
figcaption {
width: 100%;
padding: 0px;
margin-top: 0.5em;
text-align: center;
font-size: 0.8em;
line-height: 1.3em;
font-style: normal;
color: #1b1b1b;
}
figure + p {
text-indent: 0em;
}
figure img + img, figure table + table {
margin-top: 2px; /* Variable to adjust spacing between sibling elements of the same type within the figure element */
}
.center {
text-indent: 0em;
text-align: center
}
sup.EBsup {
vertical-align: super;
font-size: x-small;
line-height: 100% !important;
}
sub.EBsub {
vertical-align: sub;
font-size: x-small;
line-height: 100% !important;
}
span.underline {
text-decoration:underline;
}
del {
text-decoration: line-through;
}
span.overline {
text-decoration:overline;
}
span.strong {
font-weight: bold;
}
span.right {
text-align: right;
text-indent: 0em;
}
span.center {
text-align: center;
text-indent: 0em;
display: block
}
li.halfspace {
margin-top: 0.5em;
}
.small_caps {
font-size: 0.75em;
text-transform: uppercase;
}
.hidden_content {
display: none
}
/*
============================================================
TABLE OF CONTENTS
============================================================
*/
ol.toc_ol_root {
list-style-type: none;
padding-left: 0.5em;
}
ol.toc_ol_nested {
list-style-type: none;
padding-left: 1.5em;
margin-top: 0.25em;
font-size: 95%;
}
.toc_ol_root li {
margin-bottom: 0.7em;
}
.toc_ol_nested {
/*color: #5b5b5b; - REMOVED FOR PENGUIN*/
}
.toc_ol_nested .toc_ol_nested {
margin-top: 0.2em;
margin-bottom: 0.25em;
}
.toc_ol_nested, .toc_ol_nested li {
margin-bottom: 0em;
}
.toc_ol_root a, .toc_ol_root a:visited {
color: #000;
text-decoration: none;
border-bottom: none;
}
.toc_ol_nested a, .toc_ol_nested a:visited {
color: inherit; /* Define color in .toc_ol_nested above */
text-decoration: none;
border-bottom: none;
}
/*
============================================================
HEADERS
============================================================
*/
h1, h2, h3, h4, h5 {
margin-top: 0;
margin-bottom: 0;
}
h2.EB04MainHead {
page-break-after: avoid;
line-height: 1.3em;
text-align: center;
margin-top: 14%;
margin-bottom: 2em;
font-weight: normal;
}
h2.EB04MainHeadClosedNum {
page-break-after: avoid;
text-align: center;
margin-top:14%;
margin-bottom:0.85em;
font-weight: normal;
}
h2.EB04MainHeadClosedTitle {
page-break-after: avoid;
line-height: 1em;
text-align: center;
margin-bottom: 2em;
font-weight: normal;
}
h4.EB10SmallHead {
page-break-after: avoid;
line-height: 1.3em;
text-align: center;
margin-top: 1.5em;
margin-bottom: 0.5em;
font-weight: normal;
}
h5.EB07SmallCapsMediumHead {
page-break-after: avoid;
line-height: 1.3em;
text-align: center;
margin-top: 2em;
margin-bottom: 0.5em;
font-weight: normal;
text-transform: uppercase;
}
h2.EB09SmallCapsLargeHead {
page-break-after: avoid;
line-height: 1.3em;
text-align: center;
font-weight: normal;
text-transform: uppercase;
margin-top: 18%;
margin-bottom: 0;
}
h2.EB09LargeHead {
page-break-after: avoid;
line-height: 1.3em;
text-align: center;
font-weight: normal;
margin-left:5%;
margin-right:5%;
margin-top: 18%;
margin-bottom: 0;
hyphens:none;
}
h4.EB11SmallItalicHead {
page-break-after: avoid;
line-height: 1.3em;
text-align: center;
font-style: italic;
font-weight: normal;
margin-top: 0;
margin-bottom: 2em;
text-indent:0;
}
h4.EB11SmallItalicHeadSpaced {
page-break-after: avoid;
line-height: 1.3em;
text-align: center;
font-style: italic;
font-weight: normal;
margin-top: 1em;
margin-bottom: 2em;
text-indent:0;
}
h4.aboutAuthorHead {
margin-top:10px;
line-height: 1.3em;
text-indent: 0;
text-align: center;
font-size: 0.85em;
page-break-inside:avoid;
font-weight: normal
}
/*
=============
HEADER IMAGES - Apply directly to ![]()
element that is nested within a standard header; the header itself will determine the image's alignment. The image's alt-text MUST reflect the headers intended text.
markup:
=============
*/
.header_image40 {
width: 40%;
margin-top: 0px;
margin-bottom: 0px;
}
.header_image45 {
width: 45%;
margin-top: 0px;
margin-bottom: 0px;
}
.header_image50 {
width: 50%;
margin-top: 0px;
margin-bottom: 0px;
}
.header_image55 {
width: 55%;
margin-top: 0px;
margin-bottom: 0px;
}
.header_image60 {
width: 60%;
margin-top: 0px;
margin-bottom: 0px;
}
.header_image65 {
width: 65%;
margin-top: 0px;
margin-bottom: 0px;
}
.header_image70 {
width: 70%;
margin-top: 0px;
margin-bottom: 0px;
}
.header_image75 {
width: 75%;
margin-top: 0px;
margin-bottom: 0px;
}
.header_image85 {
width: 85%;
margin-top: 0px;
margin-bottom: 0px;
}
.header_image100 {
width: 100%;
margin-top: 0px;
margin-bottom: 0px;
}
/*
============================================================
PARAGRAPHS
============================================================
*/
p.EB01BodyTextLineSpace {
margin-top: 1em;
text-indent: 0;
}
p.EB02BodyTextFullOut {
text-indent: 0;
}
p.EB02BodyTextFullOutBottom {
text-indent: 0em;
margin-bottom: 0.5em;
}
p.EB03BodyTextIndented {
text-indent: 1em;
}
p.EB12SmallItalic {
text-indent: 0;
text-align: center;
font-style: italic;
}
p.EB29BodyTextIndentLineSpace {
text-indent: 1em;
margin-top: 1em
}
p.right{
line-height: 1.3em;
text-align: right;
text-indent: 0em;
margin-left: 0em;
margin-right: 0em;
margin-bottom: 0em;
}
p.center{
line-height: 1.3em;
text-align: center;
text-indent: 0em;
margin-top: 1em;
margin-bottom: 0em;
}
p.dedication {
line-height: 1.3em;
text-align: center;
text-indent: 0em;
margin-top: 5em;
margin-bottom: 0em;
}
/*
============================================================
EPIGRAPH
============================================================
*/
p.EB17Epigraph { /*Standard epigraph*/
line-height: 1.3em;
text-indent: 0;
font-size: 0.85em;
font-style: italic;
margin-top: 2em;
margin-bottom: 0;
}
div.EB17PoemEpigraphStanzaWrap {
width:100%;
margin-top: 2em;
}
p.EB17PoemEpigraphLine {
line-height: 1.3em;
text-indent: 0;
font-size: 0.85em;
font-style: italic;
text-indent: -2em;
padding-left: 2em;
margin-top: 0;
margin-bottom: 0;
}
p.EB18EpigraphSource {
line-height: 1.3em;
text-indent: 0;
text-align: right;
font-size: 0.85em;
font-style: italic;
margin-top: 0;
margin-bottom: 2em;
margin-right: 1em;
}
/*
============================================================
EXTRA FEATURE
============================================================
*/
blockquote {
margin-top: 0.5em;
margin-bottom: 0.5em;
margin-left: 1em;
margin-right: 1em;
}
p.EB22ExtraFeatureFirst {
text-indent: 0;
font-size: 0.85em;
margin-top: 0.5em;
margin-left: 1em;
margin-right: 1em;
}
p.EB19ExtraFeatureFullOut {
text-indent: 0;
font-size: 0.85em;
margin-top: 0.5em;
margin-bottom: 0.5em;
margin-left: 1em;
margin-right: 1em;
}
p.EB21ExtraFeatureIndented {
text-indent: 1em;
font-size: 0.85em;
margin-bottom: 0.5em;
margin-left: 1em;
margin-right: 1em;
}
p.EB20ExtraFeatureLast {
text-indent: 0;
font-size: 0.85em;
margin-left: 1em;
margin-right: 1em;
}
p.EB20ExtraFeatureLastBS {
text-indent: 0;
font-size: 0.85em;
margin-bottom: 0.5em;
margin-left: 1em;
margin-right: 1em;
}
p.EB21ExtraFeatureIndentedNBS {
text-indent: 1em;
font-size: 0.85em;
margin-left: 1em;
margin-right: 1em;
}
p.EB20ExtraFeatureLastRight {
text-indent: 0;
text-align: right;
font-size: 0.85em;
margin-left: 1em;
margin-right: 1em;
}
blockquote p {
margin-left: 0;
margin-right: 0;
}
/*
============================================================
LISTS
============================================================
*/
li.EB23ListFirst {
text-align: left;
line-height: 1.3em;
margin-right: 1em;
margin-top: 1em;
margin-bottom: 0;
}
li.EB24List {
text-align: left;
line-height: 1.3em;
margin-right: 1em;
margin-top: 0;
margin-bottom: 0;
}
li.EB25ListLast {
text-align: left;
line-height: 1.3em;
margin-right: 1em;
margin-top: 0;
margin-bottom: 1em;
}
li.EB26ListNested {
text-align: left;
line-height: 1.3em;
font-size: 1em;
margin-right: 1em;
margin-top: 0;
margin-bottom: 0;
}
/*
============================================================
HANGING INDENTS
============================================================
*/
p.EB26SmallTextHangingIndent {
font-size: 0.85em;
text-indent: -1em;
padding-left: 1em;
margin-top: 0;
margin-bottom: 0;
}
p.EB27SmallTextExtraIndent {
font-size: 0.85em;
text-indent: 0;
margin-left: 2em;
margin-top: 0;
margin-bottom: 0;
}
/*
============================================================
COPYRIGHT
============================================================
*/
h5.EB13CopyrightHead {
line-height: 1.3em;
text-indent: 0;
font-size: 1em;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 0;
font-weight:normal;
}
p.EB14CopyrightText {
line-height: 1.3em;
text-indent: 0;
font-size: 0.85em;
margin-top: 0.5em;
margin-bottom: 0;
}
p.EB14CopyrightTextNoSpace {
line-height: 1.3em;
text-indent: 0;
font-size: 0.85em;
margin-top: 0em;
margin-bottom: 0;
}
div.copyrightImage{
margin-top: 0.5em
}
/*
============================================================
BRANDING STYLES
============================================================
*/
.chapterHeadLogo {
text-align: center;
page-break-inside: avoid;
clear: both;
margin: 15% auto 1.5em;
width: 100%;
}
h2.endPageHead {
page-break-after: AVOID;
line-height: 1.3em;
text-align: center;
font-weight: normal;
text-transform: uppercase;
margin-top: 1em;
margin-bottom: 1em;
font-size:200%;
}
div.endPage{
text-align: center;
margin-bottom: 1em
}
div.otherTitlesDescriptive{
margin: 0 5%
}
h1.otherTitlesDescriptive{
text-align: left;
margin-bottom: 0.4em;
font-size: 2em;
font-weight: normal
}
p.otherTitlesDescriptiveDate{
text-indent: 0;
text-align: center;
font-weight: bold;
margin: 2em 0 3em
}
h5.otherTitlesDescriptive{
margin: 2em 0 1.5em
}
h2.brandingHeadClosedNum {
page-break-after: avoid;
text-align: center;
margin-top:0.25em;
margin-bottom:0.55em;
margin-left:2%;
margin-right:2%;
font-weight: normal;
line-height:1.3em;
text-transform: lowercase;
letter-spacing: 0.1em;
font-variant:small-caps;
}
h2.brandingHeadClosedNumOnly {
page-break-after: avoid;
text-align: center;
margin-top:0.25em;
margin-bottom:3em;
margin-left:2%;
margin-right:2%;
font-weight: normal;
text-transform: lowercase;
letter-spacing: 0.1em;
font-variant:small-caps;
}
h2.brandingHead {
page-break-after: avoid;
text-align: center;
margin-top:0.5em;
margin-bottom:3em;
margin-left:2%;
margin-right:2%;
font-weight: normal;
}
h2.brandingHeadClosedTitle {
page-break-after: avoid;
line-height: 1em;
text-align: center;
margin-top:0.5em;
margin-bottom: 3em;
font-weight: normal;
margin-left:2%;
margin-right:2%;
}
h2.brandingPartNum {
page-break-after: avoid;
text-align: center;
margin-top:0.85em;
margin-bottom:0.25em;
margin-left:2%;
margin-right:2%;
font-weight: normal;
line-height:1.3em;
}
h2.brandingPartSingleTitle {
page-break-after: avoid;
text-align: center;
margin-top:0.85em;
margin-bottom:0.25em;
margin-left:2%;
margin-right:2%;
font-weight: normal;
line-height:1.3em;
text-transform: lowercase;
letter-spacing: 0.1em;
font-variant:small-caps;
}
hr.part {
margin: 1em 10% 1.5em 10%
}
img.banner
{
width: 100%;
height: auto;
margin-bottom: 6%
}
body.endmatter
{
margin: 0;
padding-top: 1em
}
h2.sampleChapIntroHead {
page-break-after: avoid;
line-height: 1.3em;
text-align: center;
margin-top: 25%;
margin-bottom: 1.2em;
font-weight: bold;
}
h2.sampleChapIntroFoot {
page-break-after: avoid;
line-height: 1.3em;
text-align: center;
margin: 1em 10% 0 10%;
font-weight: bold;
}
h4.sampleChapImageFoot {
page-break-after: avoid;
line-height: 1.3em;
text-align: center;
margin: 1.5em 20% 0;
font-weight: normal;
}
h2.authorName {
page-break-after: avoid;
line-height: 1.3em;
text-align: center;
margin: 0 0 0 0;
font-weight: bold;
}
h2.authorNameSpaceBelow {
page-break-after: avoid;
line-height: 1.3em;
text-align: center;
margin: 0 0 0.5em 0;
font-weight: bold;
}
h3.sampleTitle {
page-break-after: avoid;
line-height: 1.3em;
text-align: center;
font-weight: normal;
margin: 0.5em 0 0 0;
letter-spacing: 2px
}
h3.sampleTitleSpaceBelow {
page-break-after: avoid;
line-height: 1.3em;
text-align: center;
font-weight: normal;
margin: 0.5em 0 0.5em 0;
letter-spacing: 2px
}
p.sameAuthorList {
font-size: 85%;
line-height: 1.8em;
letter-spacing: 2px;
text-align: center;
font-weight: normal;
margin-top: 1em
}
h2.socialPageFoot{
line-height: 1.3em;
font-weight: bold;
margin-bottom: 1em;
text-align: center
}
h3.EB04SmallCapsMainHead {
page-break-after: avoid;
line-height: 1em;
text-align: center;
font-weight: normal;
margin-top: 0.5em;
margin-bottom: 1em;
font-size:1.7em;
text-transform:lowercase;
letter-spacing: 0.1em;
font-variant:small-caps;
}
h3.EB04MainHead2 {
page-break-after: avoid;
line-height: 1.3em;
text-align: center;
font-weight: normal;
margin-top: 1em;
margin-bottom: 0;
}
div.puffinWarning{
text-align:center;
font-family:puffinBeakyRegular;
font-size:150%;
border:6px solid;
border-radius:15px;
margin:10% 5%;
padding:5%;
line-height: 1.3em
}
h2.puffinAdHead{
text-align:center;
font-size:3em;
margin-top:1em;
margin-bottom: 0.5em;
line-height:1em
}
div.puffinAdText{
margin:0.7em 8% 1em;
text-align:center;
font-size:1.2em;
line-height:1.2em;
text-indent:0
}
div.puffinAdBullets{
margin:0 8% 0.4em;
font-size:1.2em;
text-align:center;
line-height:1.2em;
}
div.puffinAdURL{
font-size:2.5em;
text-align:center;
line-height:1.2em
}
.puffinYellow{
color: #FAD716
}
/*
============================================================
FOOTNOTES AND ENDNOTES
============================================================
*/
h5.footnote_section_header {
width: 100%;
text-align: center;
text-transform: uppercase;
font-size: 75%;
color: #fff;
margin-top: 4em;
margin-bottom: 2em;
}
.footnote_section_header span {
background-color: #bebebe ;
padding: 2px 5px;
text-align: center;
border-radius: 10px;
}
aside.footnote:first-of-type {
margin-top: 20%;
}
.footnote_section_header + .footnote {
page-break-before: avoid;
margin-top: 0em !important;
}
.footnote {
font-size: 75%;
font-style: normal;
text-align: justify;
margin: 0em 5% 1em 5%;
border-radius: 5px;
width: 90%;
}
.footnote p {
padding-left: 10px;
padding-right: 10px;
margin: auto;
}
a.footnote_return {
vertical-align: super;
padding: 0px 10px 0px 0px;
margin: 0px;
text-align: left;
line-height: 100%;
font-size: 8px;
border-bottom: 0px;
}
a.noteref {
vertical-align: super;
padding: 0px 6px 2px 0px;
margin: 0px;
text-align: left;
line-height: 100%;
font-size: 0.7em;
border-bottom: 0px;
}
/*
============================================================
IMAGES
============================================================
*/
img { /*-- iOS8 Image Fix --*/
display: inline;
}
/*
=========================================
Inline Images Example
(Apply to image, adjust values as needed)
=========================================
*/
.inline_image {
height: 1em; /* Variable, adjust as necessary */
vertical-align: middle; /* Top, middle, bottom as needed */
}
/*
==================
Extra-Small Images
==================
*/
.portrait_xsmall {
text-align: center;
page-break-inside: avoid;
clear: both;
border-radius: 3px;
width: 20%;
}
.portrait_xsmall img {
page-break-inside: avoid;
border-radius: 3px;
width: 100%;
}
.landscape_xsmall {
text-align: center;
page-break-inside: avoid;
clear: both;
border-radius: 3px;
width: 40%;
}
.landscape_xsmall img {
page-break-inside: avoid;
border-radius: 3px;
width: 100%;
}
/*
============
Small Images
============
*/
.portrait_small {
text-align: center;
page-break-inside: avoid;
clear: both;
border-radius: 3px;
width: 30%;
}
.portrait_small img {
page-break-inside: avoid;
border-radius: 3px;
width: 100%;
}
.landscape_small {
text-align: center;
page-break-inside: avoid;
clear: both;
border-radius: 3px;
width: 58%;
}
.landscape_small img {
page-break-inside: avoid;
border-radius: 3px;
width: 100%;
}
/*
==============
Default Images
==============
*/
.portrait_default {
text-align: center;
page-break-inside: avoid;
clear: both;
border-radius: 3px;
width: 38%;
}
.portrait_default img {
page-break-inside: avoid;
border-radius: 3px;
width: 100%;
}
.landscape_default {
text-align: center;
page-break-inside: avoid;
clear: both;
border-radius: 3px;
width: 70%;
}
.landscape_default img {
page-break-inside: avoid;
border-radius: 3px;
width: 100%;
}
/*
=============
Medium Images
=============
*/
.portrait_medium {
text-align: center;
page-break-inside: avoid;
clear: both;
border-radius: 3px;
width: 50%;
}
.portrait_medium img {
page-break-inside: avoid;
border-radius: 3px;
width: 100%;
}
.landscape_medium {
text-align: center;
page-break-inside: avoid;
clear: both;
border-radius: 3px;
width: 84%;
}
.landscape_medium img {
page-break-inside: avoid;
border-radius: 3px;
width: 100%;
}
/*
==============================================
Large Images + Double Page Spread (DPS) Images
==============================================
*/
.portrait_large {
text-align: center;
page-break-inside: avoid;
clear: both;
border-radius: 3px;
width: 65%;
}
.portrait_large img {
page-break-inside: avoid;
border-radius: 3px; /* Optional */
width: 100%;
}
.landscape_large {
text-align: center;
page-break-inside: avoid;
clear: both;
width: 100%;
}
.landscape_large img {
page-break-inside: avoid;
width: 100%;
}
/*
================
FULL PAGE IMAGES
================
*/
.image_full {
position: relative;
text-align: center;
page-break-before: always;
page-break-after: always;
page-break-inside: avoid;
clear: both;
border-radius: 3px;
padding: 0px;
margin: 0px auto;
height: 99%;
height: 99vh;
width: 100%;
}
.image_full img {
page-break-inside: avoid;
border-radius: 3px;
max-width: 100%;
max-height: 100%;
}
.image_full_caption {
position: relative;
text-align: center;
page-break-before: always;
page-break-after: avoid;
page-break-inside: avoid;
clear: both;
padding: 0px;
margin: 0px auto;
width: 100%;
height: 99%;
height: 99vh;
}
.image_full_caption img {
page-break-inside: avoid;
border-radius: 3px;
width: 90% !important;
}
.cover_image {
position: relative;
text-align: center;
padding: 0px;
margin: 0em auto;
width: 100%;
page-break-inside: avoid;
clear: both;
}
.cover_image img {
width: 100%;
page-break-inside: avoid;
}
/*
====================
Plate Section Images
====================
*/
.plate_image_portrait {
text-align: center;
clear: both;
border-radius: 3px;
width: 90%;
}
.plate_image_portrait img {
page-break-inside: avoid;
border-radius: 3px;
width: 70%;
margin: auto;
}
.plate_image_landscape {
text-align: center;
clear: both;
border-radius: 3px;
width: 90%;
}
.plate_image_landscape img {
page-break-inside: avoid;
border-radius: 3px;
width: 100%;
margin: auto;
}
.plate_image_portrait figcaption, .plate_image_landscape figcaption {
text-align: justify;
font-size: 0.9em;
}
/*
============================================================
TABLES
============================================================
===========
HTML Tables
===========
*/
table {
font-size: 0.8em;
margin: 1em auto 1em auto;
}
figure table {
margin: 0px auto;
}
table, th, td {
border: 1px solid;
border-collapse: collapse;
}
th, td {
padding: 10px;
}
table + p {
text-indent: 0em;
}
figure.horizontal_table_group {
width: 100%;
text-align: center;
}
.horizontal_table_group table {
display: inline-block;
border-width: 0px;
}
/*
==================
Image-based Tables
==================
*/
.image_table {
text-align: center;
page-break-inside: avoid;
clear: both;
margin: 1.5em auto;
width: 100%;
}
.image_small_table {
text-align: center;
page-break-inside: avoid;
clear: both;
margin: 1.5em auto;
width: 50%;
}
.image_table img, .image_small_table img {
page-break-inside: avoid;
width: 100%;
}
.image_table + .image_table {
margin-top: -1.5em;
}
/*
============================================================
FLOATED IMAGES | FLOATED TEXT BOXES
NOTE: Do not use unless explicitly instructed
============================================================
*/
aside.floatbox_left {
font-size: 80%;
text-align: left;
width: 25%;
margin: 0em 1.5rem 1.5em 0em;
padding: 5px;
border: 1px solid #ccc;
border-radius: 2px;
background-color: rgb(240,240,240);
float: left;
}
aside.floatbox_right {
font-size: 80%;
text-align: left;
width: 25%;
margin: 0em 0em 1.5em 1.5rem;
padding: 5px;
border: 1px solid #ccc;
border-radius: 2px;
background-color: rgb(240,240,240);
float: right;
}
figure.floatimage_right {
float: right;
margin-top: 0.5em;
margin-right: 0em;
margin-left: 1.5rem;
text-align: center;
width: 28%;
page-break-inside: avoid;
}
figure.floatimage_left {
float: left;
margin-top: 0.5em;
margin-right: 1.5rem;
margin-left: 0em;
text-align: center;
width: 28%;
page-break-inside: avoid;
}
.floatimage_right img, .floatimage_left img {
page-break-inside: avoid;
border-radius: 3px; /* Optional */
width: 100%;
}
.floatimage_right figcaption, .floatimage_left figcaption {
text-align: left;
width: 95%;
margin-left: auto;
margin-right: auto;
}
/*
============================================================
INGREDIENT LISTS
============================================================
*/
div.ingredient_wrapper {
width: 65%;
margin: 1em auto 1em 1em;
font-style: normal;
font-size: 90%;
text-align: left;
}
div.ingredient_wrapper_centered {
width: 65%;
margin: 1em auto;
font-style: normal;
font-size: 0.9em;
text-align: center;
}
h5.ingredient_header {
font-weight: bold;
font-style: normal;
margin-bottom: 0.5em;
margin-top: 0em;
text-align: inherit;
}
ul.ingredient_items {
padding: 0px;
margin-top: 0px;
list-style-type: none;
width: 100%;
text-align: inherit;
}
ul.ingredient_items li {
margin-left: 0.5em;
text-indent: -0.5em;
text-align: inherit;
}
/*
============================================================
AUDIO & VIDEO
============================================================
*/
.media_wrapper {
text-align: center;
border-radius: 3px;
margin: 1.5em auto;
padding: 0px;
width: 100%;
page-break-inside: avoid;
}
audio {
width: 50%;
border-radius: 2px;
}
video {
border-radius: 2px;
}
img.nomedia_warning {
background-repeat: no-repeat;
background-position: center center;
}
/*
============================================================
POETRY AND NUMBERED LINES
============================================================
*/
.poetry_stanza, .numbered_paragraphs {
margin: 1em 10% auto 0px;
width: 90%;
overflow: visible;
text-align: justify;
}
.poetry_line {
text-align: left;
padding-left: 1em;
text-indent: -1em;
}
.poetry_line_level_2 {
text-align: left;
padding-left: 3em;
text-indent: -1em
}
.line_number {
text-indent: 0em;
text-align: right;
width: 7%;
margin: 0.4em -9% auto auto;
padding: 0em;
font-size: 65%;
display: inline-block;
float: right;
}
/*
============================================================
TYPESETTER CUSTOM STYLES
Any styles created for specific book to be
placed under this heading
============================================================
*/
div.block
{
margin-top: 14%;
margin-left: 2em;
margin-right: 2em;
}
p.EB20ExtraFeatureCenter {
text-indent: 0;
text-align: center;
font-size: 0.85em;
margin-left: 1em;
margin-right: 1em;
}
p.EB20ExtraFeatureright {
text-indent: 0;
text-align: right;
font-size: 0.85em;
margin-left: 1em;
margin-right: 1em;
}
span.float_1
{
float: right;
}
p.EB20ExtraFeatureLast_1 {
text-indent: 0;
font-size: 0.85em;
margin-left: 2em;
margin-right: 1em;
}
