blogroll / OVERTURE

<!DOCTYPE html>
<head>

<!--


                            overture

                           @odeysseus


notes:

    - basic customisation markers are in the code
    - you don't need to edit this (unless you want to) - blogs u follow will show up automatically when u save and open ur blog in a new tab

-->

    <title>blogroll</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=Karla:400,400italic,600,600italic" rel="stylesheet"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script src="https://dl.dropboxusercontent.com/s/y0dm7fveuf7zmm8/o.js?dl=0"></script>

<style type="text/css">

* { margin:0;padding:0; }


@-webkit-keyframes fadein {
        0%   {opacity: 0;}
        100% { opacity: 1; }
}

@-moz-keyframes fadein {
        0%   { opacity: 0; }
        100% { opacity: 1; }
}

@keyframes fadein {
        0%   { opacity: 0; }
        100% { opacity: 1; }
}

.tmblr-iframe { display:none; } /* to hide tumblr controls */

a { transition:0.15s ease-in;}
b,strong { color:#444; /* bold text */ }

body {
    background:#f8f8f8; /*background - change to #fff for white */
    font-family:'Karla',sans-serif; /*font*/
    font-size:10px; /* font size */
    line-height:190%;
    letter-spacing:.5px;
    color:#666; /* text color */
    -webkit-animation-name: fadein;-webkit-animation-duration: 1s;
    -moz-osx-font-smoothing:grayscale;
    -webkit-font-smoothing:antialiased;
    font-smoothing:antialiased;

}

a {
    color:#999; /*links*/
    text-decoration:none;
}

a:hover  {
    color:#333; /* link hover */
}

section {
    width:calc(180px * 4); /* change the 4 to however many columns you want */
	margin:0 auto;
    padding:100px;
    background:#fff;
    text-align:center;
    border-left:1px solid #eee;
    border-right:1px solid #eee;

}

.bimg img {
    height:20px;
    display:block;
    width:20px;
    margin-bottom:5px;
    margin-top:10px;
    margin-left:80px;
    border-radius:5px;
}


.broll {
    width:179px;
    padding:15px 0px;
    border-top:1px solid #eee;
    display:inline-block;
    opacity:.9;
    box-sizing:border-box;

}

header { margin-bottom:100px; }
h1 { font-style:italic;color:#333;font-weight:400;margin-bottom:5px; }

#fuckchad {
    bottom:27px;
    right:27px;
    position:fixed;
}
</style>
</head>
<body>

<section>
<header>
<!--header-->
    <h1>blogroll</h1> <!--title-->

    <!--links - add or delete as you wish-->
    <a href="/">home</a>.
    <a href="http://tumblr.com/dashboard">dash</a>.
<!--end header-->
</header>

<!--do not edit beyond this point-->
{block:Following}{block:Followed}
<div class="broll"><a href="{FollowedURL}">

        <div class="bimg"><img src="{FollowedPortraitURL-64}"></div>
        <div class="buser">{FollowedName}</div>

</a></div>
{/block:Followed}{/block:Following}
</section>


<div id="fuckchad"><a href="http://odeysseus.tumblr.com">O</a></div>
</body>
</html>