Skip to content

Instantly share code, notes, and snippets.

@rummelonp

rummelonp/tumblr.html

Created February 16, 2014 18:56
Show Gist options
  • Save rummelonp/9038928 to your computer and use it in GitHub Desktop.
Save rummelonp/9038928 to your computer and use it in GitHub Desktop.
Download ZIP
タンブラーのやつ
Raw
tumblr.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>
<meta name="viewport" content="width=790">
<link rel="shortcut icon" href="{Favicon}">
<style>
body {
font-family: 'Lucida Grande', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 10px;
color: #202020;
background: #FFFFFF;
margin: 40px 0 20px 0;
padding: 0;
}
a:active, a:focus { outline: 0; }
#content {
width: 770px;
margin: 0 auto;
}
#content #header {
margin-bottom: 70px;
}
#content #header #top {
position: relative;
}
#content #header #top a.title {
width: 688px;
color: #202020;
font-family: Georgia;
font-size: 72px;
font-style: italic;
font-weight: normal;
letter-spacing: -3px;
text-decoration: none;
margin: 0;
}
#content #header #top .buttons {
position: absolute;
bottom: 24px;
right: 0;
}
#content #header #top .buttons a {
color: #0F6F9F;
font-weight: bold;
text-transform: uppercase;
text-decoration: none;
}
#content #header #bottom {
font-size: 10px;
padding: 8px 0;
}
#content #header #bottom a {
color: #447777;
font-weight: bold;
text-decoration: none;
}
#content #newDay {
border-top: 1px solid #202020;
padding: 8px 0 0 0;
}
#content #newDay .post { margin: 20px 0 70px 0; }
#content #newDay .post img { max-width: 100%; }
#content #newDay .date a {
color: #444444;
text-transform: none;
text-decoration: underline;
}
#content #newDay h2 {
font-family: Georgia;
font-size: 36px;
letter-spacing: -1px;
margin: 0;
}
#content #newDay a.h2 {
color: #0F6F9F;
font-family: Georgia;
font-size: 36px;
font-weight: bold;
text-decoration: underline;
letter-spacing: -1px;
line-height: 34px;
margin: 0;
}
#content #newDay a.h2.title {
color: #202020;
}
#content #newDay .quote {
font-family: Georgia;
font-size: 24px;
line-height: 1.3em;
}
#content #newDay .post img {
max-width: 764px;
border: 1px solid #8E8E8E;
padding: 1px;
}
#content #newDay .post code {
font-size: 12px;
background: #D9E5ED;
font-family: 'Lucida Console', monospace;
padding: 1px 4px;
}
#content #newDay .post {
font-family: Georgia;
font-size: 14px;
line-height: 1.6em;
}
#content #newDay .post a {
color: #0F6F9F;
text-decoration: none;
}
#content #newDay .post a:hover { color: #D00000; }
/* this is for chat */
#content #newDay .post table {
font-family: Georgia;
font-size: 14px;
margin: 0 0 10px 0;
border-collapse: collapse;
}
#content #newDay .post table tr td {
padding: 0;
vertical-align: top;
}
#content #newDay .post table tr td.name {
font-weight: bold;
text-align: right;
padding: 4px 15px;
}
#content #newDay .post table tr td.words {
width: 100%;
text-align: left;
padding: 4px 1px;
}
/* that was for chat */
#content #newDay .bottom {
width: 100%;
color: #444444;
font-family: 'Lucida Grande', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 10px;
line-height: 1.8;
text-transform: uppercase;
}
#content #newDay .bottom .notes,
#content #newDay .bottom .tags {
text-transform: none !important;
margin: 0 13px 0 0;
float: left;
}
#content #newDay .bottom a {
color: #444444;
text-transform: none;
text-decoration: underline;
}
#content #newDay .bottom a:hover { text-decoration: underline; }
#content #pagination {
font-family: Georgia;
font-size: 12px;
text-align: right;
border-top: 3px solid #202020;
border-bottom: 1px solid #202020;
padding: 8px 0;
overflow: hidden;
}
#content #pagination a.button {
color: #0F6F9F;
font-family: 'Lucida Grande', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 10px;
font-weight: bold;
text-transform: uppercase;
text-decoration: none;
margin-left: 12px;
}
ol.notes {
width: 100%;
border-bottom: solid 1px #ccc;
padding: 48px 0 0 0px;
margin: 8px 0px 0px 0px;
list-style-type: none;
}
ol.notes a {
color: #444444;
}
ol.notes li.note {
color: #777;
font-family: 'Lucida Grande', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 10px;
border-top: solid 1px #ccc;
padding: 4px;
}
ol.notes li.note img.avatar {
vertical-align: -4px;
margin-right: 10px;
width: 16px;
height: 16px;
}
ol.notes li.note span.action {
margin-bottom: 5px;
}
ol.notes li.note span.action a {
font-weight: bold;
}
ol.notes li.note .answer_content {
}
ol.notes li.note blockquote {
border-color: #eee;
padding: 4px 10px;
margin: 10px 0px 0px 25px;
}
ol.notes li.note blockquote a {
text-decoration: none;
}
ol.notes li.note a:hover {
text-decoration: underline;
}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js" type="text/javascript"></script>
<script src="http://static.tumblr.com/thpaaos/78Jks5gyt/carousel.js" type="text/javascript"></script>
</head>
<body>
<div id="content">
<div id="header">
<div id="top">
<a href="/" class="title">{Title}</a>
</div>
<div id="bottom">
{block:Description}{Description}&nbsp;&nbsp;{/block:Description}
</div>
</div>
{block:Posts}
<div id="newDay">
{block:Date}
<div class="date">
<a href="{Permalink}" class="time">
{Year}-{MonthNumberWithZero}-{DayOfMonthWithZero} {24HourWithZero}:{Minutes}
</a>
</div>
{/block:Date}
<div class="post">
{block:Text}
{block:Title}<a href="{Permalink}" class="h2 title">{Title}</a>{/block:Title}
<p>{Body}</p>
{/block:Text}
{block:Link}
<a href="{URL}" class="h2" {Target}>{Name}</a>
<p>{block:Description}{Description}{/block:Description}</p>
{/block:Link}
{block:Photo}
{LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}">{LinkCloseTag}
<p>{block:Caption}{Caption}{/block:Caption}</p>
{/block:Photo}
{block:Quote}
<div class="quote">
"{Quote}"
</div>
<p>{block:Source}&mdash; {Source}{/block:Source}</p>
{/block:Quote}
{block:Chat}
{block:Title}<div class="quote">{Title}</div>{/block:Title}
<table>
{block:Lines}
<tr>
{block:Label}<td class="name">{Label}</td>{block:Label}
<td class="words">{Line}</td>
</tr>
{/block:Lines}
</table>
{/block:Chat}
{block:Audio}
{block:AudioEmbed}
{AudioEmbed-640}
{/block:AudioEmbed}
{block:AudioPlayer}
{AudioPlayerBlack}
{/block:AudioPlayer}
<p>{block:Caption}{Caption}{/block:Caption}</p>
{/block:Audio}
{block:Video}
{Video-500}
<p>{block:Caption}{Caption}{/block:Caption}</p>
{block:Video}
<div class="bottom">
{block:NoteCount}
<div class="notes"><a href="{Permalink}">{lang:Notes}: {FormattedNoteCount}</a></div>
{/block:NoteCount}
{/block:IfShowNoteCount}
{block:HasTags}
<div class="tags"><span style="text-transform:uppercase;">{lang:Filed under}</span>: {block:Tags}<a href="{TagURL}">{Tag}</a>&nbsp;{block:Tags}</div>
{/block:HasTags}
</div>
<div class="clear"></div>
{PostNotes}
</div>
</div>
{/block:Posts}
<div id="pagination">
{block:Pagination}
{lang:CurrentPage of TotalPages 2}
{block:PreviousPage}<a href="{PreviousPage}" class="button">{lang:Previous page}</a>{/block:PreviousPage}
{block:NextPage}<a href="{NextPage}" class="button">{lang:Next page}</a>{/block:NextPage}
{/block:Pagination}
{block:PermalinkPagination}
{block:NextPost}<a href="{NextPost}" class="button">{lang:Previous post}</a>{/block:NextPost}
{block:PreviousPost}<a href="{PreviousPost}" class="button">{lang:Next post}</a>{/block:PreviousPost}
{/block:PermalinkPagination}
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment