munich

<!DOCTYPE html>
<head>

<!---


        blogroll: munich
        updated: 2/12/18

        @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=Open+Sans:400,400italic,600,600italic|Karla:400,400italic,600,600italic' 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.tmblr-iframe {
    z-index:99999999999999!important;
    top:0!important;
    right:0!important;
    opacity:0.4;
    /* delete invert(1) from here */
        filter:invert(1) contrast(150%);
        -webkit-filter:invert(1) contrast(150%);
        -o-filter:invert(1) contrast(150%);
        -moz-filter:invert(1) contrast(150%);
        -ms-filter:invert(1) contrast(150%);
    /* to here if your blog has a dark background */
    transform:scale(0.65);
    transform-origin:100% 0;
    -webkit-transform:scale(0.65);
    -webkit-transform-origin:100% 0;
    -o-transform:scale(0.65);
    -o-transform-origin:100% 0;
    -moz-transform:scale(0.65);
    -moz-transform-origin:100% 0;
    -ms-transform:scale(0.65);
    -ms-transform-origin:100% 0;
    transition:all .6s ease;
}

iframe.tmblr-iframe:hover { opacity:0.6!important; }

/* tooltips */

#s-m-t-tooltip {
    max-width:300px;
    margin:15px;
    padding:4px 6px;
    z-index:99999999;
    color:#000;
    border:1px solid #eee;
    background:#f6f6f6;
}

/* body */

body {
    background:#fff;
    color:#555;
    font-family:'open sans', helvetica, sans-serif;
    font-size:10px;
    line-height:130%;
-moz-osx-font-smoothing:grayscale;
-webkit-font-smoothing:antialiased;
font-smoothing:antialiased;
}

a {
    color:#91a8d0; /* links */
    text-decoration:none;
    transition:all .6s ease;
}

a:hover { color:#f7cac9; }

section {
    width:500px;
    box-sizing:border-box;
    margin:120px auto;
	transform:translateX(35px);
}

nav {
    position:fixed;
    margin-left:-100px;
}

.title {
    font-size:13px;
    letter-spacing:1px;
    font-weight:600;
    color:#222;
    padding-bottom:10px;
    border-bottom:1px solid #dcecf5;
    text-transform:uppercase;
}

.links a {
    padding:8px 0;
    text-transform:lowercase;
    display:block;
    border-bottom:1px solid #dcecf5;
}

.links a:hover { padding-left:10px; }

.blogroll { width:calc(80px * 6); }

.hi {
    width:50px;
    height:50px;
    display:inline-block;
    padding:6px;
}

.hi img {
    width:50px;
    height:50px;
    border-radius:5px;
    opacity:.8;
    transition:all .6s ease;
}

.hi img:hover {
	opacity:1;
	border-radius:50%;
    transition:all .6s 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="title">blogroll</div>
<div class="links">
    <a href="/">home</a>
    <a href="/ask">ask</a>
    <a href="/">link</a>
    <a href="http://loranhale.tumblr.com">theme</a>
</div>
</nav>

<!-- no editing -->
<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>

<!-- keep out -->

<div class="lo">
    <a href="http://julesatticus.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>