View difference between Paste ID: <a href="/3vWdZrtP">3vWdZrtP</a> and <a href="/jx7YwL6q">jx7YwL6q</a> - Pastebin.com

View difference between Paste ID: 3vWdZrtP and jx7YwL6q

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

<!DOCTYPE html>
<html>
    
    <head>
    

<!-----------------------------------------------------------------------
 
***PLEASE READ THIS AS IT CONTAINS IMPORTANT INFO***
 
Feline Themes Presents: The Edge
 
You may make as many cosmetic changes as you'd like to this theme such as changing fonts, colors, and simple stuff like that. Just please don't make this theme look like an entirely new theme, okay? :)
 
Do not use as a base code! And do not reupload this theme as your own, no matter how much you edit it, and keep both credit links intact.
 
You may look at my coding to see how I did certain things, but please don't copy and paste and of the CSS/HTML.
 
 
 
*FONTS USED*
 
All fonts are from Google Fonts, I did not make any of them!
 
-Julius Sans One [Title and headers]
-Six Caps [Links Posts]
-Khula [Main body]
 
 
 
*OTHER INFO*
 
-I have tested the following post types: Text, Photos/Photosets, Quotes, Asks, Videos, Chats. I didn't really touch the audio posts as I don't see them used often.
 
-Popup script not included to keep out unneeded coding. If you want popups just add in the code. :)
 
 
Enjoy and let me know if you use it so I can see! :)
 
 
© Feline Themes 2016
 
------------------------------------------------------------------------>      

    <meta name="color:Background" content="#ffffff"/>
    <meta name="color:Posts" content="#ffffff"/>
    <meta name="color:Color 1" content="#6d808f"/>
    <meta name="color:Color 2" content="#cccccc"/>
    
    <meta name="color:Font Color" content="#000000"/>
    <meta name="text:Font Size" content="11px"/>
    <meta name="text:Title Font Size" content="30px"/>
    
    <meta name="text:Quote" content="Put a cute quote or extra info about your blog here!"/>
    
    <meta name="text:Link 3 URL" content="/linkthree"/>
    <meta name="text:Link 3" content="Link Three"/>    
    <meta name="text:Link 4 URL" content="/linkfour"/>
    <meta name="text:Link 4" content="Link Four"/>

    <!------------ start of styled tooltips script ------------->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></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:90,
tip_fade_speed:600,
attribute:"title"
});
});
})(jQuery);
</script>
    <!-------------- end of styled tooltip scripts -------------->
    
<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=Julius+Sans+One|Khula:300|Six+Caps" rel="stylesheet"> 
        
        <style type="text/css">

/*----------------------------------------------------------------------*/
        
#sidebar{
    position:fixed;
    display:inline;
    z-index:100;
    top:100px;
    left:6%;
    width:200px;
    height:200px;
    padding:15px;
    background-color:{color:Background};
    text-align:center;
}

.sidebar{
    width:180px;
    height:180px;
    padding:10px;
    background-color:{color:Color 1};
    color:{color:Posts};
}

#sbtop, #sbright, #sbbottom, #sbleft{
    position:absolute;
    background:{color:Color 1};
        -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease; 
    -webkit-transition-delay: .9s; /* Safari */
    transition-delay: .9s;       
}

#sbtop{
    top:0px;
    right:0px;
    width:80px;
    height:2px;
}

#sbright{
    top:0px;
    right:0px;
    width:2px;
    height:80px;
}

#sbbottom{
    bottom:0px;
    left:0px;
    width:80px;
    height:2px;
}

#sbleft{
    bottom:0px;
    left:0px;
    width:2px;
    height:80px;
}

#sidebar:hover #sbtop{
    width:100%;
    -webkit-transition-delay: 0s; /* Safari */
    transition-delay: 0s;       
}

#sidebar:hover #sbbottom{
    width:100%;
    -webkit-transition-delay: 0s; /* Safari */
    transition-delay: 0s;       
}

#sidebar:hover #sbleft{
    height:100%;
    -webkit-transition-delay: 0s; /* Safari */
    transition-delay: 0s;       
}

