Материал из Linuxformat.

---

Текущая версия

* { margin: 0; padding: 0; } body{ text-align: center; font: normal 16px/20px serif; color: #3c3c3c; } div#root { width: 500px; margin: 0 auto; text-align: left; } h1, h2, h3, h4, h5, h6 { margin-bottom: 16px; margin-top: 32px; } h1 { font: normal 35px serif; color: #12c212; } h2 { font: normal 30px serif; color: #18ad18; } h3 { font: bold 23px serif; color: #228e22; } h4 { font: normal 19px sans-serif; color: #2c6e2c; } h5 { font: bold 14px sans-serif; color: #355035; } h6 { font: bold 12px sans-serif; color: #3c3c3c; } p { text-align: justify; margin: 0 0 16px 0; } q:before { content: "«"; } q:after { content: "»"; } q{ font-style: italic; } cite { font-style: normal; border-bottom: 1px dashed #aaa; } cite a{ text-decoration: none; } blockquote { font-style: italic; background: #f5f5f5 url(laquo.gif) no-repeat 10px 10px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin: 0 0 16px 0; } /* use only one paragraph in a blockquote while all browsers has no full support of “first-child” and “last-child” pseudo classes. */ blockquote p{ padding: 0 40px; margin: 10px; background: url(raquo.gif) no-repeat right bottom; } blockquote address{ text-align: right; padding: 0 50px 20px 50px; font-size: 14px; }