<!--

　　　          ___   .--.
　　　    .--.-"   "-' .- |
　　　   / .-,`          .'   
　　　   \   `           \ 　　　　　　。・゜ 　♡   。　　・　゜ 　　　♡  
　　　    '.            ・ \　　　　　　　　　　　　　　　　　　　　　　　　♡　　　　♡ ゜・。。♡  
　　　      |  ・     ᴥ    。|　　　　・゜♡ ゜・。　　. * ・ ♡ °  . 。
　　　      \ 。            /.____　　　　　　　　　　　　　　　　　　♡.  
　　　     /`-.          ,'.'    `\　　　　　　　　　　　　　　　　　　。・゜　　　 ♡ ・ 。　　。・゜ ♡  
　　　  __/   \`-.____.-' `\      /　　　　　♡　。・゜      
　　　  | `---`'-'._/-`     \----'    _ 　　　　　　　　　　　♡　　　.　　　.♡ 
　　　  |,-'`  /             |    _.-' `\　　　　. * ・        
　　　 .'     /              |--'`     / |　　　　　　　　　　 ♡
　　　/      /\              `         | |
　　　|   .\/  \      .--. __          \ |　　　　　　　　　　　*.。middlepot.com 
　　　 '-'      '._       /  `\         /　　　　　　　　　　　　　　　　　　　　　　　ଘ(*´ ˘ `*)ഒ 。.*
　　　             `\    '     |------'`
　　　               \  |      |
　　　                \        /
 　　　                '._  _.'

-->

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta name="title" content="❣">
<meta name="description" content="utf8 text converter">
<meta name="theme-color" content="#f7e9ed">
<meta property="og:url" content="https://utf8.pooftie.me/0">
<meta property="og:title" content="❣">
<meta property="og:description" content="utf8 text converter">
<meta property="og:image" content="https://middlepot.com/img/magic.jpg">
<meta property="og:image:type" content="image/jpeg">
<meta property="og:type" content="website">
<meta property="twitter:card" content="summary_large_image">
<meta property="twitter:url" content="https://utf8.pooftie.me/0">
<meta property="twitter:title" content="❣">
<meta property="twitter:description" content="utf8 text converter">
<meta property="twitter:image" content="https://middlepot.com/img/magic.jpg">

<!DOCTYPE html><script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<link rel="shortcut icon" href="https://i.imgur.com/eSqcpiv.png" />
<title>paint</title>

<style>
::selection {
    color:#d1c7ba;
}
::-moz-selection {
    color:#d1c7ba;
}
 body, a, a:hover { cursor: url(https://i.imgur.com/7aMvIRj.png), progress;}
a:hover {cursor: url(https://i.imgur.com/2KDZ4Kx.png), progress; }
#linky { color: #af9780; }
</style>
 
 
<meta name="color:background" content="#f4f4f4" />
<meta name="color:table background" content="#dadada" />
<meta name="color:scrollbar" content="#dadada" />
<meta name="color:header gradient left" content="#aab3d2" />
<meta name="color:header gradient right" content="#aab3d2" />
<meta name="color:canvas background" content="#f5f5f5" />
<meta name="color:post background" content="#f3f3f3" />
<meta name="color:bold" content="#999" />
<meta name="color:italic" content="#666" />
<meta name="color:link" content="#888" />
<meta name="color:swatch 1" content="#888" />
<meta name="color:swatch 2" content="#888" />
<meta name="color:swatch 3" content="#888" />
<meta name="color:swatch 4" content="#888" />
<meta name="color:swatch 5" content="#888" />
<meta name="color:swatch 6" content="#888" />
<meta name="color:swatch 7" content="#888" />
<meta name="color:swatch 8" content="#888" />
<meta name="color:swatch 9" content="#888" />
<meta name="color:swatch 10" content="#888" />
<meta name="color:swatch 11" content="#888" />
<meta name="color:swatch 12" content="#888" />
<meta name="color:swatch 13" content="#888" />
<meta name="color:swatch 14" content="#888" />
<meta name="color:swatch 15" content="#888" />
<meta name="color:swatch 16" content="#888" />
<meta name="color:swatch 17" content="#888" />
<meta name="color:swatch 18" content="#888" />
<meta name="color:swatch 19" content="#888" />
<meta name="color:swatch 20" content="#888" />
<meta name="color:swatch 21" content="#888" />
<meta name="color:swatch 22" content="#888" />
<meta name="color:swatch 23" content="#888" />
<meta name="color:swatch 24" content="#888" />
<meta name="color:swatch 25" content="#888" />
<meta name="color:swatch 26" content="#888" />
<meta name="color:swatch 27" content="#888" />
<meta name="color:swatch 28" content="#888" />
<meta name="color:post text" content="#888" />
<meta name="color:table text" content="#888" />
<meta name="color:post title" content="#888" />
<meta name="color:title" content="#fff" />
<meta name="text:link title 1" content="link title 1" />
<meta name="text:link title 2" content="link title 2" />
<meta name="text:link title 3" content="link title 3" />
<meta name="text:link title 4" content="link title 4" />
<meta name="text:link title 5" content="link title 5" />
<meta name="text:link title 6" content="link title 6" />
<meta name="text:link title 7" content="link title 7" />
<meta name="text:link title 8" content="link title 8" />
<meta name="text:link title 9" content="link title 9" />
<meta name="text:link title 10" content="link title 10">
<meta name="text:link title 11" content="link title 11" />
<meta name="text:link title 12" content="link title 12" />
<meta name="text:link URL 1" content="link URL 1" />
<meta name="text:link URL 2" content="link URL 2" />
<meta name="text:link URL 3" content="link URL 3" />
<meta name="text:link URL 4" content="link URL 4" />
<meta name="text:link URL 5" content="link URL 5" />
<meta name="text:link URL 6" content="link URL 6" />
<meta name="text:link URL 7" content="link URL 7" />
<meta name="text:link URL 8" content="link URL 8" />
<meta name="text:link URL 9" content="link URL 9" />
<meta name="text:link URL 10" content="link URL 10">
<meta name="text:link URL 11" content="link URL 11" />
<meta name="text:link URL 12" content="link URL 12" />
<meta name="text:swatch 1" content="background click color" />
<meta name="text:swatch 2" content="" />
<meta name="text:swatch 3" content="" />
<meta name="text:swatch 4" content="" />
<meta name="text:swatch 5" content="" />
<meta name="text:swatch 6" content="" />
<meta name="text:swatch 7" content="" />
<meta name="text:swatch 8" content="" />
<meta name="text:swatch 9" content="" />
<meta name="text:swatch 10" content="" />
<meta name="text:swatch 11" content="" />
<meta name="text:swatch 12" content="" />
<meta name="text:swatch 13" content="" />
<meta name="text:swatch 14" content="" />
<meta name="text:swatch 15" content="" />
<meta name="text:swatch 16" content="" />
<meta name="text:swatch 17" content="" />
<meta name="text:swatch 18" content="" />
<meta name="text:swatch 19" content="" />
<meta name="text:swatch 20" content="" />
<meta name="text:swatch 21" content="" />
<meta name="text:swatch 22" content="" />
<meta name="text:swatch 23" content="" />
<meta name="text:swatch 24" content="" />
<meta name="text:swatch 25" content="" />
<meta name="text:swatch 26" content="" />
<meta name="text:swatch 27" content="" />
<meta name="text:swatch 28" content="" />
<meta name="if:250px posts" content="1" />
<meta name="if:400px posts" content="" />
<meta name="if:500px posts" content="" />
<meta name="if:side box" content="1" />
<meta name="if:block right click" content="" />
<meta name="if:max background" content="" />
<meta name="if:show tags" content="" />
<meta name="if:show captions" content="" />
<meta name="if:show searchbar" content="" />
<meta name="if:show music player" content="" />
<meta name="if:no custom links" content="" />
<meta name="if:2 custom links" content="" />
<meta name="if:4 custom links" content="" />
<meta name="if:6 custom links" content="" />
<meta name="if:8 custom links" content="" />
<meta name="if:10 custom links" content="" />
<meta name="if:12 custom links" content="" />
<meta name="image:background" content="" />
<meta name="image:custom cursor" content="" />
<meta name="image:icon" content="https://i.imgur.com/eSqcpiv.png" />
<meta name="if:custom cursor" content="1">
<meta name="image:sidebar image" content="">
<meta name="text:sidebar image horizontal" content="">
<meta name="text:sidebar image vertical" content="">
<meta name="text:music player code" content="">
 
 
 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
 
<script>
    function changeBg(color) {
        var color = '#' + color;
    document.body.style.background = color;
}
</script>
 
 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function()
    {
    $(".pass1").hover(
      function () {
         $(".change").text("　𝒾𝓉'𝓈 𝓈𝓸𝓸𝓸 𝒸𝓊𝓉𝓮 !!!");
        },
        function () {
         $(".change").text("　𝒾𝓉'𝓈 𝓈𝓸𝓸𝓸 𝒸𝓊𝓉𝓮 !!!");
        }
        );
    });
</script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function()
    {
    $(".pass2").hover(
      function () {
         $(".change").text("　𝒾𝓉'𝓈 𝓈𝓸𝓸𝓸 𝒸𝓊𝓉𝓮 !!!");
        },
        function () {
         $(".change").text("　𝒾𝓉'𝓈 𝓈𝓸𝓸𝓸 𝒸𝓊𝓉𝓮 !!!");
        }
        );
    });
</script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function()
    {
    $(".pass3").hover(
      function () {
         $(".change").text("　𝒾𝓉'𝓈 𝓈𝓸𝓸𝓸 𝒸𝓊𝓉𝓮 !!!");
        },
        function () {
         $(".change").text("　𝒾𝓉'𝓈 𝓈𝓸𝓸𝓸 𝒸𝓊𝓉𝓮 !!!");
        }
        );
    });
</script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function()
    {
    $(".pass4").hover(
      function () {
         $(".change").text("　𝒾𝓉'𝓈 𝓈𝓸𝓸𝓸 𝒸𝓊𝓉𝓮 !!!");
        },
        function () {
         $(".change").text("　𝒾𝓉'𝓈 𝓈𝓸𝓸𝓸 𝒸𝓊𝓉𝓮 !!!");
        }
        );
    });
