schmidsi/tumblr-template.html

## tumblr-template.html
<html>
    <head>
        <title>{Title}</title>
        <link rel="shortcut icon" href="{Favicon}">
        <link rel="alternate" type="application/rss+xml" href="http://feeds.feedburner.com/zurheiterenmischung">

        <!-- of course, we use the fancy open webfont LaneNarrow. generate your own: http://www.fontsquirrel.com/fontface/generator -->
        <link rel="stylesheet" type="text/css" href="http://pushkinopen.s3.amazonaws.com/mixblog/media/fonts/stylesheet.css" >

        <!-- to save a lot of time, we use the blueprint css framework: http://blueprintcss.org/ -->
        <link rel="stylesheet" type="text/css" href="http://pushkinopen.s3.amazonaws.com/mixblog/media/css/screen.css" >

        <style type="text/css">
            body {
                font-family: 'LaneNarrow';
                color: #2f3540;
            }

            h1, h2, h3, h4, h5, p, div {
                color: #2f3540;
            }

            h1 {
                text-align: center;
            }

            hr {
                background-color: #d9d1c7;
                border: none;
                height: 3px;
            }

            ul {
                list-style-type: none;
                padding-left: 0px;
            }

            .audio_player {
                /*display: none;*/
            }

            /* hide everything else than the mixcloud embed */
            .post p {
                display: none;
            }

            #description {
                text-align: center;
            }

            .post {
                height: 310px;
                margin-bottom: 10px;
                background-color: #d9d1c7;
                overflow: hidden;
            }

            /* we dont care about browsers who doesn't support css3 selectors :p */
            .post:nth-child(3n) {
                margin-right: 0px;
            }

            .post iframe {
                height: 100%;
                width: 100%;
            }

            /*
            .post *, .post div * {
                display: none;
            }

            .post object, .post embed, .post div:first-of-type {x§
                display: block;
            }*/
        </style>

        <script type="text/javascript">
            // more stats!
          var _gaq = _gaq || [];
          _gaq.push(['_setAccount', 'UA-28085179-1']);
          _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';
            var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
          })();

        </script>

        {block:Description}
            <meta name="description" content="{MetaDescription}" />
        {/block:Description}
    </head>
    <body>
        <div class="container">
        <h1>{Title}</h1>

        <hr />
        {block:Description}
            <p id="description">{Description}</p>
        {/block:Description}

        <ul id="posts" class="span-24">
            {block:Posts}
                {block:Text}
                    <li class="post text span-8">
                        {Body}
                        {block:Title}
                            <h3><a href="{Permalink}">{Title}</a></h3>
                        {/block:Title}
                    </li>
                {/block:Text}

                {block:Video}
                    <li class="post video span-8">
                        {Video-500}

                        {block:Caption}
                            <div class="caption">{Caption}</div>
                        {/block:Caption}
                    </li>
                {/block:Video}

                {block:Audio}
                    <li class="post audio span-8">
                        {block:Caption}
                            {Caption}
                        {/block:Caption}
                        {AudioPlayerGrey}
                        {block:AlbumArt}
                            <img src="{AlbumArtURL}" alt="Album Art" class="span-8" />
                        {/block:AlbumArt}
                        {block:ExternalAudio}
                           <a href="{ExternalAudioURL}" class="external-audio" style="display: none;">Podcast link</a>
                        {/block:ExternalAudio}


                    </li>
                {/block:Audio}

            {/block:Posts}

        </ul>

        <hr />

        <p id="footer">
            {block:PreviousPage}
                <a href="{PreviousPage}">&#171; Previous</a>
            {/block:PreviousPage}

            {block:NextPage}
                <a href="{NextPage}">Next &#187;</a>
            {/block:NextPage}

            <a href="/archive">Archive</a>
        </p>
        </div>

    </body>
</html>
	<html>
	<head>
	<title>{Title}</title>
	<link rel="shortcut icon" href="{Favicon}">
	<link rel="alternate" type="application/rss+xml" href="http://feeds.feedburner.com/zurheiterenmischung">

	<!-- of course, we use the fancy open webfont LaneNarrow. generate your own: http://www.fontsquirrel.com/fontface/generator -->
	<link rel="stylesheet" type="text/css" href="http://pushkinopen.s3.amazonaws.com/mixblog/media/fonts/stylesheet.css" >

	<!-- to save a lot of time, we use the blueprint css framework: http://blueprintcss.org/ -->
	<link rel="stylesheet" type="text/css" href="http://pushkinopen.s3.amazonaws.com/mixblog/media/css/screen.css" >

	<style type="text/css">
	body {
	font-family: 'LaneNarrow';
	color: #2f3540;
	}

	h1, h2, h3, h4, h5, p, div {
	color: #2f3540;
	}

	h1 {
	text-align: center;
	}

	hr {
	background-color: #d9d1c7;
	border: none;
	height: 3px;
	}

	ul {
	list-style-type: none;
	padding-left: 0px;
	}

	.audio_player {
	/display: none;/
	}

	/* hide everything else than the mixcloud embed */
	.post p {
	display: none;
	}

	#description {
	text-align: center;
	}

	.post {
	height: 310px;
	margin-bottom: 10px;
	background-color: #d9d1c7;
	overflow: hidden;
	}

	/* we dont care about browsers who doesn't support css3 selectors :p */
	.post:nth-child(3n) {
	margin-right: 0px;
	}

	.post iframe {
	height: 100%;
	width: 100%;
	}

	/*
	.post , .post div {
	display: none;
	}

	.post object, .post embed, .post div:first-of-type {x§
	display: block;
	}*/
	</style>

	<script type="text/javascript">
	// more stats!
	var _gaq = _gaq \|\| [];
	_gaq.push(['_setAccount', 'UA-28085179-1']);
	_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';
	var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
	})();

	</script>

	{block:Description}
	<meta name="description" content="{MetaDescription}" />
	{/block:Description}
	</head>
	<body>
	<div class="container">
	<h1>{Title}</h1>

	<hr />
	{block:Description}
	<p id="description">{Description}</p>
	{/block:Description}

	<ul id="posts" class="span-24">
	{block:Posts}
	{block:Text}
	<li class="post text span-8">
	{Body}
	{block:Title}
	<h3><a href="{Permalink}">{Title}</a></h3>
	{/block:Title}
	</li>
	{/block:Text}

	{block:Video}
	<li class="post video span-8">
	{Video-500}

	{block:Caption}
	<div class="caption">{Caption}</div>
	{/block:Caption}
	</li>
	{/block:Video}

	{block:Audio}
	<li class="post audio span-8">
	{block:Caption}
	{Caption}
	{/block:Caption}
	{AudioPlayerGrey}
	{block:AlbumArt}
	<img src="{AlbumArtURL}" alt="Album Art" class="span-8" />
	{/block:AlbumArt}
	{block:ExternalAudio}
	<a href="{ExternalAudioURL}" class="external-audio" style="display: none;">Podcast link</a>
	{/block:ExternalAudio}



	</li>
	{/block:Audio}

	{/block:Posts}

	</ul>

	<hr />

	<p id="footer">
	{block:PreviousPage}
	<a href="{PreviousPage}">« Previous</a>
	{/block:PreviousPage}

	{block:NextPage}
	<a href="{NextPage}">Next »</a>
	{/block:NextPage}

	<a href="/archive">Archive</a>
	</p>
	</div>

	</body>
	</html>