/* Theme Name: Hilary Robinson Description: Personal website Author: Joke de WINTER Author URI: http://www.jokedewinter.co.uk Version: hr-003 - July 7, 2010 */ /* ---- RESET ----- */ html, body, div, blockquote, em, img, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, h1, h2, h3, h4, h5, h6, p, a, font, img { margin:0; padding:0; border:0; vertical-align:baseline; font-size:100%; background:transparent; font-weight:normal; } /* ------------------------------------------------------------------------------------------- */ /* ----- MAIN ELEMENTS - ALL PAGES ----- */ body { font-family:Tahoma, Helvetica, Arial, sans-serif; font-size:62.5%; background:#fff; color:#555; text-align:center; } #wrapper { width: 960px; margin: 30px auto; text-align:left; postition:relative; } #header { width:100%; position:relative; } #navigation { width:100%; position:absolute; top:100px; } #main { width:960px; padding:0 0 60px 0; clear:left; overflow:hidden; background:#f8f6f0; border:1px solid #aaa; box-shadow:4px 4px 3px #ccc; -webkit-box-shadow:4px 4px 3px #ccc; -moz-box-shadow:4px 4px 3px #ccc; position:relative; margin:70px 0 0 0; } #footer { background:url(../images/bottom-line.jpg) repeat-x 0 245px; text-align:center; margin:-145px 0 0 0; position:relative; clear:left; } #colophon { margin:0 auto; width:960px; height:400px; text-align:left; background:url(../images/footer-bg.png) no-repeat; } /* ------------------------------------------------------------------------------------------- */ /* --- MAIN ELEMENTS - HOME --- */ #introduction { width:920px; padding:30px 30px 0 30px; } #introtext { float:right; width:739px; padding:0 30px 0 0; } #boxes { clear:both; width:100%; overflow:hidden; padding:0 0 5px 0; } #amazon { width:900px; margin:30px; overflow:hidden; clear:left; border:1px solid #232564; } /* ------------------------------------------------------------------------------------------- */ /* ----- MAIN ELEMENTS - INSIDE PAGES ----- */ #content { width:580px; float:left; padding:30px; } #sidebar { width:278px; float:right; margin:90px 40px 0 0; } #contact #sidebar { margin:90px 40px 65px 0; } /* ------------------------------------------------------------------------------------------- */ /* ----- HOME - COLOURED BOXES ----- */ .featured { width:278px; /*height:572px;*/ height:623px; float:left; } .featured .leftbox { /*height:474px;*/ height: 525px; } .mixed, .tanner, .press { width:586px; float:right; } .mixed .rightbox { height:135px; } /*.tanner .rightbox, .press .rightbox { height:220px; }*/ .tanner .rightbox, .press .rightbox { height:270px; } .press .rightbox { position:relative; } .featured { margin:20px 30px 0 30px; } .mixed, .tanner, .press { margin:20px 30px 0 0; } /*.press .ticker { height:50px; padding:5px 20px; margin:20px -21px; }*/ .press .ticker { position:absolute; bottom:10px; left:0; height:30px; width:546px; padding:5px 20px; } /* outside border */ .featured { border:1px solid #c4710a; } .mixed { border:1px solid #942c34; } .tanner { border:1px solid #768f32; } .press { border:1px solid #d1b425; } .featured h2, .featured .leftbox { background:#fe8800; } .mixed h2, .mixed .rightbox { background:#c13b45; color:#eee; } .tanner h2, .tanner .rightbox { background:#95b53f; } .press h2, .press .rightbox { background:#eed400; } .press .ticker { background:url(../images/ticker-pink-bg.png) repeat-x; } .featured h2, .mixed h2, .tanner h2, .press h2 { padding:30px 20px 0 20px; } .featured .leftbox, .mixed .rightbox, .tanner .rightbox, .press .rightbox { padding:0 20px 30px 20px; } /* little fix for iPhone/iPad .mixed .rightbox { height:100px; padding: 22px 20px 30px 20px; } /* inside border */ .featured h2 { border-left:1px solid #f5b15d; border-top:1px solid #f5b15d; border-right:1px solid #f5b15d; } .featured .leftbox { border-left:1px solid #f5b15d; border-bottom:1px solid #f5b15d; border-right:1px solid #f5b15d; } .mixed h2 { border-left:1px solid #ef5b77; border-top:1px solid #ef5b77; border-right:1px solid #ef5b77; } .mixed .rightbox { border-left:1px solid #ef5b77; border-bottom:1px solid #ef5b77; border-right:1px solid #ef5b77; } .tanner h2 { border-left:1px solid #b9d66b; border-top:1px solid #b9d66b; border-right:1px solid #b9d66b; } .tanner .rightbox { border-left:1px solid #b9d66b; border-bottom:1px solid #b9d66b; border-right:1px solid #b9d66b; } .press h2 { border-left:1px solid #f0df8b; border-top:1px solid #f0df8b; border-right:1px solid #f0df8b; } .press .rightbox { border-left:1px solid #f0df8b; border-bottom:1px solid #f0df8b; border-right:1px solid #f0df8b; } .featured h2 { -webkit-text-stroke: 1px #c4710a; } .mixed h2 { -webkit-text-stroke: 1px #942c34; } .tanner h2 { -webkit-text-stroke: 1px #768f32; } .press h2 { -webkit-text-stroke: 1px #d1b425; } #amazon h2 { -webkit-text-stroke: 1px #232564; } /* arrow buttons */ .featured p.next a { background:url(../images/arrow-featured-text.png) no-repeat; } .mixed p.next a { background:url(../images/arrow-mixed-text.png) no-repeat; } .tanner p.next a { background:url(../images/arrow-tanner-text.png) no-repeat; } #charlie p.next a { background:url(../images/arrow-charlietanner-text.png) no-repeat; } /*.press p.next a { background:url(../images/arrow-news-text.png) no-repeat; }*/ .press p a.more-link { background:url(../images/arrow-news-text.png) no-repeat; } .rightbox p a.next { text-decoration:underline; color:#555; } /* tickertape styling */ #tickertape input { background:/*#d1b425*/none; border:none; font-size:1.4em; color:#555; width:540px; } /* amazon box */ #amazon h2, #ascript { background:#3a3c81; } #amazon h2 { padding:30px 20px 0 20px; border-left:1px solid #797ab6; border-top:1px solid #797ab6; border-right:1px solid #797ab6; } #ascript { padding:0 20px 30px 20px; border-left:1px solid #797ab6; border-bottom:1px solid #797ab6; border-right:1px solid #797ab6; } /* ------------------------------------------------------------------------------------------- */ /* ----- INSIDE PAGES - SIDEBAR ----- */ /* outside border and background colour/image of sidebar */ #about #sidebar { border:1px solid #b95c8e; } #books #sidebar .categories, #books #sidebar-animation .categories { border:1px solid #c4710a; } #news #sidebar { border:1px solid #d1b425; } #contact #sidebar { border:1px solid #49a4aa; } #charlie #sidebar { border:1px solid #768f32; } #about #sidebar h3 { background:#f75ab2; -webkit-text-stroke: 1px #b95c8e; } #books #sidebar .categories h3, #books #sidebar-animation .categories h3 { background:#fe8800; -webkit-text-stroke: 1px #c4710a; } #news #sidebar h3 { background:#eed400; -webkit-text-stroke: 1px #d1b425; } #contact #sidebar h3 { background:#1dc9ce; -webkit-text-stroke: 1px #49a4aa; } #charlie #sidebar h3 { background:#95b53f; -webkit-text-stroke: 1px #768f32; } #about #sidebar ul { background:#f75ab2; } #books #sidebar .categories ul, #books #sidebar-animation .categories ul { background:#fe8800; } #news #sidebar ul { background:#eed400; } #contact #sidebar form, #contact #sidebar #thanks { background:#1dc9ce url(../images/fishes.png) no-repeat bottom; padding:20px 20px 90px 20px; } #charlie #sidebar ul { background:#95b53f; } /* inside border of sidebar */ #about #sidebar h3 { border-left:1px solid #fca4d3; border-top:1px solid #fca4d3; border-right:1px solid #fca4d3; } #books #sidebar .categories h3, #books #sidebar-animation .categories h3 { border-left:1px solid #f5b15d; border-top:1px solid #f5b15d; border-right:1px solid #f5b15d; } #news #sidebar h3 { border-left:1px solid #f0df8b; border-top:1px solid #f0df8b; border-right:1px solid #f0df8b; } #contact #sidebar h3 { border-left:1px solid #95d6da; border-top:1px solid #95d6da; border-right:1px solid #95d6da; } #charlie #sidebar h3 { border-left:1px solid #b9d66b; border-top:1px solid #b9d66b; border-right:1px solid #b9d66b; } #about #sidebar ul { border-left:1px solid #fca4d3; border-bottom:1px solid #fca4d3; border-right:1px solid #fca4d3; } #books #sidebar .categories ul, #books #sidebar-animation .categories ul { border-left:1px solid #f5b15d; border-bottom:1px solid #f5b15d; border-right:1px solid #f5b15d; } #news #sidebar ul { border-left:1px solid #f0df8b; border-bottom:1px solid #f0df8b; border-right:1px solid #f0df8b; } #contact #sidebar form, #contact #sidebar #thanks { border-left:1px solid #95d6da; border-bottom:1px solid #95d6da; border-right:1px solid #95d6da; } #charlie #sidebar ul { border-left:1px solid #b9d66b; border-bottom:1px solid #b9d66b; border-right:1px solid #b9d66b; } #about #sidebar h3, #books #sidebar .categories h3, #news #sidebar h3, #contact #sidebar h3, #charlie #sidebar h3 { padding:30px 20px 20px 20px; } #about #sidebar ul, #books #sidebar .categories ul, #news #sidebar ul, #charlie #sidebar ul { padding:0 20px 30px 20px; } /* ------------------------------------------------------------------------------------------- */ /* ----- ABOUT PAGE ----- */ /* The commented out CSS gets activated in the JavaScript file (about-story.js), so that it works with JavaScript disabled too.*/ /* #about #content { position:relative; height:800px; } #bg-paper-bottom, #bg-paper-middle, #bg-paper-top { width:460px; height:350px; margin:20px 15px; padding:100px; border:1px solid #ccc; background:#fff; overflow:hidden; position:absolute; top:90px; left:30px; } #bg-paper-top { height:600px; overflow:hidden; position:absolute; top:90px; left:30px; } #bg-paper-bottom { z-index:50; -moz-transform:rotate(2deg); -o-transform:rotate(2deg); -webkit-transform: rotate(2deg); } #bg-paper-middle { z-index:75; -moz-transform:rotate(-3deg); -o-transform:rotate(-3deg); -webkit-transform: rotate(-3deg); } #bg-paper-top { z-index:100; } #part2, #part3, #part4, #part5, #part6, #part7, #part8 { display:none; } */ #bg-paper-top { width:460px; margin:20px 15px; padding:50px; border:1px solid #ccc; background:#fff; } #bg-paper-top p.next, #bg-paper-top p.back { display:none; } #part1 p.next a, #part2 p.next a, #part3 p.next a, #part4 p.next a, #part5 p.next a, #part6 p.next a, #part7 p.next a { background:url(../images/arrow-about-text.png) no-repeat; /*height:33px; padding:0px 5px 7px 15px; color:#fff; margin:0 0 0 44px; */} #part7 p.restart a { background:url(../images/arrow-begin-text.png) no-repeat; } #part1 p.back, #part2 p.back, #part3 p.back, #part4 p.back, #part5 p.back, #part6 p.back, #part7 p.back { color:#777; margin:-5px 0 0 120px; } /* Book launches and gallery page */ #about .copyright { width:278px; float:right; margin:30px 40px 0 0; } /* ------------------------------------------------------------------------------------------- */ /* ----- ONE BOOK PAGE ----- */ .book-section { position:relative; } .book-section { border-bottom:1px solid #555; overflow:hidden; padding:0 0 15px 0; margin:15px 0 0 0; } #idea { width:360px; margin:15px 0 0 220px; min-height:280px; height:auto !important; height:280px; } .similar { margin:30px 0; } /* Book illustrations */ #illustrations a img { width:100px; margin:0 13px 13px 0; float:left; } #show-image { margin:0 0 20px 0; display:none; } #show-image img { float:right; margin:0 0 0 20px; } #animation-link a { background:url(../images/arrow-animation-text.png) no-repeat; } /* Book details box */ .book-details { width:548px; color:#999; margin:15px 0; overflow:hidden; clear:both; border:1px solid #232564; } .book-details #details { float:left; width: 512px /*336px*/; height:240px; background:#3a3c81; padding:30px 30px 30px 20px; border-left:1px solid #797ab6; border-top:1px solid #797ab6; border-bottom:1px solid #797ab6;} .book-details iframe { float:right; width:178px; background:#3a3c81; padding:30px 20px 30px 20px; border-top:1px solid #797ab6; border-right:1px solid #797ab6; border-bottom:1px solid #797ab6; } /* ------------------------------------------------------------------------------------------- */ /* ----- ANIMATION PAGE ----- */ #animation { width:680px; float:left; padding:30px 0 30px 30px; } /* other CSS declarations for "#sidebar-animation" have been put alongside "#sidebar books" */ #sidebar-animation { width:190px; float:right; /*padding:30px;*/ margin:95px 30px 0 0; } #books #sidebar-animation .categories h3 { padding:30px 20px 20px 20px; } #books #sidebar-animation .categories ul { padding:0 20px 30px 20px; } /* ------------------------------------------------------------------------------------------- */ /* ----- NEWS PAGE ----- */ .post { border-bottom:1px solid #555; padding:0 0 15px 0; margin:15px 0 0 0; clear:left; overflow:hidden; } .post:last-child { margin:15px 0; } .post p a { margin:20px 0; text-decoration:underline; /*background:url(../images/arrow-news-blank.png) no-repeat; height:33px; width:238px;*/ } /* Princess books slideshow (index.php, single-news.php)*/ .fadein { width:200px; height:260px; float:left; } .entry { width:290px; float:right; } /* Princess books slideshow (single-book.php )*/ .princess { overflow:hidden; width:278px; } .princess.fadein { clear:both; float:none; } #blognav { margin:15px 0; overflow:hidden; } .left { float:left; } .right { float:right; } /* ------------------------------------------------------------------------------------------- */ /* ----- CONTACT PAGE ----- */ dl.contacts { width:auto; float:left; border-left:1px solid #555; margin:0 30px 20px 0; padding:0 0 0 15px; } dd p a:hover { text-decoration: underline; } fieldset legend p { width:230px; font-size:1.4em; line-height:1.5em; padding:0 0 15px 0; } fieldset input { width:230px; height:20px; line-height:1.5em; } .message { height:80px; margin:60px 0 0 0; } textarea { width:230px; height:100px; } #surprise { visibility:hidden; height:0; width:0; } #submit { margin:25px 3px 0 0; width:150px; float:right; height:30px; } #thanks p { padding:0 0 30px 0; } /* to give the fish some breathing space */ #error { background:rgba(29, 201, 206, 0.35); border-left:1px solid #95d6da; border-right:1px solid #95d6da; padding:10px 20px; color:#777; } #sidebar #error ul { margin:0 0 0 10px; padding:0 0 0 10px; list-style:disc; } #sidebar #error ul li { font-size:1.4em; line-height:1.5em; border-bottom:none; } .highlight input, .highlight textarea { border:3px solid #fe8800; } /* ------------------------------------------------------------------------------------------- */ /* ----- NAVIGATION TOP - ALL PAGES ----- */ #navigation ul { margin:0; padding:0; list-style-type:none; float:left; } #navigation ul li { padding:2px; float:left; display:block; margin:0 17px 0 0; height:60px; } #navigation ul li.home { background:#999; margin:0 17px 0 10px; -moz-transform:rotate(-7deg); -o-transform:rotate(-7deg); -webkit-transform: rotate(-7deg); } #navigation ul li.about { background:#b95c8e; -moz-transform:rotate(4deg); -o-transform:rotate(4deg); -webkit-transform: rotate(4deg); } #navigation ul li.books { background:#c4710a; -moz-transform:rotate(-5deg); -o-transform:rotate(-5deg); -webkit-transform: rotate(-5deg); } #navigation ul li.news { background:#d1b425; -moz-transform:rotate(7deg); -o-transform:rotate(7deg); -webkit-transform: rotate(7deg); } #navigation ul li.contact { background:#49a4aa; -moz-transform:rotate(-5deg); -o-transform:rotate(-5deg); -webkit-transform: rotate(-5deg);} #navigation ul li.bookshelf { background:url(../images/bookshelf.png) no-repeat; height:124px; width:255px; margin:-70px 0 0 0; } #navigation ul li.charlie { background:#768f32; margin:0 10px 0 0; -moz-transform:rotate(5deg); -o-transform:rotate(5deg); -webkit-transform: rotate(5deg); } #navigation ul li.home, #navigation ul li.about, #navigation ul li.books, #navigation ul li.news, #navigation ul li.contact, #navigation ul li.charlie { box-shadow:4px 4px 3px #ccc; -webkit-box-shadow:4px 4px 3px #ccc; -moz-box-shadow:4px 4px 3px #ccc; } #navigation ul li a { font-family:UnderwoodChampionRegular, Georgia, serif; font-size:2.1em; letter-spacing:0.1em; text-decoration:none; color:#333; line-height:2.1em; padding:9px 22px 25px 22px; } #navigation ul li.home a { border:1px solid #eee; background:#ccc; } #navigation ul li.about a { border:1px solid #fca4d3; background:#f75ab2; } #navigation ul li.books a { border:1px solid #f5b15d; background:#fe8800; } #navigation ul li.news a { border:1px solid #f0df8b; background:#eed400; } #navigation ul li.contact a { border:1px solid #95d6da; background:#1dc9ce; } #navigation ul li.bookshelf a { padding:9px 250px 95px 22px; } #navigation ul li.charlie a { border:1px solid #b9d66b; background:#86bf24; } /* ------------------------------------------------------------------------------------------- */ /* ----- NAVIGATION SIDEBAR - INSIDE PAGES ---- */ #sidebar ul, #books #sidebar-animation ul { margin:0; padding:0; list-style:none; } #sidebar ul li, #books #sidebar-animation ul li { border-bottom:1px solid #777; } #sidebar ul a, #books #sidebar-animation ul a { width:100%; display:block; line-height:30px; color:#555; text-decoration:none; font-size:1.6em; } #sidebar ul a:hover, #books #sidebar-animation ul a:hover { color:#fff; } #sidebar ul li.current_page_item a, #books #sidebar-animation ul li.current_page_item a { color:#fff; } /* ------------------------------------------------------------------------------------------- */ /* ----- NAVIGATION BOOKLIST - BOOKS PAGE ----- */ ul.booklist { margin:30px 0 0 0; padding:0; list-style:none; width:100%; float:left; } ul.booklist li { width:120px; margin:0 25px 30px 0; float:left; display:block; min-height:262px; height:auto !important; height:262px; border-bottom: 1px solid #777; font-size:1.4em; } ul.booklist li a { clear:left; position:relative; } ul.booklist li img.attachment-single-post-thumbnail, ul.booklist li img.reverse { clear:right; width:120px; height:auto; position:absolute; top:0; left:0; padding:0; margin:0; } ul.booklist li img.attachment-single-post-thumbnail { z-index:100; } ul.booklist li img.attachment-single-post-thumbnail:hover { opacity:0; } ul.booklist li img.reverse { z-index:50; } ul.booklist li a p { position:absolute; top:180px; left:0; width:120px; font-size:inherit; } /* ------------------------------------------------------------------------------------------- */ /* ----- NAVIGATION SIMILAR BOOKS - ONE BOOK PAGE ----- */ .similar ul { margin:0; padding:0; list-style-type:none; width:100%; } .similar ul li { display:block; border-bottom:1px solid #777; height:70px; padding:10px 0 0 0; } .similar ul li a img.attachment-others-post-thumbnail { width: 50px; float:left; margin:0 15px 0 0; } #sidebar .similar ul li a:hover, #books #sidebar-animation .similar ul li a:hover { color:#555; text-decoration:underline; } /* ------------------------------------------------------------------------------------------- */ /* ----- IMAGES ----- */ img { box-shadow:2px 2px 3px #777; -webkit-box-shadow:2px 2px 3px #777; -moz-box-shadow:2px 2px 3px #777; } #introduction img { float:left; margin:0 25px 0 0; } .featured img, .mixed img, .press img { box-shadow:2px 2px 3px #333; -webkit-box-shadow:2px 2px 3px #333; -moz-box-shadow:2px 2px 3px #333; } .featured img { float:left; width:120px; margin:0 15px 10px 0; } .rightbox img { float:left; width: 150px; height: auto; margin:0 15px 10px 0; } .mixed img { float:left; margin:0 10px 0 0; width:105px; height:auto; } .book-thumbs img { width:63px; margin:0 15px 10px 0; } img.no-border { box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; } #about #content img { margin:0 20px 10px 0; } #about #content #bg-paper-top img { box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; } #books .book-section #idea p img { float:left; margin:0 20px 20px 0; } .post img { float:left; margin:0 20px 20px 0; } /* Flip between front cover and back cover on the books pages */ #books img.attachment-post-thumbnail, #books img.back { width:200px; height:auto; margin:0; position:absolute; top:0; left:0; } #books img.attachment-post-thumbnail { z-index:100; } #books img.back { z-index:50; } #books img.attachment-post-thumbnail:hover { opacity:0;/* z-index:25; */} img.clear { clear: left; } /* ------------------------------------------------------------------------------------------- */ /* ----- TEXT - FONT FAMILIES ----- */ h1, #boxes h2, #amazon h2, #sidebar h3, #sidebar .categories h3, .book-section h3, #books #sidebar-animation .categories h3, #princess h2 { font-family:ChunkFiveRegular, "Trebuchet MS", Tahoma, sans-serif; } #introduction h2, #about h2, #books h2, #news h2, #contact h2, #charlie h2, #books h4, p.next, .featured h3, .mixed h3, .tanner h3, .press h3, #animation-link, .biography, #about .copyright h4 { font-family:MightytoSaveRegular, LeagueGothicRegular, Tahoma, sans-serif; } #charlie .quote span.open-quote, #charlie .quote blockquote span.close-quote { font-family:Georgia, "Times New Roman", Times, serif; } /* ------------------------------------------------------------------------------------------- */ /* ----- TEXT ----- */ h1 { font-size:4.5em; letter-spacing:0.1em; font-weight:normal; text-shadow:4px 4px 3px #ccc; } #home h1 a { color:#555; } #about h1 { -webkit-text-stroke:1px #b95c8e; } #books h1 { -webkit-text-stroke:1px #c4710a; } #news h1 { -webkit-text-stroke:1px #d1b425; } #contact h1 { -webkit-text-stroke:1px #49a4aa; } #charlie h1 { -webkit-text-stroke:1px #768f32; } h2, h3, h4, h5, h6, p { padding:0 0 10px 0; } #about h1, #about h2 { color:#e673b1; } #books h1, #books h2, #books h4 { color:#f28b0c; } #news h1, #news h2 { color:#eecd29; } #contact h1, #contact h2 { color:#58c5cc; } #charlie h1, #charlie h2 { color:#95b53f; } #introduction h2 { font-size:3.5em; line-height: 1.3em; padding: 0 0 40px 0; } #about h2, #books h2, #news h2, #contact h2, #charlie h2 { font-size:5em; } #about h2.shrink { font-size:4em; } #books h2.genre { font-size:4em; } #introduction h2, #about h2, #books h2, #news h2, #contact h2, #charlie h2 { letter-spacing:0.1em; font-weight:normal; } #boxes h2, #amazon h2, #princess h2 { font-size:3em; color:#f8f6f0; text-shadow:0 1px 1px #333; height:36px; } #content h3 { font-size:2em; letter-spacing:0.1em; font-weight:bold; } .featured h3 { line-height: 1.3em; padding: 0 0 40px 0; } .featured h3, .mixed h3, .tanner h3, .press h3 { font-size:2.2em; letter-spacing:0.1em; } .featured h3, .mixed h3, .tanner h3 { color:#f8f6f0; } .press h3 { color:#555; } h3 small { font-size:60%; font-weight:normal; letter-spacing:0; } #about #sidebar h3, #books #sidebar .categories h3, #books #sidebar-animation .categories h3, #news #sidebar h3, #contact #sidebar h3, #charlie #sidebar h3 { font-size:3em; color:#f8f6f0; text-shadow:0 1px 1px #333; } #content .book-section h3 { font-size:3.3em; letter-spacing:0.1em; font-weight:normal; color:#232564; _webkit-text-stroke: 1px #eee; } #contact h3 { clear:left; } #contact h3.contacts { padding:20px 0 10px 0; } h4 { font-size:1.6em; font-weight:bold; } #books h4, #about .copyright h4 { font-size:3em; color:#3a3c81; } #books .book-details h4 { color:#eee; } p { font-size:1.4em; line-height:1.5em; letter-spacing:0.1em; } #introtext p a { color:#fe8800; } #home dd p a, .rightbox p a { color:#fff; } #about p { line-height:1.8em; padding:0 0 15px 0; } .biography { font-size:200%; } .featured p.next a, .mixed p.next a, .tanner p.next a, .press p.next a, .press p a.more-link, #charlie p.next a, dl.press p.next a, p#animation-link a, #part1 p.next a, #part2 p.next a, #part3 p.next a, #part4 p.next a, #part5 p.next a, #part6 p.next a, #part7 p.next a { text-indent:-9999px; display:block; margin:10px 0 0 0; clear:both; } .featured p.next a, .mixed p.next a, .tanner p.next a, .press p.next a, .press p a.more-link, #charlie p.next a, dl.press p.next a { width:238px; height:33px; } #part1 p.next a, #part2 p.next a, #part3 p.next a, #part4 p.next a, #part5 p.next a, #part6 p.next a, #part7 p.next a { width:155px; height:33px; float:right; } .mixed p.next a, .press p a.more-link { clear:none; float:left; } p#animation-link a { width:449px; height:33px; } #charlie .quote span.open-quote, #charlie .quote blockquote span.close-quote { color:#95b53f; font-size:10em; } #charlie .quote span.open-quote { float:left; width:40px; } #charlie .quote blockquote { float:right; width:540px; margin:0; padding:20px 0 0 0; } #charlie .quote blockquote p { float:left; width:500px; } #charlie .quote blockquote span.close-quote { float:right; width:40px; margin:-50px 0 0 0; } #charlie p { clear:both; } #charlie p a { width:238px; } #charlie p a.charlie-blog { background:url(../images/tanner-bg.png) no-repeat; height:44px; width:238px; } #colophon p.drop { padding:360px 0 0 0; } #colophon p { font-size:10px; color:#777; padding:10px; } #colophon p a { font-weight:bold; } .one-book ul { margin:0; padding:0 0 0 30px; } .one-book ul li { font-size:1.4em; line-height:1.5em; letter-spacing:0.1em; } a { text-decoration: none; color:inherit; } hr { margin:0 0 20px 0; } /* ------------------------------------------ ---------------- newbook -----------------------------------*/ .newbook { color:#fff; } .newbook h3 span { display:block;} .newbook img { width:100%; height:auto; } /* outside border */ .newbook { border:1px solid #883191; } .newbook h2 { background:#8e5594 url(../images/stars-bg.png) no-repeat; } .newbook .leftbox { background:#8e5594 url(../images/stars2-bg.png) no-repeat top right; } /* inside border */ .newbook h2 { border-left:1px solid #b977c0; border-top:1px solid #b977c0; border-right:1px solid #b977c0; } .newbook .leftbox { border-left:1px solid #b977c0; border-bottom:1px solid #b977c0; border-right:1px solid #b977c0; } .newbook h2 { -webkit-text-stroke: 1px #883191; } /* ------------------------------------------ ---------------------------------------------------*/ /* ------------------------------------------ ---------------- hallowe'en -----------------------------------*/ .halloween h2 { background: #fe8800 url(../images/halloween/halloween-spider.png) no-repeat top; } .halloween .leftbox { background: #fe8800 url(../images/halloween/couldron.png) no-repeat bottom; } .halloween .leftbox div { width: 130px; margin: 0 auto; padding: 40px 0 0 0; } .halloween img { width: 130px; height: auto; } .halloween .leftbox p.text { clear: left; padding: 140px 0 0 0; } .halloween p.next a { background:url(../images/arrow-halloween-text.png) no-repeat; } /* ------------------------------------------ ---------------------------------------------------*/ /* -------------- christmas ------------ */ /* ----- HOME - COLOURED BOXES ----- */ .christmas .rightbox { height: 370px; } .christmas h3 { padding: 0 0 0 0; } blockquote { clear: left; padding: 0 0 15px 0; } blockquote:before { content: url(../images/quote-mark-left.png) no-repeat; width: 24px; height: 19px; } blockquote:after { content: url(../images/quote-mark-right.png) no-repeat; width: 24px; height: 19px; float: right; margin: -30px 0 0 0; } blockquote p { margin: -15px 0 0 0; padding: 0 5px 0 0; text-indent: 30px; font-style: italic; } /* amazon */ .solo-ticker { height:30px; width:586px; float: left; margin: 30px 0 0 0; padding: 5px 0; } .solo-ticker { background:url(../images/ticker-pink-bg.png) repeat-x; } #princess { width:900px; margin:30px; overflow:hidden; clear:left; border:1px solid #f5bddd; } #princess h2, #princess .princess_text { background:#f0abd2; } #princess h2 { padding:30px 20px 0 20px; border-left:1px solid #db719e; border-top:1px solid #db719e; border-right:1px solid #db719e; } #princess .princess_text { padding:0 20px 30px 20px; border-left:1px solid #db719e; border-bottom:1px solid #db719e; border-right:1px solid #db719e; } #princess h2 { -webkit-text-stroke: 1px #f5bddd; } .princess_text img { border: none; box-shadow: none; } /* ------------------------------------------------------------------------------------------- */ /* ------------------------------------------------------------------------------------------- */ /* ----- Firefox ----- */ /* FF fix to remove the drop from the Mighty to Save font */ @-moz-document url-prefix() { #introduction h2, #about h2, #books h2, #news h2, #contact h2, #charlie h2, #books h4, p.next, .featured h3, .mixed h3, .tanner h3, .press h3, #animation-link, .biography, #about .copyright h4 { font-family:LeagueGothicRegular, Tahoma, sans-serif; } /*#introduction h2, #about h2, #books h2, #news h2, #contact h2, #charlie h2, #books h4, #button h2 { line-height:1em; margin:-15px 0 30px 0; } .biography { line-height:1em; } dl.featured h3, dl.mixed h3, dl.tanner h3 { line-height:1em; margin: 0 0 30px 0; } #boxes dt { font-size:2.5em; } */ }