Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!--
- theme #13: vista
- by leopardraws
- thanks for using my themes!
- feel free to change fonts and colors.
- enjoy!! <3
- -->
- <html>
- <head>
- <title>{Title}{block:searchpage}, search results: {searchquery}{/block:searchpage}{block:postsummary} - {postsummary}{/block:postsummary}
- </title>
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- <meta name="description" content="{MetaDescription}" />
- <meta name="color:Links" content="#888888"/>
- <meta name="color:Accent" content="#f0d07e"/>
- <meta name="color:Background" content="#f8f8f8"/>
- <meta name="color:Fonts" content="#aaaaaa"/>
- <meta name="color:Post title" content="#777777"/>
- <meta name="color:Entry" content="#ffffff"/>
- <meta name="color:Sidebar" content="#ffffff"/>
- <meta name="color:Borders" content="#f2f2f2"/>
- <meta name="color:Chats background" content="#fafafa"/>
- <meta name="color:Header background" content="#c8d1e2"/>
- <meta name="color:Navigation background" content="#020202"/>
- <meta name="color:Navigation fonts" content="#aaaaaa"/>
- <meta name="color:Navigation borders" content="#111111"/>
- <meta name="image:Avatar" content="https://goo.gl/4Nvtxq"/>
- <meta name="image:Header" content="https://goo.gl/ADmWci"/>
- <meta name="if:Show captions" content="1"/>
- <meta name="if:Custom tumblr controls" content="1"/>
- <meta name="if:Repeat header background" content="0"/>
- <meta name="if:Show header" content="1"/>
- <meta name="select:Posts width" content="350px"/>
- <meta name="select:Posts width" content="400px"/>
- <meta name="select:Posts width" content="450px"/>
- <meta name="select:Posts width" content="500px"/>
- <meta name="select:Posts width" content="540px"/>
- <meta name="select:Header size" content="100% auto" title="Fit width"/>
- <meta name="select:Header size" content="auto 100%" title="Fit height"/>
- <meta name="select:Header size" content="auto" title="Original"/>
- <meta name="select:Vertical header position" content="top" title="Top"/>
- <meta name="select:Vertical header position" content="bottom" title="Bottom"/>
- <meta name="select:Horizontal header position" content="left" title="Left"/>
- <meta name="select:Horizontal header position" content="right" title="Right"/>
- <meta name="select:Horizontal header position" content="center" title="Center"/>
- <meta name="text:Header title" content="many moons will guide us" />
- <meta name="text:Header height" content="245" />
- <meta name="text:Link 1 URL" content="#url"/>
- <meta name="text:Link 1 title" content="link#1"/>
- <meta name="text:Link 2 URL" content="#url"/>
- <meta name="text:Link 2 title" content="link#2"/>
- <meta name="text:Link 3 URL" content="#url"/>
- <meta name="text:Link 3 title" content="link#3"/>
- <link href="//fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,400italic,600italic|Cabin:400,600,700,400italic,600italic,700italic|Work+Sans:400,600,700,400italic,600italic,700italic|Lora:300,300italic,00,400italic,600,600italic" rel="stylesheet">
- <link href="//static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/> <!-- //pxu ph -->
- <link rel="stylesheet" href="http://static.tumblr.com/ev0x8sk/s9zoer9qd/imoon.css">
- <!-- imoon -->
- <style>
- /* defaults */
- .tmblr-iframe {
- {block:ifcustomtumblrcontrols}
- display:none!important;
- z-index:99999999999999;
- {block:ifcustomtumblrcontrols}}
- a {
- transition:.5s;
- text-decoration:none;
- color:{color:links};
- border-bottom:1px solid {color:accent}; }
- a:hover { color:{color:accent};
- cursor:help;}
- body { font:10.5px 'work sans', sans-serif;
- color:{color:fonts};
- margin:0;
- padding:0;
- min-height:100%;
- line-height:180%;
- background:{color:background}; }
- small, big, pre, sub, sup {
- font-size:10px!important; }
- p { margin:5px 0; }
- b, strong { font-style:normal; font-weight:normal; }
- i { font-style:normal; }
- ::-webkit-scrollbar {
- background:{color:entry};
- width:5px;
- height:5px;}
- ::-webkit-scrollbar-thumb {
- background:{color:accent};
- border:2px solid {color:entry};}
- blockquote {
- border-left:1px solid {color:borders};
- padding-left:10px;
- margin:3px 0 0 10px; }
- .tmblr-lightbox { background-color: rgba({RGBcolor:background},.9)!important; }
- .tmblr-lightbox .vignette { background: transparent!important }
- .tmblr-lightbox .lightbox-image { box-shadow:0 0 0 transparent!important; }
- .tmblr-lightbox .lightbox-caption {
- font-size:16px;!important;
- color:{color:font}!important;
- text-shadow: 0 0 0 transparent!important; }
- .tumblr-box { border-color:transparent!important; }
- #s-m-t-tooltip {
- max-width:240px;
- padding:5px 7px;
- margin-left:25px;
- margin-right:22px;
- font-size:9.5px;
- text-transform:uppercase;
- margin-top:18px;
- border-radius:1px;
- letter-spacing:.5px;
- z-index:9999999999999990;
- transition:.5s;
- border:1px solid {color:borders};
- color:{color:links};
- background-color:{color:entry}; }
- a#credits { position:fixed;
- z-index:999999;
- bottom:25px;
- right:20px;
- width:13px;
- height:13px;
- border-radius:1px;
- border-bottom:none;
- transform:rotate(45deg);
- background:{color:accent}; }
- .bodies { padding:18px; }
- .bodies img { max-width:100%; height:auto; }
- /* alignment */
- #content {
- left:50%;
- top:calc({text:header height}px + 90px);
- width:0;
- margin-left:calc(-{select:posts width} / 2);
- text-align:left;
- position: relative;
- margin-top: 110px;
- margin-bottom:0px;
- {block:ifnotshowheader}
- top:90px;
- {/block:ifnotshowheader}
- {block:PermalinkPage}
- margin-left:-270px;
- {/block:PermalinkPage} }
- .entry {
- border-radius:2px;
- border:1px solid {color:borders};
- margin-bottom:110px;
- box-shadow:0 0 3px {color:borders};
- background:{color:entry};
- width:{select:posts width};
- {block:PermalinkPage}
- width:540px;
- {/block:PermalinkPage} }
- .entry .titles {
- font-size:16px;
- letter-spacing:-.5px;
- color:{color:post title}; }
- /* photo posts */
- #photopost { width:100%;
- margin-bottom:-6px;}
- .captions {
- padding:10px 18px;
- border-top:1px solid {color:borders}; }
- .captions a.tumblr_blog {
- font-weight: normal;
- font-style: normal;
- line-height: 13px;
- margin-left:25px;
- display: inline-block; }
- a.tumblr_blog img {
- position:absolute;
- margin-top:-2px;
- margin-left: -26px; }
- .caption-ava {
- width: 20px;
- height: 20px;
- display: inline-block;
- margin-bottom: -7px;
- position: absolute;
- border-radius: 20px; }
- .captions blockquote {
- border:none;
- padding:0;
- margin:7px 0 0 0; }
- /* chat posts */
- .chatodd, .chateven { padding:10px 18px; }
- .chatodd b, .chateven b { color:{color:links}; }
- .chateven { background:{color:chats background}; }
- /* link posts */
- a.titles { border-bottom:none; }
- /* audio posts */
- .audio-box {
- margin-bottom:10px;
- margin-top:10px; }
- .audioplayer-inner {
- width:26px;
- height:27px;
- overflow: hidden; }
- .audioplayer-outer {
- padding:6px;
- width: 26px;
- height: 27px;
- position: relative;
- display: inline-block;
- overflow: hidden;
- background:white;
- margin: 7px 10px 0 15px;
- z-index: 10; }
- .audio-info { text-align: left;
- position: absolute;
- font-style:italic;
- margin-top: 17px;
- margin-left: 4px;
- width:calc({select:posts width} - 100px);
- display: inline-block;}
- .audio-info#audio-em { position:relative;
- padding:0 6px 0 20px;
- margin:10px 0 0 15px!important;}
- #audio-em br { display:none; }
- .audio-info b:after { content:' –'; opacity:.5; }
- .a-emb { margin:10px 10px 4px; }
- /* quote posts */
- p.source { margin:5px 0 -3px; }
- /* ask posts */
- .answer-question {
- text-transform:none;
- display:table-cell;
- line-height:17px;
- width:calc({select:posts width} - 55px);
- vertical-align:middle; }
- .asker-question { margin-top:0px;
- line-height:17px;
- letter-spacing:0; }
- .my-answer {
- padding: 0px 10px;
- margin: 0 15px 15px;
- border-left:1px solid {color:borders}; }
- #askerportrait { width:30px;
- display:table-cell;
- vertical-align:top;
- padding-right:14px; }
- #askerportrait img { width:30px;
- border-radius:3px;}
- .bodies.answers { padding:20px;
- margin-bottom: 14px;
- border-bottom: 1px solid {color:borders}; }
- /* post notes */
- .post-notes {
- padding:20px 0;
- max-height:300px;
- overflow-y:auto; }
- .post-notes img.avatar {
- width: 10px;
- height:10px;
- border-radius: 100%;
- margin-top: 5px;
- margin-right: 5px;
- margin-bottom: -2px; }
- .post-notes ol { list-style-type:none; }
- .post-notes li { display:block; }
- .post-notes li.like { display:block; }
- .post-notes li.note.more_notes_link_container {
- text-align:left!important; }
- a.avatar_frame { border-bottom:none; }
- #fix-scrollbar ::-webkit-scrollbar { background:{color:entry}!important; }
- #fix-scrollbar ::-webkit-scrollbar-thumb { border-color:{color:entry}!important; }
- /* top */
- .top-perma {
- display:table;
- width:calc({select:posts width} - 36px);
- {block:PermalinkPage}
- width:504px;
- {/block:PermalinkPage}
- padding:18px 18px 11px;
- border-bottom:1px solid {color:borders};}
- .top-perma.reblogged { display:none; }
- .via-on-post, .timestamp-on-post { display:table-cell;
- width:calc({select:posts width} - 170px); }
- #viathis, .viatitle, .icon-clock, .time-ago {
- display:table-cell;
- vertical-align:middle; }
- .top-perma a {
- color:{color:links};
- border-bottom:none; }
- #viathis {
- width:19px;
- border-radius:100px;}
- .viatitle {
- width:calc({select:posts width} / 3);
- padding-left:7px;}
- .top-perma i {
- font-size:12px;
- padding-right:0; }
- .time-ago {
- width:calc({select:posts width} / 3);
- text-align:right;
- padding-bottom:1px;
- padding-right:6px; }
- /* like button */
- .like {
- display:table-cell;
- vertical-align:middle; }
- .like:hover i { color:{color:accent}; }
- .like iframe { width: 13px!important;
- height: 15px!important; }
- .like i {
- transition: .5s;
- color {color:links}; }
- .like .like_button {
- position: absolute;
- margin: -1px -1px;
- opacity: 0; }
- .like .liked ~ .icon-heart { color:{color:accent}; }
- .icon-heart { font-size:11.5px!important; }
- #like.liked svg { opacity:0!important; }
- /* pagination */
- .pagination { margin-bottom:110px;
- width:{select:posts width};}
- .pagination-box {
- padding:4px;
- text-align:center;
- width:19px;
- display:inline-block;
- margin-right:0px;
- border-radius:2px;
- border:1px solid {color:borders};
- background:{color:entry}; }
- .pagination-box.current-page { background:{color:accent};
- color:{color:entry}; }
- /* header */
- .top-header {
- top:0;
- background:url('{image:header}') {color:header background} {select:vertical header position} {select:horizontal header position} scroll;
- background-size:{select:header size};
- position:absolute;
- {block:ifnotrepeatheaderbackground}
- background-repeat:no-repeat;
- {/block:ifnotrepeatheaderbackground}
- width:100%;
- min-height:95px;
- height:{text:header height}px;
- {block:ifnotshowheader}
- height:0;
- display:none;
- {/block:ifnotshowheader}
- }
- .header {
- width:100%;
- position:absolute;
- z-index:99000;
- top:{text:header height}px;
- right:0;
- box-shadow:0 0 3px {color:borders};
- border-bottom:1px solid {color:borders};
- border-top:1px solid {color:borders};
- background:{color:entry};
- {block:ifnotshowheader}
- top:-1px;
- position:fixed;
- {/block:ifnotshowheader} }
- .header .inner-header {
- transition:.5s;
- padding:25px; }
- .header-title { font-size:14px;
- display:table;
- transition:.5s;
- }
- #header-ava { width:45px;
- border-radius:100px;
- margin-right:12px;
- transition:.5s;
- {block:ifnotshowheader}
- opacity:0;
- {/block:ifnotshowheader}
- display:table-cell;
- vertical-align:middle;}
- .blog-title { display:table-cell;
- vertical-align:middle; }
- .blog-title a { color:{color:fonts};
- border-bottom:none; }
- .blog-title a:hover { color:{color:accent}; }
- a i[class^="icon"] { transition:.5s; }
- a:hover i[class^="icon"] { color:{color:accent}; }
- .sub-blog-title {
- font-size:10.5px;
- transition:.5s; }
- /* permalink */
- .perma {
- display:table;
- font:9px 'open sans', sans-serif;
- padding:13px 18px;
- color:{color:links};
- text-align:left;
- line-height:140%;
- border-top:1px solid {color:borders};}
- .perma i { font-size:12px!important; }
- .perma a {
- border-bottom:none;
- margin-right:3px; }
- .perma a.tag:after { content:';'; }
- .perma-reblog {
- font-size:11px;
- display:table;
- width:33px;
- color:{color:links}; }
- .perma-reblog a, .perma-reblog i, .notelabel i {
- display:table-cell;
- vertical-align:middle;
- padding-right:8px;}
- .perma-reblog a, .perma-reblog a:hover { border-bottom:none; }
- i.icon-heart { font-size:11.5px!important;
- padding-top:2px; }
- /* draggable tags */
- .post_tags, .post_tags a { color:{color:links}; }
- .post_tags {
- width:calc({select:posts width} - 160px)!important;
- position: relative;
- display:block;
- padding:5px 0;
- white-space: nowrap;
- overflow: hidden; }
- .post_tags.draggable .post_tags_inner {
- cursor: col-resize;
- -webkit-touch-callout: none;
- -webkit-user-select: none;
- -khtml-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none; }
- .post_tags_inner {
- float: left;
- position: relative;
- display:table-cell;
- vertical-align:middle;
- padding: 0px 20px 0px 0; }
- .post_tags a, .post_tags .post_tag {
- color: {color:links};
- font:10.5px 'work sans';
- text-decoration: none;
- margin-right: 3px;
- text-transform:none; }
- .post_tags a:before { content: '#'; }
- .post_tags a:hover,
- .post_tags .post_tag:hover,
- .post_tags a:focus,
- .post_tags .post_tag:focus,
- .post_tags a:active,
- .post_tags .post_tag:active { color: {color:accent}; }
- .notelabel {
- display: table-cell;
- font: 10.5px 'work sans';
- vertical-align: middle;
- width: 130px!important;
- box-shadow: -10px 0 10px {color:entry};
- text-align: right;
- z-index: 999;
- position: relative; }
- .notelabel i {
- font-size:11.5px!important;
- display:inline;
- padding-left:1px;
- padding-right:0;}
- .notelabel a { margin-right:0!important;
- color:{color:links}; }
- nav {
- position:fixed;
- top:0;
- z-index:999999;
- left:0;
- width:250px;
- height:100%;
- color:{color:navigation fonts};
- background:{color:navigation background};
- border-right:1px solid {color:navigation borders};
- box-shadow:0 0 3px {color:navigation borders};
- margin:0 0 0 -255px;
- transition:.5s; }
- nav ul {
- width:250px;
- padding:0;
- margin:0;
- list-style:none;
- overflow:hidden; }
- nav li { margin:0; }
- nav ul a {
- color:{color:navigation fonts};
- text-decoration:none;
- display:block;
- text-transform:uppercase;
- font-size:9.5px;
- letter-spacing:.5px;
- transition:.5s;
- padding:10px 17px;
- border-bottom:1px solid {color:navigation borders}; }
- nav a:hover { background:rgba({rgbColor:entry},.05); }
- .toggle-label {
- display:block;
- width:47px;
- height:31px;
- padding-top:16px;
- color:{color:fonts};
- text-align:center;
- font-size:16px;
- position:fixed;
- top:24px;
- left:24px;
- background:{color:entry};
- border-radius:100px;
- transition:.5s;
- z-index:999500; }
- .toggle-label:hover {
- cursor:crosshair, auto;
- color:{color:accent}; }
- input[type="checkbox"] { display:none; }
- input[type="checkbox"]:checked ~ nav { margin:0; }
- input[type="checkbox"]:checked ~ label.toggle-label {
- left:200px;
- top:10px;
- background:transparent;
- color:{color:navigation fonts};
- z-index:9999999999; }
- .nav-avatar { width:150px;
- margin-top:45px;
- display:inline-block;
- transition:.5s;
- border-radius:100px; }
- .nav-title { font-size:16px;
- text-align:center;
- padding-top:15px;
- display:block; }
- /*.nav-title:first-letter, .blog-title:first-letter, .sub-blog-title:first-letter { text-transform:uppercase; }*/
- .desc { padding:17px;
- border-top:1px solid {color:navigation borders};
- border-bottom:1px solid {color:navigation borders};
- margin-top:20px;
- max-height:150px;
- overflow:auto; }
- .desc a { color:{color:accent};
- border-bottom:none;
- }
- /* on scroll options */
- {block:ifshowheader}
- .header.fix-it { position:fixed!important; top:0; display:block; }
- .sub-blog-title.hide-it { opacity:0; margin-bottom:-15px; }
- #header-ava.shorten-it { opacity:0; margin-right:0px;}
- .inner-header.cut-it { padding:10px 25px 8px; }
- .toggle-label.move-it { top:10px; }
- .custom-controls.middle-it { top:22px; }
- {/block:ifshowheader}
- .custom-controls { position:absolute;
- right:25px;
- top:37px;
- text-transform:uppercase;
- letter-spacing:.5px;
- font-size:9.5px;
- transition:.5s;
- display:none;
- {block:ifcustomtumblrcontrols}
- display:block;
- {/block:ifcustomtumblrcontrols} }
- .goto-follow, .goto-dashboard {
- display:table-cell;
- width:100px; }
- .control-title, .custom-controls i {
- display:table-cell;
- vertical-align:middle; }
- .control-title { padding-right:4px; }
- .custom-controls i { font-size:12.5px; }
- .custom-controls a {
- text-decoration:none;
- color:{color:fonts};
- border-bottom:none; }
- {CustomCSS}
- </style>
- </head>
- <body>
- <div class="top-header"></div>
- <input type="checkbox" id="navigation" />
- <label for="navigation" class="toggle-label">
- <span class="icon-menu"></span>
- </label>
- <nav>
- <center><img src="{image:avatar}" class="nav-avatar"></center>
- <div class="nav-title">@{Name}</div>
- <div class="desc">{Description}</div>
- <ul>
- <li><a href="/">index</a></li>
- <li><a href="/ask">message</a></li>
- <li><a href="{text:link 1 url}">{text:link 1 title}</a></li>
- <li><a href="{text:link 2 url}">{text:link 2 title}</a></li>
- <li><a href="{text:link 3 url}">{text:link 3 title}</a></li>
- </ul>
- </nav>
- <div class="header">
- <div class="inner-header">
- <div class="header-title">
- <img src="{image:avatar}" id="header-ava">
- <div class="blog-title">
- <a href="/" title="index">{Name}</a>
- <div class="sub-blog-title">{text:header title}</div>
- </div>
- </div>
- <div class="custom-controls">
- <div class="goto-follow">
- <a href="//tumblr.com/follow/{name}">
- <div class="control-title">Follow</div>
- <i class="icon-show"></i>
- </a>
- </div>
- <div class="goto-dashboard">
- <a href="//tumblr.com/dashboard">
- <div class="control-title">Dashboard</div>
- <i class="icon-stack"></i>
- </a>
- </div>
- </div>
- </div>
- </div>
- <div id="content">
- {block:Posts}
- <div class="entry">
- {block:Date}
- {block:RebloggedFrom}
- <div class="top-perma">
- <div class="via-on-post">
- <a href="{ReblogRootURL}">
- <img src="{ReblogRootPortraitURL-128}" id="viathis" align="left">
- <div class="viatitle">{ReblogRootName}</div>
- </a>
- </div>
- <div class="timestamps-on-post">
- <a href="{Permalink}">
- <div class="time-ago">{TimeAgo}</div>
- <i class="icon-clock"></i>
- </a>
- </div>
- </div> <!-- /top perma -->
- {/block:RebloggedFrom}
- <div class="top-perma {block:RebloggedFrom}reblogged{/block:RebloggedFrom}">
- <div class="via-on-post">
- <a href="/">
- <img src="{Favicon}" id="viathis" align="left">
- <div class="viatitle">{Name}</div>
- </a>
- </div>
- <div class="timestamps-on-post">
- <a href="{Permalink}">
- <div class="time-ago">{TimeAgo}</div>
- <i class="icon-clock"></i>
- </a>
- </div>
- </div><!-- /top perma -->
- {/block:Date}
- {block:Answer}
- <div class="bodies answers">
- <div id="askerportrait">
- <img src="{AskerPortraitURL-128}">
- </div>
- <div class="answer-question">
- {Asker} asked:
- <div class="asker-question">{Question}</div>
- </div>
- </div>
- <div class="my-answer">{Answer}</div>
- {/block:Answer}
- {block:Text}
- <div class="bodies">
- {block:Title}<div class="titles">{Title}</div>{/block:Title}
- {Body}
- </div>
- {/block:Text}
- {block:Quote}
- <div class="bodies">
- <div class="titles">{Quote}</div>
- <p class="source">{Source}</p>
- </div>
- {/block:Quote}
- {block:Photo}
- <img src="{PhotoURL-HighRes}" id="photopost">
- {block:IndexPage}
- {block:IfShowCaptions}
- {block:Caption}<div class="captions">{Caption}</div>{/block:Caption}
- {/block:IfShowCaptions}
- {/block:IndexPage}
- {block:PermalinkPage}
- {block:Caption}<div class="captions">{Caption}</div>{/block:Caption}
- {/block:PermalinkPage}
- {/block:Photo}
- {block:Photoset}
- <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:IndexPage}
- {block:IfShowCaptions}
- {block:Caption}<div class="captions">{Caption}</div>{/block:Caption}
- {/block:IfShowCaptions}
- {/block:IndexPage}
- {block:PermalinkPage}
- {block:Caption}<div class="captions">{Caption}</div>{/block:Caption}
- {/block:PermalinkPage}
- {/block:Photoset}
- {block:Video}
- <div class="video">{Video-500}</div>
- {block:IndexPage}
- {block:IfShowCaptions}
- {block:Caption}<div class="captions">{Caption}</div>{/block:Caption}
- {/block:IfShowCaptions}
- {/block:IndexPage}
- {block:PermalinkPage}
- {block:Caption}<div class="captions">{Caption}</div>{/block:Caption}
- {/block:PermalinkPage}
- {/block:Video}
- {block:Link}
- <div class="bodies">
- <a href="{URL}" class="titles">{Name}</a>
- </div>
- {/block:Link}
- {block:Audio}
- <div class="audio-box">
- {block:AudioEmbed}
- <div class="a-emb">
- {AudioEmbed}
- </div>
- {/block:AudioEmbed}
- <div id="audio-content">
- {block:AudioPlayer}
- <div class="audioplayer-outer">
- <div class="audioplayer-inner">
- {AudioPlayerWhite}
- </div>
- </div>
- {/block:AudioPlayer}
- <div class="audio-info"
- {block:AudioEmbed}id="audio-em"{/block:AudioEmbed}>
- {block:Artist}<b>{Artist}</b>{/block:Artist}
- {block:TrackName}{TrackName}{/block:TrackName}
- </div>
- </div>
- </div> <!-- /audio-box -->
- {/block:Audio}
- {block:Chat}
- {block:Title}
- <div class="bodies" style="padding-bottom:0;">
- <div class="titles">{Title}</div>
- </div>
- {/block:Title}
- {block:Lines}<div class="chat{Alt}">
- {block:Label}<b>{Label}</b>{/block:Label}<br>
- {Line}
- </div>{/block:Lines}
- {/block:Chat}
- {block:ContentSource}
- <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
- width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
- {/block:SourceLogo}
- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
- {/block:ContentSource}
- {block:ReblogParent}{/block:ReblogParent}
- {block:Date}
- <div class="perma">
- <div class="perma-reblog">
- <div class="like">
- {LikeButton size="14"}
- <i class="icon-heart"></i>
- </div> <!-- /like -->
- <a href="{ReblogURL}" class="icon-repeat"></a>
- <div class="post_tags draggable">
- <div class="post_tags_inner">
- {block:HasTags}
- {block:Tags}
- <a href="{TagURL}">{Tag}</a>
- {/block:Tags}
- {/block:HasTags}
- </div>
- </div>
- </div> <!-- /perma-reblog -->
- <div class="notelabel">
- <a href="{Permalink}">
- {FormattedNoteCount}
- <i class="icon-ribbon"></i>
- </a>
- </div>
- </div> <!-- /perma -->
- {/block:Date}
- </div> <!-- /entry -->
- {block:PermalinkPage}
- {block:PostNotes}
- <div class="entry post-notes">{PostNotes}</div>
- {/block:PostNotes}
- {/block:PermalinkPage}
- {/block:Posts}
- {block:Pagination}
- <div class="pagination">
- {block:PreviousPage}
- <a href="{PreviousPage}" class="pagination-box">
- ‹
- </a>
- {/block:PreviousPage}
- {block:JumpPagination length="3"}
- {block:CurrentPage}
- <span class="pagination-box current-page">{PageNumber}</span>
- {/block:CurrentPage}
- {block:JumpPage}
- <a href="{URL}" class="pagination-box">{PageNumber}</a>
- {/block:JumpPage}
- {/block:JumpPagination}
- {block:NextPage}
- <a href="{NextPage}" class="pagination-box">
- ›
- </a>
- {/block:NextPage}
- </div>
- {/block:Pagination}
- </div> <!-- /content -->
- <a href="//leopardraws.tumblr.com" id="credits" title="theme"></a>
- <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>
- <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
- <script>
- $('#label').on('click', function() {
- if ($('.header-title').css('opacity') == 0) $('.header-title').css('opacity', 1);
- else $('.header-title').css('opacity', 0);
- });
- </script>
- <script>
- $(document).ready(function() {
- var $headerheight = $(".top-header").height();
- var $window = $(window),
- $header = $('.header'),
- $headerpadding = $('.inner-header'),
- $headeravatar = $('#header-ava'),
- $headersubtitle = $('.sub-blog-title'),
- $headerlabel = $('label.toggle-label'),
- $headercustom = $('.custom-controls'),
- elTop = $header.offset().top;
- $window.scroll(function() {
- $header.toggleClass('fix-it', $window.scrollTop() > $headerheight);
- $headeravatar.toggleClass('shorten-it', $window.scrollTop() > $headerheight);
- $headerpadding.toggleClass('cut-it', $window.scrollTop() > $headerheight);
- $headersubtitle.toggleClass('hide-it', $window.scrollTop() > $headerheight);
- $headerlabel.toggleClass('move-it', $window.scrollTop() > $headerheight);
- $headercustom.toggleClass('middle-it', $window.scrollTop() > $headerheight);
- });
- });
- </script>
- <script src="//static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
- <script>
- (function($){
- $(document).ready(function(){
- $("[title],a[title],img[title]").style_my_tooltips({
- tip_follows_cursor:true,
- tip_delay_time:35,
- tip_fade_speed:100,
- attribute:"title"
- });
- });
- })(jQuery);
- </script>
- <script>
- $(document).ready(function(){
- $(".post_tags_inner").draggable({
- axis : "x",
- scroll: false,
- stop: function() {
- var __left = $(this).css("left").replace(/[^-\d\.]/g, '');
- if(__left > 0){
- $(this).animate({left: 0}, 400, 'easeOutExpo');
- }
- var __width = $(this).outerWidth();
- var __parentWidth = $(".post_tags.draggable").outerWidth();
- if(__width > __parentWidth) {
- if(__left < __parentWidth-__width){
- $(this).animate({left: __parentWidth-__width}, 400, 'easeOutExpo');
- }
- } else {
- $(this).animate({left: 0}, 400, 'easeOutExpo');
- }
- }
- });
- });
- </script>
- <script src="//static.tumblr.com/wgg6svp/I8Yobwo15/unnest.min.js"></script>
- <script>
- $(document).ready(function(){
- $('.entry').unnest({
- yourCaption: ".captions",
- wrapName: ".tumblr_parent",
- newCaptionUsername: true,
- originalPostCaptionUsername: true,
- tumblrAvatars: true,
- tumblrAvatarClass: ".caption-ava",
- usernameColon: false
- });
- });
- </script>
- <!-- pxu ph -->
- <script src="//static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js">
- </script>
- <script type="text/javascript">
- $(document).ready(function() {
- $('.photo-slideshow').pxuPhotoset({
- 'ligthbox' : false,
- 'highRes' : true,
- 'rounded' : false,
- 'exif' : false,
- 'captions' : false,
- 'gutter' : '1px',
- 'photoset' : '.photo-slideshow',
- 'photoWrap' : '.photo-data',
- 'photo' : '.pxu-photo'
- }, function() {
- // callback
- });
- });
- </script>
- <!--<script type="text/javascript">-->
- <!--$(document).ready(function(){-->
- <!--$(".hide").hide();-->
- <!--$(".more").click(function(){-->
- <!--$(this).next(".hide").slideToggle('slow');-->
- <!--}); });-->
- <!--</script>-->
- </html>
Advertisement
Add Comment
Please, Sign In to add comment