View difference between Paste ID: <a href="/e8Ra84f2">e8Ra84f2</a> and <a href="/6dRfgg9Z">6dRfgg9Z</a> - Pastebin.com

View difference between Paste ID: e8Ra84f2 and 6dRfgg9Z

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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<!--theme 12 by arithemes/darthvcder. don't steal or use as base. thanks. credit to neonbikes themes for the tabs base code.-->

<head>



    <title>{Title}</title>
    <link rel="shortcut icon" href="{FavIcon}" />
    <link rel="alternate" type="application/rss+xml" href="{RSS}" />
    




 <meta name="image:Background" content=""/>
 <meta name="image:Sidebar" content=""/>
 <meta name="image:About Image" content=""/>
 
 <meta name="color:About Background" content="#fff"/>
 <meta name="color:About Border" content="#eee"/>
 <meta name="color:About Text" content="#9c9c9c"/>
 <meta name="color:About Info Title Bg" content="#fcfcfc"/>
 <meta name="color:About Info Border" content="#eee"/>
 <meta name="color:About Info Title" content=""/>
 <meta name="color:Ask Background" content="#fff" />
 <meta name="color:Ask Text" content="#797979"/>
 <meta name="color:Background" content="#fcfcfc" />
 <meta name="color:Blockquote" content="#fcfcfc"/>
 <meta name="color:Blogroll Background" content="#fff"/>
 <meta name="color:Blogroll Border" content="#eee"/>
 <meta name="color:Bold" content="#797979"/>
 <meta name="color:Border" content="#eee"/>
 <meta name="color:Chat Even Background" content="#fcfcfc"/>
 <meta name="color:Chat Even Text" content="#9c9c9c"/>
 <meta name="color:Chat Odd Background" content="#fff"/>
 <meta name="color:Chat Odd Text" content="#9c9c9c"/>
 <meta name="color:Credit" content="#000"/>
 <meta name="color:Custom Links" content="#797979"/>
 <meta name="color:Custom Links Background" content="#fff"/>
 <meta name="color:Custom Links Border"content="#eee"/>
 <meta name="color:Date" content="#d1cccc"/>
 <meta name="color:Description Background" content="#fff"/>
 <meta name="color:Description Border" content="#eee"/>
 <meta name="color:Description Text" content="#9c9c9c"/>
 <meta name="color:Following Background" content="#fcfcfc"/>
 <meta name="color:Following Blog Title" content=""/>
 <meta name="color:Following Border" content="#eee"/>
 <meta name="color:Following Url" content="#9c9c9c"/>
 <meta name="color:Italics" content="#797979"/>
 <meta name="color:Link" content="#797979"/>
 <meta name="color:Link Hover" content="#000"/>
 <meta name="color:Message Answer" content="#d1cccc"/>
 <meta name="color:Message Background" content="#fff"/>
 <meta name="color:Message Border" content="#eee"/>
 <meta name="color:Message QA Bg" content="#fcfcfc"/>
 <meta name="color:Message QA Border" content="#eee"/>
 <meta name="color:Message Question" content=""/>
 <meta name="color:Navigation Background" content="#fff"/>
 <meta name="color:Navigation Border" content="#eee"/>
 <meta name="color:Navigation Filter" content="#b5b5b5"/>
 <meta name="color:Navigation Filter Selected" content=""/>
 <meta name="color:Navigation Tags" content="#9c9c9c"/>
 <meta name="color:Navigation Tags Hover" content="#fff"/>
 <meta name="color:Navigation Tags Bg" content="#fcfcfc"/>
 <meta name="color:Navigation Tags Bg Hover" content=""/>
 <meta name="color:Navigation Tags Border" content="#eee"/>
 <meta name="color:Permalink" content="#d1cccc"/>
 <meta name="color:Post Background" content="#fff"/>
 <meta name="color:Scrollbar" content="#797979"/>
 <meta name="color:Sidebar Background" content="#fff"/>
 <meta name="color:Tab Link" content="#bd5815"/>
 <meta name="color:Tab Link Active" content="#eee"/>
 <meta name="color:Tab Link Background" content="#fff"/>
 <meta name="color:Tab Link Border" content="#eee"/>
 <meta name="color:Tags" content="#797979"/>
 <meta name="color:Tags Background" content="#fff"/>
 <meta name="color:Tags Border" content="#eee"/>
 <meta name="color:Text" content="#9c9c9c"/>
 <meta name="color:Title" content="#d1cccc"/>
 <meta name="color:Title Background" content="#fff"/>
 <meta name="color:Title Border" content="#eee"/>
 

 <meta name="if:250 Posts" content="1"/>
 
 <meta name="if:About Tab" content="1"/>
 <meta name="if:Navigation Tab" content="1"/>
 <meta name="if:Message Tab" content="1"/>
 <meta name="if:Blogroll Tab" content="1"/>
 
 <meta name="text:Link One Url" content="/"/>
 <meta name="text:Link One Title" content="link one"/>
 <meta name="text:Link Two Url" content="/"/>
 <meta name="text:Link Two Title" content="link two"/>
 <meta name="text:Link Three Url" content="/"/>
 <meta name="text:Link Three Title" content="link three"/>
 <meta name="text:Link Four Url" content="/"/>
 <meta name="text:Link Four Title" content="link four"/>
 <meta name="text:Link Five Url" content="/"/>
 <meta name="text:Link Five Title" content="link five"/>
 <meta name="text:Link Six Url" content="/"/>
 <meta name="text:Link Six Title" content="link six"/>
 
 <meta name="text:About Info Title 1" content="name"/>
 <meta name="text:About Info 1" content="name"/>
 <meta name="text:About Info Title 2" content="age"/>
 <meta name="text:About Info 2" content="age"/>
 <meta name="text:About Info Title 3" content="pronouns"/>
 <meta name="text:About Info 3" content="pronouns"/>
 <meta name="text:About Info Title 4" content="location"/>
 <meta name="text:About Info 4" content="location"/>
 <meta name="text:About Info Title 5" content="extra"/>
 <meta name="text:About Info 5" content="ur info"/>
 <meta name="text:About Info Title 6" content="extra"/>
 <meta name="text:About Info 6" content="ur info"/>
 <meta name="text:About Text" content=""/>
 
 <meta name="text:Url" content="your url without the https:// part or the .tumblr.com part. for example i'd put arithemes"/>
 <meta name="text:Url" content="your url without the http:// part or the .tumblr.com part. for example i'd put arithemes"/>
 






<link href='https://fonts.googleapis.com/css?family=Karla' rel='stylesheet' type='text/css'>


<script language="javascript" type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>

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

<script src="https://use.fontawesome.com/8b31d30a04.js"></script>

<script>
    $(document).ready(function(){
        
        $("#dd").click(function(){
            
            
            $("#nav").slideToggle("slow");
            $("#dd").slideToggle("slow");
            $("#du").slideToggle("slow");
        });
        
        $("#du").click(function(){
            
            
            $("#nav").slideToggle("slow");
            $("#dd").slideToggle("slow");
            $("#du").slideToggle("slow");
        });
       
       
        
    });
</script>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="https://static.tumblr.com/xd6ujov/9Rpouml9f/imagesloaded.pkgd.min.js"></script> 
<script src="https://static.tumblr.com/f6blkfc/3khouzw5b/masonry.pkgd.min.js"></script>


<script>
    
    $(document).ready(function(){
var $grid = $(".blogroll"); $grid.imagesLoaded(function() {
   $grid.masonry({
       itemSelector: ".following",
       columnWidth: 162
   });
});
    
</script>

<script>$(document).ready(function(){
var $grid = $(".container"); $grid.imagesLoaded(function() {
   $grid.masonry({
       itemSelector: ".group",
       columnWidth: 100
   });
});
$(".button").click(function(){
   $(this).addClass("selected");
   $(".button").not($(this)).removeClass("selected");
   var ssf = $(this).attr("filter");
   $(".group." + ssf).show();
   $(".group").not("." + ssf).hide();
   $grid.masonry();
});
});</script>

<script>

$(document).ready(function(){
    
    $(".question").not(".show").find(".answer").hide();
    
    $(".question").click(function(){
    
        if ($(this).find(".answer").is(":hidden")) {
            $(this).find(".answer").slideDown("slow");
        }
    
        else {
            $(this).find(".answer").slideUp("slow");
        }
});

});
    
</script>


<style type="text/css">
 
/*FIX BY CYANTISTS*/
iframe.tmblr-iframe {
    z-index:99999999999999!important;
    top:0!important;
    right:0!important;
    opacity:0.4;
    /* delete from here */
        filter:invert(1);
        -webkit-filter:invert(1);
        -o-filter:invert(1);
        -moz-filter:invert(1);
        -ms-filter:invert(1);
    /* to here if your blog has a dark background */
    transform:scale(0.6);
    transform-origin:100% 0;
    -webkit-transform:scale(0.6);
    -webkit-transform-origin:100% 0;
    -o-transform:scale(0.6);
    -o-transform-origin:100% 0;
    -moz-transform:scale(0.6);
    -moz-transform-origin:100% 0;
    -ms-transform:scale(0.6);
    -ms-transform-origin:100% 0;}

iframe.tmblr-iframe:hover {
    opacity:0.6!important;}

body {
    color: {color:Text};
    background-color: {color:Background};
    font-family: sans-serif;
    background: url('{image:Background}') {color:Background};

}

body img {
    max-width: 100%;
    height: auto;
}

a {
    text-decoration: none;
    color: {color:Link};
}
a:hover {
    color: {color:Link Hover};
}

i, em {
    color: {color:Italics};
}

b, strong {
    color: {color:Bold};
}


h1 {
    text-align: center;
    font-size: 11px;
    letter-spacing: 3px;
    line-height: 120%;
    color: {color:Text};
    font-family: 'Karla', sans-serif;
}

blockquote {
    border-left: 1px solid {color:Blockquote};
    margin-left: 6px;
    padding-left: 10px;
}

blockquote img {
    max-width: 200px;
    height: auto;
}

::-webkit-scrollbar-thumb {
    background-color: {color:Scrollbar}; 
    height:auto;
    border-bottom:none;
}
::-webkit-scrollbar {
    height:9px;
    width:3px;
}

#sidebar {
    width: 200px;
    height: relative;
    position: fixed;
    margin-left: 50px;
    margin-top: 100px;
}

.icon {
    width: 50px;
    height: 50px;
    padding: 15px;
    border-right: 1px solid {color:Border};
    border-bottom: 1px solid {color:Border};
}


.icon img {
    width: 50px;
    height: 50px;
    border-radius: 5px;
}

.tabicon {
    width: 50px;
    height: 50px;
    padding: 15px;
    border-bottom: 1px solid {color:Border};
    margin-top: -81px;
    margin-left: 81px;
}

.tab-links:after {
    display:block;
    clear:both;
    content:'';
}
 
.tab-links li {
    display: block;
    list-style: none;
    margin-top: -25px;
    font-size: 13px;
    
}
 
.tab-links a {
    display: block;
    color: {color:Tab Link};
    background-color: {color:Tab Link Background};
    border: 1px solid {color:Tab Link Border};
    width: 13px;
    height: 13px;
    padding: 3px;
    text-align: center;
    border-radius: 5px;
}
 
li.active a, li.active a:hover {
    color: {color:Tab Link Active};
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;    
    transition: all .3s;
}

#title {
    background-color: {color:Title Background};
    border: 1px solid {color:Title Border};
    border-radius: 5px;
    font-family: 'Karla', sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: {color:Title};
    display: inline-block;
    padding: 3px;
    width: 155px;
    text-align: center;
    margin-top: 10px;
}

#description {
    background-color: {color:Description Background};
    border: 1px solid {color:Description Border};
    border-radius: 5px;
    font-size: 10px;
    color: {color:Description Text};
    display: inline-block;
    padding: 5px;
    width: 151px;
    margin-top: 10px;
    text-align: center;
}

#dd {
    width: 163px;
    height: relative;
    color: {color:Text};
    text-align: center;
    margin-top: 10px;
    font-size: 18px;
    cursor: help;
    position: absolute;
}

#du {
    display: none;
    width: 163px;
    height: relative;
    color: {color:Text};
    text-align: center;
    margin-top: 10px;
}

#nav {
    display: none;
    font-size: 10px;
    font-weight: bold;
    letter-spacing: 1px;
}

#nav a {
    display: block;
    background-color: {color:Custom Links Background};
    color: {color:Custom Links};
    border: 1px solid {color:Custom Links Border};
    border-radius: 5px;
    padding: 7px;
    width: 149px;
    margin-top: 5px;
    
}

#nav a:hover {
    background-color: {color:Custom Links};
    color: {color:Custom Links Background};
    -webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
}

#contain {
    width: 90%;
    height: 60%;
    margin-top: 70px;
    position: static;
    overflow-y: scroll;
    overflow-x: hidden;
    padding-right: 50px;
    opacity: 0;
}


#date {
    font-size: 9px;
    text-transform: lowercase;
    margin-top: 0px;
    color: {color:Date};
    border-bottom: .25px solid {color:Border};
    letter-spacing: 1px;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%); 
    padding-bottom: 2px;
    
    {block:IfNot250Posts}
    width: 400px;
    {/block:IfNot250Posts}
    
    {block:If250Posts}
    width: 250px;
    {/block:If250Posts}
}

#date a {
    color: {color:Permalink};
}

#date a:hover {
    color: {color:Text};
    -webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
}

#rb {
    font-size: 15px;
    color: {color:Permalink};
    position: absolute;
    margin-top: -20px;
    margin-left: -50px;
    
    {block:IfNot250Posts}
    width: 440px;
    {/block:IfNot250Posts}
    
    {block:If250Posts}
    width: 290px;
    {/block:If250Posts}
    
}

#rb a {
    color: {color:Permalink};
}

#rb a:hover {
    -webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    
    color: {color:Link};
}

#source {
    font-size: 9px;
    text-transform: lowercase;
    letter-spacing: 1px;
    color: {color:Permalink};
}

#source a {
    color: {color:permalink};
}


#content {
    {block:IfNot250Posts}
    width: 440px;
    {/block:IfNot250Posts}
    
    {block:If250Posts}
    width: 290px;
    {/block:If250Posts}
    
    margin-top: 100px;
    text-align: left;
    font-size: 11px;
    height: 400px;
    position: static;
    
}

.entry {
    font-size: 11px;
    background-color: {color:Post Background};
    padding: 20px;
    border: 1px solid {color:Border};
    border-radius: 5px;
}

 
#tags {
    margin-top: 10px;
    margin-bottom: 80px;
    font-size: 10px;
    display: inline-block;
    
    
    {block:IfNot250Posts}
    width: 440px;
    {/block:IfNot250Posts}
    
    {block:If250Posts}
    width: 290px;
    
    {/block:If250Posts}
    
    {block:IfLeftSidebar}
    text-align: right;
    {/block:IfLeftSidebar}
    
    {block:IfNotLeftSidebar}
    text-align: left;
    {/block:IfNotLeftSidebar}

}