</script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function()
    {
    $(".pass5").hover(
      function () {
         $(".change").text("　𝒾𝓉'𝓈 𝓈𝓸𝓸𝓸 𝒸𝓊𝓉𝓮 !!!");
        },
        function () {
         $(".change").text("　𝒾𝓉'𝓈 𝓈𝓸𝓸𝓸 𝒸𝓊𝓉𝓮 !!!");
        }
        );
    });
</script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function()
    {
    $(".pass6").hover(
      function () {
         $(".change").text("　𝒾𝓉'𝓈 𝓈𝓸𝓸𝓸 𝒸𝓊𝓉𝓮 !!!");
        },
        function () {
         $(".change").text("　𝒾𝓉'𝓈 𝓈𝓸𝓸𝓸 𝒸𝓊𝓉𝓮 !!!");
        }
        );
    });
</script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function()
    {
    $(".pass7").hover(
      function () {
         $(".change").text("　𝒾𝓉'𝓈 𝓈𝓸𝓸𝓸 𝒸𝓊𝓉𝓮 !!!");
        },
        function () {
         $(".change").text("　𝒾𝓉'𝓈 𝓈𝓸𝓸𝓸 𝒸𝓊𝓉𝓮 !!!");
        }
        );
    });
</script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function()
    {
    $(".pass8").hover(
      function () {
         $(".change").text("　𝒾𝓉'𝓈 𝓈𝓸𝓸𝓸 𝒸𝓊𝓉𝓮 !!!");
        },
        function () {
         $(".change").text("　𝒾𝓉'𝓈 𝓈𝓸𝓸𝓸 𝒸𝓊𝓉𝓮 !!!");
        }
        );
    });
</script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function()
    {
    $(".pass9").hover(
      function () {
         $(".change").text("　𝒾𝓉'𝓈 𝓈𝓸𝓸𝓸 𝒸𝓊𝓉𝓮 !!!");
        },
        function () {
         $(".change").text("　𝒾𝓉'𝓈 𝓈𝓸𝓸𝓸 𝒸𝓊𝓉𝓮 !!!");
        }
        );
    });
</script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function()
    {
    $(".pass10").hover(
      function () {
         $(".change").text("　𝒾𝓉'𝓈 𝓈𝓸𝓸𝓸 𝒸𝓊𝓉𝓮 !!!");
        },
        function () {
         $(".change").text("　𝒾𝓉'𝓈 𝓈𝓸𝓸𝓸 𝒸𝓊𝓉𝓮 !!!");
        }
        );
    });
</script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function()
    {
    $(".pass11").hover(
      function () {
         $(".change").text("　𝒾𝓉'𝓈 𝓈𝓸𝓸𝓸 𝒸𝓊𝓉𝓮 !!!");
        },
        function () {
         $(".change").text("　𝒾𝓉'𝓈 𝓈𝓸𝓸𝓸 𝒸𝓊𝓉𝓮 !!!");
        }
        );
    });
</script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function()
    {
    $(".pass12").hover(
      function () {
         $(".change").text("　𝒾𝓉'𝓈 𝓈𝓸𝓸𝓸 𝒸𝓊𝓉𝓮 !!!");
        },
        function () {
         $(".change").text("　𝒾𝓉'𝓈 𝓈𝓸𝓸𝓸 𝒸𝓊𝓉𝓮 !!!");
        }
        );
    });
</script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function()
    {
    $(".pass13").hover(
      function () {
         $(".change").text("　𝒾𝓉'𝓈 𝓈𝓸𝓸𝓸 𝒸𝓊𝓉𝓮 !!!");
        },
        function () {
         $(".change").text("　𝒾𝓉'𝓈 𝓈𝓸𝓸𝓸 𝒸𝓊𝓉𝓮 !!!");
        }
        );
    });
</script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function()
    {
    $(".pass14").hover(
      function () {
         $(".change").text("　𝒾𝓉'𝓈 𝓈𝓸𝓸𝓸 𝒸𝓊𝓉𝓮 !!!");
        },
        function () {
         $(".change").text("　𝒾𝓉'𝓈 𝓈𝓸𝓸𝓸 𝒸𝓊𝓉𝓮 !!!");
        }
        );
    });
</script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function()
    {
    $(".pass15").hover(
      function () {
         $(".change").text("　𝒾𝓉'𝓈 𝓈𝓸𝓸𝓸 𝒸𝓊𝓉𝓮 !!!");
        },
        function () {
         $(".change").text("　𝒾𝓉'𝓈 𝓈𝓸𝓸𝓸 𝒸𝓊𝓉𝓮 !!!");
        }
        );
    });
</script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function()
    {
    $(".pass16").hover(
      function () {
         $(".change").text("　𝒾𝓉'𝓈 𝓈𝓸𝓸𝓸 𝒸𝓊𝓉𝓮 !!!");
        },
        function () {
         $(".change").text("　𝒾𝓉'𝓈 𝓈𝓸𝓸𝓸 𝒸𝓊𝓉𝓮 !!!");
        }
        );
    });