#sidebar:hover #sbright{
    height:100%;
    -webkit-transition-delay: 0s; /* Safari */
    transition-delay: 0s;       
}

#blogtitle{
    margin-top:5px;
    font-family: 'Julius Sans One', sans-serif;   
    font-size:{text:Title Font Size};
}

#description{
    position:absolute;
    top:70px;
    bottom:70px;
    left:25px;
    right:25px;
    padding:10px;
    border-top:1px solid {color:Posts};
    border-bottom:1px solid {color:Posts};
    display: flex;
        align-items: center;
        justify-content: center;    
    font-size:10px;
}

#quote{
    position:absolute;
    bottom:25px;
    left:25px;
    right:25px;
    height:45px;
    display: flex;
        align-items: center;
        justify-content: center; 
    font-size:10px;    
}

#links{
    position:absolute;
    left:0px;
    right:0px;
    bottom:-45px;
    margin-top:5px;
    padding-top:5px;
    opacity:0;
        -webkit-transition: all .9s ease;
    -moz-transition: all .9s ease;
    -o-transition: all .9s ease;
    transition: all .9s ease;   
}

#sidebar:hover #links{
    opacity:1;
    -webkit-transition-delay: .9s; /* Safari */
    transition-delay: .9s;       
}

.links{
    width:30px;
    height:30px;     
    background-color:{color:Color 1};
    border:3px double {color:Posts}; 
    display: flex;
        align-items: center;
        justify-content: center;     
    font-size:20px;  
    color:{color:Posts}; 
        -webkit-transition: all .9s ease;
    -moz-transition: all .9s ease;
    -o-transition: all .9s ease;
    transition: all .9s ease;       
}

.links:hover{
    background-color:{color:Posts};
    border:3px double {color:Color 1};
    color:{color:Color 1};
}


/*----------------------------------------------------------------------*/

#container{
    position:absolute;
    top:25px;
    left:30%;
    width:650px;
}

.entry{
    position:relative;
    float:left;
{block:IndexPage}
    width:250px;
{/block:IndexPage}
{block:PermalinkPage}
    width:500px;
{/block:PermalinkPage}
    margin:15px;
    padding:20px;
    border:1px solid #cccccc;
    background-color:{color:Posts};
    box-shadow:4px 4px 0px {color:Color 1};
}


/*--Makes text posts look a little nicer--*/
#textpostbody{
    padding:10px;
    max-height:300px;
    overflow-y:auto;
    border:1px solid {color:Color 2};
    background-color:{color:Posts};
}
/*--Makes text posts look a little nicer--*/

/*--Post permalinks--*/

#posteddate{
    margin-top:5px;
    margin-bottom:5px;
    padding:3px;
    text-align:center;
    background-color:{color:Color 1};
    font-size:11px;
    color:{color:Posts};
}

#textpermalinks{
    max-height:0px;
    padding-top:0px;
    overflow:hidden;
    text-align:center;
    font-family: 'Julius Sans One', sans-serif;  
    font-size:12px;
    color:{color:Color 1};
        -webkit-transition: max-height .9s ease, padding-top:.5s;
    -moz-transition: max-height .9s ease, padding-top .5s;
    -o-transition: max-height .9s ease, padding-top .5s;
    transition: max-height .9s ease, padding-top .5s;        
}

.entry:hover #textpermalinks{
    padding-top:5px;
    max-height:50px;
        -webkit-transition: max-height .9s ease, padding-top:0s;
    -moz-transition: max-height .9s ease, padding-top 0s;
    -o-transition: max-height .9s ease, padding-top 0s;
    transition: max-height .9s ease, padding-top 0s;       
}

#textpermalinks a{
    margin-left:5px;
    margin-right:5px;
}

/*--Post permalinks--*/

/*--Permalinks on photo posts--*/

#photopermalinks{
{block:PermalinkPage}
    display:none;
{/block:PermalinkPage}
    position:absolute;
    z-index:2;
    width:200px;
    bottom:35px;
    right:37px;
    opacity:0;
    text-align:right;
        -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;    
}

