Recommendation gyapo

<!-- recommendation page made by gyapo.tumblr.com
best view in chrome, looks okay but alterated in Mozilla, looks horrible in IE lol-->

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">


<head>
<title>{Title}</title>
<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">


::-webkit-scrollbar-thumb:vertical {background-color:#333;height:25px;}
::-webkit-scrollbar {height:0px;width:8px;background-color:#000;}

 body
{font-family:consolas;
font-size:10px;
color:{color:Texts};
background-image:url('http://static.tumblr.com/s2ymoja/s54lyyvgc/tumblr_lws4pjqqja1qi201y.png');
background-position: fixed;
background-attachment:fixed;
background-repeat:repeat;}

a
{text-decoration:none;
color:#000;
-webkit-transition: opacity 0.7s linear;-webkit-transition: all 0.7s ease-in-out;-moz-transition: all 0.7s ease-in-out;-o-transition: all 0.7s ease-in-out;
opacity:1;}

a:hover
{text-decoration:none;
color:#555;
opacity:1;}

#side
{float:left;}

#int
{float:left;
width:525px;}

#contain
{margin-top:75px;
margin-left:385px;
overflow:hidden;}

#aa
{width:465px;
background-image:url('http://static.tumblr.com/s2ymoja/Pvflxpfk0/black.png');
border:1px solid #fff;
margin-bottom:25px;
padding:5px;
padding-bottom:10px;}

#infos
{float:left;
width:185px;
color:#bbb;
letter-spacing:1px;}

#pref
{float:left;
font-size:12px;
letter-spacing:1px;}

#prev
{border:1px solid #777;
padding:3px;
width:250px;}

#my
{color:#bbb;
padding:3px;
padding-bottom:10px;}

.cat
{text-transform:uppercase;
padding-left:5px;
font-size:10px;
letter-spacing:1px;
border-left:25px solid;}

#un
{color:#fff;}

#deux
{color:#00c9ff;}

#trois
{color:#e8ff00;}

.bla
{padding-top:8px;}

.title
{text-align:center;
color:#ff0035;
font-size:18px;
padding-top:3px;
padding-bottom:10px;
letter-spacing:3px;}

#box
{position:fixed;
letter-spacing:2px;
font-size:20px;}

.box
{margin-top:125px;
width:160px;
-moz-border-radius: 10px 10px 0px 0px;
border-radius:10px 10px 0px 0px;  }

.back
{padding-top:10px;
font-size:8px;
letter-spacing:5px;}

.sur
{background-color:#fff;}

</style>
</head>
<body>

<div id="contain">
<div id="int">

<table id="aa" border="0" cellpadding="0" cellspacing="0"><tr>
<td id="infos">
<a href="BLOG URL"><div class="title">.blog title.</div></a>
<div class="bla"><span class="cat" id="un">// I like :</span> many many things that I like about the blog here</div>
<div class="bla"><span class="cat" id="deux">// fandom :</span> all the fandoms here</div>
</td>
<td id="pref">
<div id="my"><span class="cat" id="trois">// the little plus :</span> that thing</div>
<img  id="prev" src="BLOG IMG URL"/></div>
</td>
</tr></table>


</div>

<div id="side">
<div id="box">
<img class="box" src="http://28.media.tumblr.com/tumblr_lxgw05wXyl1r2tssso1_500.png"/>
<div><span class="sur">Recommendation list<br>
of xxx.</span>
<a href="/"><div class="back"><-- go back --></div></a>
    <a href="http://gyapo.tumblr.com" ><div class="back">credits</div></a>
</div>
</div>
</div>

</div>

    </body>
    </html>