Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!--
- theme #17: banda
- by leopardraws
- thanks for using my themes!
- feel free to change fonts and colors.
- enjoy!! <3
- -->
- <!DOCTYPE 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="#444444"/>
- <meta name="color:Accent" content="#c8d9f5"/>
- <meta name="color:Accent box background" content="#c8d9f5"/>
- <meta name="color:Accent box font" content="#222222"/>
- <meta name="color:Background" content="#f7f7f7"/>
- <meta name="color:Fonts" content="#888888"/>
- <meta name="color:Entry" content="#ffffff"/>
- <meta name="color:Post title" content="#444444"/>
- <meta name="color:Borders" content="#eeeeee"/>
- <meta name="if:Show captions" content="1"/>
- <meta name="if:Full photosets" content="1"/>
- <meta name="if:Masonry" content="0"/>
- <meta name="if:Short text posts" content="0"/>
- <meta name="if:Borders" content="0"/>
- <meta name="if:Visible links" content="1"/>
- <meta name="if:Sidebar by the posts" content="1"/>
- <meta name="if:Hover permalink" content="0"/>
- <meta name="image:Avatar" content="https://goo.gl/4jnrnp"/>
- <meta name="text:Sidebar title" content=""/>
- <meta name="text:Link 1 URL" content="url 01 "/>
- <meta name="text:Link 1 title" content="title 01"/>
- <meta name="text:Link 2 URL" content="url 02"/>
- <meta name="text:Link 2 title" content="title 02"/>
- <meta name="text:Link 3 URL" content="url 03"/>
- <meta name="text:Link 3 title" content="title 03"/>
- <meta name="select:Posts width" content="180px"/>
- <meta name="select:Posts width" content="200px"/>
- <meta name="select:Posts width" content="250px"/>
- <meta name="select:Posts width" content="280px"/>
- <meta name="select:Posts width" content="300px"/>
- <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:Column number" content="1"/>
- <meta name="select:Column number" content="2"/>
- <meta name="select:Column number" content="3"/>
- <meta name="select:Column number" content="4"/>
- <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js">
- </script>
- <script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
- <link href="//fonts.googleapis.com/css?family=Muli:300,300i,400,400i,600,600i,700,700i,800,800i,900,900i|Nunito:400,400i,600,600i,700,700i,800,800i,900,900i|Roboto:400,400i,600,600i,700,700i,800,800i,900,900i|Source+Sans+Pro:400,400i,600,600i,700,700i" rel="stylesheet" />
- <link rel="stylesheet" href="http://static.tumblr.com/ev0x8sk/HJvour0hg/style.css">
- <style type="text/css">
- /* defaults */
- .iframe-controls--desktop {
- position:fixed;
- top:15px!important;
- right:20px!important;
- z-index:214748364789123456789;
- filter:invert(70%) contrast(2.5);
- -webkit-filter:invert(70%) contrast(2.5);
- -webkit-transform:scale(0.6,0.6);
- -webkit-transform-origin: 100% 0%;
- -ms-transform-origin:100% 0%;
- -ms-transform:scale(0.6,0.6);
- transform:scale(0.7,0.7);
- transform-origin:100% 0%;
- }
- ::selection { background:{color:accent}; color:white; }
- ::-webkit-scrollbar {
- width:5px;
- height:5px;
- border:2px solid {color:background};
- background:{color:accent box background}; }
- ::-webkit-scrollbar-thumb {
- border-radius:25%;
- border:1px solid {color:background};
- background:{color:accent box background};
- }
- a {
- text-decoration:none;
- transition:.2s;
- color:{color:links};
- border-bottom:1px solid {color:accent}; }
- a:hover { color:{color:accent};
- cursor:hand; }
- p { margin:5px 0; }
- p:only-child { margin:0!important; }
- p:first-child, p:first-of-type { margin-top:0!important; }
- p:last-child, p:last-of-type { margin-bottom:0!important; }
- i { font-style:italic; }
- pre { white-space:pre-wrap; }
- iframe#ask_form { margin-top:10px; }
- blockquote, .unnest blockquote blockquote {
- padding-left:14px;
- margin:5px 0 0;
- border-left:1px solid {color:borders}; }
- .unnest blockquote {
- padding:0;
- margin:0;
- border:none; }
- body {
- margin:0;
- padding:0;
- min-height:100%;
- text-align:left;
- color:{color:fonts};
- background:{color:background}; }
- body,
- body small,
- body big,
- body pre,
- body sub,
- body sup { -webkit-font-smoothing: antialiased;
- font:10px 'muli', sans-serif;
- line-height:18px;
- text-shadow: 0 0 0.25px rgba({rgbcolor:fonts},.1);}
- b,
- b small, small b,
- b big, big b,
- b pre, pre b,
- b sup, sup b,
- b sub, sub b {
- font-weight:400;}
- b, strong { font-weight:700; font-size:9.5px; }
- #s-m-t-tooltip {
- max-width:240px;
- padding:1px 3px 1px 4px;
- margin-left:20px;
- margin-right:15px;
- margin-top:-8px;
- border-radius:2px;
- z-index:99999999990;
- transition:.2s;
- line-height:11px;
- font-weight:600;
- background:{color:entry};
- color:{color:links};}
- /* tumblr lightbox */
- .tumblr-box { border-color:transparent!important; }
- .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 {
- color:{color:links}!important;
- text-shadow:0 0 0 transparent!important; }
- /* lists */
- ul { margin-left:-40px; }
- ol li { list-style-type:decimal-leading-zero; }
- ul li { list-style-type:none; }
- ul li:before {
- content:"—";
- letter-spacing:-1px;
- color:{color:borders};
- margin-right:10px; }
- /* post notes */
- .post-notes {
- margin-top:-71px;
- height:auto;}
- .post-notes img.avatar {
- width: 13px;
- height:13px;
- margin-top: 12px;
- margin-right: 10px;
- margin-bottom: -3px;
- border-radius: 2px; }
- .post-notes ol {
- padding-top:8px;
- margin: 0 0 0 -40px;}
- .post-notes li { list-style-type: none!important; }
- .post-notes li.more_notes_link_container {
- text-align: left;
- display: inline-block;
- padding:6px 0 7px; }
- .post-notes li.note.more_notes_link_container a {
- border-bottom:none;
- color:{color:links}!important; }
- a.avatar_frame { border-bottom:none; }
- .e-notes li:last-child { border-bottom:none!important; }
- /* alignment */
- #content {
- position:relative;
- left:50%;
- top:150px;
- width:calc( (55px + {select:posts width}) * {select:column number});
- margin-left:calc( ({select:posts width} + 50px) * {select:column number} / -2 - 25px);
- margin-bottom:200px;
- display:block;
- {block:PermalinkPage}
- width:540px;
- margin-left:-270px;
- {/block:PermalinkPage}
- }
- .entry {
- width:{select:posts width};
- display:inline-block;
- position:relative;
- overflow:hidden;
- border-radius:3px;
- background:{color:entry};
- margin-bottom:50px;
- {block:IndexPage}
- margin-left:50px;
- /*opacity:0;*/
- /*z-index:-1;*/
- {/block:IndexPage}
- {block:ifNotMasonry}
- vertical-align:middle;
- {/block:ifNotMasonry}
- {block:ifMasonry}
- vertical-align:top;
- {/block:ifMasonry}
- {block:ifborders}
- border:1px solid {color:borders};
- {/block:ifborders}
- {block:PermalinkPage}
- width:540px;
- display:block;
- {/block:PermalinkPage}}
- .e-notes {
- width: 100%; }
- .e-info {
- padding:12px 15px;
- border-top:1px solid {color:borders};
- border-bottom:1px solid {color:borders}; }
- .e-notes a { border:none; }
- .e-notes ol { padding:0; margin:0; }
- .e-notes li { list-style-type:none;
- display:block;
- padding: 10px 15px;
- border-bottom: 1px solid {color:borders}; }
- .e-notes li img {
- vertical-align: middle;
- border-radius: 3px;
- margin-right: 10px;
- width: 15px; }
- li.more_notes_link_container, li.more_notes_link_container a {
- text-align: left;
- display: block;
- border-bottom:none; }
- .e-notes li blockquote { margin-top:8px; }
- /* photos & etc */
- .photopost, .photo-slideshow, .video {
- {block:IndexPage}
- max-width:{select:posts width};
- width:{select:posts width};
- {/block:IndexPage}
- {block:PermalinkPage}
- width:540px!important;
- {/block:PermalinkPage}
- display:inline-block;
- overflow:hidden;
- margin:0;
- padding:0;
- margin-bottom:-5px;
- transition:.3s; }
- .photopost {
- {block:ifNotHoverPermalink}
- margin-bottom:-6px;
- {/block:ifNotHoverPermalink} }
- {block:IfHoverPermalink}
- {block:IndexPage}
- .entry:hover .photopost, .entry:hover .photo-slideshow { opacity:.2; }
- {/block:IndexPage}
- {/block:IfHoverPermalink}
- .photopost img { width:100%;
- margin-bottom:-6px;}
- .photopost a { border:none;
- margin-bottom:-6px; }
- /* audio */
- .audiocontainer {
- background:{color:accent box background};
- color:{color:accent box font};
- display:inline-block;
- position:relative;
- z-index:5;
- margin-bottom:-6px; }
- .audiocontainer h1 {
- color:{color:accent box font}; }
- .audiocontainer, .audio-art {
- z-index:10;
- width:{select:posts width};
- height:{select:posts width};
- {block:PermalinkPage}
- width:540px;
- height:540px;
- {/block:PermalinkPage}
- }
- .audio-art { z-index:20; }
- .audio-art:before {
- content:'';
- width:{select:posts width};
- height:{select:posts width};
- display:block;
- position:absolute;
- top:0;
- left:0;
- z-index:9999;
- {block:PermalinkPage}
- width:540px;
- height:540px;
- {/block:PermalinkPage}
- background-image:linear-gradient(rgba({rgbcolor:entry},.65), transparent 90%);}
- .audio-art {
- background-size:cover!important;
- background-repeat:no-repeat;
- background-position:top left;
- position:absolute;
- z-index:10;
- top:0;
- left:0; }
- .a-out {
- width:65px;
- height:65px;
- z-index:20;
- border-radius:3px;
- overflow:hidden;
- position:absolute;
- margin:20px; }
- .a-in {
- margin:-10px -6px;
- width:540px;
- position:absolute; }
- .a-info {
- width:calc({select:posts width} - 20px);
- z-index:20;
- margin:100px 20px 0;
- position:absolute;
- {block:PermalinkPage}
- width:520px;
- {/block:PermalinkPage} }
- .a-artist {
- margin-top:0px;}
- .a-track, .a-artist, .a-info h1 {
- color:{color:accent box font}; }
- .soundcloud_audio_player { margin:30px 10px; }
- /* captions */
- .unnest blockquote.tumblr_parent {
- margin:0 0 10px;
- border:none;
- padding:0; }
- .unnest blockquote.tumblr_parent:last-of-type {
- margin:0; }
- .unnest a.tumblr_blog {
- font-style: normal;
- font-weight: 500;
- letter-spacing: .25px;
- border-bottom:none;
- border-left-color:transparent;
- border-radius:3px;
- display:inline-block; }
- .unnest a.tumblr_blog:after {
- content:'\a';
- white-space:pre;
- clear:both; }
- .caption-ava {
- width: 13px;
- margin-right:6px;
- margin-bottom:-3px;
- border-radius:3px;
- display: inline-block;
- position: relative; }
- a.tumblr_blog[href="/"] img.caption-ava {
- margin-bottom: -4px;
- margin-right: 3px; }
- .captions img { max-width:100%; height:auto; }
- .tumblr_parent p:first-of-type { margin-top:0; }
- .tumblr_parent p:last-of-type { margin-bottom:0; }
- /* hide overflowing text in text posts*/
- .b-long {
- position: relative;
- height: 150px;
- overflow: hidden;
- transition: 0.5s; }
- .b-long:after {
- position: absolute;
- content: "";
- width: 100%;
- height: 70px;
- background-image:linear-gradient(0deg, rgba(255,255,255,.95), transparent 100%);
- bottom: 0px;
- left: 0px;
- transition: 0.5s; }
- .b-long.full-caption {
- height: 100%;
- transition: 0.5s; }
- .b-long.full-caption:after {
- opacity: 0;
- z-index: -1; }
- .b-more {
- position: absolute!important;
- bottom: 15px;
- display:inline-block;
- width:64px;
- font-family:nunito;
- left: 50%;
- margin-left:-32px;
- border-radius:2px;
- z-index: 999!important;
- font-weight:700;
- background:{color:accent box background};
- color:{color:accent box font}!important;
- text-align:center;
- border:none; }
- /* write */
- .bodies { padding:15px; }
- h1, h2, h3 {
- font-size:16px;
- font-family:nunito;
- font-weight:700;
- line-height:20px;
- color:{color:post title};
- margin:0;}
- .hastitle { margin-top:8px; }
- p.source {
- padding-top:5px;
- display:inline-block; }
- .l-content {
- width:{select:posts width};
- {block:PermalinkPage}
- width:540px;
- {/block:PermalinkPage}
- overflow:hidden;
- margin-bottom:-7px;
- display:inline-block; }
- .hascaption .l-content { margin-bottom:-6px; }
- .l-thumbnail {
- width:{select:posts width};
- height:calc({select:posts width} / 1.5);
- {block:PermalinkPage}
- width:540px;
- height:360px;
- {/block:PermalinkPage}
- background-size:cover;
- background-position:center; }
- .l-thumbnail:before {
- content:'';
- width:{select:posts width};
- height:calc({select:posts width} / 1.5);
- background-image:linear-gradient(rgba(0,0,0,.4), transparent 50%);
- {block:PermalinkPage}
- width:540px;
- height:360px;
- {/block:PermalinkPage}
- display:block;
- position:absolute;
- top:0;
- left:0;
- z-index:120; }
- .l-thumbnail { z-index:10; }
- .l-info {
- position:relative;
- z-index:20;
- background:{color:accent box background};
- padding:20px;
- color:{color:accent box font}; }
- .l-info h1 { margin-bottom:6px;
- color:{color:accent box font}; }
- .l-host.on {
- position:absolute;
- margin-top:20px;
- z-index:900;
- margin-left:25px;
- color:{color:entry}; }
- .l-host {
- z-index:900;
- font-weight:600;
- margin-top:-7px;
- margin-bottom:8px;
- font-size:10px;
- letter-spacing:2px;
- color:{color:accent box font}; }
- .l-host.not { display:none; }
- .captions.link-is { border-top:1px solid {color:borders}; }
- .captions.link-is.not { border:none!important; }
- /* chat posts */
- .chatblock { padding:15px 15px 0 0;
- display:block; }
- .chatblock b { color:{color:links}; }
- .chatarrange .chatblock:first-child { padding-top:0px;}
- .chatarrange .chatblock:nth-last-child(2) { padding-bottom:0px;}
- .chatarrange { margin-bottom:7px; }
- /* ask posts */
- .ans-question {
- width:calc({select:posts width} - 30px);
- border-bottom:1px solid {color:borders};
- {block:PermalinkPage}
- width:510px;
- {/block:PermalinkPage}
- padding:15px 15px 10px; }
- .ans-asker { display:block; }
- .ans-img {
- border-radius:3px;
- width:33px;
- margin-right:8px; }
- .ans { padding:15px; }
- /* like button */
- .like {
- display:inline-block;
- vertical-align:middle;
- margin:-1px 0;}
- .like iframe { width: 13px!important;
- height: 15px!important; }
- .like i {
- transition:.4s;
- color {color:links}; }
- .like .like_button {
- position: absolute;
- margin: 1px 1px;
- z-index: 9000000;
- opacity:0;
- }
- .text-perma .like_button { margin:1px 4px; }
- .like .liked ~ .i-heart { color:{color:accent}; }
- #like.liked svg { opacity:0!important; }
- /* pagination */
- .pagination {
- text-align:center;
- width:100%;
- left:0;
- font:800 10px muli;
- bottom:0; }
- .pagination a { border:none; }
- .pagination-box {
- text-align: center;
- width: 18px;
- padding:0 10px;
- display: inline-block;
- margin-right: -5px;
- border-radius: 3px; }
- .pagination-box.current-page {
- font-weight:700;
- color:{color:accent}; }
- /* sidebar */
- #ava {
- display:block;
- width:35px;
- height:35px;
- top:40px;
- left:40px;
- border-radius:3px;
- position:fixed;
- z-index:9999999999999999;
- overflow:hidden; }
- #ava:active { opacity:.8; }
- .entry .photo-perma {
- width:calc(100% - 30px);
- position:absolute;
- top:0;
- left:0;
- padding:10px;
- z-index:90;
- opacity:0;
- transition:.5s;
- display:block;}
- .text-perma {
- width:calc(100% - 30px);
- border-top:1px solid {color:borders};
- padding:10px 15px; }
- .text-perma a { border:none; }
- .entry:hover .photo-perma { opacity:1; }
- .photo-perma.hide { display:none; }
- .text-perma.hide { display:none; }
- .p-inner {
- text-align:left;
- width:100%;
- height:40px;
- top:50%;
- position:absolute;
- display:block; }
- .p-inner a { border:none; }
- .p-inner .p-control, .photo-perma .tags a {
- color:{color:accent box font}!important;
- display:inline-block;
- vertical-align:top;
- margin-right:4px;
- padding:3px 5px;
- border-radius:2px;
- opacity:0;
- text-align:center;
- transition:.5s;
- background:{color:accent box background};}
- .p-control:hover, .photo-perma .tags a:hover { background:{color:entry}; }
- .photo-perma .tags a { margin-top:4px; }
- .entry:hover .p-control, .entry:hover .photo-perma .tags a { opacity:1;}
- .captions { text-align:left; }
- .fnc {
- font-family:source sans pro;
- font-weight:600;
- font-size:12px; }
- .p-control i, .text-perma i { font-size:14px;
- font-weight:300;
- vertical-align:middle;
- color:{color:accent box font};
- display:inline-block; }
- .p-control i.i-reblog { margin-top:-2px; }
- .p-control i.i-heart {
- margin: -4px -1px 0 0px; }
- /* text-perma */
- .text-perma .tags a { margin-right:5px;
- border:none;
- display:inline-block; }
- .text-perma .t-perma-control {
- position:absolute;
- width:50px;
- text-align:right;
- margin-left:calc({select:posts width} - 80px);
- margin-top:-2px;
- {block:PermalinkPage}
- width:460px;
- {/block:PermalinkPage} }
- .text-perma i { margin-left:6px; }
- .text-perma i.i-reblog { margin-top:1.5px; }
- .tags a:before { content:'#'; }
- .cbp-spmenu {
- position: fixed;
- background:transparent; }
- .cbp-spmenu-vertical {
- width: 150px;
- height: auto;
- top: 95px;
- z-index: 1000; }
- .cbp-spmenu-left { left: 40px; opacity:0; }
- .cbp-spmenu-left.menu-open { left: 40px; opacity:1; }
- .cbp-spmenu { transition: all 0.5s ease; }
- .nav-links { margin-top:10px; }
- .nav-links i.box {
- padding:3px;
- background:{color:background};
- color:{color:accent box font};
- position:absolute;
- margin-left:;
- border-radius:2px;
- margin:5px -15px;
- width:1px;
- height:1px;
- display:inline-block;
- border:1px double {color:accent box background};
- margin-right:5px;}
- .nav-links a:hover i.box {
- margin:4px -16px;
- padding:2px;
- border-radius:3px;
- border:3px double {color:background};
- background:{color:accent box background}; }
- .nav-links a {
- padding-left:15px;
- display:inline-block;
- margin-top:5px;
- border:none; }
- {block:ifNotVisibleLinks}
- .toggle-menu:hover { cursor:help!important; }
- {/block:ifNotVisibleLinks}
- #sidebar {
- position:fixed;
- text-align:right;
- margin-left:-150px;
- {block:PermalinkPage}
- margin-left:-200px;
- {/block:PermalinkPage}
- top:150px; }
- #sidebar .cbp-spmenu-vertical {
- width: 150px;
- height: auto;
- left:auto;
- top: 205px;
- z-index: 1000; }
- #sidebar .nav-links { margin-right:15px; display:inline-block; }
- #sidebar .nav-links a:hover i.box { margin:4px 4px; }
- #sidebar i.box { margin:5px 5px; }
- #sidebar .desc { padding:0; }
- #sidebar #ava {
- position:relative;
- top:0px;
- right:0;
- margin-left:74px;
- border-radius:3px; }
- .nav-links a[href=""] { display:none; }
- {CustomCSS}
- </style></head>
- <body>
- {block:ifNotSidebarByThePosts}
- <a class="toggle-menu menu-left">
- <img src="{image:avatar}" id="ava"></img>
- </a>
- <nav class="cbp-spmenu cbp-spmenu-vertical {block:ifNotVisibleLinks}cbp-spmenu-left{/block:ifNotVisibleLinks}" {block:ifVisibleLinks}style="left:40px"{/block:ifVisibleLinks}>
- <h1 style="padding-bottom:1px">{text:sidebar title}</h1>
- <div class="desc">{Description}</div>
- <div class="nav-links">
- <a href="/"><i class="box"></i>index</a><br/>
- <a href="/ask"><i class="box"></i>message</a><br/>
- <a href="/archive"><i class="box"></i>past</a><br/>
- <a href="{text:link 1 url}"><i class="box"></i>{text:link 1 title}</a><br/>
- <a href="{text:link 2 url}"><i class="box"></i>{text:link 2 title}</a><br/>
- <a href="{text:link 3 url}"><i class="box"></i>{text:link 3 title}</a><br/>
- {block:HasPages}
- {block:Pages}
- <a href="{URL}"><i class="box"></i>{Label}</a><br/>
- {/block:Pages}
- {/block:HasPages}
- </div>
- </nav>
- {/block:ifNotSidebarByThePosts}
- <div id="content">
- {block:ifSidebarByThePosts}
- <div id="sidebar">
- <a class="toggle-menu menu-left">
- <img src="{image:avatar}" id="ava"></img>
- </a>
- <nav class="cbp-spmenu cbp-spmenu-vertical {block:ifNotVisibleLinks}cbp-spmenu-left{/block:ifNotVisibleLinks}">
- <h1 style="padding-bottom:1px">{text:sidebar title}</h1>
- <div class="desc">{Description}</div>
- <div class="nav-links">
- <a href="/">index<i class="box"></i></a><br/>
- <a href="/ask">message<i class="box"></i></a><br/>
- <a href="/archive">past<i class="box"></i></a><br/>
- <a href="{text:link 1 url}">{text:link 1 title}<i class="box"></i></a><br/>
- <a href="{text:link 2 url}">{text:link 2 title}<i class="box"></i></a><br/>
- <a href="{text:link 3 url}">{text:link 3 title}<i class="box"></i></a><br/>
- {block:HasPages}
- {block:Pages}
- <a href="{URL}">{Label}<i class="box"></i></a><br/>
- {/block:Pages}
- {/block:HasPages}
- </div>
- </nav>
- </div>
- {/block:ifSidebarByThePosts}
- {block:Posts}
- <article class="entry" id="{PostID}">
- {block:ifHoverPermalink}
- {block:Date}
- {block:IndexPage}
- <div class="photo-perma {block:PermalinkPage}hide{/block:PermalinkPage} {block:Text}hide{/block:Text} {block:Quote}hide{/block:Quote} {block:Link}hide{/block:Link} {block:Answer}hide{/block:Answer} {block:Chat}hide{/block:Chat} {block:Audio}hide{/block:Audio} {block:Video}hide{/block:Video}">
- <div class="p-inner">
- <div class="p-control" style="margin-right:2px;">
- <div class="like">
- {LikeButton size="14"}
- <i class="i-heart"></i>
- </div>
- </div>
- <a href="{ReblogURL}">
- <div class="p-control"><i class="i-reblog"></i>
- </div>
- </a>
- <a href="{Permalink}">
- <div class="p-control fnc">
- {FormattedNoteCount}
- </div>
- </a>
- {block:HasTags}
- <div class="tags">
- {block:Tags}<a href="{TagURL}">{Tag}</a>{/block:Tags}
- </div>
- {/block:HasTags}
- </div><!--/p inner-->
- </div><!--/photo perma-->
- {/block:IndexPage}
- {/block:Date}
- {/block:ifHoverPermalink}
- {block:Answer}
- <div class="ans-question">
- <img src="{AskerPortraitURL-128}" class="ans-img" align="left">
- <div class="ans-asker">{Asker} said:</div>
- {Question}
- </div>
- <div class="ans">{Answer}</div>
- {/block:Answer}
- {block:Text}
- <div class="bodies">
- {block:Title}<h1>{Title}</h1>{/block:Title}
- <div class="{block:Title}hastitle{/block:Title}">{Body}</div>
- </div>
- {/block:Text}
- {block:Quote}
- <div class="bodies">
- <h1>{Quote}</h1>
- <p class="source">{Source}</p>
- </div>
- {/block:Quote}
- {block:Link}
- <div class="l-content">
- <a href="{URL}">
- {block:Thumbnail}
- {block:Host}<div class="l-host on">{Host}</div>{/block:Host}
- {/block:Thumbnail}
- {block:Thumbnail}
- <div class="l-thumbnail"
- style="background-image:url('{Thumbnail-HighRes}');"></div>
- {/block:Thumbnail}
- <div class="l-info">
- <h1>{Name} ›</h1>
- <div class="l-host {block:Thumbnail}not{/block:Thumbnail}">
- {Host}
- </div>
- {block:Excerpt}<span class="excerpt">{Excerpt}</span>{/block:Excerpt}
- </div>
- </a>
- </div>
- {block:Description}
- <div class="bodies
- unnest
- link-is {block:Thumbnail}not{/block:Thumbnail}">
- {Description}
- </div>
- {/block:Description}
- {/block:Link}
- {block:Photo}
- <img src="{PhotoURL-HighRes}" class="photopost">
- {/block:Photo}
- {block:Photoset}
- {block:IndexPage}
- {block:iffullphotosets}
- <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:iffullphotosets}
- {block:ifnotfullphotosets}
- <div class="photopost">
- <a href="#" onclick="Tumblr.Lightbox.init([/*{block:Photos}, /**/ { width: {PhotoWidth-HighRes}, height: {PhotoHeight-HighRes}, low_res: '{PhotoURL-500}', high_res: '{PhotoURL-HighRes}' }{/block:Photos}]); $('body').toggleClass('tumblr_lightbox_active'); return false">
- {block:Photos}<img src="{PhotoURL-HighRes}"><!--{/block:Photos}-->
- </a>
- </div>
- {/block:ifnotfullphotosets}
- {/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:Photoset}
- {block:Video}
- <div class="video">{Video-500}</div>
- {/block:Video}
- {block:Audio}
- {block:AudioEmbed}
- <div class="a-out"><div class="a-in">{AudioEmbed}</div></div>
- {/block:AudioEmbed}
- <div class="a-info">
- {block:TrackName}<h1>{TrackName}</h1>{/block:TrackName}
- {block:Artist}
- <div class="a-artist">by <i>{Artist}</i></div>
- {/block:Artist}
- </div>
- <div class="audiocontainer"></div>
- {block:AlbumArt}
- <div class="audio-art" style="background:url('{AlbumArtURL}');">
- </div>
- {/block:AlbumArt}
- {/block:Audio}
- {block:Chat}
- <div class="bodies">
- {block:Title}<h1>{Title}</h1>
- {/block:Title}
- <div class="chatarrange">
- {block:Lines}
- <div class="chatblock">
- {block:Label}<b>{Label}</b>{/block:Label}<br>
- {Line}
- </div>
- {/block:Lines}
- </div>
- </div>
- {/block:Chat}
- {block:IndexPage}
- {block:ifShowCaptions}
- {block:Caption}<div class="bodies unnest">{Caption}</div>{/block:Caption}
- {/block:ifShowCaptions}
- {/block:IndexPage}
- {block:PermalinkPage}
- {block:Caption}<div class="bodies unnest">{Caption}</div>{/block:Caption}
- {/block:PermalinkPage}
- {block:Date}
- {block:IndexPage}
- <div class="text-perma {block:ifHoverPermalink}{block:Photo}hide{/block:Photo} {block:Photoset}hide{/block:Photoset}{/block:ifHoverPermalink}">
- <div class="t-perma-control">
- <div class="like">
- {LikeButton size="14"}<i class="i-heart"></i>
- </div>
- <a href="{ReblogURL}"><i class="i-reblog"></i></a>
- </div>
- <a href="{Permalink}">{NoteCountWithLabel}</a>
- {block:HasTags}
- <div class="tags">
- {block:Tags}<a href="{TagURL}">{Tag}</a>{/block:Tags}
- </div>
- {/block:HasTags}
- </div>
- {/block:IndexPage}
- {/block:Date}
- {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}
- {block:PermalinkPage}
- <div class="e-info">
- Posted on {Month} {DayOfMonthWithZero}{DayOfMonthSuffix} at {12Hour}:{Minutes}{CapitalAmPm} with {NoteCountWithLabel}
- {block:RebloggedFrom}<br>
- Via: <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
- Originally from: <a href="{ReblogRootURL}">{ReblogRootName}</a>
- {/block:RebloggedFrom}
- {block:HasTags}<br>
- Tagged as:{block:Tags} <a href="{TagURL}">#{Tag}</a>{/block:Tags}
- {/block:HasTags}
- </div>
- {block:PostNotes}
- <div class="e-notes">{PostNotes}</div>
- {/block:PostNotes}
- {/block:PermalinkPage}
- {/block:Date}
- </article>
- {/block:Posts}
- </div>
- <!-- /content -->
- <a href="//leopardraws.tumblr.com" title="theme" id="quote">”</a>
- <style>
- #quote { position:fixed; z-index:1000000000000; bottom:20px; right:15px; transition:.2s; font:40px muli; line-height:1px; padding:4px; text-align:center; border-bottom:none; }
- </style>
- {block:Pagination}
- <div class="pagination">
- {block:PreviousPage}
- <a href="{PreviousPage}" title="go back" class="pagination-box">
- ‹
- </a>
- {/block:PreviousPage}
- {block:JumpPagination length="3"}
- {block:CurrentPage}
- <span class="pagination-box current-page">×</span>
- {/block:CurrentPage}
- {block:JumpPage}
- <a href="{URL}" class="pagination-box">{PageNumber}</a>
- {/block:JumpPage}
- {/block:JumpPagination}
- {block:NextPage}
- <a href="{NextPage}" title="go forth" class="pagination-box">
- ›
- </a>
- {/block:NextPage}
- </div>
- {/block:Pagination}
- </body>
- <script src="//static.tumblr.com/wgg6svp/I8Yobwo15/unnest.min.js"></script><script>
- $(document).ready(function() {
- $('article').unnest({
- yourCaption: ".unnest",
- tumblrAvatars: true,
- newCaptionUsername: false,
- originalPostCaptionUsername: true,
- tumblrAvatarClass: ".caption-ava",
- usernameColon: false
- });
- });
- </script>
- {block:ifMasonry}
- {block:IndexPage}
- <script src="//static.tumblr.com/ev0x8sk/nr9orkkep/masonry.js"></script>
- <script>
- $(document).ready(function(){
- var $content = $('#content');
- $content.masonry({ itemSelector: '.entry' });
- $content.imagesLoaded(function(){
- $content.masonry();
- });
- });
- </script>
- {/block:IndexPage}
- {/block:ifMasonry}
- {block:ifNotVisibleLinks}
- <script src="http://static.tumblr.com/ev0x8sk/o4Oouln6h/jpushmenu.js">
- </script>
- <script>
- jQuery(document).ready(function($) {
- $('.toggle-menu').jPushMenu();
- });
- </script>
- {/block:ifNotVisibleLinks}
- </script>
- {block:ifShortTextPosts}
- {block:ifNotMasonry}
- {block:IndexPage}
- <script>
- $(document).ready(function(){
- $('article').find('.bodies').each(function() {
- var heightbody = $(this).innerHeight(),
- buttontext = "read more",
- readmore = "b-more";
- if (heightbody >= 320) {
- $(this).addClass('b-long');
- $(this).append('<a href="#" class="'+ readmore +'">' + buttontext + '</a>');
- $(this).find('.b-more').click(function(e) { e.preventDefault();
- $(this).remove();
- $('.b-long').addClass('full-caption');
- });
- }
- });
- });
- </script>
- {block:IndexPage}
- {/block:ifNotMasonry}
- {/block:ifShortTextPosts}
- <script src="//static.tumblr.com/ev0x8sk/q2borkomt/jquery.trunc.min.js">
- </script>
- <script>
- $(document).ready(function() {
- $('.excerpt').trunc(150);
- });
- </script>
- <script src="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
- <!-- pxu -->
- <link href="//static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
- <script src="//static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
- <script>
- $(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>
- <!-- /pxu -->
- <script>
- $(document).ready(function() {
- $('iframe.tumblr_audio_player').load( function() {
- $('iframe.tumblr_audio_player').contents().find("head")
- .append($("<style type='text/css'> .audio-player{ background:{color:entry} !important} </style>"));
- });
- });
- </script>
- <script src="//static.tumblr.com/wgg6svp/I8Yobwo15/unnest.min.js"></script>
- <script>
- $(document).ready(function() {
- $('article').unnest({
- yourCaption: ".unnest",
- wrapName: ".c-content",
- tumblrAvatars: true,
- newCaptionUsername: false,
- originalPostCaptionUsername: true,
- tumblrAvatarClass: ".c-ava",
- usernameColon: false
- });
- });
- </script>
- <script>
- // minimal soundcloud player © shythemes.tumblr
- $(document).ready(function() {
- var color = '{color:accent}';
- $('.soundcloud_audio_player').each(function() {
- $(this).attr({
- src: $(this).attr('src').split('&')[0] + '&liking=false&sharing=false&auto_play=false&show_comments=false&continuous_play=false&buying=false&show_playcount=false&show_artwork=true&origin=tumblr&color=' + color.split('#')[1],
- height: 20,
- width: '100%'
- });
- });
- });
- </script>
- <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script><script>
- (function($){
- $(document).ready(function(){
- $("a[title]").style_my_tooltips({
- tip_follows_cursor:true,
- tip_delay_time:20,
- tip_fade_speed:300,
- attribute:"title"
- });
- });
- })(jQuery);
- </script>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment