Scribd
Upload
57 views36 pages

Theme Twmbs

The document is the HTML code for a Tumblr theme called "Theme Vertigo". It includes metadata tags for customizing aspects of the theme like colors, images, text, and options. It links to various CSS files to style the theme and includes JavaScript for features like tooltips. The HTML lays out the basic structure and links necessary assets for the Vertigo theme.

Uploaded by

jinggoystudyparty
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
57 views36 pages

Theme Twmbs

The document is the HTML code for a Tumblr theme called "Theme Vertigo". It includes metadata tags for customizing aspects of the theme like colors, images, text, and options. It links to various CSS files to style the theme and includes JavaScript for features like tooltips. The HTML lays out the basic structure and links necessary assets for the Vertigo theme.

Uploaded by

jinggoystudyparty
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 36

<!

---

T H E M E V E R T I G O
design by serphins © 2018
don't remove my credits

[ credits ]
base scroll to top by fragilehelp
infinite scroll, lightboxes, pxu photoset and minimal
soundcloud player by shythemes
minimal spotify player by laurenbudorick
controls by cyantists
pagination by passo-html
search keywords by saturnthms
unnest caption plugin by neothm and magnusthemes
icons by themehive
ask pop up by paintheme
pop up animation by htmlqueens

[ all rights reserved ] ©

--->

<!DOCTYPE html>
<html>
<head>

<title>{Title}</title>

<link rel="shortcut icon" href="{Favicon}">

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></
script>
<script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-
tooltips.js"></script>
<script>
(function($){
$(document).ready(function(){
$("[title]").style_my_tooltips({
tip_follows_cursor:true,
tip_delay_time:20,
tip_fade_speed:400,
attribute:"title"
});
});
})(jQuery);
</script>

<meta name="image:Icon" content="" />

<meta name="color:Background" content="#f8f8f8"/>


<meta name="color:Details" content="#ffffff"/>
<meta name="color:Borders" content="#f3f3f3"/>
<meta name="color:Accent" content="#dec6ae"/>
<meta name="color:Title" content="#dec6ae" />
<meta name="color:Text" content="#979696" />
<meta name="color:Links" content="#979696" />
<meta name="color:Links Hover" content="#cccccc" />
<meta name="color:Scrollbar" content="#dec6ae" />
<meta name="if:Dark Tumblr control" content=""/>
<meta name="if:Two columns" content=""/>
<meta name="if:Three columns" content=""/>
<meta name="if:Show caption" content=""/>
<meta name="if:Show tags" content=""/>
<meta name="if:Show search bar" content=""/>
<meta name="if:Pagination" content=""/>

<meta name="if:Networks" content="/"/>


<meta name="if:Show twitter" content="/"/>
<meta name="if:Show instagram" content="/"/>
<meta name="if:Show snapchat" content="/"/>
<meta name="if:Show facebook" content="/"/>
<meta name="if:Show spotify" content="/"/>
<meta name="if:Show pinterest" content="/"/>
<meta name="if:Show youtube" content="/"/>
<meta name="if:Show soundcloud" content="/"/>

<meta name="select:Icon link 1" content="home" title="Home"/>


<meta name="select:Icon link 1" content="power-off" title="Power-off"/>
<meta name="select:Icon link 1" content="sync-alt" title="Sync-alt"/>
<meta name="select:Icon link 1" content="door-open" title="Door-open"/>

<meta name="select:Icon link 2" content="comment-dots" title="Comment-dots"/>


<meta name="select:Icon link 2" content="comments" title="Comments"/>
<meta name="select:Icon link 2" content="envelope" title="Envelope"/>
<meta name="select:Icon link 2" content="envelope-open-text" title="Envelope-
open"/>

<meta name="select:Icon link 3" content="folder-open" title="Folder-open"/>


<meta name="select:Icon link 3" content="hashtag" title="Hashtag"/>
<meta name="select:Icon link 3" content="images" title="Images"/>
<meta name="select:Icon link 3" content="link" title="link"/>

<meta name="select:Icon link 4" content="list-ul" title="List-ul"/>


<meta name="select:Icon link 4" content="thumbtack" title="Thumbtack"/>
<meta name="select:Icon link 4" content="book" title="Book"/>
<meta name="select:Icon link 4" content="bell" title="Bell"/>

<meta name="select:Icon link 5" content="users" title="Users"/>


<meta name="select:Icon link 5" content="cog" title="Cog"/>
<meta name="select:Icon link 5" content="grip-horizontal" title="Grip-horizontal"/>
<meta name="select:Icon link 5" content="plus-circle" title="Plus-circle"/>

<meta name="text:Informations ask" content="Name. Age. City. Country. Etc.." />

<meta name="text:Twitter" content="link twitter" />


<meta name="text:Instagram" content="link instagram" />
<meta name="text:Snapchat" content="link snapchat" />
<meta name="text:Facebook" content="link facebook" />
<meta name="text:Spotify" content="link spotify" />
<meta name="text:Pinterest" content="link pinterest" />
<meta name="text:Youtube" content="link youtube" />
<meta name="text:Soundcloud" content="link soundcloud" />

<meta name="text:Link 1 Url" content="/" />


<meta name="text:Link 1 Title" content="link" />
<meta name="text:Link 2 Title" content="/" />
<meta name="text:Link 2 Title" content="link" />
<meta name="text:Link 3 Url" content="/" />
<meta name="text:Link 3 Title" content="link" />
<meta name="text:Link 4 Url" content="/" />
<meta name="text:Link 4 Title" content="link" />
<meta name="text:Link 5 Url" content="/" />
<meta name="text:Link 5 Title" content="link" />

<script src="https://use.fontawesome.com/92822ad00c.js"></script>

<link href="https://fonts.googleapis.com/css?family=Hind:400,700|
Yantramanav:400,700|PT Sans:400,700|Niramit:400,700|Sintony:400,700|
Cabin+Condensed:400,700|Fira+Mono:400,700|Noto+Sans+TC:100,300,400,700|
Barlow:300,400,700" rel="stylesheet">

<link href="https://fonts.googleapis.com/icon?family=Material+Icons"
rel="stylesheet">

<link rel="stylesheet"
href="//code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">

<link rel="stylesheet"
href="https://use.fontawesome.com/releases/v5.4.2/css/all.css"
integrity="sha384-/rXc/GQVaYpyDdyxK+ecHPVYJSN9bmVFBvjA/9eOB+pb3F2w2N6fc5qB9Ew5yIns"
crossorigin="anonymous">

<link rel="stylesheet" href="https://static.tumblr.com/i5s2zks/6kOohwlux/pe-icon-7-


stroke.css">

<script
src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.1/SmoothScroll.min.js"
></script>

<link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet">

<script src="https://unpkg.com/[email protected]/dist/ionicons.js"></script>

<link rel="stylesheet"
href="https://static.tumblr.com/h7yjwkn/6dcox9wiy/style.css">

<style type="text/css">

@keyframes fadein {from {opacity:0;} to {opacity:1;}}


