Untitled

<html>

<!-- theme by sherlocs

Hello this is my second URL redirect theme. You can choose the colors and upload 2 images. They should be 128px by 128px or bigger.

Please leave all credit intact and don't claim code as your own, etc etc. Don't be a dick, seriously.

If you have any issues with the theme feel free to ask me at http://themelocs.tumblr.com -->

<head>

<meta name="color:Background" content="#F2EFEF" />
<meta name="color:Side 1" content="#fbfbfb" />
<meta name="color:Side 2" content="#6ecff6" />
<meta name="color:Credit" content="#998374" />

<meta name="image:Icon1" content="" />
<meta name="image:Icon2" content="" />

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

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

<style type="text/css">

body{ font-size:11px; background-color:{color:Background}; color:{color:Font}; font-family: Calibri; line-height:; }

a:link, a:visited, a:active{ text-decoration:none; color:{color:Side 2}; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

#content{ position:relative; margin:auto; width:350px; margin-top:250px; height:168px; -webkit-transform: translate3D(0, 0, 0) }

#content #moved #urls{ position:absolute; right:145px; font-size:15px; font-style:italic; width:200px;
text-align:center; backface-visibility:hidden; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; }

#content #moved #urls .s1{ position:absolute; top:0px; width:200px; background-color:{color:Side 1}; padding: 5px; -webkit-border-radius: 25px 0px 0px 25px; border-radius: 25px 0px 0px 25px; backface-visibility:hidden; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; }

#content #moved #urls .s2{ position:absolute; top:0px; width:200px; background-color:{color:Side 2};
color:{color:Side 1}; padding: 5px; -webkit-border-radius: 25px 0px 0px 25px; border-radius: 25px 0px 0px 25px; backface-visibility:hidden; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden;
transform: rotateX(180deg); -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; }

#content #moved:hover #urls .s1{ transform: rotateX(180deg); -webkit-transform: rotateX(180deg);
-moz-transform: rotateX(180deg); -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; }

#content #moved:hover #urls .s2{ transform: rotateX(0deg); -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); opacity:1; -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; }

#content #moved #urls #icon .s1{ top:-63px; position:absolute; left:100%; width:128px; height:128px; border: 10px solid {color:Side 1}; -webkit-border-radius: 500px; border-radius: 500px; backface-visibility:hidden; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; }

#content #moved #urls #icon .s2{ top:-63px; position:absolute; left:100%; width:128px; height:128px; border: 10px solid {color:Side 2}; -webkit-border-radius: 500px; border-radius: 500px; backface-visibility:hidden; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; }

#content #moved #urls #icon img{ width:128px; height:128px; -webkit-border-radius: 500px; border-radius: 500px;  -moz-user-select: none;   -webkit-user-select: none;   -webkit-user-drag: none;}

.cred{     position:fixed;     bottom:0px;     right:0px;     padding: 10px;     font-size:13px;     font-weight:bold;     text-transform:uppercase; }

.cred a{ color:{color:Credit}; }

</style>

</head>

<body>

<title>{text:Old URL} » {text:New URL}</title>

<div id="content">

<div id="moved">

<a href="http://{text:New URL}.tumblr.com">

<div id="urls">
<div class="s1">{text:Old URL} &nbsp;»&nbsp; <b>{text:New URL}</b></div>
<div class="s2">{text:Old URL} &nbsp;»&nbsp; <b>{text:New URL}</b></div>
<div id="icon">
<div class="s1"><img src="{image:Icon1}"></div>
<div class="s2"><img src="{image:Icon2}"></div>
</div>
</div>

</div>

</div>

</div>

<div class="cred"><a href="http://sherlocs.tumblr.com">© theme</a></div>

</body>
</html>