no hard feelings

<!DOCTYPE html>
<html>
<head>

<!--
     ---------------------
      ---CROCKETT'S------
       ----THEMES-------
        -(BADMECHA007)-
         -------------
          -----------
           ---------
            -------
             -----
              ---
               -     @2016 badmecha007

           -----------------=========RULES:
           | 1. Do not steal or claim as your own.
           | 2. Share and reblog the original
           | post in goodwill if you do use this theme.

		   Big thanks to oddhour for her redirect code, go check her out.

====================valve - half-life - no hard feelings==========================
     -->
     <meta name="text:Topline" content=""/>
     <meta name="text:SecondLine" content=""/>
     <meta name="text:NewLoc" content=""/>
     <meta name="if:Redirect" content="0"/>
     <link href='https://fonts.googleapis.com/css?family=Jaldi:700' rel='stylesheet' type='text/css'>
     <title>{Title}</title>
     <link rel="shortcut icon" href="{Favicon}" />
     {block:IfRedirect}
        <script>
            setTimeout( redirectTumblr, 7000 );
            function redirectTumblr() {
            location.replace('http://{text:NewLoc}.tumblr.com' + location.pathname);
            }
        </script>
     {/block:IfRedirect}

<style>

body{
    background: #000;
    color:#A3A3A3;
}

@keyframes txt1bappear{
  0% {color:#FF8E2B;}
  50% {color:#FF8E2B;}
  100%{color:#A3A3A3;}
}
@keyframes blk1{
  0% {transform:translate(-50%,5px);}
  70% {transform:translate(50%,5px);}
  100%{transform:translate(50%,5px);}
}
@keyframes txt2bappear{
  0% {color:#FF8E2B;}
  75% {color:#FF8E2B;}
  100%{color:#A3A3A3;}
}
@keyframes blk2{
  0% {transform:translate(-50%,22px);}
  50% {transform:translate(-50%,22px);}
  100%{transform:translate(50%,22px);}
}
@keyframes txt3bappear{
  0% {color:#FF8E2B}
  75% {color:#FF8E2B;}
  100%{color:#A3A3A3;}
}
@keyframes blk3{
  0% {transform:translate(-50%,38px);}
  65% {transform:translate(-50%,38px);}
  100%{transform:translate(50%,38px);}
}
@keyframes blk4{
  0% {transform:translate(-50%,52px);}
  65% {transform:translate(-50%,52px);}
  100%{transform:translate(50%,52px);}
}
.toptext{
    white-space: nowrap;
    overflow: hidden;
    font: 18px 'Jaldi', sans-serif;
    position:absolute;
    top: 50%;
    left: 50%;
}
.blocks{
        height:18px;
    width:500px;
    background-color:black;
    position:fixed;
    top: 50%;
    left: 50%;
}
#sub1{
    z-index:2;
    animation-name: txt1bappear;
    animation-duration: 1s;
    text-transform:uppercase;
    transform:translate(-50%,0);
}
#sub1block{
    animation-name: blk1;
    animation-duration: 2s;
    transform:translate(50%,3px);
    z-index:3;
}
#sub2{
    z-index:2;
    animation-name: txt2bappear;
    animation-duration: 3s;
    transform:translate(-50%,15px);
    text-transform:uppercase;
}
#sub2block{
    animation-name: blk2;
    animation-duration: 3s;
    transform:translate(50%,22px);
    z-index:3;
}
#sub3{
    z-index:2;
    animation-name: txt3bappear;
    animation-duration: 4s;
    transform:translate(-50%,30px);
    text-transform:uppercase;
}
#sub3block{
    animation-name: blk3;
    animation-duration: 4s;
    transform:translate(50%,38px);
    z-index:3;
}
#sub4{
    z-index:2;
    animation-name: txt3bappear;
    animation-duration: 5s;
    transform:translate(-50%,45px);

}
#sub4block{
    animation-name: blk4;
    animation-duration: 5s;
    transform:translate(50%,52px);
    z-index:3;
}

</style>
    </head>
    <body>
<div id="sub1" class="toptext" align="center">
 SUBJECT: {text:TopLine}
</div>
<div id="sub1block" class="blocks"></div>
<div id="sub2" class="toptext" align="center">
 STATUS: {text:SecondLine}
</div>
<div id="sub2block" class="blocks"></div>
<div id="sub3" class="toptext" align="center">
 MOVED TO:
</div>
<div id="sub3block" class="blocks"></div>
<div id="sub4" class="toptext" align="center">
{text:NewLoc}.tumblr.com
</div>
<div id="sub4block" class="blocks"></div>
    </body>
</html>