David

Topic: About blockquotes

I'm moving some comment discussions over to the forum to make it easier to follow-up. The following post is from maniqui:

-----------

I liked the styles applied to blockquotes on Tripoli Alpha:

Code:

blockquote { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; color: #666; }
blockquote > *:before { content: "\201C"; }
blockquote > *:after { content: "\201D"; }

(Maybe the border was a bit "out of scope", but I like it too)

Regarding the new styles, in the project I'm working, the big quote before the first child was being put too far (to my taste) to the left, and even being cut.

Also, I've done some slight re-styling, that you may like (and added closing quote)

Code:

blockquote > *:first-child:before, blockquote > *:last-child:after /* Tripoli bonus: pure CSS blockquote */
{
       content:"\201C";
       font-size:3.5em;
       margin-left:-.5em;
       font-family:georgia,serif;
       padding-right:.1em;
       color:#e0e0e0;
       line-height:0;
       vertical-align:text-bottom;

}
blockquote > *:last-child:after {margin-left:0;vertical-align:text-bottom; }

So, I still have to think what to do with blockquotes, hehe...

David's Website