Tumblr Custom Theme Framework - HTML Snipplr Social Repository

Revision: 40091

at August 22, 2012 23:02 by apaunchev

Updated Code

<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">

		<title>{Title}{block:PostSummary} &mdash; {PostSummary}{/block:PostSummary}</title>

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

		<link rel="shortcut icon" href="{Favicon}">
		<link rel="apple-touch-icon" href="{PortraitURL-128}">
		
		<link rel="alternate" type="application/rss+xml" href="{RSS}">
		
		<!--[if lt IE 9]>
			<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
		<![endif]-->

		<style>
			{CustomCSS}
		</style>
	</head>

	<body>
		<header>
			<h1><a href="/">{Title}</a></h1>

			{block:Description}
				<p>{Description}</p>
			{/block:Description}
		</header>

		<div class="content">
			<section class="posts">
				{block:NoSearchResults}
					<h4>Sorry, nothing found for &ldquo;{SearchQuery}&rdquo;.</h4>
				{/block:NoSearchResults}

				{block:TagPage}
					<h4>Posts tagged &lsquo;{Tag}&rsquo;</h4>
				{/block:TagPage}

				{block:Posts}
					<article class="post {PostType}">
						{block:Text}
							{block:Title}
								<h2>{Title}</h2>
							{/block:Title}
							
							{Body}
						{/block:Text}

						{block:Photo}
							{LinkOpenTag}
								<img src="{PhotoURL-500}" alt="{PhotoAlt}">
							{LinkCloseTag}

							{block:HighRes}
								<a href="{PhotoURL-HighRes}">View in high-res</a>
							{/block:HighRes}

							{block:Exif}
								<dl>
									{block:Camera}
										<dt>Camera:</dt>
										<dd>{Camera}</dd>
									{/block:Camera}
									
									{block:Aperture}
										<dt>Aperture:</dt>
										<dd>{Aperture}</dd>
									{/block:Aperture}
									
									{block:Exposure}
										<dt>Exposure:</dt>
										<dd>{Exposure}</dd>
									{/block:Exposure}
									
									{block:FocalLength}
										<dt>Focal Length:</dt>
										<dd>{FocalLength}</dd>
									{/block:FocalLength}
								</dl>
							{/block:Exif}
								
							{block:Caption}
								{Caption}
							{/block:Caption}
						{/block:Photo}

						{block:Photoset}
							{Photoset-500}

							{block:Caption}
								{Caption}
							{/block:Caption}
						{/block:Photoset}

						{block:Quote}
							<blockquote>
								<p>{Quote}</p>

								{block:Source}
									<b class="source">{Source}</b>
								{/block:Source}
							</blockquote>
						{/block:Quote}

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

							{block:Description}
								{Description}
							{/block:Description}
						{/block:Link}

						{block:Chat}
							{block:Title}
								<h2>{Title}</h2>
							{/block:Title}

							<ul>
								{block:Lines}
									<li class="{Alt}">
										{block:Label}
										    <b>{Label}</b>
										{/block:Label}

										{Line}
									</li>
								{/block:Lines}
							</ul>
						{/block:Chat}

						{block:Audio}
							{block:AudioEmbed}
								{AudioEmbed-500}
							{/block:AudioEmbed}

							{block:AudioPlayer}
								{block:AlbumArt}
									<img src="{AlbumArtURL}" alt="Album Art">
								{/block:AlbumArt}

								{AudioPlayerBlack}

								{block:ExternalAudio}
									<a href="{ExternalAudioURL}">Download</a>
								{/block:ExternalAudio}
							{/block:AudioPlayer}

							{block:Caption}
								{Caption}
							{/block:Caption}
						{/block:Audio}

						{block:Video}
							{Video-500}

							{block:Caption}
								{Caption}
							{/block:Caption}
						{/block:Video}

						{block:Answer}
							<h2>{Asker} asked: <q>{Question}</q></h2>

							{Answer}
						{/block:Answer}

						{block:Date}
							<footer>
								<ul>
									<li><a href="{Permalink}" title="{DayOfWeek}, {DayOfMonth} {Month} {Year}, {24Hour}:{Minutes}:{Seconds}">{TimeAgo}</a></li>
									{block:NoteCount}<li><a href="{Permalink}">{NoteCountWithLabel}</a></li>{/block:NoteCount}
									{block:HasTags}
										<li>Tags:
											<ul>
												{block:Tags}
													<li>
														<a href="{TagURL}">{Tag}</a>
													</li>
												{/block:Tags}
											</ul>
										</li>
									{/block:HasTags}
									{block:RebloggedFrom}<li>Reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a></li>{/block:RebloggedFrom}
									{block:ContentSource}
										<li>Source:
											<a href="{SourceURL}">
												{block:SourceLogo}
													<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}">
												{/block:SourceLogo}

												{block:NoSourceLogo}
													{SourceTitle}
												{/block:NoSourceLogo}
											</a>
										</li>
									{/block:ContentSource}
								</ul>
							</footer>
						{/block:Date}
					</article> <!-- /post -->

					{block:PostNotes}
						{PostNotes}
					{/block:PostNotes}
				{/block:Posts}

				{block:PermalinkPagination}
					<nav>
						{block:PreviousPost}
							<a href="{PreviousPost}">&larr; Previous Post</a>
						{/block:PreviousPost}
						
						{block:NextPost}
							<a href="{NextPost}">Next post &rarr;</a>
						{/block:NextPost}
					</nav>
				{/block:PermalinkPagination}
				
				{block:Pagination}
					<nav>
						{block:PreviousPage}
							<a href="{PreviousPage}">&larr; Previous</a>
						{/block:PreviousPage}
						
						<span>{CurrentPage}/{TotalPages}</span>
						
						{block:NextPage}
							<a href="{NextPage}">Next &rarr;</a>
						{/block:NextPage}
					</nav>
				{/block:Pagination}
			</section> <!-- /posts -->
		</div> <!-- /content -->
		
		<footer>
			<ul>
				{block:HasPages}
					{block:Pages}
						<li><a href="{URL}">{Label}</a></li>
					{/block:Pages}
				{/block:HasPages}
				{block:SubmissionsEnabled}<li><a href="/submit">{SubmitLabel}</a></li>{/block:SubmissionsEnabled}
				{block:AskEnabled}<li><a href="/ask">{AskLabel}</a></li>{/block:AskEnabled}
				<li><a href="/archive">Archive</a></li>
				<li><a href="{RSS}">RSS feed</a></li>
			</ul>
			
			<p>Powered by <a href="http://www.tumblr.com/">Tumblr</a>.</p>
		</footer>
	</body>