@-moz-keyframes fadein {from {opacity:0;} to {opacity:1;}} /* Firefox */
@-webkit-keyframes fadein {from {opacity:0;} to {opacity:1;}} /* Safari and Chrome
*/
@-o-keyframes fadein {from {opacity:0;} to {opacity:1;}} /* Opera */

iframe.tmblr-iframe {
z-index:99999999999999!important;
top:13px!important;
right:15px!important;
{block:ifdarktumblrcontrol}
filter:invert(1) contrast(100%);
-webkit-filter:invert(1) contrast(100%);
-o-filter:invert(1) contrast(100%);
-moz-filter:invert(1) contrast(100%);
-ms-filter:invert(1) contrast(100%);
{/block:ifdarktumblrcontrol}
transform:scale(0.50);
transform-origin:100% 0;
-webkit-transform:scale(0.50);
-webkit-transform-origin:100% 0;
-o-transform:scale(0.50);
-o-transform-origin:100% 0;
-moz-transform:scale(0.50);
-moz-transform-origin:100% 0;
-ms-transform:scale(0.50);
-ms-transform-origin:100% 0;
opacity:0.5;
transition:.5s;
}

.vignette, #vignette {
opacity:0;
}
.lightbox-image, #tumblr_lightbox img {
box-shadow:none !important;
border-radius:{text:border radius}px !important;
max-width:none;
}

.tmblr-lightbox, #tumblr_lightbox {
background-color:rgba({RGBcolor:background},.7) !important;
}

.lightbox-image, #tumblr_lightbox img {


border:5px solid {color:details}!important;
box-shadow: 1px 1px 2px rgba(0,0,0,.1);
-moz-box-sizing:border-box;
box-sizing:border-box;
}

hr {
margin:10px auto;
border-style:solid;
border-color:{color:borders};
border-top-width:0.5px;
border-bottom-width:0.5px;
}

pre, code {
overflow:auto;
overflow-y:hidden;
overflow-x:scroll;
user-select:all;
font-family:monospace;
padding:1px;
line-height:14px;
background:{color:background};
margin:10px 0px;
}

ul {margin-left:-25px;}

a, a:link, a:active, a:visited {


color:{color:links};
text-decoration:none;
transition:.5s;
}
a:hover {
color:{color:links hover};
text-decoration:none;
transition:.5s;
}

p a {font-weight:700;}
p:first-child {margin-top:0px;}
blockquote {
display:block;
margin:0px;
}

blockquote img {
width:calc(100% - 0);
height:auto;
margin-bottom:5px;
}

blockquote video {
width:100%;
}

img {
border:0;
width:calc(100% - 0);
height:auto;
display:block;
}

::-moz-selection {
background:{color:background};
color:{color:links hover};
}
::selection {background:{color:background};
color:{color:links hover};
}

.tumblrAutoPager_page_separator, .tumblrAutoPager_page_info {
display:none;
}

.spotify_audio_player {height:80px !important;}

body {
color:{color:text};
background-color:{color:background};
font:300 9.5px 'Noto Sans TC', sans-serif;
transition:1.3s;
text-align:justify;
letter-spacing:0px;
line-height:15px;
text-transform:none;
-webkit-animation-name:fadeIn;animation-name:fadeIn;
}

h1, h2, h3, h4, h5, h6 {


margin-top:0px;
color:{color:title};
font:700 10px 'Noto Sans TC', sans-serif;
padding:0px 0px 5px 0px;
text-transform:uppercase;
text-align:justify;
line-height:12px;
}

.entry {
width:700px;

{block:iftwocolumns}
width:905px;
{/block:iftwocolumns}

{block:ifthreecolumns}
width:1210px;
{/block:ifthreecolumns}

{block:permalinkpage}
width:770px;
{/block:permalinkpage}

margin:auto;
height:auto;
}

#posts {
margin-top:80px;

{block:permalinkpage}
margin-top:100px;
{/block:permalinkpage}

margin-left:300px;
transition:.5s;
}

.posts {
background:{color:details};
width:500px;

{block:iftwocolumns}
width:230px;
{/block:iftwocolumns}

{block:ifthreecolumns}
width:230px;
{/block:ifthreecolumns}

{block:permalinkpage}
width:400px;
{/block:permalinkpage}

margin:20px;
padding:15px;
overflow:hidden;
opacity:1;
transition:1s;
border:1px solid {color:borders};
}

{block:IndexPage}
.posts {
opacity:0;
z-index:-1;
transition:.5s;
}
{/block:IndexPage}

.posts img {
width:100%;

{block:permalinkpage}
width:100%;
{/block:permalinkpage};
transition:1s;
}

.video {
width:100%;
{block:permalinkpage}
width:100%;
{/block:permalinkpage}
}

.vsanna{
display:none;
}

#infscr-loading {
position:absolute;
bottom:0;
margin-left:50%;
left:0px;
text-align:center;
}

#infscr-loading img {
width:20px;
height:20px;
}

/* scrollbar */
::-webkit-scrollbar {width:1px;height:1px;}
::-webkit-scrollbar-thumb {
border:0px solid {color:background};
background-color:{color:scrollbar};}
/* end scrollbar */

/* pagination */
.pag {
position:fixed;
margin-top:30px;
margin-left:-15px;
margin-bottom:20px;
width:190px;
height:auto;
text-align:left;
z-index:100;
}

.pag a{
background:{color:details};
width:12px;
height:12px;
font-size:8.5px;
text-align:center;
text-transform:uppercase;
color:{color:links};
padding:4px 7px 4px 7px;
margin:0px;
transition:1s;
border:1px solid {color:borders};
}

.pag a:hover{
color:{color:accent};
font-weight:700;
transition:1s;
}
/* end pagination */

/* notes */
.notsi {
background:{color:background};
margin-top:0px;
margin-left:-15px;
margin-right:-15px;
margin-bottom:0px;
width:auto;
text-align:left;
padding:10px 15px 0px 15px;
font-size:10px;
text-transform:uppercase;
color:{color:links};
border-top:1px solid {color:borders};
opacity:1;
transition:2s;
}

.notsi a {
display:inline-block;
color:{color:links};
text-align:left;
margin:2.5px;
z-index:10;
transition:1s;
}
.notsi .custom-like-button {
position:relative;
display:inline-block;
top:-5px;
margin-left:4px;
margin-right:4px;
width:9px;
height:12px;
font-size:10px;
text-align:left;
opacity:1;
}

.notsi .like_button {
position:absolute;
top:5px;
left:1px;
right:0;
bottom:0;
width:100%;
height:100%;
opacity:1;
z-index:50;
}

.notsi .like_button iframe {


width:100%!important;
height:100%!important;
}

.our_toggle {
position:absolute;
top:5px;
left:5;
right:2;
bottom:-2;
width:100%;
height:100%;
z-index:1;
}
.notsi .like_button.liked + .our_toggle {
color:red;
opacity:1;
}

.rbgl {
float:right;
margin-top:-8px;
margin-right:-11px;
margin-bottom:-10px;
color:{color:accent};
font-size:13px;
}

.rbgl img {
background:{color:background};
width:15px;
height:15px;
margin:3px;
border-radius:100%;
border:1px solid {color:borders};
}

.rbgl a {border-radius:100%;}
/* end notes */

/* permalink */
.perma {
background:{color:details};
margin-top:0px;
margin-left:20px;
margin-right:20px;
margin-bottom:100px;
width:auto;
height:auto;
max-height:400px;
overflow:auto;
text-align:left;
text-transform:uppercase;
font-style:normal;
padding:10px;
border:1px solid {color:borders};
border-radius:5px;
}

ol.notes {
margin-top:0px;
margin-left:0px;
margin-right:0px;
width:auto;
height:auto;
padding:1px;
font-size:9px;
text-align:left;
text-transform:uppercase;
letter-spacing:0px;
line-height:17px;
overflow:auto;
}

ol.notes li.note {
background:{color:background};
padding:5px;
border-radius:5px;
border:1px solid {color:borders};
margin:8px;
}

li.note {
display:block;
}

ol.notes li a {
font-weight:700;
}

ol.notes li.like:before {
margin-top:5px;
margin-left:0px;
margin-right:5px;
font-family:'honeybee';
color:{color:accent};
content: "\ea55";
padding:6px 6px 5px 6px;
border-radius:100%;
}

ol.notes li.reblog:before {
margin-top:4px;
margin-left:0px;
margin-right:5px;
font-family:'honeybee';
content: "\ebc0";
padding:6px 6px 6px 6px;
border-radius:100%;
}

ol.notes li.original_post:before {
margin-top:4px;
margin-left:0px;
margin-right:5px;
font-family:'honeybee';
content: "\eb1b";
padding:6px 6px 6px 6px;
border-radius:100%;
}

ol.notes li.reply:before {
margin-top:4px;
margin-left:0px;
margin-right:5px;
font-family:'honeybee';
content: "\eb03";
padding:6px 6px 6px 6px;
border-radius:100%;
}

ol.notes li.note img.avatar {


display:none;
}

.perma-info {
margin-top:10px;
margin-left:10px;
margin-right:10px;
margin-bottom:10px;
font-size:9px;
text-transform:uppercase;
letter-spacing:0.5px;
}
/* end permalink */

/* audios */
.album {
padding:0px;
}
.art {
float:left;
background:{color:background};
margin-top:0px;
margin-left:0px;
width:18px;
padding:6px 11px 8px 8px;
font-size:21px;
color:{color:text};
border-radius:5px;
border:1px solid {color:borders};
text-align:center;
}

.player {
position:absolute;
width:10px;
height:11px;
padding:4px 21px 21px 4px;
margin-top:-1px;
margin-left:-3px;
margin-bottom:0px;
overflow:hidden;
opacity:0;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
}

.track {
margin-top:4px;
margin-bottom:22px;
{block:permalinkpage}
margin-bottom:5px;
{/block:permalinkpage}
margin-left:48px;
line-height:12px;
text-align:left;
text-transform:lowercase;
}
/* end audios */

/* asks */
.ask {
background:{color:background};
margin-top:-5px;
margin-left:0px;
margin-right:0px;
margin-bottom:0px;
padding:15px;
width:auto;
color:{color:text};
text-align:justify;
text-transform:none;
line-height:15px;
border-radius:5px;
border:1px solid {color:borders};
}

.asker {
margin-top:0px;
margin-left:0px;
margin-right:0px;
margin-bottom:8px;
width:auto;
font-size:9px;
text-transform:uppercase;
padding:1px;
text-align:left;
}

.asker a {
width:auto;
color:{color:accent};
margin-left:0px;
margin-right:0px;
}

.answer {
margin-top:5px;
margin-bottom:5px;
padding-top:10px;
width:auto;
color:{color:text};
text-align:justify;
line-height:15px;
}

.answer img {
width:calc(100% - 0);
border-radius:0;
margin-top:-7px;
margin-left:;
padding:0;
display:block;
}
/* end asks */

/* quote */
.quote {
text-align:justify;
line-height:15px;
margin-bottom:-5px;
margin-top:0px;
margin-left:0px;
margin-right:0px;
padding-bottom:15px;
border-bottom:1px solid {color:borders};
}

.quote:first-letter {
text-transform:uppercase;
}
.sourceqt {
margin-top:15px;
margin-left:0px;
margin-right:0px;
margin-bottom:10px;
color:{color:links};
width:auto;
text-align:justify;
text-transform:normal;
font-weight:bold;
}

.sourceqt:before {
float:left;
margin-top:0px;
margin-left:2px;
margin-right:5px;
color:{color:accent};
content: "─";
}
/* end quotes */

/* chat */
.chatitle {
margin-top:0px;
margin-bottom:-11px;
margin-left:0px;
margin-right:0px;
width:auto;
color:{color:accent};
font-size:9px;
letter-spacing:1.5px;
text-transform:uppercase;
text-align:center;
font-weight:bold;
border-bottom:1px solid {color:borders};
z-index:9999999999;
}

.chat ul {
margin-top:-1px;
margin-bottom:10px;
margin-left:-10px;
margin-right:-10px;
padding:10px;
}

.chat li {
padding:10px;
list-style-type:none;
}

span.chats {
color:{color:text};
font-size:9px;
letter-spacing:.7px;
font-weight:bold;
text-transform:uppercase;
letter-spacing:.1em;
}

.chat li:nth-child(odd) {
border-left:1px solid {color:borders};
border-bottom:1px solid {color:borders};
}

.chat li:nth-child(even) {
border-right:1px solid {color:borders};
border-bottom:1px solid {color:borders};
}

.chat li:nth-child(odd):hover {
border-left:1px solid {color:borders};
border-bottom:1px solid {color:borders};
-webkit-transition-duration:600ms;
-o-transition-duration:600ms;
-moz-transition-duration:600ms;
-ms-transition-duration:600ms;
}

.chat li:nth-child(even):hover {
border-right:1px solid {color:borders};
border-bottom:1px solid {color:borders};
-webkit-transition-duration:600ms;
-o-transition-duration:600ms;
-moz-transition-duration:600ms;
-ms-transition-duration:600ms;
}
/* end chat */

/* links */
.links {
text-align:left;
line-height:15px;
padding:0px;
margin-left:0px;
margin-right:0px;
margin-bottom:0px;
margin-top:0px;
}

.links a {
color:{color:accent};
width:auto;
font-size:9px;
text-align:center;
letter-spacing:1px;
text-transform:uppercase;
z-index:9999999999;
}

.links h2 {
margin-top:10px;
margin-bottom:-5px;
font-size:10.5px;
text-align:left;
padding:15px 0px;
border-top:1px solid {color:borders};
}

.host {
margin-top:5px;
margin-bottom:20px;
}
.host a {
background:{color:background};
margin-top:20px;
text-transform:lowercase;
font-size:9px;
letter-spacing:1px;
padding:3px 15px 5px 15px;
border-bottom-right-radius:5px;
border-top-right-radius:5px;
border:1px solid {color:borders};
}

.host:before {
float:left;
margin-top:-3px;
margin-left:0px;
margin-right:2px;
margin-bottom:15px;
background:{color:background};
font-family:'honeybee';
content:"\e1bd";
color:{color:accent};
padding:3px 6px 2.5px 6px;
border-bottom-left-radius:5px;
border-top-left-radius:5px;
border:1px solid {color:borders};
}

.link-dsc {
margin-top:-5px;
padding-top:10px;
border-top:1px solid {color:borders};
}
/* end links */

.caption {
margin-top:0px;
margin-left:0px;
margin-right:0px;
margin-bottom:-5px;
overflow:hidden;
}

.tumblr_parent {
position:relative;
margin:0px 0px 0px 0px;
padding:10px 5px 10px 5px;
}

.caption .tumblr_parent p {margin:2px 0;}


.caption .tumblr_parent > p:first-of-type {
display:block;
}
.caption .tumblr_parent > a:first-of-type {
margin-top:0px;
margin-bottom:6px;
margin-left:-11px;
font-size:8.5px;
color:{color:accent};
text-transform:uppercase;
padding:3px 3px 4px 17px;
font-weight:700;
display:inline-block;
border-bottom:1px solid {color:borders};
}

.caption .tumblr_parent > a:first-of-type:after {


margin-left:3px;
content:"posted:";
font-weight:normal;
color:{color:text};
}

.caption b {
color:{color:accent};
}
.caption .tumblr_avatar {
background:{color:background};
float:left;
width:14px;
height:14px;
margin-left:0px;
margin-right:0px;
margin-top:1px;
padding:3px;
border-radius:100%;
border:1px solid {color:borders};
}

.tags {
background:{color:background};
position:relative;
margin-top:17px;
margin-left:-20px;
margin-right:-20px;
margin-bottom:-20px;
padding:7px 15px 15px 15px;
border-top:1px solid {color:borders};
}

.tags a {
display:inline-block;
text-transform:lowercase;
font-size:9px;
color:{color:links};
margin:1px;
padding:0px 5px 2px 5px;
opacity:0.5;
transition:1s;
}
.tags a:hover {
background:{color:details};
opacity:1;
transition:1s;
}

/* all content sidebar (don't remove) */

sidebar {
position:fixed;
background:{color:details};
top:66px;
margin-left:15px;
width:175px;
padding:15px;
border:1px solid {color:borders};
transition:1s;
z-index:100;
}

header {
position:fixed;
background:{color:details};
top:0px;
left:0px;
width:100%;
height:58px;
border-bottom:1px solid {color:borders};
transition:1s;
z-index:100;
}

/* title */
.title {
background:{color:details};
margin-top:-33px;
margin-left:20px;
margin-right:20px;
margin-bottom:15px;
font-size:11px;
text-transform:uppercase;
text-align:center;
letter-spacing:0.5px;
color:{color:title};
font-weight:bold;
padding:5px 15px 5px 15px;
border:1px solid {color:borders};
}
/* end title */

/* navigation */
.nav {
float:right;
margin-top:-23px;
margin-left:0px;
margin-right:-46px;
margin-bottom:0px;
width:auto;
z-index:100;
}

.nav a {
background:{color:details};
width:auto;
display:block;
color:{color:links};
text-transform:uppercase;
font-size:12px;
letter-spacing:0px;
text-align:center;
margin:-2px;
padding:8px 8px 10px 8px;
border:1px solid {color:borders};
transition:1s;
}

.nav a:hover {
color:{color:accent};
opacity:1;
transition:1s;
}
/* end navigation */

.url {
position:fixed;
top:0px;
margin-left:-16px;
width:auto;
font-size:9px;
text-transform:uppercase;
text-align:left;
font-weight:bold;
letter-spacing:1px;
padding:16px 20px 15px 0px;
z-index:100;
}

/* description */
.dscr {
margin-top:15px;
margin-left:3px;
margin-right:3px;
margin-bottom:0px;
display:inline-block;
text-align:left;
text-transform:none;
color:{color:text};
letter-spacing:0px;
line-height:13px;
overflow:hidden;
transition:.8s;
}
/* end description */

/* favicon */
.avatar img {
background:{color:background};
margin-top:0px;
margin-left:0px;
margin-bottom:-1px;
width:170px;
transition:1s;
}
/* end favicon */

/* socials */
.networks {
background:{color:background};
margin-top:15px;
margin-left:-15px;
margin-right:-15px;
margin-bottom:-15px;
width:auto;
text-align:center;
padding:10px 15px 9px 15px;
transition:.6s;
border-top:1px solid {color:borders};
z-index:100;
}

.networks a {
width:auto;
color:{color:accent};
font-size:12px;
display:inline-block;
text-align:left;
text-transform:uppercase;
font-weight:normal;
margin:2px;
transition:.6s;
}
/* end socials */

input:focus::-webkit-input-placeholder {color:transparent;}
input:focus:-moz-placeholder {color: transparent;}
input:focus::-moz-placeholder {color: transparent;}
input:focus:-ms-input-placeholder { color: transparent;}
.lope:before {
float:left;
margin-top:20px;
margin-left:2px;
margin-right:3px;
background:{color:background};
font-family:'honeybee';
content:"\eaa6";
color:{color:accent};
padding:5px 8px 4px 7px;
border:1px solid {color:borders};
}

.requiro input {
margin-top:20px;
margin-left:0px;
margin-bottom:0px;
background:{color:background};
outline:none;
border:0;
width:109px;
padding:5px 14px 6px 14px;
border:1px solid {color:borders};
}

.requiro{
padding:0;
}
.requiro input[type=text]{
text-transform:uppercase;
text-align:left;
color:{color:text};
font:400 9px 'Noto Sans TC', sans-serif;
}

input::-webkit-input-placeholder{
color:{color:text};}
input::-moz-placeholder{
color:{color:text};}
input:-moz-placeholder{
color:{color:text};}
input:-ms-input-placeholder{
color:{color:text};}

/* end all content sidebar */

/* tooltip, credit and back to top (don't remove) */


#s-m-t-tooltip {
max-width:300px;
padding:4px 15px 6px 15px;
margin:20px 0px 0px 20px;
background:{color:Details};
color:{color:links};
opacity:1;
border:1px solid {color:borders};
z-index:9999999999999999999;
}

#ltop:link, #ltop:visited {
float:right;
margin-top:1px;
margin-right:-2px;
background:{color:details};
font-size:9px;
text-transform:uppercase;
font-weight:bold;
text-align:center;
display:none;
padding:6px 11px 6px 11px;
border:1px solid {color:borders};
z-index:100;
}

.credit a {
position:fixed;
bottom:20px;
right:20px;
background:{color:details};
font-size:9px;
text-transform:uppercase;
color:{color:accent};
font-weight:bold;
padding:4px 10px 5px 10px;
border-radius:100%;
border:1px solid {color:borders};
z-index:100;
}
/* end tooltip, credit and back to top */

.popup_block{
float:left;
position:fixed;
top:52%;
left:52%;
width:500px;
background:{color:details};
padding:15px;
border-radius:5px;
border:1px solid {color:borders};
display:none;
-webkit-animation: fadeInDown·2s;
-moz-animation: fadeInDown 2s;
-ms-animation: fadeInDown 2s;
-o-animation: fadeInDown 2s;
animation: fadeInDown 2s;
z-index: 99999;
}

#fade {
position:fixed;
background:{color:background};
top:0px;
left:0px;
width:100%;
height:100%;
z-index:9999;
display:none;
opacity:.7;
}

*html #fade {position: absolute;}


*html .popup_block {position: absolute;}

</style>

<link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet"


type="text/css"/>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></
script>

<script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></
script>

<script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>


<script type="text/javascript"
src="https://static.tumblr.com/5u1fog0/GzWnj3uo9/ltop.js"></script>

<link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet">

<link href='https://static.tumblr.com/blpgwiz/Zjemijy8n/fade_in_down.css'
rel='stylesheet' style='text/css'>

<script>
$(document).ready(function() {
//
$('a.poplight[href^=#]').click(function() {
var popID = $(this).attr('rel'); //Get Popup Name
var popURL = $(this).attr('href'); //Get Popup href to define size
var query= popURL.split('?');
var dim= query[1].split('&');
var popWidth = dim[0].split('=')[1]; //Gets the first query string value
$('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#"
class="close"></a>');
var popMargTop = ($('#' + popID).height() + 80) / 2;
var popMargLeft = ($('#' + popID).width() + 80) / 2;
//Apply Margin to Popup
$('#' + popID).css({
'margin-top' : -popMargTop,
'margin-left' : -popMargLeft
});
$('body').append('<div id="fade"></div>');
$('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer
- .css({'filter' : 'alpha(opacity=80)'})
return false;
});
$('a.close, #fade').live('click', function() {
$('#fade , .popup_block').fadeOut(function() {
$('#fade, a.close').remove(); //fade them both out
});
return false;
});
});
</script>

<script type="text/javascript"
src="https://static.tumblr.com/5u1fog0/GzWnj3uo9/ltop.js"></script>

</head>

<body>

<div id="box1" class="popup_block">


{text:Informations ask}<br><br>
<iframe src="https://www.tumblr.com/ask_form/{name}.tumblr.com" id="ask_form"
frameborder="0" height="250" scrolling="yes" width="100%"></iframe>
</div>

<div class="entry">

<header>
</header>

<sidebar>
<div class="url"><i class="fas fa-lock" style="background:
{color:background};margin-top:1px;margin-right:10px;padding:6px 7px 8px
8px;border:1px solid
{color:borders};color:{color:accent}"></i>https://{Name}.tumblr.com/</div>

<center><div class="title">{title}</div></center>

<div class="nav">
<a href="{text:link 1 url}" title="{text:link 1 title}">
<i class="fas fa-{select:icon link 1}"></i>
</a>

<a href="#?w=auto" rel="box1" class="poplight" title="{text:link 2 title}">


<i class="fas fa-{select:icon link 2}"></i>
</a>

<a href="{text:link 3 url}" title="{text:link 3 title}">


<i class="fas fa-{select:icon link 3}"></i>
</a>

<a href="{text:link 4 url}" target="_blank" title="{text:link 4 title}">


<i class="fas fa-{select:icon link 4}"></i>
</a>

<a href="{text:link 5 url}" target="_blank" title="{text:link 5 title}">


<i class="fas fa-{select:icon link 5}"></i>
</a>

<a href="javascript:;" id="ltop"><span class="th th-up-arrow" style="color:


{color:accent}"></span></a>
</div>

<center><div class="avatar"><img src="{image:icon}"/></div></center>

{block:ifshowsearchbar}
<div class="lope"></div><form class="requiro" action="/search" method="get"><input
type="text" name="q" placeholder="search keywords" value=""/></form>
{/block:ifshowsearchbar}

<div class="dscr"><font style="font-size:10px;font-weight:bold;text-


transform:uppercase;color:{color:accent};letter-spacing:0.5px">
</font><br>{description}</div>

{block:ifnetworks}
<div class="networks">
{block:ifshowtwitter}
<a href="{text:twitter}" title="Twitter" target="_blank">
<i class="fab fa-twitter"></i>
</a>
{/block:ifshowtwitter}
{block:ifshowinstagram}
<a href="{text:instagram}" title="Instagram" target="_blank">
<i class="fab fa-instagram"></i>
</a>
{/block:ifshowinstagram}
{block:ifshowsnapchat}
<a href="{text:snapchat}" title="Snapchat" target="_blank">
<i class="fab fa-snapchat-ghost"></i>
</a>
{/block:ifshowsnapchat}
{block:ifshowfacebook}
<a href="{text:facebook}" title="Facebook" target="_blank">
<i class="fab fa-facebook"></i>
</a>
{/block:ifshowfacebook}
{block:ifshowspotify}
<a href="{text:spotify}" title="Spotify" target="_blank">
<i class="fab fa-spotify"></i>
</a>
{/block:ifshowspotify}
{block:ifshowpinterest}
<a href="{text:pinterest}" title="Pinterest" target="_blank">
<i class="fab fa-pinterest"></i>
</a>
{/block:ifshowpinterest}
{block:ifshowyoutube}
<a href="{text:youtube}" title="Youtube" target="_blank">
<i class="fab fa-youtube"></i>
</a>
{/block:ifshowyoutube}
{block:ifshowsoundcloud}
<a href="{text:soundcloud}" title="Soundcloud" target="_blank">
<i class="fab fa-soundcloud"></i>
</a>
{/block:ifshowsoundcloud}
</div>
{/block:ifnetworks}

{block:ifpagination}
{block:IndexPage}
{block:Pagination}
<div class="pag">
{block:PreviousPage}
<a href="{PreviousPage}"><i class="fas fa-angle-left" style="color:
{color:accent}"></i></a>
{/block:PreviousPage}

{block:JumpPagination length="5"}

{block:CurrentPage}
<a href="#" ><b style="color:{color:accent}">{PageNumber}</b></a>
{/block:CurrentPage}

{block:JumpPage}
<a href="{URL}">{PageNumber}</a>
{/block:JumpPage}
{/block:JumpPagination}

{block:NextPage}
<a href="{NextPage}"><i class="fas fa-angle-right"
style="color:{color:accent}"></i></a>
{/block:NextPage}
</div>
{/block:Pagination}
{/block:IndexPage}
{/block:ifpagination}
</sidebar>
<div class="credit"><a href="https://serphins.tumblr.com" target="_blank"
title="theme designed by serphins">S</a></div>

<div id="posts">
{block:posts}
<div class="posts">

{block:Text}
<h1>{Title}</h1>
<div class="caption" style="margin-top:-10px;margin-bottom:10px">{Body}</div>
{block:indexpage}
<div class="notsi">
<a href="{reblogurl}" target="_blank" style="color:{color:accent}"><span class="th
th-return"></span></a>
<div class="custom-like-button">{LikeButton}<span class="our_toggle"><span
class="th th-heart-1-o"></span></span></div>
<a href="{Permalink}"><span class="th th-bookmark-1-o"></span></a>
<div style="margin-top:3px;float:right;font-size:9px;text-
transform:uppercase;leter-spacing:0.5px;padding-left:9px">{NoteCountWithLabel}</
div>
<div style="background:{color:details};margin-top:10px;margin-left:-17px;margin-
right:-15px;margin-bottom:-15px;font-size:9px;text-transform:uppercase;text-
align:left;border-top:1px solid {color:borders};padding:11px 20px 10px 20px;">
{block:date}
{TimeAgo}
{/block:date}
{block:RebloggedFrom}
<div class="rbgl">
<a href="{ReblogParentURL}" target="_blank"><img src="{ReblogParentPortraitURL-
24}"></a>
<span class="th th-left-right" style="position:absolute;margin-top:8px;margin-
left:-9px"></span>
<a href="{ReblogRootURL}" target="_blank"><img
src="{ReblogRootPortraitURL-24}"></a>
</div>
{/block:RebloggedFrom}
</div>
</div>
{block:ifshowtags}
{block:HasTags}
<div class="tags">
{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}
</div>
{/block:HasTags}
{/block:ifshowtags}
{/block:indexpage}
</div>
{/block:Text}

{block:Quote}
<div class="quote">{Quote}</div>
{block:Source}
<div class="sourceqt">{Source}</div>
{/block:Source}
{block:indexpage}
<div class="notsi">
<a href="{reblogurl}" target="_blank" style="color:{color:accent}"><span class="th
th-return"></span></a>
<div class="custom-like-button">{LikeButton}<span class="our_toggle"><span
class="th th-heart-1-o"></span></span></div>
<a href="{Permalink}"><span class="th th-bookmark-1-o"></span></a>
<div style="margin-top:3px;float:right;font-size:9px;text-
transform:uppercase;leter-spacing:0.5px;padding-left:9px">{NoteCountWithLabel}</
div>
<div style="background:{color:details};margin-top:10px;margin-left:-17px;margin-
right:-15px;margin-bottom:-15px;font-size:9px;text-transform:uppercase;text-
align:left;border-top:1px solid {color:borders};padding:11px 20px 10px 20px;">
{block:date}
{TimeAgo}
{/block:date}
{block:RebloggedFrom}
<div class="rbgl">
<a href="{ReblogParentURL}" target="_blank"><img src="{ReblogParentPortraitURL-
24}"></a>
<span class="th th-left-right" style="position:absolute;margin-top:8px;margin-
left:-9px"></span>
<a href="{ReblogRootURL}" target="_blank"><img
src="{ReblogRootPortraitURL-24}"></a>
</div>
{/block:RebloggedFrom}
</div>
</div>
{block:ifshowtags}
{block:HasTags}
<div class="tags">
{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}
</div>
{/block:HasTags}
{/block:ifshowtags}
{/block:indexpage}
</div>
{/block:Quote}

{block:Chat}
<div class="chatitle">
{Title}
</div>
<div class="chat">
<ul>
{block:Lines}
<li class="{Alt} {UserNumber}">
{block:Label}
<span class="chats">{Label}</span>
{/block:Label}
<span class="ph-line">{Line}</span>
</li>
{/block:Lines}
</ul>
</div>
{block:indexpage}
<div class="notsi">
<a href="{reblogurl}" target="_blank" style="color:{color:accent}"><span class="th
th-return"></span></a>
<div class="custom-like-button">{LikeButton}<span class="our_toggle"><span
class="th th-heart-1-o"></span></span></div>
<a href="{Permalink}"><span class="th th-bookmark-1-o"></span></a>
<div style="margin-top:3px;float:right;font-size:9px;text-
transform:uppercase;leter-spacing:0.5px;padding-left:9px">{NoteCountWithLabel}</
div>
<div style="background:{color:details};margin-top:10px;margin-left:-17px;margin-
right:-15px;margin-bottom:-15px;font-size:9px;text-transform:uppercase;text-
align:left;border-top:1px solid {color:borders};padding:11px 20px 10px 20px;">
{block:date}
{TimeAgo}
{/block:date}
{block:RebloggedFrom}
<div class="rbgl">
<a href="{ReblogParentURL}" target="_blank"><img src="{ReblogParentPortraitURL-
24}"></a>
<span class="th th-left-right" style="position:absolute;margin-top:8px;margin-
left:-9px"></span>
<a href="{ReblogRootURL}" target="_blank"><img
src="{ReblogRootPortraitURL-24}"></a>
</div>
{/block:RebloggedFrom}
</div>
</div>
{block:ifshowtags}
{block:HasTags}
<div class="tags">
{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}
</div>
{/block:HasTags}
{/block:ifshowtags}
{/block:indexpage}
</div>
{/block:Chat}

{block:Link}
<div class="links">
<a href="{URL}" style="font-weight:bold" {Target} target="_blank">{name}</a>
</div>
{block:Host}
<div class="host">
<a href="{URL}" {Target} target="_blank">{Host}</a>
</div>
{/block:Host}
{block:Description}
<div class="link-dsc">{Description}</div>
{/block:Description}
{block:indexpage}
<div class="notsi">
<a href="{reblogurl}" target="_blank" style="color:{color:accent}"><span class="th
th-return"></span></a>
<div class="custom-like-button">{LikeButton}<span class="our_toggle"><span
class="th th-heart-1-o"></span></span></div>
<a href="{Permalink}"><span class="th th-bookmark-1-o"></span></a>
<div style="margin-top:3px;float:right;font-size:9px;text-
transform:uppercase;leter-spacing:0.5px;padding-left:9px">{NoteCountWithLabel}</
div>
<div style="background:{color:details};margin-top:10px;margin-left:-17px;margin-
right:-15px;margin-bottom:-15px;font-size:9px;text-transform:uppercase;text-
align:left;border-top:1px solid {color:borders};padding:11px 20px 10px 20px;">
{block:date}
{TimeAgo}
{/block:date}
{block:RebloggedFrom}
<div class="rbgl">
<a href="{ReblogParentURL}" target="_blank"><img src="{ReblogParentPortraitURL-
24}"></a>
<span class="th th-left-right" style="position:absolute;margin-top:8px;margin-
left:-9px"></span>
<a href="{ReblogRootURL}" target="_blank"><img
src="{ReblogRootPortraitURL-24}"></a>
</div>
{/block:RebloggedFrom}
</div>
</div>
{block:ifshowtags}
{block:HasTags}
<div class="tags">
{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}
</div>
{/block:HasTags}
{/block:ifshowtags}
{/block:indexpage}
</div>
{/block:Link}

