<?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>Dispelled.ca &#187; CSS</title>
	<atom:link href="http://dispelled.ca/category/css/feed/" rel="self" type="application/rss+xml" />
	<link>http://dispelled.ca</link>
	<description>Hocus Pocus Black Magic</description>
	<lastBuildDate>Tue, 31 Aug 2010 23:14:51 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>Testing code</title>
		<link>http://dispelled.ca/2009/03/11/testing-code/</link>
		<comments>http://dispelled.ca/2009/03/11/testing-code/#comments</comments>
		<pubDate>Wed, 11 Mar 2009 17:54:24 +0000</pubDate>
		<dc:creator>J</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[PHP]]></category>

		<guid isPermaLink="false">http://www.dispelled.ca/?p=531</guid>
		<description><![CDATA[Well, I&#8217;ve tried the codehighlighter plugin, the syntaxhighlighter plugin, and have just loaded the wp-codebox plugin. Other than a few CSS problems to work out, this one looks like the best. Some CSS Download css.txt1 2 3 4 5 6 blockquote &#123; background:#F4F5F7; border:1px dashed #CCC; padding:8px 12px 8px 36px; margin:5px 0; &#125; Some Javascript [...]]]></description>
			<content:encoded><![CDATA[<p>Well, I&#8217;ve tried the <a href="http://wordpress.org/extend/plugins/code-highlighter/">codehighlighter</a> plugin, the <a href="http://wordpress.org/extend/plugins/syntaxhighlighter/">syntaxhighlighter</a> plugin, and have just loaded the <a href="http://wordpress.org/extend/plugins/wp-codebox/">wp-codebox</a> plugin. Other than a few CSS problems to work out, this one looks like the best.</p>
<p>Some CSS</p>

<div class="wp_codebox_msgheader"><span class="right"></span><span class="left2">Download <a href="http://dispelled.ca/dispelled/wp-content/plugins/wp-codebox/wp-codebox.php?p=531&amp;download=css.txt">css.txt</a></span><div class="codebox_clear"></div></div><div class="wp_codebox"><table width="100%" ><tr id="p5314"><td class="line_numbers"><pre>1
2
3
4
5
6
</pre></td><td class="code" id="p531code4"><pre class="css" style="font-family:monospace;">blockquote <span style="color: #00AA00;">&#123;</span>
<span style="color: #000000; font-weight: bold;">background</span><span style="color: #00AA00;">:</span><span style="color: #cc00cc;">#F4F5F7</span><span style="color: #00AA00;">;</span>
<span style="color: #000000; font-weight: bold;">border</span><span style="color: #00AA00;">:</span><span style="color: #933;">1px</span> <span style="color: #993333;">dashed</span> <span style="color: #cc00cc;">#CCC</span><span style="color: #00AA00;">;</span>
<span style="color: #000000; font-weight: bold;">padding</span><span style="color: #00AA00;">:</span><span style="color: #933;">8px</span> <span style="color: #933;">12px</span> <span style="color: #933;">8px</span> <span style="color: #933;">36px</span><span style="color: #00AA00;">;</span>
<span style="color: #000000; font-weight: bold;">margin</span><span style="color: #00AA00;">:</span><span style="color: #933;">5px</span> <span style="color: #cc66cc;">0</span><span style="color: #00AA00;">;</span>
<span style="color: #00AA00;">&#125;</span></pre></td></tr></table></div>

<p>Some Javascript</p>

<div class="wp_codebox_msgheader"><span class="right"></span><span class="left2">Download <a href="http://dispelled.ca/dispelled/wp-content/plugins/wp-codebox/wp-codebox.php?p=531&amp;download=javascript.txt">javascript.txt</a></span><div class="codebox_clear"></div></div><div class="wp_codebox"><table width="100%" ><tr id="p5315"><td class="line_numbers"><pre>1
2
3
4
5
</pre></td><td class="code" id="p531code5"><pre class="javascript" style="font-family:monospace;"><span style="color: #000066; font-weight: bold;">this</span>.<span style="color: #660066;">REclassMain</span> <span style="color: #339933;">=</span> <span style="color: #003366; font-weight: bold;">new</span> RegExp<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'<span style="color: #000099; font-weight: bold;">\b</span>'</span> <span style="color: #339933;">+</span> <span style="color: #000066; font-weight: bold;">this</span>.<span style="color: #660066;">classMain</span> <span style="color: #339933;">+</span> <span style="color: #3366CC;">'<span style="color: #000099; font-weight: bold;">\b</span>'</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">'gi'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #000066; font-weight: bold;">this</span>.<span style="color: #660066;">REclassMainLive</span> <span style="color: #339933;">=</span> <span style="color: #003366; font-weight: bold;">new</span> RegExp<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'<span style="color: #000099; font-weight: bold;">\b</span>'</span> <span style="color: #339933;">+</span> <span style="color: #000066; font-weight: bold;">this</span>.<span style="color: #660066;">classMainLive</span> <span style="color: #339933;">+</span> <span style="color: #3366CC;">'<span style="color: #000099; font-weight: bold;">\b</span>'</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">'gi'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #000066; font-weight: bold;">this</span>.<span style="color: #660066;">REclassTab</span> <span style="color: #339933;">=</span> <span style="color: #003366; font-weight: bold;">new</span> RegExp<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'<span style="color: #000099; font-weight: bold;">\b</span>'</span> <span style="color: #339933;">+</span> <span style="color: #000066; font-weight: bold;">this</span>.<span style="color: #660066;">classTab</span> <span style="color: #339933;">+</span> <span style="color: #3366CC;">'<span style="color: #000099; font-weight: bold;">\b</span>'</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">'gi'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #000066; font-weight: bold;">this</span>.<span style="color: #660066;">REclassTabDefault</span> <span style="color: #339933;">=</span> <span style="color: #003366; font-weight: bold;">new</span> RegExp<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'<span style="color: #000099; font-weight: bold;">\b</span>'</span> <span style="color: #339933;">+</span> <span style="color: #000066; font-weight: bold;">this</span>.<span style="color: #660066;">classTabDefault</span> <span style="color: #339933;">+</span> <span style="color: #3366CC;">'<span style="color: #000099; font-weight: bold;">\b</span>'</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">'gi'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #000066; font-weight: bold;">this</span>.<span style="color: #660066;">REclassTabHide</span> <span style="color: #339933;">=</span> <span style="color: #003366; font-weight: bold;">new</span> RegExp<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'<span style="color: #000099; font-weight: bold;">\b</span>'</span> <span style="color: #339933;">+</span> <span style="color: #000066; font-weight: bold;">this</span>.<span style="color: #660066;">classTabHide</span> <span style="color: #339933;">+</span> <span style="color: #3366CC;">'<span style="color: #000099; font-weight: bold;">\b</span>'</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">'gi'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></pre></td></tr></table></div>

<p>Some PHP</p>

<div class="wp_codebox_msgheader"><span class="right"></span><span class="left2">Download <a href="http://dispelled.ca/dispelled/wp-content/plugins/wp-codebox/wp-codebox.php?p=531&amp;download=php.txt">php.txt</a></span><div class="codebox_clear"></div></div><div class="wp_codebox"><table width="100%" ><tr id="p5316"><td class="line_numbers"><pre>1
2
3
4
5
6
</pre></td><td class="code" id="p531code6"><pre class="php" style="font-family:monospace;"><span style="color: #339933;">&amp;</span>lt<span style="color: #339933;">;</span>?php
<span style="color: #000088;">$variable</span> <span style="color: #339933;">=</span> wp_list_categories<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'echo=0&amp;amp;show_count=1&amp;amp;title_li='</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>	
<span style="color: #000088;">$variable</span> <span style="color: #339933;">=</span> <a href="http://www.php.net/str_replace"><span style="color: #990000;">str_replace</span></a><span style="color: #009900;">&#40;</span><a href="http://www.php.net/array"><span style="color: #990000;">array</span></a><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'('</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">'&amp;lt;small&amp;gt;'</span><span style="color: #339933;">,</span> <span style="color: #000088;">$variable</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #000088;">$variable</span> <span style="color: #339933;">=</span> <a href="http://www.php.net/str_replace"><span style="color: #990000;">str_replace</span></a><span style="color: #009900;">&#40;</span><a href="http://www.php.net/array"><span style="color: #990000;">array</span></a><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">')'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">'  posts&amp;lt;/small&amp;gt;'</span><span style="color: #339933;">,</span> <span style="color: #000088;">$variable</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<a href="http://www.php.net/echo"><span style="color: #990000;">echo</span></a> <span style="color: #000088;">$variable</span><span style="color: #339933;">;</span>
?<span style="color: #339933;">&amp;</span>gt<span style="color: #339933;">;</span></pre></td></tr></table></div>

]]></content:encoded>
			<wfw:commentRss>http://dispelled.ca/2009/03/11/testing-code/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Moved!</title>
		<link>http://dispelled.ca/2008/05/31/moved/</link>
		<comments>http://dispelled.ca/2008/05/31/moved/#comments</comments>
		<pubDate>Sat, 31 May 2008 21:19:00 +0000</pubDate>
		<dc:creator>J</dc:creator>
				<category><![CDATA[CSS]]></category>

		<guid isPermaLink="false">http://www.dispelled.ca/?p=176</guid>
		<description><![CDATA[I&#8217;m merging the two sites. Dispelled.ca is at home now. Also, here is a test for the Wacom Bamboo that I bought, I figure it will be easier to post formulas and ideas with pictures rather than text. And here is a code test for the Codehighlighter plugin for WordPress&#8230; some example CSS. View Code [...]]]></description>
			<content:encoded><![CDATA[<p>I&#8217;m merging the two sites. Dispelled.ca is at home now.</p>
<p>Also, here is a test for the Wacom Bamboo that I bought, I figure it will be easier to post formulas and ideas with pictures rather than text.</p>
<div class="tablet"><img class="alignnone size-full wp-image-188" title="Testing my new Wacom Bamboo Tablet in Gimp and Ubuntu" src="http://www.dispelled.ca/dispelled/wp-content/uploads/2008/07/test.jpg" alt="" width="450" height="338" /></div>
<p>And here is a code test for the <a href="http://ideathinking.com/wiki/index.php/WordPress:CodeHighlighterPlugin">Codehighlighter</a> plugin for WordPress&#8230; some example CSS.</p>

<div class="wp_codebox_msgheader"><span class="right"></span><span class="left"><a href="javascript:;" onclick="javascript:showCodeTxt('p176code8'); return false;">View Code</a> CSS</span><div class="codebox_clear"></div></div><div class="wp_codebox"><table width="100%" ><tr id="p1768"><td class="code" id="p176code8"><pre class="css" style="font-family:monospace;"><span style="color: #6666ff;">.tablet</span> <span style="color: #00AA00;">&#123;</span>
&nbsp;
<span style="color: #000000; font-weight: bold;">background</span><span style="color: #00AA00;">:</span> <span style="color: #cc00cc;">#FFF</span><span style="color: #00AA00;">;</span>
<span style="color: #000000; font-weight: bold;">color</span><span style="color: #00AA00;">:</span> <span style="color: #cc00cc;">#BBB</span><span style="color: #00AA00;">;</span>
<span style="color: #000000; font-weight: bold;">border</span><span style="color: #00AA00;">:</span> <span style="color: #933;">5px</span> <span style="color: #993333;">dashed</span> <span style="color: #cc00cc;">#BC6247</span><span style="color: #00AA00;">;</span>
<span style="color: #000000; font-weight: bold;">padding</span><span style="color: #00AA00;">:</span> <span style="color: #933;">5px</span><span style="color: #00AA00;">;</span>
<span style="color: #000000; font-weight: bold;">margin</span><span style="color: #00AA00;">:</span> <span style="color: #933;">10px</span><span style="color: #00AA00;">;</span>
&nbsp;
<span style="color: #00AA00;">&#125;</span></pre></td></tr></table></div>

<p>Holy crap. How nice is that! And Finally a bit of Latex (for displaying Math formulas) just for shits and giggles. (Edit: I nuked this one since the tablet is better/faster.)</p>
<div class="tablet">$$\alpha+\beta\geq\gamma$$</div>
<p>I&#8217;ll probably use the Wacom for display of Mathematical formulas since it&#8217;s waaay easier to use than learning a new language to show them.</p>
<p>Cheers,<br />
J</p>
]]></content:encoded>
			<wfw:commentRss>http://dispelled.ca/2008/05/31/moved/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>