.entry:hover #photopermalinks{
    opacity:1;
    -webkit-transition-delay: .8s; /* Safari */
    transition-delay: .8s;      
}

.photopermalinks{
    margin:5px;
    font-family: 'Julius Sans One', sans-serif;    
    font-size:18px;
    color:{color:Posts};
        -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;      
}

.photopermalinks:hover{
    color:{color:Color 2};
}

/*--Permalinks on photo posts--*/

/*--For hover effect on photo posts--*/

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

#photoposts img{
    -webkit-filter: grayscale(20%); /* Safari 6.0 - 9.0 */
    filter: grayscale(20%);     
        -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;       
}

.entry:hover #photoposts img{
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);    
  -moz-transform: scale(1.4);
  -webkit-transform: scale(1.4);
  transform: scale(1.4);    
}

.photohovereffect{
    position:absolute;
    z-index:1;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
    opacity:0;
    background-color:{color:Color 1};
        -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    -webkit-transition-delay: .8s; /* Safari */
    transition-delay: .8s;        
}

.entry:hover .photohovereffect{
    opacity:0.9;
    -webkit-transition-delay: 0s; /* Safari */
    transition-delay: 0s;     
}

.phototop, .photoleft, .photobottom, .photoright{
    position:absolute;
    z-index:2;
    background-color:{color:Posts};
        -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;        
}

.phototop{
    top:15px;
    left:15px;
    width:0px;
    height:1px;
}

.photoleft{
    top:15px;
    left:15px;
    width:1px;
    height:0px;
}

.photobottom{
    bottom:15px;
    right:15px;
    width:0px;
    height:1px;
}

.photoright{
    bottom:15px;
    right:15px;
    width:1px;
    height:0px;
}

.entry:hover .phototop{
    width:180px;
}

.entry:hover .photobottom{
    width:180px;
}

.entry:hover .photoleft{
    height:180px;
}

.entry:hover .photoright{
    height:180px;
}

/*--For hover effects on photo posts--*/

/*--For quote posts--*/

blockquote{
    margin:0px;
    text-align:left;
    font-family: 'Julius Sans One', sans-serif;        
    font-size:20px;
}

#source{
    padding-top:5px;
    text-align:right;
    font-size:8px;
}

/*--For quote posts--*/

/*--For the link in link posts--*/

#link{
    padding:10px;
    border:1px solid {color:Color 2};
    background-color:{color:Posts};
    font-family:'Six Caps';
    font-size:25px;
    color:{color:Color 2};
        -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;     
}

#link i{
    margin-right:5px;
}

#link:hover{
    border:1px solid {color:Color 1};    
    background-color:{color:Color 1};
    color:{color:Posts};
}

/*--For the link in link posts--*/

/*--For the lines of chat posts--*/

.odd{
    margin-top:2px;
    margin-bottom:2px;    
    padding-top:5px;
    padding-bottom:5px;
    padding-left:15px;
    padding-right:15px;
    border:1px solid {color:Color 2};
    background-color:{color:Posts};
}

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

.even{
    margin-top:2px;
    margin-bottom:2px;
    padding-top:5px;
    padding-bottom:5px;
    padding-left:15px;
    padding-right:15px;
    border:1px solid {color:Color 2};
    background-color:{color:Posts};
}

.even b{
    color:{color:Color 2};
}

/*--For the lines of chat posts--*/

/*--The question part of answer posts--*/

.question{
    padding:10px;
    background-color:{color:Color 1};
}

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

.theasker{
    padding-bottom:5px;
    border-bottom:1px solid {color:Color 1};
    font-size:15px;
    color:{color:Posts};  
}

.theasker img{
    border:3px double {color:Posts};
    width:36px;
    height:36px;
}

.asked{
    padding:10px;
    border:3px double {color:Color 1};
    background-color:{color:Posts};
    color:{color:Color 1};
}

/*--The question part of answer posts--*/

/*--The answer part of answer posts--*/

.replies{
    margin-top:5px;
    padding:5px 20px 5px 20px;
    background-color:{color:Color 2};
    color:{color:Posts};
}

