inutano/MyTumblrTheme(Tetris).html

## MyTumblrTheme(Tetris).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" 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>
	<!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}">«</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">
	» <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">»</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>