{block:Answer}
<div class="asker">sent by <b style="color:{color:accent}">{Asker}</b></div>
<div class="ask">{Question}</div>
<div class="answer">{Answer}</div>
{block:indexpage}
<div class="notsi">
<a href="{reblogurl}" target="_blank" style="color:{color:accent}"><span class="th
th-return"></span></a>
<div class="custom-like-button">{LikeButton}<span class="our_toggle"><span
class="th th-heart-1-o"></span></span></div>
<a href="{Permalink}"><span class="th th-bookmark-1-o"></span></a>
<div style="margin-top:3px;float:right;font-size:9px;text-
transform:uppercase;leter-spacing:0.5px;padding-left:9px">{NoteCountWithLabel}</
div>
<div style="background:{color:details};margin-top:10px;margin-left:-17px;margin-
right:-15px;margin-bottom:-15px;font-size:9px;text-transform:uppercase;text-
align:left;border-top:1px solid {color:borders};padding:11px 20px 10px 20px;">
{block:date}
{TimeAgo}
{/block:date}
{block:RebloggedFrom}
<div class="rbgl">
<a href="{ReblogParentURL}" target="_blank"><img src="{ReblogParentPortraitURL-
24}"></a>
<span class="th th-left-right" style="position:absolute;margin-top:8px;margin-
left:-9px"></span>
<a href="{ReblogRootURL}" target="_blank"><img
src="{ReblogRootPortraitURL-24}"></a>
</div>
{/block:RebloggedFrom}
</div>
</div>
{block:ifshowtags}
{block:HasTags}
<div class="tags">
{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}
</div>
{/block:HasTags}
{/block:ifshowtags}
{/block:indexpage}
</div>
{/block:answer}

{block:Audio}
<div class="album">
<div class="art">
<span class="pe-7s-headphones"></span>
</div>
{block:AudioPlayer}
<div class="player">{AudioPlayerGrey}</div>
{/block:AudioPlayer}
</div>
<div class="track">
<font style="text-transform:uppercase;font-size:9px;font-weight:bold;letter-
spacing:0.4px;margin-top:15px">
{block:Artist}{Artist}{/block:Artist}
</font><br>
{block:TrackName}{TrackName}{/block:TrackName}
</div>
{block:indexpage}
<div class="notsi">
<a href="{reblogurl}" target="_blank" style="color:{color:accent}"><span class="th
th-return"></span></a>
<div class="custom-like-button">{LikeButton}<span class="our_toggle"><span
class="th th-heart-1-o"></span></span></div>
<a href="{Permalink}"><span class="th th-bookmark-1-o"></span></a>
<div style="margin-top:3px;float:right;font-size:9px;text-
transform:uppercase;leter-spacing:0.5px;padding-left:9px">{NoteCountWithLabel}</
div>
<div style="background:{color:details};margin-top:10px;margin-left:-17px;margin-
right:-15px;margin-bottom:-15px;font-size:9px;text-transform:uppercase;text-
align:left;border-top:1px solid {color:borders};padding:11px 20px 10px 20px;">
{block:date}
{TimeAgo}
{/block:date}
{block:RebloggedFrom}
<div class="rbgl">
<a href="{ReblogParentURL}" target="_blank"><img src="{ReblogParentPortraitURL-
24}"></a>
<span class="th th-left-right" style="position:absolute;margin-top:8px;margin-
left:-9px"></span>
<a href="{ReblogRootURL}" target="_blank"><img
src="{ReblogRootPortraitURL-24}"></a>
</div>
{/block:RebloggedFrom}
</div>
</div>
{block:ifshowtags}
{block:HasTags}
<div class="tags">
{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}
</div>
{/block:HasTags}
{/block:ifshowtags}
{/block:indexpage}
</div>
{/block:Audio}

{block:Photo}
<a href="#" onclick="Tumblr.Lightbox.init([{ width: {PhotoWidth-HighRes}, height:
{PhotoHeight-HighRes}, low_res: '{PhotoURL-HighRes}', high_res: '{PhotoURL-
HighRes}' }]); $('body').toggleClass('tumblr_lightbox_active'); return false"><img
src="{PhotoURL-HighRes}"></a>
{block:ifshowcaption}
{block:caption}
<div class="caption" style="margin-top:15px">{caption}</div>
{/block:caption}
{/block:ifshowcaption}
{block:indexpage}
<div class="notsi" style="margin-top:15px">
<a href="{reblogurl}" target="_blank" style="color:{color:accent}"><span class="th
th-return"></span></a>
<div class="custom-like-button">{LikeButton}<span class="our_toggle"><span
class="th th-heart-1-o"></span></span></div>
<a href="{Permalink}"><span class="th th-bookmark-1-o"></span></a>
<div style="margin-top:3px;float:right;font-size:9px;text-
transform:uppercase;leter-spacing:0.5px;padding-left:9px">{NoteCountWithLabel}</
div>
<div style="background:{color:details};margin-top:10px;margin-left:-17px;margin-
right:-15px;margin-bottom:-15px;font-size:9px;text-transform:uppercase;text-
align:left;border-top:1px solid {color:borders};padding:11px 20px 10px 20px;">
{block:date}
{TimeAgo}
{/block:date}
{block:RebloggedFrom}
<div class="rbgl">
<a href="{ReblogParentURL}" target="_blank"><img src="{ReblogParentPortraitURL-
24}"></a>
<span class="th th-left-right" style="position:absolute;margin-top:8px;margin-
left:-9px"></span>
<a href="{ReblogRootURL}" target="_blank"><img
src="{ReblogRootPortraitURL-24}"></a>
</div>
{/block:RebloggedFrom}
</div>
</div>
{block:ifshowtags}
{block:HasTags}
<div class="tags">
{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}
</div>
{/block:HasTags}
{/block:ifshowtags}
{/block:indexpage}
</div>
{/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:ifshowcaption}
{block:caption}
<div class="caption" style="margin-top:15px">{caption}</div>
{/block:caption}
{/block:ifshowcaption}
{block:indexpage}
<div class="notsi" style="margin-top:15px">
<a href="{reblogurl}" target="_blank" style="color:{color:accent}"><span class="th
th-return"></span></a>
<div class="custom-like-button">{LikeButton}<span class="our_toggle"><span
class="th th-heart-1-o"></span></span></div>
<a href="{Permalink}"><span class="th th-bookmark-1-o"></span></a>
<div style="margin-top:3px;float:right;font-size:9px;text-
transform:uppercase;leter-spacing:0.5px;padding-left:9px">{NoteCountWithLabel}</
div>
<div style="background:{color:details};margin-top:10px;margin-left:-17px;margin-
right:-15px;margin-bottom:-15px;font-size:9px;text-transform:uppercase;text-
align:left;border-top:1px solid {color:borders};padding:11px 20px 10px 20px;">
{block:date}
{TimeAgo}
{/block:date}
{block:RebloggedFrom}
<div class="rbgl">
<a href="{ReblogParentURL}" target="_blank"><img src="{ReblogParentPortraitURL-
24}"></a>
<span class="th th-left-right" style="position:absolute;margin-top:8px;margin-
left:-9px"></span>
<a href="{ReblogRootURL}" target="_blank"><img
src="{ReblogRootPortraitURL-24}"></a>
</div>
{/block:RebloggedFrom}
</div>
</div>
{block:ifshowtags}
{block:HasTags}
<div class="tags">
{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}
</div>
{/block:HasTags}
{/block:ifshowtags}
{/block:indexpage}
</div>
{/block:Photoset}

{block:Video}
<div class="video">
{Video-250}
</div>
{block:ifshowcaption}
{block:caption}
<div class="caption" style="margin-top:15px">{caption}</div>
{/block:caption}
{/block:ifshowcaption}
{block:indexpage}
<div class="notsi" style="margin-top:15px">
<a href="{reblogurl}" target="_blank" style="color:{color:accent}"><span class="th
th-return"></span></a>
<div class="custom-like-button">{LikeButton}<span class="our_toggle"><span
class="th th-heart-1-o"></span></span></div>
<a href="{Permalink}"><span class="th th-bookmark-1-o"></span></a>
<div style="margin-top:3px;float:right;font-size:9px;text-
transform:uppercase;leter-spacing:0.5px;padding-left:9px">{NoteCountWithLabel}</
div>
<div style="background:{color:details};margin-top:10px;margin-left:-17px;margin-
right:-15px;margin-bottom:-15px;font-size:9px;text-transform:uppercase;text-
align:left;border-top:1px solid {color:borders};padding:11px 20px 10px 20px;">
{block:date}
{TimeAgo}
{/block:date}
{block:RebloggedFrom}
<div class="rbgl">
<a href="{ReblogParentURL}" target="_blank"><img src="{ReblogParentPortraitURL-
24}"></a>
<span class="th th-left-right" style="position:absolute;margin-top:8px;margin-
left:-9px"></span>
<a href="{ReblogRootURL}" target="_blank"><img
src="{ReblogRootPortraitURL-24}"></a>
</div>
{/block:RebloggedFrom}
</div>
</div>
{block:ifshowtags}
{block:HasTags}
<div class="tags">
{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}
</div>
{/block:HasTags}
{/block:ifshowtags}
{/block:indexpage}
</div>
{/block:Video}

<div class="vsanna">
{block:RebloggedFrom}
<a href="{ReblogParentURL}"></a>
{/block:RebloggedFrom}
{block:ContentSource}
<a href="{SourceURL}"></a>
{/block:ContentSource}
</div>

{block:PermalinkPage}
{block:PostNotes}
<div class="perma">
<div class="perma-info">
{block:RebloggedFrom}
<span class="th th-right-curve" style="color:{color:accent};font-size:11px"></span>
reblogged: <a href="{ReblogParentURL}"><b>{ReblogParentName}</b></a>
<br>
<span class="th th-placeholder-o"
style="color:{color:accent};font-size:12px"></span> originally: <a
href="{ReblogRootURL}"><b>{ReblogRootName}</b></a>
{/block:RebloggedFrom}
{block:NotReblog}
<span class="th th-placeholder-o"
style="color:{color:accent};font-size:12px"></span> originally: <a
href="{BlogURL}"><b>{Name}</b></a>
{/block:NotReblog}
<br><br>
<b style="font-size:10px">{NoteCountWithLabel}</b>
</div>
{PostNotes-64}
</div>
{/block:PostNotes}
{/block:PermalinkPage}

{/block:Posts}
</div>
</div>

{block:IndexPage}
<script src="https://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></
script>
<script
src="https://static.tumblr.com/h7yjwkn/fcjorg4n8/jquery.infinitescroll.min.js"></
script>
{/block:IndexPage}
<script src="https://static.tumblr.com/wgg6svp/OoTofxa0c/unnest.min.js"></script>

<script>
$(document).ready(function(){
$('.photo-slideshow').pxuPhotoset({
lightbox: true,
rounded: false,
gutter: '1px',
photoset: '.photo-slideshow',
photoWrap: '.photo-data',
photo: '.pxu-photo'
});
$(function(){ $('.posts').unnest({
yourCaption:".caption",
wrapName:".tumblr_parent",
newCaptionUsername:true,
originalPostCaptionUsername:true,
tumblrAvatars:true,
tumblrAvatarsName:".tumblr_avatar",
usernameColon:false
});})
{block:IndexPage}
var $container = $('#posts');
$container.masonry({ itemSelector: '.posts' });
$container.imagesLoaded(function(){
$container.masonry();
$container.find('.posts').animate({ opacity: 1, zIndex: 1 });
});
$container.infinitescroll({
itemSelector: '.posts',
navSelector: '#pagination',
nextSelector: '#next',
loadingImg: '',
loadingText: '<em></em>',
bufferPx: 1000
},
function(newElements) {
var $newElems = $( newElements ).css({ opacity: 0 });
$newElems.unnest({
yourCaption:".caption",
wrapName:".tumblr_parent",
newCaptionUsername:true,
originalPostCaptionUsername:true,
tumblrAvatars:true,
tumblrAvatarsName:".tumblr_avatar",
usernameColon:false });
var $newElemsIDs = $newElems.map(function(){
return this.id;
}).get();
Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
var $newElems = $( newElements );
$newElems.find('.photo-slideshow').pxuPhotoset({
lightbox: true,
rounded: false,
gutter: '1px',
photoset: '.photo-slideshow',
photoWrap: '.photo-data',
photo: '.pxu-photo'
},
function(){
$container.masonry();
});
$newElems.imagesLoaded(function(){
$container.masonry( 'appended', $newElems );
$newElems.animate({ opacity: 1, zIndex: 1 });
resizeVideos();
});
});
{/block:IndexPage}
});
</script>

{block:ifnotpagination}
{block:IndexPage}
{block:Pagination}
<div id="pagination">
{block:NextPage}
<a id="next" href="{NextPage}"></a>
{/block:NextPage}
{block:PreviousPage}
<a href="{PreviousPage}">&larr;&nbsp;</a>
{/block:PreviousPage}
</div>
{/block:Pagination}
{/block:IndexPage}
</div>
{/block:ifnotpagination}
</div>

<script>
// minimal soundcloud player © shythemes.tumblr
$(document).ready(function(){
var color = '#acd7bb'; // color of play button (hex)
$('.soundcloud_audio_player').each(function(){
$(this).attr({ src: $(this).attr('src').split('&')[0] +
'&amp;liking=false&amp;sharing=false&amp;auto_play=false&amp;show_comments=false&am
p;continuous_play=false&amp;buying=false&amp;show_playcount=false&amp;show_artwork=
false&amp;origin=tumblr&amp;color=' + color.split('#')[1], height: 116, width:
'100%' });
});
});
</script>

</body>
</html>

You might also like