FRUITS OF HER LABOUR 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>

    <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 {
  display: inline-block;
  vertical-align: middle;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
#hvr-bob:hover, #hvr-bob:focus, #hvr-bob:active {
  -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>

<!-- tutorial by meg at megscoding.tumblr.com -->
<script type="text/javascript">
// <![CDATA[
var speed=120; // speed of wobbling, lower is faster
var height=3; // height of wobbling in pixels
var alink=""; // page to link text to (set to ="" for no link)

/****************************
*    Wobbly Text Effect     *
*(c) 2003-6 mf2fm web-design*
*  http://www.mf2fm.com/rv  *
* DON'T EDIT BELOW THIS BOX *
****************************/
var wobtxt, wobble, wobcnt=0;
window.onload=function() { if (document.getElementById) {
  var i, wobli;
  wobble=document.getElementById("wobble");
  wobtxt=wobble.firstChild.nodeValue;
  while (wobble.childNodes.length) wobble.removeChild(wobble.childNodes[0]);
  for (i=0; i<wobtxt.length; i++) {
    wobli=document.createElement("span");
    wobli.setAttribute("id", "wobb"+i);
    wobli.style.position="relative";
    wobli.appendChild(document.createTextNode(wobtxt.charAt(i)));
    if (alink) {
      wobli.style.cursor="pointer";
      wobli.onclick=function() { top.location.href=alink; }
    }
    wobble.appendChild(wobli);
  }
  setInterval("wobbler()", speed);
}}

function wobbler() {
  for (var i=0; i<wobtxt.length; i++) document.getElementById("wobb"+i).style.top=Math.round(height*Math.sin(i+wobcnt))+"px"
  wobcnt++;
}
// ]]>
</script>
<!-- tutorial by meg at megscoding.tumblr.com -->

    <!--FONTS-->

    <style>

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

    </style>

<!--METAS-->

<meta name="if:background cover" content="" />

<meta name="if:link iv" content="" />

<meta name="if:link v" content="" />

<meta name="if:link vi" content="" />


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

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

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

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


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

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

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

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

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

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

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

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

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

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

<meta name="color:wobble shadow" contents="" />

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

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

<meta name="color:header text outline" contents="" />

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

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

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

<meta name="color:footer text outline" contents="" />

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

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

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

<meta name="color:refresh shadow" contents="" />

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

<meta name="color:ask shadow" contents="" />

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

<meta name="color:archive shadow" contents="" />

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

<meta name="color:link iv shadow" contents="" />

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

<meta name="color:link v shadow" contents="" />

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

<meta name="color:link vi shadow" contents="" />

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

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


<meta name="text:icon hover" contents="" />

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

<meta name="text:reblog emoji" contents="" />

<meta name="text:timestamp emoji" contents="" />

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

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

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

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

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

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


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

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

<meta name="text:link vi" 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:header border style" content="solid" />

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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


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

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

    background-color: {color:background};

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

    {block:ifbackgroundcover}

    background-size: cover;

    background-repeat: no-repeat;

    {/block:ifbackgroundcover}

    margin-top: 20%;

}


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: 228px;

    max-width: 228px;

    height: 228px;

    position: fixed;

    overflow: auto;

    padding: 4px;

    display: inline-block;

    background-color: {color:container background};

    border-color: {color:container border};

    border-style: {select:container border style};

    border-width: 2px;

	scrollbar-width: none;

}

.container img {

    max-width: 100%;
}

blockquote {

    margin: 0;

}

.posts {

    max-width: 228px;

    padding: 4px;

    word-wrap: break-word;

    font-size: {text:post font size};

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

    color: {color:text};

    text-align: justify;

}

iframe, img, embed, object, video {

   max-width: 100%;

}

img {

    width: auto;

    height: auto;
}

.tumblr_audio_player {

    max-width: 100%;

}

.header {

    max-width: 228px;

    background-color: {color:header background};

    height: 34px;

    line-height: 34px;

    display: flex;

    border-style: {select:header border style};

    border-width: 1px;

    border-color: {color:header border};

    justify-content: center;

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

    background-size: cover;

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

    margin-bottom: -34px;

}

.header a  {

    text-decoration: none;

    color: #000;
}

.footer {

    max-width: 228px;

    height: 34px;

    line-height: 34px;

    overflow: auto;

    word-wrap: break-word;

    background-color: {color:footer background};

    text-align: center;

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

    background-size: cover;

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

    border-style: {select:footer border style};

    border-width: 1px;

    border-color: {color:footer border};

    margin-top: -3px;

    margin-bottom: 28px;

}

.footer a {

    text-decoration: none;

}

.icon {

    width: 92px;

    height: 92px;

    overflow: hidden;

    padding: 0px;

    display: inline-block;

    border-width: 2px;

    border-color: {color:icon border};

    border-style: {select:icon border style};

    margin-left: -120px;

    transform: rotate(-12deg);

    margin-top: -50px;

    position: fixed;

}

.icon img {

    width: auto;

    height: auto;

}

.links {

    width: 88px;

    height: 88px;

    overflow: auto;

    font-size: 24px;

    padding: 4px;

    display: inline-block;

    border: transparent;

    margin-left: 244px;

    transform: rotate(22deg);

    margin-top: 198px;

    position: fixed;

    text-align: center;

}

.links a {

    text-decoration: none;

    color: {color:navigation};
}

.upper-text {

    width: 238px;

    overflow: hidden;

    text-shadow: 1px 1px 3px {color:wobble shadow};

    padding: 4px;

    margin-top: -40px;

    margin-left: 75px;

    font-family: times new roman;

    font-size: 24px;

    height: 24px;

    color: #000;

    position: fixed;

    z-index: 999;

    text-align: center;

    transform: skew(-25deg);

}

.tooltip {

    display: inline;

    position: relative;

}

#s-m-t-tooltip {

    max-width: 130px;

    text-align: center;

    margin: 10px 0 0 15px;

    padding: 2px;

    background-color: {color:tooltip background};

    color: {color:tooltip text};

    word-wrap: break-word;

    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;

    -webkit-box-shadow: 0px 0px 8px 9px {color:tooltip background};

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

}

</style>

</head>

<body>

<div class="icon" id="hvr-bob">

<a href="/" title="{text:icon hover}"><img src="{image:icon}"></a>

</div>

<div class="container">

<center>

<div class="upper-text">

<span id="wobble" style="color: {color:wobble text};">{text:wobble text}</span>

</div>

{block:Posts}

<div style="color:{color:header text}" class="header">

➫ &nbsp;&nbsp;&nbsp;<a href="{Permalink}" title="{posttype}">{posttype}</a>&nbsp;  &nbsp; ➬ &nbsp; &nbsp;<a href="{Permalink}" title="#{notecount}">#{notecount}</a>

&nbsp; &nbsp; &nbsp; &nbsp;

<a href="{ReblogURL}" class="reblog" target="_blank" title="reblog">

{text:reblog emoji}

</a>

</div><br>

<div class="posts">

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

replied to your thread : {Question}

</div>

<div class="caption">

{Answer}

</div>

{/block:Answer}

{block:Date}

{block:PermalinkPage}

{/block:PermalinkPage}

</div>

<div class="footer">

{block:HasTags}

<span style="float:left">&nbsp; <a href="{permalink}" title="{timeago}">{text:timestamp emoji}</a> &nbsp;&nbsp;<span style="color:{color:footer text}">$</span>&nbsp;&nbsp; </span>

{block:Tags}

<span style="float: right">&nbsp;&nbsp; <a href="{TagURL}" title="{Tag}" style="color:{color:tags}">{Tag}</a> &nbsp;</span>{/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}
<br>
{block:PostNotes}{PostNotes}{/block:PostNotes}
{/block:NoteCount}
{/block:PermalinkPage}
{/block:Date}

{/block:Posts}

<div class="pag" style="margin-top: -48px;">
{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}" class="pag">PREV</a>{/block:PreviousPage}{block:NextPage}<a href="{NextPage}" class="pag">NEXT</a>{/block:NextPage}{/block:Pagination}
</div>

</div>

<div class="links" align="left">

<a href="/" title="{text:refresh title}" style="color:{color:refresh}; text-shadow: 1px 1px 3px {color:refresh shadow};">I</a>

<a href="/ask" title="{text:ask title}" style="color:{color:ask}; text-shadow: 1px 1px 3px {color:ask shadow};">II</a>

<a href="/archive" title="{text:archive title}" style="color:{color:archive}; text-shadow: 1px 1px 3px {color:archive shadow};">III</a>

{block:iflinkiv}

<a href="{text:link iv}" title="{text:link iv title}" style="color:{color:link iv}; text-shadow: 1px 1px 3px {color:link iv shadow};">IV</a>

{/block:iflinkiv}

{block:iflinkv}

<a href="{text:link v}" title="{text:link v title}" style="color:{color:link v}; text-shadow: 1px 1px 3px {color:link v shadow};">V</a>

{/block:iflinkv}

{block:iflinkvi}

<a href="{text:link vi}" title="{text:link vi title}" style="color:{color:link vi}; text-shadow: 1px 1px 3px {color:link vi shadow};">VI</a>

{/block:iflinkvi}

</div>

</div>

<div id="credit">

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

                    </div>

                    </div>

            </div>

        </body>

</html>