View difference between Paste ID: <a href="/nzsJ8CXp">nzsJ8CXp</a> and <a href="/w9ECGLCy">w9ECGLCy</a> - Pastebin.com

View difference between Paste ID: nzsJ8CXp and w9ECGLCy

SHOW: | | - or go back to the newest paste.

<!DOCTYPE html>
<html>

<!-----------------------------------------------------------------------

*@felinumthemes*

     Did You Hear The Rain @ aurorant
 
 
 — DO NOT delete the bottom right credit.
 — Do not copy or steal any code.
 — Do not claim as yours.
 — Full credits at @diamondthemes
        
------------------------------------------------------------------------>

<head>

<!---------------------------------------------------------------------->

<title>{Title}</title>

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

<link rel="alternate" type="application/rss+xml" href="{RSS}">
    
{block:Description}
<meta name="description" content="{MetaDescription}"/>
{/block:Description}

<!---------------------------------------------------------------------->

<meta name="color:Main Font Color" content="#aaaaaa"/>
<meta name="color:Color 1" content="#accee1"/>
<meta name="color:Color 2" content="#000000"/>
<meta name="color:Title Color" content=""/>
<meta name="color:Post Borders" content=""/>
<meta name="color:Sidebar Links Hover" content=""/>

<meta name="if:Post Borders" content=""/>
<meta name="if:Scroll To Top Button" content="1"/>
<meta name="if:Loading Screen" content="1"/>
<meta name="if:Credit Link" content="1"/>

<meta name="select:Photoset Gutter Size" content="3px"/>
<meta name="select:Photoset Gutter Size" content="5px"/>
<meta name="select:Photoset Gutter Size" content="7px"/>

<meta name="select:Title Font" content="'Dancing Script', cursive;" title="Dancing Script"/>
<meta name="select:Title Font" content="'Open Sans Condensed', sans-serif;" title="Open Sans Condensed"/>
<meta name="select:Title Font" content="'Raleway', sans-serif;" title="Raleway"/>
<meta name="select:Title Font" content="'Bubbler One', sans-serif;" title="Bubbler One"/>

<meta name="select:Description Font" content="'Quicksand', sans-serif;" title="Quicksand"/>
<meta name="select:Description Font" content="'Open Sans Condensed', sans-serif;" title="Open Sans Condensed"/>
<meta name="select:Description Font" content="'Raleway', sans-serif;" title="Raleway"/>

<meta name="color:Quote Border Background" content="#fcf0e4"/>
<meta name="color:Quote Border Text" content="#000000"/>
<meta name="text:Quote Text" content="Your Text Goes Here"/>

<meta name="color:Border Left" content=""/>
<meta name="color:Border Right" content=""/>
<meta name="text:Border Left Width" content=""/>
<meta name="text:Border Right Width" content=""/>

<meta name="text:Your Name" content="Name/Nickname"/>

<!---------------------------------------------------------------------->

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script> <!-- jQuery, you only need ONE of these libraries! -->

<script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script> <!-- Style My Tooltips-->

<script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script> <!--- Infinite Scroll--->

<script src="http://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script> <!--- Masonry --->

<script src="http://static.tumblr.com/iwtk77u/Yhym2yygt/jquery.imagesloaded.min.js"></script> <!-- Images Loaded -->

<script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script> <!-- PXU -->

<link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/> <!--- PXU Styling --->

<script src="//static.tumblr.com/wgg6svp/OoTofxa0c/unnest.min.js"></script> <!-- Unnest Caption -->

<script type="text/javascript" src="//static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script> <!--- To Top Button ---->

<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"> <!--Font Awesome Icons--> 

<link href="https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300|Raleway|Bubbler+One|Dancing+Script|Quicksand" rel="stylesheet"> <!--- Custom Fonts --->


    <style type="text/css">
    
/*---------------------------- SIDEBAR ICON ---------------------------*/    

#avatar { 
position:fixed;
margin-top:160px;
margin-left:94px;
padding:4px;
width:64.5px;
height:64.5px;
border-top:4px double {color:Color 1};
border-left:4px double {color:Color 1};
border-right:4px double {color:Color 1};
border-bottom:4px double {color:Color 1};
z-index:10;
}
 

/*---------------------------- SIDEBAR ICON ---------------------------*/
    
/*---------------------------- QUOTE BORDER ---------------------------*/

/*--
 
QUOTE BORDER by BRAVETHEMES

    ◤                      ◥
      don't be a lil bitch;
        keep the credits.
    ◣                      ◢

- - - -
 
for html help go to:
http://bravethemes.tumblr.com/
http://htmlqueens.tumblr.com/
 
--*/

.qline{
    width:100%;
    top:0px;
    text-align:center; /* you can change this to left, right, center, justify */
    left:0px;
    z-index:999999;
    line-height:20px;
    height:20px; /* the height */
    padding:5px; /* the padding */
    background:{color:Quote Border Background}; /* background */
    color:{color:Quote Border Text}; /* font color */
    position:fixed;
}

/*---------------------------- QUOTE BORDER ---------------------------*/

/*---------------------------- SIDE BORDERS ---------------------------*/

#left{position:fixed;left:0px;bottom:0;height:100%;width:{text:Border Left Width};background:{color:Border Left};z-index:6;}
#right{position:fixed;right:0px;bottom:0;height:100%;width:{text:Border Right Width};background:{color:Border Right};z-index:6;}

/*---------------------------- SIDE BORDERS ---------------------------*/

/*------------------------------ SIDEBAR ------------------------------*/

/*---- General Sidebar ----*/

#sidebar{
    position:fixed;
    z-index:100;
    top:168px;
    left:12%;
    width:200px;
    text-align:center;
    margin-top:-5px;
}

/*---- Blogtitle ----*/

#sb-blogtitle{
    font-family: {select:Title Font};
    font-size:19px;
    color:{color:Title Color};
    text-align:center;
    margin-top:-5px;
    margin-left:22px; 
    position:absolute;
    width:auto;
    background-color:#fff;
}

/*----- Description -----*/

#sb-description{
   margin:5px 0px 5px 0px; 
   text-align:center; 
   padding:10px;
   margin-bottom:-2px;
   color:#000;
   height:53px;
   border-top:4px double {color:Color 1};
   border-left:4px double{color:Color 1};
   border-right:4px double {color:Color 1};
   border-bottom:4px double {color:Color 1};
   font-family: {select:Description Font};
}

/*----- Links -----*/

#sb-links{
    text-align:center;
    border-bottom:4px double {color:Color 1};
    margin-top:0px;
    margin-left:-90px;
    padding:2px;
}

#tabs-n-links {
    margin-left:0px;
    display:inline-block;
}

.tab-links, .links{
    display:inline-block;
    margin:5px 0px 0px 0px;
    padding:0px;
}    
    
.tab-links:after, .links:after {
    display:inline-block;
    clear:both;
}

.tab-links li, .links li {
    display:inline-block;
    list-style:none; 
    margin:0px 3px 0px 3px;
    width:20px;
    height:20px;
    background-color:#fff;
}
 
.tab-links a, .links a {
    display:inline-block;
    width:20px;
    height:20px;
    -webkit-transition: all .9s ease;
    -moz-transition: all .9s ease;
    -o-transition: all .9s ease;
    -ms-transition: all .9s ease;    
    transition: all .9s ease;    
}

.tab-links span, .links span{
    position:relative;
    width:20px;
    height:20px;
    font-size:10px;
    color:#000;
    display: flex;
        align-items: center;
        justify-content: center;      
}

.tab-links li:hover a, .links li:hover a{
    /*--background-color:{color:Color 2};--*/
}

li.main-active a{
    -webkit-transition: all .9s ease;
    -moz-transition: all .9s ease;
    -o-transition: all .9s ease;
    -ms-transition: all .9s ease;    
    transition: all .9s ease;
}

li.main-active:hover a{
    /*--background-color:{color:Sidebar Links Hover};--*/
    -webkit-transition: all .9s ease;
    -moz-transition: all .9s ease;
    -o-transition: all .9s ease;
    -ms-transition: all .9s ease;    
    transition: all .9s ease;
}    

/*------------------------------ SIDEBAR ------------------------------*/


/*------------------------------ POSTS --------------------------------*/

#container{
    position:absolute;
    {block:IndexPage}
    top:30px;
    {/block:IndexPage}
    {block:PermalinkPage}
    top:40px;
    {/block:PermalinkPage}
}

.entry{
    position:relative;
    margin:20px 0px 20px 0px;
    padding:6px;
    border:4px double {color:Post Borders};
    {block:IndexPage}
    width:250px;
    {/block:IndexPage}
    {block:PermalinkPage}
    width:500px;
    {/block:PermalinkPage}
}

.thepost{
{block:IndexPage}    
    width:250px;
{/block:IndexPage}
{block:PermalinkPage}
    width:500px;
{/block:PermalinkPage}
}

.postcontents{
    position:relative;
}

iframe, img, embed, object, video {
    max-width: 100%;
}

/*---- Text Post ----*/

.tp-title, .cp-title{
    margin-bottom:3px;
    text-align:center;
    font-family:{select:Title Font}; 
    color:{color:Color 1};
}

.tp-title{
    font-size:25px;    
}

.tp-body, .qp-body{
    padding:10px;
}

/*---- Quote Post ----*/

.qp-body{
    text-align:left;
}

.qp-source{
    text-align:right;
    font-size:9px;
}

.short{
    font-size:18px;    
}

.medium{
    font-size:16px;
} 

.long{
    font-size:14px;
}

/*---- Link Post ----*/

.p-link{
    display:block;
    padding:10px;
    background-color:{color:Color 1};
    font-family: {select:Title Font}; 
    font-size:15px;
    color:#ffffff;
        -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;      
}

a.p-link:hover{
    background-color:{color:Color 2};
}

.lp-desc{
    margin-top:3px;
    padding:5px;
    background-color:{color:Color 2};
}


.lp-desc p{
    margin:3px 5px 3px 5px;
    font-size:10px;
    color:#ffffff;
}

/*---- Chat Posts ----*/

.cp-title{
    font-size:15px;
}

.cp-body{
    font-size:10px;
}

.odd, .even{
    margin-top:5px;
    margin-bottom:5px;
    padding:5px;
    border:1px solid #eeeeee;
    background-color:#ffffff;
}

.odd chatter{
    color:{color:Color 2};
}

.even chatter{
    color:{color:Color 1};    
}

/*---- Photo Post ----*/

#photopost{
    position:relative;
    overflow:hidden;
}

.photohovereffect{
    position:absolute;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
    opacity:0;
    background-color:#ffffff;
        -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;      
}

.entry:hover .photohovereffect{
    opacity:0.5;
}

/*--Photo Perma--*/

.p-permalinks{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    width:175px;
    opacity:0;
    text-align:center;
        -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;  
    transition-delay:0s;
}

.entry:hover .p-permalinks{
    opacity:1;
    transition-delay:0.4s;    
}

a.photo-perma{
    display:inline-block;
    position:relative;
    margin:3px;
    width:40px;
    height:40px;
    overflow:hidden;
    font-size:35px;
    color:{color:Post Borders}; 
    padding:2px;
    background-color:#fff;
    border:2px solid {color:Post Borders};
}

.photo-perma i{
    position:relative;
    width:40px;
    height:40px;
    display: flex;
        align-items: center;
        justify-content: center;
        -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;    
}

.like .like_button {
   position:relative;

}

.like .like_button iframe {
   position:absolute;
   z-index:2;   
   top:0px;
   bottom:0px;   
   left:0px;
   right:0px;
   opacity:1;
   zoom:750%;
}

/*--- Question Posts ---*/

.asked{
    position:relative;
}

.asker-icon{
    position:absolute;
    top:6px;
    left:7px;
    width:50px;
    height:50px;
}

.asker-icon img{
    width:50px;
    height:50px;
}

.askerquestion{
    position:relative;
    margin-left:55px;
    height:40px;
    padding:5px;
    background-color:{color:Color 1};
    color:#ffffff;
}

.askerquestion a{
   color:#ffffff;
}

.answer-icon{
    position:absolute;
    right:0px;
    width:39px;
    height:38px;
    padding:2px;
    border-top:4px double {color:Color 1};
    border-left:4px double{color:Color 1};
    border-right:4px double {color:Color 1};
    border-bottom:4px double {color:Color 1};
}

.answer-icon img{
    width:39px;
    height:39px;
}

.theanswer{
    position:relative;
    margin-top:5px;
}

.answered-q{
    padding:5px;
    border:1px solid {color:Color 2};
    background-color:#ffffff;
}

/*---- Text Based Permas ----*/

#textperma{
    position:relative;
    margin:5px -3px 0px 0px;
    text-align:right;
}

#textperma a perm{
    display:inline-block;
    margin-right:3px;
    width:20px;
    height:20px;
    background-color:{color:Color 1};
    text-align:center;
    font-size:10px;
    color:#ffffff;
        -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;     
}

#textperma a:hover perm{
    background-color:{color:Color 2};
}

#textperma i{
    width:20px;
    height:20px;
    display: flex;
        align-items: center;
        justify-content: center;
        -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;          
}


/*----Like Button Style----*/

#textperma .like .like_button iframe {
   position:absolute;
   z-index:2;   
   top:0px;
   bottom:0px;   
   left:0px;
   right:0px;
   opacity:0;
}
 
/*----------------------PERMALINK PAGE---------------------*/

.thepostinfo{
    margin:10px 0px 10px 0px;
    max-height:300px;
    overflow:auto;
    padding:10px;
    background-color:{color:Color 2};
}


/*SCROLLBARS SPECIFICALLY FOR CAPTIONS*/
.thepostinfo::-webkit-scrollbar {
    width: 5px;
}

.thepostinfo::-webkit-scrollbar-track {
    background-color:{color:Color 2};
}

