<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Internet Brain &#187; Cascading Style Sheets</title>
	<atom:link href="http://imaginaryworld.net/category/directory/cascading-style-sheets/feed/" rel="self" type="application/rss+xml" />
	<link>http://imaginaryworld.net</link>
	<description>What it says on the tin</description>
	<lastBuildDate>Fri, 03 Feb 2012 18:42:00 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Faking ‘float: center’ with Pseudo Elements &#124; CSS-Tricks</title>
		<link>http://imaginaryworld.net/2972/faking-%e2%80%98float-center%e2%80%99-with-pseudo-elements-css-tricks/</link>
		<comments>http://imaginaryworld.net/2972/faking-%e2%80%98float-center%e2%80%99-with-pseudo-elements-css-tricks/#comments</comments>
		<pubDate>Mon, 18 Apr 2011 18:03:00 +0000</pubDate>
		<dc:creator>Laura</dc:creator>
				<category><![CDATA[Cascading Style Sheets]]></category>

		<guid isPermaLink="false">http://imaginaryworld.net/?p=2972</guid>
		<description><![CDATA[Faking ‘float: center’ with Pseudo Elements &#124; CSS-Tricks.]]></description>
			<content:encoded><![CDATA[<p><a href="http://css-tricks.com/float-center/">Faking ‘float: center’ with Pseudo Elements | CSS-Tricks</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://imaginaryworld.net/2972/faking-%e2%80%98float-center%e2%80%99-with-pseudo-elements-css-tricks/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>HTML5Rocks &#8211; Quick hits with the Flexible Box Model</title>
		<link>http://imaginaryworld.net/2771/html5rocks-quick-hits-with-the-flexible-box-model/</link>
		<comments>http://imaginaryworld.net/2771/html5rocks-quick-hits-with-the-flexible-box-model/#comments</comments>
		<pubDate>Thu, 14 Oct 2010 23:36:07 +0000</pubDate>
		<dc:creator>Laura</dc:creator>
				<category><![CDATA[Cascading Style Sheets]]></category>

		<guid isPermaLink="false">http://imaginaryworld.net/?p=2771</guid>
		<description><![CDATA[HTML5Rocks &#8211; Quick hits with the Flexible Box Model. CSS makes styling much easier but positioning can be complicated. This method should be more intuitive but only works in non-IE browsers.]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.html5rocks.com/tutorials/flexbox/quick/">HTML5Rocks &#8211; Quick hits with the Flexible Box Model</a>.</p>
<p>CSS makes styling much easier but positioning can be complicated. This method should be more intuitive but only works in non-IE browsers.</p>
]]></content:encoded>
			<wfw:commentRss>http://imaginaryworld.net/2771/html5rocks-quick-hits-with-the-flexible-box-model/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Sneak — Fixing the background &#039;bleed&#039;</title>
		<link>http://imaginaryworld.net/2714/sneak-%e2%80%94-fixing-the-background-bleed/</link>
		<comments>http://imaginaryworld.net/2714/sneak-%e2%80%94-fixing-the-background-bleed/#comments</comments>
		<pubDate>Tue, 10 Aug 2010 01:35:15 +0000</pubDate>
		<dc:creator>Laura</dc:creator>
				<category><![CDATA[Cascading Style Sheets]]></category>

		<guid isPermaLink="false">http://imaginaryworld.net/?p=2714</guid>
		<description><![CDATA[Sneak — Fixing the background &#8216;bleed&#8217;.]]></description>
			<content:encoded><![CDATA[<p><a href="http://tumble.sneak.co.nz/post/928998513/fixing-the-background-bleed">Sneak — Fixing the background &#8216;bleed&#8217;</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://imaginaryworld.net/2714/sneak-%e2%80%94-fixing-the-background-bleed/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CSS3 Border-Radius &amp; Rounded Avatars &#124; Trent Walton</title>
		<link>http://imaginaryworld.net/2710/css3-border-radius-rounded-avatars-trent-walton/</link>
		<comments>http://imaginaryworld.net/2710/css3-border-radius-rounded-avatars-trent-walton/#comments</comments>
		<pubDate>Mon, 09 Aug 2010 12:12:48 +0000</pubDate>
		<dc:creator>Laura</dc:creator>
				<category><![CDATA[Cascading Style Sheets]]></category>

		<guid isPermaLink="false">http://imaginaryworld.net/?p=2710</guid>
		<description><![CDATA[CSS3 Border-Radius &#38; Rounded Avatars &#124; Trent Walton.]]></description>
			<content:encoded><![CDATA[<p><a href="http://trentwalton.com/2010/08/03/css3-border-radius-rounded-avatars/">CSS3 Border-Radius &amp; Rounded Avatars | Trent Walton</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://imaginaryworld.net/2710/css3-border-radius-rounded-avatars-trent-walton/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>css3-mediaqueries-js</title>
		<link>http://imaginaryworld.net/2700/css3-mediaqueries-js/</link>
		<comments>http://imaginaryworld.net/2700/css3-mediaqueries-js/#comments</comments>
		<pubDate>Mon, 02 Aug 2010 20:49:33 +0000</pubDate>
		<dc:creator>Laura</dc:creator>
				<category><![CDATA[Cascading Style Sheets]]></category>
		<category><![CDATA[Javascript]]></category>

		<guid isPermaLink="false">http://imaginaryworld.net/?p=2699</guid>
		<description><![CDATA[css3-mediaqueries-js &#8211; Project Hosting on Google Code. css3-mediaqueries.js is a JavaScript library to make IE 5+, Firefox 1+ and Safari 2 transparently parse, test and apply CSS3 Media Queries. Firefox 3.5+, Opera 7+ and Safari 3+ already offer native support.]]></description>
			<content:encoded><![CDATA[<p><a href="http://code.google.com/p/css3-mediaqueries-js/">css3-mediaqueries-js &#8211; Project Hosting on Google Code</a>.</p>
<p><span style="font-family: arial, sans-serif;line-height: normal">css3-mediaqueries.js is a JavaScript library to make IE 5+, Firefox 1+ and Safari 2 transparently parse, test and apply <a rel="nofollow" href="http://www.w3.org/TR/css3-mediaqueries/">CSS3 Media Queries</a>. Firefox 3.5+, Opera 7+ and Safari 3+ already offer native support.</span></p>
]]></content:encoded>
			<wfw:commentRss>http://imaginaryworld.net/2700/css3-mediaqueries-js/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>A Guide on Layout Types in Web Design</title>
		<link>http://imaginaryworld.net/2694/a-guide-on-layout-types-in-web-design/</link>
		<comments>http://imaginaryworld.net/2694/a-guide-on-layout-types-in-web-design/#comments</comments>
		<pubDate>Fri, 23 Jul 2010 15:16:16 +0000</pubDate>
		<dc:creator>Laura</dc:creator>
				<category><![CDATA[Cascading Style Sheets]]></category>
		<category><![CDATA[Webpage Design]]></category>

		<guid isPermaLink="false">http://imaginaryworld.net/?p=2692</guid>
		<description><![CDATA[A Guide on Layout Types in Web Design.]]></description>
			<content:encoded><![CDATA[<p><a href="http://sixrevisions.com/web_design/a-guide-on-layout-types-in-web-design/">A Guide on Layout Types in Web Design</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://imaginaryworld.net/2694/a-guide-on-layout-types-in-web-design/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CSS Media Queries &amp; Using Available Space &#124; CSS-Tricks</title>
		<link>http://imaginaryworld.net/2691/css-media-queries-using-available-space-css-tricks/</link>
		<comments>http://imaginaryworld.net/2691/css-media-queries-using-available-space-css-tricks/#comments</comments>
		<pubDate>Wed, 21 Jul 2010 08:55:27 +0000</pubDate>
		<dc:creator>Laura</dc:creator>
				<category><![CDATA[Cascading Style Sheets]]></category>

		<guid isPermaLink="false">http://imaginaryworld.net/?p=2688</guid>
		<description><![CDATA[CSS Media Queries &#38; Using Available Space &#124; CSS-Tricks. CSS Media queries let you set the layout of a webpage based on the size of the screen it&#8217;s being displayed on. The webpage includes the code for the iPhone and &#8230; <a href="http://imaginaryworld.net/2691/css-media-queries-using-available-space-css-tricks/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p><a href="http://css-tricks.com/css-media-queries/">CSS Media Queries &amp; Using Available Space | CSS-Tricks</a>.</p>
<p>CSS Media queries let you set the layout of a webpage based on the size of the screen it&#8217;s being displayed on. The webpage includes the code for the iPhone and iPad screens.</p>
]]></content:encoded>
			<wfw:commentRss>http://imaginaryworld.net/2691/css-media-queries-using-available-space-css-tricks/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Proportional leading with CSS3 Media Queries &#124; Stuff and Nonsense</title>
		<link>http://imaginaryworld.net/2674/proportional-leading-with-css3-media-queries-stuff-and-nonsense/</link>
		<comments>http://imaginaryworld.net/2674/proportional-leading-with-css3-media-queries-stuff-and-nonsense/#comments</comments>
		<pubDate>Wed, 30 Jun 2010 17:07:57 +0000</pubDate>
		<dc:creator>Laura</dc:creator>
				<category><![CDATA[Cascading Style Sheets]]></category>

		<guid isPermaLink="false">http://imaginaryworld.net/?p=2674</guid>
		<description><![CDATA[Proportional leading with CSS3 Media Queries &#124; Stuff and Nonsense.]]></description>
			<content:encoded><![CDATA[<p><a href="http://stuffandnonsense.co.uk/blog/about/proportional_leading_with_css3_media_queries">Proportional leading with CSS3 Media Queries | Stuff and Nonsense</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://imaginaryworld.net/2674/proportional-leading-with-css3-media-queries-stuff-and-nonsense/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Create A Clean and Stylish CSS3 Contact Form &#124; Voosh Themes</title>
		<link>http://imaginaryworld.net/2672/create-a-clean-and-stylish-css3-contact-form-voosh-themes/</link>
		<comments>http://imaginaryworld.net/2672/create-a-clean-and-stylish-css3-contact-form-voosh-themes/#comments</comments>
		<pubDate>Wed, 30 Jun 2010 17:07:43 +0000</pubDate>
		<dc:creator>Laura</dc:creator>
				<category><![CDATA[Cascading Style Sheets]]></category>

		<guid isPermaLink="false">http://imaginaryworld.net/?p=2672</guid>
		<description><![CDATA[Create A Clean and Stylish CSS3 Contact Form &#124; Voosh Themes.]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.vooshthemes.com/blog/design-tutorial/create-a-clean-and-stylish-css3-contact-form/">Create A Clean and Stylish CSS3 Contact Form | Voosh Themes</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://imaginaryworld.net/2672/create-a-clean-and-stylish-css3-contact-form-voosh-themes/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Overflow: hidden; &#8211; CSS Tutorial &#8211; Correcting Orphans w/ Overflow &#8211; CSS Overflow Tricks and Tips &#124; HTML/CSS Tutorials &#124; Web Design Tutorials and Front-end Development Blog by Soh Tanaka</title>
		<link>http://imaginaryworld.net/2655/overflow-hidden-css-tutorial-correcting-orphans-w-overflow-css-overflow-tricks-and-tips-htmlcss-tutorials-web-design-tutorials-and-front-end-development-blog-by-soh-tanaka/</link>
		<comments>http://imaginaryworld.net/2655/overflow-hidden-css-tutorial-correcting-orphans-w-overflow-css-overflow-tricks-and-tips-htmlcss-tutorials-web-design-tutorials-and-front-end-development-blog-by-soh-tanaka/#comments</comments>
		<pubDate>Sun, 06 Jun 2010 04:31:33 +0000</pubDate>
		<dc:creator>Laura</dc:creator>
				<category><![CDATA[Cascading Style Sheets]]></category>

		<guid isPermaLink="false">http://imaginaryworld.net/?p=2655</guid>
		<description><![CDATA[hidden; to fix the problem. Add overflow: hidden; to your targeted &#60;p&#62; tag with CSS Specificity, or wrap the paragraph with a container that has overflow:hidden; applied to it. … As you can see, the paragraphs do not wrap around &#8230; <a href="http://imaginaryworld.net/2655/overflow-hidden-css-tutorial-correcting-orphans-w-overflow-css-overflow-tricks-and-tips-htmlcss-tutorials-web-design-tutorials-and-front-end-development-blog-by-soh-tanaka/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>hidden; to fix the problem. Add overflow: hidden; to your targeted &lt;p&gt; tag with CSS Specificity, or wrap the paragraph with a container that has overflow:hidden; applied to it.<br />
… As you can see, the paragraphs do not wrap around the floated image. Take a look at the HTML and CSS below for a demonstration.<br />
via <a href="http://www.sohtanaka.com/web-design/css-overflow-property-quick-tip/#blog">Overflow: hidden; &#8211; CSS Tutorial &#8211; Correcting Orphans w/ Overflow &#8211; CSS Overflow Tricks and Tips | HTML/CSS Tutorials | Web Design Tutorials and Front-end Development Blog by Soh Tanaka</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://imaginaryworld.net/2655/overflow-hidden-css-tutorial-correcting-orphans-w-overflow-css-overflow-tricks-and-tips-htmlcss-tutorials-web-design-tutorials-and-front-end-development-blog-by-soh-tanaka/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

