Blogroll #1 by Vanne @ editionsbyvanne.tumblr.com

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>

<!----
Blogroll #1 by Vanne @ editionsbyvanne.tumblr.com
PLEASE DO NOT REMOVE THE CREDITS! THANK YOU!
----->

<title>My Blogroll</title>
<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">

<link href='http://fonts.googleapis.com/css?family=Quicksand:700' rel='stylesheet' type='text/css'>

<link href='http://fonts.googleapis.com/css?family=Titillium+Web' rel='stylesheet' type='text/css'>

<style type="text/css">

body {
    background: url('http://25.media.tumblr.com/62feef185061dad9ac4db71647bb465b/tumblr_mwugdp8pKX1sgo88eo8_250.png');
}

::-webkit-scrollbar-thumb:vertical {
    background-color: #FFDFDF;
    height:100px;
}

::-webkit-scrollbar {
    height:10px;
    width:5px;
    background-color: #ffffff;
}

a {
    text-decoration:none;
    font-family: Titillium Web;
    font-size:13px;
    color:#A97B5C;
    text-shadow: 0px 0px 20px #fff;
}

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

#all {
    position:relative;
    top:130px;
    width:680px;
    margin:0 auto;
    padding:5px;
}

#content {
    width: 680px;
    height:300px;
    overflow:auto;
    margin-bottom: 10px;
    background: #fff;
    border: 3px dashed #E7DAD1;
    border-radius: 10px;
    padding-top:5px;
    padding-left:5px;
    padding-bottom:5px;
    padding-right:3px;
    float:left;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

#content img {
    margin:7px;
    box-shadow: 1px 1px 1px #FFA5AD;
    max-width: 40px;
    opacity: .8;
    background: #3E2514;
    padding: 3px;
}

#content img:hover {
    opacity: 1;
}

.title {
    font-family: Quicksand;
    font-size:30px;
    padding: 6px;
    width: 210px;
    margin-top: 5px;
    margin-left: 230px;
    text-align: center;
    color: #E7DAD1;
    background: #fff;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    text-shadow: 2px 2px 2px #C6A690;
    box-shadow: 2px 2px 2px #C6A690;
}

#picc {
    margin-top: 5px;
    margin-left: 100px;
    margin-bottom: -70px;
    width: 100px;
    opacity: .9;
}

#linkk {
    margin-top: 10px;
    margin-left: 253px;
}

#linkk a {
    background: #fff;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 3px;
    padding-bottom: 3px;
    box-shadow: 2px 2px 2px #C6A690;
    border-radius: 5px;
    margin-left: 5px;
    font-size: 11px;
    color: #FFC7C7;
}

#linkk a:hover {
    color: #A97B5C;
}

#bottom {
    position: fixed;
    width: 110%;
    height:40px;
    bottom: 0px;
    left: 0px;
    background: #fff;
    border-top: 2px dashed #E7DAD1;
}


#credz {
    position: fixed;
    bottom: 10px;
    left: 10px;
    font-size: 14px;
}


</style>

<body>

<div id="all">
<div id="picc"><img class="menu-picture" src="http://24.media.tumblr.com/f65a15509706d63572abf299e99572aa/tumblr_mx5gbdSDPV1t0v4cmo1_250.png"/></div>
<div class="title">My Blogroll</div>

<div id="content">
{block:Following}{block:Followed}
<a href="{FollowedURL}"><img src="{FollowedPortraitURL-40}" align="left" style="border-radius: 25px;"></a>
{/block:Followed}{/block:Following}
</div>

<div id="linkk">
    <a href="/">←</a>
    <a href="http://tumblr.com/dashboard">Dashboard</a>
    <a href="http://editionsbyvanne.tumblr.com">Credit</a>
</div>

<div id="bottom"></div>

<div id="credz"><a href="http://editionsbyvanne.tumblr.com/" target="_blank">✂</a></div>

</div>
</body>
</html>