Skip to content

Instantly share code, notes, and snippets.

@wktk
Created June 28, 2012 18:12
Show Gist options
  • Save wktk/3013001 to your computer and use it in GitHub Desktop.
Save wktk/3013001 to your computer and use it in GitHub Desktop.
My Tumblr Theme
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja">
<head>
<meta charset="utf-8" />
<meta name="description" content="{MetaDescription}" />
<title>{block:PostTitle}{PostTitle} - {/block:PostTitle}{Title}</title>
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" />
<link rel="shortcut icon" href="{Favicon}" />
<link rel="apple-touch-icon" href="{PortraitURL-128}" />
<link rel="alternate" type="application/rss+xml" href="{RSS}" />
<style>
body {
background-color: #EEE;
margin: auto 20px 60px 20px;
}
h1 {
font-size: 40px;
border-bottom: 1px solid #CCC;
margin-bottom: 0;
}
h1 a { color: black }
a {
color: #49D;
text-decoration: none;
}
.box {
display: block;
border: 1px solid #CCC;
margin: 10px 0;
background-color: #FFF;
font-size: 13px;
line-height: 19px;
overflow: auto;
padding: 6px 10px;
border-radius: 5px;
}
.small { font-size: 11.5px }
.center { text-align: center }
@media only screen and (min-width: 520px) {
.dashboard {
float: left;
width: 160px;
position: fixed;
}
.posts {
margin-left: 180px;
padding-top: 20px;
}
}
{CustomCSS}
</style>
</head>
<body>
<div class="dashboard">
<h1><a href="/">{Title}</a></h1>
{block:Description}
<p class="small">{Description}</p>
{/block:Description}
<p class="small">
<a href="/archive">Archive</a> |
<a href="/random">Random</a> |
<a href="/rss">RSS</a>
</p>
</div>
<div class="posts">
{block:Posts}
<div class="post box">
{block:Title}<h3><a href="{Permalink}">{Title}</a></h3>{/block:Title}
{block:Text}{Body}{/block:Text}
{block:Photo}<a href="{PhotoURL-HighRes}"><img src="{PhotoURL-250}" alt="{PhotoAlt}" /></a>{/block:Photo}
{block:Photos}<a href="{PhotoURL-HighRes}"><img src="{PhotoURL-250}" alt="{PhotoAlt}" /></a>{/block:Photos}
{block:Quote}"{Quote}"{/block:Quote}
{block:Source}<div class="source">{Source}</div>{/block:Source}
{block:Chat}
<ul class="chat">
{block:Lines}
<li class="{Alt} user_{UserNumber}">
{block:Label}<span class="label">{Label}</span>{/block:Label}
{Line}
</li>
{/block:Lines}
</ul>
{/block:Chat}
{block:Video}{Video-250}{/block:Video}
{block:Audio}{AudioPlayerBlack}{/block:Audio}
{block:Link}
<h3><a href="{URL}">{Name}</a></h3>
{block:Description}<div class="description">{Description}</div>{/block:Description}
{/block:Link}
{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
<hr />
{block:Date}
<span class="small">
{PostType} posted at
<a href="{Permalink}">{Year}-{MonthNumberWithZero}-{DayOfMonthWithZero} {24Hour}:{Minutes}</a>
</span>
{/block:Date}
</div>
{/block:Posts}
</div>
{block:Pagination}
<p class="center">
{block:PreviousPage}<a href="{PreviousPage}">&#171; Prev</a> |{/block:PreviousPage}
{block:JumpPagination length="5"}
{block:CurrentPage}{PageNumber} |{/block:CurrentPage}
{block:JumpPage}<a href="{URL}">{PageNumber}</a> |{/block:JumpPage}
{/block:JumpPagination}
{block:NextPage}<a href="{NextPage}">Next &#187;</a>{/block:NextPage}
</p>
{/block:Pagination}
<hr />
<p class="center small">&copy; {CopyrightYears}</p>
<p class="center small">Powered by <a href="//www.tumblr.com">Tumblr</a>.</p>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment