/* CSS for iPad Pro - Width 1024px */ /*CSS Normalize*/ html { /*-webkit-font-smoothing: antialiased;*/ } body { margin: 0; } h1, h2, h3, h4, p, blockquote, figure, ol, ul { margin: 0; padding: 0; } h1, h2, h3, h4 { font-size: inherit; } a { text-decoration: none; color: inherit; -webkit-transition: .3s; transition: .3s; } img { width: 100%; height: auto; border: 0; } /* end normalize */ /* Font Inclusion */ /*@font-face { font-family: "HalfSteps-Regular"; src:url("../fonts/HalfSteps-Regular.otf") ; } */ /* end Font Inclusion */ /* Miscellaneous */ article, div, h1, h2, h3, h4, h5, h6, p, span, ol, ul, li { font-family: sans-serif; /* Set Font Type Across Body */ font-weight: normal; font-style: normal; text-transform: none; -webkit-hyphens: none; -epub-hyphens: none; hyphens: none; } div.clear { clear: both; } div.break { page-break-before: always; } div.keep { display: inline-block; } strong { font-style:normal; font-weight:bold; } .bold { font-style: normal; font-weight: bold; } em { font-style: italic; font-weight: normal; } .italic { font-style: italic; font-weight: normal; } .italic2 { font-family: "Optima-BoldItalic", Times, serif; font-style: normal; font-weight: normal; } .bolditalic { font-style: italic; font-weight: bold; } span.sharp { font-family: "HalfSteps-Regular"; font-size: 100%; } span.flat { font-family: "HalfSteps-Regular"; font-size: 100%; } span.natural { font-family: "HalfSteps-Regular"; font-size: 100%; } span.musicglyph { font-family: "HalfSteps-Regular"; font-size: 100%; } /* end Miscellaneous */ /* Copyright Styles */ div.group2 { margin: 150px auto 50px auto; } p.isbn { font-size: .5em; line-height: 1.2; margin: 0 0 0 0; text-align: center; font-weight: normal; } div.group3 { margin: 0 auto 0 auto; width: 35%; text-align: center; /*centers for MOBI*/ } p.hladdress { margin: 0 0 0 0; text-align: center; font-size: .3em; line-height: 1.1; } div.group4 { margin: 15px 0 15px 0; } p.copyright { margin: 0 0 0 0; text-align: center; font-size: .35em; line-height: 1.1; } p.website { font-size: .4em; margin: 2px 0 0 0; font-weight: bold; text-align: center; } /* end Copyright section */ /* List(s) Controls */ ul, ol { margin: 0 0 0 45px; } /* end List(s) Controls */ /* Internal TOC Styles */ h1.tochead_int { font-family: "Times", serif; color: #AAA; font-size: 1.25em; margin: 0 0 40px 0; font-weight: bold; text-align: center; text-transform: uppercase; letter-spacing: 15px; } p.toc_int { font-family: "Arial", sans-serif; font-size: .65em; line-height: 1.2; margin: 10px 0 0 0; text-align: left; font-weight: normal; } /* end Internal TOC Styles */ /* Songtitle, Credits and Rights */ h3.songpretitle, h1.songtitle { page-break-before: always; } h3.songpretitle + h1.songtitle { page-break-before: avoid; } h3.songpretitle { font-size: .65em; line-height: 1.1; margin: 0 0 0 0; text-align: center; font-weight: bold; } h1.songtitle { font-family: "Optima-Bold", Times, serif; font-size: 1.15em; line-height: 1; margin: 0 0 5px 0; text-align: center; font-weight: normal; text-transform: uppercase; } h3.songsubtitle { font-family: "Optima-Bold", Times, serif; font-size: .55em; line-height: 1.1; margin: -5px 0 5px 0; text-align: center; font-weight: normal; } h4.credit { font-family: "Optima-Regular", Times, serif; font-size: .5em; line-height: 1.1; margin: 0 20px 0 0; text-align: right; font-weight: normal; } p.rights { font-family: "Optima-Regular", Times, serif; font-size: .3em; line-height: 1.1; margin: 0 0 0 0; text-align: center; font-weight: normal; } /* end Songtitles, Credits and Rights */ /* Musical Engraving Styles */ div.music { margin: 0 auto 0 auto; width: 100%; } div.musicfirst { margin: 0 auto 5px auto; width: 95%; } div.musicfirst2 { margin: 5px auto 5px auto; width: 95%; } div.music100 { margin: 0 auto 5px auto; width: 100%; } div.music95 { margin: 0 auto 5px auto; width: 95%; } div.music90 { margin: 0 auto 5px auto; width: 90%; } div.music85 { margin: 0 auto 5px auto; width: 85%; } /* end Musical Engraving Styles */ /* Notation Legend Styles & Back Cover */ div.backcover { width: 100%; margin: 0 auto 0 auto; } /* end Notation Legend Styles & Back Cover */ /* CSS for iPad Pro - Width 1024px */ @media only screen and (max-device-width : 1024px) and (min-device-width : 769px) and (-webkit-min-device-pixel-ratio: 2) { div.breakpro { page-break-before: always; } } /* CSS for iPad Air 2-3 - Width 768px */ @media only screen and (max-device-width : 768px) and (-webkit-min-device-pixel-ratio: 2) { div.breaksmall { page-break-before: always; } }