Blogroll Page 2 - neonbike themes

<!DOCTYPE html>
<head>

<!--

BLOGROLL PAGE #2
By Paige @ neonbikethemes.tumblr.com

Rules:

    - Do not steal code or design
    - Do not remove/alter credit
    - Please like/reblog the post

Thanks!

-->

<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1.0, width=device-width" />
<title>{Title}{block:TagPage} - {Tag} {/block:TagPage} {block:SearchPage} - {lang:Search results for SearchQuery}{/block:SearchPage}{block:PostSummary}- {PostSummary} {/block:PostSummary}</title>
<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">


<!-- TOOLTIPS -->

<script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
<script>
   (function($){
       $(document).ready(function(){
           $("[title]").style_my_tooltips({
               tip_follows_cursor:true,
               tip_delay_time:100,
               tip_fade_speed:200
           }
               );
       });
   })(jQuery);
</script>


<!-- FONT SCRIPTS -->

<link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,300,400,600,700|PT+Sans:400,700,400italic,700italic' rel='stylesheet' type='text/css'>


<!-- CSS -->

<style type=text/css>


/* TOOLTIPS */

#s-m-t-tooltip{
    max-width:250px;
    margin:15px;
    padding: 0px 5px 2px 5px;
    border-radius:3px;
    background:#000;
    color:#fff;
    z-index:999999;
    font-size:10px;
    font-style:italic;
    text-transform:lowercase;
}

/* STUFF */

body{
    font-family:'Open Sans', Helvetica, sans-serif;
    color:#000000;
    margin:0;
    background:#f0f0f0 url('');
    background-attachment:fixed;
}

a {
    text-decoration:none;
    color:#000;
}

a:hover {
    text-decoration:none;
    color:#a0a0a0;
}

p{
    margin: 0px 0px 10px 0px;
}

ul{
    list-style-type:square;
}

ol{
    list-style-type:lower-roman;
}

.navbar{
    position:fixed;
    background:#fff;
    text-align:left;
    width:100%;
    height:50px;
    top:0px;
    z-index:99999999999999;
}

#title{
    float:left;
    margin-left:25px;
    margin-top:18px;
    text-transform:uppercase;
    text-align:center;
    font-size:10px;
    letter-spacing:1px;
    font-weight:bold;
    z-index:9999999999;
}

#navlinks{
    float:right;
    margin-top:13px;
    margin-right:20px;
    text-align:right;
    z-index:999999999;
}

.navlink{
    background:#fff;
    border:0px solid #a0a0a0;
    padding:4px;
    padding-left:8px;
    padding-right:8px;
    margin-left:3px;
    margin-right:3px;
    font-size:10px;
    letter-spacing:1px;
    position:relative;
    display:inline-block;
    text-transform:uppercase;
}

/* CONTAINER */

.container{
    width:80vw;
    text-align:left;
    margin-left:auto;
    margin-right:auto;
    margin-top:120px;
    margin-bottom:150px;
}


.blog{
    position:relative;
    display:inline-block;
    width:14vw;
    margin:0px 1px 4px 0px;
    font-size:9px;
    letter-spacing:1px;
    padding: 7px 7px 7px 11px;
    background:#fff;
    border-bottom:1px solid #eeeeee;
    -webkit-transition: all .5s;
    text-align:left;
    text-transform:lowercase;
    height:20px;
}

.blog img{
    margin: 3px 8px -4px 0px;
}

</style>

</head>

<body>


<div class="navbar">

    <div id="title">BLOGROLL</div>

    <div id="navlinks">

        <a href="/">
        <div class="navlink">Home</div></a>

        <a href="http://tumblr.com/dashboard">
        <div class="navlink">Dashboard</div></a>

        <a href="http://neonbikethemes.tumblr.com">
        <div class="navlink">Credit</div></a>

    </div>

</div>


<!-- START CONTAINER --->
<div class="container">


{block:Following}
{block:Followed}
    <a href="{FollowedURL}">
    <div class="blog">
        <img src="{FollowedPortraitURL-16}">
        {FollowedName}
    </div>
    </a>
{/block:Followed}{/block:Following}


</div>


</body>