Skip to content

Instantly share code, notes, and snippets.

@artlung

artlung/SassMeister-input-HTML.html

Created May 28, 2014 23:06
Show Gist options
  • Save artlung/be3da7f9dccefcfb5030 to your computer and use it in GitHub Desktop.
Save artlung/be3da7f9dccefcfb5030 to your computer and use it in GitHub Desktop.
Download ZIP
Generated by SassMeister.com.
Raw
SassMeister-input-HTML.html
<body class="blog logged-in admin-bar no-customize-support">
<div id="month-header">
<ul>
<li>
<a href='/blog/2013/05/' title="Back one year">&#8592;&#8592;</a></li>
<li>
<a href='/blog/2014/04/' title="Back one month">&#8592;</a></li>
<li>
<a href="/blog/2014" class="here">2014</a> </li>
<li><a href="/blog/2014/01/">Jan</a></li> <li><a href="/blog/2014/02/">Feb</a></li> <li><a href="/blog/2014/03/">Mar</a></li> <li><a href="/blog/2014/04/">Apr</a></li> <li><a href="/blog/2014/05/" class="here">May</a></li> <li><span>Jun</span></li> <li><span>Jul</span></li> <li><span>Aug</span></li> <li><span>Sep</span></li> <li><span>Oct</span></li> <li><span>Nov</span></li> <li><span>Dec</span></li> <li><span>&#8594;</span></li>
<li><span>&#8594;&#8594;</span></li>
</ul>
<br class="clearfix" />
</div>
<div id="archived-header"><div style="height: 240px;overflow:hidden;">
<img src="http://placehold.it/700x240">
</div>
</div><div id="roanoke-menu-bar">
<div class="menu-primary-container"><ul id="menu-primary" class="menu"><li id="menu-item-5278" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-5278"><a href="http://artlung.com/blog/">Blog</a></li>
<li id="menu-item-5250" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-5250"><a href="http://artlung.com/blog/resume/">Resume</a></li>
<li id="menu-item-5253" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-5253"><a href="http://artlung.com/blog/tag/drawings">Drawings</a></li>
<li id="menu-item-5256" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-5256"><a href="http://artlung.com/blog/portfolio/">Portfolio</a></li>
<li id="menu-item-5252" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-5252"><a href="http://artlung.com/blog/tag-cloud/">Tag Cloud</a></li>
<li id="menu-item-5265" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-5265"><a href="http://artlung.com/blog/popular-stuff/">Popular Stuff</a></li>
<li id="menu-item-5255" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-5255"><a href="http://www.flickr.com/photos/artlung">flickr</a></li>
<li id="menu-item-5254" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-5254"><a href="http://twitter.com/artlung">twitter</a></li>
<li id="menu-item-5251" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-5251"><a href="http://artlung.com/blog/contact/">Contact</a></li>
</ul></div><br class="clearfix">
</div>
<div id="everything">
<div id="content">
<!-- Start the Loop. -->
<div class="blogDate"><p>May 28th, 2014</p></div><div class="blogPost">
<div class="blogTitle">
<p><b><a href="http://artlung.com/blog/2014/05/28/angularjs-on-jsfiddle/">AngularJS on jsfiddle.</a></b></p>
</div>
<div class="blogContent">
<p><iframe width="100%" height="300" src="http://jsfiddle.net/artlung/Uuqs2/embedded/" allowfullscreen="allowfullscreen" frameborder="0"></iframe></p>
<p>It&#8217;s pretty astonishingly easy to play with <a href="https://angularjs.org/">AngularJS</a> with <a href="http://jsfiddle.net/">jsfiddle</a>. Last night I went to the <a href="http://www.meetup.com/sandiegojs/events/179028602/">North County AngularJS Discussion Group</a> / sandiegojs group at <a href="http://www.walmartlabs.com/">WalmartLabs</a> here in San Diego.</p>
<p><a href="http://artlung.com/blog/wp-content/uploads/2014/05/walmart-labs-san-diego.jpg" rel="attachment wp-att-6808"><img src="http://artlung.com/blog/wp-content/uploads/2014/05/walmart-labs-san-diego-375x500.jpg" alt="walmart-labs-san-diego" width="375" height="500" class="aligncenter size-medium wp-image-6808" /></a></p>
<p>Smallish but impressive space.</p>
</div>
<div class="blogMeta">
<a href="/blog/2014/05/" title="View all posts from this May, 2014" class="blogPermalink">05/2014</a>
<a href="http://artlung.com/blog/2014/05/28/angularjs-on-jsfiddle/" rel="bookmark" title="Permanent Link to AngularJS on jsfiddle." class="blogPermalink">Link</a>
<a href="http://artlung.com/blog/2014/05/28/angularjs-on-jsfiddle/#comment" title="Leave a comment" class="blogCommentlink">0</a>
</div>
</div>
<!-- Stop The Loop (but note the "else:" - see next line). -->
<div class="blogDate"><p>May 26th, 2014</p></div><div class="blogPost">
<div class="blogTitle">
<p><b><a href="http://artlung.com/blog/2014/05/26/baily-belongs-to-jen-chad-hes-cool/">Baily belongs to Jen &#038; Chad. He&#8217;s cool.</a></b></p>
</div>
<div class="blogContent">
<p><img src="http://ift.tt/SHgrC5" class="aligncenter"><br />
from Instagram <a href="http://ift.tt/S9Hbue">http://ift.tt/S9Hbue</a><br />
via <a href="http://ift.tt/1c4nCfM">IFTTT</a></p>
</div>
<div class="blogMeta">
<a href="/blog/2014/05/" title="View all posts from this May, 2014" class="blogPermalink">05/2014</a>
<a href="http://artlung.com/blog/2014/05/26/baily-belongs-to-jen-chad-hes-cool/" rel="bookmark" title="Permanent Link to Baily belongs to Jen &amp; Chad. He&#8217;s cool." class="blogPermalink">Link</a>
<a href="http://artlung.com/blog/2014/05/26/baily-belongs-to-jen-chad-hes-cool/#comment" title="Leave a comment" class="blogCommentlink">0</a>
</div>
</div>
<!-- Stop The Loop (but note the "else:" - see next line). -->
<div class="blogDate"><p>May 26th, 2014</p></div><div class="blogPost">
<div class="blogTitle">
<p><b><a href="http://artlung.com/blog/2014/05/26/new-pal-grill-out-time/">New pal. Grill out time.</a></b></p>
</div>
<div class="blogContent">
<p><img src="http://ift.tt/1mh6KCK" class="aligncenter"><br />
from Instagram <a href="http://ift.tt/1mh6Lqy">http://ift.tt/1mh6Lqy</a><br />
via <a href="http://ift.tt/1c4nCfM">IFTTT</a></p>
</div>
<div class="blogMeta">
<a href="/blog/2014/05/" title="View all posts from this May, 2014" class="blogPermalink">05/2014</a>
<a href="http://artlung.com/blog/2014/05/26/new-pal-grill-out-time/" rel="bookmark" title="Permanent Link to New pal. Grill out time." class="blogPermalink">Link</a>
<a href="http://artlung.com/blog/2014/05/26/new-pal-grill-out-time/#comment" title="Leave a comment" class="blogCommentlink">0</a>
</div>
</div>
<!-- Stop The Loop (but note the "else:" - see next line). -->
<div class="blogDate"><p>May 26th, 2014</p></div><div class="blogPost">
<div class="blogTitle">
<p><b><a href="http://artlung.com/blog/2014/05/26/caution/">Caution.</a></b></p>
</div>
<div class="blogContent">
<p><img src="http://ift.tt/S8E4D4" class="aligncenter"><br />
from Instagram <a href="http://ift.tt/SF1GzK">http://ift.tt/SF1GzK</a><br />
via <a href="http://ift.tt/1c4nCfM">IFTTT</a></p>
</div>
<div class="blogMeta">
<a href="/blog/2014/05/" title="View all posts from this May, 2014" class="blogPermalink">05/2014</a>
<a href="http://artlung.com/blog/2014/05/26/caution/" rel="bookmark" title="Permanent Link to Caution." class="blogPermalink">Link</a>
<a href="http://artlung.com/blog/2014/05/26/caution/#comment" title="Leave a comment" class="blogCommentlink">0</a>
</div>
</div>
<!-- Stop The Loop (but note the "else:" - see next line). -->
<div class="blogDate"><p>May 24th, 2014</p></div><div class="blogPost">
<div class="blogTitle">
<p><b><a href="http://artlung.com/blog/2014/05/24/missewon-janky-animal-beads/">@missewon &#038; janky animal beads</a></b></p>
</div>
<div class="blogContent">
<p><img src="http://ift.tt/1r4rCUK" class="aligncenter"><br />
from Instagram <a href="http://ift.tt/1m8gwqS">http://ift.tt/1m8gwqS</a><br />
via <a href="http://ift.tt/1c4nCfM">IFTTT</a></p>
</div>
<div class="blogMeta">
<a href="/blog/2014/05/" title="View all posts from this May, 2014" class="blogPermalink">05/2014</a>
<a href="http://artlung.com/blog/2014/05/24/missewon-janky-animal-beads/" rel="bookmark" title="Permanent Link to @missewon &amp; janky animal beads" class="blogPermalink">Link</a>
<a href="http://artlung.com/blog/2014/05/24/missewon-janky-animal-beads/#comment" title="Leave a comment" class="blogCommentlink">0</a>
</div>
</div>
<!-- Stop The Loop (but note the "else:" - see next line). -->
<div class="blogDate"><p>May 24th, 2014</p></div><div class="blogPost">
<div class="blogTitle">
<p><b><a href="http://artlung.com/blog/2014/05/24/new-colors-i-think-skiesareclear-would-love-this-store/">NEW COLORS. I think @skiesareclear would love this store.</a></b></p>
</div>
<div class="blogContent">
<p><img src="http://ift.tt/1m8gvTS" class="aligncenter"><br />
from Instagram <a href="http://ift.tt/1r4rCUy">http://ift.tt/1r4rCUy</a><br />
via <a href="http://ift.tt/1c4nCfM">IFTTT</a></p>
</div>
<div class="blogMeta">
<a href="/blog/2014/05/" title="View all posts from this May, 2014" class="blogPermalink">05/2014</a>
<a href="http://artlung.com/blog/2014/05/24/new-colors-i-think-skiesareclear-would-love-this-store/" rel="bookmark" title="Permanent Link to NEW COLORS. I think @skiesareclear would love this store." class="blogPermalink">Link</a>
<a href="http://artlung.com/blog/2014/05/24/new-colors-i-think-skiesareclear-would-love-this-store/#comment" title="Leave a comment" class="blogCommentlink">0</a>
</div>
</div>
<!-- Stop The Loop (but note the "else:" - see next line). -->
<div class="blogDate"><p>May 23rd, 2014</p></div><div class="blogPost">
<div class="blogTitle">
<p><b><a href="http://artlung.com/blog/2014/05/23/killin-time-inkin-practice-on-this-three-day-weekend/">Killin&#8217; time inkin&#8217; practice on this three day weekend.</a></b></p>
</div>
<div class="blogContent">
<p><img src="http://ift.tt/1id3eqq" class="aligncenter"><br />
from Instagram <a href="http://ift.tt/1ndwIKh">http://ift.tt/1ndwIKh</a><br />
via <a href="http://ift.tt/1c4nCfM">IFTTT</a></p>
</div>
<div class="blogMeta">
<a href="/blog/2014/05/" title="View all posts from this May, 2014" class="blogPermalink">05/2014</a>
<a href="http://artlung.com/blog/2014/05/23/killin-time-inkin-practice-on-this-three-day-weekend/" rel="bookmark" title="Permanent Link to Killin&#8217; time inkin&#8217; practice on this three day weekend." class="blogPermalink">Link</a>
<a href="http://artlung.com/blog/2014/05/23/killin-time-inkin-practice-on-this-three-day-weekend/#comment" title="Leave a comment" class="blogCommentlink">0</a>
</div>
</div>
<!-- Stop The Loop (but note the "else:" - see next line). -->
<div class="blogDate"><p>May 21st, 2014</p></div><div class="blogPost">
<div class="blogTitle">
<p><b><a href="http://artlung.com/blog/2014/05/21/perfectly-beautiful-sky/">Perfectly beautiful sky</a></b></p>
</div>
<div class="blogContent">
<p><img src="http://ift.tt/1qVpEWG" class="aligncenter"><br />
from Instagram <a href="http://ift.tt/1lQSpgk">http://ift.tt/1lQSpgk</a><br />
via <a href="http://ift.tt/1c4nCfM">IFTTT</a></p>
</div>
<div class="blogMeta">
<a href="/blog/2014/05/" title="View all posts from this May, 2014" class="blogPermalink">05/2014</a>
<a href="http://artlung.com/blog/2014/05/21/perfectly-beautiful-sky/" rel="bookmark" title="Permanent Link to Perfectly beautiful sky" class="blogPermalink">Link</a>
<a href="http://artlung.com/blog/2014/05/21/perfectly-beautiful-sky/#comment" title="Leave a comment" class="blogCommentlink">0</a>
</div>
</div>
<!-- Stop The Loop (but note the "else:" - see next line). -->
<div class="blogDate"><p>May 18th, 2014</p></div><div class="blogPost">
<div class="blogTitle">
<p><b><a href="http://artlung.com/blog/2014/05/18/my-2008-california-drivers-license-photo-that-hairstyle-was-not-intentional/">My 2008 California driver&#8217;s license photo. That hairstyle was not intentional.</a></b></p>
</div>
<div class="blogContent">
<p><img src="http://ift.tt/1oF89Yx" class="aligncenter"><br />
from Instagram <a href="http://ift.tt/1oF8bj1">http://ift.tt/1oF8bj1</a><br />
via <a href="http://ift.tt/1c4nCfM">IFTTT</a></p>
</div>
<div class="blogMeta">
<a href="/blog/2014/05/" title="View all posts from this May, 2014" class="blogPermalink">05/2014</a>
<a href="http://artlung.com/blog/2014/05/18/my-2008-california-drivers-license-photo-that-hairstyle-was-not-intentional/" rel="bookmark" title="Permanent Link to My 2008 California driver&#8217;s license photo. That hairstyle was not intentional." class="blogPermalink">Link</a>
<a href="http://artlung.com/blog/2014/05/18/my-2008-california-drivers-license-photo-that-hairstyle-was-not-intentional/#comment" title="Leave a comment" class="blogCommentlink">0</a>
</div>
</div>
<!-- Stop The Loop (but note the "else:" - see next line). -->
<div class="blogDate"><p>May 17th, 2014</p></div><div class="blogPost">
<div class="blogTitle">
<p><b><a href="http://artlung.com/blog/2014/05/17/18-minutes-at-drsketchysd/">18 minutes at @drsketchysd</a></b></p>
</div>
<div class="blogContent">
<p><img src="http://ift.tt/RLghbW" class="aligncenter"><br />
from Instagram <a href="http://ift.tt/RLghbY">http://ift.tt/RLghbY</a><br />
via <a href="http://ift.tt/1c4nCfM">IFTTT</a></p>
</div>
<div class="blogMeta">
<a href="/blog/2014/05/" title="View all posts from this May, 2014" class="blogPermalink">05/2014</a>
<a href="http://artlung.com/blog/2014/05/17/18-minutes-at-drsketchysd/" rel="bookmark" title="Permanent Link to 18 minutes at @drsketchysd" class="blogPermalink">Link</a>
<a href="http://artlung.com/blog/2014/05/17/18-minutes-at-drsketchysd/#comment" title="Leave a comment" class="blogCommentlink">0</a>
</div>
</div>
<!-- Stop The Loop (but note the "else:" - see next line). -->
<div class="blogDate"><p>May 17th, 2014</p></div><div class="blogPost">
<div class="blogTitle">
<p><b><a href="http://artlung.com/blog/2014/05/17/long-time-no-drsketchysd/">Long time no @drsketchysd</a></b></p>
</div>
<div class="blogContent">
<p><img src="http://ift.tt/1oBXNc3" class="aligncenter"><br />
from Instagram <a href="http://ift.tt/1gTCjQ8">http://ift.tt/1gTCjQ8</a><br />
via <a href="http://ift.tt/1c4nCfM">IFTTT</a></p>
</div>
<div class="blogMeta">
<a href="/blog/2014/05/" title="View all posts from this May, 2014" class="blogPermalink">05/2014</a>
<a href="http://artlung.com/blog/2014/05/17/long-time-no-drsketchysd/" rel="bookmark" title="Permanent Link to Long time no @drsketchysd" class="blogPermalink">Link</a>
<a href="http://artlung.com/blog/2014/05/17/long-time-no-drsketchysd/#comment" title="Leave a comment" class="blogCommentlink">0</a>
</div>
</div>
<!-- Stop The Loop (but note the "else:" - see next line). -->
<div class="blogDate"><p>May 16th, 2014</p></div><div class="blogPost">
<div class="blogTitle">
<p><b><a href="http://artlung.com/blog/2014/05/16/shaky-bus-sketch-of-wondy-and-the-invisible-jet-friday-is-the-best-thing/">Shaky bus sketch of Wondy and the Invisible Jet. Friday is the best thing.</a></b></p>
</div>
<div class="blogContent">
<p><img src="http://ift.tt/1oYEZkw" class="aligncenter"><br />
from Instagram <a href="http://ift.tt/TcIl9r">http://ift.tt/TcIl9r</a><br />
via <a href="http://ift.tt/1c4nCfM">IFTTT</a></p>
</div>
<div class="blogMeta">
<a href="/blog/2014/05/" title="View all posts from this May, 2014" class="blogPermalink">05/2014</a>
<a href="http://artlung.com/blog/2014/05/16/shaky-bus-sketch-of-wondy-and-the-invisible-jet-friday-is-the-best-thing/" rel="bookmark" title="Permanent Link to Shaky bus sketch of Wondy and the Invisible Jet. Friday is the best thing." class="blogPermalink">Link</a>
<a href="http://artlung.com/blog/2014/05/16/shaky-bus-sketch-of-wondy-and-the-invisible-jet-friday-is-the-best-thing/#comment" title="Leave a comment" class="blogCommentlink">0</a>
</div>
</div>
<!-- Stop The Loop (but note the "else:" - see next line). -->
<div class="blogDate"><p>May 15th, 2014</p></div><div class="blogPost">
<div class="blogTitle">
<p><b><a href="http://artlung.com/blog/2014/05/15/beat-the-heat/">Beat the heat.</a></b></p>
</div>
<div class="blogContent">
<p><img src="http://ift.tt/1oVjcKk" class="aligncenter"><br />
from Instagram <a href="http://ift.tt/T9cwyl">http://ift.tt/T9cwyl</a><br />
via <a href="http://ift.tt/1c4nCfM">IFTTT</a></p>
</div>
<div class="blogMeta">
<a href="/blog/2014/05/" title="View all posts from this May, 2014" class="blogPermalink">05/2014</a>
<a href="http://artlung.com/blog/2014/05/15/beat-the-heat/" rel="bookmark" title="Permanent Link to Beat the heat." class="blogPermalink">Link</a>
<a href="http://artlung.com/blog/2014/05/15/beat-the-heat/#comment" title="Leave a comment" class="blogCommentlink">0</a>
</div>
</div>
<!-- Stop The Loop (but note the "else:" - see next line). -->
<div class="blogDate"><p>May 12th, 2014</p></div><div class="blogPost">
<div class="blogTitle">
<p><b><a href="http://artlung.com/blog/2014/05/12/pairs-of-brothers-rightmost-is-a-new-acquisition-getter-1-bros-and-combatra-aka-combattler-v/">Pairs of brothers! (Rightmost is a new acquisition!) Getter 1 bros and Combatra aka Combattler V.</a></b></p>
</div>
<div class="blogContent">
<p><img src="http://ift.tt/1nBhRuI" class="aligncenter"><br />
from Instagram <a href="http://ift.tt/1lpMsrO">http://ift.tt/1lpMsrO</a><br />
via <a href="http://ift.tt/1c4nCfM">IFTTT</a></p>
</div>
<div class="blogMeta">
<a href="/blog/2014/05/" title="View all posts from this May, 2014" class="blogPermalink">05/2014</a>
<a href="http://artlung.com/blog/2014/05/12/pairs-of-brothers-rightmost-is-a-new-acquisition-getter-1-bros-and-combatra-aka-combattler-v/" rel="bookmark" title="Permanent Link to Pairs of brothers! (Rightmost is a new acquisition!) Getter 1 bros and Combatra aka Combattler V." class="blogPermalink">Link</a>
<a href="http://artlung.com/blog/2014/05/12/pairs-of-brothers-rightmost-is-a-new-acquisition-getter-1-bros-and-combatra-aka-combattler-v/#comment" title="Leave a comment" class="blogCommentlink">0</a>
</div>
</div>
<!-- Stop The Loop (but note the "else:" - see next line). -->
<div align="center" style="margin: 10px;">
<a href="/blog/2014/05/" title="View all posts from this May, 2014" class="blogPermalink">View All Posts From May, 2014</a>
</div>
<div class="adsenseHoriz5Link">
</div> <div id="sidebar">
<div class="archiveYear"><h4><a href="/blog/2001/" title="324 posts in the year 2001.">2001</a></h4><ul><li><a href='http://artlung.com/blog/2001/02/' title='9 posts.' style='background-position: 9px 0;'>February</a></li>
<li><a href='http://artlung.com/blog/2001/03/' title='15 posts.' style='background-position: 15px 0;'>March</a></li>
<li><a href='http://artlung.com/blog/2001/04/' title='21 posts.' style='background-position: 21px 0;'>April</a></li>
<li><a href='http://artlung.com/blog/2001/05/' title='15 posts.' style='background-position: 15px 0;'>May</a></li>
<li><a href='http://artlung.com/blog/2001/06/' title='20 posts.' style='background-position: 20px 0;'>June</a></li>
<li><a href='http://artlung.com/blog/2001/07/' title='30 posts.' style='background-position: 30px 0;'>July</a></li>
<li><a href='http://artlung.com/blog/2001/08/' title='26 posts.' style='background-position: 26px 0;'>August</a></li>
<li><a href='http://artlung.com/blog/2001/09/' title='42 posts.' style='background-position: 42px 0;'>September</a></li>
<li><a href='http://artlung.com/blog/2001/10/' title='38 posts.' style='background-position: 38px 0;'>October</a></li>
<li><a href='http://artlung.com/blog/2001/11/' title='38 posts.' style='background-position: 38px 0;'>November</a></li>
<li><a href='http://artlung.com/blog/2001/12/' title='70 posts.' style='background-position: 70px 0;'>December</a></li></ul></div><div class="archiveYear"><h4><a href="/blog/2002/" title="666 posts in the year 2002.">2002</a></h4><ul><li><a href='http://artlung.com/blog/2002/01/' title='72 posts.' style='background-position: 72px 0;'>January</a></li>
<li><a href='http://artlung.com/blog/2002/02/' title='65 posts.' style='background-position: 65px 0;'>February</a></li>
<li><a href='http://artlung.com/blog/2002/03/' title='57 posts.' style='background-position: 57px 0;'>March</a></li>
<li><a href='http://artlung.com/blog/2002/04/' title='56 posts.' style='background-position: 56px 0;'>April</a></li>
<li><a href='http://artlung.com/blog/2002/05/' title='46 posts.' style='background-position: 46px 0;'>May</a></li>
<li><a href='http://artlung.com/blog/2002/06/' title='42 posts.' style='background-position: 42px 0;'>June</a></li>
<li><a href='http://artlung.com/blog/2002/07/' title='42 posts.' style='background-position: 42px 0;'>July</a></li>
<li><a href='http://artlung.com/blog/2002/08/' title='87 posts.' style='background-position: 87px 0;'>August</a></li>
<li><a href='http://artlung.com/blog/2002/09/' title='82 posts.' style='background-position: 82px 0;'>September</a></li>
<li><a href='http://artlung.com/blog/2002/10/' title='48 posts.' style='background-position: 48px 0;'>October</a></li>
<li><a href='http://artlung.com/blog/2002/11/' title='20 posts.' style='background-position: 20px 0;'>November</a></li>
<li><a href='http://artlung.com/blog/2002/12/' title='49 posts.' style='background-position: 49px 0;'>December</a></li></ul></div><div class="archiveYear"><h4><a href="/blog/2003/" title="540 posts in the year 2003.">2003</a></h4><ul><li><a href='http://artlung.com/blog/2003/01/' title='85 posts.' style='background-position: 85px 0;'>January</a></li>
<li><a href='http://artlung.com/blog/2003/02/' title='48 posts.' style='background-position: 48px 0;'>February</a></li>
<li><a href='http://artlung.com/blog/2003/03/' title='39 posts.' style='background-position: 39px 0;'>March</a></li>
<li><a href='http://artlung.com/blog/2003/04/' title='27 posts.' style='background-position: 27px 0;'>April</a></li>
<li><a href='http://artlung.com/blog/2003/05/' title='36 posts.' style='background-position: 36px 0;'>May</a></li>
<li><a href='http://artlung.com/blog/2003/06/' title='30 posts.' style='background-position: 30px 0;'>June</a></li>
<li><a href='http://artlung.com/blog/2003/07/' title='60 posts.' style='background-position: 60px 0;'>July</a></li>
<li><a href='http://artlung.com/blog/2003/08/' title='52 posts.' style='background-position: 52px 0;'>August</a></li>
<li><a href='http://artlung.com/blog/2003/09/' title='27 posts.' style='background-position: 27px 0;'>September</a></li>
<li><a href='http://artlung.com/blog/2003/10/' title='44 posts.' style='background-position: 44px 0;'>October</a></li>
<li><a href='http://artlung.com/blog/2003/11/' title='46 posts.' style='background-position: 46px 0;'>November</a></li>
<li><a href='http://artlung.com/blog/2003/12/' title='46 posts.' style='background-position: 46px 0;'>December</a></li></ul></div><div class="archiveYear"><h4><a href="/blog/2004/" title="401 posts in the year 2004.">2004</a></h4><ul><li><a href='http://artlung.com/blog/2004/01/' title='96 posts.' style='background-position: 96px 0;'>January</a></li>
<li><a href='http://artlung.com/blog/2004/02/' title='60 posts.' style='background-position: 60px 0;'>February</a></li>
<li><a href='http://artlung.com/blog/2004/03/' title='51 posts.' style='background-position: 51px 0;'>March</a></li>
<li><a href='http://artlung.com/blog/2004/04/' title='13 posts.' style='background-position: 13px 0;'>April</a></li>
<li><a href='http://artlung.com/blog/2004/05/' title='13 posts.' style='background-position: 13px 0;'>May</a></li>
<li><a href='http://artlung.com/blog/2004/06/' title='38 posts.' style='background-position: 38px 0;'>June</a></li>
<li><a href='http://artlung.com/blog/2004/07/' title='42 posts.' style='background-position: 42px 0;'>July</a></li>
<li><a href='http://artlung.com/blog/2004/08/' title='17 posts.' style='background-position: 17px 0;'>August</a></li>
<li><a href='http://artlung.com/blog/2004/09/' title='16 posts.' style='background-position: 16px 0;'>September</a></li>
<li><a href='http://artlung.com/blog/2004/10/' title='10 posts.' style='background-position: 10px 0;'>October</a></li>
<li><a href='http://artlung.com/blog/2004/11/' title='13 posts.' style='background-position: 13px 0;'>November</a></li>
<li><a href='http://artlung.com/blog/2004/12/' title='32 posts.' style='background-position: 32px 0;'>December</a></li></ul></div><div class="archiveYear"><h4><a href="/blog/2005/" title="337 posts in the year 2005.">2005</a></h4><ul><li><a href='http://artlung.com/blog/2005/01/' title='16 posts.' style='background-position: 16px 0;'>January</a></li>
<li><a href='http://artlung.com/blog/2005/02/' title='5 posts.' style='background-position: 5px 0;'>February</a></li>
<li><a href='http://artlung.com/blog/2005/03/' title='8 posts.' style='background-position: 8px 0;'>March</a></li>
<li><a href='http://artlung.com/blog/2005/04/' title='31 posts.' style='background-position: 31px 0;'>April</a></li>
<li><a href='http://artlung.com/blog/2005/05/' title='31 posts.' style='background-position: 31px 0;'>May</a></li>
<li><a href='http://artlung.com/blog/2005/06/' title='52 posts.' style='background-position: 52px 0;'>June</a></li>
<li><a href='http://artlung.com/blog/2005/07/' title='61 posts.' style='background-position: 61px 0;'>July</a></li>
<li><a href='http://artlung.com/blog/2005/08/' title='54 posts.' style='background-position: 54px 0;'>August</a></li>
<li><a href='http://artlung.com/blog/2005/09/' title='9 posts.' style='background-position: 9px 0;'>September</a></li>
<li><a href='http://artlung.com/blog/2005/10/' title='18 posts.' style='background-position: 18px 0;'>October</a></li>
<li><a href='http://artlung.com/blog/2005/11/' title='17 posts.' style='background-position: 17px 0;'>November</a></li>
<li><a href='http://artlung.com/blog/2005/12/' title='35 posts.' style='background-position: 35px 0;'>December</a></li></ul></div><div class="archiveYear"><h4><a href="/blog/2006/" title="341 posts in the year 2006.">2006</a></h4><ul><li><a href='http://artlung.com/blog/2006/01/' title='20 posts.' style='background-position: 20px 0;'>January</a></li>
<li><a href='http://artlung.com/blog/2006/02/' title='44 posts.' style='background-position: 44px 0;'>February</a></li>
<li><a href='http://artlung.com/blog/2006/03/' title='16 posts.' style='background-position: 16px 0;'>March</a></li>
<li><a href='http://artlung.com/blog/2006/04/' title='35 posts.' style='background-position: 35px 0;'>April</a></li>
<li><a href='http://artlung.com/blog/2006/05/' title='35 posts.' style='background-position: 35px 0;'>May</a></li>
<li><a href='http://artlung.com/blog/2006/06/' title='19 posts.' style='background-position: 19px 0;'>June</a></li>
<li><a href='http://artlung.com/blog/2006/07/' title='16 posts.' style='background-position: 16px 0;'>July</a></li>
<li><a href='http://artlung.com/blog/2006/08/' title='24 posts.' style='background-position: 24px 0;'>August</a></li>
<li><a href='http://artlung.com/blog/2006/09/' title='16 posts.' style='background-position: 16px 0;'>September</a></li>
<li><a href='http://artlung.com/blog/2006/10/' title='45 posts.' style='background-position: 45px 0;'>October</a></li>
<li><a href='http://artlung.com/blog/2006/11/' title='26 posts.' style='background-position: 26px 0;'>November</a></li>
<li><a href='http://artlung.com/blog/2006/12/' title='45 posts.' style='background-position: 45px 0;'>December</a></li></ul></div><div class="archiveYear"><h4><a href="/blog/2007/" title="381 posts in the year 2007.">2007</a></h4><ul><li><a href='http://artlung.com/blog/2007/01/' title='60 posts.' style='background-position: 60px 0;'>January</a></li>
<li><a href='http://artlung.com/blog/2007/02/' title='41 posts.' style='background-position: 41px 0;'>February</a></li>
<li><a href='http://artlung.com/blog/2007/03/' title='33 posts.' style='background-position: 33px 0;'>March</a></li>
<li><a href='http://artlung.com/blog/2007/04/' title='38 posts.' style='background-position: 38px 0;'>April</a></li>
<li><a href='http://artlung.com/blog/2007/05/' title='16 posts.' style='background-position: 16px 0;'>May</a></li>
<li><a href='http://artlung.com/blog/2007/06/' title='25 posts.' style='background-position: 25px 0;'>June</a></li>
<li><a href='http://artlung.com/blog/2007/07/' title='20 posts.' style='background-position: 20px 0;'>July</a></li>
<li><a href='http://artlung.com/blog/2007/08/' title='38 posts.' style='background-position: 38px 0;'>August</a></li>
<li><a href='http://artlung.com/blog/2007/09/' title='32 posts.' style='background-position: 32px 0;'>September</a></li>
<li><a href='http://artlung.com/blog/2007/10/' title='32 posts.' style='background-position: 32px 0;'>October</a></li>
<li><a href='http://artlung.com/blog/2007/11/' title='18 posts.' style='background-position: 18px 0;'>November</a></li>
<li><a href='http://artlung.com/blog/2007/12/' title='28 posts.' style='background-position: 28px 0;'>December</a></li></ul></div><div class="archiveYear"><h4><a href="/blog/2008/" title="292 posts in the year 2008.">2008</a></h4><ul><li><a href='http://artlung.com/blog/2008/01/' title='17 posts.' style='background-position: 17px 0;'>January</a></li>
<li><a href='http://artlung.com/blog/2008/02/' title='12 posts.' style='background-position: 12px 0;'>February</a></li>
<li><a href='http://artlung.com/blog/2008/03/' title='43 posts.' style='background-position: 43px 0;'>March</a></li>
<li><a href='http://artlung.com/blog/2008/04/' title='40 posts.' style='background-position: 40px 0;'>April</a></li>
<li><a href='http://artlung.com/blog/2008/05/' title='40 posts.' style='background-position: 40px 0;'>May</a></li>
<li><a href='http://artlung.com/blog/2008/06/' title='22 posts.' style='background-position: 22px 0;'>June</a></li>
<li><a href='http://artlung.com/blog/2008/07/' title='22 posts.' style='background-position: 22px 0;'>July</a></li>
<li><a href='http://artlung.com/blog/2008/08/' title='32 posts.' style='background-position: 32px 0;'>August</a></li>
<li><a href='http://artlung.com/blog/2008/09/' title='5 posts.' style='background-position: 5px 0;'>September</a></li>
<li><a href='http://artlung.com/blog/2008/10/' title='18 posts.' style='background-position: 18px 0;'>October</a></li>
<li><a href='http://artlung.com/blog/2008/11/' title='25 posts.' style='background-position: 25px 0;'>November</a></li>
<li><a href='http://artlung.com/blog/2008/12/' title='16 posts.' style='background-position: 16px 0;'>December</a></li></ul></div><div class="archiveYear"><h4><a href="/blog/2009/" title="61 posts in the year 2009.">2009</a></h4><ul><li><a href='http://artlung.com/blog/2009/01/' title='14 posts.' style='background-position: 14px 0;'>January</a></li>
<li><a href='http://artlung.com/blog/2009/02/' title='4 posts.' style='background-position: 4px 0;'>February</a></li>
<li><a href='http://artlung.com/blog/2009/03/' title='2 posts.' style='background-position: 2px 0;'>March</a></li>
<li><a href='http://artlung.com/blog/2009/04/' title='2 posts.' style='background-position: 2px 0;'>April</a></li>
<li><a href='http://artlung.com/blog/2009/05/' title='8 posts.' style='background-position: 8px 0;'>May</a></li>
<li><a href='http://artlung.com/blog/2009/06/' title='1 posts.' style='background-position: 1px 0;'>June</a></li>
<li><a href='http://artlung.com/blog/2009/07/' title='11 posts.' style='background-position: 11px 0;'>July</a></li>
<li><a href='http://artlung.com/blog/2009/08/' title='5 posts.' style='background-position: 5px 0;'>August</a></li>
<li><a href='http://artlung.com/blog/2009/09/' title='5 posts.' style='background-position: 5px 0;'>September</a></li>
<li><a href='http://artlung.com/blog/2009/10/' title='7 posts.' style='background-position: 7px 0;'>October</a></li>
<li><a href='http://artlung.com/blog/2009/11/' title='1 posts.' style='background-position: 1px 0;'>November</a></li>
<li><a href='http://artlung.com/blog/2009/12/' title='1 posts.' style='background-position: 1px 0;'>December</a></li></ul></div><div class="archiveYear"><h4><a href="/blog/2010/" title="121 posts in the year 2010.">2010</a></h4><ul><li><a href='http://artlung.com/blog/2010/01/' title='28 posts.' style='background-position: 28px 0;'>January</a></li>
<li><a href='http://artlung.com/blog/2010/02/' title='32 posts.' style='background-position: 32px 0;'>February</a></li>
<li><a href='http://artlung.com/blog/2010/03/' title='25 posts.' style='background-position: 25px 0;'>March</a></li>
<li><a href='http://artlung.com/blog/2010/04/' title='12 posts.' style='background-position: 12px 0;'>April</a></li>
<li><a href='http://artlung.com/blog/2010/05/' title='1 posts.' style='background-position: 1px 0;'>May</a></li>
<li><a href='http://artlung.com/blog/2010/06/' title='1 posts.' style='background-position: 1px 0;'>June</a></li>
<li><a href='http://artlung.com/blog/2010/07/' title='1 posts.' style='background-position: 1px 0;'>July</a></li>
<li><a href='http://artlung.com/blog/2010/08/' title='1 posts.' style='background-position: 1px 0;'>August</a></li>
<li><a href='http://artlung.com/blog/2010/09/' title='1 posts.' style='background-position: 1px 0;'>September</a></li>
<li><a href='http://artlung.com/blog/2010/10/' title='6 posts.' style='background-position: 6px 0;'>October</a></li>
<li><a href='http://artlung.com/blog/2010/11/' title='6 posts.' style='background-position: 6px 0;'>November</a></li>
<li><a href='http://artlung.com/blog/2010/12/' title='7 posts.' style='background-position: 7px 0;'>December</a></li></ul></div><div class="archiveYear"><h4><a href="/blog/2011/" title="94 posts in the year 2011.">2011</a></h4><ul><li><a href='http://artlung.com/blog/2011/01/' title='36 posts.' style='background-position: 36px 0;'>January</a></li>
<li><a href='http://artlung.com/blog/2011/02/' title='18 posts.' style='background-position: 18px 0;'>February</a></li>
<li><a href='http://artlung.com/blog/2011/03/' title='13 posts.' style='background-position: 13px 0;'>March</a></li>
<li><a href='http://artlung.com/blog/2011/04/' title='1 posts.' style='background-position: 1px 0;'>April</a></li>
<li><a href='http://artlung.com/blog/2011/05/' title='4 posts.' style='background-position: 4px 0;'>May</a></li>
<li><a href='http://artlung.com/blog/2011/06/' title='6 posts.' style='background-position: 6px 0;'>June</a></li>
<li><a href='http://artlung.com/blog/2011/07/' title='1 posts.' style='background-position: 1px 0;'>July</a></li>
<li><a href='http://artlung.com/blog/2011/08/' title='1 posts.' style='background-position: 1px 0;'>August</a></li>
<li><a href='http://artlung.com/blog/2011/09/' title='1 posts.' style='background-position: 1px 0;'>September</a></li>
<li><a href='http://artlung.com/blog/2011/10/' title='4 posts.' style='background-position: 4px 0;'>October</a></li>
<li><a href='http://artlung.com/blog/2011/11/' title='1 posts.' style='background-position: 1px 0;'>November</a></li>
<li><a href='http://artlung.com/blog/2011/12/' title='8 posts.' style='background-position: 8px 0;'>December</a></li></ul></div><div class="archiveYear"><h4><a href="/blog/2012/" title="72 posts in the year 2012.">2012</a></h4><ul><li><a href='http://artlung.com/blog/2012/01/' title='24 posts.' style='background-position: 24px 0;'>January</a></li>
<li><a href='http://artlung.com/blog/2012/02/' title='17 posts.' style='background-position: 17px 0;'>February</a></li>
<li><a href='http://artlung.com/blog/2012/03/' title='10 posts.' style='background-position: 10px 0;'>March</a></li>
<li><a href='http://artlung.com/blog/2012/04/' title='2 posts.' style='background-position: 2px 0;'>April</a></li>
<li><a href='http://artlung.com/blog/2012/05/' title='3 posts.' style='background-position: 3px 0;'>May</a></li>
<li><a href='http://artlung.com/blog/2012/06/' title='2 posts.' style='background-position: 2px 0;'>June</a></li>
<li><a href='http://artlung.com/blog/2012/07/' title='6 posts.' style='background-position: 6px 0;'>July</a></li>
<li><a href='http://artlung.com/blog/2012/08/' title='1 posts.' style='background-position: 1px 0;'>August</a></li>
<li><a href='http://artlung.com/blog/2012/09/' title='3 posts.' style='background-position: 3px 0;'>September</a></li>
<li><a href='http://artlung.com/blog/2012/10/' title='2 posts.' style='background-position: 2px 0;'>October</a></li>
<li><a href='http://artlung.com/blog/2012/11/' title='1 posts.' style='background-position: 1px 0;'>November</a></li>
<li><a href='http://artlung.com/blog/2012/12/' title='1 posts.' style='background-position: 1px 0;'>December</a></li></ul></div><div class="archiveYear"><h4><a href="/blog/2013/" title="75 posts in the year 2013.">2013</a></h4><ul><li><a href='http://artlung.com/blog/2013/01/' title='1 posts.' style='background-position: 1px 0;'>January</a></li>
<li><a href='http://artlung.com/blog/2013/02/' title='1 posts.' style='background-position: 1px 0;'>February</a></li>
<li><a href='http://artlung.com/blog/2013/03/' title='1 posts.' style='background-position: 1px 0;'>March</a></li>
<li><a href='http://artlung.com/blog/2013/04/' title='1 posts.' style='background-position: 1px 0;'>April</a></li>
<li><a href='http://artlung.com/blog/2013/05/' title='11 posts.' style='background-position: 11px 0;'>May</a></li>
<li><a href='http://artlung.com/blog/2013/06/' title='2 posts.' style='background-position: 2px 0;'>June</a></li>
<li><a href='http://artlung.com/blog/2013/07/' title='3 posts.' style='background-position: 3px 0;'>July</a></li>
<li><a href='http://artlung.com/blog/2013/08/' title='3 posts.' style='background-position: 3px 0;'>August</a></li>
<li><a href='http://artlung.com/blog/2013/10/' title='1 posts.' style='background-position: 1px 0;'>October</a></li>
<li><a href='http://artlung.com/blog/2013/11/' title='16 posts.' style='background-position: 16px 0;'>November</a></li>
<li><a href='http://artlung.com/blog/2013/12/' title='35 posts.' style='background-position: 35px 0;'>December</a></li></ul></div><div class="archiveYear"><h4><a href="/blog/2014/" title="152 posts in the year 2014.">2014</a></h4><ul><li><a href='http://artlung.com/blog/2014/01/' title='20 posts.' style='background-position: 20px 0;'>January</a></li>
<li><a href='http://artlung.com/blog/2014/02/' title='23 posts.' style='background-position: 23px 0;'>February</a></li>
<li><a href='http://artlung.com/blog/2014/03/' title='33 posts.' style='background-position: 33px 0;'>March</a></li>
<li><a href='http://artlung.com/blog/2014/04/' title='30 posts.' style='background-position: 30px 0;'>April</a></li>
<li><a href='http://artlung.com/blog/2014/05/' title='46 posts.' style='background-position: 46px 0;'>May</a></li></ul></div> </div>
</div>
</div>
<div style="border-width: 1px 0 1px 0;border-color: #ccc;background-color: transparent;border-style: solid;text-align: right;padding: 6px;">
<form role="search" method="get" id="searchform" class="searchform" action="http://artlung.com/blog/">
<div>
<label class="screen-reader-text" for="s">Search for:</label>
<input type="text" value="" name="s" id="s" />
<input type="submit" id="searchsubmit" value="Search" />
</div>
</form></div>
<div id="footer">
<p align="center"><a href="http://feeds.feedburner.com/artlung"><img src="http://feeds.feedburner.com/~fc/artlung?bg=FF9900&amp;fg=006600&amp;anim=0" height="52" width="176" style="border:0" alt="" /></a></p>
<!--begin facebook like code--><div align="center" style="text-align: center;padding: 10px;" class="opengraphprotocoltools-div"><iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fartlung.com%2Fblog&amp;layout=standard&amp;show_faces=true&amp;width=450&amp;action=like&amp;colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:450px; height:80px"></iframe></div><!--end facebook like code--> <p>&copy;1996-2014 <a href="http://joecrawford.com/">Joe Crawford</a></p>
</div>
</body>
Raw
SassMeister-input.scss
// ----
// Sass (v3.3.7)
// Compass (v1.0.0.alpha.18)
// ----
@import "compass/utilities";
@import "compass/css3";
$bodyBackground: rgb(255, 255, 255);
$foregroundColor: #000;
$mainBodyFont: Roboto, "Helvetica Neue", helvetica, arial, sans-serif;
$headerFont: 'Palatino Linotype', "Times", "Times New Roman", serif;
$bodyDarkOffColor: purple;
$blogTitle: Helvetica, Roboto, Arial, 'New Century Schoolbook','Palatino Linotype',Palatino,Times,'Times New Roman',serif;
/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
body {
background-color: darken($bodyBackground, 10%);
color: $foregroundColor;
margin: 0;
font-family: $mainBodyFont;
text-align: center;
&.single! {}
}
blog.archive! {}
div#archived-header {
color: $foregroundColor;
text-align: left;
font-family: $headerFont;
background-color: $bodyBackground;
}
#archived-header-nav {
text-align: left;
background-color: $bodyDarkOffColor;
height: 75px;
border-bottom: 1px solid darken($bodyDarkOffColor, 25%);
}
a.archived-header-nav-a {
display: inline;
text-decoration: none;
img {
border: 0;
height: 75px;
width: 200px;
}
text-decoration: none;
border: none;
opacity: 0.5;
margin: 0;
padding: 0;
&.selected {
opacity: 1.0;
}
}
#everything {
background-color: $bodyBackground;
color: $bodyDarkOffColor;
padding: 0;
margin: 0 auto;
width: auto;
min-width: 500px;
max-width: 800px;
text-align: left;
}
.tag-photos #everything, .tag-screenshot #everything, .tag-art #everything, .tag-drawings #everything {
width: auto;
}
#header {
padding: 2em;
background: $foregroundColor;
color: $bodyBackground;
// background: @include linear-gradient(color_stops(rgba(0, 0, 0, 0.85), $bodyDarkOffColor), left top, left bottom);
// background: //webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.85)), color-stop(1, $bodyDarkOffColor));
}
.opengraphprotocoltools-div {
@include border-radius(12px);
//webkit--radius: 12px;
//moz-@include border-radius(12px);
}
#header {
h1 {
margin: 0;
padding: 0;
}
a {
color: $bodyBackground;
text-decoration: none;
}
.tagline {
font-size: x-small;
}
}
#content {
padding: 2em 1em 1em 1em;
}
#sidebar {
padding: 2em;
}
#footer {
padding: 2em;
background-color: $foregroundColor;
color: $bodyBackground;
a {
color: $bodyBackground;
text-decoration: none;
&:hover {
color: $bodyBackground;
text-decoration: none;
}
}
}
.blogPost {
margin-bottom: 3em;
a {
border: none;
img {
border: none;
}
}
}
.blogTitle {
margin: 0 0 0.5em 0;
font-family: $blogTitle;
padding: 0.5em;
font-weight: bold;
color: $foregroundColor;
line-height: 1;
font-size: 2.5em;
@include border-radius(10px);
background-color: $foregroundColor;
color: $bodyBackground;
p {
margin: 0;
}
span {
font-weight: normal;
}
a {
text-decoration: none;
color: $bodyBackground;
&:hover {
color: darken($bodyBackground, 30%);
}
}
}
.blogDate {
text-align: right;
background-color: lighten($foregroundColor, 60%);
font-size: medium;
color: lighten($foregroundColor, 90%);
padding: 0.5em;
@include border-radius(10px);
p {
margin: 0;
padding: 0;
}
}
.blogContent {
font-family: $mainBodyFont;
padding: 0 1em 1em 1em;
line-height: 2;
color: $foregroundColor;
}
.archiveBody a, .blogContent a {
text-decoration: none;
border-bottom: 1px dashed lighten($bodyDarkOffColor, 10%);
color: lighten($bodyDarkOffColor, 10%);
padding: 0 0.33em;
@include border-radius(0.33em);
}
.archiveBody a:visited, .blogContent a:visited {
text-decoration: none;
border-bottom: 2px dotted $bodyDarkOffColor;
color: $bodyDarkOffColor;
}
.archiveBody a:hover {
text-decoration: none;
border-bottom: 1px solid $bodyDarkOffColor;
background-color: $bodyDarkOffColor;
color: #00c;
}
.blogContent {
a:hover {
text-decoration: none;
border-bottom: 1px solid $bodyDarkOffColor;
background-color: $bodyDarkOffColor;
color: $bodyBackground;
}
blockquote {
font-style: italic;
color: $bodyDarkOffColor;
line-height: 1.4;
font-family: $mainBodyFont;
}
div {
padding: 0 1em 1em 1em;
}
}
.blogMeta {
height: 50px;
padding: 0 1em 1em 1em;
font-size: small;
text-align: right;
}
.blogCommentlink, .blogPermalink, span.blogPermalink a {
padding: 0.4em;
font-weight: bold;
margin-left: 0.5em;
text-decoration: none;
font-size: xx-large;
border-style: solid;
border-color: $bodyDarkOffColor;
@include border-radius(10px);
}
$orange: #ffa500;
a.blogCommentlink {
background-color: $orange;
color: $bodyBackground;
&:hover {
background-color: lighten($orange, 15%);
color: $bodyBackground;
}
}
$lightGray: #eee;
a.blogPermalink, span.blogPermalink {
background-color: $lightGray;
color: darken($lightGray, 20%);
}
a.blogPermalink:hover, span.blogPermalink a:hover {
background-color: $bodyDarkOffColor;
color: lighten($bodyDarkOffColor, 60%);
}
.archiveBody {
border-width: 1px 0 0 1px;
border-style: solid;
border-color: #999;
height: 50px;
padding: 0 1em 0 1em;
}
#sidebar {
height: 750px;
background-color: $foregroundColor;
}
.archiveYear {
width: 100px;
background-color: $foregroundColor;
padding: 0;
margin: 0;
float: left;
height: 250px;
h4 {
background-color: $foregroundColor;
padding: 0.5em;
margin: 0;
color: $bodyBackground;
text-align: left;
font-size: small;
font-weight: normal;
text-decoration: none;
a {
background-color: $foregroundColor;
padding: 0.5em;
margin: 0;
color: $bodyBackground;
text-align: left;
font-size: small;
font-weight: normal;
text-decoration: none;
&:visited, &:hover {
background-color: $foregroundColor;
padding: 0.5em;
margin: 0;
color: $bodyBackground;
text-align: left;
font-size: small;
font-weight: normal;
text-decoration: none;
}
}
}
ul {
padding: 0;
margin: 0;
list-style-type: none;
font-size: small;
li {
padding: 0 0.5em;
text-align: left;
a {
text-decoration: none;
/* black.gif is a 400 pixel by 400 pixel of solid black */
background-image: url(images/black.gif);
background-repeat: no-repeat;
background-position: -400px 0;
color: $bodyBackground;
background-color: #00c;
display: block;
padding: 0.1em 0 0.1em 0.5em;
cursor: pointer;
}
}
}
}
table.singleNextPrevious {
height: 3.5em;
td {
a {
text-decoration: none;
text-shadow: rgba(0, 0, 0, 0.1) 1px 1px 0;
color: #99f;
&:hover {
color: #00c;
text-shadow: rgba(0, 0, 0, 0.25) 1px 1px 0;
}
}
&.next! {}
&.previous {
text-indent: -1em;
padding-left: 1em;
}
}
}
.adsenseHoriz5Link {
text-align: center;
background-color: $foregroundColor;
padding: 1em;
margin: 0 0 1em 0;
}
.blogMetaSingle {
background-color: $bodyDarkOffColor;
padding: 1em;
color: #999;
font-style: italic;
text-align: center;
@include border-radius(10px);
text-shadow: 1px 1px 2px $foregroundColor;
p {
margin: 0;
&.permalink {
margin-bottom: 5px;
}
}
a {
color: #999;
text-decoration: none;
font-style: normal;
&:visited, &:link {
color: #999;
text-decoration: none;
font-style: normal;
}
&:hover {
color: $bodyBackground;
}
}
p.post-tags a {
font-size: x-small;
text-transform: uppercase;
background-color: rgba(255, 255, 255, 0.5);
@include border-radius(4px);
padding: 4px;
color: $bodyBackground;
text-shadow: none;
&:hover {
background-color: rgb(255, 255, 255);
color: $foregroundColor;
}
}
}
.blogCommentDiv {
min-height: 1.5em;
.blogCommentlink {
margin: 0;
}
}
.blogTagCloud {
text-align: justify;
background-color: $bodyDarkOffColor;
padding: 1em 2em;
color: #999;
a {
color: #999;
text-decoration: none;
background-image: none;
border: none;
&:visited {
color: #999;
text-decoration: none;
background-image: none;
border: none;
}
}
}
code, pre {
font-family: 'courier new', courier, 'fixed-width' !important;
line-height: 1em;
}
#commentform input {
color: $bodyDarkOffColor;
background-color: #eee;
border: 4px solid #ccc;
padding: 4px;
font-family: $mainBodyFont;
font-size: 16px;
}
textarea#comment {
color: $bodyDarkOffColor;
background-color: #eee;
border: 4px solid #ccc;
padding: 4px;
font-family: $mainBodyFont;
font-size: 16px;
width: 550px;
}
#commentform {
input#submit {
font-weight: bold;
}
textarea:focus, input#submit:hover {
color: #66f;
background-color: #eef;
border: 4px solid #ccf;
outline: none;
}
}
#yarpp-posts {
font-size: 0.8em;
line-height: 1.0em;
font-style: italic;
border: 1px dotted #ccc;
margin: 0 auto 0 auto;
padding: 0;
width: 300px;
a {
border: none;
}
p {
padding: 0.8em 0 0.6em 0.8em;
border-bottom: 1px dotted #ccc;
background-color: #eee;
margin: 0;
color: $bodyDarkOffColor;
}
ol {
line-height: 20px;
color: #999;
li! {}
}
a {
color: $bodyDarkOffColor;
padding: 3px;
font-size: 14px;
background-image: none;
&:visited {
color: $bodyDarkOffColor;
background-image: none;
}
&:hover {
background-color: #ccc;
background-image: none;
}
}
}
.archiveBodyImages {
background-color: #eee;
width: 180px;
height: 220px;
float: left;
margin: 0 8px 8px 0;
text-align: center;
border: none;
@include border-radius(10px);
//moz-@include border-radius(10px);
//webkit-@include border-radius(10px);
overflow: hidden;
a {
text-decoration: none;
opacity: 1.0;
display: inline-block;
@include border-radius(10px);
//moz-@include border-radius(10px);
//webkit-@include border-radius(10px);
}
p!, div! {}
img {
border: none;
width: 180px;
top: 0;
left: 0;
//webkit-transition-property: width, left;
//webkit-transition-duration: 0.5s, 0.5s;
}
a:hover img {
width: 220px;
left: -10px;
top: 0;
}
.blogxPermalink {
font-size: x-small;
margin: 0;
padding: 0;
color: $foregroundColor;
font-shadow: #333 1px 1px 0;
}
a.blogxPermalink:visited {
color: $bodyDarkOffColor;
}
}
div.clear {
clear: both;
}
ul.delicious {
list-style-type: square;
line-height: 1.5em;
}
div {
&.delicious-link {
padding: 0;
}
&.delicious-extended {
background-color: $bodyBackground;
padding: 0;
margin: 0;
}
&.delicious-tags {
font-size: x-small;
padding: 0 0 20px 50px;
text-align: left;
a {
border: none;
}
}
}
.opengraphprotocoltools-div {
background-color: $bodyBackground;
}
/* for content images */
img, a img {
&.alignright {
float: right;
margin: 0 0 1em 1em;
}
&.alignleft {
float: left;
margin: 0 1em 1em 0;
}
&.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
}
ul.paging {
list-style-type: none;
text-align: left;
li {
display: inline;
margin-right: 5px;
a {
background-color: #ccc;
color: $foregroundColor;
text-decoration: none;
}
}
}
label.screen-reader-text {
display: none;
}
.clearfix {
clear: both;
}
#month-header {
background-color: $bodyDarkOffColor;
text-align: right;
padding: 0;
border-bottom: 1px solid $bodyBackground;
}
#roanoke-menu-bar {
background-color: $bodyDarkOffColor;
text-align: right;
padding: 0;
border-top: 1px solid $bodyBackground;
background: url(images/fff-border-bottom-666.gif) repeat-x bottom left $bodyDarkOffColor;
clear: both;
ul {
list-style-type: none;
margin: 0;
padding: 0;
}
}
#month-header ul {
list-style-type: none;
margin: 0;
padding: 0;
}
#roanoke-menu-bar ul li {
display: inline;
width: 120px;
float: left;
text-align: right;
}
#month-header ul {
li {
display: inline;
width: 50px;
float: left;
text-align: center;
}
a {
text-decoration: none;
background-color: $bodyDarkOffColor;
color: #ccc;
display: block;
border-right: 1px solid $bodyBackground;
font-size: small;
padding: 5px;
text-shadow: rgba(102, 102, 102, 0.25) 1px 1px 0;
text-transform: uppercase;
}
}
#roanoke-menu-bar ul a {
text-decoration: none;
background-color: $bodyDarkOffColor;
color: #ccc;
display: block;
border-right: 1px solid $bodyBackground;
font-size: small;
padding: 5px;
text-shadow: rgba(102, 102, 102, 0.25) 1px 1px 0;
text-transform: uppercase;
border-bottom: 1px solid $bodyBackground;
}
#month-header ul {
span {
background-color: $bodyDarkOffColor;
color: #555;
display: block;
border-right: 1px solid $bodyBackground;
font-size: small;
padding: 5px;
text-shadow: $bodyDarkOffColor 1px 1px 0;
text-transform: uppercase;
}
a:hover {
background-color: darken($bodyDarkOffColor, 20%);
color: $bodyDarkOffColor;
}
}
#roanoke-menu-bar ul a:hover {
background-color: $foregroundColor;
color: $bodyBackground;
}
#month-header ul a.here {
background-color: $bodyBackground;
color: $foregroundColor;
}
.roanoke-menu-bar .current_page_item a {
background-color: #fff !important;
color: $foregroundColor !important;
}
/* flickr */
#menu-item-5255 a {
background-image: url(images/roanoke_sprite_2.gif);
background-repeat: no-repeat;
background-position: 0 50%;
}
/* twitter */
#menu-item-5254 a {
background-image: url(images/roanoke_sprite_2.gif);
background-repeat: no-repeat;
background-position: -200px center;
}
body {
&.blog li#menu-item-5278 a, &.page-id-4988 li#menu-item-5250 a, &.tag-drawings li#menu-item-5253 a, &.page-id-5000 li#menu-item-5256 a, &.page-id-4452 li#menu-item-5252 a, &.page-id-5260 li#menu-item-5265 a, &.page-id-4727 li#menu-item-5251 a {
color: #333;
background-color: $bodyBackground;
}
}
#is-single-previous-next {
background-color: $bodyDarkOffColor;
border-bottom: 1px solid $bodyBackground;
a {
color: $bodyBackground;
text-decoration: none;
display: block;
padding: 8px;
font-size: small;
}
table tr td {
&.next a:hover {
background-color: $foregroundColor;
/* background-image: url(http://artlung.com/blog/wp-content/themes/roanoke/images/is-single-previous-next-bg-next-2.gif) !important;*/
background-image: url(data:image/gif;base64,R0lGODlhFgApAJEAAGZmZv///wAAAAAAACH5BAkAAAIALAAAAAAWACkAAAJgRISpu2AMmXuxTlrlPbld3Amfw4UjGYonGK1o5r5tzCq07N2lfeNIP9mpgCBiMGE8DpOH5MaJgnKcJSYPKCQKl7Etd+X9jsLiDcxF/oFNpzRynPq6r76OOa6usecQfaoAADs%3D);
background-repeat: no-repeat;
background-position: left center !important;
}
&.previous a:hover {
background-color: $foregroundColor;
/* background-image: url(http://artlung.com/blog/wp-content/themes/roanoke/images/is-single-previous-next-bg-previous-2.gif) !important;*/
background-image: url(data:image/gif;base64,R0lGODlhFgApAJEAAGZmZv///wAAAAAAACH5BAkAAAIALAAAAAAWACkAAAJflI+ZAerK2ptRTgiyvadmjngfKIgjZ56UxqpOql1w/Mw01uZbp+t431oAfbxhrmgMlpI+29A5XDKP0ukNSjVgWULrL/ma1pgro8x8BoJmJBipyn2b3lol3UNH5ot7XgEAOw%3D%3D);
background-repeat: no-repeat;
background-position: right center !important;
}
}
a:visited {
color: #ccc;
/* background-color: $bodyDarkOffColor;*/
}
}
/* new comment styles */
.individual-comment {
background-color: #eee;
margin-bottom: 0.5em;
}
.comment-header {
height: 64px;
overflow: hidden;
background-color: #333;
color: $bodyBackground;
position: relative;
a {
color: $foregroundColor;
}
p {
margin: 5px;
line-height: 1;
}
.url {
font-size: large;
font-weight: bold;
color: $bodyBackground;
text-decoration: none;
}
.link {
font-size: x-small;
text-transform: uppercase;
background-color: rgba(255, 255, 255, 0.5);
@include border-radius(4px);
padding: 4px;
color: $bodyBackground;
text-decoration: none;
float: right;
display: block;
}
}
.comment-avatar {
width: 64px;
height: 64px;
}
.comment-attribution {
position: absolute;
left: 64px;
top: 0;
width: 675px;
.permalink {
position: absolute;
right: 0;
top: 0;
}
}
.comment-body {
padding: 0.5em 1em 1em 64px;
}
Raw
SassMeister-output.css
/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
body {
background-color: #e6e6e6;
color: black;
margin: 0;
font-family: Roboto, "Helvetica Neue", helvetica, arial, sans-serif;
text-align: center;
}
div#archived-header {
color: black;
text-align: left;
font-family: "Palatino Linotype", "Times", "Times New Roman", serif;
background-color: white;
}
#archived-header-nav {
text-align: left;
background-color: purple;
height: 75px;
border-bottom: 1px solid black;
}
a.archived-header-nav-a {
display: inline;
text-decoration: none;
text-decoration: none;
border: none;
opacity: 0.5;
margin: 0;
padding: 0;
}
a.archived-header-nav-a img {
border: 0;
height: 75px;
width: 200px;
}
a.archived-header-nav-a.selected {
opacity: 1.0;
}
#everything {
background-color: white;
color: purple;
padding: 0;
margin: 0 auto;
width: auto;
min-width: 500px;
max-width: 800px;
text-align: left;
}
.tag-photos #everything, .tag-screenshot #everything, .tag-art #everything, .tag-drawings #everything {
width: auto;
}
#header {
padding: 2em;
background: black;
color: white;
}
.opengraphprotocoltools-div {
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
border-radius: 12px;
}
#header h1 {
margin: 0;
padding: 0;
}
#header a {
color: white;
text-decoration: none;
}
#header .tagline {
font-size: x-small;
}
#content {
padding: 2em 1em 1em 1em;
}
#sidebar {
padding: 2em;
}
#footer {
padding: 2em;
background-color: black;
color: white;
}
#footer a {
color: white;
text-decoration: none;
}
#footer a:hover {
color: white;
text-decoration: none;
}
.blogPost {
margin-bottom: 3em;
}
.blogPost a {
border: none;
}
.blogPost a img {
border: none;
}
.blogTitle {
margin: 0 0 0.5em 0;
font-family: Helvetica, Roboto, Arial, "New Century Schoolbook", "Palatino Linotype", Palatino, Times, "Times New Roman", serif;
padding: 0.5em;
font-weight: bold;
color: black;
line-height: 1;
font-size: 2.5em;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
background-color: black;
color: white;
}
.blogTitle p {
margin: 0;
}
.blogTitle span {
font-weight: normal;
}
.blogTitle a {
text-decoration: none;
color: white;
}
.blogTitle a:hover {
color: #b3b3b3;
}
.blogDate {
text-align: right;
background-color: #999999;
font-size: medium;
color: #e6e6e6;
padding: 0.5em;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.blogDate p {
margin: 0;
padding: 0;
}
.blogContent {
font-family: Roboto, "Helvetica Neue", helvetica, arial, sans-serif;
padding: 0 1em 1em 1em;
line-height: 2;
color: black;
}
.archiveBody a, .blogContent a {
text-decoration: none;
border-bottom: 1px dashed #b300b3;
color: #b300b3;
padding: 0 0.33em;
-moz-border-radius: 0.33em;
-webkit-border-radius: 0.33em;
border-radius: 0.33em;
}
.archiveBody a:visited, .blogContent a:visited {
text-decoration: none;
border-bottom: 2px dotted purple;
color: purple;
}
.archiveBody a:hover {
text-decoration: none;
border-bottom: 1px solid purple;
background-color: purple;
color: #00c;
}
.blogContent a:hover {
text-decoration: none;
border-bottom: 1px solid purple;
background-color: purple;
color: white;
}
.blogContent blockquote {
font-style: italic;
color: purple;
line-height: 1.4;
font-family: Roboto, "Helvetica Neue", helvetica, arial, sans-serif;
}
.blogContent div {
padding: 0 1em 1em 1em;
}
.blogMeta {
height: 50px;
padding: 0 1em 1em 1em;
font-size: small;
text-align: right;
}
.blogCommentlink, .blogPermalink, span.blogPermalink a {
padding: 0.4em;
font-weight: bold;
margin-left: 0.5em;
text-decoration: none;
font-size: xx-large;
border-style: solid;
border-color: purple;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
a.blogCommentlink {
background-color: orange;
color: white;
}
a.blogCommentlink:hover {
background-color: #ffc04d;
color: white;
}
a.blogPermalink, span.blogPermalink {
background-color: #eeeeee;
color: #bbbbbb;
}
a.blogPermalink:hover, span.blogPermalink a:hover {
background-color: purple;
color: #ffb3ff;
}
.archiveBody {
border-width: 1px 0 0 1px;
border-style: solid;
border-color: #999;
height: 50px;
padding: 0 1em 0 1em;
}
#sidebar {
height: 750px;
background-color: black;
}
.archiveYear {
width: 100px;
background-color: black;
padding: 0;
margin: 0;
float: left;
height: 250px;
}
.archiveYear h4 {
background-color: black;
padding: 0.5em;
margin: 0;
color: white;
text-align: left;
font-size: small;
font-weight: normal;
text-decoration: none;
}
.archiveYear h4 a {
background-color: black;
padding: 0.5em;
margin: 0;
color: white;
text-align: left;
font-size: small;
font-weight: normal;
text-decoration: none;
}
.archiveYear h4 a:visited, .archiveYear h4 a:hover {
background-color: black;
padding: 0.5em;
margin: 0;
color: white;
text-align: left;
font-size: small;
font-weight: normal;
text-decoration: none;
}
.archiveYear ul {
padding: 0;
margin: 0;
list-style-type: none;
font-size: small;
}
.archiveYear ul li {
padding: 0 0.5em;
text-align: left;
}
.archiveYear ul li a {
text-decoration: none;
/* black.gif is a 400 pixel by 400 pixel of solid black */
background-image: url(images/black.gif);
background-repeat: no-repeat;
background-position: -400px 0;
color: white;
background-color: #00c;
display: block;
padding: 0.1em 0 0.1em 0.5em;
cursor: pointer;
}
table.singleNextPrevious {
height: 3.5em;
}
table.singleNextPrevious td a {
text-decoration: none;
text-shadow: rgba(0, 0, 0, 0.1) 1px 1px 0;
color: #99f;
}
table.singleNextPrevious td a:hover {
color: #00c;
text-shadow: rgba(0, 0, 0, 0.25) 1px 1px 0;
}
table.singleNextPrevious td.previous {
text-indent: -1em;
padding-left: 1em;
}
.adsenseHoriz5Link {
text-align: center;
background-color: black;
padding: 1em;
margin: 0 0 1em 0;
}
.blogMetaSingle {
background-color: purple;
padding: 1em;
color: #999;
font-style: italic;
text-align: center;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
text-shadow: 1px 1px 2px black;
}
.blogMetaSingle p {
margin: 0;
}
.blogMetaSingle p.permalink {
margin-bottom: 5px;
}
.blogMetaSingle a {
color: #999;
text-decoration: none;
font-style: normal;
}
.blogMetaSingle a:visited, .blogMetaSingle a:link {
color: #999;
text-decoration: none;
font-style: normal;
}
.blogMetaSingle a:hover {
color: white;
}
.blogMetaSingle p.post-tags a {
font-size: x-small;
text-transform: uppercase;
background-color: rgba(255, 255, 255, 0.5);
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
padding: 4px;
color: white;
text-shadow: none;
}
.blogMetaSingle p.post-tags a:hover {
background-color: white;
color: black;
}
.blogCommentDiv {
min-height: 1.5em;
}
.blogCommentDiv .blogCommentlink {
margin: 0;
}
.blogTagCloud {
text-align: justify;
background-color: purple;
padding: 1em 2em;
color: #999;
}
.blogTagCloud a {
color: #999;
text-decoration: none;
background-image: none;
border: none;
}
.blogTagCloud a:visited {
color: #999;
text-decoration: none;
background-image: none;
border: none;
}
code, pre {
font-family: 'courier new', courier, 'fixed-width' !important;
line-height: 1em;
}
#commentform input {
color: purple;
background-color: #eee;
border: 4px solid #ccc;
padding: 4px;
font-family: Roboto, "Helvetica Neue", helvetica, arial, sans-serif;
font-size: 16px;
}
textarea#comment {
color: purple;
background-color: #eee;
border: 4px solid #ccc;
padding: 4px;
font-family: Roboto, "Helvetica Neue", helvetica, arial, sans-serif;
font-size: 16px;
width: 550px;
}
#commentform input#submit {
font-weight: bold;
}
#commentform textarea:focus, #commentform input#submit:hover {
color: #66f;
background-color: #eef;
border: 4px solid #ccf;
outline: none;
}
#yarpp-posts {
font-size: 0.8em;
line-height: 1.0em;
font-style: italic;
border: 1px dotted #ccc;
margin: 0 auto 0 auto;
padding: 0;
width: 300px;
}
#yarpp-posts a {
border: none;
}
#yarpp-posts p {
padding: 0.8em 0 0.6em 0.8em;
border-bottom: 1px dotted #ccc;
background-color: #eee;
margin: 0;
color: purple;
}
#yarpp-posts ol {
line-height: 20px;
color: #999;
}
#yarpp-posts a {
color: purple;
padding: 3px;
font-size: 14px;
background-image: none;
}
#yarpp-posts a:visited {
color: purple;
background-image: none;
}
#yarpp-posts a:hover {
background-color: #ccc;
background-image: none;
}
.archiveBodyImages {
background-color: #eee;
width: 180px;
height: 220px;
float: left;
margin: 0 8px 8px 0;
text-align: center;
border: none;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
overflow: hidden;
}
.archiveBodyImages a {
text-decoration: none;
opacity: 1.0;
display: inline-block;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.archiveBodyImages img {
border: none;
width: 180px;
top: 0;
left: 0;
}
.archiveBodyImages a:hover img {
width: 220px;
left: -10px;
top: 0;
}
.archiveBodyImages .blogxPermalink {
font-size: x-small;
margin: 0;
padding: 0;
color: black;
font-shadow: #333 1px 1px 0;
}
.archiveBodyImages a.blogxPermalink:visited {
color: purple;
}
div.clear {
clear: both;
}
ul.delicious {
list-style-type: square;
line-height: 1.5em;
}
div.delicious-link {
padding: 0;
}
div.delicious-extended {
background-color: white;
padding: 0;
margin: 0;
}
div.delicious-tags {
font-size: x-small;
padding: 0 0 20px 50px;
text-align: left;
}
div.delicious-tags a {
border: none;
}
.opengraphprotocoltools-div {
background-color: white;
}
/* for content images */
img.alignright, a img.alignright {
float: right;
margin: 0 0 1em 1em;
}
img.alignleft, a img.alignleft {
float: left;
margin: 0 1em 1em 0;
}
img.aligncenter, a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
ul.paging {
list-style-type: none;
text-align: left;
}
ul.paging li {
display: inline;
margin-right: 5px;
}
ul.paging li a {
background-color: #ccc;
color: black;
text-decoration: none;
}
label.screen-reader-text {
display: none;
}
.clearfix {
clear: both;
}
#month-header {
background-color: purple;
text-align: right;
padding: 0;
border-bottom: 1px solid white;
}
#roanoke-menu-bar {
background-color: purple;
text-align: right;
padding: 0;
border-top: 1px solid white;
background: url(images/fff-border-bottom-666.gif) repeat-x bottom left purple;
clear: both;
}
#roanoke-menu-bar ul {
list-style-type: none;
margin: 0;
padding: 0;
}
#month-header ul {
list-style-type: none;
margin: 0;
padding: 0;
}
#roanoke-menu-bar ul li {
display: inline;
width: 120px;
float: left;
text-align: right;
}
#month-header ul li {
display: inline;
width: 50px;
float: left;
text-align: center;
}
#month-header ul a {
text-decoration: none;
background-color: purple;
color: #ccc;
display: block;
border-right: 1px solid white;
font-size: small;
padding: 5px;
text-shadow: rgba(102, 102, 102, 0.25) 1px 1px 0;
text-transform: uppercase;
}
#roanoke-menu-bar ul a {
text-decoration: none;
background-color: purple;
color: #ccc;
display: block;
border-right: 1px solid white;
font-size: small;
padding: 5px;
text-shadow: rgba(102, 102, 102, 0.25) 1px 1px 0;
text-transform: uppercase;
border-bottom: 1px solid white;
}
#month-header ul span {
background-color: purple;
color: #555;
display: block;
border-right: 1px solid white;
font-size: small;
padding: 5px;
text-shadow: purple 1px 1px 0;
text-transform: uppercase;
}
#month-header ul a:hover {
background-color: #1a001a;
color: purple;
}
#roanoke-menu-bar ul a:hover {
background-color: black;
color: white;
}
#month-header ul a.here {
background-color: white;
color: black;
}
.roanoke-menu-bar .current_page_item a {
background-color: #fff !important;
color: black !important;
}
/* flickr */
#menu-item-5255 a {
background-image: url(images/roanoke_sprite_2.gif);
background-repeat: no-repeat;
background-position: 0 50%;
}
/* twitter */
#menu-item-5254 a {
background-image: url(images/roanoke_sprite_2.gif);
background-repeat: no-repeat;
background-position: -200px center;
}
body.blog li#menu-item-5278 a, body.page-id-4988 li#menu-item-5250 a, body.tag-drawings li#menu-item-5253 a, body.page-id-5000 li#menu-item-5256 a, body.page-id-4452 li#menu-item-5252 a, body.page-id-5260 li#menu-item-5265 a, body.page-id-4727 li#menu-item-5251 a {
color: #333;
background-color: white;
}
#is-single-previous-next {
background-color: purple;
border-bottom: 1px solid white;
}
#is-single-previous-next a {
color: white;
text-decoration: none;
display: block;
padding: 8px;
font-size: small;
}
#is-single-previous-next table tr td.next a:hover {
background-color: black;
/* background-image: url(http://artlung.com/blog/wp-content/themes/roanoke/images/is-single-previous-next-bg-next-2.gif) !important;*/
background-image: url(data:image/gif;base64,R0lGODlhFgApAJEAAGZmZv///wAAAAAAACH5BAkAAAIALAAAAAAWACkAAAJgRISpu2AMmXuxTlrlPbld3Amfw4UjGYonGK1o5r5tzCq07N2lfeNIP9mpgCBiMGE8DpOH5MaJgnKcJSYPKCQKl7Etd+X9jsLiDcxF/oFNpzRynPq6r76OOa6usecQfaoAADs%3D);
background-repeat: no-repeat;
background-position: left center !important;
}
#is-single-previous-next table tr td.previous a:hover {
background-color: black;
/* background-image: url(http://artlung.com/blog/wp-content/themes/roanoke/images/is-single-previous-next-bg-previous-2.gif) !important;*/
background-image: url(data:image/gif;base64,R0lGODlhFgApAJEAAGZmZv///wAAAAAAACH5BAkAAAIALAAAAAAWACkAAAJflI+ZAerK2ptRTgiyvadmjngfKIgjZ56UxqpOql1w/Mw01uZbp+t431oAfbxhrmgMlpI+29A5XDKP0ukNSjVgWULrL/ma1pgro8x8BoJmJBipyn2b3lol3UNH5ot7XgEAOw%3D%3D);
background-repeat: no-repeat;
background-position: right center !important;
}
#is-single-previous-next a:visited {
color: #ccc;
/* background-color: $bodyDarkOffColor;*/
}
/* new comment styles */
.individual-comment {
background-color: #eee;
margin-bottom: 0.5em;
}
.comment-header {
height: 64px;
overflow: hidden;
background-color: #333;
color: white;
position: relative;
}
.comment-header a {
color: black;
}
.comment-header p {
margin: 5px;
line-height: 1;
}
.comment-header .url {
font-size: large;
font-weight: bold;
color: white;
text-decoration: none;
}
.comment-header .link {
font-size: x-small;
text-transform: uppercase;
background-color: rgba(255, 255, 255, 0.5);
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
padding: 4px;
color: white;
text-decoration: none;
float: right;
display: block;
}
.comment-avatar {
width: 64px;
height: 64px;
}
.comment-attribution {
position: absolute;
left: 64px;
top: 0;
width: 675px;
}
.comment-attribution .permalink {
position: absolute;
right: 0;
top: 0;
}
.comment-body {
padding: 0.5em 1em 1em 64px;
}
Raw
SassMeister-rendered.html
<body class="blog logged-in admin-bar no-customize-support">
<div id="month-header">
<ul>
<li>
<a href='/blog/2013/05/' title="Back one year">&#8592;&#8592;</a></li>
<li>
<a href='/blog/2014/04/' title="Back one month">&#8592;</a></li>
<li>
<a href="/blog/2014" class="here">2014</a> </li>
<li><a href="/blog/2014/01/">Jan</a></li> <li><a href="/blog/2014/02/">Feb</a></li> <li><a href="/blog/2014/03/">Mar</a></li> <li><a href="/blog/2014/04/">Apr</a></li> <li><a href="/blog/2014/05/" class="here">May</a></li> <li><span>Jun</span></li> <li><span>Jul</span></li> <li><span>Aug</span></li> <li><span>Sep</span></li> <li><span>Oct</span></li> <li><span>Nov</span></li> <li><span>Dec</span></li> <li><span>&#8594;</span></li>
<li><span>&#8594;&#8594;</span></li>
</ul>
<br class="clearfix" />
</div>
<div id="archived-header"><div style="height: 240px;overflow:hidden;">
<img src="http://placehold.it/700x240">
</div>
</div><div id="roanoke-menu-bar">
<div class="menu-primary-container"><ul id="menu-primary" class="menu"><li id="menu-item-5278" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-5278"><a href="http://artlung.com/blog/">Blog</a></li>
<li id="menu-item-5250" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-5250"><a href="http://artlung.com/blog/resume/">Resume</a></li>
<li id="menu-item-5253" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-5253"><a href="http://artlung.com/blog/tag/drawings">Drawings</a></li>
<li id="menu-item-5256" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-5256"><a href="http://artlung.com/blog/portfolio/">Portfolio</a></li>
<li id="menu-item-5252" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-5252"><a href="http://artlung.com/blog/tag-cloud/">Tag Cloud</a></li>
<li id="menu-item-5265" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-5265"><a href="http://artlung.com/blog/popular-stuff/">Popular Stuff</a></li>
<li id="menu-item-5255" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-5255"><a href="http://www.flickr.com/photos/artlung">flickr</a></li>
<li id="menu-item-5254" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-5254"><a href="http://twitter.com/artlung">twitter</a></li>
<li id="menu-item-5251" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-5251"><a href="http://artlung.com/blog/contact/">Contact</a></li>
</ul></div><br class="clearfix">
</div>
<div id="everything">
<div id="content">
<!-- Start the Loop. -->
<div class="blogDate"><p>May 28th, 2014</p></div><div class="blogPost">
<div class="blogTitle">
<p><b><a href="http://artlung.com/blog/2014/05/28/angularjs-on-jsfiddle/">AngularJS on jsfiddle.</a></b></p>
</div>
<div class="blogContent">
<p><iframe width="100%" height="300" src="http://jsfiddle.net/artlung/Uuqs2/embedded/" allowfullscreen="allowfullscreen" frameborder="0"></iframe></p>
<p>It&#8217;s pretty astonishingly easy to play with <a href="https://angularjs.org/">AngularJS</a> with <a href="http://jsfiddle.net/">jsfiddle</a>. Last night I went to the <a href="http://www.meetup.com/sandiegojs/events/179028602/">North County AngularJS Discussion Group</a> / sandiegojs group at <a href="http://www.walmartlabs.com/">WalmartLabs</a> here in San Diego.</p>
<p><a href="http://artlung.com/blog/wp-content/uploads/2014/05/walmart-labs-san-diego.jpg" rel="attachment wp-att-6808"><img src="http://artlung.com/blog/wp-content/uploads/2014/05/walmart-labs-san-diego-375x500.jpg" alt="walmart-labs-san-diego" width="375" height="500" class="aligncenter size-medium wp-image-6808" /></a></p>
<p>Smallish but impressive space.</p>
</div>
<div class="blogMeta">
<a href="/blog/2014/05/" title="View all posts from this May, 2014" class="blogPermalink">05/2014</a>
<a href="http://artlung.com/blog/2014/05/28/angularjs-on-jsfiddle/" rel="bookmark" title="Permanent Link to AngularJS on jsfiddle." class="blogPermalink">Link</a>
<a href="http://artlung.com/blog/2014/05/28/angularjs-on-jsfiddle/#comment" title="Leave a comment" class="blogCommentlink">0</a>
</div>
</div>
<!-- Stop The Loop (but note the "else:" - see next line). -->
<div class="blogDate"><p>May 26th, 2014</p></div><div class="blogPost">
<div class="blogTitle">
<p><b><a href="http://artlung.com/blog/2014/05/26/baily-belongs-to-jen-chad-hes-cool/">Baily belongs to Jen &#038; Chad. He&#8217;s cool.</a></b></p>
</div>
<div class="blogContent">
<p><img src="http://ift.tt/SHgrC5" class="aligncenter"><br />
from Instagram <a href="http://ift.tt/S9Hbue">http://ift.tt/S9Hbue</a><br />
via <a href="http://ift.tt/1c4nCfM">IFTTT</a></p>
</div>
<div class="blogMeta">
<a href="/blog/2014/05/" title="View all posts from this May, 2014" class="blogPermalink">05/2014</a>
<a href="http://artlung.com/blog/2014/05/26/baily-belongs-to-jen-chad-hes-cool/" rel="bookmark" title="Permanent Link to Baily belongs to Jen &amp; Chad. He&#8217;s cool." class="blogPermalink">Link</a>
<a href="http://artlung.com/blog/2014/05/26/baily-belongs-to-jen-chad-hes-cool/#comment" title="Leave a comment" class="blogCommentlink">0</a>
</div>
</div>
<!-- Stop The Loop (but note the "else:" - see next line). -->
<div class="blogDate"><p>May 26th, 2014</p></div><div class="blogPost">
<div class="blogTitle">
<p><b><a href="http://artlung.com/blog/2014/05/26/new-pal-grill-out-time/">New pal. Grill out time.</a></b></p>
</div>
<div class="blogContent">
<p><img src="http://ift.tt/1mh6KCK" class="aligncenter"><br />
from Instagram <a href="http://ift.tt/1mh6Lqy">http://ift.tt/1mh6Lqy</a><br />
via <a href="http://ift.tt/1c4nCfM">IFTTT</a></p>
</div>
<div class="blogMeta">
<a href="/blog/2014/05/" title="View all posts from this May, 2014" class="blogPermalink">05/2014</a>
<a href="http://artlung.com/blog/2014/05/26/new-pal-grill-out-time/" rel="bookmark" title="Permanent Link to New pal. Grill out time." class="blogPermalink">Link</a>
<a href="http://artlung.com/blog/2014/05/26/new-pal-grill-out-time/#comment" title="Leave a comment" class="blogCommentlink">0</a>
</div>
</div>
<!-- Stop The Loop (but note the "else:" - see next line). -->
<div class="blogDate"><p>May 26th, 2014</p></div><div class="blogPost">
<div class="blogTitle">
<p><b><a href="http://artlung.com/blog/2014/05/26/caution/">Caution.</a></b></p>
</div>
<div class="blogContent">
<p><img src="http://ift.tt/S8E4D4" class="aligncenter"><br />
from Instagram <a href="http://ift.tt/SF1GzK">http://ift.tt/SF1GzK</a><br />
via <a href="http://ift.tt/1c4nCfM">IFTTT</a></p>
</div>
<div class="blogMeta">
<a href="/blog/2014/05/" title="View all posts from this May, 2014" class="blogPermalink">05/2014</a>
<a href="http://artlung.com/blog/2014/05/26/caution/" rel="bookmark" title="Permanent Link to Caution." class="blogPermalink">Link</a>
<a href="http://artlung.com/blog/2014/05/26/caution/#comment" title="Leave a comment" class="blogCommentlink">0</a>
</div>
</div>
<!-- Stop The Loop (but note the "else:" - see next line). -->
<div class="blogDate"><p>May 24th, 2014</p></div><div class="blogPost">
<div class="blogTitle">
<p><b><a href="http://artlung.com/blog/2014/05/24/missewon-janky-animal-beads/">@missewon &#038; janky animal beads</a></b></p>
</div>
<div class="blogContent">
<p><img src="http://ift.tt/1r4rCUK" class="aligncenter"><br />
from Instagram <a href="http://ift.tt/1m8gwqS">http://ift.tt/1m8gwqS</a><br />
via <a href="http://ift.tt/1c4nCfM">IFTTT</a></p>
</div>
<div class="blogMeta">
<a href="/blog/2014/05/" title="View all posts from this May, 2014" class="blogPermalink">05/2014</a>
<a href="http://artlung.com/blog/2014/05/24/missewon-janky-animal-beads/" rel="bookmark" title="Permanent Link to @missewon &amp; janky animal beads" class="blogPermalink">Link</a>
<a href="http://artlung.com/blog/2014/05/24/missewon-janky-animal-beads/#comment" title="Leave a comment" class="blogCommentlink">0</a>
</div>
</div>
<!-- Stop The Loop (but note the "else:" - see next line). -->
<div class="blogDate"><p>May 24th, 2014</p></div><div class="blogPost">
<div class="blogTitle">
<p><b><a href="http://artlung.com/blog/2014/05/24/new-colors-i-think-skiesareclear-would-love-this-store/">NEW COLORS. I think @skiesareclear would love this store.</a></b></p>
</div>
<div class="blogContent">
<p><img src="http://ift.tt/1m8gvTS" class="aligncenter"><br />
from Instagram <a href="http://ift.tt/1r4rCUy">http://ift.tt/1r4rCUy</a><br />
via <a href="http://ift.tt/1c4nCfM">IFTTT</a></p>
</div>
<div class="blogMeta">
<a href="/blog/2014/05/" title="View all posts from this May, 2014" class="blogPermalink">05/2014</a>
<a href="http://artlung.com/blog/2014/05/24/new-colors-i-think-skiesareclear-would-love-this-store/" rel="bookmark" title="Permanent Link to NEW COLORS. I think @skiesareclear would love this store." class="blogPermalink">Link</a>
<a href="http://artlung.com/blog/2014/05/24/new-colors-i-think-skiesareclear-would-love-this-store/#comment" title="Leave a comment" class="blogCommentlink">0</a>
</div>
</div>
<!-- Stop The Loop (but note the "else:" - see next line). -->
<div class="blogDate"><p>May 23rd, 2014</p></div><div class="blogPost">
<div class="blogTitle">
<p><b><a href="http://artlung.com/blog/2014/05/23/killin-time-inkin-practice-on-this-three-day-weekend/">Killin&#8217; time inkin&#8217; practice on this three day weekend.</a></b></p>
</div>
<div class="blogContent">
<p><img src="http://ift.tt/1id3eqq" class="aligncenter"><br />
from Instagram <a href="http://ift.tt/1ndwIKh">http://ift.tt/1ndwIKh</a><br />
via <a href="http://ift.tt/1c4nCfM">IFTTT</a></p>
</div>
<div class="blogMeta">
<a href="/blog/2014/05/" title="View all posts from this May, 2014" class="blogPermalink">05/2014</a>
<a href="http://artlung.com/blog/2014/05/23/killin-time-inkin-practice-on-this-three-day-weekend/" rel="bookmark" title="Permanent Link to Killin&#8217; time inkin&#8217; practice on this three day weekend." class="blogPermalink">Link</a>
<a href="http://artlung.com/blog/2014/05/23/killin-time-inkin-practice-on-this-three-day-weekend/#comment" title="Leave a comment" class="blogCommentlink">0</a>
</div>
</div>
<!-- Stop The Loop (but note the "else:" - see next line). -->
<div class="blogDate"><p>May 21st, 2014</p></div><div class="blogPost">
<div class="blogTitle">
<p><b><a href="http://artlung.com/blog/2014/05/21/perfectly-beautiful-sky/">Perfectly beautiful sky</a></b></p>
</div>
<div class="blogContent">
<p><img src="http://ift.tt/1qVpEWG" class="aligncenter"><br />
from Instagram <a href="http://ift.tt/1lQSpgk">http://ift.tt/1lQSpgk</a><br />
via <a href="http://ift.tt/1c4nCfM">IFTTT</a></p>
</div>
<div class="blogMeta">
<a href="/blog/2014/05/" title="View all posts from this May, 2014" class="blogPermalink">05/2014</a>
<a href="http://artlung.com/blog/2014/05/21/perfectly-beautiful-sky/" rel="bookmark" title="Permanent Link to Perfectly beautiful sky" class="blogPermalink">Link</a>
<a href="http://artlung.com/blog/2014/05/21/perfectly-beautiful-sky/#comment" title="Leave a comment" class="blogCommentlink">0</a>
</div>
</div>
<!-- Stop The Loop (but note the "else:" - see next line). -->
<div class="blogDate"><p>May 18th, 2014</p></div><div class="blogPost">
<div class="blogTitle">
<p><b><a href="http://artlung.com/blog/2014/05/18/my-2008-california-drivers-license-photo-that-hairstyle-was-not-intentional/">My 2008 California driver&#8217;s license photo. That hairstyle was not intentional.</a></b></p>
</div>
<div class="blogContent">
<p><img src="http://ift.tt/1oF89Yx" class="aligncenter"><br />
from Instagram <a href="http://ift.tt/1oF8bj1">http://ift.tt/1oF8bj1</a><br />
via <a href="http://ift.tt/1c4nCfM">IFTTT</a></p>
</div>
<div class="blogMeta">
<a href="/blog/2014/05/" title="View all posts from this May, 2014" class="blogPermalink">05/2014</a>
<a href="http://artlung.com/blog/2014/05/18/my-2008-california-drivers-license-photo-that-hairstyle-was-not-intentional/" rel="bookmark" title="Permanent Link to My 2008 California driver&#8217;s license photo. That hairstyle was not intentional." class="blogPermalink">Link</a>
<a href="http://artlung.com/blog/2014/05/18/my-2008-california-drivers-license-photo-that-hairstyle-was-not-intentional/#comment" title="Leave a comment" class="blogCommentlink">0</a>
</div>
</div>
<!-- Stop The Loop (but note the "else:" - see next line). -->
<div class="blogDate"><p>May 17th, 2014</p></div><div class="blogPost">
<div class="blogTitle">
<p><b><a href="http://artlung.com/blog/2014/05/17/18-minutes-at-drsketchysd/">18 minutes at @drsketchysd</a></b></p>
</div>
<div class="blogContent">
<p><img src="http://ift.tt/RLghbW" class="aligncenter"><br />
from Instagram <a href="http://ift.tt/RLghbY">http://ift.tt/RLghbY</a><br />
via <a href="http://ift.tt/1c4nCfM">IFTTT</a></p>
</div>
<div class="blogMeta">
<a href="/blog/2014/05/" title="View all posts from this May, 2014" class="blogPermalink">05/2014</a>
<a href="http://artlung.com/blog/2014/05/17/18-minutes-at-drsketchysd/" rel="bookmark" title="Permanent Link to 18 minutes at @drsketchysd" class="blogPermalink">Link</a>
<a href="http://artlung.com/blog/2014/05/17/18-minutes-at-drsketchysd/#comment" title="Leave a comment" class="blogCommentlink">0</a>
</div>
</div>
<!-- Stop The Loop (but note the "else:" - see next line). -->
<div class="blogDate"><p>May 17th, 2014</p></div><div class="blogPost">
<div class="blogTitle">
<p><b><a href="http://artlung.com/blog/2014/05/17/long-time-no-drsketchysd/">Long time no @drsketchysd</a></b></p>
</div>
<div class="blogContent">
<p><img src="http://ift.tt/1oBXNc3" class="aligncenter"><br />
from Instagram <a href="http://ift.tt/1gTCjQ8">http://ift.tt/1gTCjQ8</a><br />
via <a href="http://ift.tt/1c4nCfM">IFTTT</a></p>
</div>
<div class="blogMeta">
<a href="/blog/2014/05/" title="View all posts from this May, 2014" class="blogPermalink">05/2014</a>
<a href="http://artlung.com/blog/2014/05/17/long-time-no-drsketchysd/" rel="bookmark" title="Permanent Link to Long time no @drsketchysd" class="blogPermalink">Link</a>
<a href="http://artlung.com/blog/2014/05/17/long-time-no-drsketchysd/#comment" title="Leave a comment" class="blogCommentlink">0</a>
</div>
</div>
<!-- Stop The Loop (but note the "else:" - see next line). -->
<div class="blogDate"><p>May 16th, 2014</p></div><div class="blogPost">
<div class="blogTitle">
<p><b><a href="http://artlung.com/blog/2014/05/16/shaky-bus-sketch-of-wondy-and-the-invisible-jet-friday-is-the-best-thing/">Shaky bus sketch of Wondy and the Invisible Jet. Friday is the best thing.</a></b></p>
</div>
<div class="blogContent">
<p><img src="http://ift.tt/1oYEZkw" class="aligncenter"><br />
from Instagram <a href="http://ift.tt/TcIl9r">http://ift.tt/TcIl9r</a><br />
via <a href="http://ift.tt/1c4nCfM">IFTTT</a></p>
</div>
<div class="blogMeta">
<a href="/blog/2014/05/" title="View all posts from this May, 2014" class="blogPermalink">05/2014</a>
<a href="http://artlung.com/blog/2014/05/16/shaky-bus-sketch-of-wondy-and-the-invisible-jet-friday-is-the-best-thing/" rel="bookmark" title="Permanent Link to Shaky bus sketch of Wondy and the Invisible Jet. Friday is the best thing." class="blogPermalink">Link</a>
<a href="http://artlung.com/blog/2014/05/16/shaky-bus-sketch-of-wondy-and-the-invisible-jet-friday-is-the-best-thing/#comment" title="Leave a comment" class="blogCommentlink">0</a>
</div>
</div>
<!-- Stop The Loop (but note the "else:" - see next line). -->
<div class="blogDate"><p>May 15th, 2014</p></div><div class="blogPost">
<div class="blogTitle">
<p><b><a href="http://artlung.com/blog/2014/05/15/beat-the-heat/">Beat the heat.</a></b></p>
</div>
<div class="blogContent">
<p><img src="http://ift.tt/1oVjcKk" class="aligncenter"><br />
from Instagram <a href="http://ift.tt/T9cwyl">http://ift.tt/T9cwyl</a><br />
via <a href="http://ift.tt/1c4nCfM">IFTTT</a></p>
</div>
<div class="blogMeta">
<a href="/blog/2014/05/" title="View all posts from this May, 2014" class="blogPermalink">05/2014</a>
<a href="http://artlung.com/blog/2014/05/15/beat-the-heat/" rel="bookmark" title="Permanent Link to Beat the heat." class="blogPermalink">Link</a>
<a href="http://artlung.com/blog/2014/05/15/beat-the-heat/#comment" title="Leave a comment" class="blogCommentlink">0</a>
</div>
</div>
<!-- Stop The Loop (but note the "else:" - see next line). -->
<div class="blogDate"><p>May 12th, 2014</p></div><div class="blogPost">
<div class="blogTitle">
<p><b><a href="http://artlung.com/blog/2014/05/12/pairs-of-brothers-rightmost-is-a-new-acquisition-getter-1-bros-and-combatra-aka-combattler-v/">Pairs of brothers! (Rightmost is a new acquisition!) Getter 1 bros and Combatra aka Combattler V.</a></b></p>
</div>
<div class="blogContent">
<p><img src="http://ift.tt/1nBhRuI" class="aligncenter"><br />
from Instagram <a href="http://ift.tt/1lpMsrO">http://ift.tt/1lpMsrO</a><br />
via <a href="http://ift.tt/1c4nCfM">IFTTT</a></p>
</div>
<div class="blogMeta">
<a href="/blog/2014/05/" title="View all posts from this May, 2014" class="blogPermalink">05/2014</a>
<a href="http://artlung.com/blog/2014/05/12/pairs-of-brothers-rightmost-is-a-new-acquisition-getter-1-bros-and-combatra-aka-combattler-v/" rel="bookmark" title="Permanent Link to Pairs of brothers! (Rightmost is a new acquisition!) Getter 1 bros and Combatra aka Combattler V." class="blogPermalink">Link</a>
<a href="http://artlung.com/blog/2014/05/12/pairs-of-brothers-rightmost-is-a-new-acquisition-getter-1-bros-and-combatra-aka-combattler-v/#comment" title="Leave a comment" class="blogCommentlink">0</a>
</div>
</div>
<!-- Stop The Loop (but note the "else:" - see next line). -->
<div align="center" style="margin: 10px;">
<a href="/blog/2014/05/" title="View all posts from this May, 2014" class="blogPermalink">View All Posts From May, 2014</a>
</div>
<div class="adsenseHoriz5Link">
</div> <div id="sidebar">
<div class="archiveYear"><h4><a href="/blog/2001/" title="324 posts in the year 2001.">2001</a></h4><ul><li><a href='http://artlung.com/blog/2001/02/' title='9 posts.' style='background-position: 9px 0;'>February</a></li>
<li><a href='http://artlung.com/blog/2001/03/' title='15 posts.' style='background-position: 15px 0;'>March</a></li>
<li><a href='http://artlung.com/blog/2001/04/' title='21 posts.' style='background-position: 21px 0;'>April</a></li>
<li><a href='http://artlung.com/blog/2001/05/' title='15 posts.' style='background-position: 15px 0;'>May</a></li>
<li><a href='http://artlung.com/blog/2001/06/' title='20 posts.' style='background-position: 20px 0;'>June</a></li>
<li><a href='http://artlung.com/blog/2001/07/' title='30 posts.' style='background-position: 30px 0;'>July</a></li>
<li><a href='http://artlung.com/blog/2001/08/' title='26 posts.' style='background-position: 26px 0;'>August</a></li>
<li><a href='http://artlung.com/blog/2001/09/' title='42 posts.' style='background-position: 42px 0;'>September</a></li>
<li><a href='http://artlung.com/blog/2001/10/' title='38 posts.' style='background-position: 38px 0;'>October</a></li>
<li><a href='http://artlung.com/blog/2001/11/' title='38 posts.' style='background-position: 38px 0;'>November</a></li>
<li><a href='http://artlung.com/blog/2001/12/' title='70 posts.' style='background-position: 70px 0;'>December</a></li></ul></div><div class="archiveYear"><h4><a href="/blog/2002/" title="666 posts in the year 2002.">2002</a></h4><ul><li><a href='http://artlung.com/blog/2002/01/' title='72 posts.' style='background-position: 72px 0;'>January</a></li>
<li><a href='http://artlung.com/blog/2002/02/' title='65 posts.' style='background-position: 65px 0;'>February</a></li>
<li><a href='http://artlung.com/blog/2002/03/' title='57 posts.' style='background-position: 57px 0;'>March</a></li>
<li><a href='http://artlung.com/blog/2002/04/' title='56 posts.' style='background-position: 56px 0;'>April</a></li>
<li><a href='http://artlung.com/blog/2002/05/' title='46 posts.' style='background-position: 46px 0;'>May</a></li>
<li><a href='http://artlung.com/blog/2002/06/' title='42 posts.' style='background-position: 42px 0;'>June</a></li>
<li><a href='http://artlung.com/blog/2002/07/' title='42 posts.' style='background-position: 42px 0;'>July</a></li>
<li><a href='http://artlung.com/blog/2002/08/' title='87 posts.' style='background-position: 87px 0;'>August</a></li>
<li><a href='http://artlung.com/blog/2002/09/' title='82 posts.' style='background-position: 82px 0;'>September</a></li>
<li><a href='http://artlung.com/blog/2002/10/' title='48 posts.' style='background-position: 48px 0;'>October</a></li>
<li><a href='http://artlung.com/blog/2002/11/' title='20 posts.' style='background-position: 20px 0;'>November</a></li>
<li><a href='http://artlung.com/blog/2002/12/' title='49 posts.' style='background-position: 49px 0;'>December</a></li></ul></div><div class="archiveYear"><h4><a href="/blog/2003/" title="540 posts in the year 2003.">2003</a></h4><ul><li><a href='http://artlung.com/blog/2003/01/' title='85 posts.' style='background-position: 85px 0;'>January</a></li>
<li><a href='http://artlung.com/blog/2003/02/' title='48 posts.' style='background-position: 48px 0;'>February</a></li>
<li><a href='http://artlung.com/blog/2003/03/' title='39 posts.' style='background-position: 39px 0;'>March</a></li>
<li><a href='http://artlung.com/blog/2003/04/' title='27 posts.' style='background-position: 27px 0;'>April</a></li>
<li><a href='http://artlung.com/blog/2003/05/' title='36 posts.' style='background-position: 36px 0;'>May</a></li>
<li><a href='http://artlung.com/blog/2003/06/' title='30 posts.' style='background-position: 30px 0;'>June</a></li>
<li><a href='http://artlung.com/blog/2003/07/' title='60 posts.' style='background-position: 60px 0;'>July</a></li>
<li><a href='http://artlung.com/blog/2003/08/' title='52 posts.' style='background-position: 52px 0;'>August</a></li>
<li><a href='http://artlung.com/blog/2003/09/' title='27 posts.' style='background-position: 27px 0;'>September</a></li>
<li><a href='http://artlung.com/blog/2003/10/' title='44 posts.' style='background-position: 44px 0;'>October</a></li>
<li><a href='http://artlung.com/blog/2003/11/' title='46 posts.' style='background-position: 46px 0;'>November</a></li>
<li><a href='http://artlung.com/blog/2003/12/' title='46 posts.' style='background-position: 46px 0;'>December</a></li></ul></div><div class="archiveYear"><h4><a href="/blog/2004/" title="401 posts in the year 2004.">2004</a></h4><ul><li><a href='http://artlung.com/blog/2004/01/' title='96 posts.' style='background-position: 96px 0;'>January</a></li>
<li><a href='http://artlung.com/blog/2004/02/' title='60 posts.' style='background-position: 60px 0;'>February</a></li>
<li><a href='http://artlung.com/blog/2004/03/' title='51 posts.' style='background-position: 51px 0;'>March</a></li>
<li><a href='http://artlung.com/blog/2004/04/' title='13 posts.' style='background-position: 13px 0;'>April</a></li>
<li><a href='http://artlung.com/blog/2004/05/' title='13 posts.' style='background-position: 13px 0;'>May</a></li>
<li><a href='http://artlung.com/blog/2004/06/' title='38 posts.' style='background-position: 38px 0;'>June</a></li>
<li><a href='http://artlung.com/blog/2004/07/' title='42 posts.' style='background-position: 42px 0;'>July</a></li>
<li><a href='http://artlung.com/blog/2004/08/' title='17 posts.' style='background-position: 17px 0;'>August</a></li>
<li><a href='http://artlung.com/blog/2004/09/' title='16 posts.' style='background-position: 16px 0;'>September</a></li>
<li><a href='http://artlung.com/blog/2004/10/' title='10 posts.' style='background-position: 10px 0;'>October</a></li>
<li><a href='http://artlung.com/blog/2004/11/' title='13 posts.' style='background-position: 13px 0;'>November</a></li>
<li><a href='http://artlung.com/blog/2004/12/' title='32 posts.' style='background-position: 32px 0;'>December</a></li></ul></div><div class="archiveYear"><h4><a href="/blog/2005/" title="337 posts in the year 2005.">2005</a></h4><ul><li><a href='http://artlung.com/blog/2005/01/' title='16 posts.' style='background-position: 16px 0;'>January</a></li>
<li><a href='http://artlung.com/blog/2005/02/' title='5 posts.' style='background-position: 5px 0;'>February</a></li>
<li><a href='http://artlung.com/blog/2005/03/' title='8 posts.' style='background-position: 8px 0;'>March</a></li>
<li><a href='http://artlung.com/blog/2005/04/' title='31 posts.' style='background-position: 31px 0;'>April</a></li>
<li><a href='http://artlung.com/blog/2005/05/' title='31 posts.' style='background-position: 31px 0;'>May</a></li>
<li><a href='http://artlung.com/blog/2005/06/' title='52 posts.' style='background-position: 52px 0;'>June</a></li>
<li><a href='http://artlung.com/blog/2005/07/' title='61 posts.' style='background-position: 61px 0;'>July</a></li>
<li><a href='http://artlung.com/blog/2005/08/' title='54 posts.' style='background-position: 54px 0;'>August</a></li>
<li><a href='http://artlung.com/blog/2005/09/' title='9 posts.' style='background-position: 9px 0;'>September</a></li>
<li><a href='http://artlung.com/blog/2005/10/' title='18 posts.' style='background-position: 18px 0;'>October</a></li>
<li><a href='http://artlung.com/blog/2005/11/' title='17 posts.' style='background-position: 17px 0;'>November</a></li>
<li><a href='http://artlung.com/blog/2005/12/' title='35 posts.' style='background-position: 35px 0;'>December</a></li></ul></div><div class="archiveYear"><h4><a href="/blog/2006/" title="341 posts in the year 2006.">2006</a></h4><ul><li><a href='http://artlung.com/blog/2006/01/' title='20 posts.' style='background-position: 20px 0;'>January</a></li>
<li><a href='http://artlung.com/blog/2006/02/' title='44 posts.' style='background-position: 44px 0;'>February</a></li>
<li><a href='http://artlung.com/blog/2006/03/' title='16 posts.' style='background-position: 16px 0;'>March</a></li>
<li><a href='http://artlung.com/blog/2006/04/' title='35 posts.' style='background-position: 35px 0;'>April</a></li>
<li><a href='http://artlung.com/blog/2006/05/' title='35 posts.' style='background-position: 35px 0;'>May</a></li>
<li><a href='http://artlung.com/blog/2006/06/' title='19 posts.' style='background-position: 19px 0;'>June</a></li>
<li><a href='http://artlung.com/blog/2006/07/' title='16 posts.' style='background-position: 16px 0;'>July</a></li>
<li><a href='http://artlung.com/blog/2006/08/' title='24 posts.' style='background-position: 24px 0;'>August</a></li>
<li><a href='http://artlung.com/blog/2006/09/' title='16 posts.' style='background-position: 16px 0;'>September</a></li>
<li><a href='http://artlung.com/blog/2006/10/' title='45 posts.' style='background-position: 45px 0;'>October</a></li>
<li><a href='http://artlung.com/blog/2006/11/' title='26 posts.' style='background-position: 26px 0;'>November</a></li>
<li><a href='http://artlung.com/blog/2006/12/' title='45 posts.' style='background-position: 45px 0;'>December</a></li></ul></div><div class="archiveYear"><h4><a href="/blog/2007/" title="381 posts in the year 2007.">2007</a></h4><ul><li><a href='http://artlung.com/blog/2007/01/' title='60 posts.' style='background-position: 60px 0;'>January</a></li>
<li><a href='http://artlung.com/blog/2007/02/' title='41 posts.' style='background-position: 41px 0;'>February</a></li>
<li><a href='http://artlung.com/blog/2007/03/' title='33 posts.' style='background-position: 33px 0;'>March</a></li>
<li><a href='http://artlung.com/blog/2007/04/' title='38 posts.' style='background-position: 38px 0;'>April</a></li>
<li><a href='http://artlung.com/blog/2007/05/' title='16 posts.' style='background-position: 16px 0;'>May</a></li>
<li><a href='http://artlung.com/blog/2007/06/' title='25 posts.' style='background-position: 25px 0;'>June</a></li>
<li><a href='http://artlung.com/blog/2007/07/' title='20 posts.' style='background-position: 20px 0;'>July</a></li>
<li><a href='http://artlung.com/blog/2007/08/' title='38 posts.' style='background-position: 38px 0;'>August</a></li>
<li><a href='http://artlung.com/blog/2007/09/' title='32 posts.' style='background-position: 32px 0;'>September</a></li>
<li><a href='http://artlung.com/blog/2007/10/' title='32 posts.' style='background-position: 32px 0;'>October</a></li>
<li><a href='http://artlung.com/blog/2007/11/' title='18 posts.' style='background-position: 18px 0;'>November</a></li>
<li><a href='http://artlung.com/blog/2007/12/' title='28 posts.' style='background-position: 28px 0;'>December</a></li></ul></div><div class="archiveYear"><h4><a href="/blog/2008/" title="292 posts in the year 2008.">2008</a></h4><ul><li><a href='http://artlung.com/blog/2008/01/' title='17 posts.' style='background-position: 17px 0;'>January</a></li>
<li><a href='http://artlung.com/blog/2008/02/' title='12 posts.' style='background-position: 12px 0;'>February</a></li>
<li><a href='http://artlung.com/blog/2008/03/' title='43 posts.' style='background-position: 43px 0;'>March</a></li>
<li><a href='http://artlung.com/blog/2008/04/' title='40 posts.' style='background-position: 40px 0;'>April</a></li>
<li><a href='http://artlung.com/blog/2008/05/' title='40 posts.' style='background-position: 40px 0;'>May</a></li>
<li><a href='http://artlung.com/blog/2008/06/' title='22 posts.' style='background-position: 22px 0;'>June</a></li>
<li><a href='http://artlung.com/blog/2008/07/' title='22 posts.' style='background-position: 22px 0;'>July</a></li>
<li><a href='http://artlung.com/blog/2008/08/' title='32 posts.' style='background-position: 32px 0;'>August</a></li>
<li><a href='http://artlung.com/blog/2008/09/' title='5 posts.' style='background-position: 5px 0;'>September</a></li>
<li><a href='http://artlung.com/blog/2008/10/' title='18 posts.' style='background-position: 18px 0;'>October</a></li>
<li><a href='http://artlung.com/blog/2008/11/' title='25 posts.' style='background-position: 25px 0;'>November</a></li>
<li><a href='http://artlung.com/blog/2008/12/' title='16 posts.' style='background-position: 16px 0;'>December</a></li></ul></div><div class="archiveYear"><h4><a href="/blog/2009/" title="61 posts in the year 2009.">2009</a></h4><ul><li><a href='http://artlung.com/blog/2009/01/' title='14 posts.' style='background-position: 14px 0;'>January</a></li>
<li><a href='http://artlung.com/blog/2009/02/' title='4 posts.' style='background-position: 4px 0;'>February</a></li>
<li><a href='http://artlung.com/blog/2009/03/' title='2 posts.' style='background-position: 2px 0;'>March</a></li>
<li><a href='http://artlung.com/blog/2009/04/' title='2 posts.' style='background-position: 2px 0;'>April</a></li>
<li><a href='http://artlung.com/blog/2009/05/' title='8 posts.' style='background-position: 8px 0;'>May</a></li>
<li><a href='http://artlung.com/blog/2009/06/' title='1 posts.' style='background-position: 1px 0;'>June</a></li>
<li><a href='http://artlung.com/blog/2009/07/' title='11 posts.' style='background-position: 11px 0;'>July</a></li>
<li><a href='http://artlung.com/blog/2009/08/' title='5 posts.' style='background-position: 5px 0;'>August</a></li>
<li><a href='http://artlung.com/blog/2009/09/' title='5 posts.' style='background-position: 5px 0;'>September</a></li>
<li><a href='http://artlung.com/blog/2009/10/' title='7 posts.' style='background-position: 7px 0;'>October</a></li>
<li><a href='http://artlung.com/blog/2009/11/' title='1 posts.' style='background-position: 1px 0;'>November</a></li>
<li><a href='http://artlung.com/blog/2009/12/' title='1 posts.' style='background-position: 1px 0;'>December</a></li></ul></div><div class="archiveYear"><h4><a href="/blog/2010/" title="121 posts in the year 2010.">2010</a></h4><ul><li><a href='http://artlung.com/blog/2010/01/' title='28 posts.' style='background-position: 28px 0;'>January</a></li>
<li><a href='http://artlung.com/blog/2010/02/' title='32 posts.' style='background-position: 32px 0;'>February</a></li>
<li><a href='http://artlung.com/blog/2010/03/' title='25 posts.' style='background-position: 25px 0;'>March</a></li>
<li><a href='http://artlung.com/blog/2010/04/' title='12 posts.' style='background-position: 12px 0;'>April</a></li>
<li><a href='http://artlung.com/blog/2010/05/' title='1 posts.' style='background-position: 1px 0;'>May</a></li>
<li><a href='http://artlung.com/blog/2010/06/' title='1 posts.' style='background-position: 1px 0;'>June</a></li>
<li><a href='http://artlung.com/blog/2010/07/' title='1 posts.' style='background-position: 1px 0;'>July</a></li>
<li><a href='http://artlung.com/blog/2010/08/' title='1 posts.' style='background-position: 1px 0;'>August</a></li>
<li><a href='http://artlung.com/blog/2010/09/' title='1 posts.' style='background-position: 1px 0;'>September</a></li>
<li><a href='http://artlung.com/blog/2010/10/' title='6 posts.' style='background-position: 6px 0;'>October</a></li>
<li><a href='http://artlung.com/blog/2010/11/' title='6 posts.' style='background-position: 6px 0;'>November</a></li>
<li><a href='http://artlung.com/blog/2010/12/' title='7 posts.' style='background-position: 7px 0;'>December</a></li></ul></div><div class="archiveYear"><h4><a href="/blog/2011/" title="94 posts in the year 2011.">2011</a></h4><ul><li><a href='http://artlung.com/blog/2011/01/' title='36 posts.' style='background-position: 36px 0;'>January</a></li>
<li><a href='http://artlung.com/blog/2011/02/' title='18 posts.' style='background-position: 18px 0;'>February</a></li>
<li><a href='http://artlung.com/blog/2011/03/' title='13 posts.' style='background-position: 13px 0;'>March</a></li>
<li><a href='http://artlung.com/blog/2011/04/' title='1 posts.' style='background-position: 1px 0;'>April</a></li>
<li><a href='http://artlung.com/blog/2011/05/' title='4 posts.' style='background-position: 4px 0;'>May</a></li>
<li><a href='http://artlung.com/blog/2011/06/' title='6 posts.' style='background-position: 6px 0;'>June</a></li>
<li><a href='http://artlung.com/blog/2011/07/' title='1 posts.' style='background-position: 1px 0;'>July</a></li>
<li><a href='http://artlung.com/blog/2011/08/' title='1 posts.' style='background-position: 1px 0;'>August</a></li>
<li><a href='http://artlung.com/blog/2011/09/' title='1 posts.' style='background-position: 1px 0;'>September</a></li>
<li><a href='http://artlung.com/blog/2011/10/' title='4 posts.' style='background-position: 4px 0;'>October</a></li>
<li><a href='http://artlung.com/blog/2011/11/' title='1 posts.' style='background-position: 1px 0;'>November</a></li>
<li><a href='http://artlung.com/blog/2011/12/' title='8 posts.' style='background-position: 8px 0;'>December</a></li></ul></div><div class="archiveYear"><h4><a href="/blog/2012/" title="72 posts in the year 2012.">2012</a></h4><ul><li><a href='http://artlung.com/blog/2012/01/' title='24 posts.' style='background-position: 24px 0;'>January</a></li>
<li><a href='http://artlung.com/blog/2012/02/' title='17 posts.' style='background-position: 17px 0;'>February</a></li>
<li><a href='http://artlung.com/blog/2012/03/' title='10 posts.' style='background-position: 10px 0;'>March</a></li>
<li><a href='http://artlung.com/blog/2012/04/' title='2 posts.' style='background-position: 2px 0;'>April</a></li>
<li><a href='http://artlung.com/blog/2012/05/' title='3 posts.' style='background-position: 3px 0;'>May</a></li>
<li><a href='http://artlung.com/blog/2012/06/' title='2 posts.' style='background-position: 2px 0;'>June</a></li>
<li><a href='http://artlung.com/blog/2012/07/' title='6 posts.' style='background-position: 6px 0;'>July</a></li>
<li><a href='http://artlung.com/blog/2012/08/' title='1 posts.' style='background-position: 1px 0;'>August</a></li>
<li><a href='http://artlung.com/blog/2012/09/' title='3 posts.' style='background-position: 3px 0;'>September</a></li>
<li><a href='http://artlung.com/blog/2012/10/' title='2 posts.' style='background-position: 2px 0;'>October</a></li>
<li><a href='http://artlung.com/blog/2012/11/' title='1 posts.' style='background-position: 1px 0;'>November</a></li>
<li><a href='http://artlung.com/blog/2012/12/' title='1 posts.' style='background-position: 1px 0;'>December</a></li></ul></div><div class="archiveYear"><h4><a href="/blog/2013/" title="75 posts in the year 2013.">2013</a></h4><ul><li><a href='http://artlung.com/blog/2013/01/' title='1 posts.' style='background-position: 1px 0;'>January</a></li>
<li><a href='http://artlung.com/blog/2013/02/' title='1 posts.' style='background-position: 1px 0;'>February</a></li>
<li><a href='http://artlung.com/blog/2013/03/' title='1 posts.' style='background-position: 1px 0;'>March</a></li>
<li><a href='http://artlung.com/blog/2013/04/' title='1 posts.' style='background-position: 1px 0;'>April</a></li>
<li><a href='http://artlung.com/blog/2013/05/' title='11 posts.' style='background-position: 11px 0;'>May</a></li>
<li><a href='http://artlung.com/blog/2013/06/' title='2 posts.' style='background-position: 2px 0;'>June</a></li>
<li><a href='http://artlung.com/blog/2013/07/' title='3 posts.' style='background-position: 3px 0;'>July</a></li>
<li><a href='http://artlung.com/blog/2013/08/' title='3 posts.' style='background-position: 3px 0;'>August</a></li>
<li><a href='http://artlung.com/blog/2013/10/' title='1 posts.' style='background-position: 1px 0;'>October</a></li>
<li><a href='http://artlung.com/blog/2013/11/' title='16 posts.' style='background-position: 16px 0;'>November</a></li>
<li><a href='http://artlung.com/blog/2013/12/' title='35 posts.' style='background-position: 35px 0;'>December</a></li></ul></div><div class="archiveYear"><h4><a href="/blog/2014/" title="152 posts in the year 2014.">2014</a></h4><ul><li><a href='http://artlung.com/blog/2014/01/' title='20 posts.' style='background-position: 20px 0;'>January</a></li>
<li><a href='http://artlung.com/blog/2014/02/' title='23 posts.' style='background-position: 23px 0;'>February</a></li>
<li><a href='http://artlung.com/blog/2014/03/' title='33 posts.' style='background-position: 33px 0;'>March</a></li>
<li><a href='http://artlung.com/blog/2014/04/' title='30 posts.' style='background-position: 30px 0;'>April</a></li>
<li><a href='http://artlung.com/blog/2014/05/' title='46 posts.' style='background-position: 46px 0;'>May</a></li></ul></div> </div>
</div>
</div>
<div style="border-width: 1px 0 1px 0;border-color: #ccc;background-color: transparent;border-style: solid;text-align: right;padding: 6px;">
<form role="search" method="get" id="searchform" class="searchform" action="http://artlung.com/blog/">
<div>
<label class="screen-reader-text" for="s">Search for:</label>
<input type="text" value="" name="s" id="s" />
<input type="submit" id="searchsubmit" value="Search" />
</div>
</form></div>
<div id="footer">
<p align="center"><a href="http://feeds.feedburner.com/artlung"><img src="http://feeds.feedburner.com/~fc/artlung?bg=FF9900&amp;fg=006600&amp;anim=0" height="52" width="176" style="border:0" alt="" /></a></p>
<!--begin facebook like code--><div align="center" style="text-align: center;padding: 10px;" class="opengraphprotocoltools-div"><iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fartlung.com%2Fblog&amp;layout=standard&amp;show_faces=true&amp;width=450&amp;action=like&amp;colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:450px; height:80px"></iframe></div><!--end facebook like code--> <p>&copy;1996-2014 <a href="http://joecrawford.com/">Joe Crawford</a></p>
</div>
</body>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment