unreleased theme eeew. #1

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

    <style>

/* Bob */
@-webkit-keyframes hvr-bob {
  0% {
    translateY(-8px);
  }
  50% {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>

    <!--FONTS-->

    <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');

    </style>


<!--ELEMENTS-->

<style>

#credit {

position:fixed;

left:12px;

bottom:6px;

font-size:14px;

}

html {

  width: 100%;

  height: 100%;

  overflow: hidden;

  display: flex;

  justify-content: center;

  scroll-behavior: smooth;

}

::-webkit-scrollbar {

    width: 3px;

    display: none;

}

::-webkit-scrollbar-track {

    background: #fff;

}

::-webkit-scrollbar-thumb {

    background: #ff8aa8;

}

body {

    margin-top: 150px;

}


a {

    color: {color:link};

}

a:hover {

}

b, bold, strong {

    color: {color:bold};

}

i, italic, italicized {

    color: {color:italic};
}

.pag {

display: inline-block;

padding: 10px;

}

a.pag, a.pag:link, a.pag:active, a.pag:visited {

color: {color:pagination};

}

.container {

    width: 300px;

    max-width: 300px;

    height: 300px;

    position: fixed;

    overflow: auto;

    padding: 4px;

    display: inline-block;

    border: 2px inset #eee;

    background-image: url('https://64.media.tumblr.com/f2ec6ab5327d609315ebe94820f8a7cb/2e71eb6ed7369af1-02/s540x810/763c7d0ddb76f8e86e77c5aa38754875435c654d.pnj');

    background-size: cover;

}

.container img {

    max-width: 100%;
}

blockquote {

    margin: 0;

}

.npf_row {

margin: 0 !important;

}

.posts {

    width: 280px;

    padding: 8px;

    margin-bottom: 12px;

    margin-top: 12px;

    word-wrap: break-word;

    text-align: justify;

    background-color: rgba(255, 255, 255, 0.8);

}

.posts a {

    color: #000;
}

iframe, img, embed, object, video {

   max-width: 100%;

   height: auto;

}

img {

    height: auto;
}

.tumblr_audio_player {

    max-width: 100%;

}

.icon {

    width: 107px;

    height: 107px;

    overflow: hidden;

    padding: 1px;

    display: inline-block;

    background-image: url('https://cdn.discordapp.com/attachments/985594761907961866/986515951283494974/Untitled-3.png');

    background-size: cover;

    background-repeat: no-repeat;

    border-style: dotted;

  border-width: 1px;

  border-color: #fff;

  border-width: 4px;-moz-border-image: url('https://cdn.discordapp.com/attachments/970813849454407780/972249537991303188/bump_border.png')

  4 round;-webkit-border-image: url('https://cdn.discordapp.com/attachments/970813849454407780/972249537991303188/bump_border.png')

  4 round;-o-border-image: url('https://cdn.discordapp.com/attachments/970813849454407780/972249537991303188/bump_border.png')

  4 round;border-image: url('https://cdn.discordapp.com/attachments/970813849454407780/972249537991303188/bump_border.png') 4 fill round;

    margin-left: -90px;

    margin-top: -40px;

    position: fixed;

    z-index: 10;

}

.icon img {

    width: auto;

    height: auto;

}

.icon2 {

    width: 117px;

    height: 117px;

    overflow: hidden;

    padding: 0px;

    display: inline-block;

    background-image: url('https://cdn.discordapp.com/attachments/985594761907961866/986470138641539142/adsad.png');

    background-size: contain;

    background-repeat: no-repeat;

    border: 2px solid transparent;

    margin-left: 35px;

    margin-top: -98px;

    position: fixed;

    z-index: -10;

}

.icon2 img {

    width: auto;

    height: auto;

}

.icon3 {

    width: 300px;

    height: 120px;

    overflow: hidden;

    padding: 0px;

    display: inline-block;

    background-image: url('https://cdn.discordapp.com/attachments/985594761907961866/986497471352016896/zwe.png');

    background-size: contain;

    background-repeat: no-repeat;

    border: 2px solid transparent;

    margin-left: 4px;

    margin-top: 278px;

    position: absolute;

    z-index: 10;

}

.icon3 img {

    width: auto;

    height: auto;

}

.icon4 {

    width: 300px;

    height: 42px;

    overflow: hidden;

    padding: 0px;

    display: inline-block;

    background-image: url('https://64.media.tumblr.com/93803555c7f2220e6ebe20ba29a3c3a5/tumblr_p7khboejnc1urfihho1_500.pnj');

    background-size: contain;

    background-repeat: no-repeat;

    border: 2px solid transparent;

    margin-left: 170px;

    margin-top: 132px;

    transform: rotate(90deg);

    position: absolute;

    z-index: 10;

}

.icon4 img {

    width: auto;

    height: auto;

}

.links {

    width: 127px;

    height: 67px;

    overflow: hidden;

    padding: 4px;

    display: inline-block;

    border: 1px outset transparent;

    margin-left: 324px;

    margin-top: 322px;

    position: fixed;

    z-index: 10;

    color: #fff;

    text-align: justify;


}

.links img {

    width: auto;

    height: auto;

}

.musical {

    width: 107px;

    height: 37px;

    overflow: hidden;

    padding: 1px;

    display: inline-block;

    border: 4px solid transparent;

    margin-left: -124px;

    margin-top: 260px;

    position: fixed;

    z-index: 10;

}

.musical img {

    width: auto;

    height: auto;

}

.updates {

    width: 162px;

    height: 82px;

    overflow: hidden;

    padding: 0px;

    display: inline-block;

    border: 2px outset #eee;

    margin-left: 146px;

    margin-top: -92px;

    position: fixed;

    background-image: url('https://64.media.tumblr.com/d0101c06dff286528f2532e117e93386/tumblr_o5wjpqAEen1v7mt6uo1_1280.pnj');

    background-size: cover;

    background-repeat: no-repeat;

    text-align: justify;

    overflow: auto;

}

.updates p {

    background-color: rgba(255, 255, 255, 0.7);

}

.updates a {

    color: #000;

    text-decoration: none;
}

.updatestitle {

    position: absolute;

    margin-left: 216px;

    margin-top: -130px;

    position: fixed;

    z-index: 15;

    font-family: 'Neonderthaw', cursive;

    font-size: 40px;

    text-shadow: 0 -2px 0px #000, 0 -1.5px 0px #eee, 0 -1px 0px #000, 0 1px 0px #eee, 0 1.5px 0px #000, 0 2px 0px #eee;

    text-align: right;

    color: #fff;

}

.updatestitle:hover {

      opacity: 0.5;
      -webkit-transition: opacity 0.5s ease-in-out;
      -moz-transition: opacity 0.5s ease-in-out;
      -ms-transition: opacity 0.5s ease-in-out;
      -o-transition: opacity 0.5s ease-in-out;
      transition: opacity 0.5s ease-in-out;

}

button {

      background-color: #fff;
      border: transparent;
      width: 100%;
      height: 100%;
      color: #000;
      text-align: center;
      display: flex;
      justify-content: center;
      font-size: 11px;
      font-family: 'Amiri', serif;
      border: 1px dotted #000;
  }

.tooltip {

    display: inline;

    position: relative;

}

#s-m-t-tooltip {

    max-width: 250px;

    text-align: center;

    margin: 10px 0 0 15px;

    padding: 4px;

    background-color: #fff;

    color: #000;

    word-wrap: break-word;

    border: 1px dotted #000;

    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: 'Faster One', cursive;

    letter-spacing: 2px;

}

.pag {

    background-color: rgba(255, 255, 255, 0.8);

    margin-bottom: 20px;
}

</style>

</head>

<body>

<a href="/" title="HOMEBOUND!"><div class="icon" id="hvr-bob"></div></a>

<a href="/ask" title="INBOX ME!"><div class="icon2" id="hvr-bob"></div></a>

<div class="icon3"></div>

<div class="icon4"></div>

<div class="links">

        <a href="https://cod.tumblr.com/sign"><img src="https://cdn.discordapp.com/attachments/985594761907961866/986510531592605717/zeeee.png" style="max-width: 100%;"></a>


    </span>

</div>

<div class="musical"><center><a href="https://paypal.me/doffys?country.x=CA&locale.x=en_US" title="TIP ME" target="_blank"><img style="margin-top: 2px;" src="https://64.media.tumblr.com/d6e571fc3117ed8800dc6f1004fa8de0/tumblr_o5diafJc7i1rppjlso1_100.png"></a></center></div>

<div class="updatestitle">themes</div>

<div class="updates">

<p style="padding-left: 10px; padding-right: 10px; margin-top: 2px; font-size: 14px; font-family: arial;">

    JUN 09 22&nbsp; ⇒&nbsp; <a href="https://cod.tumblr.com/post/686640055884890112/bubble-waffle-theme-by-me-preview-1">BUBBLE WAFFLE THEME</a><br>

    ・・✧ ・・<br>

    MAY 18 22&nbsp; ⇒&nbsp; <a href="https://cod.tumblr.com/post/684639702451617792/fruits-of-her-labour-theme-by-me-preview-1">FRUITS OF HER LABOUR THEME</a><br>

    ・・✧ ・・<br>

    MAY 11 22&nbsp; ⇒&nbsp; <a href="hhttps://cod.tumblr.com/post/684015563901714433/annoying-theme-by-me-preview-1-2-features">ANNOYING THEME</a><br>

    ・・✧ ・・<br>

    MAY 09 22&nbsp; ⇒&nbsp; <a href="https://cod.tumblr.com/post/683831265905000448/trailblazer-theme-by-me-preview-1-2-check">TRAILBLAZER THEME</a><br>

    ・・✧ ・・<br>

    MAY 07 22&nbsp; ⇒&nbsp; <a href="https://cod.tumblr.com/post/683636445048684544/midi-theme-by-me-preview-1-2-just-a-simple">MIDI THEME</a><br>

    ・・✧ ・・<br>

    MAY 06 22&nbsp; ⇒&nbsp; <a href="https://cod.tumblr.com/post/683484016209526784/die-as-i-lived-theme-by-me-preview-1-2">DIE AS I LIVED THEME</a><br>

    ・・✧ ・・<br>

    MAY 04 22&nbsp; ⇒&nbsp; <a href="hhttps://cod.tumblr.com/post/683371898030129152/bunny-hop-by-me-preview-1-2-features-box">BUNNY HOP THEME</a><br>

    ・・✧ ・・<br>

    APR 29 22&nbsp; ⇒&nbsp; <a href="https://cod.tumblr.com/post/682891061459337216/the-nexus-theme-by-me-preview-1-2-features">THE NEXUS THEME</a><br>

    ・・✧ ・・<br>

    APR 24 22&nbsp; ⇒&nbsp; <a href="https://cod.tumblr.com/post/682478044974333952/four-corners-theme-by-me-preview-1-2-themed">FOUR CORNERS THEME</a><br>

    ・・✧ ・・<br>

    APR 24 22&nbsp; ⇒&nbsp; <a href="https://cod.tumblr.com/post/682397098981883904/theme-01-by-me-preview-1-2-features-sure">THEME 01</a><br>

    ・・✧ ・・<br>

</p>

</div>

<div class="container">

<center>

{block:Posts}

<div class="posts">

{block:Quote}
<div id="titlequote">&nbsp; {Quote} &nbsp;<i class="fa fa-quote-right"></i></div>
{block:Source}<div id="source">&mdash; {Source}</div>{/block:Source}
{/block:Quote}

{block:Text}
{block:Title}
<div id="title">{Title}</div>{/block:Title}
{Body}
{/block:Text}

{block:link}
<div id="title"><a href="{URL}">&nbsp; {Name}</a></div>
{block:Description}{Description}{/block:Description}
{/block:link}

{block:Chat}
{block:Title}
<div id="title">{Title}</div>{/block:Title}
{/block:Text}
{block:lines}
{block:label}
<br><b>{label}</b>
{/block:label}
{line}
{/block:lines}
{/block:Chat}

{block:Photo}
{linkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{linkCloseTag}
{/block:Photo}

{block:Photoset}
{Photoset-500}
{/block:Photoset}

<div class="video">{Video-500}</div>

{block:Audio}
{block:AudioEmbed}{AudioEmbed-500}{/block:AudioEmbed}
{/block:Audio}

{block:Answer}
<div class="q">
<div class="as"> <b><big>{Asker} said:</big></b>
{Question}</div></div>
<div class="a">{Answer}</div>
{/block:Answer}

{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}

<!-- {block:ContentSource} {SourceURL} {/block:ContentSource} {block:RebloggedFrom} {ReblogRootURL} {ReblogParentURL} {/block:RebloggedFrom} -->

{block:Date}
<span style="text-align: center;">
<div id="permalink">
<a style="text-decoration: none;" href="{Permalink}" title="{Month} {DayOfMonth} {Year}"><b>{ShortMonth} {DayOfMonth} {ShortYear}</b></a>
{block:NoteCount}&nbsp; ⿻ &nbsp;<a href="{Permalink}" style="text-decoration: none;" title="{Notecount} notes">{NoteCount}⚠︎︎</a>{/block:NoteCount}<div>{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}" style="color: {color:via}; font-family: {text:font family}; font-size: {text:via font size}; text-decoration: none;">via</a>{block:ContentSource} ... <a href="{ReblogRootURL}" title="{ReblogRootName}" style="color: {color:source}; font-family: {text:font family}; font-size: {text:source font size}; text-decoration: none;">src</a>{/block:ContentSource}{/block:RebloggedFrom}</div></span>

︻═一 ✦⁺ .

{block:HasTags}<div class="tags">{block:Tags}<a href="{TagUrl}" style="text-decoration: none;" title="{Tag}">#{Tag}</a> {/block:Tags}</div>{/block:HasTags}

</div>

{/block:Date}

</div>

{block:PostNotes}
<div class="pagenotes" style="background-color: rgba(255, 255, 255, 0.7); text-align: justify; padding-left: 5px; padding-right: 15px; padding-top: 5px; line-height: 30px;">
{PostNotes}
</div>
{/block:PostNotes}

{/block:Posts}

<div class="pag">
{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}" title="PREV PAGE">PREV</a>{/block:PreviousPage}{block:NextPage}<a href="{NextPage}" title="NEXT PAGE">NEXT</a>{/block:NextPage}{/block:Pagination}
</div>

</div>

</div>

<div id="credit">

                        <a href="https://cod.tumblr.com/" target="_blank" title="NOT RELEASED YET">🦩</a>

                    </div>

                    </div>

            </div>
<a style="position: absolute; z-index: -99;" title="Web Analytics Made Easy - Statcounter" href="https://statcounter.com/" target="_blank"><img src="https://c.statcounter.com/12735592/0/a5d47b34/1/" alt="Web Analytics Made Easy - Statcounter"  referrerPolicy="no-referrer-when-downgrade"></a>
        </body>

</html>