/*--The answer part of answer posts--*/

/*--Permalink page--*/

.caption{
    margin-top:10px;
    padding:10px;
    border:1px solid {color:Color 2};
    max-height:300px;
    overflow-y:auto;
    background-color:{color:Background};
}

ol.notes{
    height:300px;
    padding:5px;
    overflow-y:auto;
    list-style-type:none;    
    border:1px solid {color:Color 2};
    background-color:{color:Background};
}

ol.notes li{
    margin:2px;
}

ol.notes blockquote{
    font-size:{text:Font Size};
}

ol.notes img.avatar {
    margin-right:5px;
    width:16px;
    height:16px;
}

/*--Permalink Page--*/

.tumblr_audio_player { 
    {block:IndexPage}
    width: 250px; 
    {/block:IndexPage}
    {block:PermalinkPage}
    width:500px;
    {/block:PermalinkPage}
    height: 100px; 
    overflow: hidden; 
    position: relative;
    z-index: 1000; 
}

/*makes images in texts posts stay in the box*/
iframe, img, embed, object, video {
    max-width: 100%;
}

img {
    vertical-align:middle;
    height: auto;
    width: auto;
}

/*----------------------------------------------------------------------*/


#top, #left, #bottom, #right{
    position:fixed;
    background-color:{color:Color 2};
}

#top, #left{
    top:5px;
    left:5px;
}

#bottom, #right{
    bottom:5px;
    right:2px;
}

#top, #bottom{
    height:3px;
    width:230px;
}

#left, #right{
    height:230px;
    width:3px;
}

/*----------------------------------------------------------------------*/

#s-m-t-tooltip {
    max-width:150px; 
    background-color:{color:Color 1}; 
    font-size:12px;
    color:{color:Posts};
    letter-spacing:1px; 
    padding:2px; 
    margin:15px 0px 0px 10px;
    z-index:99999999999999999999999999999999999;   
}

body{
    text-align:justify;
    background-color:{color:Background};
    font-family: 'Khula', sans-serif;
    font-size:{text:Font Size};
    color:{color:Font Color};
} 

h1{
    margin:0px 0px 3px 0px;
    padding:4px;
    background-color:{color:Color 1};
    text-align:center;
    font-family: 'Julius Sans One', sans-serif;         
    font-size:25px;
    color:{color:Posts};
}

h2{
    margin-top:5px;
    margin-bottom:5px;
    text-align:center;
    font-family: 'Julius Sans One', sans-serif;             
    font-size:20px;
    color:{color:Color 2};
}

hr{
    border:none;
    height:1px;
    background-color:{color:Color 2};
}

ul{
    font-family: 'Khula', sans-serif;    
    font-size:{text:Font Size};
}

p{
    font-family: 'Khula', sans-serif;    
    text-align:justify;    
    font-size:{text:Font Size};
}

a{
    text-decoration:none;
    color:{color:Color 1};
        webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition:all 1s ease;    /*smooth transitions*/       
}

a:hover{
    color:{color:Color 2};
}

/*--Change the color of the highlights--*/
::-moz-selection { /* Code for Firefox */
    background:{color:Color 1};
    color:{color:Posts};
}
::selection{
    background:{color:Color 2};
    color:{color:Posts};
}

/*Cred to html tutorials*/
::-webkit-scrollbar-thumb:vertical {
    width:3px; /*width of the slider*/
    opacity:1;
    background-color:{color:Color 1}; /*color of main scrollbar*/
    border-top:5px solid {color:Background};
    border-bottom:5px solid {color:Background};
    border-left:1px solid {color:Background};
    border-right:1px solid {color:Background};
}
::-webkit-scrollbar {
    background-color:{color:Background}; /*color of the slider*/
    width:3px;
    opacity:1;
}

::-webkit-scrollbar-corner{
    background-color:#ffffff;
    opacity:0;
}

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

.tmblr-iframe{
    position:fixed;
    margin-top:0px;
    margin-right:0px;
    opacity:0.4;
    z-index:10000 !important;
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);  
}

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


