Blogroll #1

<html>

<!--

BLOGROLL #1 THEME BY ELECTRIC THEMES
PLEASE DONT DO ANYTHING DISRISPECTUL WITH MY THEME
    (STEALING, REMOVING CREDIT, REDISTRIBUTING, ETC)
APRIL 2014

-->

<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:0,

tip_fade_speed:0,

attribute:"title"

});

});

})(jQuery);

</script>

<title>Blogroll</title>
<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">

<style type="text/css">

#s-m-t-tooltip {
max-width:180px;
padding:3px;
margin:0px 0px 0px 15px;
text-align:center;
background:#E0E0E0;
font-family:consolas;
letter-spacing:1px;
font-size:8px;
text-transform:uppercase;
color:#a1a1a1;
z-index:99999999999999999999999999999;
}

body {
background-color: #E0E0E0;
background-image: url('IMAGEURL');
background-repeat: repeat;
margin-left: -50px;
background-attachment: fixed;
font-family:consolas;
font-size:8px;
letter-spacing:1px;
color:black;
text-transform:uppercase;
}

#all {
padding: 30px;
height:400px;
width:500px;
margin-top:100px;
margin-left:auto;
margin-right:auto;
overflow: auto;
}

#all img {
padding: 10px;
margin: 10px;
background:#E0E0E0;
}

.broll{
position:absolute;
background:#f5f5f5;
width:330px;
padding:15px;
height:370px;
overflow:auto;
}

.side{
position:absolute;
text-align:center;
width:150px;
margin-left:375px;
background:#f5f5f5;
padding:10px;
font-weight:bold;
}

.side a{
padding:5px;
text-decoration:none;
width:80px;
display:inline-block;
margin:5px;
color:#696969;
background:#e0e0e0;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
-ms-transition: all .5s ease;
transition: all .5s ease;
}

.side a:hover{
background:#f5f5f5;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
-ms-transition: all .5s ease;
transition: all .5s ease;
}

::-webkit-scrollbar-thumb{
background-color: #ccc;
height:auto;
}

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

.credit{
bottom:5px;
left:5px;
position:fixed;
z-index:9999999;
}

</style>

</head>
<body>

<div id="all">

<div class="side">
<br><br>
<a href="/">home</a><br>
<a href="/ask">mail</a><br>
<a href="/">link</a><br><br><br>
</div>

<div class="broll">
<center>
{block:Following}{block:Followed}<a href="{FollowedURL}" title="{FollowedName}"><img src='{FollowedPortraitURL-40}' /></a>{/block:Followed}{/block:Following}
</center>
</div>

</div>

<div class="credit"><a href="http://austellus.tumblr.com/" title="theme credit"><img src="http://media.tumblr.com/tumblr_lkl6voVxrw1qfamg6.gif"/></a></div>
</body>
</html>