Blogroll #1

<!--
                       [ T H E M E  B Y ]

                              ○ ● ○

                       [ T O M K I R K ]


*** icons won't show up when you're customizing but they'll come up on the actual page on your blog
-->
<html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>


<title>
{block:PostSummary}
{PostSummary} - {/block:PostSummary}

Blogroll

</title>
</style>

<style type="text/css">

iframe#tumblr_controls {-webkit-filter:invert(100%);right:3px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.2;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: .9;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}

::-webkit-scrollbar {width:16px; height:16px; background:#ffffff}
::-webkit-scrollbar-thumb { background-color: #e8e8e8;border:5px solid #ffffff;}

#s-m-t-tooltip {max-width:300px;padding:3px;padding-left:3px;padding-bottom:3px;padding-right:4px;font-size:10px;line-height:10px;font-style:italic;margin:25px 20px 25px 20px;background-color:white;color:black;border:1px solid #ebebeb;z-index:999999999999999999999999999999999999;box-shadow:rgba(0,0,0,0.07)3px 3px;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;transition: all 0.2s ease;}

body{
    background-color:#ffffff; /*background hex color code*/
    background-image:url(); /*insert image url between parentheses*/
    background-attachment:fixed;
    background-repeat:repeat;
    background-position:center;
    /*
    background-size:100% 100%; -remove dashes, asterisks, and this text to     make background picture fit entire screeen-
    */
    font-size:10px;
    line-height:14px; /*make this number slightly bigger than font-size*/
    font-family:consolas;
    color:#666666; /*font color*/
    }

a:link, a:active, a:visited{
    color:#666666; /*link color*/
    text-decoration:none; /*can put underline for underlined links*/
    }

a:hover{
    color:#666666; /*link hover color*/
    text-decoration:none;
    }

#container{
    margin:auto;
    width:340px;
    }

#box{
    position:fixed;
    margin-left:20px;
    margin-top:200px;
    padding:8px;
    width:300px;
    background:#ffffff; /*box color*/
    border:1px solid #ebebeb; /*change color code for different colored       borders*/
    box-shadow:rgba(0,0,0,0.07)-7px 7px;
    z-index:1;
    /*delete the following for no rounded edges*/
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    }

#all {
    height:260px;
    overflow:hidden;
    overflow-y:scroll;
    }

.portraits img{
    padding:2px;
    width:31px;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;
    }

.portraits img:hover{
    -webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
    transform: scale(1.15);
}

#bar{
    position:absolute;
    margin-top:182px;
    margin-left:20px;
    padding:3px;
    padding-right:5px;
    text-align:right;
    width:308px;
    height:11px;
    background:#e8e8e8; /*bar background*/
    border:1px solid #ebebeb; /*matching border color with #box border        looks best*/
    /*delete the following for no rounded edges*/
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    }

.bartitle{
    float:left;
    font-weight:bold;
    }

.bartitle:first-letter{
    text-decoration:underline;
    }

blockquote{
    padding-left:5px;
    margin-left:15px;
    margin-right:0px;
    margin-top:5px;
    margin-bottom:0px;
    border-left:2px solid #e8e8e8;
    }

.p {padding-top:5px;}
.ol, ul {margin-left:10px;padding:5px;}
.ul {list-style-type:square;}

{CustomCSS}
</style>

<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" /><meta name="viewport" content="width=820" />

</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:200,
tip_fade_speed:300,
attribute:"title"
});
});
})(jQuery);
</script>

<body>
<div id="container">

<div id="bar">
<span class="bartitle"> <a href="/blogroll">Blogroll...</a> </span>
<a title="return home"href="/"><img src="http://media.tumblr.com/691ba4289e39661cfb6559164f39f3c0/tumblr_inline_msy5o89F1X1qz4rgp.png"></a>
<a title="message"href="/ask"><img src="http://media.tumblr.com/36615af987980409c80cc67cae27013d/tumblr_inline_msy5o5RiHU1qz4rgp.png"></a>
<a title="dashboard"href="http://www.tumblr.com/dashboard"><img src="http://media.tumblr.com/7cd16259d770a6d5f4a6350dc962a48e/tumblr_inline_msy5nqetZl1qz4rgp.png"></a>
</div>

<div id="box">
<center>
<div id="all">
<div class="portraits">
{block:Following}{block:Followed}
<a title="{FollowedName}"href="{FollowedURL}"><img src="{FollowedPortraitURL-96}"></a>
{/block:Followed}{/block:Following}
</div>
</div>
</center>
</div>
</div>

<div style="position:fixed;right:0;bottom:0;padding:15px;">
<a title="theme by tomkirk"href="http://tomkirk.tumblr.com/">▲</a>
</div>
</body>
</html>