.thepostinfo::-webkit-scrollbar-thumb {
    border-top:2px solid {color:Color 2};
    border-bottom:2px solid {color:Color 2};
    border-left:2px solid {color:Color 2};
    border-right:2px solid {color:Color 2};    
    background-color:#ffffff;
}

.postinfo{
    margin:2px 0px 2px 0px;
    padding:5px;
    background-color:#ffffff;
}

.posttag{
    display:inline-block;
    margin:5px;
    padding:3px;
    background-color:{color:Color 2};
    font-size:10px;
    color:#ffffff;
        -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;  
}

.posttag:hover{
    background-color:{color:Color 2};
}


ol.notes{
    margin:10px 0px 0px 0px;
    max-height:200px;
    overflow:auto;
    padding:0px;
    border:1px solid {color:Color 2};
    background-color:#ffffff;
    list-style-type:none;
}

/*NOTES SPECIFIC SCROLLBARS*/

ol.notes::-webkit-scrollbar {
    width: 5px;
}

ol.notes::-webkit-scrollbar-track {
    background-color:#ffffff;
}

ol.notes::-webkit-scrollbar-thumb {
    border-top:5px solid #ffffff;
    border-bottom:5px solid #ffffff;
    border-left:2px solid #ffffff;
    border-right:2px solid #ffffff;    
    background-color:{color:Color 1};
}

ol.notes li{
    position:relative;
    margin-top:-1px;
    padding:10px 25px 10px 10px;
    border-top:1px solid {color:Color 2};
}

ol.notes blockquote{
    display:inline-block;
    font-size:11px;
}


ol.notes img{
    position:absolute;
    top:5px;
    right:5px;
    width:15px;
    height:15px;
}

.caption{
    padding:10px;
    background-color:#ffffff;
    color:#000;
}

.caption a{
    color:{color:Color 2};
}

.caption b{
    color:{color:Color 1};
}

.caption h2{
    text-align:left;  
    color:{color:Color 2};
}

.tumblr_parent {
  margin:0px 0px 5px 0px;
}

.tumblr_avatar{
    display:none;
}

/*------------------------------ POSTS --------------------------------*/


/*------------------------- LOADING SCREEN ----------------------------*/
#loading {
    position:fixed;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
    z-index: 99999999999999999999999999999999999999999;
    background-color:#ffffff;
}

#loadmessage{
    position:fixed;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    font-family: {select:Title Font};
    font-size:50px;
    color:{color:Color 1};
}
/*---------------------------------------------------------------------*/


/*------------------------------ BASICS -------------------------------*/

.tab-content-posts{ /*The main container of the entire blog*/
    position:absolute;
    top:20px;
    left:52%;
    transform:translateX(-50%);
    width:540px;
}

.tab-content{
    position:fixed;
    top:20px;
    left:52%;
    transform:translateX(-50%);
    width:540px;    
}

.main-tab {
    display:none;
}

.main-tab.active {
    display:block;
}


#infscr-loading {
    display: none !important;
}

#scrollToTop:link, 
#scrollToTop:visited {
    display:none;
    position:fixed;
    bottom:15px;
    left:25px;
    font-size:25px;
    color:{color:Color 2};
}

#s-m-t-tooltip {
    margin:15px 0px 0px 10px;
    padding:5px;    
    background-color:{color:Color 2};
    font-size:10px;
    text-align:center;
    color:#ffffff;
    z-index:99999999999999999999999999999999999;  
}

::-moz-selection { /* Code for Firefox */
    color: #ffffff;
    background: {color:Color 1};
}

::selection {
    color: #ffffff; 
    background: {color:Color 1};
}

body{
    background-color:#ffffff;
    text-align:justify;
    font-family: {select:Description Font};
    font-size:11px;
    color:{color:Main Font Color};
}

body::-webkit-scrollbar {
    width: 11px;
}

body::-webkit-scrollbar-track {
    background-color:#ffffff;
}

body::-webkit-scrollbar-thumb {
    border-top:15px solid #ffffff;
    border-bottom:15px solid #ffffff;
    border-left:5px solid #ffffff;
    border-right:5px solid #ffffff;    
    background-color:#eeeeee;
}

blockquote{
    margin:0px;
}

img{
    vertical-align:middle;    
}

hr{
    margin:5px 0px 5px 0px;
    height:1px;
    border:none;
    background-color:#cccccc;
}

h1{
    margin:0px 0px 5px 0px;
    font-family: {select:Title Font}; 
    font-size:20px;
    color:{color:Color 1};
}

h2{
    font-family: {select:Title Font};  
    font-size:15px;  
}

p{
    margin:5px 0px 5px 0px;
    text-align:justify;
    font-family: {select:Description Font};
    font-size:11px;
}

