nalanj/theme.html

## theme.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <!-- Based on langer.tumblr by langer, http://blog.mattlanger.com/, with some extra customizations by me,
         commondream -->
    <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>
    <link rel="icon" href="{Favicon}"/>
    <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}"/>
    <meta name="viewport" content="width=775"/> <!-- iPhone -->

    <meta name="text:Disqus Shortname" content="" />
    <meta name="text:Google Analytics ID" content="" />

    <style type="text/css">
        	body, html { background: #fff; margin:0px; padding:0px; border:0px; font-family: Georgia, 'Times New Roman', Times; font-size:16px; line-height:150%; color:#333; }
      pre { font-size: 10px; }
      a { color:#333; text-decoration: none; padding: 1px 2px; background: #f9fc7e; }
      a:hover { color: #666; background: none; }
      h1 { color:#666; font-weight: normal; margin-bottom:0px; }
      h1 a { background: #fff; }
      h2 { color:#666; font-weight: normal; margin-bottom:0px; }
      h3 { color:#666; font-weight: normal !important; margin-bottom:0px; }
      h4 { color:#666; font-weight: normal; margin-bottom:0px; }
      img { background: #fff !important; border: 1px solid #999; padding: 5px; margin: 0px; }
      img a { text-decoration: none !important; background: #fff !important; margin: 0px; }
      input { border: 1px solid #999; }
      .photo a, .disqus a { text-decoration: none !important; background: #fff !important; }
      .header { margin-bottom: 20px; }
      .wrapper { width: 520px; margin: auto; }
      .main { margin: 50px 0px; }
      .datetime { font-size: 12px; line-height: 150%; color: #666; position:relative; float:left; margin-left:-250px; padding-right: 25px; border-right: 1px solid #999; width: 200px; text-align: right; clear: both; }
      .navleft { font-size: 12px; position: relative; float: left; }
      .navright { font-size: 12px; position: relative; float: right; }
      .navcenter { font-size: 12px; text-align:center; width: 500px; }
      .datetime a { color: #666; }
      .post { padding-bottom: 30px; }
      .short_quote { margin: 0px; padding: 0px; font-size:62px; line-height: 110%; color: #666; }
      .medium_quote { margin: 0px; padding: 0px; font-size:36px; line-height: 115%; color: #666; }
      .long_quote { margin: 0px; padding: 0px; font-size:24px; line-height: 130%; color: #666; }
      a .notes { text-decoration: none !important; background: none; }
      .notes a { text-decoration: none !important; background: none; }
      img .notes { margin: 0px; padding: 3px; border: 1px solid #999; }
      .notes img { margin: 0px; padding: 3px; border: 1px solid #999; }
      .disqus { font-family: Georgia, 'Times New Roman', Times !important; size: 16px; line-height:150% !important; color:#333 !important; }

.regular_post_body img {
max-width: 100%;
}

.search_query {
    font-style: italic;
}

// custom css
h1 a { background: #fff; }
.datetime a { background: #fff; }
h2.regular a { background: #fff; }
.wrapper { width: 700px; }

.ad {
    background: #ddd;
    border-radius: 4px;
    padding: 3px 7px;
    margin: 35px 0;
}
.ad a {
    background: none;
    text-decoration: underline;
}

{CustomCSS}
    </style>
{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}

  <link href="https://dl.dropbox.com/u/53194239/commondream.net/github.css" rel="stylesheet" type="text/css">

  </head>
  <body>
    <div class="wrapper">
      <div class="header">
        <h1><a href="/">{Title}</a></h1>
        <p>{Description}</p>

        {block:IndexPage}
            <p class="ad">
                ☀ Get the weather in your inbox with
                <a href="http://hopefullysunny.com">Hopefully Sunny</a>!
            </p>
        {/block:IndexPage}
      </div>
      <div class="main">
        {block:SearchPage}
        <div class="post">
          <div class="datetime">
            {lang:SearchResultCount results}
          </div>
          {lang:Search results for SearchQuery 2}</h2>
        </div>
        {/block:SearchPage}
        {block:Posts}
        <div class="post">
          <div class="datetime">
            {block:Date}<a href="{Permalink}" class="date">{block:NewDayDate}{Month} {DayOfMonth}, {Year} at {/block:NewDayDate}{12Hour}:{Minutes}{AmPm}</a><br />
            {block:IfDisqusShortname}<a href="{Permalink}#disqus_thread"></a><br />{block:IfDisqusShortname}{/block:Date}
            {block:Pagination}
            <a href="{Permalink}">{NoteCountWithLabel}</a><br />
            {/block:Pagination}
            {block:SearchPage}
            <a href="{Permalink}">{NoteCountWithLabel}</a><br />
            {/block:SearchPage}
            {block:PermalinkPage}
            <a href="/">{lang:Home}</a><br />
            {/block:PermalinkPage}
            {block:RebloggedFrom}{lang:Reblogged from ReblogRootName 2}<br />{/block:RebloggedFrom}
          </div>
        {block:Regular}
          {block:Title}<h2 class="regular"><a href="{Permalink}">{Title}</a></h2>{/block:Title}
          <p style="regular_post_body">{Body}</p>
        {/block:Regular}

        {block:Photo}
          <span class="photo">{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" title="{PhotoAlt}">{LinkCloseTag}</span>
          <p>{Caption}</p>
        {/block:Photo}

        {block:Quote}
          <p><span class="{Length}_quote">{Quote}</span></p>
          {block:Source}<p>&mdash;&nbsp;{Source}</p>{/block:Source}
        {/block:Quote}

        {block:Video}
          {Video-500}
          <p>{Caption}</p>
        {/block:Video}

        {block:Audio}
          {AudioPlayerGrey}
          <p>{Caption}</p>
        {/block:Audio}

        {block:Link}
          <h2><a href="{URL}" {Target}>{Name}</a>&nbsp;&rarr;</h2>
          {block:Description}<p>{Description}</p>{/block:Description}
        {/block:Link}

        {block:Conversation}
          {block:Title}<h2>{Title}</h2>{/block:Title}
          <p>
          {block:Lines}
          {block:Label}<strong>{Label}</strong>{/block:Label} {Line}<br />
          {/block:Lines}
          </p>
        {/block:Conversation}

        {block:Answer}
          <h2 class="question">{Question}</h2>
          <p>&mdash;&nbsp;{Asker}</p>

          <p>{Answer}</p>
        {/block:Answer}

        </div>
        {/block:Posts}

        {block:PermalinkPage}
        {block:PostNotes}
        <div class="post">
          <h3>{lang:Notes}</h3>
          <p>{PostNotes}</p>
        </div>
        {/block:PostNotes}

        {block:IfDisqusShortname}
        <div class="post disqus">
            <div id="disqus_thread"></div>
            <script type="text/javascript" src="http://disqus.com/forums/{text:Disqus Shortname}/embed.js"></script>
            <noscript><a href="http://{text:Disqus Shortname}.disqus.com/?url=ref">{lang:View the discussion thread}</a></noscript>
        </div>
        {/block:IfDisqusShortname}
        {/block:PermalinkPage}


        {block:Pagination}
        {block:NextPage}
        <div class="navleft" style="text-transform:lowercase;">
          &larr;&nbsp;<a href="{NextPage}">{lang:Next}</a>
        </div>
        {/block:NextPage}
        {block:PreviousPage}
        <div class="navright" style="text-transform:lowercase;">
          <a href="{PreviousPage}">{lang:Previous}</a>&nbsp;&rarr;
        </div>
        {/block:PreviousPage}
        {/block:Pagination}
        {block:PermalinkPagination}
        {block:NextPost}
        <div class="navleft" style="text-transform:lowercase;">
          &larr;&nbsp;<a href="{NextPost}">{lang:Next post}</a>
        </div>
        {/block:NextPost}
        {block:PreviousPost}
        <div class="navright" style="text-transform:lowercase;">
          <a href="{PreviousPost}">{lang:Previous post}</a>&nbsp;&rarr;
        </div>
        {/block:PreviousPost}
        {/block:PermalinkPagination}

      </div>
      <div class="post">
        <div class="navcenter" style="text-transform:lowercase;">
          <form action="/search" method="get">
            <a href="/">{lang:Home}</a>&nbsp;&nbsp;<a href="/archive/">{lang:Archive}</a>&nbsp;&nbsp;<a href="/mobile">{lang:Mobile}</a>&nbsp;&nbsp;<a href="{RSS}">{lang:RSS}</a>&nbsp;&nbsp;<input type="text" name="q" value="{SearchQuery}"/>&nbsp;&nbsp;<input type="submit" value="{lang:Search}"/>
          </form>
        </div>
      </div>
      <div class="post">
        <div class="navcenter">
          Themed by <a href="http://langer.tumblr.com">langer</a>, <a href="https://gist.github.com/3157925">customized</a> by me, powered by <a href="http://www.tumblr.com">Tumblr</a>.
        </div>
      </div>
    </div>

    {block:IfDisqusShortname}
    <script type="text/javascript">
    //<![CDATA[
    (function() {
        var links = document.getElementsByTagName('a');
        var query = '?';
        for(var i = 0; i < links.length; i++) {
        if(links[i].href.indexOf('#disqus_thread') >= 0) {
            query += 'url' + i + '=' + encodeURIComponent(links[i].href) + '&';
        }
        }
        document.write('<script charset="utf-8" type="text/javascript" src="http://disqus.com/forums/{text:Disqus Shortname}/get_num_replies.js' + query + '"></' + 'script>');
    })();
    //]]>
    </script>
    {/block:IfDisqusShortname}

    <script type="text/javascript" src="https://dl.dropbox.com/u/53194239/commondream.net/rainbows.js"></script>
    <script src="//platform.twitter.com/widgets.js" charset="utf-8"></script>

{block:IfGoogleAnalyticsID}
<script type="text/javascript">
// <![CDATA[
	var _gaq = _gaq || [];
	_gaq.push(['_setAccount', '{text:Google Analytics ID}']);
	_gaq.push(['_trackPageview']);

	(function() {
		var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
		ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
		(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(ga);
	})();
// ]]>
</script>
{/block:IfGoogleAnalyticsID}
  </body>
</html>
	<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
	<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
	<!-- Based on langer.tumblr by langer, http://blog.mattlanger.com/, with some extra customizations by me,
	commondream -->
	<title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>
	<link rel="icon" href="{Favicon}"/>
	<link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}"/>
	<meta name="viewport" content="width=775"/> <!-- iPhone -->

	<meta name="text:Disqus Shortname" content="" />
	<meta name="text:Google Analytics ID" content="" />

	<style type="text/css">
	body, html { background: #fff; margin:0px; padding:0px; border:0px; font-family: Georgia, 'Times New Roman', Times; font-size:16px; line-height:150%; color:#333; }
	pre { font-size: 10px; }
	a { color:#333; text-decoration: none; padding: 1px 2px; background: #f9fc7e; }
	a:hover { color: #666; background: none; }
	h1 { color:#666; font-weight: normal; margin-bottom:0px; }
	h1 a { background: #fff; }
	h2 { color:#666; font-weight: normal; margin-bottom:0px; }
	h3 { color:#666; font-weight: normal !important; margin-bottom:0px; }
	h4 { color:#666; font-weight: normal; margin-bottom:0px; }
	img { background: #fff !important; border: 1px solid #999; padding: 5px; margin: 0px; }
	img a { text-decoration: none !important; background: #fff !important; margin: 0px; }
	input { border: 1px solid #999; }
	.photo a, .disqus a { text-decoration: none !important; background: #fff !important; }
	.header { margin-bottom: 20px; }
	.wrapper { width: 520px; margin: auto; }
	.main { margin: 50px 0px; }
	.datetime { font-size: 12px; line-height: 150%; color: #666; position:relative; float:left; margin-left:-250px; padding-right: 25px; border-right: 1px solid #999; width: 200px; text-align: right; clear: both; }
	.navleft { font-size: 12px; position: relative; float: left; }
	.navright { font-size: 12px; position: relative; float: right; }
	.navcenter { font-size: 12px; text-align:center; width: 500px; }
	.datetime a { color: #666; }
	.post { padding-bottom: 30px; }
	.short_quote { margin: 0px; padding: 0px; font-size:62px; line-height: 110%; color: #666; }
	.medium_quote { margin: 0px; padding: 0px; font-size:36px; line-height: 115%; color: #666; }
	.long_quote { margin: 0px; padding: 0px; font-size:24px; line-height: 130%; color: #666; }
	a .notes { text-decoration: none !important; background: none; }
	.notes a { text-decoration: none !important; background: none; }
	img .notes { margin: 0px; padding: 3px; border: 1px solid #999; }
	.notes img { margin: 0px; padding: 3px; border: 1px solid #999; }
	.disqus { font-family: Georgia, 'Times New Roman', Times !important; size: 16px; line-height:150% !important; color:#333 !important; }

	.regular_post_body img {
	max-width: 100%;
	}

	.search_query {
	font-style: italic;
	}

	// custom css
	h1 a { background: #fff; }
	.datetime a { background: #fff; }
	h2.regular a { background: #fff; }
	.wrapper { width: 700px; }

	.ad {
	background: #ddd;
	border-radius: 4px;
	padding: 3px 7px;
	margin: 35px 0;
	}
	.ad a {
	background: none;
	text-decoration: underline;
	}

	{CustomCSS}
	</style>
	{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}

	<link href="https://dl.dropbox.com/u/53194239/commondream.net/github.css" rel="stylesheet" type="text/css">

	</head>
	<body>
	<div class="wrapper">
	<div class="header">
	<h1><a href="/">{Title}</a></h1>
	<p>{Description}</p>

	{block:IndexPage}
	<p class="ad">
	☀ Get the weather in your inbox with
	<a href="http://hopefullysunny.com">Hopefully Sunny</a>!
	</p>
	{/block:IndexPage}
	</div>
	<div class="main">
	{block:SearchPage}
	<div class="post">
	<div class="datetime">
	{lang:SearchResultCount results}
	</div>
	{lang:Search results for SearchQuery 2}</h2>
	</div>
	{/block:SearchPage}
	{block:Posts}
	<div class="post">
	<div class="datetime">
	{block:Date}<a href="{Permalink}" class="date">{block:NewDayDate}{Month} {DayOfMonth}, {Year} at {/block:NewDayDate}{12Hour}:{Minutes}{AmPm}</a><br />
	{block:IfDisqusShortname}<a href="{Permalink}#disqus_thread"></a><br />{block:IfDisqusShortname}{/block:Date}
	{block:Pagination}
	<a href="{Permalink}">{NoteCountWithLabel}</a><br />
	{/block:Pagination}
	{block:SearchPage}
	<a href="{Permalink}">{NoteCountWithLabel}</a><br />
	{/block:SearchPage}
	{block:PermalinkPage}
	<a href="/">{lang:Home}</a><br />
	{/block:PermalinkPage}
	{block:RebloggedFrom}{lang:Reblogged from ReblogRootName 2}<br />{/block:RebloggedFrom}
	</div>
	{block:Regular}
	{block:Title}<h2 class="regular"><a href="{Permalink}">{Title}</a></h2>{/block:Title}
	<p style="regular_post_body">{Body}</p>
	{/block:Regular}

	{block:Photo}
	<span class="photo">{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" title="{PhotoAlt}">{LinkCloseTag}</span>
	<p>{Caption}</p>
	{/block:Photo}

	{block:Quote}
	<p><span class="{Length}_quote">{Quote}</span></p>
	{block:Source}<p>— {Source}</p>{/block:Source}
	{/block:Quote}

	{block:Video}
	{Video-500}
	<p>{Caption}</p>
	{/block:Video}

	{block:Audio}
	{AudioPlayerGrey}
	<p>{Caption}</p>
	{/block:Audio}

	{block:Link}
	<h2><a href="{URL}" {Target}>{Name}</a> →</h2>
	{block:Description}<p>{Description}</p>{/block:Description}
	{/block:Link}

	{block:Conversation}
	{block:Title}<h2>{Title}</h2>{/block:Title}
	<p>
	{block:Lines}
	{block:Label}<strong>{Label}</strong>{/block:Label} {Line}<br />
	{/block:Lines}
	</p>
	{/block:Conversation}

	{block:Answer}
	<h2 class="question">{Question}</h2>
	<p>— {Asker}</p>

	<p>{Answer}</p>
	{/block:Answer}

	</div>
	{/block:Posts}

	{block:PermalinkPage}
	{block:PostNotes}
	<div class="post">
	<h3>{lang:Notes}</h3>
	<p>{PostNotes}</p>
	</div>
	{/block:PostNotes}

	{block:IfDisqusShortname}
	<div class="post disqus">
	<div id="disqus_thread"></div>
	<script type="text/javascript" src="http://disqus.com/forums/{text:Disqus Shortname}/embed.js"></script>
	<noscript><a href="http://{text:Disqus Shortname}.disqus.com/?url=ref">{lang:View the discussion thread}</a></noscript>
	</div>
	{/block:IfDisqusShortname}
	{/block:PermalinkPage}


	{block:Pagination}
	{block:NextPage}
	<div class="navleft" style="text-transform:lowercase;">
	← <a href="{NextPage}">{lang:Next}</a>
	</div>
	{/block:NextPage}
	{block:PreviousPage}
	<div class="navright" style="text-transform:lowercase;">
	<a href="{PreviousPage}">{lang:Previous}</a> →
	</div>
	{/block:PreviousPage}
	{/block:Pagination}
	{block:PermalinkPagination}
	{block:NextPost}
	<div class="navleft" style="text-transform:lowercase;">
	← <a href="{NextPost}">{lang:Next post}</a>
	</div>
	{/block:NextPost}
	{block:PreviousPost}
	<div class="navright" style="text-transform:lowercase;">
	<a href="{PreviousPost}">{lang:Previous post}</a> →
	</div>
	{/block:PreviousPost}
	{/block:PermalinkPagination}

	</div>
	<div class="post">
	<div class="navcenter" style="text-transform:lowercase;">
	<form action="/search" method="get">
	<a href="/">{lang:Home}</a>  <a href="/archive/">{lang:Archive}</a>  <a href="/mobile">{lang:Mobile}</a>  <a href="{RSS}">{lang:RSS}</a>  <input type="text" name="q" value="{SearchQuery}"/>  <input type="submit" value="{lang:Search}"/>
	</form>
	</div>
	</div>
	<div class="post">
	<div class="navcenter">
	Themed by <a href="http://langer.tumblr.com">langer</a>, <a href="https://gist.github.com/3157925">customized</a> by me, powered by <a href="http://www.tumblr.com">Tumblr</a>.
	</div>
	</div>
	</div>

	{block:IfDisqusShortname}
	<script type="text/javascript">
	//<![CDATA[
	(function() {
	var links = document.getElementsByTagName('a');
	var query = '?';
	for(var i = 0; i < links.length; i++) {
	if(links[i].href.indexOf('#disqus_thread') >= 0) {
	query += 'url' + i + '=' + encodeURIComponent(links[i].href) + '&';
	}
	}
	document.write('<script charset="utf-8" type="text/javascript" src="http://disqus.com/forums/{text:Disqus Shortname}/get_num_replies.js' + query + '"></' + 'script>');
	})();
	//]]>
	</script>
	{/block:IfDisqusShortname}

	<script type="text/javascript" src="https://dl.dropbox.com/u/53194239/commondream.net/rainbows.js"></script>
	<script src="//platform.twitter.com/widgets.js" charset="utf-8"></script>

	{block:IfGoogleAnalyticsID}
	<script type="text/javascript">
	// <![CDATA[
	var _gaq = _gaq \|\| [];
	_gaq.push(['_setAccount', '{text:Google Analytics ID}']);
	_gaq.push(['_trackPageview']);

	(function() {
	var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
	ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
	(document.getElementsByTagName('head')[0] \|\| document.getElementsByTagName('body')[0]).appendChild(ga);
	})();
	// ]]>
	</script>
	{/block:IfGoogleAnalyticsID}
	</body>
	</html>