</html>

Revision: 40090

at August 20, 2012 14:40 by apaunchev

Updated Code

<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">

		{block:Description}<meta name="description" content="{MetaDescription}">{/block:Description}
		
		<title>{Title}{block:PostSummary} &mdash; {PostSummary}{/block:PostSummary}</title>

		<link rel="shortcut icon" href="{Favicon}">
		<link rel="apple-touch-icon" href="{PortraitURL-128}">
		
		<link rel="alternate" type="application/rss+xml" href="{RSS}">
		
		<!--[if lt IE 9]>
			<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
		<![endif]-->

		<style>
			{CustomCSS}
		</style>
	</head>

	<body>
		<header>
			<h1><a href="/">{Title}</a></h1>

			{block:Description}
				<p>{Description}</p>
			{/block:Description}
		</header>

		<div class="content">
			<section class="posts">
				{block:NoSearchResults}
					<h4>Sorry, nothing found for &ldquo;{SearchQuery}&rdquo;.</h4>
				{/block:NoSearchResults}

				{block:TagPage}
					<h4>Posts tagged &lsquo;{Tag}&rsquo;</h4>
				{/block:TagPage}

				{block:Posts}
					<article class="post {PostType}">
						{block:Text}
							{block:Title}
								<h2>{Title}</h2>
							{/block:Title}
							
							{Body}
						{/block:Text}

						{block:Photo}
							{LinkOpenTag}
								<img src="{PhotoURL-500}" alt="{PhotoAlt}">
							{LinkCloseTag}

							{block:HighRes}
								<a href="{PhotoURL-HighRes}">View in high-res</a>
							{/block:HighRes}

							{block:Exif}
								<dl>
									{block:Camera}
										<dt>Camera:</dt>
										<dd>{Camera}</dd>
									{/block:Camera}
									
									{block:Aperture}
										<dt>Aperture:</dt>
										<dd>{Aperture}</dd>
									{/block:Aperture}
									
									{block:Exposure}
										<dt>Exposure:</dt>
										<dd>{Exposure}</dd>
									{/block:Exposure}
									
									{block:FocalLength}
										<dt>Focal Length:</dt>
										<dd>{FocalLength}</dd>
									{/block:FocalLength}
								</dl>
							{/block:Exif}
								
							{block:Caption}
								{Caption}
							{/block:Caption}
						{/block:Photo}

						{block:Photoset}
							{Photoset-500}

							{block:Caption}
								{Caption}
							{/block:Caption}
						{/block:Photoset}

						{block:Quote}
							<blockquote>
								<p>{Quote}</p>

								{block:Source}
									<b class="source">{Source}</b>
								{/block:Source}
							</blockquote>
						{/block:Quote}

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

							{block:Description}
								{Description}
							{/block:Description}
						{/block:Link}

						{block:Chat}
							{block:Title}
								<h2>{Title}</h2>
							{/block:Title}

							<ul>
								{block:Lines}
									<li class="{Alt}">
										{block:Label}
											<b>{Label}</b>
										{/block:Label}

										{Line}
									</li>
								{/block:Lines}
							</ul>
						{/block:Chat}

						{block:Audio}
							{block:AudioEmbed}
								{AudioEmbed-500}
							{/block:AudioEmbed}

							{block:AudioPlayer}
								{block:AlbumArt}
									<img src="{AlbumArtURL}" alt="Album Art">
								{/block:AlbumArt}

								{AudioPlayerBlack}

								{block:ExternalAudio}
									<a href="{ExternalAudioURL}">Download</a>
								{/block:ExternalAudio}
							{/block:AudioPlayer}

							{block:Caption}
								{Caption}
							{/block:Caption}
						{/block:Audio}

						{block:Video}
							{Video-500}

							{block:Caption}
								{Caption}
							{/block:Caption}
						{/block:Video}

						{block:Answer}
							<h2>{Asker} asked: <q>{Question}</q></h2>

							{Answer}
						{/block:Answer}

						{block:Date}
							<footer>
								<ul>
									<li><a href="{Permalink}" title="{DayOfWeek}, {DayOfMonth} {Month} {Year}, {24Hour}:{Minutes}:{Seconds}">{TimeAgo}</a></li>
									{block:NoteCount}<li><a href="{Permalink}">{NoteCountWithLabel}</a></li>{/block:NoteCount}
									{block:HasTags}
										<li>Tags:
											<ul>
												{block:Tags}
													<li>
														<a href="{TagURL}">{Tag}</a>
													</li>
												{/block:Tags}
											</ul>
										</li>
									{/block:HasTags}
									{block:RebloggedFrom}<li>Reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a></li>{/block:RebloggedFrom}
									{block:ContentSource}
										<li>Source:
											<a href="{SourceURL}">
												{block:SourceLogo}
													<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}">
												{/block:SourceLogo}

												{block:NoSourceLogo}
													{SourceTitle}
												{/block:NoSourceLogo}
											</a>
										</li>
									{/block:ContentSource}
								</ul>
							</footer>
						{/block:Date}
					</article> <!-- /post -->

					{block:PostNotes}
						{PostNotes}
					{/block:PostNotes}
				{/block:Posts}

				{block:PermalinkPagination}
					<nav>
						{block:PreviousPost}
							<a href="{PreviousPost}">&larr; Previous Post</a>
						{/block:PreviousPost}
						
						{block:NextPost}
							<a href="{NextPost}">Next post &rarr;</a>
						{/block:NextPost}
					</nav>
				{/block:PermalinkPagination}
				
				{block:Pagination}
					<nav>
						{block:PreviousPage}
							<a href="{PreviousPage}">&larr; Previous</a>
						{/block:PreviousPage}
						
						<span>{CurrentPage}/{TotalPages}</span>
						
						{block:NextPage}
							<a href="{NextPage}">Next &rarr;</a>
						{/block:NextPage}
					</nav>
				{/block:Pagination}
			</section> <!-- /posts -->
		</div> <!-- /content -->
		
		<footer>
			<ul>
				{block:HasPages}
					{block:Pages}
						<li><a href="{URL}">{Label}</a></li>
					{/block:Pages}
				{/block:HasPages}
				{block:SubmissionsEnabled}<li><a href="/submit">{SubmitLabel}</a></li>{/block:SubmissionsEnabled}
				{block:AskEnabled}<li><a href="/ask">{AskLabel}</a></li>{/block:AskEnabled}
				<li><a href="/archive">Archive</a></li>
				<li><a href="{RSS}">RSS feed</a></li>
			</ul>
			
			<p>Powered by <a href="http://www.tumblr.com/">Tumblr</a>.</p>
		</footer>
	</body>