ol{
    text-align:left;
    font-family: {select:Description Font};
    font-size:11px;    
}

ul{
    text-align:left;
    font-family: {select:Description Font};
    font-size:11px;       
}

a{
    text-decoration:none;
    color:{color:Color 1};
}

.tmblr-iframe{
    position:fixed;
    margin-top:3px;
    margin-right:0px;
    z-index:1000000000000000000000000000000000000000000000000 !important;
    -webkit-filter: invert(50%);
} 

/*------------------------------ BASICS -------------------------------*/ 
        
    </style>
    
</head>


<body>


<!------------------------------ BORDERS ------------------------------->

<div id="right"></div>
<div id="left"></div>

<!------------------------------ BORDERS ------------------------------->

<!---------------------------- SIDEBAR ICON ---------------------------->
<div id="avatar"><img src="http://68.media.tumblr.com/3078c1d9be1df3015be03e2250854de2/tumblr_ohkg0jTsMf1v3vb5wo4_1280.jpg"></div> <!--you have to change this manually-->
<!---------------------------- SIDEBAR ICON ---------------------------->

<!------------------------------ SIDEBAR ------------------------------->
<div id="sidebar">

<!--------------------------->
<a href="/">
<div id="sb-blogtitle"><div class="blogtitle">{Title}</div></div>
</a>
<!--------------------------->
<div id="sb-description">{Description}</div>
<!--------------------------->
<div id="sb-links">

<div id="tabs-n-links">
<ul class="tab-links">
<li class="main-active"><a href="/" title="Refresh"><span><i class="fa fa-home" aria-hidden="true"></i></span></a></li>

<li><a href="/ask" title="Ask"><span><i class="fa fa-paper-plane" aria-hidden="true"></i></span></a></li>

<li><a href="/" title="About"><span><i class="fa fa-user" aria-hidden="true"></i></a></li>

<li><a href="/archive" title="Archive"><span><i class="fa fa-bookmark" aria-hidden="true"></i></span></a></li>

{block:ifCreditLink}
<li><a href="http://diamondthemes.tumblr.com" title="Theme"><span><i class="fa fa-diamond" aria-hidden="true"></i></span></a>
{block:ifCreditLink}

</ul>
</div>

<!---- I separated the tab links from the regular links as regular links seem to screw up in the ul for tabs ----->



</div>
<!--------------------------->
</div>
<!------------------------------ SIDEBAR ------------------------------->



<!---------------------------------------------------------------------->
<div id="tabs-n-links"><!-- Start Of Tabs -->

<!-----------------------------  TAB 1  -------------------------------->
<div id="blog-page1" class="tab main-active"><div class="tab-content-posts">
<div id="container">
{block:Posts}
<div class="entry">
<!-------------------------------------------------------------------->
<div class="thepost {PostType}">
<!----------------------------------------------------->
{block:Text}
<div class="post text">
{block:Title}<div class="tp-title">{Title}</div>{/block:Title}
<div class="tp-body">{Body}</div>
<!----------------------->
{block:IndexPage}
<div id="textperma">

<a href="{ReblogURL}" title="steal this lit post" target="blank"><perm><i class="fa fa-retweet"></i></perm></a>

<a href="#" title="give it some love" class="like"><likebutton><perm>{LikeButton}
<i class="fa fa-heart-o"></i>
</perm></likebutton></a>

<a href="{Permalink}" title="{TimeAgo} with {NoteCountWithLabel}"><perm><i class="fa fa-clock-o" aria-hidden="true"></i></perm></a>
</div>
{/block:IndexPage}
<!----------------------->
</div>
{/block:Text}
<!----------------------------------------------------->


<!----------------------------------------------------->
{block:Quote}
<div class="post quote {Length}">
<div class="qp-body">
❝ {Quote} ❞  
{block:Source}<div class="qp-source">- {Source}</div>{/block:Source}
</div>
<!----------------------->
{block:IndexPage}
<div id="textperma">
<a href="{ReblogURL}" title="steal this lit post" target="blank"><perm><i class="fa fa-retweet"></i></perm></a>

<a href="#" title="give it some love" class="like"><likebutton><perm>{LikeButton}
<i class="fa fa-heart-o"></i>
</perm></likebutton></a>

<a href="{Permalink}" title="{TimeAgo} with {NoteCountWithLabel}"><perm><i class="fa fa-clock-o" aria-hidden="true"></i></perm></a>
</div>
{/block:IndexPage}
<!----------------------->
</div>
{/block:Quote}
<!----------------------------------------------------->


<!----------------------------------------------------->
{block:Link}
<div class="post link">
<div class="lp-bg">
<a href="{URL}" class="p-link {Target}" target="blank">{Name}</a> 

<div class="lp-desc">
{block:Description}{Description}{/block:Description}
</div>
</div>
<!----------------------->
{block:IndexPage}
<div id="textperma">
<a href="{ReblogURL}" title="steal this lit post" target="blank"><perm><i class="fa fa-retweet"></i></perm></a>

<a href="#" title="give it some love" class="like"><likebutton><perm>{LikeButton}
<i class="fa fa-heart-o"></i>
</perm></likebutton></a>

<a href="{Permalink}" title="{TimeAgo} with {NoteCountWithLabel}"><perm><i class="fa fa-clock-o" aria-hidden="true"></i></perm></a>
</div>
{/block:IndexPage}
<!----------------------->
</div>
{/block:Link}
<!----------------------------------------------------->


<!----------------------------------------------------->
{block:Chat}
<div class="post chat">
{block:Title}<div class="cp-title">{Title}</div>{/block:Title} 

<div class="cp-body">
{block:Lines}
<div class="{Alt} user_{UserNumber}">
{block:Label}<chatter>{Label}</chatter>{/block:Label}  
{Line}
</div>
{/block:Lines}
</div>

<!----------------------->
{block:IndexPage}
<div id="textperma">
<a href="{ReblogURL}" title="steal this lit post" target="blank"><perm><i class="fa fa-retweet"></i></perm></a>

<a href="#" title="give it some love" class="like"><likebutton><perm>{LikeButton}
<i class="fa fa-heart-o"></i>
</perm></likebutton></a>

<a href="{Permalink}" title="{TimeAgo} with {NoteCountWithLabel}"><perm><i class="fa fa-clock-o" aria-hidden="true"></i></perm></a>
</div>
{/block:IndexPage}
<!----------------------->
</div>
{/block:Chat}
<!----------------------------------------------------->


<!----------------------------------------------------->
{block:Video}
<div class="post video">
{block:IndexPage}{Video-250}{/block:IndexPage}
{block:PermalinkPage}{Video-500}{/block:PermalinkPage}
</div>
<!----------------------->
{block:IndexPage}
<div id="textperma">
<a href="{ReblogURL}" title="steal this lit post" target="blank"><perm><i class="fa fa-retweet"></i></perm></a>

<a href="#" title="give it some love" class="like"><likebutton><perm>{LikeButton}
<i class="fa fa-heart-o"></i>
</perm></likebutton></a>

<a href="{Permalink}" title="{TimeAgo} with {NoteCountWithLabel}"><perm><i class="fa fa-clock-o" aria-hidden="true"></i></perm></a>
</div>
{/block:IndexPage}
<!----------------------->
{block:Video}
<!----------------------------------------------------->



<!----------------------------------------------------->
{block:Audio}
<div class="post audio">
{block:AudioEmbed}
{block:IndexPage}{block:AudioEmbed-250}{/block:IndexPage}
{block:PermalinkPage}{AudioEmbed-500}{/block:PermalinkPage}
{/block:AudioEmbed}

{block:AudioPlayer}{AudioPlayer}{/block:AudioPlayer}
</div>
{/block:Audio}
<!----------------------------------------------------->


<!----------------------------------------------------->
{block:Photoset}
<div class="post 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}
<div id="textperma">
<a href="{ReblogURL}" title="steal this lit post" target="blank"><perm><i class="fa fa-retweet"></i></perm></a>

<a href="#" title="give it some love" class="like"><likebutton><perm>{LikeButton}
<i class="fa fa-heart-o"></i>
</perm></likebutton></a>

<a href="{Permalink}" title="{TimeAgo} with {NoteCountWithLabel}"><perm><i class="fa fa-clock-o" aria-hidden="true"></i></perm></a>
</div>
{/block:IndexPage}
<!----------------------->
</div>
{/block:Photoset}
<!----------------------------------------------------->


<!----------------------------------------------------->
{block:Photo}
<div class="post photo">
<div id="photopost">
<div class="thephoto">
<img src="{PhotoURL-500}" alt="{PhotoAlt}"/> 
</div>
<!---------------------------------->
{block:IndexPage}
<div class="photohovereffect"></div>
<div class="p-permalinks">
<a href="{ReblogURL}" title="steal this lit post" class="photo-perma"><i class="fa fa-retweet"></i></a>

<a href="{Permalink}" title="{TimeAgo} with {NoteCountWithLabel}" class="photo-perma"><i class="fa fa-clock-o" aria-hidden="true"></i></a>

<a href="#" title="give it some love" class="photo-perma like"><likebutton>{LikeButton}<i class="fa fa-heart-o"></i></likebutton></a>
</div>
{/block:IndexPage}
<!---------------------------------->
</div>
</div>
{/block:Photo}
<!----------------------------------------------------->


