BLADE STORM THEME

<!DOCTYPE html>

<html>

<head>

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

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

    <!--SCRIPPPTS AND SUCH-->

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

</script>

<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>

<!--MEETAS EEEWW-->

<!--COLORS E E WU ASFA-->

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

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

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

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

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

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

<meta name="color:description box 1 background" contents="" />

<meta name="color:description box 2 background" contents="" />

<meta name="color:description box 1 border" contents="" />

<meta name="color:description box 2 border" contents="" />

<meta name="color:description box 1 text" contents="" />

<meta name="color:description box 2 text" contents="" />

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

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

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

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

<meta name="color:music player border" contents="" />

<meta name="color:music player text" contents="" />

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

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

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

<meta name="color:tooltip text" contents="" />

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

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

<!--TEXT E EAM HNNGG-->

<meta name="text:description box 1 font" contents="" />

<meta name="text:description box 2 font" contents="" />

<meta name="text:description box 1" contents="" />

<meta name="text:description box 2" contents="" />

<meta name="text:posts font" contents="" />

<meta name="text:music player mp3" contents="" />

<meta name="text:music player font" contents="" />

<meta name="text:music title" contents="" />

<meta name="text:music artist" contents="" />

<meta name="text:tooltip font" contents="" />

<!--IMAGEESSS-->

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

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

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

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

<!--CREDIT EEEK-->

<style>

#credit {

position: fixed;

left: 12px;

bottom: 6px;

font-size: 14px;

}

</style>

    <style>

        @import url('https://fonts.googleapis.com/css2?family=Water+Brush&display=swap');

        @import url('https://fonts.googleapis.com/css2?family=Neonderthaw&display=swap');

        @import url('https://fonts.googleapis.com/css2?family=Rock+3D&display=swap');

        @import url('https://fonts.googleapis.com/css2?family=Faster+One&display=swap');

        @import url('https://fonts.googleapis.com/css2?family=Fascinate&display=swap');

        @import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@500&display=swap');

        @import url('https://fonts.googleapis.com/css2?family=Rampart+One&display=swap');

    </style>

<!--ELEMENTSSS-->

<style>

::-webkit-scrollbar {

    height: 12px;

    width: 17px;

    background-color: {color:background};

}

::-webkit-scrollbar-thumb {

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

    background-color: {color:scrollbar};

    border: 1px solid transparent;

    -webkit-border-radius:0ex;

    -webkit-box-shadow:0px 0px 0px rgba(0,0,0,0.75)

}

::-webkit-scrollbar-corner {

    background: transparent

}

html, body {

    height: 100%;

}

body {

    background-color: {color:background};

    margin: 0;

    margin-left: 280px;

    margin-top: 20px;

    font-family: 'Josefin Sans', sans-serif;

}

a, ahref {

color: {color:links};

}

blockquote {

    margin: 0;

}

.npf_row {

    margin: 0 !important;

}

iframe, img, embed, object, video {

   max-width: 100%;

   height: auto;

}

img {

    height: auto;
}

.tumblr_audio_player {

    max-width: 100%;

}

.wrap {

    width: 840px;

    display: inline-block;

    margin-left: 320px;

    max-width: 100%;

    overflow-x: hidden;

    word-break: break-word;

}

.wrap2 {

    overflow: auto;

    break-inside: avoid;

    column-count: 2;

    column-gap: 50px;

    -webkit-column-break-inside: avoid;

    {block:permalinkpage}

    column-count: 1;

    width: 540px;

    {/block:permalinkpage}
}

.sidebar {

    width: 240px;

    height: auto;

    border: 2px solid {color:sidebar border};

    margin-top: 150px;

    margin-left: -340px;

    display: inline-block;

    position: fixed;

    padding: 24px;

    overflow: hidden;

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

    background-size: cover;

    background-color: {color:sidebar background};

}

.sidebar a {

    color: {color:sidebar links};
}

.sidebar img {

    max-width: 100%;
}

.postscover {

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

    background-color: {color:posts background};

    background-size: cover;

    background-repeat: no-repeat;

    padding: 10px;
}

.posts {

    padding: 10px;

    border: 2px solid {color:posts border};

    background-color: #fff;

    font-family: {text:posts font};

    -webkit-column-break-inside: avoid;

}

.tags a {

    color: #FF44FF;
}

button {

      background-color: {color:music player background};
      border: 2px solid {color:music player border};
      width: 242px;
      padding: 14px;
      font-family: arial;
      color: {color:music player text};
      text-align: center;
      font-size: 12px;
      font-family: {text:music player font};
      margin-left: -2px;
  }

.pag {

    margin-bottom: 20px;

    color: {color:pagination};
}

.pag a {

    color: {color:pagination};
}

.tooltip {

    display: inline;

    position: relative;

}

#s-m-t-tooltip {

    max-width: 250px;

    text-align: center;

    margin: 10px 0 0 15px;

    padding: 4px;

    background-color: {color:tooltip background};

    color: {color:tooltip text};

    word-wrap: break-word;

    border: 1px dotted {color:tooltip border};

    font-size: 14px;

    z-index: 99;

    -webkit-transition:all 0.2s linear;

    -moz-transition:all 0.2s linear;

    -o       -transition-duration:0.2s;

    transition: all 0.2s linear;

    font-family: {text:tooltip font};

    letter-spacing: 2px;

}

</style>

</head>

<body>

<div class="wrap">

<div class="wrap2">

<div class="sidebar">

<p

    style="border: 2px solid {color:description box 1 border};
           margin-left: -2px;
           margin-top: 0px;
           padding-top: 14px;
           padding-bottom: 14px;
           padding-left: 6px;
           padding-right: 6px;
           text-align: center;
           color: {color:description box 1 text};
           background-color: {color:description box 1 background};
           font-family: {text:description box 1 font}">

           {text:description box 1}

    </p>

    <a href="/" title="REFRESH"><img

    style="border: 2px solid {color:icon border};
           margin-left: -2px;
           width: 100%;"

    src="{image:sidebar icon}"></a>

    <p

    style="border: 2px solid {color:description box 2 border};
           margin-left: -2px;
           color: {color:description box 2 border};
           margin-top: 12px;
           padding: 14px;
           text-align: justify;
           color: {color:description box 2 text};
           background-color: {color:description box 2 background};
           font-family: {text:description box 2 font};">

           {text:description box 2}

    </p>

<audio id="music" src="{text:music player mp3}"></audio>

    <button style="font-family: arial;"

    onclick="document.getElementById('music').play()">

    ▶︎ &nbsp;&nbsp; {text:music title} &nbsp; by &nbsp; {text:music artist}

                  </button>

</div>

{block:Posts}

<div class="postscover">

<div class="posts">

<a href="{permalink}" title="posted {timeago}" style="float: left; text-decoration: none;">

permalink

</a> <a href="{reblog}" title="{notecount} notes" style="float: right; text-decoration: none;">

notes

</a>

<br>

<center>

<p>

{block:Text}

{block:Title}

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

{/block:Title}

{Body}

{/block:Text}

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

{block:Quote}

<div class="quote">

"{Quote}"

</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">

{Title}

</div>

{/block:Title}

{block:Lines}

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

{block:Label}

<b>

{Label}

</b>

{/block:Label}

&nbsp;

{Line}

</div>

{/block:Lines}

{/block:Chat}

{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}">

</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 class="trackinfo">

<div class="trackname">

{block:TrackName}

{TrackName}

{/block:TrackName}

</div>

<div class="artist">

{block:Artist}

{Artist}

{/block:Artist}

</div>

<div class="album">

{block:Album}

{Album}

{/block:Album}

</div>

</div>

</div>

{block:ifcaptions}

{block:Caption}

<div class="caption">

{Caption}

</div>

{/block:Caption}

{/block:ifcaptions}

{/block:AudioPlayer}

{/block:Audio}

{block:Answer}

<div class="questionbox">

{Asker}

RUNG ME UP : {Question}

</div>

<div class="caption">

{Answer}

</div>

{/block:Answer}

{block:Date}

{block:PermalinkPage}

{/block:PermalinkPage}

{block:HasTags}

{block:Tags}

<a style="text-decoration: none; color: {color:tags};" href="{TagURL}" title="{Tag}">#{Tag}</a> &nbsp;

{/block:Tags}

{/block:HasTags}

</div>

{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>

<br>

<div class="pag">
{block:Pagination}

{block:NextPage}

<a style="padding: 9px; float: left; background-color: {color:pagination background};" href="{NextPage}" title="NEXT PAGE">NEXT</a>

{/block:NextPage}

{block:PreviousPage}

<a style="padding: 9px; float: right; background-color: {color:pagination background};" href="{PreviousPage}" title="PREV PAGE">PREV</a>

{/block:PreviousPage}

{/block:Pagination}

<br>
</div>

</center>

</div>

</div>

</div>


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

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

</div>


</center>

</body>

</html>