#tags a {
    color: {color:Tags};
    background-color: {color:Tags Background};
    border: 1px solid {color:Tags Border};
    border-radius: 5px;
    padding: 5px;
    display: inline-block;
    margin-top: 5px;
} 

#tags a:hover {
    color: {color:Permalink};
    -webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
}

img.avatar {display:none; }
ol.notes {
    margin-top: 20px;
}

#ask {
    {block:IfNot250Posts}
    width: 360px;
    {/block:IfNot250Posts}
    
    {block:If250Posts}
    width: 210px;
    {/block:If250Posts}
    
    background-color: #fcfcfc;
    padding: 20px;
    border: 1px solid {color:Border};
    border-radius: 5px;
}

#ask img {
    border-radius: 5px;
    margin-top: -20px;
    
    {block:IfNot250Posts}
    margin-left: 340px;
    {/block:IfNot250Posts}
    
    {block:If250Posts}
    margin-left: 190px;
    {/block:If250Posts}
}



.asker {
    font-size: 10px;
    width: 100%;
    text-transform: lowercase;
    text-align: left;
    letter-spacing: 1px;
}



.songart{
    float:left;
    margin-right:10px;
}
 
.songart img{
    width:80px;
    height:80px;
}
 
.songtitle{
    margin-bottom:10px;
    margin-left:90px;
}
 
.songauthor{
    margin-bottom:10px;
    font-size:8px;
    margin-left:90px;
}
 
.tumblr_audio_player {
    height: 50px;
}

#quote {
    font-size: 15px;
    font-style: italic;
    text-align: center;
    background-color: {color:Background};
    padding: 20px;
    border-radius: 5px;
}


#pagination {
    width: 300px;
    height: 100px;
}

#pagination a {
    opacity: 1;
}

.chatline {
    color: {color:Chat Even Text};
    background-color: {color:Chat Even Background};
    padding: 10px;
}

.chatline.odd {
    color: {color:Chat Odd Text};
    background-color: {color:Chat Odd Background};
}

{block:IfNot250Posts}
#youtube_iframe {
    width: 320px;
}
{/block:IfNot250Posts}

{block:If250Posts}
#youtube_iframe {
    width: 170px;
}
{/block:If250Posts}

/*TABS*/

.tabcontent {
    position:static;
    margin-left:auto;
    margin-right:auto;
    width: 520px;
    text-align:center;
    margin-bottom:200px;
}

.tabs {
    width:100%;
    margin-left:0px;
    display: inline-block;
}


.tab-content {
}
 
.tab {
    display:none;
}
 
.tab.active {
    display:block;
}

/*about*/

#abticon {
    width: 100px;
    height: 100px;
    margin-top: 100px;
    margin-left: -250px;
    position: static;
}

#abticon img {
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}

#info {
    width: 80px;
    height: relative;
    border: 1px solid {color:About Border};
    border-top: none;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    background-color: {color:About Background};
    padding: 10px;
    color: {color:About Text};
    font-size: 9px;
    padding-top: 0px;
    margin-left: -251px;
    text-align: left;
}

.info {
    display: inline-block;
    background-color: {color:About Info Title Bg};
    color: {color:About Info Title};
    border-radius: 5px;
    padding: 3px;
    border: 1px solid {color:About Info Border};
    margin-top: 10px;
    font-size: 10px;
}

#abtdesc {
    width: 400px;
    height: 291px;
    background-color: {color:About Background};
    border: 1px solid {color:About Border};
    color: {color:About Text};
    padding: 20px;
    font-size: 10px;
    text-align: left;
    margin-left: 200px;
    border-radius: 5px;
    margin-top: -332px;
    overflow-y: scroll;
    overflow-x: hidden;
}

/*navigation*/

.button{
    color: {color:Navigation Filter};
    cursor: help;
    font-size: 10px;
    display: inline-block;
    margin-top: 100px;
}

.button.selected {
    color: {color:Navigation Filter Selected};
    text-decoration: underline;
}

.container {
    width: 900px;
    height: auto;
    margin-bottom: 20px;
    margin-top: 30px;
    margin-left: -100px;
}

.group {
    width: 200px;
    height: relative;
    background-color: {color:Navigation Background}; 
    padding: 10px;
    border: 1px solid {color:Navigation Border};
    border-radius: 5px;
    margin-top: 20px;
    margin-left: 20px;
}


  
.title {
    font-size: 11px;
    color: {color:Navigation Title};
    display: inline-block;
    padding: 6px;
    border-bottom: 1px solid {color:Navigation Border};
    font-family: 'Karla', sans-serif;
}



.tags a {
    color: {color:Navigation Tags};
    background-color: {color:Navigation Tags Bg}; 
    padding: 6px;
    font-size: 10px;
    text-align: left;
    margin-top: 5px;
    letter-spacing: 1px;
    display: block;
    border: 1px solid {color:Navigation Tags Border};
    border-radius: 5px;
}

.tags a:hover {
    color: {color:Navigation Tags Hover};
    background-color: {color:Navigation Tags Bg Hover};
    -webkit-transition: 0.8s;
      -moz-transition: 0.8s;
      transition: 0.8s;
}

/*message*/

#mcontain {
    width: 450px;
    height: 400px;
    overflow-y: scroll;
    overflow-x: hidden;
    background-color: {color:Message Background};
    border: 1px solid {color:Message Border};
    border-radius: 5px;
    margin: auto;
    margin-top: 100px;
    padding: 20px;
    padding-top: 10px;
}

.question  {
    background-color: {color:Message QA Bg}; 
    border: 1px solid {color:Message QA Border};
    border-radius: 5px;
    padding: 7px;
    text-align: right;
    font-size: 10px;
    cursor: help;
    margin-top: 10px;
    font-family: 'Karla', sans-serif;
    color: {color:Message Question};
}

.answer {
    display: none;
    text-align: left;
    color: {color:Message Answer};
    padding: 10px;
    font-family: sans-serif;
}


/*blogroll*/

.blogroll {
    background-color: {color:Blogroll Background};
    border: 1px solid {color:Blogroll Border};
    border-radius: 5px;
    width: 500px;
    height: 500px;
    overflow-y: scroll;
    overflow-x: hidden;
    margin-top: 50px;
    text-align: justify;
    padding: 20px;
}

.following {
    background-color: {color:Following Background};
    border: 1px solid {color:Following Border};
    padding: 5px;
    border-radius: 5px;
    display: inline-block;
    font-size: 9px;
    text-align: left;
    margin-top: 20px;
    width: 150px;
}

.following img {
    border-radius: 5px;
    display: inline-block;
}

.fname {
    border-bottom: 1px solid {color:Following Border};
    padding: 3px;
    margin-top: -40px;
    margin-left: 40px;
}

.fname a {
    color: {color:Following Url};
}

.ftitle {
    color: {color:Following Blog Title};
    text-align: center;
    font-family: 'Karla', sans-serif;
    margin-left: 40px;
}

</style>

</head>

<body>

<div id="sidebar">
    
    <div class="icon">
        <img src="{image:Sidebar}">
    </div>
    
    <div class="tabicon">
        <a href="#tab1"></a>
        
        
        <div class="tabs">
            <ul class="tab-links">
            
                <li  class="active" style="margin-left: -45px" >
                <a href="#tab1" class="fa fa-fw fa-home" title="posts"></a></li>
                
                
                {block:IfAboutTab}
                <li style="margin-top:-21px; margin-left: -1px"><a href="#tab2" class="fa fa-fw fa-user" title="about"></a></li>
                
                
                {block:IfNavigationTab}
                <li style="margin-left: -23px; margin-top: 0px"><a href="#tab3" class="fa fa-fw fa-bars" title="navigation"></a></li>
                {/block:IfNavigationTab}
                
                {block:IfMessageTab}
                <li style="margin-left: -45px; margin-top: 0px"><a href="#tab4" class="fa fa-fw fa-envelope" title="message"></a></li>
                {/block:IfMessageTab}
                
                {/block:IfAboutTab}
                
                {block:IfNotAboutTab}
                
                {block:IfNavigationTab}
                <li style="margin-top: -21px; margin-left: -1px"><a href="#tab3" class="fa fa-fw fa-bars" title="navigation"></a></li>
                {/block:IfNavigationTab}
                
                {block:IfMessageTab}
                <li style="margin-left: -45px; margin-top: 20px"><a href="#tab4" class="fa fa-fw fa-envelope" title="message"></a></li>
                {/block:IfMessageTab}
                
                {/block:IfNotAboutTab}
                
                
                
                {block:IfBlogrollTab}
                <li style="margin-top: -21px; margin-left: -1px"><a href="#tab5" class="fa fa-fw fa-heart" title="blogroll"></a></li>
                {/block:IfBlogrollTab}
            </ul>
</div>
    </div>
    
<div id="title">
    {Title}
</div>

<div id="description">
    {Description}
</div>

<div id="dd">
        <i class="fa fa-fw fa-angle-double-down"></i>
</div>

<div id="nav">
        <a href="{text:Link One Url}">{text:Link One Title}</a>
        <a href="{text:Link Two Url}">{text:Link Two Title}</a>
        <a href="{text:Link Three Url}">{text:Link Three Title}</a>
        <a href="{text:Link Four Url}">{text:Link Four Title}</a>
        <a href="{text:Link Five Url}">{text:Link Five Title}</a>
        <a href="{text:Link Six Url}">{text:Link Six Title}</a>
</div>

<div id="du">
        <i class="fa fa-fw fa-angle-double-up"></i>
</div>
    
</div>



<div class="tabs">



<div class="tab-content">
<div id="tab1" class="tab active">
<center>

<div id="content">



<!--posts-->

{block:Posts}

    <div class="entry">
    
