Skip to content

Instantly share code, notes, and snippets.

@inutano
Forked from closer/MyTumblrTheme(Tetris).html
Created February 11, 2012 08:16
Show Gist options
  • Save inutano/1797765 to your computer and use it in GitHub Desktop.
Save inutano/1797765 to your computer and use it in GitHub Desktop.
<!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" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<link rel="icon" href="{Favicon}"/>
<link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}"/>
<title>{Title}{block:PostSummary} - {PostSummary}{/block:PostSummary}</title>
<style type="text/css">
* {
font-size:100%;
}
html, body {
height:100%;
width:100%;
margin:0;
padding:0;
}
body {
overflow-x:hidden;
background:#000;
color:#FFF;
font-family: Helvetica, Arial, sans-serif;
}
.ad {
margin:10px;
text-align:center;
}
#head {
padding:0.5em;
text-align:left;
}
#head h1 {
margin:0;
padding:0;
}
#head h1 a {
color:#F33;
font-size:1.5em;
font-weight:bold;
}
#head h1 a:hover {
color:#FFF;
}
#head .askme {
margin:0.1em;
padding:0;
color:#FFF;
font-size:0.8em;
font-weight:normal;
}
#head .askme a {
color:#fff;
}
.navigation {
font-size:1.5em;
text-align:center;
}
.navigation a {
border-top:2px solid #666;
border-bottom:2px solid #666;
background:#000;
display:block;
padding:0.5em;
color:#FFF;
background:#000;
}
.navigation a:hover {
color:#000;
background:#FF0;
}
.post {
border-top:2px solid #333;
position:relative;
}
.regular {
padding:3.0em;
}
.regular h2 {
font-size:2.0em;
}
.conversation {
padding:3.0em;
}
.conversation h2 {
font-size:2.0em;
}
.conversation ul {
list-style:none;
padding:0;
margin:0;
}
.conversation ul li {
}
.conversation ul li.odd {
}
.conversation ul li.odd .label {
color:#F99;
}
.conversation ul li.even {
}
.conversation ul li.even .label {
color:#99F;
}
.photo {
font-size:3.0em;
}
.photosource {
background:#FFF;
position:absolute;
bottom:5px;
left:5px;
padding:2px 5px;
font-size:12px;
color:#000;
z-index:200;
opacity:0.8;
}
.photosource a {
color:#000;
}
.photosource a:hover {
color:#F99;
}
div.link {
font-size:2.0em;
padding:3.0em;
}
.link {
}
.quote {
}
.quote blockquote {
margin:0;
padding:1.0em;
font-size:5.0em;
line-height:0.8em;
letter-spacing:-0.11em;
}
.quote .source {
padding:1.0em;
text-align:center;
font-size:0.8em;
}
.quote .source a {
color:#FFF;
}
.audio,
.video {
padding:50px;
text-align:center;
}
.date {
text-align:right;
font-size:0.8em;
color:#000;
background:#FFF;
padding:0.5em 0;
position:absolute;
opacity:0.7;
width:100%;
display:none;
}
.date a {
color:#000;
}
.post:hover .date {
display:block;
}
a img {
border:none;
}
.caption {
display:none;
}
.designed_by {
font-size:0.8em;
margin:0;
padding:0;
text-align:right;
}
.designed_by a {
color:#FFF;
}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/mootools/1.2.1/mootools-yui-compressed.js" type="text/javascript"></script>
</head>
<body>
<div id="head">
<h1><a href="/">{Title}</a><span id="description">{block:Description} - {Description}{/block:Description}</span></h1>
<p class="askme"><a href="/ask">Ask me anything</a></p>
</div>
{block:PreviousPage}
<div class="navigation">
<a href="{PreviousPage}">&laquo;</a>
</div>
{/block:PreviousPage}
{block:Posts}
<div class="post hentry">
{block:NewDayDate}
<div class="date">
{MonthNumber}-{DayOfMonthWithZero}-{Year}, {24HourWithZero}:{Minutes}
{block:RebloggedFrom} / from <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}
<span class=”xfolkentry”><a href="{Permalink}" rel=”bookmark” class=”entry-title”>permalink</a></span>
</div>
{/block:NewDayDate}
{block:SameDayDate}
<div class="date">
{MonthNumber}-{DayOfMonthWithZero}-{Year}, {24HourWithZero}:{Minutes}
{block:RebloggedFrom} / from <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}
<span class=”xfolkentry”><a href="{Permalink}" rel=”bookmark” class=”entry-title”>permalink</a></span>
</div>
{/block:SameDayDate}
{block:Regular}
<div class="regular">
{block:Title}<h2><a href="{Permalink}">{Title}</a></h2>{/block:Title}
{Body}
</div>
{/block:Regular}
{block:Photo}
<div class="photo" style="background-image:url({PhotoURL-HighRes})">
<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/>
<div class="photosource">{LinkOpenTag}{PhotoAlt}{LinkCloseTag}</div>
{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}
</div>
{/block:Photo}
{block:Quote}
<div class="quote">
<blockquote>{Quote}</blockquote>
{block:Source}<div class="source">{Source}</div>{/block:Source}
</div>
{/block:Quote}
{block:Link}
<div class="link">
&#187; <a href="{URL}" class="link" {Target}>{Name}</a>
{block:Description}
<div class="description">{Description}</div>
{/block:Description}
</div>
{/block:Link}
{block:Conversation}
<div class="conversation">
{block:Title}<h2><a href="{Permalink}">{Title}</a></h2>{/block:Title}
<ul>
{block:Lines}
<li class="{Alt}">
{block:Label}<span class="label">{Label}</span>{/block:Label}
{Line}
</li>
{/block:Lines}
</ul>
</div>
{/block:Conversation}
{block:Audio}
<div class="audio">
{AudioPlayerBlack}
{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}
</div>
{/block:Audio}
{block:Video}
<div class="video">
{Video-500}
{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}
</div>
{/block:Video}
</div>
{/block:Posts}
{block:NextPage}
<div class="navigation">
<a href="{NextPage}" rel="next">&raquo;</a>
</div>
{/block:NextPage}
<p class="designed_by"><a href="http://gist.github.com/150374">Theme Designed</a> by <a href="http://closure.jp/">closer</a>.</p>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment