Permalink
Switch branches/tags
Nothing to show
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
563 lines (492 sloc) 15.1 KB
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>{Title} {block:PostSummary} - {PostSummary}{/block:PostSummary}{block:SearchPage} - {lang:Search results for SearchQuery}{/block:SearchPage}</title>
<name="author" content="41days.org" />
<link rel="apple-touch-icon" href="{PortraitURL-128}">
<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">
<link href="https://fonts.googleapis.com/css?family=Arimo|Rubik|Lora" rel="stylesheet">
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
<meta name="color:MainColor" content="#eaeaea"/>
<meta name="color:SecondaryColor" content="#000000"/>
<meta name="image:Sidebar" content="http://i.imgur.com/JswC2B1.png"/>
<meta name="text:Link1URL" content=""/>
<meta name="text:Link1" content=""/>
<meta name="text:Link2URL" content=""/>
<meta name="text:Link2" content=""/>
<meta name="text:Link3URL" content=""/>
<meta name="text:Link3" content=""/>
<meta name="text:Link4URL" content=""/>
<meta name="text:Link4" content=""/>
<meta name="text:Link5URL" content=""/>
<meta name="text:Link5" content=""/>
<meta name="text:Link6URL" content=""/>
<meta name="text:Link6" content=""/>
<meta name="text:TwitterUsername" content=""/>
<meta name="text:FacebookUsername" content=""/>
<meta name="text:InstagramUsername" content=""/>
<meta name="if:grayscale" content="1"/>
</head>
<style>
.tmblr-iframe {
position: fixed;
}
::selection {
background: {color:SecondaryColor};
color: #ffffff;
}
body {
background: {color:MainColor};
font-size: 0.8em;
font-family: 'Rubik', sans-serif;
color: {color:SecondaryColor};
}
a {
color: {color:SecondaryColor};
opacity: .8;
text-decoration: none;
transition: 0.5s;
}
.info a, #pagination a {
opacity: 1;
}
a:hover {
opacity: 1;
position: relative;
}
pre {
background: rgba(0,0,0,.5);
word-wrap: break-word;
}
#posts {
margin-left: 580px;
margin-top: 8em;
padding: 2em;
width: calc(500px + 5em);
}
.caption {
padding:0 2em 1em 2em;
}
.img {
{block:ifgrayscale}
filter: grayscale(1);
-o-filter: grayscale(1);
-moz-filter: grayscale(1);
-webkit-filter: grayscale(1);
{/block:ifgrayscale}
transition: 0.5s;
padding:2em;
}
.img:hover {
filter: grayscale(0);
-o-filter: grayscale(0);
-moz-filter: grayscale(0);
-webkit-filter: grayscale(0);
}
.post {
margin: 0 0 10em 0em;
width: calc(500px + 5em);
position:relative;
border-left:1px solid {color:SecondaryColor};
border-right:1px solid {color:SecondaryColor};
}
.permalink-info {
padding:1em;
border-top:1px solid {color:SecondaryColor};
border-bottom:1px solid {color:SecondaryColor};
}
.tumblr_blog, .source_link {
margin-top:1em;
margin-bottom:-1em;
background:{color:MainColor};
}
blockquote {
padding: 1em;
border:1px solid {color:SecondaryColor};
position:relative;
margin-left:0;
width: calc(100% - 2em);
}
#pagination {
position:fixed;
bottom: 1em;
right:1em;
font-weight:bolder;
}
#pagination a {
color:rgba(0,0,0,.5);
padding:0.5em 1em;
font-size:1.2em;
float:left;
display:inline-block;
}
.prev {
background: rgba(0,0,0,.5);
}
.next {
background: rgba(0,0,0,.7);
}
a h2, .quote, h2 {
font-size:2em;
font-family:"Lora", Sans-Serif;
font-style:italic;
color: {color:SecondaryColor};
margin:.5em 1em;
font-size:3em;
text-align:center;
}
.chat ul {
padding:0;
margin:0 2em;
}
.chat ul li {
list-style:none;
padding:1em;
border-bottom:1px solid {color:SecondaryColor};
width: calc(100% - 3em);
}
blockquote > blockquote {
border-left:1px solid {color:SecondaryColor};
}
#header {
position: fixed;
top: 2em;
left: 2em;
width: calc(100%-4em);
z-index: 5;
height:1em;
}
#header > h1 {
font-family: 'Arima', sans-serif;
text-transform:uppercase;
margin-top: 0;
font-size:5em;
float: left;
margin-right:1em;
}
#header > span {
margin-top:1.5em;
float:right;
}
#nav {
position:fixed;
left:2em;
bottom:0em;
width:610px;
height:100%;
background:url({image:Sidebar}) bottom right no-repeat;
position:fixed;
}
#nav > #links {
position: absolute;
left:1em;
bottom:1em;
width: 100%;
}
#nav > #links > a {
color: {color:SecondaryColor};
display: block;
margin-bottom:2em;
width:150px;
}
#nav > #links > a span {
border-top:1px solid {color:SecondaryColor};
width:1em;
background:{color:SecondaryColor};
display:inline-block;
padding-top:-10px;
-webkit-transform: rotate(-55deg);
-moz-transform: rotate(-55deg);
-o-transform: rotate(-55deg);
-ms-transform: rotate(-55deg);
transform: rotate(-55deg);
transition:0.2s;
margin:3px 0px;
}
#nav > #links > h1 {
font-family:"Lora", Sans-Serif;
float:left;
margin-right: 1em;
}
#nav > #links > h1 > a {
color: {color:SecondaryColor};
}
#nav > #links > h1 > .line {
width: 150px;
height:1px;
margin-left:-30px;
background: {color:SecondaryColor};
-webkit-transform: rotate(-35deg);
-moz-transform: rotate(-35deg);
-o-transform: rotate(-35deg);
-ms-transform: rotate(-35deg);
transform: rotate(-35deg);
}
#nav > #links > p {
margin-top: 50px;
}
#nav > #links > h1 > a {
margin-left: 50px;
}
#nav > #links > h1 > a:first-child {
margin-left: 0px;
}
#nav > #links > a:hover span {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
margin:3px 5px;
}
.info {
border-top: 1px solid {color:SecondaryColor};
margin-bottom:2em;
padding-right:20px;
}
.info a {
float: right;
padding:10px;
background: {color:MainColor};
margin-top:-1.5em;
}
.tag {
margin-top: 2em;
font-size: 0.8em;
padding-left:15px;
}
.tag a {
float:left;
padding:5px;
margin-bottom:6px;
margin-right:5px;
display:inline-block;
}
p .fa {
color:{color:SecondaryColor};
font-size:1.5em;
margin-top: 0.5em;
}
.linked {
position:absolute;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
background: {color:MainColor};
left:-30px;
padding:5px 10px;
transition:1s;
}
.q {
display:block;
border: 1px solid {color:SecondaryColor};
padding: 1em;
margin: 0 2em;
position: relative
}
.qasker {
position: absolute;
top: -1.3em;
background: {color:MainColor};
padding: .5em;
display: inline-block;
font-weight: bold;
font-size: 1.3em;
}
</style>
<body>
<div id="header">
<h1>{title}</h1>
<span>
{description}
</span>
</div>
<div id="nav">
<div id="links">
<a href="/"><b>01 <span></span> </b> Index</a>
<a href="/ask"><b>02 <span></span> </b> Message</a>
<a href="/archive"><b>03 <span></span> </b> Archive</a>
{block:iflink1}<a href="{text:Link1URL}"><b>04 <span></span> </b> {text:Link1}</a>{/block:iflink1}
{block:iflink2}<a href="{text:Link2URL}"><b>05 <span></span> </b> {text:Link2}</a>{/block:iflink2}
{block:iflink3}<a href="{text:Link3URL}"><b>06 <span></span> </b> {text:Link3}</a>{/block:iflink3}
{block:iflink4}<a href="{text:Link4URL}"><b>07 <span></span> </b> {text:Link4}</a>{/block:iflink4}
{block:iflink5}<a href="{text:Link5URL}"><b>08 <span></span> </b> {text:Link5}</a>{/block:iflink5}
{block:iflink6}<a href="{text:Link6URL}"><b>09 <span></span> </b> {text:Link6}</a>{/block:iflink6}
{block:iflink7}<a href="{text:Link7URL}"><b>10 <span></span> </b> {text:Link7}</a>{/block:iflink7}
<h1>
<a href="http://hellolittlered.org">thm</a>
<div class="line"></div>
<a href="https://www.behance.net/gallery/37328629/OCTAPHILOSOPHY">ins</a>
</h1>
<p>Visit Me On:<br>
{block:ifTwitterUsername}<a href="http://twitter.com/{text:TwitterUsername}" target="_blank"><i class="fa fa-twitter" aria-hidden="true"></i></a>{/block:ifTwitterUsername}
{block:ifInstagramUsername}<a href="http://instagram.com/{text:InstagramUsername}" target="_blank"><i class="fa fa-instagram" aria-hidden="true"></i></a>{/block:ifInstagramUsername}
{block:ifFacebookUsername}<a href="http://facebook.com/{text:FacebookUsername}" target="_blank"><i class="fa fa-facebook" aria-hidden="true"></i></a>{/block:ifFacebookUsername}
</div>
</div>
{block:Pagination}
<div id="pagination">
{block:PreviousPage}<a href="{PreviousPage}" class="prev"><i class="fa fa-angle-left" aria-hidden="true"></i></a>{/block:PreviousPage}
{block:NextPage}<a href="{NextPage}" class="next"><i class="fa fa-angle-right" aria-hidden="true"></i></a>{/block:NextPage}
</div>
{/block:Pagination}
<div id="content">
<div id="posts">
<div id="background"></div>
{block:posts}
<!-- {block:NoRebloggedFrom}
{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
{/block:NoRebloggedFrom} -->
{block:ContentSource}<!-- {SourceURL}
{block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
{/block:ContentSource}
<div class="post">
<div class="info">
{block:IndexPage}
{block:Date}
<a href="{Permalink}"><b>#{Year}{MonthNumberWithZero}{DayOfMonthWithZero} </b>
{block:NoteCount} <b>/</b> {NoteCountWithLabel}{/block:NoteCount}</a>
{/block:Date}
{/block:IndexPage}
</div>
<div class="linked">
<a href="{ReblogURL}" target="_blank">reblog</a>
</div>
{block:Text}
{block:Title}
<div class="img">
<a href="{Permalink}">
<h2>{Title}</h2>
</a>
</div>
{/block:Title}
<div class="caption">
{Body}
</div>
{/block:Text}
<!-- quote post -->
{block:Quote}
<div class="img quote">
<span>{Quote}</span>
</div>
<div class="caption">
<center><small>— {Source}</small></center>
</div>
{/block:Quote}
<!-- link post -->
{block:Link}
<div class="img">
<a href="{URL}">
<h2>{Name} »</h2>
</a>
</div>
{block:Description}
<div class="caption">{Description}
</div>
{/block:Description}
{/block:Link}
<!-- photo post -->
{block:Photo}
<div class="img">
<a href="{PhotoURL-HighRes}"><center><img src="{PhotoURL-500}"style="display:block" /></center></a>
</div>
{block:Caption}
<div class="caption">
{Caption}
</div>
{/block:Caption}
{/block:Photo}
<!-- photoset post -->
{block:Photoset}
<div class="img">
{Photoset-500}
</div>
{block:Caption}
<div class="caption">
{Caption}
</div>
{/block:Caption}
{/block:Photoset}
{block:Audio}
<div class="img">
{AudioEmbed-500}
</div>
{block:Caption}
<div class="caption">
{Caption}
</div>
{/block:Caption}
{/block:Audio}
<!-- ask post -->
{block:Answer}
<div class="q">
<div class="qasker">{Asker} wondered:</div>
<p>{Question}</p>
</div>
<div class="caption">
{Answer}
</div>
{/block:Answer}
{block:Chat}
{block:Title}
<div class="img">
<a href="{Permalink}">
<h2>{Title}</h2>
</a>
</div>
{/block:Title}
<div class="chat">
<ul>
{block:Lines}
<li>
{block:Label}<b>{Label}</b>{/block:Label}
{Line}
</li>
{/block:Lines}
</ul>
</div>{block:IndexPage}
{/block:IndexPage}
{/block:Chat}
{block:PermalinkPage}<div class="info tag"></div>{/block:PermalinkPage}
{block:IndexPage}
<div class="info tag">
{block:HasTags}{block:Tags}<a href="{TagURL}">#{tag} </a>{/block:Tags}{/block:HasTags}
</div>
{/block:IndexPage}
</div>
{block:PermalinkPage}
{block:PostNotes}
<div class="post">
<div class="permalink-info">
<div class="caption">
{block:Date}<div class="pinfos"><b>Posted On:</b> {DayOfWeek}, {Month} {DayOfMonthWithZero}{DayOfMonthSuffix} {Year}</div>{/block:Date}
{block:NoteCount}
<div class="pinfos"><b>Note Count:</b> {NoteCountWithLabel}</div>
{/block:NoteCount}
{block:RebloggedFrom}
<div class="pinfos"><b>Source:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a></div>
<div class="pinfos"><b>Via:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a></div>
{/block:RebloggedFrom}
{block:HasTags}<div class="pinfos"><b>Label:</b> {block:Tags}<a href="{TagURL}" class="fa fa-tag"> <span>{Tag}</span></a> {/block:Tags}</div>{/block:HasTags}
</div>
</div>
<div class="chat">
{PostNotes-16}
</div>
<div class="info tag"></div>
</div>
{/block:PostNotes}
{/block:PermalinkPage}
{/block:posts}
{/block:posts}
</div>
<div>
</body>
</html>