html3

<head>

<title>Redirecting</title>

<!--------------------------------------------------------------------------
--------------------- Adrienne Law's redirecting page --------------------------------------------Give credit where credit is due-------------------------------------------------------------------------------------------------->


<style type="text/css">

a {
    text-decoration:none;
    outline:none;
    -moz-outline-style:none;
    color:#4A032F;
    -moz-transition-duration:0.5s;
    -webkit-transition-duration:0.5s;
    -o-transition-duration:0.5s;
}
    a:hover {
        color:#A30366;
        -moz-transition-duration:0.5s;
        -webkit-transition-duration:0.5s;
        -o-transition-duration:0.5s;
    }

#dropdown{
    text-align:center;
    width:300px;
    height:28px;
    background-color: white;
    color:#3D344D;
    padding-top:5px;
    padding-bottom:5px;
    line-height:30px;
    margin-top:0px;
    margin-right:auto;
    margin-left:auto;
    overflow:hidden;
     -o-transition: all 1s ease-in-out;
     -webkit-transition: all 1s ease-in-out;
     -moz-transition: all 1s ease-in-out;
}
#dropdown:hover{
    height:130px;
    -o-transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
}

#dropbottom{
    text-align:center;
    width:290px;
    height:auto;
    padding:10px 5px 10px 5px;
    background-color: #C4C0CC;
    color:#3D344D;
    margin-top:0;
    margin-right:auto;
    margin-left:auto;

}

#dropdown2{
    text-align:center;
    width:100px;
    height:auto;
    margin-right:auto;
    margin-left:auto;
    -o-transition: all 1s ease-out;
        -webkit-transition: all 1s ease-out;
        -moz-transition: all 1s ease-out;

}
#dropdown2 img{
    width:50px;

}


#credit a {
        display:inline-block;
        width:40px;
        background-color:#fff;
        color:gray;
        text-decoration:none;
        border-right:1px solid;
        border-left: 1px solid;
        border-color:#878787;
        padding: 2px 0px 2px 0px;
        -o-transition: all 1s ease-out;
        -webkit-transition: all 1s ease-out;
        -moz-transition: all 1s ease-out;
    }

    #credit a:hover {
        background-color:#667371;
        color:#fff;
        border-color:#fff;
        -o-transition: all 1s ease-out;
        -webkit-transition: all 1s ease-out;
        -moz-transition: all 1s ease-out;
    }

#credit {
    display:inline-block;
    font-size:10px;
    font-family: calibri;
    text-align:center;
    letter-spacing:1px;
    width:40px;
    height:15px;
    position: fixed;
    padding-top:1px;
    right:25px;
    bottom:10px;

}

</style>

<body>

<!-- oops message -->
<div id="dropdown"><div style="background-color:#C4C0CC; font-family:calibri; font-size:20px; font-style: italic;">oops!</div>

<!--put wanted url here-->
<p><div style="background-color:white; font-family:calibri; font-size: 12px; text-transform:uppercase">come visit me at my active blog:</div></p>

<div style="background-color:white; font-family:apple chancery; font-size: 18px; text-transform:uppercase; font-style: italic;"><a href="http://sherlscurlz.tumblr.com">sherlscurlz.tumblr.com</a></div>

</div>

<!-- inactive message -->
<div id="dropbottom"><p><div style="font-family:calibri; font-size: 10px; text-transform:uppercase">this blog is inactive
    <p>v   v   v   v</p>
</div></p></div>

<!-- change image -->
<div id="dropdown2"><img src="http://media.tumblr.com/bb0f3b0d9813aa161af4c0ad822d7743/tumblr_inline_mpzjik4C9d1qz4rgp.png"></div>


<!-------------------------------------------------------------------------------- I don't care if you edit, but please for the love of god do not -----
-------------------- remove the credit on my stuff -------------------------
--------------------------------------------------------------------------->

<div id="credit">
    <div style="font-size:12; font-style:italic; text-align:center; padding-left:2px; padding-right:2px;"><a href="http://theleakycauldron.co.vu"> ---a---</a></div>
</div>

</body>