</script>
 <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script> <script> (function($){$(document).ready(function(){$("a[title]").style_my_tooltips({tip_follows_cursor:true,tip_delay_time:100,tip_fade_speed:100,attribute:"title"});});})(jQuery); </script> <link href='https://fonts.googleapis.com/css?family=Quicksand:300,400|Source+Code+Pro:200,300,400,500|'cousine', sans-serif;|Raleway:400,100,200,300' rel='stylesheet' type='text/css'><link href='https://fonts.googleapis.com/css?family=Ruda' rel='stylesheet' type='text/css'> <link href='https://fonts.googleapis.com/css?family=Raleway:400,700' rel='stylesheet' type='text/css'> <link href='https://fonts.googleapis.com/css?family=Montserrat:700' rel='stylesheet' type='text/css'> <link href='https://fonts.googleapis.com/css?family=Roboto+Slab:100' rel='stylesheet' type='text/css'> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script><link rel="alternate" href="ios-app://305343404/tumblr/x-callback-url/blog?blogName=" /><script src="https://assets.tumblr.com/assets/scripts/tumblelog_post_message_queue.js?_v=8a635a4514a95df9615127e354b374d0"></script><link rel="stylesheet" type="text/css" href="https://assets.tumblr.com/fonts/gibson/stylesheet.css?v=3"><meta property="og:description" content="" /><meta property="og:type" content="tumblr-feed:tumblelog" /></head>  <style type="text/css"> ::-webkit-scrollbar { width: 16px; height: 20px; background-color:#ffffff; } ::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {display: block;} ::-webkit-scrollbar-button:vertical:start:increment, ::-webkit-scrollbar-button:vertical:end:decrement {display: none;} ::-webkit-scrollbar-button:end:increment {background: #f0bfb3 url(https://i.imgur.com/utIkIOo.png); background-repeat: no-repeat;background-position:center; box-shadow: inset 2px 2px 0px -1px #FFFFFF,-1px -1px 0px 0px #DEDEDE, inset -2px -2px 0px -1px #A2A2A2,2px 2px 0px 0px #848484; -webkit-box-shadow: inset 2px 2px 0px -1px #FFFFFF,-1px -1px 0px 0px #DEDEDE,inset 0 0 20px #f0bfb3, inset -2px -2px 0px -1px #A2A2A2,2px 2px 0px 0px #848484; -moz-box-shadow: inset 2px 2px 0px -1px #FFFFFF,-1px -1px 0px 0px #DEDEDE,inset 0 0 20px #f0bfb3, inset -2px -2px 0px -1px #A2A2A2,2px 2px 0px 0px #848484; -o-box-shadow: inset 2px 2px 0px -1px #FFFFFF,-1px -1px 0px 0px #DEDEDE,inset 0 0 20px #f0bfb3, inset -2px -2px 0px -1px #A2A2A2,2px 2px 0px 0px #848484; } </style> <style> ::-webkit-scrollbar-button:start:decrement {background: #f0bfb3 url(https://i.imgur.com/w5eJHTI.png); background-repeat: no-repeat;background-position:center; box-shadow: inset 2px 2px 0px -1px #FFFFFF,-1px -1px 0px 0px #DEDEDE, inset -2px -2px 0px -1px #A2A2A2,2px 2px 0px 0px #848484; -webkit-box-shadow: inset 2px 2px 0px -1px #FFFFFF,-1px -1px 0px 0px #DEDEDE,inset 0 0 20px #edcac2, inset -2px -2px 0px -1px #A2A2A2,2px 2px 0px 0px #848484; -moz-box-shadow: inset 2px 2px 0px -1px #FFFFFF,-1px -1px 0px 0px #DEDEDE,inset 0 0 20px #edcac2, inset -2px -2px 0px -1px #A2A2A2,2px 2px 0px 0px #848484; -o-box-shadow: inset 2px 2px 0px -1px #FFFFFF,-1px -1px 0px 0px #DEDEDE,inset 0 0 20px #edcac2, inset -2px -2px 0px -1px #A2A2A2,2px 2px 0px 0px #848484; } ::-webkit-scrollbar-thumb { background-color:#f0bfb3; box-shadow: inset 2px 2px 0px -1px #FFFFFF,-1px -1px 0px 0px #DEDEDE, inset -2px -2px 0px -1px #A2A2A2,1px 1px 0px 0px #666666; -webkit-box-shadow: inset 2px 2px 0px -1px #FFFFFF,-1px -1px 0px 0px #DEDEDE,inset 0 0 20px #edcac2, inset -2px -2px 0px -1px #A2A2A2,1px 1px 0px 0px #666666; -moz-box-shadow: inset 2px 2px 0px -1px #FFFFFF,-1px -1px 0px 0px #DEDEDE,inset 0 0 20px #f0bfb3, inset -2px -2px 0px -1px #A2A2A2,1px 1px 0px 0px #666666;; -o-box-shadow: inset 2px 2px 0px -1px #FFFFFF,-1px -1px 0px 0px #DEDEDE,inset 0 0 20px #f0bfb3, inset -2px -2px 0px -1px #A2A2A2,1px 1px 0px 0px #666666; } #scrollbardolliecrave { width:80px; height:20px; position: fixed; left: 0px; bottom: 0px; } ::-webkit-scrollbar-track { background:url(https://i.imgur.com/rUzdXpU.png); border-radius:0%; } body {consolas; font-size: 10px; letter-spacing:2px; line-height:140%; background: #ffffff url('https://i.imgur.com/3Ix7Vkz.png') top left fixed repeat; line-height:140%; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out;  } ul {list-style-type: square;} a:link, a:active, a:visited{ color: #cab1da; text-decoration:none;-webkit-transition: opacity 0.7s linear; opacity: 1; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out;} a:hover { border-bottom:1px solid ;} b, strong{color:#b997ce; } i, em {color:#b997ce} blockquote {text-align: justify; padding: 0px 0px 0px 4px; border-left: 2px solid #b997ce; margin-left:0px;margin-top:-5px;} img a{border:none; width:500px;background:transparent;} img{max-width: 100%;} iframe#tumblr_controls { right:3px !important; position: fixed !important; -webkit-transition: opacity 0.7s linear; opacity: 0.2; -webkit-transition: all 0.8s ease-out; -moz-transition: all 0.8s ease-out; transition: all 0.8s ease-out; } iframe#tumblr_controls:hover { -webkit-transition: opacity 0.7s linear; opacity: 1; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } #container {text-align: left; margin: 0 auto 10px auto; margin-left: 50%;} #entries {overflow:auto;  height:400px;padding-left:5px;overflow-x:hidden;border-top:1px solid #848484;border-left:1px solid #848484;background:#fcf4f4;} #posts {font-family: consolas; font-size: 10px; letter-spacing:2px;color:#888;margin-top:10px;  width: 400px;   text-align: left;background: #fcefef; padding:10px; padding-top:6px; padding-bottom:8px; transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; box-shadow: 1px 1px 0px 0px #a2a2a2,-1px -1px 0px 0px #ffffff; -webkit-box-shadow: 1px 1px 0px 0px #a2a2a2,-1px -1px 0px 0px #ffffff; -moz-box-shadow: 1px 1px 0px 0px #a2a2a2,-1px -1px 0px 0px #ffffff; -o-box-shadow: 1px 1px 0px 0px #a2a2a2,-1px -1px 0px 0px #ffffff; } h1{color:#888; text-align:right;font-size: 11px;letter-spacing:2px;width:400px;;font-family: 'Raleway', sans-serif;font-weight:400;text-transform:uppercase;padding-bottom:5px; box-shadow: 0px 0px 0px 0px #fff; -webkit-box-shadow: 0px 1px 0px 0px #ffffff; -moz-box-shadow: 0px 1px 0px 0px #ffffff; -o-box-shadow: 0px 1px 0px 0px #ffffff; border-bottom:1px solid #f7dfd9; } .ask {consolas; font-size: 10px; letter-spacing:2px;color:#888; width: 385px;   text-align: left; background: #f9e5e2; border-top:1px solid #fff; border-left:1px solid #fff; border-right:1px solid #a2a2a2; border-bottom:1px solid #a2a2a2; padding:8px; } .q {font-family: 'Raleway', sans-serif;font-weight:400;text-transform:uppercase;color:#888 } .text { margin-top:6px; } .photo { padding-bottom:0px; border-radius:2px; } #table {  margin-top:5%;  margin-left:50%;   left:-260px; position:fixed; } #perm { font-family:consolas; font-size:9px; text-transform:uppercase; box-shadow: inset 1px 1px 0px 0px #eee; -webkit-box-shadow: inset 1px 1px 0px 0px #eee; -moz-box-shadow: inset 1px 1px 0px 0px #eee; -o-box-shadow: inset 1px 1px 0px 0px #eee; border-top:1px solid #bbb; border-left:1px solid #bbb; border-right:1px solid #fff; border-bottom:1px solid #fff;padding:3px; margin-top:-2px; line-height:12px; } #bt { margin-left:7px; margin-top:-199px;   position:fixed; line-height:0px; } #palette { width:254px; height:31px; background:#fff; position:fixed; border-bottom:1px solid white; border-right:1px solid white; margin-left:3px; margin-top:-30px; } #poop { background:url(https://i.imgur.com/rUzdXpU.png) fixed repeat; width:28px; height:29px; position:fixed; box-shadow: inset 1px 1px 0px 0px #555563; -webkit-box-shadow: inset 1px 1px 0px 0px #555563; -moz-box-shadow: inset 1px 1px 0px 0px #555563; -o-box-shadow: inset 1px 1px 0px 0px #555563; border-top:1px solid #a2a2a2; border-left:1px solid #a2a2a2; border-right:1px solid #dadada; border-bottom:1px solid #dadada; } #one { width:13px; height:13px; position:fixed; background:#f3ccc5; box-shadow: inset 1px 1px 0px 0px #555563; -webkit-box-shadow: inset 1px 1px 0px 0px #555563; -moz-box-shadow: inset 1px 1px 0px 0px #555563; -o-box-shadow: inset 1px 1px 0px 0px #555563; border-top:1px solid #a2a2a2; border-left:1px solid #a2a2a2; border-bottom:1px solid #f7dfd9; border-right:1px solid #f7dfd9; margin-left:30px; margin-top:-1px; } #two { width:13px; height:13px; position:fixed; background:#fff7cc; box-shadow: inset 1px 1px 0px 0px #555563; -webkit-box-shadow: inset 1px 1px 0px 0px #555563; -moz-box-shadow: inset 1px 1px 0px 0px #555563; -o-box-shadow: inset 1px 1px 0px 0px #555563; border-top:1px solid #a2a2a2; border-left:1px solid #a2a2a2; border-bottom:1px solid #f7dfd9; border-right:1px solid #f7dfd9; margin-left:46px; margin-top:-1px; } #three { width:13px; height:13px; position:fixed; background:#ede5f3; box-shadow: inset 1px 1px 0px 0px #555563; -webkit-box-shadow: inset 1px 1px 0px 0px #555563; -moz-box-shadow: inset 1px 1px 0px 0px #555563; -o-box-shadow: inset 1px 1px 0px 0px #555563; border-top:1px solid #a2a2a2; border-left:1px solid #a2a2a2; border-bottom:1px solid #f7dfd9; border-right:1px solid #f7dfd9; margin-left:62px; margin-top:-1px; } #four { width:13px; height:13px; position:fixed; background:#ffd9d9; box-shadow: inset 1px 1px 0px 0px #555563; -webkit-box-shadow: inset 1px 1px 0px 0px #555563; -moz-box-shadow: inset 1px 1px 0px 0px #555563; -o-box-shadow: inset 1px 1px 0px 0px #555563; border-top:1px solid #a2a2a2; border-left:1px solid #a2a2a2; border-bottom:1px solid #f7dfd9; border-right:1px solid #f7dfd9; margin-left:78px; margin-top:-1px; } #five { width:13px; height:13px; position:fixed; background:#dcecf5; box-shadow: inset 1px 1px 0px 0px #555563; -webkit-box-shadow: inset 1px 1px 0px 0px #555563; -moz-box-shadow: inset 1px 1px 0px 0px #555563; -o-box-shadow: inset 1px 1px 0px 0px #555563; border-top:1px solid #a2a2a2; border-left:1px solid #a2a2a2; border-bottom:1px solid #f7dfd9; border-right:1px solid #f7dfd9; margin-left:94px; margin-top:-1px; } #six { width:13px; height:13px; position:fixed; background:#dce7f8; box-shadow: inset 1px 1px 0px 0px #555563; -webkit-box-shadow: inset 1px 1px 0px 0px #555563; -moz-box-shadow: inset 1px 1px 0px 0px #555563; -o-box-shadow: inset 1px 1px 0px 0px #555563; border-top:1px solid #a2a2a2; border-left:1px solid #a2a2a2; border-bottom:1px solid #f7dfd9; border-right:1px solid #f7dfd9; margin-left:110px; margin-top:-1px; } #seven { width:13px; height:13px; position:fixed; background:#ddf2e8; box-shadow: inset 1px 1px 0px 0px #555563; -webkit-box-shadow: inset 1px 1px 0px 0px #555563; -moz-box-shadow: inset 1px 1px 0px 0px #555563; -o-box-shadow: inset 1px 1px 0px 0px #555563; border-top:1px solid #a2a2a2; border-left:1px solid #a2a2a2; border-bottom:1px solid #f7dfd9; border-right:1px solid #f7dfd9; margin-left:126px; margin-top:-1px; } #eight { width:13px; height:13px; position:fixed; background:#f7e1f3; box-shadow: inset 1px 1px 0px 0px #555563; -webkit-box-shadow: inset 1px 1px 0px 0px #555563; -moz-box-shadow: inset 1px 1px 0px 0px #555563; -o-box-shadow: inset 1px 1px 0px 0px #555563; border-top:1px solid #a2a2a2; border-left:1px solid #a2a2a2; border-bottom:1px solid #f7dfd9; border-right:1px solid #f7dfd9; margin-left:142px; margin-top:-1px; } #nine { width:13px; height:13px; position:fixed; background:#fcebd5; box-shadow: inset 1px 1px 0px 0px #555563; -webkit-box-shadow: inset 1px 1px 0px 0px #555563; -moz-box-shadow: inset 1px 1px 0px 0px #555563; -o-box-shadow: inset 1px 1px 0px 0px #555563; border-top:1px solid #a2a2a2; border-left:1px solid #a2a2a2; border-bottom:1px solid #f7dfd9; border-right:1px solid #f7dfd9; margin-left:158px; margin-top:-1px; } #ten { width:13px; height:13px; position:fixed; background:#ffd8e6; box-shadow: inset 1px 1px 0px 0px #555563; -webkit-box-shadow: inset 1px 1px 0px 0px #555563; -moz-box-shadow: inset 1px 1px 0px 0px #555563; -o-box-shadow: inset 1px 1px 0px 0px #555563; border-top:1px solid #a2a2a2; border-left:1px solid #a2a2a2; border-bottom:1px solid #f7dfd9; border-right:1px solid #f7dfd9; margin-left:174px; margin-top:-1px; } #eleven { width:13px; height:13px; position:fixed; background:#ebf4f4; box-shadow: inset 1px 1px 0px 0px #555563; -webkit-box-shadow: inset 1px 1px 0px 0px #555563; -moz-box-shadow: inset 1px 1px 0px 0px #555563; -o-box-shadow: inset 1px 1px 0px 0px #555563; border-top:1px solid #a2a2a2; border-left:1px solid #a2a2a2; border-bottom:1px solid #f7dfd9; border-right:1px solid #f7dfd9; margin-left:190px; margin-top:-1px; } #twelve { width:13px; height:13px; position:fixed; background:#f9e5e2; box-shadow: inset 1px 1px 0px 0px #555563; -webkit-box-shadow: inset 1px 1px 0px 0px #555563; -moz-box-shadow: inset 1px 1px 0px 0px #555563; -o-box-shadow: inset 1px 1px 0px 0px #555563; border-top:1px solid #a2a2a2; border-left:1px solid #a2a2a2; border-bottom:1px solid #f7dfd9; border-right:1px solid #f7dfd9; margin-left:206px; margin-top:-1px; } #thirteen { width:13px; height:13px; position:fixed; background:#dce7f8; box-shadow: inset 1px 1px 0px 0px #555563; -webkit-box-shadow: inset 1px 1px 0px 0px #555563; -moz-box-shadow: inset 1px 1px 0px 0px #555563; -o-box-shadow: inset 1px 1px 0px 0px #555563; border-top:1px solid #a2a2a2; border-left:1px solid #a2a2a2; border-bottom:1px solid #f7dfd9; border-right:1px solid #f7dfd9; margin-left:222px; margin-top:-1px; } #fourteen { width:13px; height:13px; position:fixed; background:#f9f1f6; box-shadow: inset 1px 1px 0px 0px #555563; -webkit-box-shadow: inset 1px 1px 0px 0px #555563; -moz-box-shadow: inset 1px 1px 0px 0px #555563; -o-box-shadow: inset 1px 1px 0px 0px #555563; border-top:1px solid #a2a2a2; border-left:1px solid #a2a2a2; border-bottom:1px solid #f7dfd9; border-right:1px solid #f7dfd9; margin-left:238px; margin-top:-1px; } #one2 { width:13px; height:13px; position:fixed; background:#fcebd5; box-shadow: inset 1px 1px 0px 0px #555563; -webkit-box-shadow: inset 1px 1px 0px 0px #555563; -moz-box-shadow: inset 1px 1px 0px 0px #555563; -o-box-shadow: inset 1px 1px 0px 0px #555563; border-top:1px solid #a2a2a2; border-left:1px solid #a2a2a2; border-bottom:1px solid #f7dfd9; border-right:1px solid #f7dfd9; margin-left:30px; margin-top:15px; } #two2 { width:13px; height:13px; position:fixed; background:#ddf2db; box-shadow: inset 1px 1px 0px 0px #555563; -webkit-box-shadow: inset 1px 1px 0px 0px #555563; -moz-box-shadow: inset 1px 1px 0px 0px #555563; -o-box-shadow: inset 1px 1px 0px 0px #555563; border-top:1px solid #a2a2a2; border-left:1px solid #a2a2a2; border-bottom:1px solid #f7dfd9; border-right:1px solid #f7dfd9; margin-left:46px; margin-top:15px; } #three2 { width:13px; height:13px; position:fixed; background:#ffd8e6; box-shadow: inset 1px 1px 0px 0px #555563; -webkit-box-shadow: inset 1px 1px 0px 0px #555563; -moz-box-shadow: inset 1px 1px 0px 0px #555563; -o-box-shadow: inset 1px 1px 0px 0px #555563; border-top:1px solid #a2a2a2; border-left:1px solid #a2a2a2; border-bottom:1px solid #f7dfd9; border-right:1px solid #f7dfd9; margin-left:62px; margin-top:15px; } #four2 { width:13px; height:13px; position:fixed; background:#d7dbf5; box-shadow: inset 1px 1px 0px 0px #555563; -webkit-box-shadow: inset 1px 1px 0px 0px #555563; -moz-box-shadow: inset 1px 1px 0px 0px #555563; -o-box-shadow: inset 1px 1px 0px 0px #555563; border-top:1px solid #a2a2a2; border-left:1px solid #a2a2a2; border-bottom:1px solid #f7dfd9; border-right:1px solid #f7dfd9; margin-left:78px; margin-top:15px; } #five2 { width:13px; height:13px; position:fixed; background:#f8f5ed; box-shadow: inset 1px 1px 0px 0px #555563; -webkit-box-shadow: inset 1px 1px 0px 0px #555563; -moz-box-shadow: inset 1px 1px 0px 0px #555563; -o-box-shadow: inset 1px 1px 0px 0px #555563; border-top:1px solid #a2a2a2; border-left:1px solid #a2a2a2; border-bottom:1px solid #f7dfd9; border-right:1px solid #f7dfd9; margin-left:94px; margin-top:15px; } #six2 { width:13px; height:13px; position:fixed; background:#fffcd6; box-shadow: inset 1px 1px 0px 0px #555563; -webkit-box-shadow: inset 1px 1px 0px 0px #555563; -moz-box-shadow: inset 1px 1px 0px 0px #555563; -o-box-shadow: inset 1px 1px 0px 0px #555563; border-top:1px solid #a2a2a2; border-left:1px solid #a2a2a2; border-bottom:1px solid #f7dfd9; border-right:1px solid #f7dfd9; margin-left:110px; margin-top:15px; } #seven2 { width:13px; height:13px; position:fixed; background:#ffd9d9; box-shadow: inset 1px 1px 0px 0px #555563; -webkit-box-shadow: inset 1px 1px 0px 0px #555563; -moz-box-shadow: inset 1px 1px 0px 0px #555563; -o-box-shadow: inset 1px 1px 0px 0px #555563; border-top:1px solid #a2a2a2; border-left:1px solid #a2a2a2; border-bottom:1px solid #f7dfd9; border-right:1px solid #f7dfd9; margin-left:126px; margin-top:15px; } #eight2 { width:13px; height:13px; position:fixed; background:#fcebd5; box-shadow: inset 1px 1px 0px 0px #555563; -webkit-box-shadow: inset 1px 1px 0px 0px #555563; -moz-box-shadow: inset 1px 1px 0px 0px #555563; -o-box-shadow: inset 1px 1px 0px 0px #555563; border-top:1px solid #a2a2a2; border-left:1px solid #a2a2a2; border-right:1px solid #f7dfd9; border-bottom:1px solid #f7dfd9; margin-left:142px; margin-top:15px; } #nine2 { width:13px; height:13px; position:fixed; background:#dcecf5; box-shadow: inset 1px 1px 0px 0px #555563; -webkit-box-shadow: inset 1px 1px 0px 0px #555563; -moz-box-shadow: inset 1px 1px 0px 0px #555563; -o-box-shadow: inset 1px 1px 0px 0px #555563; border-top:1px solid #a2a2a2; border-left:1px solid #a2a2a2; border-right:1px solid #f7dfd9; border-bottom:1px solid #f7dfd9; margin-left:158px; margin-top:15px; } #ten2 { width:13px; height:13px; position:fixed; background:#dfddf3; box-shadow: inset 1px 1px 0px 0px #555563; -webkit-box-shadow: inset 1px 1px 0px 0px #555563; -moz-box-shadow: inset 1px 1px 0px 0px #555563; -o-box-shadow: inset 1px 1px 0px 0px #555563; border-top:1px solid #a2a2a2; border-left:1px solid #a2a2a2; border-right:1px solid #f7dfd9; border-bottom:1px solid #f7dfd9; margin-left:174px; margin-top:15px; } #eleven2 { width:13px; height:13px; position:fixed; background:#ddf2e8; box-shadow: inset 1px 1px 0px 0px #555563; -webkit-box-shadow: inset 1px 1px 0px 0px #555563; -moz-box-shadow: inset 1px 1px 0px 0px #555563; -o-box-shadow: inset 1px 1px 0px 0px #555563; border-top:1px solid #a2a2a2; border-left:1px solid #a2a2a2; border-right:1px solid #f7dfd9; border-bottom:1px solid #f7dfd9; margin-left:190px; margin-top:15px; } #twelve2 { width:13px; height:13px; position:fixed; background:#fedbd0; box-shadow: inset 1px 1px 0px 0px #555563; -webkit-box-shadow: inset 1px 1px 0px 0px #555563; -moz-box-shadow: inset 1px 1px 0px 0px #555563; -o-box-shadow: inset 1px 1px 0px 0px #555563; border-top:1px solid #a2a2a2; border-left:1px solid #a2a2a2; border-right:1px solid #f7dfd9; border-bottom:1px solid #f7dfd9; margin-left:206px; margin-top:15px; } #thirteen2 { width:13px; height:13px; position:fixed; background:#ddf2db; box-shadow: inset 1px 1px 0px 0px #555563; -webkit-box-shadow: inset 1px 1px 0px 0px #555563; -moz-box-shadow: inset 1px 1px 0px 0px #555563; -o-box-shadow: inset 1px 1px 0px 0px #555563; border-top:1px solid #a2a2a2; border-left:1px solid #a2a2a2; border-right:1px solid #f7dfd9; border-bottom:1px solid #f7dfd9; margin-left:222px; margin-top:15px; } #fourteen2 { width:13px; height:13px; position:fixed; background:#ede5f3; box-shadow: inset 1px 1px 0px 0px #555563; -webkit-box-shadow: inset 1px 1px 0px 0px #555563; -moz-box-shadow: inset 1px 1px 0px 0px #555563; -o-box-shadow: inset 1px 1px 0px 0px #555563; border-top:1px solid #a2a2a2; border-left:1px solid #a2a2a2; border-right:1px solid #f7dfd9; border-bottom:1px solid #f7dfd9; margin-left:238px; margin-top:15px; } #box1 { width:215px;   height:19px; background:#f7dfd9; position:fixed; border-top:1px solid #a2a2a2; border-left:1px solid #a2a2a2; border-right:1px solid #fff; border-bottom:1px solid #fff; margin-top:13px; margin-left:3px; } #box2 {  width:115px;  height:19px; padding-top:0px; background:#f7dfd9; position:fixed; border-top:1px solid #a2a2a2; border-left:1px solid #a2a2a2; border-right:1px solid #fff; border-bottom:1px solid #fff; margin-top:13px; margin-left:223px;   } #box3 {  width:139px;  height:54px; background:#f7dfd9; position:fixed; border-top:1px solid #a2a2a2; border-left:1px solid #a2a2a2; border-right:1px solid #fff; border-bottom:1px solid #fff; margin-top:-30px;  margin-left:343px;  color:#888; font-family: consolas; font-size: 10px; letter-spacing:2px; padding:5px; overflow:auto; overflow-x:hidden; } #corner { margin-left:-9px; margin-top:21px; position:fixed; } #border { width:337px;  height:1px; background:#fff; border-top:1px solid #a2a2a2; position:fixed; margin-top:8px; margin-left:-58px; } #bar { width:511px;   height:19px; position:fixed; background: #f3ccc5; background: -moz-linear-gradient(left, #f3ccc5 0%, #F0BFB6 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f3ccc5), color-stop(100%,#F0BFB6)); background: -webkit-linear-gradient(left, #f3ccc5 0%,#F0BFB6 100%); background: -o-linear-gradient(left, #f3ccc5 0%,#F0BFB6 100%); background: -ms-linear-gradient(left, #f3ccc5 0%,#F0BFB6 100%); background: linear-gradient(to right, #f3ccc5 0%,#F0BFB6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3ccc5', endColorstr='#F0BFB6',GradientType=1 ); margin-left:-58px; margin-top:-16px; } #ico { position:fixed; margin-left:2px; margin-top:1px; width:16px; height:16px; } #header { margin-left:23px; margin-top:3px; font-family: consolas; font-size:11px; font-weight:bold; color:#fff; } #container { margin-top:0%; margin-left:0%; width:100%; height:100%: position:fixed; } #top { font-family: consolas; font-size: 9px; letter-spacing:2px; font-weight:100; color:#888; margin-top:7px; position:fixed; margin-left:px; } #tracks { margin-top:%; margin-left:2%; } .change { color:#888; font-family: consolas; font-size: 10px; letter-spacing:2px; padding-left:3px; padding-top:3px; } .change a{ color:#888; } .change a:hover{ text-transform:underline; } #box1 a{ color:#999; } #box1 a:hover{ color:#999; text-transform:underline; } #swatch { box-shadow: 1px 1px 0px 0px #a2a2a2,-1px -1px 0px 0px #ffffff; -webkit-box-shadow: 1px 1px 0px 0px #a2a2a2,-1px -1px 0px 0px #ffffff; -moz-box-shadow: 1px 1px 0px 0px #a2a2a2,-1px -1px 0px 0px #ffffff; -o-box-shadow: 1px 1px 0px 0px #a2a2a2,-1px -1px 0px 0px #ffffff; border:1px solid #f7dfd9; width:11px; height:11px; position:fixed; background:#f3ccc5; margin-top:4px; margin-left:4px; } #swatch2 { box-shadow: 1px 1px 0px 0px #a2a2a2,-1px -1px 0px 0px #ffffff; -webkit-box-shadow: 1px 1px 0px 0px #a2a2a2,-1px -1px 0px 0px #ffffff; -moz-box-shadow: 1px 1px 0px 0px #a2a2a2,-1px -1px 0px 0px #ffffff; -o-box-shadow: 1px 1px 0px 0px #a2a2a2,-1px -1px 0px 0px #ffffff; border:1px solid #f7dfd9; width:11px; height:11px; position:fixed; background:#fff; margin-top:10px; margin-left:10px; z-index:-5; } #s-m-t-tooltip { font-family:consolas; font-size:8px; letter-spacing:1px; text-transform:uppercase; background:#f7dfd9; color:; padding:3px; z-index:999999999999999999999999999999999999; margin-top:17px; margin-left:15px; -webkit-box-shadow: 1px 1px 0px 0px #a2a2a2,-1px -1px 0px 0px #ffffff; -moz-box-shadow: 1px 1px 0px 0px #a2a2a2,-1px -1px 0px 0px #ffffff; -o-box-shadow: 1px 1px 0px 0px #a2a2a2,-1px -1px 0px 0px #ffffff;} #hint { font-family: consolas; font-size: 8px; letter-spacing:2px; font-weight:100; color:#888;      top:117px;  position:absolute; margin-left:3px; } #hint a{ font-family: consolas; font-size: 8px; letter-spacing:2px; font-weight:100; color:#888; } #nav { font-family: consolas; font-size: 8px; letter-spacing:2px; font-weight:100; color:#888; margin-top:-40px; position:fixed; margin-left:43px; visibility:hidden; } #nav a{ font-family: consolas; font-size: 8px; letter-spacing:2px; font-weight:100; color:#888; } #bt a { border-bottom:0px; } #cursor, #cursor a, #cursor a:hover{position:fixed;z-index:-1;top:0px;left:0px;width:100%;height:100%;cursor: url('https://assets.tumblr.com/images/x.gif?v=1'), url('https://assets.tumblr.com/images/x.gif?v=1'), progress !important;}  #player {overflow:hidden; width:30px; height:35px; margin-top:-60px; margin-left:25px; opacity:.7;transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; } #album { margin-top:-5px; padding-top:5px; padding-bottom:10px; padding-left:5px; box-shadow: 1px 1px 0px 0px #a2a2a2,-1px -1px 0px 0px #ffffff;width:81px; height:71px; -webkit-box-shadow: 1px 1px 0px 0px #a2a2a2,-1px -1px 0px 0px #ffffff; -moz-box-shadow: 1px 1px 0px 0px #a2a2a2,-1px -1px 0px 0px #ffffff; -o-box-shadow: 1px 1px 0px 0px #a2a2a2,-1px -1px 0px 0px #ffffff;} #player:hover {opacity:1;transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out;} #tracks {margin-top:-55px; margin-left: 88px; padding:5px; text-align:left;margin-bottom:20px;} .chat { } #back { width:75px; background:#f7dfd9; position:absolute; height:32px; margin-left:178px; margin-top:-30px; z-index:999; } #tab { width:150px; height:100px; padding:15px;  left:530px;  top:70px; position:absolute; background:#f7dfd9; box-shadow: 1px 1px 0px 0px #a2a2a2,-1px -1px 0px 0px #ffffff; -webkit-box-shadow: 1px 1px 0px 0px #a2a2a2,-1px -1px 0px 0px #ffffff; -moz-box-shadow: 1px 1px 0px 0px #a2a2a2,-1px -1px 0px 0px #ffffff; -o-box-shadow: 1px 1px 0px 0px #a2a2a2,-1px -1px 0px 0px #ffffff; } #bar2 { width:174px; height:19px; position:absolute; background: #f3ccc5; background: -moz-linear-gradient(left, #f3ccc5 0%, #F0BFB6 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f3ccc5), color-stop(100%,#F0BFB6)); background: -webkit-linear-gradient(left, #f3ccc5 0%,#F0BFB6 100%); background: -o-linear-gradient(left, #f3ccc5 0%,#F0BFB6 100%); background: -ms-linear-gradient(left, #f3ccc5 0%,#F0BFB6 100%); background: linear-gradient(to right, #f3ccc5 0%,#F0BFB6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3ccc5', endColorstr='#F0BFB6',GradientType=1 ); left:3px; top:3px; } #header2 { margin-left:10px; margin-top:3px; font-family: consolas; font-size:11px; font-weight:bold; color:#fff; } #tabcont { font-family:consolas; font-size:10px; color:#888; top:22px; position:absolute; padding:5px; padding-left:3px; overflow:auto; overflow-x:hidden; height:88px; width:165px; } <style type="text/css"> </style> <body>  <div style="position:fixed;top:%;left:%;"><img src="https://assets.tumblr.com/images/x.gif?v=1"></div> <div id="container"> <div id="table"> <TABLE cellspacing="0" cellpadding="0"><TR> <TD style=" width: 60px; background:#f7dfd9; height:40px; border-left:1px solid #fff; border-top:1px solid #fff;"> </TD> <TD style=" width: 450px; background:#f7dfd9; height:40px; border-top:1px solid #fff; border-bottom:1px solid #a2a2a2;"> <div id="bar"><div id="ico"><img src="https://i.imgur.com/eSqcpiv.png" width="16px" height="16px"></div><div id="header">paint : unicode text converter</div> <div id="top">by middlepot ♡</div> <div style="position:absolute;top:2px;right:39px;"><div style="width:16px;height:14px;background:#f7dfd9"><img src="https://i.imgur.com/58t49LP.png"></div><div style="width:16px;height:14px;top:0px;left:16px;position:absolute;background:#f7dfd9"><img src="https://i.imgur.com/irZEMZg.png"></div><div style="width:16px;height:14px;top:0px;left:36px;position:absolute;background:#f7dfd9"><img src="https://i.imgur.com/AVFZz8L.png"></div> </TD>
 
<!------------------------------SIDE BOX----------------------------->
 
<TD style="
    width: 6px;
    background:#f7dfd9;
    height:29px;
    border-right:1px solid #a2a2a2;
    border-top:1px solid #fff;">
   
<div id="tab">
<div id="bar2"><div id="header2"></div><div style="position:absolute;top:2px;right:39px;"><div style="width:16px;height:14px;background:#f7dfd9"><img src="https://i.imgur.com/58t49LP.png"></div><div style="width:16px;height:14px;top:0px;left:16px;position:absolute;background:#f7dfd9"><img src="https://i.imgur.com/irZEMZg.png"></div><div style="width:16px;height:14px;top:0px;left:36px;position:absolute;background:#f7dfd9"><img src="https://i.imgur.com/AVFZz8L.png"></div> </div>
<div id="tabcont">
<img src="https://i.imgur.com/L6OpTAN.gif">
<img src="https://i.imgur.com/EPVkoTo.gif">
<img src="https://i.imgur.com/NwWJWAZ.gif">
<img src="https://i.imgur.com/bfkZr52.gif">
</div>
</div>   
 </TD> </TR> <TR> <TD style=" width: 60px; background:#f7dfd9; border-left:1px solid #fff; border-right:1px solid #a2a2a2; border-top:1px solid #a2a2a2; border-bottom:1px solid #a2a2a2; box-shadow: inset 0px 2px 0px -1px #FFFFFF; -webkit-box-shadow: inset 0px 2px 0px -1px #FFFFFF; -moz-box-shadow: inset 0px 2px 0px -1px #FFFFFF; -o-box-shadow: inset 0px 2px 0px -1px #FFFFFF; "> <div id="bg"></div> <br><br><div id="bt"> <a href="https://middlepot.com" class="pass1" title="home"><img src="https://i.imgur.com/Tb9idCO.png" onmouseover="this.src='https://i.imgur.com/BFuZuLQ.png'" onmouseout="this.src='https://i.imgur.com/Tb9idCO.png'" /></a><a href="/" class="pass2" title=""><img src="https://i.imgur.com/1I34QvH.png" onmouseover="this.src='https://i.imgur.com/rWaxJYa.png'" onmouseout="this.src='https://i.imgur.com/1I34QvH.png'" /><br><a href="/" class="pass3" title=""><img src="https://i.imgur.com/yq1ScHy.png" onmouseover="this.src='https://i.imgur.com/naQ8QsY.png'" onmouseout="this.src='https://i.imgur.com/yq1ScHy.png'" /></a><a href="/" class="pass4" title=""><img src="https://i.imgur.com/rMEvjsu.png" onmouseover="this.src='https://i.imgur.com/eDcHx4m.png'" onmouseout="this.src='https://i.imgur.com/rMEvjsu.png'" /></a><br>       <a href="/" class="pass5" title=""><img src="https://i.imgur.com/38sFzDk.png" onmouseover="this.src='https://i.imgur.com/DXLpTmU.png'" onmouseout="this.src='https://i.imgur.com/38sFzDk.png'" /></a><a href="/" class="pass6" title=""><img src="https://i.imgur.com/hyNRzbZ.png" onmouseover="this.src='https://i.imgur.com/I3AMKZ3.png'" onmouseout="this.src='https://i.imgur.com/hyNRzbZ.png'" /></a> </div> </TD> <TD style="width:450px;    height:400px;  margin-top:5%; margin-left:30%; overflow:auto; background:#fff;"> <div id="entries">
<div id="posts">
<div class="text"><br>
<center><img src="https://i.imgur.com/v7yCOEG.png"></center>
<br><br>
<font style="font-size:9px">
<font color="#BC9F9F">instructions :</font> <font color="#918476">type your text in the box, then click on the cute little button ♡
</font>
<br>
</div><div id="posts">
<br>
<script type="text/javascript"> 

// *.。ଘ(*´ ˘ `*)ഒ 。.*
// middlepot.com

function remember(){ 
originalText = ""; 
originalText = document.textConvForm.textConvArea.value;} 
function convert2ALLCAPS(){ 
original = document.textConvForm.textConvArea.value; 
ALLCAPS = original.toUpperCase(); 
document.textConvForm.textConvArea.value = ALLCAPS;} 
function convert2nocaps(){ 
original = document.textConvForm.textConvArea.value; 
nocaps = original.toLowerCase(); 
document.textConvForm.textConvArea.value = nocaps;} 
function convert2Hacker(){ 
original = document.textConvForm.textConvArea.value; 
normal = ["a","b","c","d","e","f","g","h","i","j","k","l","m","n","o","p","q","r","s","t","u","v","w","x","y", "z"]; 
hacker = ["α","b","c","d","e","f","g","h","i","j","k","l","m","n","o","p","q","r","s","t","u","v","w","x","y", "z"]; 
haxored = original; 
for (i = 0; i < normal.length; i++){ 
haxored = haxored.replace(RegExp(normal[i],"gi"),hacker[i]);} 
haxored = haxored.replace(/%%%/gi,"vv"); 
document.textConvForm.textConvArea.value = haxored;} 
function convert2PigLatin(){ 
original = document.textConvForm.textConvArea.value; 
noriginal = original; 
noriginal = noriginal.replace(/\"/gi,""); 
working = new Array; 
working = noriginal.split(" "); 
for (i = 0; i < working.length; i++){ 
firstChar = working[i].charAt(0); 
secondChar = working[i].charAt(1); 
thirdChar = working[i].charAt(2); 
wordLength = working[i].length; 
punctuation = ["!","?",";",":",".",","]; 
upCaseLet = ["A","B","C","D","E","F","G","H","I","J","K","L","M ","N","O","P","Q","R","S","T","U","V","W","X","Y", "Z"]; 
if (firstChar == "a" || firstChar == "e" || firstChar == "i" || firstChar == "o" || firstChar == "u" || firstChar == "y" || firstChar == "A" || firstChar == "E" || firstChar == "I" || firstChar == "O" || firstChar == "U" || firstChar == "Y"){working[i]=working[i]+"way";} 
else if (firstChar == "q" || firstChar == "Q" && secondChar == "u" || secondChar == "U") 
{ 
newWord="";for (l = 1; l < working[i].length; l++){newWord=newWord+working[i].charAt(l+1);} 
working[i]=newWord+firstChar+secondChar+"ay";} 
else if(isNaN(working[i])){ 
if (secondChar != "a" && secondChar != "e" && secondChar != "i" && secondChar != "o" && secondChar != "u" && secondChar != "A" && secondChar != "E" && secondChar != "I" && secondChar != "O" && secondChar != "U"){ 
if (thirdChar != "a" && thirdChar != "e" && thirdChar != "i" && thirdChar != "o" && thirdChar != "u" && thirdChar != "A" && thirdChar != "E" && thirdChar != "I" && thirdChar != "O" && thirdChar != "U"){ 
newWord="";for (m = 2; m < working[i].length; m++){newWord=newWord+working[i].charAt(m+1);} 
working[i]=newWord+firstChar+secondChar+thirdChar+"ay";} 
else{newWord="";for (k = 1; k < working[i].length; k++){newWord=newWord+working[i].charAt(k+1);} 
working[i]=newWord+firstChar+secondChar+"ay";}} 
else{newWord="";for (j = 0; j < working[i].length; j++){newWord=newWord+working[i].charAt(j+1);} 
working[i]=newWord+firstChar+"ay";}} 
for (q = 0; q < punctuation.length; q++){ 
if(working[i].indexOf(punctuation[q])!= -1){ 
working[i] = working[i].replace(/\!/gi,""); 
working[i] = working[i].replace(/\?/gi,""); 
working[i] = working[i].replace(/\;/gi,""); 
working[i] = working[i].replace(/\:/gi,""); 
working[i] = working[i].replace(/\./gi,""); 
working[i] = working[i].replace(/\,/gi,""); 
if(punctuation[q] == ","){working[i] = working[i]+"%%%";} 
else{working[i] = working[i]+punctuation[q];}}} 
for (n = 0; n < upCaseLet.length; n++){ 
if(working[i].indexOf(upCaseLet[n])!= -1){ 
working[i] = working[i].toLowerCase(); 
newWord="";for (o = 0; o < working[i].length; o++){ 
newWord=newWord+working[i].charAt(o+1);} 
working[i] = working[i].charAt(0).toUpperCase()+newWord;}}} 
working = working.toString(); 
working = working.replace(/,/gi," "); 
pigLatin = working.replace(/%%%/gi,","); 
document.textConvForm.textConvArea.value = pigLatin;} 
function convert2drawkcaB(){ 
original = document.textConvForm.textConvArea.value; 
drawkcabWork = original.split(""); 
drawkcabWork = drawkcabWork.reverse(); 
drawkcab = ""; 
for (i = 0; i < drawkcabWork.length; i++){ 
drawkcab = drawkcab+drawkcabWork[i];} 
document.textConvForm.textConvArea.value = drawkcab;} 
function reSet(){ 
document.textConvForm.textConvArea.value = originalText;} 
function copy(){ 
copied = document.textConvForm.textConvArea.createTextRange (); 
copied.execCommand("Copy");} 
function clearBox(){ 
document.textConvForm.textConvArea.value = ""; 
document.textConvForm.textConvArea.focus();} 
</script>

<center>
<table bgcolor="#FFBFED" cellpadding="2" cellspacing="1"><tbody>
<form name="textConvForm">
<textarea name="textConvArea" style="height:100px; width:200px;  border:0px solid #8A2316; -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px; outline:none; padding:2px; padding-left:3px; padding-right:3px; background-image:url(https://i.imgur.com/9xqvXsr.png); font-family:littlefont; font-size:10px; font-family:Verdana; COLOR: #A09794;" rows="10" cols="40" wrap="soft">



　　　type here !

</textarea></form><center><br>
<input size=19 value="　·˚ ⊹ magic button ⊹ ˚· " onclick="remember();convert2Hacker()" style="font-family: Verdana; font-size:8px; color:#B4C2CE; -webkit-touch-callout: none;
   -webkit-user-select: none;
   -khtml-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
outline:none; font-family:Verdana; COLOR: #a58282; background-color:#FFF2F2" readonly><br><br>
<input size=9 value="　 · clean ·" onclick="remember();clearBox()" style="font-family: Verdana; font-size:8px; color:#B4C2CE; -webkit-touch-callout: none;
   -webkit-user-select: none;
   -khtml-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
outline:none; font-family:Verdana; COLOR: #a58282; background-color:#FFF2F2" readonly> 
</center>
</td></tr></tbody></table>
<br><br>
<img src="https://i.imgur.com/flWlJ2U.png"></center>
<br><br>
<center>
<font color="#D5B8B8">
example : the quick brown fox jumps over the lαzy dog
</font>
</center>
<br>
</font>
</div>
</font> </div> <div style="height:10px"> 
</div> </div> </div> </TD><TD style=" width: 6px; background:#f7dfd9; border-right:1px solid #a2a2a2; box-shadow: inset 1px 0px 0px 0px #FFFFFF,-1px 0px 0px 0px #f7dfd9; -webkit-box-shadow: inset 1px 0px 0px 0px #FFFFFF,-1px 0px 0px 0px #f7dfd9; -moz-box-shadow: inset 1px 0px 0px 0px #FFFFFF,-1px 0px 0px 0px #f7dfd9; -o-box-shadow: inset 1px 0px 0px 0px #FFFFFF,-1px 0px 0px 0px #f7dfd9;"> </TD> </TR> <TR> <TD style=" width: 6px; background:#f7dfd9; border-left:1px solid #fff; border-bottom:1px solid #a2a2a2; box-shadow: inset 0px 2px 0px -1px #FFFFFF; -webkit-box-shadow: inset 0px 2px 0px -1px #FFFFFF; -moz-box-shadow: inset 0px 2px 0px -1px #FFFFFF; -o-box-shadow: inset 0px 2px 0px -1px #FFFFFF; ">  <div id="palette"><div id="poop"><div id="swatch"></div><div id="swatch2"></div><div id="one" onclick="changeBg('background click color')"></div><div id="two" onclick="changeBg('')"></div><div id="three" onclick="changeBg('')"></div><div id="four" onclick="changeBg('')"></div><div id="five" onclick="changeBg('')"></div><div id="six" onclick="changeBg('')"></div><div id="seven" onclick="changeBg('')"></div><div id="eight" onclick="changeBg('')"></div><div id="nine" onclick="changeBg('')"></div><div id="ten" onclick="changeBg('')"></div><div id="eleven" onclick="changeBg('')"></div><div id="twelve" onclick="changeBg('')"></div><div id="thirteen" onclick="changeBg('')"></div><div id="fourteen" onclick="changeBg('')"></div><div id="one2" onclick="changeBg('')"></div><div id="two2" onclick="changeBg('')"></div><div id="three2" onclick="changeBg('')"></div><div id="four2" onclick="changeBg('')"></div><div id="five2" onclick="changeBg('')"></div><div id="six2" onclick="changeBg('')"></div><div id="seven2" onclick="changeBg('')"></div><div id="eight2" onclick="changeBg('')"></div><div id="nine2" onclick="changeBg('')"></div><div id="ten2" onclick="changeBg('')"></div><div id="eleven2" onclick="changeBg('')"></div><div id="twelve2" onclick="changeBg('')"></div><div id="thirteen2" onclick="changeBg('')"></div><div id="fourteen2" onclick="changeBg('')"></div></div></div> <div id="box1"><div class="change">　𝒾𝓉'𝓈 𝓈𝓸𝓸𝓸 𝒸𝓊𝓉𝓮 !!!</div></div> <div id="box2"></div> <div id="box3"><br>　<img src="https://i.imgur.com/0LsxQey.gif"> <img src="https://i.imgur.com/WfHWx7P.gif"> <img src="https://i.imgur.com/B4EvXtH.gif">
</div></div> </TD> <TD style=" width: 300px; background:#f7dfd9; height:75px; border-bottom:1px solid #a2a2a2; box-shadow: inset 0px 2px 0px -1px #FFFFFF,0px -1px 0px 0px #f7dfd9; -webkit-box-shadow: inset 0px 2px 0px -1px #FFFFFF,0px -1px 0px 0px #f7dfd9; -moz-box-shadow: inset 0px 2px 0px -1px #FFFFFF,0px -1px 0px 0px #f7dfd9; -o-box-shadow: inset 0px 2px 0px -1px #FFFFFF,0px -1px 0px 0px #f7dfd9;"> <div id="border"></div> </TD> <TD style=" width: 6px; background:#f7dfd9; height:6px; border-right:1px solid #a2a2a2; border-bottom:1px solid #a2a2a2;"> <div id="corner"><img src="https://i.imgur.com/2OOwkQw.png"></div> </TD> </TR> </TABLE> </div> </div> 
<iframe scrolling="no" width="1" height="1" frameborder="0" style="background-color:transparent; overflow:hidden; position:absolute; top:0; left:0; z-index:9999;" id="ga_target"></iframe></body> </html>

<!--

　　　          ___   .--.
　　　    .--.-"   "-' .- |
　　　   / .-,`          .'   
　　　   \   `           \ 　　　　　　。・゜ 　♡   。　　・　゜ 　　　♡  
　　　    '.            ・ \　　　　　　　　　　　　　　　　　　　　　　　　♡　　　　♡ ゜・。。♡  
　　　      |  ・     ᴥ    。|　　　　・゜♡ ゜・。　　. * ・ ♡ °  . 。
　　　      \ 。            /.____　　　　　　　　　　　　　　　　　　♡.  
　　　     /`-.          ,'.'    `\　　　　　　　　　　　　　　　　　　。・゜　　　 ♡ ・ 。　　。・゜ ♡  
　　　  __/   \`-.____.-' `\      /　　　　　♡　。・゜      
　　　  | `---`'-'._/-`     \----'    _ 　　　　　　　　　　　♡　　　.　　　.♡ 
　　　  |,-'`  /             |    _.-' `\　　　　. * ・        
　　　 .'     /              |--'`     / |　　　　　　　　　　 ♡
　　　/      /\              `         | |
　　　|   .\/  \      .--. __          \ |　　　　　　　　　　　*.。middlepot.com 
　　　 '-'      '._       /  `\         /　　　　　　　　　　　　　　　　　　　　　　　ଘ(*´ ˘ `*)ഒ 。.*
　　　             `\    '     |------'`
　　　               \  |      |
　　　                \        /
 　　　                '._  _.'

-->