<!----------------------------------------------------->
{block:Answer}
<div class="post answer">

<div class="thequestion">
<div class="asker-icon"><img src="{AskerPortraitURL-96}"></div>
<div class="askerquestion">
{Asker} asked: {Question}
</div>
</div>    
 
{block:NotReblog}
<div class="theanswer">
<div class="answer-icon"><img src="http://68.media.tumblr.com/3078c1d9be1df3015be03e2250854de2/tumblr_ohkg0jTsMf1v3vb5wo4_1280.jpg"></div> <!--this is the icon by your answer: needs to be changed manually-->
<div class="answered-q">
{text:Your Name} replied:
{Answer}  
</div>
</div>
{/block:NotReblog}
 

{block:IndexPage}
<div id="textperma">
<a href="{ReblogURL}" title="steal this lit post" target="blank"><perm><i class="fa fa-retweet"></i></perm></a>

<a href="#" title="give it some love" class="like"><likebutton><perm>{LikeButton}
<i class="fa fa-heart-o"></i>
</perm></likebutton></a>

<a href="{Permalink}" title="{TimeAgo} with {NoteCountWithLabel}"><perm><i class="fa fa-clock-o" aria-hidden="true"></i></perm></a>
</div>
{/block:IndexPage}
<!-----------------------> 
</div>
{/block:Answer}
<!----------------------------------------------------->
</div>
{block:PermalinkPage}
<div class="thepostinfo">
<div class="postinfo">
<span><i class="pe-7s-date"></i></span>
<info>{Month} {DayOfMonth}, {Year}</info>
</div>

{block:RebloggedFrom}
<a href="{ReblogParentURL}" target="blank"><div class="postinfo">
Reblogged from : {ReblogParentName}
</div></a>
{/block:RebloggedFrom}

{block:ContentSource}
<a href="{SourceURL}" target="blank"><div class="postinfo">
Source : {SourceTitle}
</div></a>
{block:ContentSource}

<div class="postinfo">
{NoteCountWithLabel}
</div>

{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}


{block:HasTags}
<div class="postinfo">
<span><i class="pe-7s-ticket"></i></span>  
<info>Tags</info>
</div>

{block:Tags}
<a hreg="{TagURL}" class="posttag">{Tag}</a>
{/block:Tags}
{/block:HasTags}
</div>

{block:PostNotes}
{PostNotes-64}    
{/block:PostNotes}

{/block:PermalinkPage}
</div>
{/block:Posts}
</div>
</div></div>
<!-----------------------------  TAB 1  -------------------------------->





<!-----------------------------  TAB 2  -------------------------------->
<div id="blog-page2" class="main-tab"><div class="tab-content">
<!---------------------------------------------------------------------->
<div id="ask">
<!------------------------------Ask Form-------------------------------->
<iframe frameborder="0" scrolling="yes" width="100%" height="190" src="http://www.tumblr.com/ask_form/{Name}.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe>
<!---------------------------------------------------------------------->
</div>
</div></div>
<!-----------------------------  TAB 2  -------------------------------->

</div><!-- END OF TABS -->
<!---------------------------------------------------------------------->


<!---------------------------- LOADING SCREEN -------------------------->

{block:ifLoadingScreen}
<div id="loading">
<div id="loadmessage">Loading . . . </div>    
</div>
{/block:ifLoadingScreen}
<!---------------------------------------------------------------------->

{block:ifScrollToTopButton}
<a href="javascript:;" id="scrollToTop" rel="nofollow" title="Back To Top"><i class="fa fa-arrow-up"></i></a> 
{/block:ifScrollToTopButton}

<!-------------------- PAGINATION - DON'T REMOVE ----------------------->
{block:Pagination}
<div class="pagination" style="visibility:hidden;">
{block:NextPage}
<a href="{NextPage}" id="next">Next</a>
{/block:NextPage}
</div>
{/block:Pagination}

