SPARK'S READY! THEME

<!DOCTYPE html>

<head>

<meta name="viewport" content="width=device-width, initial-scale=1">

<link href="/style.css" rel="stylesheet" type="text/css" media="all">

<script src="https://static.tumblr.com/rtrqcib/VGGnlh8rf/jquery.style-my-tooltips.min.js"></script>

<script>(function($){$(document).ready(function(){$("a[title]").style_my_tooltips({tip_follows_cursor:true,tip_delay_time:0,tip_fade_speed:0,attribute:"title"});});})(jQuery);</script>

<!--UUH IMPORTANT THINGS-->

<style>

#credit {

position: fixed;

left: 12px;

bottom: 6px;

font-size: 14px;

}

blockquote {

    margin: 0;

}

.npf_row {

    margin: 0 !important;

}

iframe, img, embed, object, video {

   max-width: 100%;

}

a, ahref {

    color: {color:links};
}

a:hover {

    color: {color:links hover};
}

ahref:hover {

    color: {color:links hover};
}

{block:ificonfloat}

@-webkit-keyframes hvr-bob {
  0% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
  50% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}
@keyframes hvr-bob {
  0% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
  50% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}
@-webkit-keyframes hvr-bob-float {
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}
@keyframes hvr-bob-float {
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}
#bob {
  -webkit-animation-name: hvr-bob-float, hvr-bob;
  animation-name: hvr-bob-float, hvr-bob;
  -webkit-animation-duration: .3s, 1.5s;
  animation-duration: .3s, 1.5s;
  -webkit-animation-delay: 0s, .3s;
  animation-delay: 0s, .3s;
  -webkit-animation-timing-function: ease-out, ease-in-out;
  animation-timing-function: ease-out, ease-in-out;
  -webkit-animation-iteration-count: 1, infinite;
  animation-iteration-count: 1, infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal, alternate;
  animation-direction: normal, alternate;
}

{/block:ificonfloat}

</style>

<!--METAS-->

<meta name="text:desc text" contents="" />

<meta name="text:desc font family" contents="" />

<meta name="text:note count symbol" contents="" />

<meta name="text:permalink symbol" contents="" />

<meta name="color:background" contents="" />

<meta name="color:post background" contents="" />

<meta name="color:post container background" contents="" />

<meta name="color:icon border" contents="" />

<meta name="color:container border" contents="" />

<meta name="color:links" contents="" />

<meta name="color:links hover" contents="" />

<meta name="color:tags" contents="" />

<meta name="color:post font color" contents="" />

<meta name="color:desc font color" contents="" />

<meta name="color:desc glow" contents="" />

<meta name="color:pagination" contents="" />

<meta name="color:pagination glow" contents="" />

<meta name="image:background" contents="" />

<meta name="image:post container background" contents="" />

<meta name="image:icon" contents="" />

<meta name="if:icon float" contents="" />

<meta name="if:post container fade" contents="" />

<meta name="if:post container transparent" contents="" />

<meta name="if:black lace icon border" contents="" />

<meta name="if:white lace icon border" contents="" />

<meta name="if:black post container border" contents="" />

<meta name="if:white post container border" contents="" />

<meta name="select:desc align" content="left" />

<meta name="select:desc align" content="right" />

<meta name="select:desc align" content="center" />

<meta name="select:desc align" content="justify" />

<meta name="select:icon border style" content="transparent" />

<meta name="select:icon border style" content="solid" />

<meta name="select:icon border style" content="dashed" />

<meta name="select:icon border style" content="dotted" />

<meta name="select:icon border style" content="double" />

<meta name="select:icon border style" content="groove" />

<meta name="select:icon border style" content="ridge" />

<meta name="select:icon border style" content="inset" />

<meta name="select:icon border style" content="outset" />

<meta name="select:container border style" content="transparent" />

<meta name="select:container border style" content="solid" />

<meta name="select:container border style" content="dashed" />

<meta name="select:container border style" content="dotted" />

<meta name="select:container border style" content="double" />

<meta name="select:container border style" content="groove" />

<meta name="select:container border style" content="ridge" />

<meta name="select:container border style" content="inset" />

<meta name="select:container border style" content="outset" />

<!--ACTUAL THINGS-->

<style>

html {

    height: 100%;
}

body {

    margin-top: -4px;

    height: 100%;

    background-color: {color:background};

    font-family: {text:font family};

    background-image: url('{image:background}');

    background-size: cover;

    background-attachment: fixed;
}

.wrapper {

    width: 800px;
}

.icon {

    z-index: 100;

    margin-top: 148px;

    background-image: url('{image:icon}');

    background-size: cover;

    background-color: transparent;

    position: fixed;

    width: 168px;

    height: 168px;

    border: 3px {select:icon border style} {color:icon border};

    {block:ifblacklaceiconborder}

    border: 4px solid transparent;

    -moz-border-image: url("https://cdn.discordapp.com/attachments/996223789450932234/996223814599987230/black_border.png") 4 round;

    -webkit-border-image: url("https://cdn.discordapp.com/attachments/996223789450932234/996223814599987230/black_border.png") 4 round;

    -o-border-image: url("https://cdn.discordapp.com/attachments/996223789450932234/996223814599987230/black_border.png") 4 round;

    border-image: url("https://cdn.discordapp.com/attachments/996223789450932234/996223814599987230/black_border.png") 4 fill round;

    {/block:ifblacklaceiconborder}

    {block:ifwhitelaceiconborder}

    border: 4px solid transparent;

        -moz-border-image: url("https://cdn.discordapp.com/attachments/996223789450932234/996223836053852190/white_border.png") 4 round;

    -webkit-border-image: url("https://cdn.discordapp.com/attachments/996223789450932234/996223836053852190/white_border.png") 4 round;

    -o-border-image: url("https://cdn.discordapp.com/attachments/996223789450932234/996223836053852190/white_border.png") 4 round;

    border-image: url("https://cdn.discordapp.com/attachments/996223789450932234/996223836053852190/white_border.png") 4 fill round;

    {/block:ifwhitelaceiconborder}

}

.desc {

    margin-top: 330px;

    color: {color:desc font color};

    padding: 4px;

    font-size: 20px;

    background-color: transparent;

    position: fixed;

    line-height: 32px;

    font-family: {text:desc font family};

    width: 160px;

    max-height: 64px;

    overflow: auto;

    text-align: {select:desc align};

    border: 3px solid transparent;

    text-shadow: 1px 1px 10px {color:desc glow}, 1px 1px 10px {color:desc glow};

}

::-webkit-scrollbar {

    width: 0px;
}

.pagination {

    width: 160px;

    color: {color:pagination};

    margin-top: 314px;

    position: fixed;

    text-align: center;

    text-shadow: 1px 1px 10px {color:pagination glow}, 1px 1px 10px {color:pagination glow};
}

.jump_page {

    padding: 4px 8px;

    text-align: center;

    color: {color:pagination};

    font-size: 20px;

    text-decoration: none;

}

.current_page {

    padding: 4px 8px;

    text-align: center;

    color: {color:pagination};

    font-size: 20px;

    text-decoration: underline;

}

.postcontainer {

    z-index: 20;

    width: 570px;

    background-color: {color:post container background};

    {block:ifpostcontainertransparent}

    background-color: transparent;

    {/block:ifpostcontainertransparent}

    background-image: url('{image:post container background}');

    background-size: cover;

    {block:ifpostcontainerfade}

    border-left: 3px solid transparent;

    border-right: 3px solid transparent;

    -moz-box-shadow: inset 0 0 5px 5px {color:background};
-webkit-box-shadow: inset 0 0 5px 5px {color:background};
box-shadow: inset 0 0 5px 5px {color:background};

    {/block:ifpostcontainerfade}

    border-left: 3px {select:container border style} {color:container border};

    border-right: 3px {select:container border style} {color:container border};

    padding: 5px;

    margin-top: -24px;

    height: 100%;

    float: right;

    {block:ifblackpostcontainerborder}

    border-left: 4px solid transparent;

    border-right: 4px solid transparent;

    -moz-border-image: url("https://cdn.discordapp.com/attachments/996223789450932234/996223814599987230/black_border.png") 4 round;

    -webkit-border-image: url("https://cdn.discordapp.com/attachments/996223789450932234/996223814599987230/black_border.png") 4 round;

    -o-border-image: url("https://cdn.discordapp.com/attachments/996223789450932234/996223814599987230/black_border.png") 4 round;

    border-image: url("https://cdn.discordapp.com/attachments/996223789450932234/996223814599987230/black_border.png") 4 fill round;

    {/block:ifblackpostcontainerborder}

    {block:ifwhitepostcontainerborder}

    border-left: 4px solid transparent;

    border-right: 4px solid transparent;

        -moz-border-image: url("https://cdn.discordapp.com/attachments/996223789450932234/996223836053852190/white_border.png") 4 round;

    -webkit-border-image: url("https://cdn.discordapp.com/attachments/996223789450932234/996223836053852190/white_border.png") 4 round;

    -o-border-image: url("https://cdn.discordapp.com/attachments/996223789450932234/996223836053852190/white_border.png") 4 round;

    border-image: url("https://cdn.discordapp.com/attachments/996223789450932234/996223836053852190/white_border.png") 4 fill round;

    {/block:ifwhitepostcontainerborder}
}

