body{margin:2%;widows:2;orphans:2;} p{font-size:100%; text-align:left} .p0{text-indent:0;margin-left:0;margin-right:0;text-align:center;margin-top:0;margin-bottom:0} .p1{text-indent:0;margin-left:0;margin-right:0;text-align:center;margin-top:1.1em;margin-bottom:0} .p2{text-indent:0;margin-left:0;margin-right:0;text-align:right;margin-top:.64em;margin-bottom:0} .p3{text-indent:0;margin-left:0;margin-right:0;text-align:right;page-break-after:avoid;page-break-inside:avoid;margin-top:1.4em;margin-bottom:0} .p4{text-indent:0;margin-left:0;margin-right:0;text-align:right;margin-top:1.4em;margin-bottom:0} .p5{text-indent:0;margin-left:0;margin-right:0;margin-top:20%;margin-bottom:0} .p6{text-indent:0;margin-left:0;margin-right:0;margin-top:1.1em;margin-bottom:0} .p7{text-indent:0;margin-left:0;margin-right:0;text-align:right;margin-top:0;margin-bottom:.55em} .p8{text-indent:0;margin-left:0;margin-right:0;text-align:right;margin-top:0;margin-bottom:0} .p9{text-indent:0;margin-left:0;margin-right:0;text-align:center;margin-top:1.1em;margin-bottom:2.2em} .p10{text-indent:0;margin-left:0;margin-right:0;text-align:center;margin-top:.55em;margin-bottom:2.2em} .p11{text-indent:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0} .p12{text-indent:-1.1em;margin-left:1.1em;margin-right:0;margin-top:1.1em;margin-bottom:0} .p13{text-indent:0;margin-left:1.1em;margin-right:0;margin-top:1.1em;margin-bottom:0} .p14{text-indent:-2.6em;margin-left:2.6em;margin-right:0;margin-top:1.1em;margin-bottom:0} .p15{text-indent:0;margin-left:0;margin-right:0;text-align:center;margin-top:1.6em;margin-bottom:0} .p16{text-indent:0;margin-left:0;margin-right:0;text-align:center;margin-top:2.5em;margin-bottom:0} .p17{text-indent:0;margin-left:0;margin-right:0;text-align:center;margin-top:1.1em;margin-bottom:.36em} .p18{text-indent:0;margin-left:0;margin-right:0;text-align:center;margin-top:0;margin-bottom:.36em} .p19{text-indent:0;margin-left:3.3em;margin-right:3.3em;text-align:center;margin-top:0;margin-bottom:0} .p20{text-indent:0;margin-left:0;margin-right:0;margin-top:.82em;margin-bottom:0} .p21{text-indent:0;margin-left:0;margin-right:0;margin-top:1.1em;margin-bottom:1em} .p22{text-indent:0;margin-left:0;margin-right:0;margin-top:2.2em;margin-bottom:0} .p24{text-indent:0;margin-left:2.1em;margin-right:0;margin-top:0;margin-bottom:0} .p25{text-indent:0;margin-left:2.1em;margin-right:0;margin-top:1.1em;margin-bottom:0} .p26{text-indent:0;margin-left:0;margin-right:0;margin-top:1.1em;margin-bottom:.77em} .p27{text-indent:0;margin-left:0;margin-right:0;margin-top:1.1em;margin-bottom:.45em} .p28{text-indent:-2.1em;margin-left:2.1em;margin-right:0;margin-top:1.1em;margin-bottom:0} .p29{text-indent:0;margin-left:0;margin-right:0;margin-top:1.1em;margin-bottom:1.6em} .p30{text-indent:0;margin-left:0;margin-right:0;text-align:center;margin-top:1.1em;margin-bottom:1.6em} .p31{text-indent:0;margin-left:0;margin-right:0;text-align:center;margin-top:0;margin-bottom:1.1em} .p32{text-indent:0;margin-left:0;margin-right:0;margin-top:0.7em;margin-bottom:0} h1{font-size:200%;font-weight:bold; text-align:left} .h10{text-indent:0;margin-left:0;margin-right:0;text-align:center;page-break-after:avoid;page-break-inside:avoid;margin-top:2em;margin-bottom:2em} .h11{text-indent:0;margin-left:0;margin-right:0;text-align:right;page-break-after:avoid;page-break-inside:avoid;margin-top:2em;margin-bottom:2em} .h12{text-indent:0;margin-left:0;margin-right:0;text-align:right;page-break-after:avoid;page-break-inside:avoid;margin-top:2em;margin-bottom:.27em} .h13{text-indent:0;margin-left:0;margin-right:0;page-break-after:avoid;page-break-inside:avoid;margin-top:.82em;margin-bottom:.27em} .h14{text-indent:0;margin-left:0;margin-right:0;text-align:center;page-break-after:avoid;page-break-inside:avoid;margin-top:0;margin-bottom:.55em} h2{font-size:100%;font-weight:bold; text-align:left} .h20{text-indent:0;margin-left:0;margin-right:0;page-break-after:avoid;page-break-inside:avoid;margin-top:1.6em;margin-bottom:.55em} .t2{font-size:2.2em;font-weight:bold; line-height:60%} .t3{font-style:italic} .t4{font-weight:bold} .t5{font-size:1.5em;font-weight:bold} .t6{font-size:2.3em;font-weight:bold} .t7{font-size:.82em} .t8{font-weight:bold;font-style:italic} .t9{font-size:.82em;font-weight:bold} .t10{font-size:1.4em;font-weight:bold} .t11{font-size:.82em;font-weight:bold;font-style:italic} .t12{font-size:.73em} .t13{font-size:.73em;font-style:italic} .t14{font-size:2.2em} .t15{font-size:1.1em} .t16{font-size:.91em;font-weight:bold} .t17{font-size:.91em} .t18{font-size:.91em;font-weight:bold;font-style:italic} .th11{text-decoration:line-through} .th12{font-size:.5em;font-weight:normal} .th14{font-style:italic} .th15{font-size:1.4em} .th16{font-size:.5em} .th22{font-style:italic} .t1{text-indent:0;font-size:2em;font-weight:bold;font-style:normal;text-align:center;margin-top:0;margin-bottom:0.2em;margin-left:0em;margin-right:0em;} .t1a{text-indent:0;font-size:2em;font-weight:bold;font-style:normal;text-align:center;margin-top:0.2em;margin-bottom:0em;margin-left:0em;margin-right:0em;} table {width:100%; max-width:100%;} td,tr{ vertical-align:top;} .mytable td, tr{ vertical-align:top; padding:0; } .mytable {margin-top:0; margin-bottom:0;border-collapse: collapse;} .mytable1 td, tr{ vertical-align:top; padding:0; } .mytable1 {margin-top:1em; margin-bottom:0;border-collapse: collapse;} tr.trborder{page-break-before:always} tr.trborder td { border-top:2px solid black; border-bottom:2px solid black; } tr.trborder1 td { border-bottom:2px solid black; } .myborder{border-bottom:solid; border-top:solid; border-left:solid; border-right:solid;border-width:3px;margin-top:1.5em;margin-bottom:0.5em; border-radius: 15px; -webkit-border-radius: 15px; padding:0em 1em 1em 1em; } .myborder2{border-bottom:double; border-top:double; border-left:double; border-right:double;border-width:3px;margin-left:0;margin-right:0;margin-top:20%;margin-bottom:1.5em; border-radius: 15px; -webkit-border-radius: 15px; padding:0 10px 10px 10px; page-break-inside:avoid;} .myborder3{border-bottom:double; border-top:double; border-left:double; border-right:double;border-width:3px;margin-left:0;margin-right:0;margin-top:1.5em;margin-bottom:1.5em; border-radius: 15px; -webkit-border-radius: 15px; padding:0 10px 10px 10px; page-break-inside:avoid;} /* ********************************************************************************* * HEAD OF ZEUS STYLESHEET * ********************************************************************************* Change log: 2017-08-12. Geo. Added: pale-grey button for all imprints endmatter Changed: colour of text decoration in table a from ffffff to 000000 /* ================================================================================= BASICS ================================================================================= */ /* Links */ a, a:visited, a:active, a:link{ text-decoration:underline; color: #000; } a span { text-decoration: underline; color: #000; } /* ================================================================================= BODY TEXTS ================================================================================= */ p.full-out { text-indent: 0; margin-top: 1em; } p.indent { text-indent: 1em; } p.indent-space-above { text-indent: 1em; margin-top: 1em; } p.extract { margin-left: 2em; margin-right: 2em; } .center-text{ text-indent:0; margin-left:0; margin-right:0; text-align:center; margin-top:2em; margin-bottom:1em; } .page-break{ page-break-before:always; } /* Extra spacing classes*/ .space-before-single { margin-top: 1em; } .space-after-single { margin-bottom: 1em; } .space-before-double { margin-top: 2em; } .space-after-double { margin-bottom: 2em; } /* prelim and endmatter-only header with no space above */ h3.endmatter-header { text-align: center; font-weight: bold; page-break-after: avoid; margin-top: 1em; margin-bottom: 2em; font-size: 1.5em } /* ================================================================================= BREAKS ================================================================================= Apply to * to show a narrative break / section break */ p.section-break { text-align:center; text-indent: 0px; margin-top: 2em; margin-bottom: 1em; } /* ================================================================================= IMAGES, CAPTIONS & LISTS ================================================================================= */ /* Full page images */ div.full-page-image { page-break-after: always; page-break-before: always; page-break-inside: avoid; max-height: 100%; max-width: 100%; } /* Integrated images */ div.mid-image { text-align: center; page-break-inside: avoid; margin-top: 1em; margin-bottom: 1em; max-height: 100%; max-width: 100%; } /* ================================================================================= HOZ ENDMATTER ================================================================================= */ /**/ div.one-em-spacer{ margin-top: 1em; margin-bottom: 1em; } div.two-em-spacer{ margin-top: 2em; margin-bottom: 2em; } div.three-em-spacer{ margin-top: 3em; margin-bottom: 3em; } div.four-em-spacer{ margin-top: 4em; margin-bottom: 4em; } div.centered{ text-align: center; } /**/ .hoz-logo{ page-break-inside: avoid; height: 100px; width: 100px; border-radius: 50%; border-style: solid; border-width: 10px; border-color: #000000; background-color: #ffffff; background-image: url("../Images/hoz-logo.png"); background-size: contain; background-repeat: no-repeat; margin-left: auto; margin-right: auto; display: block; } .apollo-logo{ page-break-inside: avoid; height: 100px; width: 100px; border-radius: 50%; border-style: solid; border-width: 6px; border-color: #000000; background-color: #ffffff; background-image: url("../Images/apollo-logo.png"); background-size: contain; background-repeat: no-repeat; margin-left: auto; margin-right: auto; display: block; } .aria-logo{ page-break-inside: avoid; height: 100px; width: 100px; border-radius: 50%; border-style: solid; border-width: 10px; border-color: #000000; background-color: #ffffff; background-image: url("../Images/aria-logo-black.png"); background-size: contain; background-repeat: no-repeat; margin-left: auto; margin-right: auto; display: block; } .anima-logo{ page-break-inside: avoid; height: 100px; width: 100px; border-radius: 50%; border-style: solid; border-width: 6px; border-color: #000000; background-color: #ffffff; background-image: url("../Images/Anima_A_1000.png"); background-size: contain; background-repeat: no-repeat; margin-left: auto; margin-right: auto; display: block; } .zephyr-logo{ page-break-inside: avoid; height: 100px; width: 100px; border-radius: 50%; border-style: solid; border-width: 6px; border-color: #000000; background-color: #ffffff; background-image: url("../Images/zephyr-logo-1000.png"); background-size: contain; background-repeat: no-repeat; margin-left: auto; margin-right: auto; display: block; } /**/ a.btn{ border-radius: 0.25em; padding-top: 1em; padding-right: 1.25em; padding-bottom: 1em; padding-left: 1.25em; text-decoration: none; border-style: solid; border-width: 0.15em; border-color: #ffffff; page-break-inside: avoid; } /* hoz buttons */ a.hoz-btn{ background-color: #f26788; color: #ffffff; } a.hoz-icon-btn{ background-color: #f26788; color: #ffffff; background-image: url("../Images/hoz.png"); background-size: contain; background-repeat: no-repeat; padding-left: 4em; } /* apollo library buttons */ a.apollo-btn{ background-color: #fdcc45; color: #000000; } a.apollo-icon-btn{ background-color: #fdcc45; color: #000000; background-image: url("../Images/apollo-logo.png"); background-size: contain; background-repeat: no-repeat; padding-left: 4em; } /* aria buttons */ a.aria-btn{ background-color: #82cc24; color: #ffffff; } a.aria-icon-btn{ background-color: #82cc24; color: #ffffff; background-image: url("../Images/aria-logo-white.png"); background-size: contain; background-repeat: no-repeat; padding-left: 4em; } /* anima buttons */ a.anima-btn{ background-color: #007973; color: #ffffff; } a.anima-icon-btn{ background-color: #007973; color: #ffffff; background-image: url("../Images/Anima_A_512.png"); background-size: contain; background-repeat: no-repeat; padding-left: 4em; } /* zephyr buttons */ a.zephyr-btn{ background-color: #396b9c; color: #ffffff; } a.zephyr-icon-btn{ background-color: #396b9c; color: #ffffff; background-image: url("../Images/zephyr-logo-512-blue.png"); background-size: contain; background-repeat: no-repeat; padding-left: 4em; } /* social media */ a.twitter-icon-btn{ background-color: #00aced; color: #ffffff; background-image: url("../Images/twitter.png"); background-size: contain; background-repeat: no-repeat; padding-left: 4em; } a.facebook-icon-btn{ background-color: #3b5998; color: #ffffff; background-image: url("../Images/facebook.png"); background-size: contain; background-repeat: no-repeat; padding-left: 4em; } a.bookgrail-icon-btn{ background-color: #64aed9; color: #ffffff; background-image: url("../Images/bookgrail.png"); background-size: contain; background-repeat: no-repeat; padding-left: 4em; } a.instagram-icon-btn{ background-color: #e1306c; color: #ffffff; background-image: url("../Images/instagram.png"); background-size: contain; background-repeat: no-repeat; padding-left: 4em; } /**/ div.menu{ width: 70%; margin: 0 auto; } a.menu-btn{ border-width: 0.1em; display: block; } /*this for internal links*/ a.menu-btn-int{ border-width: 0.1em; display: block; } /* this for links to external websites etc.*/ a.menu-btn-ext{ border-width: 0.1em; display: block; } .hoz-logo.bw{ background-image: url("../Images/hoz-logo-bw.png"); /* b&w HoZ logo for Welcome page only */ } .url{ margin-left:0; margin-top:1.25em; margin-right:0; margin-bottom:0; text-indent:0; text-align:center; widows:2; orphans:2; } /* /// button colours /// */ .pale-grey{ background-color: #a3a3a3; color: #000000; } /* the new for-all-imprints button colour*/ .hoz-pink{ background-color: #f26788; color: #ffffff; } .aria-green{ background-color: #82cc24; color: #ffffff; } .apollo-yellow{ background-color: #fdcc45; color: #000000; } .zephyr-blue{ background-color: #396b9c; color: #ffffff; } .anima-teal{ background-color: #007973; color: #ffffff; } .grey{ background-color: #888888; color: #ffffff; } /**/ /* /// tables /// */ tr,td{ vertical-align:top; border-collapse:none; padding:.5em; } table{ width:100%; max-width:100%; border-collapse:none; } td a { text-decoration: none; color: #000000; } img.grid{ display:block; width: 100%; } /* 1 image row: original class for single-image row. Original name: table.advert */ table.advert-single{ margin-left: 25%; width: 50%; page-break-inside: avoid; } /* 2-image row. Original name: table.advert_a */ table.advert-double{ margin-left: 17%; margin-right: 17%; width: 66%; } /* 3-image row Note: is styled in-line, no special class */ /* /// buttons /// */ a.after-grid-btn{ border-radius: 0.25em; margin-top: 5em; padding-top: 1em; padding-right: 1.25em; padding-bottom: 1em; padding-left: 1.25em; text-decoration: none; border-style: solid; border-width: 0.15em; border-color: #ffffff; page-break-inside: avoid; } .find-out-more{ text-indent:0; text-align:center; text-decoration: none; font-size:0.85em; margin-left:-0.1em; /* /// NB /// */ margin-right:-0.1em; /* /// NB /// */ margin-bottom:3em; /* /// added in because after single ad the 'Visit HoZ Now' button was overlapping /// */ border-radius: 0.25em; border-style: solid; border-width: 0.1em; border-color: #ffffff; padding-top: 0.8em; padding-right: 0.5em; padding-bottom: 0.8em; padding-left: 0.5em; page-break-inside: avoid; page-break-before: avoid; } /**/