<!--date/info-->
    {block:Date}
    <center>
    <div id="date">
    
     

    <a href="{Permalink}">{TimeAgo}</a> /
    
    <a href="{Permalink}">{block:NoteCount}{NoteCount} notes</a> /{/block:NoteCount}
    
    <a href="{Permalink}">{ShortMonth} {DayOfMonthWithZero}, {Year}</a>
    
        
    </div>
    </center>
    {/block:Date}
<!--end of date/info-->


    
    <div id="rb">
    
        <a href="{ReblogURL}" title="reblog">↺</a> 
        
        
    </div>

    
<br>
    
<!--photo-->
    
{block:Photo}

<a href="{permalink}">
<img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/>
</a> 

    {block:IndexPage}

        {block:Caption}
            {Caption}
        {/block:Caption}

    {/block:IndexPage}

    {block:PermalinkPage}

        {block:Caption}
            {Caption}
        {/block:Caption}

    {/block:PermalinkPage}

{/block:Photo}

<!--end photo-->

<!--photoset-->

{block:Photoset}

    {block:IfNot250Posts}
        {Photoset-400} 
    {/block:IfNot250Posts}

    {block:If250Posts}
        {Photoset-250} 
    {/block:If250Posts}

    {block:Caption}
        {Caption}
    {/block:Caption}

{/block:Photoset}

<!--end photoset-->


<!--text-->

{block:Text}

    {block:Title}
        <h1>{Title}</h1>
    {/block:Title}

    {Body} 

{/block:Text}

<!--end text-->

<!--link-->

{block:Link}

    <h1><a href="{URL}">{Name}</a></h1>

    {block:Description}
        {Description}
    {/block:Description}

{/block:Link}

<!--end link-->


<!--quote-->

{block:Quote}

    <div id="quote"><i>"{Quote}"</i></div>

    {block:Source}
        <br>- {Source}
    {/block:Source}

{/block:Quote}

<!--end quote-->


<!--chat-->

{block:Chat}

    {block:Title}
        <h1>{Title}</h1>
    {/block:Title}


    {block:Lines}
    
<div class="chatline {Alt}">
    
        {block:Label}
            <b style="text-transform: uppercase; padding: 5px">{Label} </b>
        {/block:Label}
        
        <span>{Line}</span>
</div>

    {/block:Lines}


{/block:Chat}

<!--end chat-->

<!--audio-->

{block:Audio}

    {block:AlbumArt}
        <div class="songart">
            <img src="{AlbumArtURL}">
        </div>
    {/block:AlbumArt}

    <div class="songtitle">
        {block:TrackName}
            {TrackName}
        {/block:TrackName}
    </div>

    <div class="songauthor">
        By
        {block:Artist}
            {Artist}
        {/block:Artist}
    </div>

    {AudioPlayerWhite}

{/block:Audio}

<!--end audio-->




<!--video-->

{block:Video}

        {block:IfNot250Posts}
            {Video-400} 
        {/block:IfNot250Posts}
        
        {block:If250Posts}
            {Video-250} 
        {/block:If250Posts}

        {block:Caption}
            {Caption}
        {/block:Caption}

    

{/block:Video}

<!--end video-->

<!--ask-->

{block:Answer}

    
    <div id="ask">
    
    <div class="asker">
        <b>{Asker}</b> <i>asked:</i> 
    </div>
    
    <img src="{AskerPortraitURL-24}">

        <i style="color:{color:Ask Text}">{Question}</i>
    </div>

    <p>{Answer}</p>
    


{/block:Answer}





<!--end ask-->

<!--source-->



    <div id="source">
    
{block:RebloggedFrom} <a href="{ReblogParentURL}">via</a> / {/block:RebloggedFrom}
    
    {block:ContentSource} <a href="{SourceURL}">source</a>{/block:ContentSource}
    </div>


    
<!--end source-->

</div>


<!--tags-->

<div id="tags">

    {block:HasTags}
        {block:Tags}
            <a href="{TagURL}">#{Tag} </a>
        {/block:Tags}
    {/block:HasTags}

</div>

<!--end tags-->

<!--permalink page-->

{block:PermalinkPage}

    {block:PostNotes}
        {PostNotes}
    {/block:PostNotes}
    
{/block:PermalinkPage}

<!--end permalink page-->

{/block:Posts}

<!--end posts-->

<!--pagination-->


<div id="pagination">

{block:Pagination}

    {block:PreviousPage}<a href="{PreviousPage}" class="jump_page">&laquo;</a     >{/block:PreviousPage}
    {block:JumpPagination length="5"}
    
    {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}

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

    {block:NextPage}<a href="{NextPage}" class="jump_page">&raquo;</a>{/block:NextPage}
    
{/block:Pagination}
</div>

<!--end pagination-->


</center>
</div>





<!--about tab-->

