/* CSS for iPad Pro - Width 1024px */ /*CSS Normalize*/ body { margin: 0; } h1, h2, h3, h4, p, blockquote, figure { margin: 0; padding: 0; } article, section, 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; -epub-hyphens: none; hyphens: none; } a { text-decoration: none; color: inherit; transition: .3s; } img { width: 100%; height: auto; border: 0; } /* end normalize */ /* Font Inclusion */ /*@font-face { font-family: "Notes-Regular"; src:url("../fonts/Notes-Regular.otf") ; } */ /*@font-face { font-family: "Time-Regular"; src:url("../fonts/Time-Regular.otf") ; } */ /*@font-face { font-family: "Half-Regular"; src:url("../fonts/HalfSteps-Regular.otf") ; } */ /* end Font Inclusion */ /* Miscellaneous Formatting */ div.clear { clear: both; } div.break { page-break-after: always; } div.keep { display: inline-block; } .bold { font-family: inherit; font-style: normal; font-weight: bold; } .italic { font-family: inherit; font-style: italic; font-weight: normal; } .bolditalic { font-family: inherit; font-style: italic; font-weight: bold; } span.sharp { font-family: "HalfSteps-Regular"; font-size: inherit; } span.flat { font-family: "HalfSteps-Regular"; font-size: inherit; } span.natural { font-family: "HalfSteps-Regular"; font-size: inherit; } span.time { font-family: "Time-Regular"; font-size: inherit; } span.notes{ font-family: "Notes-Regular"; font-size: inherit; } /* end Miscellaneous Formatting */ /* Copyright Styles */ div.copyrightart { display: block; color: #000; background-color: #FFF; margin: 0 auto 0 auto; width: 100%; } div.group1 { display: block; color: #000; background-color: #FFF; margin: 150px auto 50px auto; } div.group2 { display: block; color: #000; background-color: #FFF; margin: 150px auto 50px auto; } div.group3 { display: block; color: #000; background-color: #FFF; margin: 12px auto 12px auto; width: 35%; text-align: center; /*centers for MOBI*/ } div.group4 { display: block; color: #000; background-color: #FFF; margin: 12px auto 12px auto; } div.audioart { display: block; color: #000; background-color: #FFF; margin: 30px auto 5px auto; width: 17%; text-align: center; /*centers for MOBI*/ } h1.mylibaccess { display: block; color: #000; background-color: #FFF; margin: 0 0 30px 0; padding: 0 0 0 0; font-family: sans-serif; font-size: .45em; line-height: 1.2; text-align: center; text-indent: 0px; letter-spacing: 0px; font-weight: normal; font-style: normal; text-transform: none; } h1.mylibaccess2 { display: block; color: #000; background-color: #FFF; margin: 0 0 0 0; padding: 0 0 0 0; font-family: sans-serif; font-size: .45em; line-height: 1.2; text-align: center; text-indent: 0px; letter-spacing: 0px; font-weight: normal; font-style: normal; text-transform: none; } h1.mylibaccess3 { display: block; color: #1a849b; background-color: #FFF; margin: 4px 0 0 0; padding: 0 0 0 0; font-family: sans-serif; font-size: .55em; line-height: 1.2; text-align: center; text-indent: 0px; letter-spacing: 0px; font-weight: bold; font-style: normal; text-transform: none; } h1.mylibaccess4 { display: block; color: #000; background-color: #FFF; margin: 20px 0 0 0; padding: 0 0 0 0; font-family: sans-serif; font-size: .6em; line-height: 1.2; text-align: center; text-indent: 0px; letter-spacing: 0px; font-weight: normal; font-style: normal; text-transform: none; } p.photorights { display: block; color: #000; background-color: #FFF; margin: 0 0 0 0; padding: 0 0 0 0; font-family: sans-serif; font-size: .55em; line-height: 1.2; text-align: center; text-indent: 0px; letter-spacing: 0px; font-weight: normal; font-style: normal; text-transform: none; } p.isbn { display: block; color: #000; background-color: #FFF; margin: 0 0 0 0; padding: 0 0 0 0; font-family: sans-serif; font-size: .5em; line-height: 1.2; text-align: center; text-indent: 0px; letter-spacing: 0px; font-weight: normal; font-style: normal; text-transform: none; } p.hladdress { display: block; color: #000; background-color: #FFF; margin: 0 0 0 0; padding: 0 0 0 0; font-family: sans-serif; font-size: .3em; line-height: 1.1; text-align: center; text-indent: 0px; letter-spacing: 0px; font-weight: normal; font-style: normal; text-transform: none; } p.copyright { display: block; color: #000; background-color: #FFF; margin: 0 0 0 0; padding: 0 0 0 0; font-family: sans-serif; font-size: .35em; line-height: 1.1; text-align: center; text-indent: 0px; letter-spacing: 0px; font-weight: normal; font-style: normal; text-transform: none; } p.website { display: block; color: #0000ff; background-color: #FFF; margin: 2px 0 0 0; padding: 0 0 0 0; font-family: sans-serif; font-size: .4em; line-height: 1.1; text-align: center; text-indent: 0px; letter-spacing: 0px; font-weight: bold; font-style: normal; text-transform: none; } /* end Copyright section */ /* Internal TOC Styles */ h1.toc_head { display: block; color: #000; background-color: #FFF; margin: 0 0 30px 0; padding: 0 0 0 0; font-family: sans-serif; font-size: 1em; line-height: 1.2; text-align: left; text-indent: 0px; letter-spacing: 0; font-weight: bold; font-style: normal; text-transform: uppercase; } p.toc_entry { display: block; color: #000; background-color: #FFF; margin: 0 0 15px 25px; padding: 0 0 0 0; font-family: sans-serif; font-size: .75em; line-height: 1.2; text-align: left; text-indent: 0px; letter-spacing: 0px; font-weight: normal; font-style: normal; text-transform: none; } /* end Internal TOC Styles */ /* Songtitle, Credits and Rights */ h3.songpretitle, h1.songtitle { page-break-before: always; } h3.songpretitle + h1.songtitle { page-break-before: avoid; } h1.songtitle + h1.songtitle { page-break-before: avoid; } h3.songpretitle { display: block; color: #000; background-color: #FFF; margin: 0 0 0 0; padding: 0 0 0 0; font-family: sans-serif; font-size: .85em; line-height: 1.1; text-align: center; text-indent: 0px; letter-spacing: 0px; font-weight: bold; font-style: normal; text-transform: none; } h1.songtitle { display: block; color: #000; background-color: #FFF; margin: 0 0 5px 0; padding: 0 0 0 0; font-family: sans-serif; font-size: 1.25em; line-height: 1.1; text-align: center; text-indent: 0px; letter-spacing: 0px; font-weight: bold; font-style: normal; text-transform: none; } h3.songsubtitle { display: block; color: #000; background-color: #FFF; margin: -5px 0 5px 0; padding: 0 0 0 0; font-family: sans-serif; font-size: .75em; line-height: 1.1; text-align: center; text-indent: 0px; letter-spacing: 0px; font-weight: bold; font-style: normal; text-transform: none; } h1.songtitle + h4.credit { margin: 10px 0 0 0; } h3.songsubtitle + h4.credit { margin: 10px 0 0 0; } h4.credit { display: block; color: #000; background-color: #FFF; margin: 0 0 0 0; padding: 0 0 0 0; font-family: sans-serif; font-size: .45em; line-height: 1.1; text-align: right; text-indent: 0px; letter-spacing: 0px; font-style: normal; text-transform: none; } p.rights { display: block; color: #000; background-color: #FFF; margin: 0 0 0 0; padding: 0 0 0 0; font-family: sans-serif; font-size: .3em; line-height: 1.2; text-align: center; text-indent: 0px; letter-spacing: 0px; font-weight: normal; font-style: normal; text-transform: none; } p.body { display: block; color: #000; background-color: #FFF; margin: 0 0 10px 0; padding: 0 0 0 0; font-family: sans-serif; font-size: .6em; line-height: 1.3; text-align: left; text-indent: 0px; letter-spacing: 0px; font-weight: normal; font-style: normal; text-transform: none; } ul { display: block; list-style-type: disc; color: #000; background-color: #FFF; margin: 0 0 10px 30px; padding: 0 0 0 0; font-family: sans-serif; font-size: .6em; line-height: 1.3; text-align: left; text-indent: 0px; letter-spacing: 0px; font-weight: normal; font-style: normal; text-transform: none; } ol { display: block; list-style-type: decimal; color: #000; background-color: #FFF; margin: 0 0 10px 35px; /*More Left margin needed for Numbered list indention*/ padding: 0 0 0 0; font-family: sans-serif; font-size: .6em; line-height: 1.3; text-align: left; text-indent: 0px; letter-spacing: 0px; font-weight: normal; font-style: normal; text-transform: none; } li { display: list-item; list-style-type: inherit; color: #000; background-color: #FFF; margin: 0 0 5px 0; /*More Left margin needed for Numbered list indention*/ padding: 0 0 0 0; font-family: inherit; font-size: inherit; line-height: 1.3; text-align: left; text-indent: 0px; letter-spacing: 0px; font-weight: normal; font-style: normal; text-transform: none; } /* end Songtitles, Credits and Rights */ .tftable { display: table; width: 70%; border-collapse: collapse; border-style: solid; border-color: #000; border-width: 1px; margin: 25px 0 35px 50px; padding: 0 0 0 0; } tr { display: table-row; border-collapse: collapse; border-style: solid; border-color: #000; border-width: 2px; padding: 0 0 0 0; } th { display: table-cell; color: #000; background-color: #b2a176; padding: 5px 15px 5px 15px; border-style: solid; border-color: #000; border-width: 2px; vertical-align: top; font-family: "Times New Roman", Times, serif; font-size: .7em; line-height: 1.2; text-align: left; text-indent: 0px; letter-spacing: 0px; font-weight: bold; font-style: normal; text-transform: none; } td { display: table-cell; color: #000; background-color: #FFF; padding: 10px 15px 10px 15px; border-style: solid; border-color: #000; border-width: 2px; vertical-align: top; font-family: "Times New Roman", Times, serif; font-size: .6em; line-height: 1.2; text-align: left; text-indent: 0px; letter-spacing: 0px; font-weight: normal; font-style: normal; text-transform: none; } /* end Table Styles */ /* Audio & Video Styles */ audio.mp3 { display: inline-block; margin: 0 0 0 0; padding: 0 0 0 0; width: 49%; text-align: left; font-size: .45em; } p.label { display: block; color: #000; background-color: #FFF; margin: 0 0 0 0; padding: 0 0 0 0; font-family: sans-serif; font-size: .45em; line-height: 1.2; text-align: left; text-indent: 0px; letter-spacing: 0px; font-weight: bold; font-style: normal; text-transform: none; } /* end Audio & Video Styles */ /* Video Styles */ video { width: 100%; /*Set dimensions here for video width. Percentage works best!*/ height: 100%; /*Set dimensions here for video height. Percentage works best!*/ margin: 10px auto 10px auto; padding: 0 0 0 0; text-align: center; font-size: .45em; } /* Video Styles */ /* Musical Engraving Styles */ div.music1 { margin: 10px auto 10px auto; width: 90%; } div.music { margin: 0 auto 0 auto; width: 95%; } div.music100 { margin: 10px auto 10px auto; width: 100%; } div.music95 { margin: 10px auto 10px auto; width: 95%; } div.music90 { margin: 10px auto 10px auto; width: 90%; } div.music85 { margin: 10px auto 10px auto; width: 85%; } div.music80 { margin: 10px auto 10px auto; width: 80%; } div.music75 { margin: 10px auto 10px auto; width: 75%; } div.music70 { margin: 10px auto 10px auto; width: 70%; } div.music65 { margin: 10px auto 10px auto; width: 65%; } div.music60 { margin: 10px auto 10px auto; width: 60%; } div.music55 { margin: 10px auto 10px auto; width: 55%; } div.music50 { margin: 10px auto 10px auto; width: 50%; } div.music45 { margin: 10px auto 10px auto; width: 45%; } div.music40 { margin: 10px auto 10px auto; width: 40%; } div.music35 { margin: 10px auto 10px auto; width: 35%; } div.music30 { margin: 10px auto 10px auto; width: 30%; } div.music25 { margin: 10px auto 10px auto; width: 25%; } div.music20 { margin: 10px auto 10px auto; width: 20%; } div.music15 { margin: 10px auto 10px auto; width: 15%; } /* end Musical Engraving Styles */ /* Notation Legend Styles & Back Cover */ div.backcover { margin: 0 auto 0 auto; width: 100%; } /* end Notation Legend Styles & Back Cover */ /* End CSS for iPad Pro - Width 1024px */ /* CSS for ONLY 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 ONLY 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; } }