BIRTHDAY THEME

<html>

<head>

<meta charset="UTF-8">

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

<meta name="if:sidebar dividers" contents="" />

<meta name="select:font" content="arial" />
<meta name="select:font" content="comic sans ms" />
<meta name="select:font" content="times" />
<meta name="select:font" content="ms gothic" />
<meta name="select:font" content="tahoma" />
<meta name="select:font" content="georgia" />
<meta name="select:font" content="Caveat" />
<meta name="select:font" content="Fuzzy Bubbles" />
<meta name="select:font" content="DynaPuff" />
<meta name="select:font" content="Silkscreen" />
<meta name="select:font" content="Cherry Bomb One" />
<meta name="select:font" content="Fredoka One" />

<meta name="image:background" contents="" />
<meta name="image:wrap background" contents="" />
<meta name="image:container background" contents="" />
<meta name="image:sidebar background" contents="" />
<meta name="image:tags background" contents="" />
<meta name="image:posts background" contents="" />
<meta name="image:pagination background" contents="" />

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

<meta name="select:background size" content="auto" />
<meta name="select:background size" content="cover" />
<meta name="select:background size" content="contain" />

<meta name="select:wrap background size" content="auto" />
<meta name="select:wrap background size" content="cover" />
<meta name="select:wrap background size" content="contain" />

<meta name="select:container background size" content="auto" />
<meta name="select:container background size" content="cover" />
<meta name="select:container background size" content="contain" />

<meta name="select:sidebar background size" content="auto" />
<meta name="select:sidebar background size" content="cover" />
<meta name="select:sidebar background size" content="contain" />

<meta name="select:posts background size" content="auto" />
<meta name="select:posts background size" content="cover" />
<meta name="select:posts background size" content="contain" />

<meta name="select:tags background size" content="auto" />
<meta name="select:tags background size" content="cover" />
<meta name="select:tags background size" content="contain" />

<meta name="select:pagination background size" content="auto" />
<meta name="select:pagination background size" content="cover" />
<meta name="select:pagination background size" content="contain" />

<meta name="select:wrap border" content="solid" />
<meta name="select:wrap border" content="dashed" />
<meta name="select:wrap border" content="dotted" />
<meta name="select:wrap border" content="double" />
<meta name="select:wrap border" content="groove" />
<meta name="select:wrap border" content="ridge" />
<meta name="select:wrap border" content="inset" />
<meta name="select:wrap border" content="outset" />

<meta name="select:container border" content="solid" />
<meta name="select:container border" content="dashed" />
<meta name="select:container border" content="dotted" />
<meta name="select:container border" content="double" />
<meta name="select:container border" content="groove" />
<meta name="select:container border" content="ridge" />
<meta name="select:container border" content="inset" />
<meta name="select:container border" content="outset" />

<meta name="select:sidebar border" content="solid" />
<meta name="select:sidebar border" content="dashed" />
<meta name="select:sidebar border" content="dotted" />
<meta name="select:sidebar border" content="double" />
<meta name="select:sidebar border" content="groove" />
<meta name="select:sidebar border" content="ridge" />
<meta name="select:sidebar border" content="inset" />
<meta name="select:sidebar border" content="outset" />

<meta name="select:icon 1 border" content="solid" />
<meta name="select:icon 1 border" content="dashed" />
<meta name="select:icon 1 border" content="dotted" />
<meta name="select:icon 1 border" content="double" />
<meta name="select:icon 1 border" content="groove" />
<meta name="select:icon 1 border" content="ridge" />
<meta name="select:icon 1 border" content="inset" />
<meta name="select:icon 1 border" content="outset" />

<meta name="select:icon 2 border" content="solid" />
<meta name="select:icon 2 border" content="dashed" />
<meta name="select:icon 2 border" content="dotted" />
<meta name="select:icon 2 border" content="double" />
<meta name="select:icon 2 border" content="groove" />
<meta name="select:icon 2 border" content="ridge" />
<meta name="select:icon 2 border" content="inset" />
<meta name="select:icon 2 border" content="outset" />

<meta name="select:posts border" content="solid" />
<meta name="select:posts border" content="dashed" />
<meta name="select:posts border" content="dotted" />
<meta name="select:posts border" content="double" />
<meta name="select:posts border" content="groove" />
<meta name="select:posts border" content="ridge" />
<meta name="select:posts border" content="inset" />
<meta name="select:posts border" content="outset" />

<meta name="select:pagination border" content="solid" />
<meta name="select:pagination border" content="dashed" />
<meta name="select:pagination border" content="dotted" />
<meta name="select:pagination border" content="double" />
<meta name="select:pagination border" content="groove" />
<meta name="select:pagination border" content="ridge" />
<meta name="select:pagination border" content="inset" />
<meta name="select:pagination border" content="outset" />

<meta name="color:background" contents="" />
<meta name="color:wrap background" contents="" />
<meta name="color:container background" contents="" />
<meta name="color:sidebar background" contents="" />
<meta name="color:posts background" contents="" />
<meta name="color:tags background" contents="" />
<meta name="color:pagination background" contents="" />

<meta name="color:wrap border" contents="" />
<meta name="color:container border" contents="" />
<meta name="color:sidebar border" contents="" />
<meta name="color:icon 1 border" contents="" />
<meta name="color:icon 2 border" contents="" />
<meta name="color:posts border" contents="" />
<meta name="color:pagination border" contents="" />

<meta name="color:calendar font" contents="" />
<meta name="color:calendar day" contents="" />
<meta name="color:sidebar font" contents="" />
<meta name="color:posts font" contents="" />
<meta name="color:pagination font" contents="" />

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

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

<meta name="color:link 1" contents="" />
<meta name="color:link 2" contents="" />
<meta name="color:link 3" contents="" />

<meta name="text:link 1" content="/" />
<meta name="text:link 2" content="/" />
<meta name="text:link 3" content="/" />

<meta name="text:link 1 title" content="TITLE" />
<meta name="text:link 2 title" content="TITLE" />
<meta name="text:link 3 title" content="TITLE" />

<meta name="text:1" content="LINK" />
<meta name="text:2" content="LINK" />
<meta name="text:3" content="LINK" />

<style>

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

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

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

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

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

</style>

<style>

::-webkit-scrollbar {

display: none;

}

#credit {

position:fixed;

left: 12px;

bottom: 6px;

font-size: 14px;

}

body {

width: 900px;

margin-left: auto;

margin-right: auto;

position: relative;

font-family: {select:font};

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

background-size: {select:background size};

background-color: {color:background};

}

a {

color: {color:links};

}

a:hover {

color: {color:links};

-webkit-filter: blur(2.0px);

-webkit-transition: 0.5s ease-in-out;

}

.containeryay {

width: 500px;

height: 500px;

padding: 10px;

border: 4px {select:container border} {color:container border};

overflow: auto;

scrollbar-width: none;

background-image: url("{image:container background}");

background-size: {select:container background size};

background-color: {color:container background};

}

.containerwrap {

width: 530px;

height: auto;

padding: 10px;

border: 4px {select:wrap border} {color:wrap border};

background-image: url("{image:wrap background}");

background-size: {select:wrap background size};

background-color: {color:wrap background};

}

.sidebaryay {

width: 180px;

padding: 10px;

height: 470px;

border: 4px {select:sidebar border} {color:sidebar border};

float: left;

position: fixed;

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

background-size: {select:sidebar background size};

background-color: {color:sidebar background};

color: {color:sidebar font};

}

.iconyay {

width: 160px;

height: 160px;

border: 4px {select:icon 1 border} {color:icon 1 border};

margin-top: -50px;

background-image: url("{image:icon 1}");

background-size: cover;

margin-bottom: 10px;

}

.iconwoo {

width: 160px;

height: 160px;

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

background-image: url("{image:icon 2}");

background-size: cover;

position: relative;

}

.sidebarfix {

height: 230px;

overflow: auto;

scrollbar-width: none;

}

.linksmaybe {

width: 120px;

height: 20px;

border: 4px {select:pagination border} {color:pagination border};

background-image: url("{image:pagination background}");

background-size: {select:pagination background size};

background-color: {color:pagination background};

margin-left: 400px;

margin-top: -2px;

padding: 4px;

}

.posts {

width: 250px;

padding: 10px;

height: auto;

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

background-size: {select:posts background size};

background-color: {color:posts background};

border: 4px {select:posts border} {color:posts border};

color: {color:posts font};

text-align: justify;

font-size: 12px;

overflow: hidden;

float: right;

margin-bottom: 10px;

}

.posts img {

max-width: 100%;

height: auto;

}

img:hover {

-webkit-filter: blur(2.0px);

-webkit-transition: 0.5s ease-in-out;

box-shadow: 0px 0px 5px 15px transparent;

}

.npf_row {

margin: 0 !important;

}

blockquote {

margin-left: 0px;

border-left: 1px ridge {color:posts border};

padding-left: 5px;

}

table {

background-size: cover;

color: {color:calendar font};

font-size: 12px;

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

}

td {

font-size: 12px;

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

}

.pagination {

background-image: url("{image:pagination background}");

background-size: cover;

background-color: {color:pagination background};

overflow: hidden;

height: auto;

}

.pagi {

color: {color:pagination font};

text-align: center;

margin-top: -3px;

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

}

.pagi a {

color: {color:pagination font};

}

.jump_page {

padding: 4px 2px;

text-align: center;

font-size: 20px;

text-decoration: none;

color: {color:pagination font};

}

.current_page {

padding: 4px 2px;

text-align: center;

font-size: 20px;

color: {color:pagination font};

text-decoration: underline;

}

hr {

border: 1px {select:sidebar border} transparent;

}

{block:ifsidebardividers}

hr {

border: 1px {select:sidebar border} {color:sidebar font};

}

{/block:ifsidebardividers}

.tags {

width: auto;

padding: 3px;

background-image: url("{image:tags background}");

background-size: {select:tags background size};

background-color: {color:tags background};

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

font-size: 10px;

}

.tags a {

text-decoration: none;

color: {color:tags};

}

.footer {

margin-top: 10px;

}

#hvr-bounce-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
#hvr-bounce-out:hover, #hvr-bounce-out:focus, #hvr-bounce-out:active {
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
  transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}

</style>

</head>

<body>

<center>

<br><br>

<div class="containerwrap">

<div class="containeryay">

<div class="sidebaryay">

<div class="iconyay" id="hvr-bounce-out"></div> <!--ICONYAY-->

<div class="sidebarfix">

<div class="linkwrap">

<a href="{text:link 1}" title="{text:link 1 title}" style="color:{color:link 1}">{text:1}</a>&nbsp;

<a href="{text:link 2}" title="{text:link 2 title}" style="color:{color:link 2}">{text:2}</a>&nbsp;

<a href="{text:link 3}" title="{text:link 3 title}" style="color:{color:link 3}">{text:3}</a>&nbsp;

</div> <!--LINK WRAP-->

<hr>

<div class="calendar" align="center">
<script text="JavaScript">

monthnames = new Array(
  'January',
  'February',
  'March',
  'April',
  'May',
  'June',
  'July',
  'August',
  'September',
  'October',
  'November',
  'December'
);
var linkcount = 0;
class addlink {
  constructor(month, day, href) {
    var entry = new Array(3);
    entry[0] = month;
    entry[1] = day;
    entry[2] = href;
    this[(linkcount += 1)] = entry;
  }
}

Array.prototype.addlink = addlink;
linkdays = [];
monthdays = new Array(12);
monthdays[0] = 31;
monthdays[1] = 28;
monthdays[2] = 31;
monthdays[3] = 30;
monthdays[4] = 31;
monthdays[5] = 30;
monthdays[6] = 31;
monthdays[7] = 31;
monthdays[8] = 30;
monthdays[9] = 31;
monthdays[10] = 30;
monthdays[11] = 31;
todayDate = new Date();
thisday = todayDate.getDay();
thismonth = todayDate.getMonth();
thisdate = todayDate.getDate();
thisyear = todayDate.getYear();
thisyear = thisyear % 100;
thisyear = thisyear < 50 ? 2000 + thisyear : 1900 + thisyear;
if ((thisyear % 4 === 0 && !(thisyear % 100 === 0)) || thisyear % 400 === 0) {
  monthdays[1] += 1;
}
startspaces = thisdate;
while (startspaces > 7) {
  startspaces -= 7;
}
startspaces = thisday - startspaces + 1;
if (startspaces < 0) {
  startspaces += 7;
}
document.write("<font face='{select:font}'>");
document.write('<table border=0 ');
document.write(' style="text-align: center;" cellpadding=2 cellspacing=4>');
document.write(
  '<tr><td colspan=7><center>' +
  monthnames[thismonth] +
  ' ' +
  thisyear +
  '</strong></center></font></td></tr>'
);
document.write('<tr>');
document.write('<td align=center><b>S</b></td>');
document.write('<td align=center><b>M</b></td>');
document.write('<td align=center><b>T</b></td>');
document.write('<td align=center><b>W</b></td>');
document.write('<td align=center><b>T</b></td>');
document.write('<td align=center><b>F</b></td>');
document.write('<td align=center><b>S</b></td>');
document.write('</tr>');
document.write('<tr>');
for (s = 0; s < startspaces; s += 1) {
  document.write('<td> </td>');
}
count = 1;
while (count <= monthdays[thismonth]) {
  for (b = startspaces; b < 7; b += 1) {
    linktrue = false;
    document.write('<td>');
    for (c = 0; c < linkdays.length; c += 1) {
      if (linkdays[c] != null) {
        if (linkdays[c][0] === thismonth + 1 && linkdays[c][1] === count) {
          document.write('<a href="' + linkdays[c][2] + '">');
          linktrue = true;
        }
      }
    }
    if (count === thisdate) {
      document.write("<b><font color='{color:calendar day}'></b>");
    }
    if (count <= monthdays[thismonth]) {
      document.write(count);
    } else {
      document.write(' ');
    }
    if (count === thisdate) {
      document.write('</font>');
    }
    if (linktrue) {
      document.write('</a>');
    }
    document.write('</td>');
    count += 1;
  }
  document.write('</tr>');
  document.write('<tr>');
  startspaces = 0;
}
document.write('</table></p>');


</script>

</font></div> <!--CALENDAR-->

<hr>

</div> <!--SIDEBARFIX-->

<div class="iconwoo" id="hvr-bounce-out"></div> <!--ICONWOO-->

<div class="linksmaybe">

<div class="pagination">

<div class="pagi">

{block:Pagination}

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

</div> <!--PAGI CLOSE-->

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

</div> <!--LINKS-->

</div> <!--SIDEBARYAY-->

{block:posts}

<div class="posts">

{block:text}

{block:title}

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

{/block:title}

{body}

{/block:text}

{block:chat}

{block:title}

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

{/block:title}

{block:lines}

{block:label}

{label}

{/block:label}

{line}<br>

{/block:lines}

{/block:chat}

{block:photo}

<img src="{photourl-250}">

{/block:photo}

{block:photoset}

{photoset-250}

{/block:photoset}

{block:video}

{video-250}

{/block:video}

{block:audio}

{block:audioembed}

{audioembed-250}

{/block:audioembed}

{block:audioplayer}

{audioplayer}

{/block:audioplayer}

{block:albumart}

<img src="{albumarturl}" style="width: 50px;">

{/block:albumart}

{block:trackname}

{trackname}

{/block:trackname}

{/block:audio}

{block:quote}

<h3>❛ {quote} ❜</h3>

{block:source}

— {source}

{/block:source}

{/block:quote}

{block:link}

<a href="{url}" target="_blank">{name}</a>

{block:description}

{description}

{/block:description}

{/block:link}

{block:answer}

{asker} says:

{question}

{block:answerer}

{answer}

{/block:answerer}

{/block:answer}

{block:date}

<div class="footer">

{block:hastags}

<div class="tags">

{block:tags}

<a href="{tagurl}">{tag}</a>

{/block:tags}

</div> <!--TAGS-->

{/block:hastags}

</div> <!--FOOTER-->

{/block:date}

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

{/block:posts}

</div> <!--CONTAINERYAY-->

</div> <!--CONTAINERWRAP-->

</center>

<div id="credit">

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

</div>

</body>

</html>