Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!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">
- <!--
- THEME 13 by ARYASNARK
- Copyright © Aryasnark 2014 All Rights Reserved. No part of this website may be reproduced without my express consent.
- -->
- <head>
- <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
- <link href='http://fonts.googleapis.com/css?family=Lato:300,400,700,900' rel='stylesheet' type='text/css'>
- <meta name="color:background" content="#ffffff">
- <meta name="color:title" content ="#3b3b3b">
- <meta name="color:text" content="#3b3b3b">
- <meta name="color:tags" content="#d4d4d4">
- <meta name="color:tags hover" content="#3b3b3b">
- <meta name="color:link" content="#3b3b3b">
- <meta name="color:link hover" content="#3b3b3b">
- <meta name="color:sidelink" content="#3b3b3b">
- <meta name="color:sidelink hover" content="#3b3b3b">
- <meta name="color:border" content="#dddddd">
- <meta name="color:scrollbar" content="#dddddd">
- <meta name="color:scrollbar bg" content="#ffffff">
- <meta name="if:400px" content="1"/>
- <meta name="if:500px" content="0"/>
- <meta name="if:show captions" content="1"/>
- <meta name="text:link 1 title" content=""/>
- <meta name="text:link 1" content=""/>
- <meta name="text:link 2 title" content=""/>
- <meta name="text:link 2" content=""/>
- <meta name="text:link 3 title" content=""/>
- <meta name="text:link 3" content=""/>
- <meta name="text:link 4 title" content=""/>
- <meta name="text:link 4" content=""/>
- <style type="text/css">
- ::-webkit-scrollbar{
- width:11px;
- height:11px;
- }
- ::-webkit-scrollbar-track {
- background-color:{color:scrollbar bg};
- }
- ::-webkit-scrollbar-thumb{
- border:5px solid {color:scrollbar bg};
- background-color:{color:scrollbar};
- }
- ::-webkit-scrollbar-track-piece {
- height:30px;
- width: 30px;
- }
- body {
- margin:0px;
- padding:0px;
- font-size:10px;
- font-family:'Lato', sans-serif;
- font-weight:300;
- background:{color:background};
- line height:175%;
- letter-spacing:1px;
- }
- a:link, a, a:active, a:visited {
- text-decoration:none;
- color:{color:link};
- transition-duration: 0.6s;
- -moz-transition-duration: 0.6s;
- -webkit-transition-duration: 0.6s;
- -o-transition-duration: 0.6s;
- }
- a:hover {
- color:{color:link hover};
- transition-duration: 0.6s;
- -moz-transition-duration: 0.6s;
- -webkit-transition-duration: 0.6s;
- -o-transition-duration: 0.6s;
- }
- p { margin-bottom:10px; }
- p img {
- max-width:400px;
- {block:if500px}
- max-width:500px;
- {/block:if500px}
- }
- .text img {
- max-width:400px;
- height:auto;
- {block:if500px}
- max-width:500px;
- {/block:if500px}
- }
- /*HEADER*/
- .header {
- top:0;
- margin:50px auto;
- width:400px;
- background:transparent;
- overflow: hidden;
- text-align:left;
- {block:if500px}
- width:500px;
- {/block:if500px}
- transition-duration: 0.6s;
- -moz-transition-duration: 0.6s;
- -webkit-transition-duration: 0.6s;
- -o-transition-duration: 0.6s;
- }
- .header h2 {
- position:relative;
- text-transform:lowercase;
- color:{color:title};
- letter-spacing:3px;
- font-size:24px;
- float:center;
- text-align:left;
- padding:0px;
- font-weight:300;
- line-height:175%;
- width:400px;
- margin-bottom:-2px;
- {block:if500px}
- width:500px;
- {/block:if500px}
- transition-duration: 0.6s;
- -moz-transition-duration: 0.6s;
- -webkit-transition-duration: 0.6s;
- -o-transition-duration: 0.6s;
- }
- .header h2 a {
- color:{color:title};
- padding-bottom:5px;
- padding-right:1px;
- border-bottom:1px solid {color:border};
- }
- .header h2 a:hover {
- border-bottom:1px solid {color:text};
- padding-right:25px;
- }
- .header nav {
- display: inline-block;
- position:relative;
- float:center;
- margin-top:0px !important;
- margin-bottom:5px;
- width:100%;
- color:{color:sidelink};
- transition-duration: 0.6s;
- -moz-transition-duration: 0.6s;
- -webkit-transition-duration: 0.6s;
- -o-transition-duration: 0.6s;
- }
- .header nav:hover {
- color:{color:sidelink hover};
- transition-duration: 0.6s;
- -moz-transition-duration: 0.6s;
- -webkit-transition-duration: 0.6s;
- -o-transition-duration: 0.6s;
- }
- .header nav a {
- color:{color:sidelink};
- letter-spacing:1px;
- font-weight:300;
- padding:5px 0px 5px 0px;
- font-size:10px;
- text-transform:lowercase;
- text-decoration:none;
- transition-duration: 0.6s;
- -moz-transition-duration: 0.6s;
- -webkit-transition-duration: 0.6s;
- -o-transition-duration: 0.6s;
- }
- .header nav a:hover {
- color:{color:sidelink hover};
- }
- .header nav a:hover {
- text-decoration:underline;
- }
- .header desc {
- position:relative;
- float:center;
- display:inline-block;
- font-size:10px;
- letter-spacing:1px;
- line-height:175%;
- padding:20px 0px 20px 15px;
- margin-bottom:-7px;
- border-left:1px solid {color:border};
- transition-duration: 0.6s;
- -moz-transition-duration: 0.6s;
- -webkit-transition-duration: 0.6s;
- -o-transition-duration: 0.6s;
- }
- #sideline:before {content: "";
- height:1px;
- width:20px;
- display:inline-block;
- margin-right:10px;
- margin-left:0px;
- margin-bottom:2px;
- background-color:{color:border};
- transition-duration: 0.6s;
- -moz-transition-duration: 0.6s;
- -webkit-transition-duration: 0.6s;
- -o-transition-duration: 0.6s;
- }
- .header nav:hover #sideline:before {
- background-color:{color:text};
- width:35px;
- }
- .header desc:hover {
- border-left:1px solid {color:text};
- transition-duration: 0.6s;
- -moz-transition-duration: 0.6s;
- -webkit-transition-duration: 0.6s;
- -o-transition-duration: 0.6s;
- }
- /*POSTS*/
- #entry {
- margin:auto;
- margin-top:180px;
- {block:permalinkpage}
- margin-top:80px;
- {/block:permalinkpage}
- width:440px;
- {block:if500px}
- width:550px;
- {/block:if500px}
- }
- .post {
- position:relative;
- overflow:hidden;
- text-align:center;
- margin-top:20px;
- padding-left:20px;
- padding-bottom:0px;
- width:400px;
- {block:if500px}
- width:500px;
- {/block:if500px}
- }
- .date {
- position:absolute;
- font-size:9px;
- font-style:none;
- text-align:center;
- letter-spacing:1px;
- line-height:150%;
- text-transform:uppercase;
- font-weight:300;
- top:47%;
- margin-left:-215px;
- width:400px;
- color:{color:text};
- -ms-transform: rotate(-90deg);
- -moz-transform: rotate(-90deg);
- -o-transform: rotate(-90deg);
- -webkit-transform: rotate(-90deg);
- transform: rotate(-90deg);
- transition-duration: 0.6s;
- -moz-transition-duration: 0.6s;
- -webkit-transition-duration: 0.6s;
- -o-transition-duration: 0.6s;
- {block:if500px}
- margin-left:-260px;
- width:500px;
- font-size:10px;
- {/block:if500px}
- }
- .date a {
- color:{color:text};
- padding:5px;
- border-bottom:1px solid transparent;
- }
- .perminfo {
- width:400px;
- margin-left:0px;
- text-align:left;
- margin-bottom:200px;
- margin-top:10px;
- line-height:200%;
- text-transform:none;
- {block:PermalinkPage}
- margin-bottom:50px;
- {/block:PermalinkPage}
- font-size:9px;
- {block:if500px}
- width:500px;
- {/block:if500px}
- }
- .perminfo a {
- color:{color:link};
- }
- .perminfo a:hover {
- color:{color:link hover};
- text-decoration:underline;
- }
- #info {
- width:400px;
- margin-left:20px;
- text-align:left;
- margin-bottom:200px;
- margin-top:0px;
- text-transform:uppercase;
- {block:PermalinkPage}
- margin-bottom:100px;
- {/block:PermalinkPage}
- font-size:8px;
- {block:if500px}
- width:500px;
- {/block:if500px}
- }
- .tags {
- font-size:7px;
- font-style:none;
- text-align:left;
- letter-spacing:2px;
- line-height:225%;
- text-transform:uppercase;
- padding-top:10px;
- font-weight:400;
- color:{color:tags};
- transition-duration: 0.3s;
- -moz-transition-duration: 0.3s;
- -webkit-transition-duration: 0.3s;
- -o-transition-duration: 0.3s;
- }
- .tags a {
- color:{color:tags};
- margin:5px;
- border-bottom:1px solid transparent;
- }
- .tags a:hover {
- color:{color:tags hover};
- border-bottom:1px solid transparent;
- }
- .caption {
- font-size:10px;
- display:block;
- padding:3px 0px 3px 10px;
- margin-top:10px;
- margin-bottom:0px;
- text-transform:none;
- border-left:1px solid {color:border};
- line-height:175%;
- color:{color:text};
- transition-duration: 0.6s;
- -moz-transition-duration: 0.6s;
- -webkit-transition-duration: 0.6s;
- -o-transition-duration: 0.6s;
- }
- .caption:hover {
- border-left:1px solid {color:text};
- }
- .caption img {
- max-width:360px;
- {block:if500px}
- max-width:460px;
- {/block:if500px}
- }
- .caption a {
- border-bottom:1px solid {color:text};
- }
- blockquote {
- padding-left:0px;
- margin-left:10px;
- border-left:1px solid transparent;
- }
- h1 {
- text-transform:lowercase;
- color:{color:title};
- letter-spacing:3px;
- font-size:24px;
- text-align:left;
- font-weight:300;
- margin-bottom:-17px;
- padding:0px 0px 5px 0px;
- {block:indexpage}
- width:400px;
- white-space:nowrap;
- overflow:hidden;
- text-overflow:ellipsis;
- {block:if500px}
- width:500px;
- {/block:if500px}
- {/block:indexpage}
- transition-duration: 0.6s;
- -moz-transition-duration: 0.6s;
- -webkit-transition-duration: 0.6s;
- -o-transition-duration: 0.6s;
- }
- h1 a {
- color:{color:title};
- }
- .desc {
- font-size:10px;
- letter-spacing:1px;
- line-height:175%;
- padding:20px 0px 15px 20px;
- text-align:left;
- {block:indexpage}
- border-left:1px solid {color:border};
- {/block:indexpage}
- transition-duration: 0.6s;
- -moz-transition-duration: 0.6s;
- -webkit-transition-duration: 0.6s;
- -o-transition-duration: 0.6s;
- }
- .desc a {
- color:{color:link};
- transition-duration: 0.6s;
- -moz-transition-duration: 0.6s;
- -webkit-transition-duration: 0.6s;
- -o-transition-duration: 0.6s;
- }
- .desc a:hover {
- color:{color:link hover};
- text-decoration:underline;
- transition-duration: 0.6s;
- -moz-transition-duration: 0.6s;
- -webkit-transition-duration: 0.6s;
- -o-transition-duration: 0.6s;
- }
- .desc:hover {
- {block:indexpage}
- border-left:1px solid {color:text};
- {/block:indexpage}
- }
- #line:before {content: "";
- height:1px;
- width:30px;
- display:inline-block;
- margin-right:10px;
- margin-left:0px;
- margin-bottom:6px;
- background-color:{color:border};
- transition-duration: 0.6s;
- -moz-transition-duration: 0.6s;
- -webkit-transition-duration: 0.6s;
- -o-transition-duration: 0.6s;
- }
- h1:hover #line:before {
- background-color:{color:text};
- }
- #pagination {
- width:440px;
- bottom:0px;
- margin-bottom:110px;
- margin-top:-100px;
- font-size:11px;
- text-align:center;
- text-transform:uppercase;
- letter-spacing:3px;
- {block:if500px}
- width:540px;
- {/block:if500px}
- transition-duration: 0.6s;
- -moz-transition-duration: 0.6s;
- -webkit-transition-duration: 0.6s;
- -o-transition-duration: 0.6s;
- }
- #pagination a {
- color:{color:link};
- letter-spacing:3px;
- padding:5px 0px 5px 0px;
- margin:0px 10px 0 10px;
- border-bottom:1px solid transparent;
- }
- #pagination a:hover {
- color:{color:link hover};
- border-bottom:1px solid {color:text};
- }
- .quote {
- font-size:10px;
- font-style:none;
- text-align:left;
- letter-spacing:1px;
- line-height:175%;
- padding:20px 0px 15px 20px;
- margin-top:-15px;
- {block:if500px}
- margin-top:-19px;
- {/block:if500px}
- text-transform:none;
- {block:indexpage}
- border-left:1px solid {color:border};
- {/block:indexpage}
- transition-duration: 0.6s;
- -moz-transition-duration: 0.6s;
- -webkit-transition-duration: 0.6s;
- -o-transition-duration: 0.6s;
- }
- .quote:hover {
- {block:indexpage}
- border-left:1px solid {color:text};
- {/block:indexpage}
- }
- .source {
- font-size:9px;
- text-transform:uppercase;
- letter-spacing:2.5px;
- text-align:left;
- padding:0px 0px 5px 0px;
- line-height:200%;
- color:{color:text};
- font-weight:700;
- {block:indexpage}
- width:400px;
- white-space:nowrap;
- overflow:hidden;
- text-overflow:ellipsis;
- {block:if500px}
- width:500px;
- {/block:if500px}
- {/block:indexpage}
- {block:if500px}
- padding-bottom:10px;
- {/block:if500px}
- }
- .source:hover #qline:before {
- background-color:{color:text};
- }
- .source a {
- color:{color:link hover};
- text-decoration:none;
- }
- .source a:hover {
- color:{color:link hover};
- }
- #qline:before {content: "";
- height:1px;
- width:30px;
- display:inline-block;
- margin-right:10px;
- margin-left:0px;
- margin-bottom:3px;
- background-color:{color:border};
- transition-duration: 0.6s;
- -moz-transition-duration: 0.6s;
- -webkit-transition-duration: 0.6s;
- -o-transition-duration: 0.6s;
- }
- .asker {
- font-size:9px;
- text-transform:uppercase;
- letter-spacing:2.5px;
- text-align:left;
- padding:5px 0px 5px 0px;
- line-height:150%;
- color:{color:text};
- font-weight:700;
- {block:if500px}
- padding-bottom:10px;
- {/block:if500px}
- }
- .asker a {
- color:{color:text};
- }
- .asker:hover #qline:before {
- background-color:{color:text};
- }
- .asked {
- font-size:10px;
- font-style:none;
- text-align:left;
- letter-spacing:1px;
- line-height:175%;
- font-weight:300;
- padding:0px 0px 5px 0px;
- text-transform:uppercase;
- }
- .asked:hover #qline:before {
- background-color:{color:text};
- }
- .answer {
- font-size:10px;
- font-style:none;
- text-align:left;
- letter-spacing:1px;
- line-height:175%;
- padding:5px 0px 5px 20px;
- margin-top:-11px;
- text-transform:none;
- border-left:1px solid {color:border};
- transition-duration: 0.6s;
- -moz-transition-duration: 0.6s;
- -webkit-transition-duration: 0.6s;
- -o-transition-duration: 0.6s;
- }
- .answer:hover {
- border-left:1px solid {color:text};
- }
- .answer a {
- text-decoration:underline;
- }
- .answer a:hover {
- text-decoration:underline;
- }
- .answer img {
- max-width:380px;
- {block:ifsingle}
- {block:if500px}
- width:480px;
- {/block:if500px}
- {/block:ifsingle}
- }
- .playbutton {
- width:20px;
- height:30px;
- overflow:hidden;
- position:relative;
- opacity:0.7;
- z-index:100;
- margin:9px 18px 7px 10px;
- }
- .playbox {
- margin-top:14px;
- margin-left:13px;
- opacity:0.7;
- position: absolute;
- }
- .audiodata {
- font-size:10px;
- letter-spacing:2px;
- color:{color:text};
- padding:6px 10px 10px 10px;
- text-transform:uppercase;
- line-height:150%;
- height:55px;
- width:305px;
- margin-top:0px;
- margin-left:75px;
- text-align:right;
- {block:if500px}
- width:405px;
- {/block:if500px}
- }
- ol.notes {
- margin-top:10px;
- padding-bottom:1%;
- width:360px;
- list-style-type:lower-roman;
- text-align:left;
- text-transform:lowercase;
- line-height:200%;
- font-size:9px;
- {block:if500px}
- width:460px;
- {/block:if500px}
- }
- ol.notes a {
- color:{color:link};
- }
- ol.notes a:hover {
- color:{color:link hover};
- text-decoration:underline;
- }
- ol.notes li.note{
- padding:1%;
- }
- ol.notes li.note img.avatar{
- width:0px;
- height:0px;
- }
- #credit {
- bottom:0;
- right:0;
- text-align:center;
- font-size:7px;
- letter-spacing:3px;
- opacity:0.3;
- line-height:250%;
- position:fixed;
- padding:5px;
- }
- </style></head>
- <body>
- <div class="header">
- <h2><a href="/">{Title}</a></h2>
- <desc>{Description}</desc>
- <nav>
- <a href="/ask" id="sideline">ask</a>,
- <a href="/archive">archive</a>{block:iflink1},
- <a href="{text:link 1}">{text:link 1 title}</a>,{/block:iflink1}
- {block:iflink2}<a href="{text:link 2}">{text:link 2 title}</a>,{/block:iflink2}
- {block:iflink3}<a href="{text:link 3}">{text:link 3 title}</a>,{/block:iflink3}
- {block:iflink4}<a href="{text:link 4}">{text:link 4 title}</a>{/block:iflink4}
- </nav>
- </div>
- <div id="entry">
- {block:Posts}
- <div class="post">
- {block:Text}
- {block:IndexPage}
- <div class="date">{block:Date}<a href="{Permalink}">-{DayOfMonthwithZero}{MonthNumberWithZero}{ShortYear}-</a>{/block:Date}</div>
- {/block:IndexPage}
- {block:Title}<h1><a href="{Permalink}" id="line">{Title}</a></h1>{/block:Title}
- <div class="desc">{Body}</div>
- {/block:Text}
- {block:Photo}
- {block:IndexPage}
- <div class="date">{block:Date}<a href="{Permalink}">-{DayOfMonthwithZero}{MonthNumberWithZero}{ShortYear}-</a>{/block:Date}</div>
- {/block:IndexPage}
- {block:if400px}
- <center><a href="{Permalink}"><img src="{PhotoURL-400}"></a></center>
- {/block:if400px}
- {block:if500px}
- <center><a href="{Permalink}"><img src="{PhotoURL-500}"></a></center>
- {/block:if500px}
- {/block:Photo}
- {block:Photoset}
- {block:IndexPage}
- <div class="date">{block:Date}<a href="{Permalink}">-{DayOfMonthwithZero}{MonthNumberWithZero}{ShortYear}-</a>{/block:Date}</div>
- {/block:IndexPage}
- {block:if400px}
- {Photoset-400}
- {/block:if400px}
- {block:if500px}
- {Photoset-500}
- {/block:if500px}
- {/block:Photoset}
- {block:Quote}
- {block:IndexPage}
- <div class="date">{block:Date}<a href="{Permalink}">-{DayOfMonthwithZero}{MonthNumberWithZero}{ShortYear}-</a>{/block:Date}</div>
- {/block:IndexPage}
- {block:Source}
- <div class="source"><div id="qline">{Source}</div></div>
- {/block:Source}
- <div class="quote">‟{Quote}”</div>
- {/block:Quote}
- {block:Link}
- {block:IndexPage}
- <div class="date">{block:Date}<a href="{Permalink}">-{DayOfMonthwithZero}{MonthNumberWithZero}{ShortYear}-</a>{/block:Date}</div>
- {/block:IndexPage}
- <h1><div id="line"><a href="{URL}" {Target}>{Name}</a></div></h1>
- <div class="desc">{block:Description}
- {Description}
- {/block:Description}</div>
- {/block:Link}
- {block:Chat}
- {block:IndexPage}
- <div class="date">{block:Date}<a href="{Permalink}">-{DayOfMonthwithZero}{MonthNumberWithZero}{ShortYear}-</a>{/block:Date}</div>
- {/block:IndexPage}
- {block:Title}<h1 id="line">{Title}</h1>{/block:Title}
- <div class="desc">
- {block:Lines}
- {block:Label}<b>{Label}</b>{/block:Label} {Line}<br>
- {/block:Lines}
- </div>
- {/block:Chat}
- {block:Audio}
- {block:IndexPage}
- <div class="date">{block:Date}<a href="{Permalink}">-{DayOfMonthwithZero}{MonthNumberWithZero}{ShortYear}-</a>{/block:Date}</div>
- {/block:IndexPage}
- <div class="playbox"><div class="playbutton">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div></div>
- <div class="audiodata"><br>{block:TrackName}{TrackName}{/block:TrackName}{block:Artist}<br><b>{Artist}</b>{/block:Artist}</div>
- {/block:Audio}
- {block:Video}
- {block:IndexPage}
- <div class="date">{block:Date}<a href="{Permalink}">-{DayOfMonthwithZero}{MonthNumberWithZero}{ShortYear}-</a>{/block:Date}</div>
- {/block:IndexPage}
- {block:if400px}
- {Video-400}
- {/block:if400px}
- {block:if500px}
- {Video-500}
- {/block:if500px}
- {/block:Video}
- {block:Answer}
- {block:IndexPage}
- <div class="date">{block:Date}<a href="{Permalink}">-{DayOfMonthwithZero}{MonthNumberWithZero}{ShortYear}-</a>{/block:Date}</div>
- {/block:IndexPage}
- <div class="asked">{Question}</div>
- <div class="asker"><div id="qline">{Asker}</div></div>
- <div class="answer">{Answer}</div>
- {/block:Answer}
- </div>
- <div id="info">
- {block:Caption}
- {block:ifshowcaptions}
- <div class="caption">{Caption}</div>
- {/block:ifshowcaptions}
- {/block:Caption}
- {block:indexpage}
- <div class="tags">{block:HasTags}{block:Tags}<a href="/tagged/{Tag}">{Tag}</a>{/block:Tags}{/block:HasTags}</div>{/block:indexpage}
- {block:PermalinkPage}
- <div class="perminfo">
- {block:Date}Posted on the {DayOfMonthwithZero}{DayOfMonthSuffix} of {Month}, {Year}{/block:Date} {block:NoteCount}with {NoteCountwithLabel}{/block:NoteCount}<br>
- {block:ContentSource}by: <a href="{SourceURL}">{SourceTitle}</a> {/block:ContentSource} {block:RebloggedFrom}via: <a href="{ReblogParentURL}">{ReblogParentName}</a><br>{/block:RebloggedFrom}
- {block:HasTags}{block:Tags}#<a href="/tagged/{Tag}">{Tag}</a> {/block:Tags}{/block:HasTags}
- </div>
- {/block:PermalinkPage}
- </div>
- {/block:Posts}
- {block:PermalinkPage}
- {block:PostNotes}
- <div id="notes">{PostNotes}</div>
- {/block:PostNotes}
- {/block:permalinkpage}
- <div id="pagination">
- {block:IndexPage}
- {block:Pagination}
- {block:PreviousPage}
- <a href="{PreviousPage}">← regress</a>
- {/block:PreviousPage}
- {block:NextPage}
- <a href="{NextPage}">progress →</a>
- {/block:NextPage}
- {/block:Pagination}
- {/block:IndexPage}
- </div>
- <div id="credit"><br><a href="http://aryasnark.tumblr.com"><img src="http://static.tumblr.com/ktebk5j/b3on1bt0e/logo.png" height="23"></a></div>
- </div>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement