8:13PM December 29, 2009: Borrowing with style.
8:43PM December 29, 2009: Borrowing with more style.

Original Borrowing with style. Borrowing with more style. Editable
version 1 & 2 of 2

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.