</html>

Revision: 40089

at August 8, 2012 23:23 by apaunchev

Updated Code

<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">

		{block:Description}<meta name="description" content="{MetaDescription}">{/block:Description}
		
		<title>{Title}{block:PostSummary} &mdash; {PostSummary}{/block:PostSummary}</title>

		<link rel="shortcut icon" href="{Favicon}">
		<link rel="apple-touch-icon" href="{PortraitURL-128}">
		
		<link rel="alternate" type="application/rss+xml" href="{RSS}">
		
		<!--[if lt IE 9]>
			<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
		<![endif]-->

		<style>
			{CustomCSS}
		</style>
	</head>

	<body>
		<header>
			<h1><a href="/">{Title}</a></h1>

			{block:Description}
				<p>{Description}</p>
			{/block:Description}
		</header>

		<div class="content">
			<section class="posts">
				{block:NoSearchResults}
					<h4>Sorry, nothing found for &ldquo;{SearchQuery}&rdquo;.</h4>
				{/block:NoSearchResults}

				{block:TagPage}
					<h4>Posts tagged &lsquo;{Tag}&rsquo;</h4>
				{/block:TagPage}

				{block:Posts}
					<article class="post {PostType}">
						{block:Text}
							{block:Title}
								<h2>{Title}</h2>
							{/block:Title}
							
							{Body}
						{/block:Text}

						{block:Photo}
							{LinkOpenTag}
								<img src="{PhotoURL-500}" alt="{PhotoAlt}">
							{LinkCloseTag}

							{block:HighRes}
								<a href="{PhotoURL-HighRes}">View in high-res</a>
							{/block:HighRes}

							{block:Exif}
								<dl>
									{block:Camera}
										<dt>Camera:</dt>
										<dd>{Camera}</dd>
									{/block:Camera}
									
									{block:Aperture}
										<dt>Aperture:</dt>
										<dd>{Aperture}</dd>
									{/block:Aperture}
									
									{block:Exposure}
										<dt>Exposure:</dt>
										<dd>{Exposure}</dd>
									{/block:Exposure}
									
									{block:FocalLength}
										<dt>Focal Length:</dt>
										<dd>{FocalLength}</dd>
									{/block:FocalLength}
								</dl>
							{/block:Exif}
								
							{block:Caption}
								{Caption}
							{/block:Caption}
						{/block:Photo}

						{block:Photoset}
							{Photoset-500}

							{block:Caption}
								{Caption}
							{/block:Caption}
						{/block:Photoset}

						{block:Quote}
							<blockquote>
								<p>{Quote}</p>

								{block:Source}
									<b class="source">{Source}</b>
								{/block:Source}
							</blockquote>
						{/block:Quote}

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

							{block:Description}
								{Description}
							{/block:Description}
						{/block:Link}

						{block:Chat}
							{block:Title}
								<h2>{Title}</h2>
							{/block:Title}

							<ul>
	                            {block:Lines}
	                                <li class="{Alt}">
	                                    {block:Label}
	                                        <b>{Label}</b>
	                                    {/block:Label}

	                                    {Line}
	                                </li>
	                            {/block:Lines}
	                        </ul>
						{/block:Chat}

						{block:Audio}
							{block:AudioEmbed}
								{AudioEmbed-500}
							{/block:AudioEmbed}

							{block:AudioPlayer}
								{block:AlbumArt}
									<img src="{AlbumArtURL}" alt="Album Art">
								{/block:AlbumArt}

								{AudioPlayerBlack}

								{block:ExternalAudio}
									<a href="{ExternalAudioURL}">Download</a>
								{/block:ExternalAudio}
							{/block:AudioPlayer}

							{block:Caption}
								{Caption}
							{/block:Caption}
						{/block:Audio}

						{block:Video}
							{Video-500}

							{block:Caption}
								{Caption}
							{/block:Caption}
						{/block:Video}

						{block:Answer}
							<h2>{Asker} asked: <q>{Question}</q></h2>

							{Answer}
						{/block:Answer}

						{block:Date}
							<footer>
								<ul>
									<li><a href="{Permalink}" title="{DayOfWeek}, {DayOfMonth} {Month} {Year}, {24Hour}:{Minutes}:{Seconds}">{TimeAgo}</a></li>
									{block:NoteCount}<li><a href="{Permalink}">{NoteCountWithLabel}</a></li>{/block:NoteCount}
									{block:HasTags}
										<li>Tags:
											<ul>
												{block:Tags}
													<li>
														<a href="{TagURL}">{Tag}</a>
													</li>
												{/block:Tags}
											</ul>
										</li>
									{/block:HasTags}
									{block:RebloggedFrom}<li>Reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a></li>{/block:RebloggedFrom}
									{block:ContentSource}
										<li>Source:
											<a href="{SourceURL}">
												{block:SourceLogo}
													<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}">
												{/block:SourceLogo}

												{block:NoSourceLogo}
													{SourceTitle}
												{/block:NoSourceLogo}
											</a>
										</li>
									{/block:ContentSource}
								</ul>
							</footer>
						{/block:Date}
					</article> <!-- /post -->

					{block:PostNotes}
						{PostNotes}
					{/block:PostNotes}
				{/block:Posts}

				{block:PermalinkPagination}
					<nav>
						{block:PreviousPost}
							<a href="{PreviousPost}">&larr; Previous Post</a>
						{/block:PreviousPost}
						
						{block:NextPost}
							<a href="{NextPost}">Next post &rarr;</a>
						{/block:NextPost}
					</nav>
				{/block:PermalinkPagination}
				
				{block:Pagination}
					<nav>
						{block:PreviousPage}
							<a href="{PreviousPage}">&larr; Previous</a>
						{/block:PreviousPage}
						
						<span>{CurrentPage}/{TotalPages}</span>
						
						{block:NextPage}
							<a href="{NextPage}">Next &rarr;</a>
						{/block:NextPage}
					</nav>
				{/block:Pagination}
			</section> <!-- /posts -->
		</div> <!-- /content -->
		
		<footer>
			<ul>
				{block:HasPages}
					{block:Pages}
						<li><a href="{URL}">{Label}</a></li>
					{/block:Pages}
				{/block:HasPages}
				{block:SubmissionsEnabled}<li><a href="/submit">{SubmitLabel}</a></li>{/block:SubmissionsEnabled}
				{block:AskEnabled}<li><a href="/ask">{AskLabel}</a></li>{/block:AskEnabled}
				<li><a href="/archive">Archive</a></li>
				<li><a href="{RSS}">RSS feed</a></li>
			</ul>
			
			<p>Powered by <a href="http://www.tumblr.com/">Tumblr</a>.</p>
		</footer>
	</body>
