@font-face { font-family: Garamond-Premier-Pro; src: url(../Fonts/Garamond-Premier-Pro.ttf); } @font-face { font-family: Garamond-Premier-Pro-Italic; src: url(../Fonts/Garamond-Premier-Pro-Italic.ttf); } @font-face { font-family: Alte-Haas-Grotesk; src: url(../Fonts/Alte-Haas-Grotesk.ttf); } @font-face { font-family: Alte-Haas-Grotesk-Bold; src: url(../Fonts/Alte-Haas-Grotesk-Bold.ttf); } /* coverpage */ .coverpage { vertical-align: middle; text-align: center; background-color: white; margin: 0em; } .coverpage img { height: 100%; margin: 0em; } /* title page */ .titlepage { text-align: center; margin: 15% auto auto auto; padding: 1.7em 0 1.3em 0; text-align: center; } .title { font-size: 2.3em; letter-spacing: .08em; margin: 0 0 .3em 0; text-align: center; } .subtitle, .author, .illustrator { letter-spacing: .08em; font-weight: bold; text-align: center; } .subtitle { font-size: 2.2em; text-align: center; margin: 3em 0 0 0; font-style: normal; font-family: heading2; } .author { margin: 3em 0 0 0; font-size: 1.5em; } .illustrator { margin: 1em 0 0 0; font-size: 1.3em; } /* toc */ div.toc > h1 { text-align: center; font-size: 1.8em; } div.toc > p { text-indent: 0; } div.toc > p.nest1 { text-indent: 10px; } div.toc > p.nest2 { text-indent: 20px; } /* general */ .copyright, .dedication, .forward, .chapter, .endnotes, .glossary, .publisher, .bibliography{ text-align: left; } .copyright h1, .dedication h1, .forward h1, .section h1, .chapter h1, .glossary h1, .publisher h1, .titlepage h1 { margin: 0 0 0 0; margin-top: .5em; margin-bottom: .5em; font-family: Alte-Haas-Grotesk-Bold; font-size: 2em; letter-spacing: 0em; line-height: 1.2em; text-align: center; font-weight: bold; } .copyright h2, .dedication h2, .forward h2, .section h2, .chapter h2, .glossary h2, .publisher h2, .titlepage h2 { letter-spacing: 0em; margin-top: 2em; margin-bottom: 3em; font-size: 1.25em; padding: 0em; font-family: Garamond-Premier-Pro-Italic; text-align: center; line-height: 1.2em; font-style: normal; } .copyright h3, .dedication h3, .forward h3, .chapter h3, .endnotes h3, .glossary h3, .publisher h3, .bibliography h3 { font-size: 1.15em; letter-spacing: 0em; margin-left: 0em; margin-bottom: 15%; margin-top: .5em; text-align: center; text-indent: 0em; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; word-break: keep-all; line-height: 1.2em; font-family: Alte-Haas-Grotesk; font-weight: bold; } .copyright h4, .dedication h4, .forward h4, .section h4, .chapter h4, .glossary h4, .publisher h4, .titlepage h4 { letter-spacing: 0em; margin-top: 3em; margin-bottom: .5em; padding-left: 0em; padding-right: 0em; text-align: center; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; word-break: keep-all; font-family: Alte-Haas-Grotesk; line-height: 1.2em; font-size: 1.15em; font-weight: normal; } .copyright h5, .dedication h5, .forward h5, .section h5, .chapter h5, .glossary h5, .publisher h5, .titlepage h5 { font-size: 1.5em; letter-spacing: 0em; margin-top: 2.5em; margin-bottom: 2em; text-align: center; margin-left: 0em; text-indent: 0em; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; word-break: keep-all; line-height: 1.2em; font-family: Alte-Haas-Grotesk; font-weight: normal; } .copyright h6, .dedication h6, .forward h6, .section h6, .chapter h6, .glossary h6, .publisher h6, .titlepage h6 { font-size: 1.15em; letter-spacing: 0em; margin: 0; margin-top: .5em; margin-bottom: .5em; text-align: left; text-indent: 0em; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; word-break: keep-all; line-height: 1.2em; font-family: Alte-Haas-Grotesk; font-weight: normal; } .copyright p, .publisher p { font-size: .9em; text-indent: 0; margin: 0; margin-top: .75em; margin-bottom: .75em; padding: 0 0 0 0; text-align: left; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; word-break: keep-all; line-height: 1.5em; font-family: Garamond-Premier-Pro; } .chapter p, .dedication p, .forward p { font-size: 1em; text-indent: 1.5em; margin: 0; margin-top: 0em; margin-bottom: 0em; text-align: justify; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; word-break: keep-all; line-height: 1.3em; font-family: Garamond-Premier-Pro; } .toc { font-size: 1em; text-indent: 0em; margin-top: .75em; margin-bottom: .75em; text-align: left; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; word-break: keep-all; line-height: 1.3em; font-family:Garamond-Premier-Pro; } p.center { font-size: 1em; text-indent: 0em; margin: 0; margin-top: 1.25em; margin-bottom: 1.25em; text-align: center; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; word-break: keep-all; line-height: 1.3em; font-family: Garamond-Premier-Pro; } p.right { font-size: 1em; text-indent: 0em; margin: 0; margin-top: 1.25em; margin-bottom: 1.25em; text-align: right; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; word-break: keep-all; line-height: 1.3em; font-family: Garamond-Premier-Pro; } p.left { font-size: 1em; text-indent: 0em; margin: 0; margin-top: 0em; margin-bottom: 0em; text-align: justify; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; word-break: keep-all; line-height: 1.3em; font-family: Garamond-Premier-Pro; } p.ini { font-size: 1em; text-indent: 0em; margin-top: 1.25em; margin-bottom: 0em; text-align: justify; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; word-break: keep-all; line-height: 1.3em; font-family: Garamond-Premier-Pro; } p.blockquote { margin-top: 1.25em; margin-bottom: 1.25em; margin-left: 1.5em; margin-right: 0em; font-size: 1em; text-indent: 0em; text-align: left; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; word-break: keep-all; line-height: 1.3em; font-family: Garamond-Premier-Pro; } /* lists */ ol { margin: 1em 0 1em 0; font-family: para; } ul { margin: 1em 0 1em 0; font-family: para; line-height: 1.3em } /* section divider */ .section { text-align: center; margin: 8% auto auto auto; padding: 2em 0 3em 0; } .section h1 { font-size: 1.8em; letter-spacing: .08em; text-align: center; } .section h2 { letter-spacing: .08em; font-style: normal; text-align: center; } /* images */ img {max-width:100%;text-align:center!important;} img.img100 { margin:0 0 0 0; padding:0; text-align:center; text-indent:0em; height: auto; width: 100%; } img.img95 { margin:0 0 0 0; padding:0; text-align:center; text-indent:0em; height: auto; width: 95%; } img.img90 { margin:0 0 0 0; padding:0; text-align:center; text-indent:0em; height: auto; width: 90%; } img.img85 { margin:0 0 0 0; padding:0; text-align:center; text-indent:0em; height: auto; width: 85%; } img.img80 { margin:0 0 0 0; padding:0; text-align:center; text-indent:0em; height: auto; width: 80%; } img.img30 { margin:0 0 0 0; padding:0; text-align:left; text-indent:0em; height: auto; width: 30%; } img.img20 { margin:0 0 0 0; padding:0; text-align:left; text-indent:0em; height: auto; width: 20%; } div.image { margin: 0.5em 0 0.5em 0; padding: 0.5em 0 0.5em 0; text-align:center!important; } div.image1 { margin: 1em 0 .5em 0; padding: 1em 0 1em 0; text-align:right!important; } div.image2 { margin: 2em 0 0em 0em; padding: 0em 0 0em 0em; text-align:left!important; } div.image p { font-size: 0.85em; margin: auto 2em auto 2em; text-indent: 0em; text-align: center; font-family: Garamond-Premier-Pro; } /* table */ /* tables should only be used for displaying data. Please do not use tables to layout images */ td { padding: 0.5em; text-align: left; border: 1px solid white; } table { border-collapse:collapse; border-left:3px solid transparent; border-right:3px solid transparent; width: 100%; margin-left: 0%; margin-right: 0%; } table > tr:first-of-type { border-collapse:collapse; } /* bibliography */ .bibliography p { padding-left: 1.5em; margin-top: .5%; margin-bottom: .5%; text-indent: -1.3em; font-family: Garamond-Premier-Pro; }