body { width:975px; height:975px; margin:0; padding:0; } img { width:975px; height:975px; position: absolute; z-index:-1; } a { color:inherit; text-decoration: none; } .page-background-image { position:absolute; width:975px; height:975px; z-index:-1; } .coverimage { position:absolute; width:975px; height:975px; text-align:center; } /* @font-face{font-family: "CCComicrazy"; src: url(../fonts/CCComicrazy.otf);} @font-face{font-family: "FuturaStd-Medium"; src: url(../fonts/FuturaStd-Medium.otf);} @font-face{font-family: "TapesideLTComBold"; src: url(../fonts/TapesideLTComBold.otf);} */ @font-face{font-family: "CCComicrazy"; src: url(../fonts/CCComicrazy.woff);} @font-face{font-family: "FuturaStd-Medium"; src: url(../fonts/FuturaStd-Medium.woff);} @font-face{font-family: "TapesideLTComBold"; src: url(../fonts/TapesideLTComBold.woff);} #karben a:nth-of-type(1) {top: 435px; left: 600px; position: absolute; color:transparent; height: 25px; width: 148px;} #ad02 a:nth-of-type(1) {top: 595px; left: 229px; position: absolute; color:transparent; height: 20px; width: 173px;} #ad02 a:nth-of-type(2) {top: 595px; left: 455px; position: absolute; color:transparent; height: 20px; width: 290px;} #ad02 a:nth-of-type(3) {top: 695px; font-size:9px; left: 283px; position: absolute; color:transparent; height: 20px; width: 103px;} #ad02 a:nth-of-type(4) {top: 695px; left: 426px; position: absolute; color:transparent; height: 20px; width: 270px;} #ad03 a:nth-of-type(1) {top: 649px; left: 323px; position: absolute; color:transparent; height: 20px; width: 333px;} #ad03 a:nth-of-type(2) {top: 735px; left: 378px; position: absolute; color:transparent; height: 20px; width: 225px;} #ad03 a:nth-of-type(3) {top: 798px; font-size:8px; left: 416px; position: absolute; color:transparent; height: 20px; width: 119px;} #ad03 a:nth-of-type(4) {top: 815px; font-size:13px; left: 380px; position: absolute; color:transparent; height: 20px; width: 222px;} .-epub-media-overlay-active { color: #fd0528 !important; } .-epub-media-overlay-active *{ color: #fd0528 !important; } .big { top: 0px; left: 228px; position:absolute; font-size: 40px; } .small { top: 1px; left: 248px; position:absolute; font-size: 21.5px; } .title .text1 { top: 842px; left: 212px; font-family: "TapesideLTComBold"; font-size: 32px; position:absolute; text-align: center; text-indent: 0px; letter-spacing: -.1px; line-height: 38px; width: 900px; color:#580D18; } .page01 .text1 { top: 64px; left:245px; font-family: "TapesideLTComBold"; font-size: 41px; position:absolute; text-align: left; text-indent: 0px; letter-spacing: 0.1px; line-height: 49px; width: 900px; } .page01 .text2 { top: 814px; left:233px; font-family: "TapesideLTComBold"; font-size: 41px; position:absolute; text-align: left; text-indent: 0px; letter-spacing: 0.1px; line-height: 49px; width: 900px; } .page02 .text1 { top: 70px; left: 171px; font-family: "TapesideLTComBold"; font-size: 41px; position:absolute; text-align: left; text-indent: 0px; letter-spacing: 0.1px; line-height: 49px; width: 900px; } .page02 .text2 { top: 833px; left: 216px; font-family: "TapesideLTComBold"; font-size: 41px; position:absolute; text-align: left; text-indent: 0px; letter-spacing: 0.1px; line-height: 49px; width: 900px; } .page03 .text1 { top: 56px; left: 85px; font-family: "TapesideLTComBold"; font-size: 41px; position:absolute; text-align: left; text-indent: 0px; letter-spacing: 0.1px; line-height: 49px; width: 900px; } .page03 .text2 { top: 169px; left: 171px; font-family: "TapesideLTComBold"; font-size: 41px; position:absolute; text-align: left; text-indent: 0px; letter-spacing: 0.2px; line-height: 49px; width: 900px; } .page04 .text2 { top: 810px; left: 321px; font-family: "TapesideLTComBold"; font-size: 41px; position:absolute; text-align: left; text-indent: 0px; letter-spacing: 0.25px; line-height: 49px; width: 900px; } .page04 .text1 { top: 64px; left: 312px; font-family: "TapesideLTComBold"; font-size: 41px; position:absolute; text-align: left; text-indent: 0px; letter-spacing: 0.25px; line-height: 49px; width: 900px; } .page05 .text1 { top: 86px; left: 99px; font-family: "TapesideLTComBold"; font-size: 41px; position:absolute; text-align: left; text-indent: 0px; letter-spacing: 0.1px; line-height: 49px; width: 900px; } .page05 .text2 { top: 203px; left: 293px; font-family: "TapesideLTComBold"; font-size: 41px; position:absolute; text-align: left; text-indent: 0px; letter-spacing: 0.1px; line-height: 49px; width: 900px; } .page06 .text3 { top: 807px; left: 386px; font-family: "TapesideLTComBold"; font-size: 41px; position:absolute; text-align: left; text-indent: 0px; letter-spacing: 0.2px; line-height: 49px; width: 900px; } .page06 .text1 { top: 47px; left: 200px; font-family: "TapesideLTComBold"; font-size: 41px; position:absolute; text-align: left; text-indent: 0px; letter-spacing: 0.2px; line-height: 49px; width: 900px; } .page06 .text2 { top: 217px; left: 192px; font-family: "CCComicrazy"; font-size: 31px; position:absolute; text-align: center; text-indent: 0px; letter-spacing: 0.4px; line-height: 42px; width: 900px; color:#41919B; -webkit-transform: rotate(10deg); -moz-transform: rotate(10deg); -ms-transform: rotate(10deg); transform: rotate(10deg); } .page07 .text1 { top:76px; left: 220px; font-family: "TapesideLTComBold"; font-size: 41px; position:absolute; text-align: left; text-indent: 0px; letter-spacing: 0.3px; line-height: 49px; width: 900px; color:#FFFFFF; } .page07 .text2 { top:785px; left: 193px; font-family: "TapesideLTComBold"; font-size: 41px; position:absolute; text-align: left; text-indent: 0px; letter-spacing: 0.3px; line-height: 49px; width: 900px; } .page08 .text2 { top: 808px; left: 294px; font-family: "TapesideLTComBold"; font-size: 41px; position:absolute; text-align: left; text-indent: 0px; letter-spacing: 0.1px; line-height: 49px; width: 900px; } .page08 .text1 { top:686px; left: 294px; font-family: "TapesideLTComBold"; font-size: 41px; position:absolute; text-align: left; text-indent: 0px; letter-spacing: 0.4px; line-height: 50px; width: 900px; } .page09 .text1 { top: 64px; left: 75px; font-family: "TapesideLTComBold"; font-size: 41px; position:absolute; text-align: left; text-indent: 0px; letter-spacing: 0.1px; line-height: 50px; width: 900px; } .page09 .text2 { top: 177px; left: 75px; font-family: "TapesideLTComBold"; font-size: 41px; position:absolute; text-align: left; text-indent: 0px; letter-spacing: 0.1px; line-height: 50px; width: 900px; } .page10 .text1 { top: 85px; left: 207px; font-family: "TapesideLTComBold"; font-size: 41px; position:absolute; text-align: left; text-indent: 0px; letter-spacing: 0.3px; line-height: 49px; width: 900px; color:#FFFFFF; } .page10 .text2 { top: 201px; left: 207px; font-family: "TapesideLTComBold"; font-size: 41px; position:absolute; text-align: left; text-indent: 0px; letter-spacing: 0.2px; line-height: 49px; width: 900px; color:#FFFFFF; }