Created
April 6, 2022 06:30
-
-
Save taizooo/e2c91d6531b65dda22f1c78d4aff46e3 to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!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"/> | |
<title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title> | |
<link rel="icon" href="{Favicon}"/> | |
<link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}"/> | |
<meta name="viewport" content="width=775"/> <!-- iPhone --> | |
<!-- | |
<link rel="stylesheet" href="http://gistcss.appjet.net/14534/default.css" type="text/css" /> | |
<link rel="stylesheet" href="http://gistcss.appjet.net/91283/default.css" type="text/css" /> | |
--> | |
<style type="text/css"> | |
body { | |
background-color: #000000; | |
/*background-color: #3f1c59;*/ | |
color: #B0B0B0; | |
/*color: #b68ee7;*/ | |
font-family: "Lucida Grande","Lucida Sans Unicode",sans-serif; | |
font-size: 12px; | |
} | |
a { | |
color: #4AADF0; | |
} | |
img { | |
border:0 none; | |
opacity: 0.6; | |
} | |
div#content { | |
position: relative; | |
margin: auto; | |
width: 950px; | |
} | |
div.post { | |
margin-top: 200px; | |
margin-bottom: 1000px; | |
padding-top: 15px; | |
} | |
div.labels { | |
position: absolute; | |
right: 0px; | |
z-index: 999; | |
} | |
h1 { | |
font-size: 12px; | |
font-weight: normal; | |
} | |
h2 { | |
font-size: 80px; | |
font-weight: bold; | |
} | |
div#footer { | |
font-size: 9px; | |
} | |
/* video */ | |
div.video div.entry-content object embed { | |
width: 800px; | |
height: 658px; | |
} | |
/* photo */ | |
div.photo { | |
padding-top: 50px; | |
} | |
.photo div.caption { | |
margin-top: 50px; | |
font-size: 12px; | |
} | |
div.photo div.caption * { | |
display: inline; | |
margin: 0 2px 0 0; | |
padding: 0; | |
} | |
.photo img { | |
width: 400px; | |
height: 400px; | |
} | |
.photo div.entry-content .ahaha { | |
float:left; | |
margin:-50px; | |
width:400px; | |
height:400px; | |
} | |
.photo .ahaha_clear { | |
clear: both; | |
height: 1px; | |
} | |
/* quote */ | |
div.quote { | |
padding-top: 70px; | |
} | |
div.quote div.entry-content { | |
font-style: italic; | |
font-weight: bold; | |
letter-spacing: -3px; | |
} | |
div.quote div.entry-content { | |
font-size: 80px; | |
margin-left: 70px; | |
} | |
div.quote div.entry-content big.quote { | |
font-size: 150px; | |
line-height: 1px; | |
opacity: 0.4; | |
vertical-align: -30px; | |
} | |
div.quote div.entry-content .ahaha { | |
margin: -70px; | |
opacity: 0.8; | |
color: #F0F0F0; | |
/*color: #b68ee7;*/ | |
} | |
div.quote div.entry-content .ahaha + .ahaha { | |
/*color: #606060;*/ | |
opacity: 0.5; | |
} | |
div.quote div.entry-content .ahaha + .ahaha + .ahaha { | |
/*color: #202020;*/ | |
opacity: 0.2; | |
} | |
div.quote div.source { | |
font-size: 0px; | |
margin-top: 70px; | |
} | |
div.quote div.source > * { | |
font-size: 12px; | |
} | |
div.quote div.source > * + * { | |
font-size: 0px; | |
} | |
/* text */ | |
div.regular blockquote { | |
margin-left: 0; | |
margin-right: 0; | |
border-left: 3px solid #333; | |
padding-left: 10px; | |
} | |
div.regular blockquote blockquote { | |
border-color: #666; | |
} | |
div.regular blockquote blockquote blockquote { | |
border-color: #999; | |
} | |
div.regular blockquote blockquote blockquote blockquote { | |
border-color: #bbb; | |
} | |
div.regular blockquote blockquote blockquote blockquote blockquote { | |
border-color: #ddd; | |
} | |
div.regular pre { | |
padding: 10px; | |
background-color: #303030; | |
color:#00FF00; | |
font-family: 'Courier New','Bitstream Vera Sans Mono',monospace; | |
white-space: -moz-pre-wrap; /* Mozilla */ | |
white-space: -pre-wrap; /* Opera 4-6 */ | |
white-space: -o-pre-wrap; /* Opera 7 */ | |
white-space: pre-wrap; /* CSS3 Fx3 */ | |
word-wrap: break-word; /* IE 5.5+ */ | |
} | |
div.conversation ul li { | |
border: 1px solid #B0B0B0; | |
list-style-type: none; | |
padding: 9px 14px; | |
} | |
/* for custom chat */ | |
/* http://utatane.tumblr.com/post/119891286/private-format-version-0-0-4 */ | |
/* | |
ol.dialog { | |
list-style-type : none; | |
} | |
ol.dialog dl { | |
margin: 0px; | |
padding: 0px; | |
} | |
ol.dialog dt.account a.name { | |
font-weight : bold | |
} | |
.dialog { | |
margin: 0px; | |
padding: 0px; | |
font-size : 13px; | |
padding : 1px; | |
margin : 0px; | |
} | |
.dialog .even { | |
background-color : #F4F4F4; | |
} | |
.dialog .odd { | |
background-color : #E8E8E8; | |
} | |
.dialog dt.account { | |
padding : 5px; | |
} | |
.dialog a { | |
color : #333; | |
} | |
.dialog dt.account a { | |
text-decoration : none; | |
} | |
.dialog dt.account img { | |
border-style : none; | |
width : 16px; | |
height: 16px; | |
} | |
.dialog dt.account .name:after { | |
content : ' :'; | |
} | |
.dialog dd.description { | |
margin: 0px; | |
color : #333; | |
padding : 3px; | |
padding-left : 40px; | |
} | |
.dialog dd.description span.source{ | |
display : block; | |
text-align : right; | |
} | |
*/ | |
::selection { | |
background: #0f0; | |
color: white; | |
text-shadow: none; | |
} | |
a:hover { | |
background: #f0f; | |
color: #0f0; | |
text-shadow: none; | |
} | |
{CustomCSS} | |
</style> | |
<!--[if lt IE 7]> | |
<style type="text/css"> | |
.post div.labels { | |
right: 450px; | |
} | |
</style> | |
<![endif]--> | |
</head> | |
<body> | |
<div id="content" class="hfeed"> | |
<h1><a href="/">{Title}</a></h1> | |
{block:Posts} | |
<div class="post hentry"> | |
<div class="labels"> | |
{block:Date} | |
{block:NewDayDate} | |
<div class="date newdaydate"> | |
<a class="daylink" href="/day/{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}">%</a> | |
<a class="permalink" rel="bookmark" href="{Permalink}"> | |
<abbr class="published" title="{Year}-{MonthNumberWithZero}-{DayOfMonthWithZero}T{24HourWithZero}:{Minutes}:{Seconds}Z">+</abbr> | |
</a> | |
{block:PermalinkPage} | |
{block:Photo}{block:HighRes} | |
<a class="highres" href="{PhotoURL-HighRes}">▼</a> | |
{/block:HighRes}{/block:Photo} | |
<a class="random" href="/random?{PostID}">∞</a> | |
{/block:PermalinkPage} | |
</div> | |
{/block:NewDayDate} | |
{block:SameDayDate} | |
<div class="date samedaydate"> | |
<a class="permalink" rel="bookmark" href="{Permalink}"> | |
<abbr class="published" title="{Year}-{MonthNumberWithZero}-{DayOfMonthWithZero}T{24HourWithZero}:{Minutes}:{Seconds}Z">+</abbr> | |
</a> | |
</div> | |
{/block:SameDayDate} | |
{/block:Date} | |
</div> | |
{block:Regular} | |
<div class="regular {TagsAsClasses}"> | |
{block:Title}<h2 class="entry-title"><a href="{Permalink}">{Title}</a></h2>{/block:Title} | |
<div class="entry-content">{Body}</div> | |
</div> | |
{/block:Regular} | |
{block:Photo} | |
<div class="photo {TagsAsClasses}"> | |
<div class="entry-content"> | |
<span class="ahaha"> | |
{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag} | |
</span> | |
<span class="ahaha"> | |
{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag} | |
</span> | |
<span class="ahaha"> | |
{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag} | |
</span> | |
<span class="ahaha"> | |
{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag} | |
</span> | |
<span class="ahaha"> | |
{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag} | |
</span> | |
<span class="ahaha"> | |
{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag} | |
</span> | |
<span class="ahaha"> | |
{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag} | |
</span> | |
<span class="ahaha"> | |
{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag} | |
</span> | |
<span class="ahaha"> | |
{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag} | |
</span> | |
<div class="ahaha_clear"></div> | |
</div> | |
{block:Caption} | |
<div class="caption entry-title">{Caption}</div> | |
{/block:Caption} | |
</div> | |
{/block:Photo} | |
{block:Quote} | |
<div class="quote {TagsAsClasses}"> | |
<div class="entry-content"> | |
<div class="{Length}"> | |
<div class="ahaha"> | |
<big class="quote">“</big> {Quote} | |
</div> | |
<div class="ahaha"> | |
<big class="quote">“</big> {Quote} | |
</div> | |
<div class="ahaha"> | |
<big class="quote">“</big> {Quote} | |
</div> | |
</div> | |
</div> | |
{block:Source}<div class="source entry-title">{Source}</div>{/block:Source} | |
</div> | |
{/block:Quote} | |
{block:Link} | |
<div class="link {TagsAsClasses}"> | |
<h2 class="entry-content"> | |
<a href="{URL}" class="link" {Target}>{Name}</a> | |
</h2> | |
{block:Description} | |
<div class="description entry-title">{Description}</div> | |
{/block:Description} | |
</div> | |
{/block:Link} | |
{block:Conversation} | |
<div class="conversation {TagsAsClasses}"> | |
{block:Title}<h2 class="entry-title"><a href="{Permalink}">{Title}</a></h2>{/block:Title} | |
<div class="entry-content"> | |
<ul> | |
{block:Lines} | |
<li> | |
{block:Label}<span class="label">{Label}</span>{/block:Label} | |
{Line} | |
</li> | |
{/block:Lines} | |
</ul> | |
</div> | |
</div> | |
{/block:Conversation} | |
{block:Audio} | |
<div class="audio {TagsAsClasses}"> | |
<div class="entry-content"> | |
{AudioPlayerGrey} | |
</div> | |
{block:Caption} | |
<div class="caption entry-title">{Caption}</div> | |
{/block:Caption} | |
</div> | |
{/block:Audio} | |
{block:Video} | |
<div class="video {TagsAsClasses}"> | |
<div class="entry-content"> | |
{Video-500} | |
</div> | |
{block:Caption} | |
<div class="caption entry-title">{Caption}</div> | |
{/block:Caption} | |
</div> | |
{/block:Video} | |
</div> | |
{/block:Posts} | |
<div id="footer"> | |
<div id="pagination"> | |
{block:Pagination} | |
{block:PreviousPage} | |
<a href="{PreviousPage}" rel="prev">« Previous</a> | |
{/block:PreviousPage} | |
{block:NextPage} | |
<a href="{NextPage}" rel="next">Next »</a> | |
{/block:NextPage} | |
{/block:Pagination} | |
<!-- {block:DayPagination} | |
{block:NextDayPage} | |
<a href="{NextDayPage}" rel="prev">« {ShortMonth} {DayOfMonth}</a> | |
{/block:NextDayPage} | |
{block:PreviousDayPage} | |
<a href="{PreviousDayPage}" rel="next">{ShortMonth} {DayOfMonth} »</a> | |
{/block:PreviousDayPage} | |
{/block:DayPagination} --> | |
</div> | |
<div id="description"> | |
<p id="nav_container"> | |
{Description} | |
<a href="/about">About</a> | |
<span class="dim">/</span> | |
<a href="/tagged/diary">diary</a> | |
<span class="dim">/</span> | |
<a href="/tagged/something-good">something good</a> | |
<span class="dim">/</span> | |
<a href="/tagged/title">sprocket holes</a> | |
<span class="dim">/</span> | |
<a href="/archive" id="archive_link">Archive</a> | |
<span class="dim">/</span> | |
<a href="{RSS}">RSS</a> | |
<br/> | |
<a href="/apollo">apollo</a> | |
<span class="dim">/</span> | |
<a href="/aerophoto">aerophoto</a> | |
<span class="dim">/</span> | |
<a href="/tumblr_genesis">genesis</a> | |
<span class="dim">/</span> | |
<a href="/manifesto">manifesto</a> | |
</p> | |
</div> | |
<div id="credit"> | |
<p>My site is powered by <a href="http://www.tumblr.com/" | |
target="_blank">Tumblr</a>.<br/> the blog system for quote junkies. </p> | |
<p>All posts © their original owners.<br/> | |
Writing is reusable solely under the <a href="http://creativecommons.org/licenses/by/3.0/" rel="lisence">BY Creative Commons License</a>.</p> | |
</div> | |
</div> | |
</div> | |
</body> | |
</html> | |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment