鬼竹 THEME

<!DOCTYPE html>

<html>

<!--

CHEERS @SADTHEMES I USED THEIR BASE TO FIX SOME AUDIO/VIDEO BLOCK ISSUES I WAS HAVING LOOOL

-->

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

<meta name="if:round edges" contents="" />


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

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

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

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

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


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

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


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

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

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


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

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

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

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

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

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


<meta name="color:link I outline" contents="" />

<meta name="color:link II outline" contents="" />

<meta name="color:link III outline" contents="" />

<meta name="color:link IV outline" contents="" />

<meta name="color:link I color" contents="" />

<meta name="color:link II color" contents="" />

<meta name="color:link III color" contents="" />

<meta name="color:link IV color" contents="" / =>

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

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




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

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


<meta name="text:link I title" contents="" />

<meta name="text:link II title" contents="" />

<meta name="text:link III title" contents="" />

<meta name="text:link IV title" contents="" />

<meta name="text:link I" contents="" />

<meta name="text:link II" contents="" />

<meta name="text:link III" contents="" />

<meta name="text:link IV" contents="" />



<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:searchbar border style" content="solid" />

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

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

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

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

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

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

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



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

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

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

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

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

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

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

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

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

body {

    background-color: {color:background};

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

    background-size: contain;

    margin: 0;

    margin-left: 121px;

    margin-top: 20px;

    font-family: {text:font family};

}

a, ahref {

color: {color:links};

}

blockquote {

    margin: 5px;

    border-left: 1px solid #000;

    padding-left: 5px;

}

.npf_row {

    margin: 0 !important;

}

iframe {

   max-width: 340px;

}

img, embed, object, video {

   max-width: 100%;

}

#tumblr_video_container {

    max-width: 100%;
}

img {

    height: auto;
}

.tumblr_audio_player {

    max-width: 100%;

}

.wrap {

    width: 740px;

    display: inline-block;

    max-width: 100%;

    overflow-x: hidden;

    word-break: break-word;

}

.postscover {

    display: inline-block;

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

    background-size: cover;

    background-repeat: no-repeat;

    padding: 10px;

    margin-top: 12px;

    margin-left: 10px;

    {block:ifroundedges}

    border-radius: 14px;

    {/block:ifroundedges}
}

.posts {

    width: 340px;

    padding: 10px;

    border: 2px {select:posts border style} {color:posts border};

    background-color: {color:posts background};

    overflow: hidden;

    {block:ifroundedges}

    border-radius: 14px;

    {/block:ifroundedges}

    text-align: justify;

}

.tags a {

    color: {color:tags};
}

.pagination {

    width: 160px;

    margin-top: 214px;

    margin-left: 140px;

    color: {color:pagination color};

    text-align: center;

    font-family: tahoma;

    text-shadow:
    -1px -1px 0 {color:pagination outline},
     0   -1px 0 {color:pagination outline},
     1px -1px 0 {color:pagination outline},
     1px  0   0 {color:pagination outline},
     1px  1px 0 {color:pagination outline},
     0    1px 0 {color:pagination outline},
    -1px  1px 0 {color:pagination outline},
    -1px  0   0 {color:pagination outline};
}

.jump_page {

    padding: 4px 2px;

    text-align: center;

    color: {color:pagination color};

    font-size: 20px;

    text-decoration: none;

    font-family: tahoma;

}

.current_page {

    padding: 4px 2px;

    text-align: center;

    color: {color:pagination color};

    font-size: 20px;

    text-decoration: underline;

    font-family: tahoma;

}

.tooltip {

    display: inline;

    position: relative;

}

#s-m-t-tooltip {

    max-width: 250px;

    text-align: center;

    margin: 10px 0 0 15px;

    padding: 8px;

    background-color: {color:tooltip background};

    color: {color:tooltip text};

    word-wrap: break-word;

    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;

    letter-spacing: 2px;

    {block:ifroundedges}

    border-radius: 14px;

    {/block:ifroundedges}

    -webkit-box-shadow: 0 0 30px {color:tooltip background};
    -moz-box-shadow: 0 0 30px {color:tooltip background};
    box-shadow: 0 0 30px {color:tooltip background};

}

.spotify_audio_player {

    height: 80px!important;

    width: 100%!important;

}

.soundcloud_audio_player {

    height: 150px!important;

    width: 100%!important;

}

.trackback {

    position: absolute;

    left: 20px;

    top: 20px;

    width: 19px;

    height: 19px;

    background-color: #fff;

    padding: 10px;

    opacity: .4;

}

.pressplay {

    position: relative;

    width: 25px;

    height: 25px;

    overflow: hidden;

    left: -6px;

    top: -3px;

}

.albumpic {

    position: absolute;

    left: 0px;

    top: 0px;

    width: 79px;

    height: 79px;

}

.albumpic img {

    width: 100%;

    height: auto;

    border: 1px solid {color:font color};

}

.trackinfo {

    width: auto;

    position: relative;

    display: inline-block;

    margin-left: 90px;

    min-height: 85px;

}

.audiowrapper {

    position: relative;

    display: inline-block;

}

.sidebar {

    position: fixed;

    width: 250px;

    height: auto;

    border: 2px solid transparent;

    padding: 10px;

    margin-left: -100px;
}

.sidebarimage {

    width: 246px;

    height: 236px;

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

    background-size: cover;

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

    {block:iftransparentsidebarimageborder}

    border: 2px solid transparent;

    {/block:iftransparentsidebarimageborder}

    {block:ifroundedges}

    border-radius: 14px;

    {/block:ifroundedges}
}

.sidebarlinks {

    width: 160px;

    margin-top: -252px;

    margin-left: -50px;

    text-align: center;

    font-size: 20px;

    font-family: tahoma;
}

.sidebarfloatie {

    position: absolute;

    z-index: 90;

    margin-top: 2px;

    margin-left: -8px;

    {block:PermalinkPage}

    margin-top: 25px;

    {/block:PermalinkPage}

    {block:SearchPage}

    margin-top: 25px;

    {/block:SearchPage}

}

.search {

    width: 186px;

    height: 22px;

    margin-left: -38px;

    margin-top: 6px;

    {block:PermalinkPage}

    margin-top: 30px;

    {/block:PermalinkPage}

    {block:SearchPage}

    margin-top: 30px;

    {/block:SearchPage}

    padding: 5px;

    {block:ifroundedges}

    border-radius: 14px;

    {/block:ifroundedges}

    background-color: {color:searchbar background};

    font-size: 13px;

    border: 2px {select:posts border style} {color:searchbar border};

    position: relative;

    color: {color:searchbar text};

}

::placeholder {

    color: {color:search text};

    color: {color:searchbar text};

}

.go {

    width: 39px;

    height: 36px;

    padding: 7px;

    margin-top: 6px;

    {block:PermalinkPage}

    margin-top: 30px;

    {/block:PermalinkPage}

    {block:SearchPage}

    margin-top: 30px;

    {/block:SearchPage}

    background: transparent;

    text-decoration: bold;

    {block:ifroundedges}

    border-radius: 14px;

    {/block:ifroundedges}

    font-size: 14px;

    color: {color:searchbar text};

    background-color: {color:searchbar background};

    border: 2px {select:searchbar border style} {color:searchbar border};

    outline: bold;

}

.go:active {

    border: 2px {select:searchbar border style} {color:searchbar border};

    outline: none;

    color: {color:searchbar text};

    background-color: {color:searchbar background};

    {block:ifroundedges}

    border-radius: 14px;

    {/block:ifroundedges}

}

.go:hover {

cursor: help;

}

@-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);
  }
}

#hvr-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;
}

</style>

</head>

<body>

<center>

<div class="wrap">

<div class="wrap2">

<div class="sidebar">

<div class="sidebarimage"></div>

<div class="sidebarlinks">

<a href="/" title="{text:link I title}" style="text-decoration: none;

text-shadow:
    -1px -1px 0 {color:link I outline},
     0   -1px 0 {color:link I outline},
     1px -1px 0 {color:link I outline},
     1px  0   0 {color:link I outline},
     1px  1px 0 {color:link I outline},
     0    1px 0 {color:link I outline},
    -1px  1px 0 {color:link I outline},
    -1px  0   0 {color:link I outline};

color: {color:link I color}">I</a> <a href="{text:link II}" title="{text:link II title}" style="text-decoration: none;

text-shadow:
    -1px -1px 0 {color:link II outline},
     0   -1px 0 {color:link II outline},
     1px -1px 0 {color:link II outline},
     1px  0   0 {color:link II outline},
     1px  1px 0 {color:link II outline},
     0    1px 0 {color:link II outline},
    -1px  1px 0 {color:link II outline},
    -1px  0   0 {color:link II outline};

color: {color:link II color}">II</a> <a href="{text:link III}" title="{text:link III title}" style="text-decoration: none;

text-shadow:
    -1px -1px 0 {color:link III outline},
     0   -1px 0 {color:link III outline},
     1px -1px 0 {color:link III outline},
     1px  0   0 {color:link III outline},
     1px  1px 0 {color:link III outline},
     0    1px 0 {color:link III outline},
    -1px  1px 0 {color:link III outline},
    -1px  0   0 {color:link III outline};

color: {color:link III color}">III</a> <a href="{text:link IV}" title="{text:link IV title}" style="text-decoration: none;

text-shadow:
    -1px -1px 0 {color:link IV outline},
     0   -1px 0 {color:link IV outline},
     1px -1px 0 {color:link IV outline},
     1px  0   0 {color:link IV outline},
     1px  1px 0 {color:link IV outline},
     0    1px 0 {color:link IV outline},
    -1px  1px 0 {color:link IV outline},
    -1px  0   0 {color:link IV outline};

color: {color:link IV color}">IV</a>

</div>

<div class="pagination">

{block:Pagination}

{block:JumpPagination length="4"}

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

<div class="sidebarfloatie">

<img src="{image:sidebar floatie}" id="hvr-bob">

</div>

<form action="/search" method="get">
<input class="search" type="text" placeholder="{text:searchbar}" name="q" value="" style="outline:none;"> &nbsp;
<input class="go" type="submit" value="➥" id="sb" style="position: absolute;"/>
</form>

</div>



{block:Posts}
<div class="postscover">
<div class="posts">

{block:Text}
{block:Title}<a href="{Permalink}">{Title}</a>{/block:Title}
{Body}
{/block:Text}

{block:Quote}
<div class="quote">"{Quote}"</div>
{block:Source}<div class="source">&mdash; {Source}</div>{/block:Source}
{/block:Quote}

{block:Link}
<big><a href="{URL}">{Name}</a></big>
{block:Description}{Description}{/block:Description}
{/block:Link}

{block:Chat}
{block:Title}{Title}{/block:Title}
{block:Lines}
<div class="{Alt} user_{UserNumber}">
{block:Label}{Label}{/block:Label} {Line}
</div>
{/block:Lines}
{/block:Chat}


{block:Answer}
{Asker}
<div class="question">{Question}</div>
{Answer}
{/block:Answer}


{block:Photo}
{LinkOpenTag}<img src="{PhotoURL-400}" alt="{Permalink}"/>{LinkCloseTag}
{/block:Photo}

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

{block:Video}
{Video-400}
{/block:Video}

{block:AudioPlayer}
<div class="audiowrapper">
{block:AlbumArt}
<div class="albumpic"><img src="{AlbumArtURL}"></div>
{/block:AlbumArt}
<div class="trackback">
<div class="pressplay">
{AudioPlayer}
</div></div>
<div class="trackinfo">
{block:TrackName}{TrackName}{/block:TrackName}<br>
{block:Artist}<b>{Artist}</b>{/block:Artist}<br>
{block:Album}<i>{Album}</i>{/block:Album}<br>
</div></div>
{/block:AudioPlayer}


{block:Caption}{Caption}{/block:Caption}
{block:IndexPage}<hr><div id="notes">
<a href="{Permalink}" data-toggle="tooltip" title="{TimeAgo}" style="float:right; text-decoration: none;">{MonthNumberWithZero} / {DayOfMonthWithZero}</a>
{block:IfNotNotesPixel} {text:link spacer} {block:IfNotNotesPixel}
{block:IfNotesPixel} <img src="{image:notes pixel}"> {/block:IfNotesPixel}
<a href="{ReblogURL}" data-toggle="tooltip" title="Reblog?" style="float: left;"><img src="{image:reblog icon}"></a>
<br></div>{/block:IndexPage}



{block:IndexPage}
<div class="tags" style="margin-top: 15px;">
{block:HasTags}{block:Tags}
<a href="{TagURL}">#{Tag}</a>
{/block:Tags}{/block:HasTags}</div>
{/block:IndexPage}

{block:PermalinkPage}
{block:ifHideCaption}
{block:Caption}{Caption}{/block:Caption}
{/block:ifHideCaption}

<p>{block:NoteCount}Notes: <a href="{Permalink}">{NoteCount}</a><br>{/block:NoteCount}
{block:HasTags}Tags: {block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}<br>{/block:HasTags}
{block:RebloggedFrom}
Via: <a href="{ReblogParentURL}">{ReblogParentName}</a>
<br>{/block:RebloggedFrom}{block:ContentSource}
Source: <a href="{SourceURL}">{SourceTitle}</a>
{/block:ContentSource}</p>

{block:NoteCount}<div id="permanotes" style="line-height: 32px;">
{block:PostNotes}{PostNotes}{/block:PostNotes}
</div>{/block:NoteCount}
{/block:PermalinkPage}
</div></div><br><br>


{/block:Posts}

</div>

</div>
<br><br>

</div>

</div>

</div>


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

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

</div>


</center>

</body>

</html>