blogroll theme 1

<!--
gived
-->

<link href='http://fonts.googleapis.com/css?family=Quicksand:400,700|The+Girl+Next+Door|Marck+Script|Lobster|Reenie+Beanie|Shadows+Into+Light+Two|Megrim|Rock+Salt|Raleway:100' rel='stylesheet' type='text/css'>




<style type="text/css">

::-webkit-scrollbar {width: 10px; height: 4px; background: #fff; }

::-webkit-scrollbar-thumb { background-color:#000;}

a:link, a:active, a:visited{
color:#999999;
text-decoration: none;
-webkit-transition: color 0.4s ease-out;
-moz-transition: color 0.4s ease-out;
}

body {
background-color: #fff; /*BACKGROUND COLOR*/
background-position:fixed;
font-family:calibri;
font-size:30px;
color:#000;}


#content{
position:fixed !important;
width:1105px;
height:95%;
border: 0px solid #ececec; /*CONTENT BORDER*/
padding:2px;
margin-left:13pc;
margin-top:0px;
font-size: 9px;
line-height:11px;
background-color:#fff;/*BACKGROUND COLOR*/
font-family:helvetica;
overflow:auto;
text-align:left;
}

#content img{
width: 90px;
margin: 3px;
opacity: .7;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
-webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;transition: all 0.6s ease-out;
}

#content img:hover{
width: 90px;
margin: 3px;
opacity: .7;
border-radius:150px;
-webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;transition: all 0.6s ease-out;
}

@font-face {
font-family: "g";
src: url('http://static.tumblr.com/a90iyxz/7y4mmuafe/iknowaghost.ttf');
}
.title{
text-transform: uppercase;
width: 210px;
position: fixed;
font-family:g;
font-size:35px;
letter-spacing:3px;
line-height:auto;
color:#999999;
margin-top: 130px;
background:;
height:100%;
margin-left: 0px;
z-index:;
display:inline;
text-align:center;
}

.desc{
width: 210px;
line-height:15px;
font-size:12px;
position: fixed;
line-height:auto;
color:#999999;
margin-top: 170px;
background:;
height:100%;
margin-left: 0px;
z-index:;
display:inline;
text-align:center;
}

.links{
text-transform: uppercase;
width: 210px;
background:;
position: fixed;
font-family:Quicksand;
font-size:12px;
font-weight:700;
letter-spacing:1px;
line-height:auto;
color:#999999;
margin-top: 190px;
margin-left: -5px;
z-index:9999;
display:inline;
text-align:center;
}

#s-m-t-tooltip {
max-width:300px;
padding:3px 4px 5px 4px;
margin:20px 0px 0px 20px;
background-color:#fff; /* change the background color */
border:1px solid #ddd; /* change the border color */
font-family:calibri; /* change the font */
font-size:9px; /* change the font size */
letter-spacing:2px; /* change the letter spacing */
text-transform:uppercase; /* can be uppercase, lowercase, none*/
color:#999; /* change the text color */
z-index:999999999999999999999999999999999999;

}

</style>

<title>{title}</title>
<div class="title">Blogroll
</div>

<div class="desc">I follow all these amazing blogs!
</div>

<div class="links">
<a href="/">back</a> &middot <a href="/ask">ask</a> &middot <a href="http://gived.tumblr.com">credit</a>
</div>


<div id="content">

{block:Following}{block:Followed}<a title='{FollowedName}' target='_blank' href='{FollowedUrl}'><img border='0' src='{FollowedPortraitURL-96}'/>{/block:Followed}{/block:Following}
</div>


</div>
<div style="font-size: 10px; float: right; position: fixed; bottom: 5px; right: 5px; text-transform:lowercase;"><a href="http://gived.tumblr.com" title="theme credit"><img src="http://media.tumblr.com/tumblr_lpvqgehnPi1qffvip.gif"></a></div>
</head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>

<script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>

<script>

(function($){

$(document).ready(function(){

$("a[title]").style_my_tooltips({

tip_follows_cursor:true,

tip_delay_time:90,

tip_fade_speed:600,

attribute:"title"

});

});

})(jQuery);

</script>