Redirect Theme [02] Kodoku

<!DOCTYPE html>
<html>
<head>

<!----------------------------------------------------------------------------

Redirect Page 02 孤独 [ k o d o k u ]
by yukoki/s-ekki

1. Light/Heavy CSS editting is allowed.
2. Do not use as base code.
3. Do not remove credit.
4. Do not claim theme as your own.

-------------------------------------------------------------- VER 211115 -->

<meta name="color:background" content="#1c1624">
<meta name="color:url change text" content="#ffffff">
<meta name="color:url change text highlight" content="#000000">
<meta name="color:description" content="#ffffff">
<meta name="color:contact button" content="#ffffff">
<meta name="color:history button" content="#ffffff">
<meta name="color:credit button" content="#ffffff">
<meta name="color:contact button hover" content="#f3bcb0">
<meta name="color:history button hover" content="#8deff5">
<meta name="color:credit button hover" content="#f8ff82">
<meta name="image:background" content="">
<meta name="image:image" content="">
<meta name="text:old url" content="">
<meta name="text:new url" content="">

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">

<title>{title}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
<link rel="shortcut icon" href="{Favicon}" />

<style type="text/css">

@font-face { font-family: "ebit"; src: url('https://dl.dropboxusercontent.com/s/n9ry4w2f8tl60t3/8bitoperator.ttf'); }
@font-face { font-family: "pix"; src: url('https://dl.dropboxusercontent.com/s/68bdyrv4fsayhg8/04B_03__.TTF'); }

body {
    background-color: {color:background};
    background-image: url({image:background});
    background-attachment: fixed;
    margin: 0;
    word-wrap: break-word;
}
a { text-decoration:none; }

img {width: 240px;display:block; }

#content {
    margin-top: 140px;
    width: 240px;
}

.topl, .topr, .botl, .botr {
    width: 120px;
    height: 120px;
    overflow: hidden;
    float: left;
}

.topl, .botr { border-radius: 0 60px 0 60px; }
.topr, .botl { border-radius: 60px 0 60px 0; }

.toprp {margin-left: -120px;}
.botlp {margin-top: -120px;}
.botrp {margin-left: -120px;margin-top: -120px;}

.urlchange {
    font-family: ebit;
    font-size: 10px;
    color: {color:url change text};
    text-transform: uppercase;
}

.urlchange a {
    padding: 2px 6px;
    background-color: rgba({RGBcolor:url change text highlight},0.6);
    color: #fff;
    width: 500px;
}

.desc {
    margin-top: 20px;
    font-family: pix;
    font-size: 8px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: {color:description};
    width: 450px;
    margin-left: -100px;
    line-height: 12px;
}

.desc b,strong { font-weight: 300; }
.desc a { color: {color:description}; text-decoration: underline; }

.navi {
    margin-top: 20px;
    width: 260px;
    margin-left: -14px;
}

.navib {
    font-family: ebit;
    font-size: 8px;
     text-transform: uppercase;
     letter-spacing: 1px;
     padding: 2px 4px 4px 6px;
     float: left;
     margin: 0 6px;
}

#bcon {
    color: {color:contact button};
    border: 2px solid {color:contact button};
}
#bhis {
    color: {color:history button};
    border: 2px solid {color:history button};
}
#bcre {
    color: {color:credit button};
    border: 2px solid {color:credit button};
}
#bcon:hover {
    color: {color:contact button hover};
    border: 2px solid {color:contact button hover};
}
#bhis:hover {
    color: {color:history button hover};
    border: 2px solid {color:history button hover};
}
#bcre:hover {
    color: {color:credit button hover};
    border: 2px solid {color:credit button hover};
}

{CustomCSS}

</style>
</head>
<body>

<center>

<div id="content">

<div style="width: 280px; height: 280px; display: block;">
<div class="topl"><img class="toplp" src="{image:image}"></div>
<div class="topr"><img class="toprp" src="{image:image}"></div>
<div class="botl"><img class="botlp" src="{image:image}"></div>
<div class="botr"><img class="botrp" src="{image:image}"></div>
</div>

<div class="urlchange"><a href="http://{text:old url}.tumblr.com">{text:old url}</a> has moved to <a href="http://{text:new url}.tumblr.com">{text:new url}</a> !</div>
<div class="desc">{description}</div>

<div class="navi">

<a href="http://{text:new url}.tumblr.com/ask"><div class="navib" id="bcon">
<span class="navicon"><i class="fa fa-envelope-o"></i></span> contact
</div><!--navib--></a>

<a href="http://{text:new url}.tumblr.com/archive"><div class="navib" id="bhis">
<span class="navicon"><i class="fa fa-calendar"></i></span> history
</div><!--navib--></a>

<a href="http://yukoki.tumblr.com"><div class="navib" id="bcre">
<span class="navicon"><i class="fa fa-code"></i></span> credit
</div><!--navib--></a>

</div><!--nav-->

</div><!--content-->

</center>

</body>
</html>