Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <!--
- FATE theme (05) by PEACHTHMS | peachthms.tumblr.com
- V1.0
- - do not claim this page or any of the code as your own
- - do not redistribute this page or any of the code as your own
- - do not mix my code with another theme maker's code
- - do not remove or edit the credit in anyway; it must remain visible in the code and on the page
- saturnthms - credit icon
- font awesome - icon font
- pixel union - extended tumblr photoset
- shythemes - video resize
- manos malihu - style my tooltips
- dave desandro - masonry
- magnusthemes - fuckstaff resize script
- -->
- <head>
- <title>{Title} {block:PostSummary}| {PostSummary}{/block:PostSummary}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
- <link href="https://fonts.googleapis.com/css?family=Roboto|Karla|Muli|Source+Sans+Pro|Lora" rel="stylesheet">
- <link href="https://cdnjs.cloudflare.com/ajax/libs/normalize/7.0.0/normalize.min.css" rel="stylesheet">
- <link href="//dl.dropbox.com/s/50g6fbds3rh4m0j/saturnicons.css" rel="stylesheet">
- <script src="http://static.tumblr.com/cqvi50o/KXOozhlfj/pt-access.js"></script>
- <script src="https://use.fontawesome.com/24c6d1af97.js"></script>
- <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
- <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
- <script src="https://cdn.rawgit.com/pixelunion/Extended-Tumblr-Photoset/9b3cb866/js/pxuPhotoset.min.js"></script>
- <script>
- $(document).ready(function(){
- $('.photo-slideshow').pxuPhotoset({
- lightbox: true,
- rounded: false,
- gutter: '3px',
- borderRadius: '0px',
- photoset: '.photo-slideshow',
- photoWrap: '.photo-data',
- photo: '.pxu-photo'
- });
- });
- </script>
- <script type="text/javascript" src="http://static.tumblr.com/cqvi50o/VSzox2ncv/style-my-tooltips.js"></script>
- <script>
- (function($) {
- $(document).ready(function() {
- $("[title]").style_my_tooltips({
- tip_follows_cursor: true,
- tip_delay_time: 200,
- tip_fade_speed: 300
- });
- });
- })(jQuery);
- </script>
- <script src="https://cdn.rawgit.com/meetselva/attrchange/master/js/attrchange.js"></script>
- <script src="https://cdn.rawgit.com/meetselva/attrchange/master/js/attrchange_ext.js"></script>
- <script src="http://static.tumblr.com/2b2izpj/cB7ogqs8l/jquery.initialize.js"></script>
- <script src="http://static.tumblr.com/p0knose/CtEozruse/jquery.fuckstaff.js"></script>
- <script>
- $(window).load(fuckTumblr(1280));
- $(document).ready(fuckTumblr(1280));
- $(document).ready(function(){
- $(".pxu-photo img").fuckStaff({
- width:"1280"
- });
- $(".photo img").fuckStaff({
- width:"1280" // or 540
- });
- $("a.tumblr-box").initialize(function(){
- $(this).attr("href",function(i, src) {
- return src.replace('_500.', '_1280.');
- });
- });
- });
- </script>
- <meta http-equiv="x-dns-prefetch-control" content="off"/>
- <meta name="color:background" content="#ffffff"/>
- <meta name="color:text" content="#686868"/>
- <meta name="color:links" content="#686868"/>
- <meta name="color:navigation links" content="#c9b2ba"/>
- <meta name="color:accent" content="#c9b2ba"/>
- <meta name="color:caption borders" content="#eeeeee"/>
- <meta name="color:permalink background hover" content="#d6bdc6"/>
- <meta name="color:permalink hover text" content="#ffffff"/>
- <meta name="color:post info background" content="#f6f6f6"/>
- <meta name="text:font size" content="12px"/>
- <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="if:single column" content="0"/>
- <meta name="if:hide tags on index" content="0"/>
- <meta name="select:font" content="Karla" title="Karla"/>
- <meta name="select:font" content="Roboto" title="Roboto"/>
- <meta name="select:font" content="Source Sans Pro" title="Source Sans Pro"/>
- <meta name="select:font" content="Muli" title="Muli"/>
- <style>
- * {
- margin: 0;
- padding: 0;
- }
- body {
- background-color: {color:background};
- font-family: '{select:font}', Arial, Calibri, Helvetica, sans-serif;
- color: {color:text};
- font-size: {text:font size};
- line-height: 1.8em;
- }
- a {
- color: {color:links};
- text-decoration: none;
- -webkit-transition-duration: 0.4s;
- -moz-transition-duration: 0.4s;
- transition-duration: 0.4s;
- }
- a:hover {
- color: {color:accent};
- }
- ul, ol {
- margin-left: 15px;
- }
- img {
- max-width: 100%;
- display: block;
- }
- blockquote {
- border-left: 2px solid {color:accent};
- padding-left: 15px;
- }
- small, big, sub, sup {
- font-size: {text:font size};
- }
- ::-moz-selection {
- background-color: {color:permalink background hover};
- color: {color:permalink hover text};
- }
- ::selection {
- background-color: {color:permalink background hover};
- color: {color:permalink hover text};
- }
- ::-webkit-scrollbar {
- width: 8px;
- height: 8px;
- }
- ::-webkit-scrollbar-thumb {
- background: {color:accent};
- }
- ::-webkit-scrollbar-track {
- background: #ffffff;
- }
- .tmblr-iframe-compact .tmblr-iframe--unified-controls {
- z-index: 99999999999;
- transform: scale(0.7,0.7);
- -webkit-filter: invert(50%);
- filter: invert(50%);
- }
- #s-m-t-tooltip {
- max-width: 300px;
- z-index: 100;
- margin: 24px 14px 7px 12px;
- padding: 2px 6px;
- background-color: {color:accent};
- color: #ffffff;
- -webkit-border-radius: 3px;
- -moz-border-radius: 3px;
- border-radius: 3px;
- }
- #container {
- width: 100%;
- height: 100%;
- }
- header {
- margin: 50px auto;
- display: flex;
- justify-content: space-between;
- align-items: center;
- width: 800px;
- }
- header img {
- width: 100px;
- -webkit-border-radius: 50%;
- -moz-border-radius: 50%;
- border-radius: 50%;
- }
- #header-info {
- width: 600px;
- padding: 0 30px;
- }
- nav {
- margin: 10px 0;
- font-weight: bold;
- }
- nav a {
- display: inline-block;
- color: {color:links};
- text-decoration: none;
- border-bottom: 2px solid transparent;
- -webkit-transition-duration: 0.6s;
- -moz-transition-duration: 0.6s;
- transition-duration: 0.6s;
- }
- nav a:hover {
- border-bottom: 2px solid {color:accent};
- }
- nav a:hover {
- color: {color:accent};
- }
- nav a:not(:last-of-type) {
- margin-right: 15px;
- }
- .posts-wrapper {
- margin: 50px auto 0;
- {block:ifnotsinglecolumn}
- width: 900px;
- {/block:ifnotsinglecolumn}
- {block:ifsinglecolumn}
- width: 540px;
- {/block:ifsinglecolumn}
- }
- .post-entry {
- {block:ifnotsinglecolumn}
- float: left;
- margin: 0 50px 50px;
- width: 200px;
- height: 200px;
- {block:PermalinkPage}
- float: none;
- position: relative!important;
- margin: 0 auto;
- width: 540px;
- height: auto;
- {/block:PermalinkPage}
- color: {color:post text};
- overflow: hidden;
- {/block:ifnotsinglecolumn}
- {block:ifsinglecolumn}
- margin: 200px auto;
- width: 540px;
- height: auto;
- {/block:ifsinglecolumn}
- {block:PermalinkPage}
- margin-bottom: 50px;
- {/block:PermalinkPage}
- }
- .post-entry::after, .audio-perma::after {
- content: '';
- display: table;
- clear: both;
- }
- .post-entry .photo img, .post-entry .photo-space img {
- display: block;
- margin: 0 auto;
- width: 540px;
- }
- .post-entry p {
- margin: 10px auto;
- }
- .post-entry h1 {
- margin-top: 0;
- }
- .post-entry:first-of-type {
- margin-top: 0;
- }
- .post-entry:hover > #permalink {
- {block:ifnotsinglecolumn}
- opacity: 1;
- {/block:ifnotsinglecolumn}
- }
- .photo, .photoset {
- {block:ifnotsinglecolumn}
- {block:IndexPage}
- width: 200px;
- height: 200px;
- background-repeat: no-repeat;
- background-position: center;
- background-size: cover;
- {/block:IndexPage}
- {block:PermalinkPage}
- display: block;
- height: auto;
- {/block:PermalinkPage}
- {/block:ifnotsinglecolumn}
- {block:ifsinglecolumn}
- display: none;
- {/block:ifsinglecolumn}
- }
- .photoset img {
- {block:ifnotsinglecolumn}
- display: none;
- {/block:ifnotsinglecolumn}
- }
- .photoset img:first-child {
- {block:ifnotsinglecolumn}
- display: block;
- {/block:ifnotsinglecolumn}
- }
- .photo-space .post-info {
- margin-top: -7px;
- }
- .video {
- {block:ifnotsinglecolumn}
- {block:IndexPage}
- height: 200px;
- {/block:IndexPage}
- {/block:ifnotsinglecolumn}
- }
- #quote, #question {
- font-family: 'Lora', Times New Roman, serif;
- font-style: italic;
- text-align: center;
- }
- #source {
- margin-top: 7px;
- text-align: center;
- {block:ifnotsinglecolumn}
- {block:PermalinkPage}
- margin-bottom: 10px;
- {/block:PermalinkPage}
- {/block:ifnotsinglecolumn}
- {block:ifsinglecolumn}
- margin-bottom: 10px;
- {/block:ifsinglecolumn}
- }
- #lines {
- margin-bottom: 10px;
- }
- #lines b:first-of-type {
- margin-right: 5px;
- text-transform: uppercase;
- }
- .audio {
- {block:IndexPage}
- display: flex;
- justify-content: center;
- align-items: center;
- position: absolute;
- width: 200px;
- height: 200px;
- background: {color:accent};
- color: {color:permalink hover text};
- font-size: 1.2em;
- text-align: center;
- {/block:IndexPage}
- }
- .audio-player {
- width: 500px;
- }
- .album-art img {
- position: relative;
- height: 200px;
- width: 200px;
- z-index: 11;
- }
- .audio-perma {
- position: relative;
- width: 540px;
- overflow: hidden;
- }
- .tumblr_audio_player {
- float: left;
- display: block;
- margin-right: 20px;
- padding: 28px;
- width: 33px;
- height: 30px;
- background-color: {color:accent};
- opacity: 1;
- }
- .track-info-perma {
- position: relative;
- overflow: auto;
- text-transform: uppercase;
- height: 80px;
- padding-right: 10px;
- display: table-cell;
- vertical-align: middle;
- text-align: right;
- width: 500px;
- }
- img.album-art-perma {
- float: right;
- height: 86px;
- }
- #asker {
- {block:ifnotsinglecolumn}
- padding: 10px;
- background: {color:post info background};
- {block:IndexPage}
- text-align: center;
- {/block:IndexPage}
- {/block:ifnotsinglecolumn}
- {block:ifsinglecolumn}
- padding: 10px;
- background: {color:post info background};
- {/block:ifsinglecolumn}
- }
- #asker a {
- color: {color:accent};
- text-transform: uppercase;
- }
- #question {
- margin: 10px 0 20px;
- font-size: 0.95em;
- {block:ifnotsinglecolumn}
- {block:PermalinkPage}
- padding: 10px;
- background: {color:post info background};
- {/block:PermalinkPage}
- {/block:ifnotsinglecolumn}
- {block:ifsinglecolumn}
- padding: 10px;
- background: {color:post info background};
- {/block:ifsinglecolumn}
- }
- .vignette, #vignette {
- opacity: 0;
- }
- .lightbox-image, #tumblr_lightbox img {
- border: 5px solid white!important;
- box-shadow: none!important;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
- }
- .tmblr-lightbox, #tumblr_lightbox {
- background-color: rgba(245, 245, 245, 0.97)!important;
- }
- .lightbox-caption, #tumblr_lightbox_caption {
- visibility: hidden;
- }
- .text .caption, .audio .caption, .photo .caption {
- {block:PermalinkPage}
- margin-top: 10px;
- padding: 10px;
- {/block:PermalinkPage}
- }
- .caption {
- display: block;
- }
- .reblog-list {
- display: block;
- }
- .reblog-header {
- padding-top: 10px;
- border-top: 1px solid {color:caption borders};
- }
- .reblog-header:first-of-type {
- border-top: 0;
- }
- .reblog-users a {
- border-bottom: 2px solid transparent;
- -webkit-transition-duration: 0.6s;
- -moz-transition-duration: 0.6s;
- transition-duration: 0.6s;
- }
- .reblog-users a:hover {
- border-bottom: 2px solid {color:accent};
- }
- .reblog-users img {
- display: inline-block;
- margin-right: 5px;
- width: 20px;
- vertical-align: middle;
- border-radius: 50%;
- }
- .reblog-content {
- margin-bottom: 10px;
- }
- .reblog-content:last-of-type {
- margin-bottom: 0;
- }
- #permalink {
- {block:ifnotsinglecolumn}
- {block:IndexPage}
- position: absolute;
- display: flex;
- justify-content: center;
- align-items: center;
- width: 100%;
- height: 100%;
- bottom: 0;
- background: {color:permalink background hover};
- opacity: 0;
- z-index: 99;
- -webkit-transition-duration: 0.5s;
- -moz-transition-duration: 0.5s;
- transition-duration: 0.5s;
- {/block:IndexPage}
- {/block:ifnotsinglecolumn}
- {block:PermalinkPage}
- display: none!important;
- {/block:PermalinkPage}
- {block:ifsinglecolumn}
- display: none!important;
- {/block:ifsinglecolumn}
- }
- #permalink a, #permalink a:hover, .permalink-photo, .permalink-photo:hover {
- border: 0;
- }
- #post-types {
- text-align: center;
- }
- #post-types .fa {
- font-size: 1.7em;
- cursor: help;
- }
- #permalink span a {
- margin: 0 5px;
- color: {color:permalink hover text};
- text-transform: uppercase;
- }
- #permalink .fa {
- color: {color:permalink hover text};
- }
- .post-info {
- {block:ifnotsinglecolumn}
- {block:IndexPage}
- display: none!important;
- {/block:IndexPage}
- {/block:ifnotsinglecolumn}
- padding: 10px;
- background: {color:post info background};
- font-size: 0.9em;
- text-align: center;
- text-transform: lowercase;
- }
- .post-section .fa {
- margin-right: 5px;
- color: {color:accent};
- }
- .post-section span {
- margin-right: 15px;
- padding: 3px 5px;
- }
- .post-section span:first-of-type {
- padding-left: 0;
- }
- #tags {
- {block:ifnotsinglecolumn}
- {block:IndexPage}
- display: none!important;
- {/block:IndexPage}
- {/block:ifnotsinglecolumn}
- {block:ifhidetagsonindex}
- {block:IndexPage}
- display: none!important;
- {/block:IndexPage}
- {/block:ifhidetagsonindex}
- margin-top: 10px;
- font-size: 0.9em;
- }
- #tags a {
- margin-right: 10px;
- }
- #tags a:last-of-type {
- margin-right: 0;
- }
- #postnotes {
- margin: 0 auto 50px;
- width: 540px;
- background-color: {color:background};
- text-transform: lowercase;
- }
- #postnotes img {
- display: none;
- }
- #postnotes ol {
- list-style: none;
- margin-left: 0;
- }
- .note {
- margin: 10px 0;
- }
- .note a {
- padding-bottom: 2px;
- }
- .note.like::before, .note.reblog::before, .note.reblog.with_commentary::before, .note.original_post::before, .note.reply::before {
- margin-right: 10px;
- font-family: 'FontAwesome';
- font-size: 0.9em;
- }
- .note.like::before {
- content: "\f004";
- color: #ff8787;
- }
- .note.reblog::before {
- content: "\f021";
- color: {color:accent};
- }
- .note.reblog.with_commentary::before {
- content: "\f27a";
- color: {color:accent};
- }
- .note.reblog.with_commentary blockquote {
- margin: 5px 0 0 25px;
- padding-left: 5px;
- border-left: 1px solid {color:accent2};
- }
- .note.original_post::before {
- content: "\f007";
- color: {color:accent};
- }
- .note.reply::before {
- content: "\f075";
- color: {color:accent2};
- }
- #pag {
- margin: 50px auto;
- width: inherit;
- text-align: center;
- }
- #pag span {
- margin: 0 40px;
- }
- #pag i {
- margin: 0 5px;
- color: {color:accent};
- }
- #btt {
- position: fixed;
- bottom: 10px;
- right: 10px;
- z-index: 999999;
- color: {color:accent};
- text-align: center;
- }
- #btt:hover {
- color: {color:links};
- }
- .credit {
- position: fixed;
- bottom: 10px;
- left: 17px;
- font-size: 14px;
- }
- .credit a {
- font-weight: normal;
- }
- .credit span {
- font-size: 10px;
- background: {color:accent};
- color: #ffffff;
- padding: 6px 9px;
- border-radius: 6px;
- opacity: 0;
- transition-duration: 0.5s;
- -moz-transition-duration: 0.5s;
- -webkit-transition-duration: 0.5s;
- }
- .credit:hover span {
- margin-left: 15px;
- opacity: 1;
- }
- .credit:before {
- content: '\e2b0';
- font-family: 'saturnicons';
- }
- .credit:hover:before {
- color: {color:accent};
- }
- </style>
- </head>
- <body id="top">
- <section id="container">
- <header>
- <img src="{PortraitURL-128}">
- <div id="header-info">
- <div id="header-top">
- <a href="/" title="refresh"><h1>{Name}</h1></a>
- <div id="header-desc">{Description}</div>
- </div>
- <nav>
- {block:AskEnabled}<a href="/ask">message</a>{/block:AskEnabled}
- {block:SubmissionsEnabled}<a href="/submit">submit</a>{/block:SubmissionsEnabled}
- <a href="/archive">archive</a>
- <a href="{text:link 1}">{text:link 1 title}</a>
- <a href="{text:link 2}">{text:link 2 title}</a>
- <a href="{text:link 3}">{text:link 3 title}</a>
- </nav>
- </div>
- </header>
- <article class="posts-wrapper">
- {block:Posts}
- {block:ContentSource}
- <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
- {/block:ContentSource}
- <!-- {block:NoRebloggedFrom}
- {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
- {/block:NoRebloggedFrom} -->
- <article class="post-entry">
- {block:ifnotsinglecolumn}
- <div id="permalink">
- <div id="permalink-wrapper">
- <div id="post-types">
- {block:Answer}<i class="fa fa-comment" aria-hidden="true" title="ask post"></i>{/block:Answer}
- {block:Text}<i class="fa fa-font" aria-hidden="true" title="text post"></i>{/block:Text}
- {block:Photo}<i class="fa fa-camera" aria-hidden="true" title="photo post"></i>{/block:Photo}
- {block:Photoset}<i class="fa fa-camera" aria-hidden="true" title="photoset post"></i>{/block:Photoset}
- {block:Quote}<i class="fa fa-quote-left" aria-hidden="true" title="quote post"></i> <i class="fa fa-quote-right" aria-hidden="true" title="quote post"></i>{/block:Quote}
- {block:Link}<i class="fa fa-link" aria-hidden="true" title="link post"></i>{/block:Link}
- {block:Chat}<i class="fa fa-comments" aria-hidden="true" title="chat post"></i>{/block:Chat}
- {block:Video}<i class="fa fa-video-camera" aria-hidden="true" title="video post"></i>{/block:Video}
- {block:Audio}<i class="fa fa-music" aria-hidden="true" title="audio post"></i>{/block:Audio}
- </div>
- <div id="permalink-info">
- <span>{block:NoteCount}
- <a href="{Permalink}" title="{NoteCountWithLabel}"><i class="fa fa-heart" aria-hidden="true"></i> {NoteCount}</a>
- {/block:NoteCount}
- {block:Date}
- <a href="{Permalink}" title="posted on {Month} {DayOfMonth}{DayOfMonthSuffix}"><i class="fa fa-clock-o" aria-hidden="true"></i> {TimeAgo}</a>
- {/block:Date}</span>
- </div>
- </div>
- </div>
- {/block:ifnotsinglecolumn}
- {block:Text}
- {block:Title}<h1>{Title}</h1>{/block:Title}
- <div class="caption">
- {block:NotReblog}<figcaption>{Body}</figcaption>{/block:NotReblog}
- {block:RebloggedFrom}
- <div class="reblog-list">
- {block:Reblogs}
- <div class="reblog-header">
- <div class="reblog-users">
- <img src="{PortraitURL-64}"><a href="{Permalink}" target="_blank">{Username}</a>
- </div>
- <div class="reblog-content">{Body}</div>
- </div>
- {/block:Reblogs}
- </div>
- {/block:RebloggedFrom}
- </div>
- {/block:Text}
- {block:Photo}
- {block:ifnotsinglecolumn}
- <div class="photo">
- <a href="#" class="permalink-photo" onclick="Tumblr.Lightbox.init([{ width: {PhotoWidth-HighRes}, height: {PhotoHeight-HighRes}, low_res: '{PhotoURL-500}', high_res: '{PhotoURL-HighRes}' }]); $('body').toggleClass('tumblr_lightbox_active'); return false">
- {block:IndexPage}
- <div class="photo" style="background-image: url('{PhotoURL-HighRes}');"></div>
- {/block:IndexPage}
- {block:PermalinkPage}
- <img src="{PhotoURL-HighRes}">
- {/block:PermalinkPage}
- </a>
- </div>
- {/block:ifnotsinglecolumn}
- {block:ifsinglecolumn}
- <div class="photo-space">
- <a href="#" class="permalink-photo" onclick="Tumblr.Lightbox.init([{ width: {PhotoWidth-HighRes}, height: {PhotoHeight-HighRes}, low_res: '{PhotoURL-500}', high_res: '{PhotoURL-HighRes}' }]); $('body').toggleClass('tumblr_lightbox_active'); return false">
- <img src="{PhotoURL-HighRes}">
- </a>
- </div>
- {/block:ifsinglecolumn}
- {block:Caption}
- <div class="caption">
- {block:NotReblog}<figcaption>{Caption}</figcaption>{/block:NotReblog}
- {block:RebloggedFrom}
- <div class="reblog-list">
- {block:Reblogs}
- <div class="reblog-header">
- <div class="reblog-users">
- <img src="{PortraitURL-64}"><a href="{Permalink}" target="_blank">{Username}</a>
- </div>
- <div class="reblog-content">{Body}</div>
- </div>
- {/block:Reblogs}
- </div>
- {/block:RebloggedFrom}
- </div>
- {/block:Caption}
- {/block:Photo}
- {block:Photoset}
- {block:ifnotsinglecolumn}
- {block:IndexPage}
- <div class="photoset">
- {block:Photos}
- <div class="photo" style="background-image: url('{PhotoURL-HighRes}');"></div>
- {/block:Photos}
- </div>
- {/block:IndexPage}
- {block:PermalinkPage}
- <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">
- {block:Photos}
- <div class="photo-data">
- <div class="pxu-photo">
- <img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}">
- </div>
- <a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a>
- </div>
- {/block:Photos}
- </div>
- {/block:PermalinkPage}
- {/block:ifnotsinglecolumn}
- {block:ifsinglecolumn}
- <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">
- {block:Photos}
- <div class="photo-data">
- <div class="pxu-photo">
- <img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}">
- </div>
- <a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a>
- </div>
- {/block:Photos}
- </div>
- {/block:ifsinglecolumn}
- {block:Caption}
- <div class="caption">
- {block:NotReblog}<figcaption>{Body}</figcaption>{/block:NotReblog}
- {block:RebloggedFrom}
- <div class="reblog-list">
- {block:Reblogs}
- <div class="reblog-header">
- <div class="reblog-users">
- <img src="{PortraitURL-64}"><a href="{Permalink}" target="_blank">{Username}</a>
- </div>
- <div class="reblog-content">{Body}</div>
- </div>
- {/block:Reblogs}
- </div>
- {/block:RebloggedFrom}
- </div>
- {/block:Caption}
- {/block:Photoset}
- {block:Video}
- {block:IndexPage}
- {Video-500}
- {/block:IndexPage}
- {block:PermalinkPage}
- <div class="video">{Video-500}</div>
- {/block:PermalinkPage}
- {block:Caption}
- <div class="caption">
- {block:NotReblog}<figcaption>{Caption}</figcaption>{/block:NotReblog}
- {block:RebloggedFrom}
- <div class="reblog-list">
- {block:Reblogs}
- <div class="reblog-header">
- <div class="reblog-users">
- <img src="{PortraitURL-64}"><a href="{Permalink}" target="_blank">{Username}</a>
- </div>
- <div class="reblog-content">{Body}</div>
- </div>
- {/block:Reblogs}
- </div>
- {/block:RebloggedFrom}
- </div>
- {/block:Caption}
- {/block:Video}
- {block:Quote}
- <div class="text">
- <div id="quote">"{Quote}"</div>
- {block:Source}<div id="source">{Source}</div>{/block:Source}
- </div>
- {/block:Quote}
- {block:Link}
- <div class="text">
- <h1><a href="{URL}">{Name}</a></h1>
- {block:Description}{Description}{/block:Description}
- </div>
- {/block:Link}
- {block:Chat}
- <div class="text">
- {block:Title}<h1>{Title}</h1>{/block:Title}
- {block:Lines}<div id="lines">
- {block:Label}<b>{Label}</b>{/block:Label}
- <span>{Line}<br></span></div>{/block:Lines}
- </div>
- {/block:Chat}
- {block:Audio}
- {block:ifnotsinglecolumn}
- {block:IndexPage}
- <div class="audio">
- {block:TrackName}
- {TrackName}
- {/block:TrackName}
- <br>
- {block:Artist}
- {Artist}
- {/block:Artist}
- </div>
- {block:AudioPlayer}
- {block:AlbumArt}
- <div class="album-art"><img src="{AlbumArtURL}"></div>
- {/block:AlbumArt}
- {/block:AudioPlayer}
- {/block:IndexPage}
- {block:PermalinkPage}
- <div class="audio-perma">
- {block:AudioPlayer}{AudioPlayer}{/block:AudioPlayer}
- {block:AlbumArt}
- <img src="{AlbumArtURL}" class="album-art-perma">
- {/block:AlbumArt}
- <div class="track-info-perma">{block:TrackName}<b>{TrackName}</b>{/block:TrackName}{block:Artist}<br>by {Artist}{/block:Artist}
- </div>
- </div>
- {/block:PermalinkPage}
- {/block:ifnotsinglecolumn}
- {block:ifsinglecolumn}
- <div class="audio-perma">
- {block:AudioPlayer}{AudioPlayer}{/block:AudioPlayer}
- {block:AlbumArt}
- <img src="{AlbumArtURL}" class="album-art-perma">
- {/block:AlbumArt}
- <div class="track-info-perma">{block:TrackName}<b>{TrackName}</b>{/block:TrackName}{block:Artist}<br>by {Artist}{/block:Artist}
- </div>
- </div>
- {/block:ifsinglecolumn}
- {block:Caption}
- <div class="caption">
- {block:NotReblog}<figcaption>{Caption}</figcaption>{/block:NotReblog}
- {block:RebloggedFrom}
- <div class="reblog-list">
- {block:Reblogs}
- <div class="reblog-header">
- <div class="reblog-users">
- <img src="{PortraitURL-64}"><a href="{Permalink}" target="_blank">{Username}</a>
- </div>
- <div class="reblog-content">{Body}</div>
- </div>
- {/block:Reblogs}
- </div>
- {/block:RebloggedFrom}
- </div>
- {/block:Caption}
- {/block:Audio}
- {block:Answer}
- <div class="text">
- <div id="asker">{Asker} asked</div>
- <div id="question">{Question}</div>
- {Answer}
- {block:Caption}
- <div class="caption">
- {block:NotReblog}<figcaption>{Body}</figcaption>{/block:NotReblog}
- {block:RebloggedFrom}
- <div class="reblog-list">
- {block:Reblogs}
- <div class="reblog-header">
- <div class="reblog-users">
- <img src="{PortraitURL-64}"><a href="{Permalink}" target="_blank">{Username}</a>
- </div>
- <div class="reblog-content">{Replies}</div>
- </div>
- {/block:Reblogs}
- </div>
- {/block:RebloggedFrom}
- </div>
- {/block:Caption}
- </div>
- {/block:Answer}
- {block:Date}
- <div class="post-info">
- <div class="post-section">
- <span><i class="fa fa-clock-o" aria-hidden="true"></i> <a href="{Permalink}" title="posted on {Month} {DayOfMonth}{DayOfMonthSuffix}">{TimeAgo}</a></span>
- {block:NoteCount}
- <span>
- <i class="fa fa-bookmark" aria-hidde="true"></i> <a href="{Permalink}">{NoteCountWithLabel}</a>
- </span>
- {/block:NoteCount}
- {block:RebloggedFrom}
- <span><i class="fa fa-user" aria-hidden="true"></i> <a href="{ReblogParentURL}" title="reblogged via {ReblogParentName}">{ReblogParentName}</a></span>
- {/block:RebloggedFrom}
- <span><i class="fa fa-refresh" aria-hidden="true"></i> <a href="{ReblogURL}" title="reblog this post?" target="_blank">reblog</a></span>
- {block:Answer}<span><i class="fa fa-comment" aria-hidden="true"></i> ask post</span>{/block:Answer}
- {block:Text}<span><i class="fa fa-font" aria-hidden="true"></i> text post</span>{/block:Text}
- {block:Photo}<span><i class="fa fa-camera" aria-hidden="true"></i>photo post</span>{/block:Photo}
- {block:Photoset}<span><i class="fa fa-camera" aria-hidden="true"></i>photoset post</span>{/block:Photoset}
- {block:Quote}<span><i class="fa fa-quote-left" aria-hidden="true"></i> <i class="fa fa-quote-right" aria-hidden="true"></i> quote post</span>{/block:Quote}
- {block:Link}<span><i class="fa fa-link" aria-hidden="true"></i>link post</span>{/block:Link}
- {block:Chat}<span><i class="fa fa-comments" aria-hidden="true"></i></i>chat post</span>{/block:Chat}
- {block:Video}<span><i class="fa fa-video-camera" aria-hidden="true"></i>video post</span>{/block:Video}
- {block:Audio}<span><i class="fa fa-music" aria-hidden="true"></i>audio post</span>{/block:Audio}
- </div>
- </div>
- {/block:Date}
- <div class="post-section">
- {block:HasTags}
- <div id="tags">
- <i class="fa fa-tags" aria-hidden="true"></i>
- {block:Tags}
- <a href="{TagURL}">#{Tag}</a>
- {/block:Tags}
- </div>
- {/block:HasTags}
- </div>
- </div>
- </article>
- {block:PostNotes}
- <div id="postnotes">{PostNotes}</div>
- {/block:PostNotes}
- {/block:Posts}
- </article>
- {block:Pagination}
- <div id="pag">
- {block:PreviousPage}
- <a href="{PreviousPage}" title="previous page" class="jump_page"><i class="fa fa-chevron-left"></i></a>
- {/block:PreviousPage}
- <span>{CurrentPage} of {TotalPages}</span>
- {block:NextPage}
- <a href="{NextPage}" title="next page" class="jump_page"><i class="fa fa-chevron-right"></i></a>
- {/block:NextPage}
- </div>
- {/block:Pagination}
- </section>
- <a href="#top" id="btt" title="scroll to top" onclick="scrollToTop();return false"><i class="fa fa-chevron-up" aria-hidden="true"></i></a>
- <div class="credit"><a href="http://peachthms.tumblr.com"><span>theme by peachthms</span></a></div>
- <script>
- var timeOut;
- function scrollToTop() {
- if (document.body.scrollTop!=0 || document.documentElement.scrollTop!=0){
- window.scrollBy(0,-50);
- timeOut=setTimeout('scrollToTop()',10);
- }
- else clearTimeout(timeOut);
- }
- </script>
- {block:ifnotsinglecolumn}
- <script src="http://static.tumblr.com/cqvi50o/vo6ow5klv/masonry.js"></script>
- <script>
- $(function(){
- var $container = $('.posts-wrapper');
- $container.imagesLoaded(function(){
- $container.masonry({
- itemSelector: '.post-entry',
- });
- });
- });
- </script>
- {/block:ifnotsinglecolumn}
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment