<?xml version="1.0" encoding="utf-8"?>
<feed xmlns="http://www.w3.org/2005/Atom">
	<title type="html">DevKick Forums - About blockquotes</title>
	<link rel="self" href="/talk/rewrite.php"/>
	<updated>2008-05-12T21:36:45Z</updated>
	<generator>FluxBB</generator>
	<id>http://devkick.com/talk/topic/5/about-blockquotes/</id>
		<entry>
			<title type="html">About blockquotes</title>
			<link rel="alternate" href="http://devkick.com/talk/post/6/#p6"/>
			<content type="html">I&#039;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 &gt; *:before { content: &quot;\201C&quot;; }
blockquote &gt; *:after { content: &quot;\201D&quot;; }
[/code]

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

Regarding the new styles, in the project I&#039;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&#039;ve done some slight re-styling, that you may like (and added closing quote)

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

}
blockquote &gt; *:last-child:after {margin-left:0;vertical-align:text-bottom; }
[/code]

So, I still have to think what to do with blockquotes, hehe...</content>
			<author>
				<name>David</name>
			</author>
			<updated>2008-05-12T21:36:45Z</updated>
			<id>http://devkick.com/talk/post/6/#p6</id>
		</entry>
</feed>