</html>

Revision: 40088

at August 22, 2011 16:54 by apaunchev

Updated Code

<!DOCTYPE html>
<html lang="en">
	<head>
		<!--
			Tumblr Custom Theme Framework, v1.2 (21/08/2011)
			Author: Angel Paunchev (http://paunchev.net)
			
			Use this framework as a starting point for your custom Tumblr themes.

			Main features include:

			* semantic HTML5 markup;
			* compressed version of Eric Meyer's CSS reset (http://meyerweb.com/eric/tools/css/reset/);
			* support for all post types, including Photosets and Answers;
			* support for Ask and Submit links.
			
			Modfiy and use however you like.
		-->
		
		<meta charset="utf-8">
		{block:Description}<meta name="description" content="{MetaDescription}">{/block:Description}
		
		<title>{Title}{block:PostSummary} &mdash; {PostSummary}{/block:PostSummary}</title>

		<link rel="shortcut icon" href="{Favicon}">
		<link rel="apple-touch-icon" href="{PortraitURL-128}">
		
		<link rel="alternate" type="application/rss+xml" href="{RSS}">
		
		<!--[if lt IE 9]>
			<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
		<![endif]-->

		<style>
			/* RESET */
			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{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}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:none}table{border-collapse:collapse;border-spacing:0}
			
			/* MAIN */
			
			
			{CustomCSS}
		</style>
	</head>

	<body>
		<header>
			<h1>{Title}</h1>

			{block:Description}<p>{Description}</p>{/block:Description}
		</header>

		<div class="content">
			<section class="posts">
				{block:Posts}{block:Text}<article class="post text">
					{block:Title}<h2><a href="{Permalink}">{Title}</a></h2>{/block:Title}
					
					{Body}
				</article>{/block:Text}
				
				{block:Photo}<article class="post photo">
					<figure>
						<img src="{PhotoURL-500}" alt="{PhotoAlt}">
						
						{block:Caption}<figcaption>{Caption}</figcaption>{/block:Caption}
					</figure>
				</article>{/block:Photo}
				
				{block:Photoset}<article class="post photoset">
					<figure>
						{Photoset-500}
						
						{block:Caption}<figcaption>{Caption}</figcaption>{/block:Caption}
					</figure>
				</artlcle>{/block:Photoset}
				
				{block:Quote}<article class="post quote">
					<blockquote>
						<p>
							{Quote}
							
							{block:Source}<b>{Source}</b>{/block:Source}
						</p>
					</blockquote>
				</article>{/block:Quote}
				
				{block:Link}<article class="post link">
					<a href="{URL}"{Target}>{Name}</a>
					
					{block:Description}<p class="description">{Description}</p>{/block:Description}
				</article>{/block:Link}
				
				{block:Chat}<article class="post chat">
					{block:Title}<h2><a href="{Permalink}">{Title}</a></h2>{/block:Title}
					
					<ul>
						{block:Lines}<li class="{Alt} user_{UserNumber}">
							{block:Label}<b>{Label}</b>{/block:Label}
							
							{Line}
						</li>{/block:Lines}
					</ul>
				</article>{/block:Chat}
				
				{block:Video}<article class="post video">
					<figure>
						{Video-500}
						
						{block:Caption}<figcaption>{Caption}</figcaption>{/block:Caption}
					</figure>
				</article>{/block:Video}
				
				{block:Audio}<article class="post audio">
					<figure>
						{AudioPlayerBlack}
						
						{block:Caption}<figcaption>{Caption}</figcaption>{/block:Caption}
					</figure>
				</article>{/block:Audio}
				
				{block:Answer}<article class="post answer">
					<blockquote class="ask-question">
						<p>
							&ldquo;{Question}&rdquo;
							<b>&ndash; asked by {Asker}</b>
						</p>
					</blockquote>
					
					<blockquote class="ask-answer">
						{Answer}
					</blockquote>
				</article>{/block:Answer}{/block:Posts}
				
				{block:Pagination}<nav class="pagination">
					{block:PreviousPage}<a href="{PreviousPage}">&larr; Previous</a>{/block:PreviousPage}
					
					<span>{CurrentPage}/{TotalPages}</span>
					
					{block:NextPage}<a href="{NextPage}">Next &rarr;</a>{/block:NextPage}
				</nav>{/block:Pagination}
			</section>
		</div>
		
		<footer>
			<ul class="footer-links">
				<li><a href="/archive">Archive</a></li>
				<li><a href="{RSS}">RSS</a></li>
				{block:AskEnabled}<li><a href="/ask">Ask</a></li>{/block:AskEnabled}
				{block:SubmissionsEnabled}<li><a href="/submit">Submit</a></li>{/block:SubmissionsEnabled}
			</ul>
			
			<p class="copyright">Powered by <a href="http://www.tumblr.com/">Tumblr</a>.</p>
		</footer>
	</body>