<!-------------------What Appears On The Browser Tab---------------------->
    
    <title>{Title}</title>
        
    <link href="{Favicon}" rel="icon" type="image/x-icon" />
<!---------You can customize this to something differant from your profile pic by putting the url to your desired icon in place of {Favicon}------->

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


<!------------------------Masonry Infinite Scroll------------------------->

{block:indexpage}
{block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>
{/block:NextPage}
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script type="text/javascript" src="http://static.tumblr.com/bswe8t6/UFVlryaq2/jquerymsnryv2.js"></script>
<script type="text/javascript">
$(window).load(function(){
var $wall = $('#container');
$wall.imagesLoaded(function(){
$wall.masonry({
itemSelector: '.entry, .entry_photo',
isAnimated : true
});
});
 
$wall.infinitescroll({
navSelector : '#page-nav',
nextSelector : '#page-nav a',
itemSelector : '.entry, .entry_photo',
bufferPx : 2000,
debug : false,
errorCallback: function() {
$('#infscr-loading').fadeOut('normal');
}},
function( newElements ) {
var $newElems = $( newElements );
$newElems.hide();
$newElems.imagesLoaded(function(){
$wall.masonry( 'appended', $newElems,{isAnimated: true}, function(){$newElems.fadeIn('slow');} );
});
}); $('#content').hide(500);
});
</script>
{/block:indexpage}
 
<!----------------------------------End----------------------------------->
 
    
    <body>



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

    <div id="sbtop"></div>
    <div id="sbright"></div>
    <div id="sbbottom"></div>
    <div id="sbleft"></div>

    <div id="blogtitle">{Title}</div> 
    <div id="description">{Description}</div>
    <div id="quote">{text:Quote}</div>
    
    <div id="links">
    <center>
    <table>
    <tr>
<td><a href="/"><div class="links"><i class="fa fa-home"></i></div></a></td>

<td><a href="/ask" title="Ask"><div class="links"><i class="fa fa-send-o"></i></div></a></td>

<td><a href="{text:Link 3 URL}" title="{text:Link 3}"><div class="links"><i class="fa fa-user-o"></i></div></a></td>

<td><a href="{text:Link 4 URL}" title="{text:Link 4}"><div class="links"><i class="fa fa-folder-o"></i></div></a></td>

<td><a href="http://katting.tk" title="Credit"><div class="links"><i class="fa fa-code"></i></div></a></td>   
    </tr>    
    </table>    
    </div>
    </center>
</div>    
</div> 

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

<div id="container">

{block:Posts}
<div class="entry">

    <!--------------------------------------------------------------->
    {block:Text}
    <div class="post text">
    
     {block:Title}<h1>{Title}</h1>{/block:Title}
     <div id="textpostbody">{Body}</div>
     
     <div id="posteddate">
     Posted on {DayOfWeek}, {Month} {DayOfMonth}, {Year}
     </div>
        
    </div>
    
    
     {block:IndexPage}
     <div id="textpermalinks">
     <a href="{Permalink}" title="Permalink">{NoteCountWithLabel}</a>
     •
     <a href="{ReblogURL}"title="Reblog">Reblog</a>       
     </div>
     {/block:IndexPage}
    
    {block:Text}
     <!--------------------------------------------------------------->
     
     
     <!--------------------------------------------------------------->
     {block:Photo}
     <div class="post photo">
     
      {block:IndexPage}
      <div id="photoposts">
      
      <div class="phototop"></div>
      <div class="photoleft"></div>
      <div class="photobottom"></div>
      <div class="photoright"></div>      
      
      <div class="photohovereffect"></div>
      <img src="{PhotoURL-250}" alt="{PhotoAlt}"/>     
      </div>
     
      <div id="photopermalinks">
      <a href="{Permalink}"><div class="photopermalinks">{NoteCountWithLabel} <i class="fa fa-heart-o"></i></div></a>         
      
      <a href="{Permalink}"><div class="photopermalinks">{TimeAgo} <i class="fa fa-clock-o"></i></div></a>      
     
      <a href="{ReblogURL}"><div class="photopermalinks">Reblog <i class="fa fa-retweet"></i></div></a>
      </div>
      {block:IndexPage}
     
      {block:PermalinkPage}
      <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
      {/block:PermalinkPage}
         
     </div>
     
     {/block:Photo}
     <!--------------------------------------------------------------->   

    
     <!---------------------------------------------------------------> 
     {block:Panorama}
     <div class="post panorama">
     {LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>
     {LinkCloseTag} 
     
     <div id="posteddate">
     Posted on {DayOfWeek}, {Month} {DayOfMonth}, {Year}
     </div>     
     
     </div>


     {block:IndexPage}
     <div id="textpermalinks">
     <a href="{Permalink}" title="Permalink">{NoteCountWithLabel}</a>
     •
     <a href="{ReblogURL}"title="Reblog">Reblog</a>       
     </div>
     {/block:IndexPage}     
     {/block:Panorama}
     <!---------------------------------------------------------------> 
     
     
     <!--------------------------------------------------------------->
     {block:Photoset}
      <div class="post photoset">
      
      {block:IndexPage}
      {Photoset-250}
      {/block:IndexPage}
      
      {block:PermalinkPage}
      {Photoset-500}
      {/block:PermalinkPage}
      
     <div id="posteddate">
     Posted on {DayOfWeek}, {Month} {DayOfMonth}, {Year}
     </div>      
      
      </div>
      
      
      {block:IndexPage}
      <div id="textpermalinks">
      <a href="{Permalink}" title="Permalink">{NoteCountWithLabel}</a>
      •
      <a href="{ReblogURL}"title="Reblog">Reblog</a>       
      </div>
      {/block:IndexPage}      
     {/block:Photoset}
     <!--------------------------------------------------------------->
     
     
     <!---------------------------------------------------------------> 
     {block:Quote}
     <div id="post quote">
         <div id="textpostbody">
         <blockquote>"{Quote}"</blockquote>
         <div id="source">{Source}</div>            
         </div>
         
     <div id="posteddate">
     Posted on {DayOfWeek}, {Month} {DayOfMonth}, {Year}
     </div>         
         
     </div>

     
      {block:IndexPage}
      <div id="textpermalinks">
      <a href="{Permalink}" title="Permalink">{NoteCountWithLabel}</a>
      •
      <a href="{ReblogURL}"title="Reblog">Reblog</a>       
      </div>
      {/block:IndexPage}      
     {/block:Quote}
     <!--------------------------------------------------------------->
     
     
     <!--------------------------------------------------------------->
     {block:Link}
     <div class="post link">
         <a href="{URL}" class="link" {Target} target="blank"><div id="link"><i class="fa fa-external-link"></i> {Name}</div></a>
         
     <div id="posteddate">
     Posted on {DayOfWeek}, {Month} {DayOfMonth}, {Year}
     </div>         
         
     </div>
     
     
      {block:IndexPage}
      <div id="textpermalinks">
      <a href="{Permalink}" title="Permalink">{NoteCountWithLabel}</a>
      •
      <a href="{ReblogURL}"title="Reblog">Reblog</a>       
      </div>
      {/block:IndexPage}       
     {/block:Link}
     <!--------------------------------------------------------------->   
     
     
     <!--------------------------------------------------------------->
     {block:Chat}
     <div class="post chat">
     
         {block:Title}<h1>{Title}</h1>{/block:Title}
         
         <div class="chat">
         {block:Lines}
         <div class="{Alt} user_{UserNumber}">
         {block:Label}<b>{Label}</b>{/block:Label}
         {Line} 
         </div>
         {block:Lines}             
         </div>     

     <div id="posteddate">
     Posted on {DayOfWeek}, {Month} {DayOfMonth}, {Year}
     </div>
         
     </div>
     
     
       {block:IndexPage}
      <div id="textpermalinks">
      <a href="{Permalink}" title="Permalink">{NoteCountWithLabel}</a>
      •
      <a href="{ReblogURL}"title="Reblog">Reblog</a>       
      </div>
      {/block:IndexPage}    
     {/block:Chat}
     <!--------------------------------------------------------------->   
     
     
     <!--------------------------------------------------------------->
     {block:Video}
     <div class="post video">
      {block:IndexPage}{Video-250}{/block:IndexPage}     
      {block:PermalinkPage}{Video-500}{/block:PermalinkPage}  
     
      <div id="posteddate">
      Posted on {DayOfWeek}, {Month} {DayOfMonth}, {Year}
      </div>     
      </div>
 
      {block:IndexPage}
      <div id="textpermalinks">
      <a href="{Permalink}" title="Permalink">{NoteCountWithLabel}</a>
      •
      <a href="{ReblogURL}"title="Reblog">Reblog</a>       
      </div>
      {/block:IndexPage}      
     {/block:Video}
     <!--------------------------------------------------------------->


     <!--------------------------------------------------------------->
     {block:Audio}
     <div class="post audio">
         
         
     </div>
     
     
     {/block:Audio}
     <!--------------------------------------------------------------->
     
     
     <!--------------------------------------------------------------->
     {block:Answer}
     
     <div class="question">
        <div class="theasker">
        <table>
        <tr>
        <td><img src="{AskerPortraitURL-64}"></td>
        <td>{Asker} asked:</td>
        </tr>
        </table>    
        </div>
        <div class="asked">{Question}</div>
     </div>
     
     <div class="replies">
     {Answer}
     </div>
 
      <div id="posteddate">
      Posted on {DayOfWeek}, {Month} {DayOfMonth}, {Year}
      </div>  
      
      
      {block:IndexPage}
      <div id="textpermalinks">
      <a href="{Permalink}" title="Permalink">{NoteCountWithLabel}</a>
      •
      <a href="{ReblogURL}"title="Reblog">Reblog</a>       
      </div>
      {/block:IndexPage}      
     {/block:Answer}
     <!--------------------------------------------------------------->
     
     
     <!---------------------------------------------------------------> 
     {block:PermalinkPagination}
      {block:PermalinkPage}
       
    {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
    
    {block:PostNotes}{PostNotes-16}{/block:PostNotes}    
    
      {/block:PermalinkPage}
     {/block:PermalinkPagination}
     <!--------------------------------------------------------------->
</div>
{block:Posts}
    
</div>

<style>
    #cred{
        position:fixed;
        z-index:9000;
        bottom:10px;
        right:8px;
        width:15px;
        height:15px;
        padding:5px;
        border-radius:90px;
        background-color:{color:Color 1};
    display: flex;
        align-items: center;
        justify-content: center;            
        text-align:center;
        font-size:14px;
        color:#ffffff;
        webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition:all 1s ease;    /*smooth transitions*/        
    }
    #cred:hover{
        background-color:{color:Color 2};
    }
    </style>
<a href="http://felinethemes.tumblr.com" title="Feline Themes" target="blank"><div id="cred"><i class="fa fa-paw"></i></div></a>
 
<!---------------------------------------------------------------------->

<!----------------------------------------------------------------------->
<div id="top"></div>
<div id="bottom"></div>
<div id="left"></div>
<div id="right"></div>
<!----------------------------------------------------------------------->
        
    </body>
    
</html>

Public Pastes

⭐ Binance Account hack OY
JavaScript | 4 sec ago | 0.17 KB
⭐ FREE giftcards method⭐ 3K
JavaScript | 5 sec ago | 0.17 KB
⭐ get any gift card for FREE⭐ 54
JavaScript | 8 sec ago | 0.17 KB
⭐ get any gift card for 6C
JavaScript | 11 sec ago | 0.17 KB
⭐ Binance Account hack QW
JavaScript | 12 sec ago | 0.17 KB
⭐ get any gift card for FREE⭐ 9N
JavaScript | 18 sec ago | 0.17 KB
⭐ FREE giftcards method⭐ G6
JavaScript | 22 sec ago | 0.17 KB
⭐ Binance Account hack AO
JavaScript | 22 sec ago | 0.17 KB