Theme #12

<!doctype html>

<!--
This is theme #12 by sandragonthemes.
Please follow the rules and do not remove the credit.
If you have questions or feedback please send me a message.
-->

<html>
    <head>
        <link rel="shortcut icon" href="{Favicon}">
        <link rel="alternate" type="application/rss+xml" href="{RSS}">
        {block:Description}
        <meta name="description" content="{MetaDescription}" />
        {/block:Description}

        <link href='http://fonts.googleapis.com/css?family=Quicksand|Raleway:500|Junge' rel='stylesheet' type='text/css'>

        <meta name="color:Background colour" content="#FFFFFF">
        <meta name="color:Bar background" content="#EBFD95">
        <meta name="color:Text" content="#D34B74">
        <meta name="color:Link" content="#36AD7A">
        <meta name="color:Link hover" content="#2A9D6C">

        <meta name="image:Image" content="http://i.imgur.com/bzMVJaC.png"/>

        <meta name="text:Old URL" content="Old URL"/>
        <meta name="text:New URL" content="New URL"/>

<style type="text/css">

    body{
        margin:auto;
        font-family: 'Quicksand', sans-serif;
        padding: 5px;
        font-size: 16px;
        background-color: {color:Background colour};
        color:{color:Text};
        overflow:hidden;
    }

    a{
        font-family: 'Quicksand', sans-serif;
        color: {color:Link};
        text-decoration:none;
        text-transform:uppercase;
        padding-left:7px;
    }

    a:hover{
        color:{color:Link hover};
    }

    #container{
        margin:auto;
        text-align:center;
        padding-top:100px;
    }

    #bar{
        height:120px;
        width:101%;
        margin-left:-5px;
        text-align:left;
        background-color: #EBFD95;
    }

    #bar img{
        margin-top:-10px;
        margin-left: 30px;
        width:140px;
        height:140px;
        float:left;
        border:none;
        -webkit-transition:all 0.7s;
        -moz-transition:all 0.7s;
        -ms-transition:all 0.7s;
        -o-transition:all 0.7s;
    }

    #bar img:hover{
        width:160px;
        height:160px;
        margin-top: -15px;
        -webkit-border-radius: 80px;
        -moz-border-radius: 80px;
        border-radius: 80px;
        -webkit-transition:all 0.7s;
        -moz-transition:all 0.7s;
        -ms-transition:all 0.7s;
        -o-transition:all 0.7s;
        }

    #text{
        height:80px;
        margin-top:20px;
        margin-left:30px;
        padding-left:20px;
        border-left:1px dashed {color:Text};
        float:left;
        text-transform:lowercase;
    }

    #credit{
        width: 59px;
        height:22px;
        bottom: 6px;
        right: 6px;
        position:absolute;
    }

    #credit a{
        padding: 0px;
    }

</style>
</head>
    <body>
    <div id="container">
        <center>
        <div id="bar">
            <a href="http://{text:New URL}.tumblr.com"><img src="{image:Image}"></a>
            <div id="text">
                <br>
                {text:Old URL} is now at:<br>
                <a href="http://{text:New URL}.tumblr.com">{text:New URL}</a>
            </div>
        </div>
        </center>
        <div id="credit"><a href="http://sandragonthemes.tumblr.com" target="_blank">Theme</a></div>
    </div>
    </body>
</html>