</html>

Revision: 40087

at August 22, 2011 07:46 by apaunchev

Updated Code

<!DOCTYPE html>
<html lang="en">
	<head>
		<!--
			Tumblr Custom Theme Framework, v1.2 (21/08/2011)
			Author: Angel Paunchev (http://paunchev.net)
			
			Use this framework as a starting point for your custom Tumblr themes.
			Main features include:
				- semantic HTML5 markup;
				- compressed version of Eric Meyer's CSS reset (http://meyerweb.com/eric/tools/css/reset/);
				- support for all post types, including Photosets and Answers;
				- support for Ask and Submit links.
			
			Modfiy and use however you like.
		-->
		
		<meta charset="utf-8">
		{block:Description}<meta name="description" content="{MetaDescription}">{/block:Description}
		
		<title>{Title}{block:PostSummary} &mdash; {PostSummary}{/block:PostSummary}</title>

		<link rel="shortcut icon" href="{Favicon}">
		<link rel="apple-touch-icon" href="{PortraitURL-128}">
		
		<link rel="alternate" type="application/rss+xml" href="{RSS}">
		
		<!--[if lt IE 9]>
			<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
		<![endif]-->

		<style>
			/* RESET */
			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{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}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:none}table{border-collapse:collapse;border-spacing:0}
			
			/* MAIN */
			
			
			{CustomCSS}
		</style>
	</head>

	<body>
		<header>
			<h1>{Title}</h1>

			{block:Description}<p>{Description}</p>{/block:Description}
		</header>

		<div class="content">
			<section class="posts">
				{block:Posts}{block:Text}<article class="post text">
					{block:Title}<h2><a href="{Permalink}">{Title}</a></h2>{/block:Title}
					
					{Body}
				</article>{/block:Text}
				
				{block:Photo}<article class="post photo">
					<figure>
						<img src="{PhotoURL-500}" alt="{PhotoAlt}">
						
						{block:Caption}<figcaption>{Caption}</figcaption>{/block:Caption}
					</figure>
				</article>{/block:Photo}
				
				{block:Photoset}<article class="post photoset">
					<figure>
						{Photoset-500}
						
						{block:Caption}<figcaption>{Caption}</figcaption>{/block:Caption}
					</figure>
				</artlcle>{/block:Photoset}
				
				{block:Quote}<article class="post quote">
					<blockquote>
						<p>
							{Quote}
							
							{block:Source}<b>{Source}</b>{/block:Source}
						</p>
					</blockquote>
				</article>{/block:Quote}
				
				{block:Link}<article class="post link">
					<a href="{URL}"{Target}>{Name}</a>
					
					{block:Description}<p class="description">{Description}</p>{/block:Description}
				</article>{/block:Link}
				
				{block:Chat}<article class="post chat">
					{block:Title}<h2><a href="{Permalink}">{Title}</a></h2>{/block:Title}
					
					<ul>
						{block:Lines}<li class="{Alt} user_{UserNumber}">
							{block:Label}<b>{Label}</b>{/block:Label}
							
							{Line}
						</li>{/block:Lines}
					</ul>
				</article>{/block:Chat}
				
				{block:Video}<article class="post video">
					<figure>
						{Video-500}
						
						{block:Caption}<figcaption>{Caption}</figcaption>{/block:Caption}
					</figure>
				</article>{/block:Video}
				
				{block:Audio}<article class="post audio">
					<figure>
						{AudioPlayerBlack}
						
						{block:Caption}<figcaption>{Caption}</figcaption>{/block:Caption}
					</figure>
				</article>{/block:Audio}
				
				{block:Answer}<article class="post answer">
					<blockquote class="ask-question">
						<p>
							&ldquo;{Question}&rdquo;
							<b>&ndash; asked by {Asker}</b>
						</p>
					</blockquote>
					
					<blockquote class="ask-answer">
						{Answer}
					</blockquote>
				</article>{/block:Answer}{/block:Posts}
				
				{block:Pagination}<nav class="pagination">
					{block:PreviousPage}<a href="{PreviousPage}">&larr; Previous</a>{/block:PreviousPage}
					
					<span>{CurrentPage}/{TotalPages}</span>
					
					{block:NextPage}<a href="{NextPage}">Next &rarr;</a>{/block:NextPage}
				</nav>{/block:Pagination}
			</section>
		</div>
		
		<footer>
			<ul class="footer-links">
				<li><a href="/archive">Archive</a></li>
				<li><a href="{RSS}">RSS</a></li>
				{block:AskEnabled}<li><a href="/ask">Ask</a></li>{/block:AskEnabled}
				{block:SubmissionsEnabled}<li><a href="/submit">Submit</a></li>{/block:SubmissionsEnabled}
			</ul>
			
			<p class="copyright">Powered by <a href="http://www.tumblr.com/">Tumblr</a>.</p>
		</footer>
	</body>