<!------------ Functionality [BE CAREFUL, EASY TO MESS UP] ------------->
<script>
$(function(){

// ------------------------- LOADING SCREEN ----------------------------

{block:ifLoadingScreen}
  $(window).load(function () {
                setTimeout(function() {
                $("#loading").fadeOut("slow");
                    }, 6600); 
  });    
{/block:ifLoadingScreen}

// ------------------------- Style My Tooltips -------------------------

    (function($){
        $(document).ready(function(){
            $("a[title]").style_my_tooltips({
                tip_follows_cursor:true,
                tip_delay_time:90,
                tip_fade_speed:600,
                attribute:"title"
            });
        });
    })(jQuery);
 

// ----------------- All-In-One by NeonBike Themes ---------------------
 
$(document).ready(function() {
    $('#tabs-n-links .tab-links a').on('click', function(e)  {
        var currentAttrValue = $(this).attr('href');
 
        // Show/Hide Tabs
        $('#tabs-n-links ' + currentAttrValue).fadeIn(900).siblings().hide();
 
        // Change/remove current tab to active
        $(this).parent('li').addClass('main-active').siblings().removeClass('main-active');
 
        e.preventDefault();
    });
});

$(document).ready(function() {
  $('#filterOptions li a').click(function() {
    // fetch the class of the clicked item
    var ourClass = $(this).attr('class');
 
    // reset the active class on all the buttons
    $('#filterOptions li').removeClass('main-active');
    // update the active state on our clicked button
    $(this).parent().addClass('main-active');
 
    if(ourClass == 'all') {
      // show all our items
      $('#ourHolder').children('div.item').show();
    }
    else {
      // hide all elements that don't share ourClass
      $('#ourHolder').children('div:not(.' + ourClass + ')').hide();
      // show all elements that do share ourClass
      $('#ourHolder').children('div.' + ourClass).show();
    }
    return false;
  });
}); 
 
// ----------------------- Unnest by NEO --------------------------------

    $('.entry').unnest({ //posts themselves
        yourCaption: ".caption", //caption div
        wrapName: ".tumblr_parent", //unnested captions
        newCaptionUsername: true, //add username
        originalPostCaptionUsername: true, //adds username regardless
        tumblrAvatars: true, // user avatars
        tumblrAvatarClass: ".tumblr_avatar", // avatar class
        usernameColon: false
}); 
   
//---------------------------- PXU Photosets ----------------------------

    $('.photo-slideshow').pxuPhotoset({
        lightbox: false,
        rounded: false,
        gutter: '{select:Photoset Gutter Size}',
        photoset: '.photo-slideshow',
        photoWrap: '.photo-data',
        photo: '.pxu-photo'
    });
    
});

// -------------------------- Infinite Scroll ---------------------------
    
{block:IndexPage}
(function () {
    var $blogcontent = $('#container'); //posts container
    $blogcontent.imagesLoaded(function () {
        $blogcontent.masonry({
            itemSelector: '.entry', //posts themselves
            isAnimated:false,
            columnWidth:250,
            gutterWidth:40,
        });
    });
    $blogcontent.infinitescroll({
        navSelector : "div.pagination", //pagination div
        nextSelector : ".pagination a#next", //pagination next
        itemSelector : ".entry",
        loading: {
            finishedMsg: "<p>You have reached the end of the internet. Now go outside and get some fresh air.</p>", // if you scroll that far
            msg: null,
            msgText: "",
        },
    },

    function( newElements ) {
        var $newElems = $( newElements );
        $newElems.find('.photo-slideshow').pxuPhotoset({ //pxu callback
            lightbox: false,
            rounded: false,
            gutter: '3px',
            photoset: '.photo-slideshow',
            photoWrap: '.photo-data',
            photo: '.pxu-photo'
        },
        
        function(){
            $blogcontent.masonry({
                itemSelector: '.entry',
                columnWidth:250,
                gutterWidth:40,
            });
        });
        var $newElems = $(newElements).css({
            opacity: 0,
            zIndex: -1,
        });
        $newElems.imagesLoaded(function(){
            $newElems.animate({ opacity: 1, zIndex: 1 });
            $blogcontent.masonry( 'appended', $newElems );
        });

    });
})();
{/block:IndexPage}
</script>
<!---------------------------------------------------------------------->

<div class="qline">{text:quote text}</div>

<!--DO NOT REMOVE-->
<div style="bottom:15px;right:30px;position:fixed;font-size:18px;"><a href="http://diamondthemes.tumblr.com/"><img title="diamondthemes" style="width:26px; height:26px" src="http://data.whicdn.com/images/73645613/original.png"/></a></div>
<!--DO NOT REMOVE-->
</body>

   
</html>

Public Pastes

⭐ Binance Account hack QW
JavaScript | 1 sec ago | 0.17 KB
⭐️ EARN $500 INSTANTLY J6
JavaScript | 5 sec ago | 0.17 KB
⭐ get any gift card for GD
JavaScript | 6 sec ago | 0.17 KB
⭐ get any gift card for FREE⭐ 9N
JavaScript | 9 sec ago | 0.17 KB
⭐️ EARN $500 INSTANTLY⭐ 4M
JavaScript | 12 sec ago | 0.17 KB
⭐ get any gift card for 6C
JavaScript | 17 sec ago | 0.17 KB
⭐ FREE giftcards method 3D
JavaScript | 18 sec ago | 0.17 KB
⭐ FREE giftcards method⭐ G6
JavaScript | 22 sec ago | 0.17 KB