.posts {

    padding: 10px;

    width: 440px;

    color: {color:post font color};

    background-color: {color:post background};

    font-family: {text:posts font};

    -webkit-box-shadow: 0 0 5px 5px {color:post background};

    -moz-box-shadow: 0 0 5px 5px {color:post background};

    box-shadow: 0 0 5px 5px {color:post background};

    margin-bottom: 10px;

    margin-top: 10px;

    overflow: hidden;

    text-align: justify;

}

</style>

</head>

<body>

<center>

<div class="wrapper">


<a href="/"><div class="icon" id="bob">

</div></a> <!--ICON CLOSE-->

<br>

<div class="pagination">

{block:Pagination}

{block:JumpPagination length="3"}

{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:Pagination}

</div> <!--CLOSE PAGINATION-->

<div class="desc">

{text:desc text}

</div> <!--DESC CLOSE-->

<div class="postcontainer">

<br>

{block:Posts}

<div class="posts">

<p>

{block:Text}

{block:Title}

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

{/block:Title}

{Body}

{/block:Text}

<center>

{block:Photo}

<div class="media">

{LinkOpenTag}

<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>

{LinkCloseTag}

</div>

{block:ifcaptions}

{block:Caption}

<div class="caption">

{Caption}

</div>

{/block:Caption}

{/block:ifcaptions}

{/block:Photo}

{block:Photoset}

<div class="media">

{Photoset}

</div>

{block:ifcaptions}

{block:Caption}

<div class="caption">

{Caption}

</div>

{/block:Caption}

{/block:ifcaptions}

{/block:Photoset}

</center>

{block:Quote}

<div class="quote">

<h2>"<i>{Quote}</i>"</h2>

</div>

{block:Source}

<div class="quotesource">

{Source}

</div>

{/block:Source}

{/block:Quote}

{block:Link}

<div class="title">

<a href="{URL}">

{Name}

</a>

</div>

{/block:Link}

{block:Chat}

{block:Title}

<div class="title">

<h2>{Title}</h2>

</div>

{/block:Title}

{block:Lines}

<div class="{Alt} user_{UserNumber}">

{block:Label}

<b>

{Label}

</b>

{/block:Label}

&nbsp;

{Line}

</div>

{/block:Lines}
<br>
{/block:Chat}

<center>

{block:Video}

<div class="media">

{Video-400}

</div>

{block:ifcaptions}

{block:Caption}

<div class="caption">

{Caption}

</div>

{/block:Caption}

{/block:ifcaptions}

{/block:Video}

{block:Audio}

{block:AlbumArt}

<div class="songart">

<img src="{AlbumArtURL}" style="max-width: 120px;">

</div>

{/block:AlbumArt}

<div class="songtitle">

{block:TrackName}

{TrackName}

{/block:TrackName}

</div>

<div class="songauthor">

By

{block:Artist}

{Artist}

{/block:Artist}

</div>

{block:AudioPlayer}

<div id="audio">

<div class="playbutton">

{AudioPlayerGrey}

</div>

</div>

{block:ifcaptions}

{block:Caption}

<div class="caption">

{Caption}

</div>

{/block:Caption}

{/block:ifcaptions}

{/block:AudioPlayer}

{/block:Audio}

</center>

{block:Answer}

<div class="questionbox">

{Asker}

RUNG ME UP : {Question}

</div>

<div class="caption">

{Answer}

</div>

{/block:Answer}

{block:Date}

{block:PermalinkPage}

{/block:PermalinkPage}
 <a href="{permalink}" title="{timeago}" style="text-decoration: none; float: right; margin-top: 8px; margin-bottom: 4px;">{text:permalink symbol}</a>

<a href="{reblogurl}" style="text-decoration: none; float: left; margin-top: 4px; margin-bottom: 4px; margin-left: 10px;" title="{notecount} notes">{text:note count symbol}</a><br><br>

{block:HasTags}

{block:Tags}

<a style="text-decoration: none; color: {color:tags}; float: left; margin-top: 4px; margin-bottom: 4px; margin-left: 10px;" href="{TagURL}" title="{Tag}">#{Tag}</a> &nbsp;

{/block:Tags}

{/block:HasTags}

{block:PermalinkPage}
{block:NoteCount}
{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}"> via</a> {/block:RebloggedFrom}{block:ContentSource} x <a href="{SourceURL}" title="{SourceTitle}"> source</a>{/block:ContentSource}
{block:PostNotes}{PostNotes}{/block:PostNotes}
{/block:NoteCount}
{/block:PermalinkPage}
{/block:Date}
 </div>

 <br>

{/block:Posts}

</div> <!--POSTS CLOSE-->

</div> <!--POST CONTAINER CLOSE-->

</div> <!--WRAPPER CLOSE-->

</center>

<!--CREEEDDDIT-->
<div id="credit">

<a href="https://cod.tumblr.com/" target="_blank" title="CODED BY JOYBOY">🦩</a>

</div>

</body>

</html>