</html>

Revision: 40086

at May 29, 2011 22:28 by apaunchev

Updated Code

<!DOCTYPE html>
<html lang="en">
<head>
	<!--
		Tumblr Custom Theme Framework v1.1 (29/05/2011)
		Author: Angel Paunchev (http://paunchev.net)
		
		Use this framework as a starting point for your Tumblr themes. It is built with HTML5 and some of its new
		semantic tags. It also features the new Eric Meyer's CSS reset (http://meyerweb.com/eric/tools/css/reset/)
		and supports all Tumblr post types, including Photosets and Answers.
		
		Modfiy and use it any way you want.
	-->
	<meta charset="utf-8">
	
	<meta name="viewport" content="width=device-width, initial-scale=1.0">

	<title>{Title}</title>
	{block:Description}<meta name="description" content="{MetaDescription}">{/block:Description}

	<link rel="shortcut icon" href="{Favicon}">
	<link rel="alternate" type="application/rss+xml" href="{RSS}">
    
	<!--[if lt IE 9]>
		<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->

	<style>
		/* RESET */
		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{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}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:none}table{border-collapse:collapse;border-spacing:0}
		
		/* THEME STYLE */
	</style>
</head>

<body>
	<header>
		<h1>{Title}</h1>

		{block:Description}<p>{Description}</p>{/block:Description}
	</header>

	<section id="posts">{block:Posts}
		{block:Text}<article class="post text">
			{block:Title}<h2><a href="{Permalink}">{Title}</a></h2>{/block:Title}
			
			{Body}
		</article>{/block:Text}
		
		{block:Photo}<article class="post photo">
			<figure>
				<img src="{PhotoURL-500}" alt="{PhotoAlt}">
				
				{block:Caption}<figcaption>{Caption}</figcaption>{/block:Caption}
			</figure>
		</article>{/block:Photo}
		
		{block:Photoset}<article class="post photoset">
			<figure>
				{Photoset-500}
				
				{block:Caption}<figcaption>{Caption}</figcaption>{/block:Caption}
			</figure>
		</artlcle>{/block:Photoset}
		
		{block:Quote}<article class="post quote">
			<blockquote>
				<p>
					{Quote}
					{block:Source}<b>{Source}</b>{/block:Source}
				</p>
			</blockquote>
		</article>{/block:Quote}
		
		{block:Link}<article class="post link">
			<a href="{URL}"{Target}>{Name}</a>
			
			{block:Description}<p class="description">{Description}</p>{/block:Description}
		</article>{/block:Link}
		
		{block:Chat}<article class="post chat">
			{block:Title}<h2><a href="{Permalink}">{Title}</a></h2>{/block:Title}
			
			<ul>
				{block:Lines}<li class="{Alt} user_{UserNumber}">
					{block:Label}<b>{Label}</b>{/block:Label}
					
					{Line}
				</li>{/block:Lines}
			</ul>
		</article>{/block:Chat}
		
		{block:Video}<article class="post video">
			<figure>
				{Video-500}
				
				{block:Caption}<figcaption>{Caption}</figcaption>{/block:Caption}
			</figure>
		</article>{/block:Video}
		
		{block:Audio}<article class="post audio">
			<figure>
				{AudioPlayerBlack}
				
				{block:Caption}<figcaption>{Caption}</figcaption>{/block:Caption}
			</figure>
		</article>{/block:Audio}
		
		{block:Answer}<article class="post answer">
			<blockquote class="ask-question">
				<p>
					&ldquo;{Question}&rdquo;
					<b>&ndash; asked by {Asker}</b>
				</p>
			</blockquote>
			
			<blockquote class="ask-answer">
				{Answer}
			</blockquote>
		</article>{/block:Answer}
	{/block:Posts}</section>
	
	<footer>
		{block:PreviousPage}<a href="{PreviousPage}">&larr; Previous</a>{/block:PreviousPage}
		
		{block:NextPage}<a href="{NextPage}">Next &rarr;</a>{/block:NextPage}
	</footer>
</body>
</html>

Revision: 40085

at January 28, 2011 00:18 by apaunchev

Updated Code

<!DOCTYPE html>
<html lang="en">
<head>
	<!--
		Tumblr Custom Theme Framework v1.0 (25/01/2011)
		Author: Angel Paunchev (http://paunchev.net)
		
		Use this framework as a starting point for your Tumblr themes. It is built with HTML5 and some of its new
		semantic tags. It also features the new Eric Meyer's CSS reset (http://meyerweb.com/eric/tools/css/reset/)
		and supports all Tumblr post types, including Photosets and Answers.
		
		Modfiy and use it any way you want.
	-->
	<meta charset="utf-8">

	<title>{Title}</title>
	{block:Description}<meta name="description" content="{MetaDescription}">{/block:Description}

	<link rel="shortcut icon" href="{Favicon}">
	<link rel="alternate" type="application/rss+xml" href="{RSS}">
    
	<!--[if lt IE 9]>
		<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->

	<style>
		/* Reset */
		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}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}
		/* Theme styles */
	</style>
