8:43PM December 29, 2009: Borrowing with more style.
Need to boost up the page count? Filling your pages with dozens of quotes is a sure fire way. Not only does it save you the trouble of writing yourself, but a blockquote has spacious margins, stretching out the vertical length column inches even further. Bonus points for using a quote of a quote.
But if you are going to stand on the shoulders of giants, you need to do so with style. This recipe provides just that. First the results, as demonstrated by Tom Lehrer.
I am never forget the day my first book is published. Every chapter I stole from somewhere else. Index I copy from old Vladivostok telephone directory. This book was sensational!
Two images are bound to the blockquote, an opening quote mark and a closing mark.
user.css:
blockquote {
font-family: serif;
font-size: 2em;
line-height: 2.5em;
width: 50%;
margin: auto;
background: #E0E0E0;
background-image: url(resources/quote2.png);
background-repeat: no-repeat;
background-position: right bottom;
padding-left: 20px;
padding-right: 20px;
text-indent: -20px;
}
<span class="del">blockquote:first-letter</span> <span class="add">blockquote p:first-letter</span> {
font-style: bold;
background-image: url(resources/quote1.png);
background-repeat: no-repeat;
background-position: left top;
padding-left: 20px;
}
The width
and margin
settings slim and center the blockquote, while the padding
and indents
create room for the images quote marks.