brisbane

<!DOCTYPE html>
<head>

<!---


        blogroll: brisbane
        revamped 23/7/17

        @loranhale


--->

<title>{Title}</title>
<link rel="shortcut icon" href="{Favicon}" />
<link rel="alternate" type="application/rss+xml" href="{RSS}" />
<link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro|Karla|Maven+Pro|PT+Sans' rel='stylesheet' type='text/css'>

<style type="text/css">

/* scrollbar */

::-webkit-scrollbar {
    height:5px;
    width:1px;
    background:#fafafa;
}

::-webkit-scrollbar-thumb {
    background:#dcecf5;
}

/* tumblr controls */

.iframe-controls--desktop { display:none!important; }

#s-m-t-tooltip {
    max-width:300px;
    margin:15px;
    padding:5px 6px;
    z-index:99999999;
    color:#000;
    text-transform:lowercase;
    border:1px solid #dcecf5;
    background:#fff;
}

body {
    background:#fafafa;
    color:#555;
    font-family:'pt sans', arial, helvetica, sans-serif;
    font-size:10px;
-moz-osx-font-smoothing:grayscale;
-webkit-font-smoothing:antialiased;
font-smoothing:antialiased;
}

a {
    color:#8892e0;
    text-decoration:none;
    transition-duration:.8s;
    -moz-transition-duration:.8s;
    -webkit-transition-duration:.8s;
    -o-transition-duration:.8s;
}
a:hover { color:#000; }

section {
    width:470px;
    box-sizing:border-box;
    margin:60px auto;
    transform:translate(0px,50px);
}

nav {
    text-align:left;
    margin-bottom:10px;
    padding-bottom:10px;
    border-bottom:1px solid #dcecf5;
}

.t {
    font-size:13px;
    color:#222;
    letter-spacing:2px;
    font-weight:600;
    padding-bottom:8px;
    text-transform:uppercase;
    font-family:'maven pro', sans-serif;
}

.links { position:relative; }
.links a {
    text-transform:lowercase;
    margin-right:8px;
    font-size:11px;
    display:inline;
    font-style:none;
}
.links a:last-of-type { margin-right:0; }
.links a:after { content:'.'; }

.blogroll {
    width:calc((50px * 10 + 0px) - 25px);
    max-height:400px;
    overflow-y:scroll;
    border-bottom:1px solid #dcecf5;
    padding-bottom:15px;
}

.hi {
    width:55px;
    height:55px;
    overflow:hidden;
    display:inline-block;
    margin:5px;
}

.hi img {
    width:50px;
    height:50px;
    opacity:.8;
    border-radius:50%;
    transition:all .8s ease;
-webkit-transition:all .8s ease;
-moz-transition:all .8s ease;
-o-transition:all .8s ease;
}

.hi img:hover {
	opacity:1;
	border-radius:5px;
    transition:all .8s ease;
-webkit-transition:all .8s ease;
-moz-transition:all .8s ease;
-o-transition:all .8s ease;
}

/* do not disturb */

.lo { bottom:20px; right:20px; position:fixed; }
.lo a { text-transform:uppercase; padding:5px; font-size:12px; }

</style>
</head>

<body>
<section>

<nav>
<div class="t">blogroll</div>
<div class="links">
    <a href="/">home</a>
    <a href="/ask">mssg</a>
    <a href="http://tumblr.com/dashboard">dash</a>
</div>
</nav>

<!-- no editing required -->
<div class="blogroll">
{block:Following}{block:Followed}<div class="hi"><a href="{FollowedURL}" title="{FollowedName}"><img src="{FollowedPortraitURL-128}"></a></div>{/block:Followed}{/block:Following}
</div>

</section>


<!-- danger! keep out -->
<div class="lo">
    <a href="http://loranhale.tumblr.com" title="theme">j</a>
</div>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
<script>
jQuery.noConflict();
(function($){
$(document).ready(function(){
$("a[title],img[title],[title]").style_my_tooltips({
tip_follows_cursor:true,
tip_delay_time:200,
tip_fade_speed:300,
attribute:"title"
});
});
})(jQuery);
</script>

</body>
</html>