</head>

<body>
	<header>
		<h1>{Title}</h1>

		{block:Description}<p>{Description}</p>{/block:Description}
	</header>

	<section id="posts">{block:Posts}
		{block:Text}<article class="post text">
			{block:Title}<h2><a href="{Permalink}">{Title}</a></h2>{/block:Title}
			
			{Body}
		</article>{/block:Text}
		
		{block:Photo}<article class="post photo">
			<figure>
				<img src="{PhotoURL-500}" alt="{PhotoAlt}">
				
				{block:Caption}<figcaption>{Caption}</figcaption>{/block:Caption}
			</figure>
		</article>{/block:Photo}
		
		{block:Photoset}<article class="post photoset">
			<figure>
				{Photoset-500}
				
				{block:Caption}<figcaption>{Caption}</figcaption>{/block:Caption}
			</figure>
		</artlcle>{/block:Photoset}
		
		{block:Quote}<article class="post quote">
			<blockquote>
				<p>
					{Quote}
					{block:Source}<b>{Source}</b>{/block:Source}
				</p>
			</blockquote>
		</article>{/block:Quote}
		
		{block:Link}<article class="post link">
			<a href="{URL}"{Target}>{Name}</a>
			
			{block:Description}<p class="description">{Description}</p>{/block:Description}
		</article>{/block:Link}
		
		{block:Chat}<article class="post chat">
			{block:Title}<h2><a href="{Permalink}">{Title}</a></h2>{/block:Title}
			
			<ul>
				{block:Lines}<li class="{Alt} user_{UserNumber}">
					{block:Label}<b>{Label}</b>{/block:Label}
					
					{Line}
				</li>{/block:Lines}
			</ul>
		</article>{/block:Chat}
		
		{block:Video}<article class="post video">
			<figure>
				{Video-500}
				
				{block:Caption}<figcaption>{Caption}</figcaption>{/block:Caption}
			</figure>
		</article>{/block:Video}
		
		{block:Audio}<article class="post audio">
			<figure>
				{AudioPlayerBlack}
				
				{block:Caption}<figcaption>{Caption}</figcaption>{/block:Caption}
			</figure>
		</article>{/block:Audio}
		
		{block:Answer}<article class="post answer">
			<blockquote class="ask-question">
				<p>
					&ldquo;{Question}&rdquo;
					<b>&ndash; asked by {Asker}</b>
				</p>
			</blockquote>
			
			<blockquote class="ask-answer">
				{Answer}
			</blockquote>
		</article>{/block:Answer}
	{/block:Posts}</section>
	
	<footer>
		{block:PreviousPage}<a href="{PreviousPage}">&larr; Previous</a>{/block:PreviousPage}
		
		{block:NextPage}<a href="{NextPage}">Next &rarr;</a>{/block:NextPage}
	</footer>
</body>
</html>

Revision: 40084

at January 28, 2011 00:16 by apaunchev

Updated Code

<!DOCTYPE html>
<html lang="en">
<head>
	<!--
		Tumblr Custom Theme Framework v1.0 (25/01/2011)
		Author: Angel Paunchev (http://paunchev.net)
		
		Use this framework as a starting point for your Tumblr themes. It is built with HTML5 and some of its new semantic tags.
		It also features the new Eric Meyer's CSS reset (http://meyerweb.com/eric/tools/css/reset/)
		and supports all Tumblr post types, including Photosets and Answers.
		
		Modfiy and use it any way you want.
	-->
	<meta charset="utf-8">

	<title>{Title}</title>
	{block:Description}<meta name="description" content="{MetaDescription}">{/block:Description}

	<link rel="shortcut icon" href="{Favicon}">
	<link rel="alternate" type="application/rss+xml" href="{RSS}">
    
	<!--[if lt IE 9]>
		<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->

	<style>
		/* Reset */
		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}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}
		/* Theme styles */
	</style>
</head>

<body>
	<header>
		<h1>{Title}</h1>

		{block:Description}<p>{Description}</p>{/block:Description}
	</header>

	<section id="posts">{block:Posts}
		{block:Text}<article class="post text">
			{block:Title}<h2><a href="{Permalink}">{Title}</a></h2>{/block:Title}
			
			{Body}
		</article>{/block:Text}
		
		{block:Photo}<article class="post photo">
			<figure>
				<img src="{PhotoURL-500}" alt="{PhotoAlt}">
				
				{block:Caption}<figcaption>{Caption}</figcaption>{/block:Caption}
			</figure>
		</article>{/block:Photo}
		
		{block:Photoset}<article class="post photoset">
			<figure>
				{Photoset-500}
				
				{block:Caption}<figcaption>{Caption}</figcaption>{/block:Caption}
			</figure>
		</artlcle>{/block:Photoset}
		
		{block:Quote}<article class="post quote">
			<blockquote>
				<p>
					{Quote}
					{block:Source}<b>{Source}</b>{/block:Source}
				</p>
			</blockquote>
		</article>{/block:Quote}
		
		{block:Link}<article class="post link">
			<a href="{URL}"{Target}>{Name}</a>
			
			{block:Description}<p class="description">{Description}</p>{/block:Description}
		</article>{/block:Link}
		
		{block:Chat}<article class="post chat">
			{block:Title}<h2><a href="{Permalink}">{Title}</a></h2>{/block:Title}
			
			<ul>
				{block:Lines}<li class="{Alt} user_{UserNumber}">
					{block:Label}<b>{Label}</b>{/block:Label}
					
					{Line}
				</li>{/block:Lines}
			</ul>
		</article>{/block:Chat}
		
		{block:Video}<article class="post video">
			<figure>
				{Video-500}
				
				{block:Caption}<figcaption>{Caption}</figcaption>{/block:Caption}
			</figure>
		</article>{/block:Video}
		
		{block:Audio}<article class="post audio">
			<figure>
				{AudioPlayerBlack}
				
				{block:Caption}<figcaption>{Caption}</figcaption>{/block:Caption}
			</figure>
		</article>{/block:Audio}
		
		{block:Answer}<article class="post answer">
			<blockquote class="ask-question">
				<p>
					&ldquo;{Question}&rdquo;
					<b>&ndash; asked by {Asker}</b>
				</p>
			</blockquote>
			
			<blockquote class="ask-answer">
				{Answer}
			</blockquote>
		</article>{/block:Answer}
	{/block:Posts}</section>
	
	<footer>
		{block:PreviousPage}<a href="{PreviousPage}">&larr; Previous</a>{/block:PreviousPage}
		
		{block:NextPage}<a href="{NextPage}">Next &rarr;</a>{/block:NextPage}
	</footer>
