40 - redirect/saved url ii - http://kimsjongin.tumblr.com

<!DOCTYPE html>

<head>
<title>{title}</title>
<link rel="shortcut icon" href="{favicon}">

<meta name="text:title1" content="i moved!"/>
<meta name="text:title2" content="new url"/>
<meta name="text:newurl" content="NEWURLHERE"/>

<meta name="color:imoved" content="#000"/>
<meta name="color:newurl" content="#000"/>
<meta name="color:newurlhover" content="#fff"/>

<meta name="image:circle" content="http://25.media.tumblr.com/c5ea84a378c90c6d885658c8c5a6a438/tumblr_mq13tqZvcq1syzwn4o4_500.png"/>

<script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js"></script> <script type="text/javascript" src="http://static.tumblr.com/gyoju49/uF2mjkhe3/layoutcomponent.txt"></script><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script><script type="text/javascript" src="http://static.tumblr.com/bkd4m5b/Citm42m8i/smoothscroll.js"></script>

<!--

┊                  　   ┊                       ┊
┊   ┊               ┊   ┊   ┊               ┊   ┊
┊   ┊   ┊       ┊   ┊   ┊   ┊   ┊       ┊   ┊   ┊
┊   ┊   ┊   ┊   ┊   ┊   ┊   ┊   ┊   ┊   ┊   ┊   ┊

ᴛʜᴇᴍᴇ ʙʏ ᴍᴇᴇᴍ (ᴋɪᴍsᴊᴏɴɢɪɴ.ᴛᴜᴍʙʟʀ.ᴄᴏᴍ)
ᴘʟᴇᴀsᴇ ᴅᴏɴ'ᴛ ʀᴇᴍᴏᴠᴇ ᴛʜᴇ ᴄʀᴇᴅɪᴛ ᴏʀ sᴛᴇᴀʟ! ^_^

┊   ┊   ┊   ┊   ┊   ┊   ┊   ┊   ┊   ┊   ┊   ┊   ┊
┊   ┊   ┊       ┊   ┊   ┊   ┊   ┊       ┊   ┊   ┊
┊   ┊               ┊   ┊   ┊               ┊   ┊
┊                       ┊                       ┊
-->

<style type="text/css">

body {
    font-size:10px;
    font-family:georgia;
    line-height:140%;
    font-style:normal;
    color:#000;
}

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

a:hover {
    color:#fff;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

div#circle{
    border:5px solid #000;
    border-radius:100%;
    background: url('{image:circle}') bottom;
    background-size:cover;
    margin:auto;margin-top:200px;
    padding-top:80px;
    width:200px;
    height:120px;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

a:hover div#circle {
    -webkit-transform:scale(1.1);
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

#back {
    padding: 0px 0px 5px 0px;
    width:213px;
    margin:0px auto;
    font-size:30px;
    font-style:italic;
    text-align: center;
}


#nope {
    color:#000;
    text-align:center;
    margin:0px auto;
    font-family:baskerville;
    font-size:14px;
}

#border { border-top: 3px solid #000; padding: 2px; width: 170px; position: absolute; margin-left: 109px; margin-top: 4px; }

#ackles {
    line-height:100%;
    position:fixed;
    font-size:10px;
    width:70px;
    height:20px;
    font-family:calibri;
    letter-spacing:1px;
    padding-bottom:4px;
    padding-right:4px;
    bottom:0;
    right:0;
    z-index:12;
}

#ackles .ville a {
    color:#9a9a9a;
}

#ackles .dancy{
    color:#9a9a9a;
    opacity:1.0;
    padding:1px 3px 2px 3px;
    margin-top:00px;
    margin-left:29px;
    text-align:center;
    overflow:hidden;
    position: absolute;
    background:#fff;
    font-size:10px;
    text-transform:uppercase;
    z-index:100;
    -webkit-transition: opacity 0.5s linear;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    transition: all 0.5s linear;
    border:1px solid #ece4e4;
}

#ackles .ville{
    color:#9a9a9a;
    background:#fff;
    margin-top:100px;
    margin-top:0px;
    padding:1px 4px 2px 5px;
    margin-left:29px;
    font-size:10px;
    text-align:left;
    text-transform:uppercase;
    opacity:0;
    overflow:hidden;
    position: absolute;
    -webkit-transition: opacity 0.5s linear;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    transition: all 0.5s linear;
    z-index:1200;
    border:1px solid #ece4e4;
}

#ackles:hover .ville {
    opacity:1;
    margin-bottom:14px;
    transition: all 0.5s linear;
    -webkit-transition: opacity 0.5s linear;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
}

</style>

</head>

<body>

<a href="http://{text:newurl}.tumblr.com">
<div id="circle">

<div id="nope">{text:title1}</div>
<div id="back"><span style="margin-right:15px;">{text:title2}</span></div>

</div>
</a>

<div id="ackles">

<div class="dancy">
&#x1d1b;&#x29c;&#x1d07;&#x1d0d;&#x1d07;
</div>

<div class="ville">
<a href="http://kimsjongin.tumblr.com/">&#x1d0d;&#x1d07;&#x1d07;&#x1d0d;</a>
</div>
</div>

 <!--

┊                  　   ┊                       ┊
┊   ┊               ┊   ┊   ┊               ┊   ┊
┊   ┊   ┊       ┊   ┊   ┊   ┊   ┊       ┊   ┊   ┊
┊   ┊   ┊   ┊   ┊   ┊   ┊   ┊   ┊   ┊   ┊   ┊   ┊

ᴛʜᴇᴍᴇ ʙʏ ᴍᴇᴇᴍ (ᴋɪᴍsᴊᴏɴɢɪɴ.ᴛᴜᴍʙʟʀ.ᴄᴏᴍ)
ᴘʟᴇᴀsᴇ ᴅᴏɴ'ᴛ ʀᴇᴍᴏᴠᴇ ᴛʜᴇ ᴄʀᴇᴅɪᴛ ᴏʀ sᴛᴇᴀʟ! ^_^

┊   ┊   ┊   ┊   ┊   ┊   ┊   ┊   ┊   ┊   ┊   ┊   ┊
┊   ┊   ┊       ┊   ┊   ┊   ┊   ┊       ┊   ┊   ┊
┊   ┊               ┊   ┊   ┊               ┊   ┊
┊                       ┊                       ┊
-->

</body></html>