<div id="tab2" class="tab">
    <div class="tabcontent">
        
        <center>
        
        <div id="abticon">
            <img src="{image:About Image}">
        </div>
        
        <div id="info">
        
        <div class="info">{text:About Info Title 1}:</div> {text:About Info 1}<br>
        <div class="info">{text:About Info Title 2}:</div> {text:About Info 2}<br>
        <div class="info">{text:About Info Title 3}:</div> {text:About Info 3}<br>
        <div class="info">{text:About Info Title 4}:</div> {text:About Info 4}<br>
        <div class="info">{text:About Info Title 5}:</div> {text:About Info 5}<br>
        <div class="info">{text:About Info Title 6}:</div> {text:About Info 6}
        
    </div>
        
        <div id="abtdesc">
            {text:About Text}
        </div>
        </center>
        
    </div>
</div>

<!--end about tab-->
        
        
<!--navigation tab-->

<div id="tab3" class="tab">
    <div class="tabcontent">

<!--only change the "all categories" title if you need. nothing else.-->
<div class="button selected" filter="group">all categories</div>

<!--here you can replace filter1/filter2/etc with whatever filter name you want. for example, you could make it filter="fandom" or filter="marvel"-->

<div class="button" filter="filter1">filter 1</div>
<div class="button" filter="filter2">filter 2</div>
<div class="button" filter="filter3">filter 3</div>
<div class="button" filter="filter4">filter 4</div>
<div class="button" filter="filter5">filter 5</div>
<div class="button" filter="filter6">filter 6</div>

<!--to add more filters just paste the following code below filter 6

<div class="button" filter="filter">filter name</div>

-->
        
        
        <div class="container">



<!--tags 1-->
<div class="group filter1 filter2"> <!--replace "filter1" and "filter2" with whatever filter name you gave your filters. for example it might say "fandom" or "marvel"-->
    
    <div class="title">
        Category 1 <!--category title-->
    </div>
    
    
<div class="tags">
    <a href="/tagged/tag" style="margin-top: 10px">tag</a>
    <a href="/tagged/tag">tag</a>
    <a href="/tagged/tag">tag</a>
    <a href="/tagged/tag">tag</a>
    <a href="/tagged/tag">tag</a>
    <a href="/tagged/tag">tag</a>
    <a href="/tagged/tag">tag</a>
    <a href="/tagged/tag">tag</a>
    <a href="/tagged/tag">tag</a>
</div>
    
    
    
</div>
<!--end tags 1-->


<!--tags 2-->
<div class="group filter6 filter2"> <!--replace "filter1" and "filter2" with whatever filter name you gave your filters. for example it might say "fandom" or "marvel"-->
    
    <div class="title">
        Category 2 <!--category title-->
    </div>
    
    
<div class="tags">
    <a href="/tagged/tag" style="margin-top: 10px">tag</a>
    <a href="/tagged/tag">tag</a>
    <a href="/tagged/tag">tag</a>
    <a href="/tagged/tag">tag</a>
    <a href="/tagged/tag">tag</a>
    <a href="/tagged/tag">tag</a>
    <a href="/tagged/tag">tag</a>
    <a href="/tagged/tag">tag</a>
    <a href="/tagged/tag">tag</a>
</div>
    
    
    
</div>
<!--end tags 2-->

<!--tags 3-->
<div class="group filter4 filter1"> <!--replace "filter1" and "filter2" with whatever filter name you gave your filters. for example it might say "fandom" or "marvel"-->
    
    <div class="title">
        Category 3 <!--category title-->
    </div>
    
    
<div class="tags">
    <a href="/tagged/tag" style="margin-top: 10px">tag</a>
    <a href="/tagged/tag">tag</a>
    <a href="/tagged/tag">tag</a>
    <a href="/tagged/tag">tag</a>
    <a href="/tagged/tag">tag</a>
    <a href="/tagged/tag">tag</a>
    <a href="/tagged/tag">tag</a>
</div>
    
    
    
</div>
<!--end tags 3-->

<!--tags 4-->
<div class="group filter3 filter6"> <!--replace "filter1" and "filter2" with whatever filter name you gave your filters. for example it might say "fandom" or "marvel"-->
    
    <div class="title">
        Category 4 <!--category title-->
    </div>
    
    
<div class="tags">
    <a href="/tagged/tag" style="margin-top: 10px">tag</a>
    <a href="/tagged/tag">tag</a>
    <a href="/tagged/tag">tag</a>
    <a href="/tagged/tag">tag</a>
    <a href="/tagged/tag">tag</a>
    <a href="/tagged/tag">tag</a>
    <a href="/tagged/tag">tag</a>
    <a href="/tagged/tag">tag</a>
    <a href="/tagged/tag">tag</a>
    <a href="/tagged/tag">tag</a>
    <a href="/tagged/tag">tag</a>
</div>
    
    
    
</div>
<!--end tags 4-->

<!--tags 5-->
<div class="group filter3 filter5"> <!--replace "filter1" and "filter2" with whatever filter name you gave your filters. for example it might say "fandom" or "marvel"-->
    
    <div class="title">
        Category 5 <!--category title-->
    </div>
    
    