</body>
</html>

Revision: 40083

at January 26, 2011 00:32 by apaunchev

Initial Code

<!DOCTYPE html>
<html lang="en">
<head>
	<!--
		Tumblr Custom Theme Framework v1.0 (25/01/2011)
		Author: Angel Paunchev (http://paunchev.net)
		
		Use this framework as a starting point for your Tumblr themes. It is built with HTML5 and some of its new semantic tags.
		It also features the new Eric Meyer's CSS reset (http://meyerweb.com/eric/thoughts/2011/01/10/reset-2-0b2-paring-down/)
		and supports all Tumblr post types, including Photosets and Answers.
		
		Modfiy and use it any way you want.
	-->
	<meta charset="utf-8">

	<title>{Title}</title>
	{block:Description}<meta name="description" content="{MetaDescription}">{/block:Description}

	<link rel="shortcut icon" href="{Favicon}">
	<link rel="alternate" type="application/rss+xml" href="{RSS}">
    
	<!--[if lt IE 9]>
		<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->

	<style>
		/* Reset */
		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}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}

		/* Theme styles */
	</style>
</head>

<body>
	<header>
		<h1>{Title}</h1>

		{block:Description}<p>{Description}</p>{/block:Description}
	</header>

	<section id="posts">{block:Posts}
		{block:Text}<article class="post text">
			{block:Title}<h2><a href="{Permalink}">{Title}</a></h2>{/block:Title}
			
			{Body}
		</article>{/block:Text}
		
		{block:Photo}<article class="post photo">
			<figure>
				<img src="{PhotoURL-500}" alt="{PhotoAlt}">
				
				{block:Caption}<figcaption>{Caption}</figcaption>{/block:Caption}
			</figure>
		</article>{/block:Photo}
		
		{block:Photoset}<article class="post photoset">
			<figure>
				{Photoset-500}
				
				{block:Caption}<figcaption>{Caption}</figcaption>{/block:Caption}
			</figure>
		</artlcle>{/block:Photoset}
		
		{block:Quote}<article class="post quote">
			<blockquote>
				<p>
					{Quote}
					{block:Source}<b>{Source}</b>{/block:Source}
				</p>
			</blockquote>
		</article>{/block:Quote}
		
		{block:Link}<article class="post link">
			<a href="{URL}"{Target}>{Name}</a>
			
			{block:Description}<p class="description">{Description}</p>{/block:Description}
		</article>{/block:Link}
		
		{block:Chat}<article class="post chat">
			{block:Title}<h2><a href="{Permalink}">{Title}</a></h2>{/block:Title}
			
			<ul>
				{block:Lines}<li class="{Alt} user_{UserNumber}">
					{block:Label}<b>{Label}</b>{/block:Label}
					
					{Line}
				</li>{/block:Lines}
			</ul>
		</article>{/block:Chat}
		
		{block:Video}<article class="post video">
			<figure>
				{Video-500}
				
				{block:Caption}<figcaption>{Caption}</figcaption>{/block:Caption}
			</figure>
		</article>{/block:Video}
		
		{block:Audio}<article class="post audio">
			<figure>
				{AudioPlayerBlack}
				
				{block:Caption}<figcaption>{Caption}</figcaption>{/block:Caption}
			</figure>
		</article>{/block:Audio}
		
		{block:Answer}<article class="post answer">
			<blockquote class="ask-question">
				<p>
					&ldquo;{Question}&rdquo;
					<b>&ndash; asked by {Asker}</b>
				</p>
			</blockquote>
			
			<blockquote class="ask-answer">
				{Answer}
			</blockquote>
		</article>{/block:Answer}
	{/block:Posts}</section>
	
	<footer>
		{block:PreviousPage}<a href="{PreviousPage}">&larr; Previous</a>{/block:PreviousPage}
		
		{block:NextPage}<a href="{NextPage}">Next &rarr;</a>{/block:NextPage}
	</footer>
</body>
</html>

Initial URL

Initial Description

Every time I start coding a new Tumblr theme I find myself writing the same Tumblr tags over and over again. That's why I decided to create a boilerplate, or a framework, that I can reuse for my next projects.

I tried to cover most of the features included in the [documentation](http://www.tumblr.com/docs/en/custom_themes), yet provide just the bare essentials so you can build up from there.

Have fun!

(v 1.3)

Initial Title

Tumblr Custom Theme Framework

Initial Tags

theme

Initial Language

HTML

Choose a language for easy browsing: