URL redirect #1

<html>

<!--

URL REDIRECT #1
@  WGTHEMES.TUMBLR.COM  /  WEDNESGAY.TUMBLR.COM

>>> PLEASE DO NOT REMOVE THIS TEXT

--------------------------------------------------------

RULES:

-- You CAN:
    ► edit to your liking for YOUR PERSONAL USE
    ► change the colors and images and etc (of course)

-- You CANNOT
    ► steal
    ► redistribute
    ► claim as your own
    ► take any part of the code
    ► use as a base
    ► remove the credit
    ► combine with other themes

You can find my themes blog at http://wgthemes.tumblr.com

>>> PLEASE DO NOT REMOVE THIS TEXT

--------------------------------------------------------

CUSTOMIZING:

    ► Enter your new URL in the text field in the appearance options
    ► You can upload a background image, a pattern image, and an icon image
    ► If you don't upload an icon, the blog's icon will be used

-->
<head>

<!-- colors -->
<meta name="color:Background" content="#f4f4f4" />
<meta name="color:Link" content="#ff88aa" />
<meta name="color:Link Hover" content="#11bbff" />
<meta name="color:Box" content="#ffffff" />
<meta name="color:Pattern" content="#cbe9fd" />

<meta name="text:New URL" content="newurl">
<meta name="image:Background" content="">
<meta name="image:Pattern" content="">
<meta name="image:Icon" content="">

<title>{Name} → {text:New URL}</title>

<link rel="shortcut icon" href="{image:icon}">

<style type="text/css">

body{
font-family: times new roman, georgia, cambria;
line-height:;
background-position: left top;
background-attachment: fixed;
font-weight: bold;
font-size: 17px; font-style: italic;
background-repeat: repeat;background-color: {color:Background};
background-image: url({image:Background});
}

a:link, a:visited, a:active{
text-decoration:none;
cursor: pointer;
color: {color:Link};
}

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

a:link, a:visited, a:active, a:hover{
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}

/* -------------------- Box -------------------- */

#content{
position: fixed;
left:50%;
margin-left:-75px;
top: 50%;
margin-top: -130px;
background-position: left top;
z-index:10000;
color: {color:Link};
text-align: center;
border: 1px solid {color:Box};
background-color: {color:Box};
}

#content:hover{ color: {color:Link Hover}; }

#iconbox{
display: block;
width:150px;
height:150px;
background-color: {color:Pattern};
background-image: url({image:Pattern});

}
.icon{
display: inline-block;
width:90px;
height:90px;
background-color: {color:Box};
border-radius: 150px;
padding: 15px;
margin: 15px;
}

.name{ padding: 10px 15px; }

/* ---------------------- CREDIT ---------------------- */

#cred{
position: fixed; right: 10px; bottom: 10px;
background-color: {color:Link}; color: {color:Box};
text-transform: uppercase;
border: 1px solid {color:Link};
padding: 5px 4px;
font-size: 9px;
text-align: center;
font-family: consolas, monospace, courier;
height: 10px; width: 12px;
z-index: 100000000;
font-style: normal;
font-weight: normal;
border-radius: 100px;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
}

#cred span{ display: inline-block; width: 1px; }

#cred:hover{ background-color: {color:Box}; color: {color:Link}; border: 1px solid {color:Link}; }

/* ---------------------- TUMBLR CONTROLS ---------------------- */
#tumblr_controls {
display: none !important;;
}

/* ---------------------- custom css ---------------------- */

{CustomCSS}

</style>

</head>

<a id="cred" href="http://wgthemes.tumblr.com">w<span></span>g</a>

<a id="content" href="http://{text:New URL}.tumblr.com">
<div id="iconbox"><img class="icon" src="{block:ifNotIconImage}{PortraitURL-96}{/block:ifNotIconImage} {block:ifIconImage}{image:Icon}{block:ifIconImage}"></div>
<div class="name">{text:New URL} →</div>
</a>

</body>

</html>