noxvita page: blogroll #02

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


<!---BLOGROLL THEME #2 MADE BY MEL @NOXVITA-->

<title>{title}</title>


<link href='http://fonts.googleapis.com/css?family=Playfair+Display:400,400italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>


<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>


<link href='http://fonts.googleapis.com/css?family=Playfair+Display+SC:400,400italic,700,900,900italic,700italic' rel='stylesheet' type='text/css'>


<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur), progress !important;}</style>

<style type="text/css">

::-webkit-scrollbar-thumb:vertical {background-color: black; height:50px;}

::-webkit-scrollbar-thumb:horizontal {background-color: transparent; height:10px !important;}

::-webkit-scrollbar {height:10px; width:5px; background-color: transparent;}

body {background-color:white; background-image:url('http://i50.tinypic.com/347a2w1.jpg'); background-repeat:repeat; background-attachment: fixed; background-position: bottom left;}

#container {background-color:; margin-left:400px; margin-top:80px; width:490px; padding: 5px 5px 5px 5px;
}

#all{ width:555px; padding:5px;  text-align:left;}

#blogs {width: 175px; margin: 2px; padding: 2px; color: white;
background-color: #fafafa; border-bottom:1px solid #eaeaea; text-align: left; display: block; float: left; -webkit-transition: 0.3s ease-in;}

#blogs:hover{background-color:#f5f5f5; -webkit-transition: 0.5s ease-in;}

#blogs img {width:25px; height:25px; background-color:white; margin:1px; padding:2px; border:2px solid black; opacity: 1;-webkit-transition: 1s ease-in;}

#blogs:hover #followertitle {opacity:1;}

#name{font-family:calibri; padding-top:1px; padding-bottom:1px; width:142px; margin-top:1px; text-align:center; background-color:black; font-size:8px; text-transform:uppercase; letter-spacing:1px; color:white; -webkit-transition: 0.5s ease-in;}

#name a{color:white; -webkit-transition: 0.3s ease-in;}

#followertitle{font-style:italic; margin-top:x; text-align:center; font-family:cmbria; font-size:9px; letter-spacing:0px; color:828282; overflow:hidden;}

#title{font-family:playfair display; color:white; width:552px; font-size:40px; margin-left:1px; padding-left:10px; text-align:left; background-color:black;
letter-spacing:-1px; text-transform:lowercase; font-style:italic;}

#title img{width:53px;}

a {
text-decoration:none;}

#nav { width:563px; margin-top:3px; -webkit-transition: all 0.5s ease-in-out;}
#nav a{ float:right; line-height:15px; padding:5px; font-size:9px; font-family:times new; color: white; background-color:black;  text-transform:uppercase; margin-left:3px; text-align:center; -webkit-transition: all 0.5s ease-in-out;}
#nav a:hover {background-color:white; color:black;
-webkit-transition: all 0.5s ease-in-out;}


</style>


<div id="container">
<div id="title">YOUR URL's blogroll; <img src="{PortraitURL-64}" align="right"></div>

<div style="overflow:auto; margin-left:1px; width: 560px; height: 250px; border: 1px solid {color:border}; background-color: #ffffff; text-align: center;">
<div id="all">
{block:Following}{block:Followed}

<div id="blogs">
<a target="_blank" href="{FollowedURL}">
<img border="0" src="{FollowedPortraitURL-30}" align="right"/>
<div id="name" align="left">{FollowedName}</div>
<div id="followertitle">{FollowedTitle}</div>
</a></div>

{/block:Followed}{/block:Following}
</div></div>

<div id="nav">
<a href="/">main index</a>
<a href="/ask">message</a>
<a href="http://tumblr.com/dashboard">dashboard</a>
</div>

</div>

<div style="position:fixed; bottom:8px; right:5px; letter-spacing:2px;color:white;padding:3px; font-size:8px;font-family:calibri;text-transform:uppercase;"><center>
<a href="http://noxvita.tumblr.com"><img src="http://i49.tinypic.com/33wmm0z.jpg"></a>
</div>


</body>
</html>