blogroll theme 2

<!--
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:805px;
height:65%;
border: 1px solid #ececec; /*CONTENT BORDER*/
padding:2px;
margin-left:290px;
margin-top:90px;
font-size: 9px;
line-height:11px;
background-color:#fff;/*BACKGROUND COLOR*/
font-family:helvetica;
overflow:auto;
text-align:left;
}

#content img{
border:1px solid #c4c4c4;
padding:4px;
margin:5px;
width:78px;
background-color: #fff;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
transition: all 0.3s linear;
}

#content img:hover{
width:70px;
padding:8px;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
transition: all 0.3s linear;
}

@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:titulo;
font-size:60px;
letter-spacing:3px;
line-height:auto;
color:#999999;
margin-top: 30px;
background:;
height:100%;
margin-left: 590px;
z-index:;
display:inline;
text-align:center;
}


@font-face {
font-family: "titulo";
src: url('http://static.tumblr.com/exioynw/NBFm4wy7z/bebasneue.otf');
}

.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: 44px;
margin-left: 380px;
z-index:9999;
display:inline;
border-right:1px solid #cecece;
text-align:right;
}




#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="links">
<a href="/">home</a><br><a href="/ask">ask</a><br><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>