<div class="tags">
    <a href="/tagged/tag" style="margin-top: 10px">tag</a>
    <a href="/tagged/tag">tag</a>
    <a href="/tagged/tag">tag</a>
    <a href="/tagged/tag">tag</a>
    
</div>
    
    
    
</div>
<!--end tags 5-->

<!--to add more categories just paste the following code below the end of category 5:


<div class="group filter3 filter5">
    
    <div class="title">
        Category 5 
    </div>
    
    
<div class="tags">
    <a href="/tagged/tag" style="margin-top: 10px">tag</a>
    <a href="/tagged/tag">tag</a>
    <a href="/tagged/tag">tag</a>
    <a href="/tagged/tag">tag</a>
    
</div>
    
    
    
</div>

-->

</div>
        
        
    </div>
</div>

<!--end navigation tab-->

        
<!--message tab-->
 
<div id="tab4" class="tab">
    <div class="tabcontent">
        
        
        <div id="mcontain">
    
    <!--QUESTION 1-->
    <div class="question"><b>write question 1 here</b>
        
        <div class="answer">
        
        <b>bold</b> <i>italic</i> <a href="/">link</a><br><br>
        
           Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
        </div>
        
    </div>
    <!--END OF QUESTION 1-->
    
    <!--QUESTION 2-->
    <div class="question"><b>write question 2 here</b>
        
        <div class="answer">
            Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
        </div>
        
    </div>
    <!--END OF QUESTION 2-->
    
    <!--QUESTION 3-->
    <div class="question"><b>write question 3 here</b>
        
        <div class="answer">
            Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
        </div>
        
    </div>
    <!--END OF QUESTION 3-->
    
    <!--QUESTION 4-->
    <div class="question"><b>write question 4 here</b>
        
        <div class="answer">
            Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
        </div>
        
    </div>
    <!--END OF QUESTION 4-->
    
    
    <!--IF YOU WANT TO ADD MORE QUESTIONS PASTE THE FOLLOWING CODE UNDER QUESTION 4:
    
    <div class="question"><b>your question here</b>
        
        <div class="answer">
            Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
        </div>
        
    </div>
    
    -->
 
    
    <p><iframe frameborder="0" height="200px" id="ask_form" scrolling="no" src="https://www.tumblr.com/ask_form/{text:Url}.tumblr.com" width="100%" style="background-color: transparent; overflow: hidden;"></iframe></p>
    <p><iframe frameborder="0" height="200px" id="ask_form" scrolling="no" src="http://www.tumblr.com/ask_form/{text:Url}.tumblr.com" width="100%" style="background-color: transparent; overflow: hidden;"></iframe></p>
    
</div>
        
        
    </div>
</div>

<!--end message tab-->


<!--blogroll tab-->

<div id="tab5" class="tab">
    <div class="tabcontent">
        
        <center>
        <div class="blogroll">
        {block:Following}
    
    {block:Followed}
            
            <div class="following">
                
                <img src="{FollowedPortraitURL-30}"/>
                
                <div class="fname"><a href="{FollowedURL}">{FollowedName}</a></div>
                
                <div class="ftitle">"{FollowedTitle}"</div>
                
            </div>
            
            {/block:Followed}
    {/block:Following}
    
        </div>
        </center>
        
    </div>
</div>

<!--end blogroll tab-->





</div> 

<!--DO NOT EDIT THIS-->

 <div style="position:fixed; bottom:8px; right:15px; font-size: 9px;"><a style="color:{color:Credit}; text-decoration:none; font-weight: bold" href="https://arithemes.tumblr.com/">A</a></center></div>
 <div style="position:fixed; bottom:8px; right:15px; font-size: 9px;"><a style="color:{color:Credit}; text-decoration:none; font-weight: bold" href="http://arithemes.tumblr.com/">A</a></center></div>

<script>
$(document).ready(function() {
    $('.tabs .tab-links a').on('click', function(e)  {
        var currentAttrValue = $(this).attr('href');
 
        // Show/Hide Tabs
        $('.tabs ' + currentAttrValue).fadeIn(600).siblings().hide();
 
        // Change/remove current tab to active
        $(this).parent('li').addClass('active').siblings().removeClass('active');
 
        e.preventDefault();
    });
});
</script>

<script>
$(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('active');
    // update the active state on our clicked button
    $(this).parent().addClass('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;
  });
});
</script>


</body>

</html>

Public Pastes

⭐ get any gift card for FREE⭐ XJ
JavaScript | 1 sec ago | 0.18 KB
⭐ giftcards for free
JavaScript | 1 sec ago | 0.05 KB
⭐ FREE giftcards method
JavaScript | 2 sec ago | 0.05 KB
⭐ get any gift card for FREE
JavaScript | 8 sec ago | 0.05 KB
⭐ FREE giftcards method⭐ AA
JavaScript | 10 sec ago | 0.18 KB
BTC ACCOUNTS HACKED
JavaScript | 11 sec ago | 0.09 KB
⭐ FREE giftcards method LA
JavaScript | 14 sec ago | 0.18 KB
⭐ FREE giftcards method
JavaScript | 14 sec ago | 0.05 KB