blogroll theme 1

<head>

<title>{Title}: blogroll</title>
<link rel="shortcut icon" href="{Favicon}">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>


<style type="text/css">


body {
    color: #000000;
    background:#fff;
    background-repeat: repeat;
    background-attachment: fixed;
    font-family: consolas;
    line-height:110%;
    font-size: 10px;
}


::-webkit-scrollbar {width: 3px; height: 0px; padding-right:5px;background:#fff;}

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

a:link, a:active, a:visited{
  color:#fff;
   text-decoration: none;
}

a:hover {
   color:#000;
   text-decoration: none;
   }


#content {
    width: 500px;
   margin: 10px auto;
    background:;
}


.header {
    background:transparent;
    margin-top:100px;
	display:block;
	}


.links {
    z-index: 999999;
    width: 570px;
    position: fixed;
    margin-top: 19px;
    font-size: 9px;
    font-family:arial;
    padding:2px 0px 0px 0px;
    text-align: center;
    text-transform:uppercase;
    letter-spacing:1px;
    line-height:11px;
}

.links a {
    padding:2px 4px 2px 4px;
    color:#000;
    background: #fff;
    margin-top:-3px;
}

    .links a:hover {
        text-decoration:none;

        color:#000;
        padding:2px 4px 2px 4px;
        -webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;transition: all .2s ease-in-out;
    }

.entry {
    float: left;
    width: 580px;
	padding:5px;
    display: block;
    position: relative;
	background:#ffffff;
	height: 345px;
	border: 1px solid #000;
	margin-top:10px;
}

#about {
width: 540px;
height: 300px;
overflow-y: scroll;
padding-top: 20px;
padding-left: 20px;
padding-right: 20px;
background-color: #fff;
text-transform:uppercase;
-moz-border-radius: 5px;
border-radius: 5px;
}

#about img {
width:48px;
height:48px;
opacity: 0.7;
-webkit-transition-duration:.7s;}

#about img:hover {
opacity:.9;
-webkit-transition: 0.2s ease-in;}
#pagination{
    display:none;
}


.text {
    padding: 10px;
}


</style>
</head>
<body>

<div id="content">

<div class="header"> <span class="links">
                <a href="/" title="return">home</a>
                <a href="/ask" title="ask">message</a>
				<a href="/archive" title="index">history</a>
				<a href="http://jubileethemes.tumblr.com/" title="more at">&copy</a>
</span>
    <div style="z-index: -99; margin-left: -22px; margin-top: -10px; position:fixed;">
<img src="http://i.imgur.com/BPslKZz.gif" /><img src="http://i.imgur.com/BPslKZz.gif" /><img src="http://i.imgur.com/BPslKZz.gif" /><img src="http://i.imgur.com/BPslKZz.gif" style="position:fixed;" />
</div>
</div>
<div class="entry">
<div id="about">
<center><br><br>
{block:Following}{block:Followed}<a href='{FollowedURL}'>
<img src='{FollowedPortraitURL-48}' />
{/block:Followed}{/block:Following}
</center>
</div>

<div style="margin-left: -22px; margin-top: 10px;">
<img src="http://i.imgur.com/BPslKZz.gif" /><img src="http://i.imgur.com/BPslKZz.gif" /><img src="http://i.imgur.com/BPslKZz.gif" /><img src="http://i.imgur.com/BPslKZz.gif" style="position:fixed;" />
</div>
</div>
</div>


<script>
(function($){
$(document).ready(function(){
$("[title],a[title],img[title]").style_my_tooltips({
    tip_follows_cursor:true,
    tip_delay_time:100,
    tip_fade_speed:300,
    attribute:"title"
});
});
})(jQuery);
</script>

</html>