Blogroll #2 - themesbyvanne.tumblr.com

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

<!----

Blogroll #2 by Vanne @ themesbyvanne.tumblr.com

PLEASE DO NOT REMOVE THE CREDITS! Thank you for using my blogpage <3

----->

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

<script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>

<style>
div#qTip {
    margin: 5px;
    padding: 4px 8px 4px 8px;
    z-index: 99999;
    display: none;
    text-align: center;
    position: absolute;
    text-transform: uppercase;
    font-size: 9px;
    color: #fff;
    background: #9dd8ff;
    letter-spacing: 1px;
}
</style>

<style type="text/css">

body {
    background: url('https://24.media.tumblr.com/8939bf293e12aa837a2b92645724f327/tumblr_n1odeovR551t0v4cmo4_250.png');
    font-family: Consolas;
}

::-webkit-scrollbar-thumb:vertical {
    background-color: #9dd8ff;
    height: auto;
}

::-webkit-scrollbar-thumb:horizontal {
    background-color: #9dd8ff;
    height: auto;
}

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

a {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

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

#title {
    position: relative;
    font-size:30px;
    padding-right: 40px;
    margin-bottom: 15px;
    border-bottom: 2px solid #a3c8ff;
    width: 670px;
    text-align: right;
    color: #a3c8ff;
    text-shadow: 2px 2px 2px #b5fcff;
}

#content {
    width: 578px;
    height: 400px;
    overflow:auto;
    border: 2px solid #bcd7ff;
    background: #fff;
    padding:5px;
    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 {
    max-width: 64px;
    opacity: .8;
    border: 3px double #84b6ff;
    padding: 1px;
    margin: 7px;
    -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:hover {
    opacity: 1;
    box-shadow: 0px 0px 15px #b5fcff;
    border-radius: 0 50%;
}

#left {
    z-index:9999;
    position: relative;
    float:left;
    margin-left:0px;
    margin-top: 0px;
    margin-right: 8px;
    width: 96px;
}

#icon {
    z-index:9999;
    position: relative;
    margin-left:0px;
    margin-top: 0px;
    width: 100px;
}

#icon img {
    width: 90px;
    border: 2px solid #84b6ff;
}

#linkk {
    position: relative;
    margin-top: 10px;
    width: 100px;
}

#linkk a {
    display: block;
    width: 88px;
    background: #9dd8ff;
    padding: 3px;
    margin-bottom: 6px;
    font-size: 11px;
    color: #ffffff;
}

#linkk a:hover {
    background: #84b6ff;
}

</style>

<body>

<div id="all">
<div id="title">Blogroll</div>

<div id="left">
<div id="icon"><img src="{Favicon}"></div>
<div id="linkk">
    <a href="/">Index</a>
    <a href="http://tumblr.com/dashboard">Dashboard</a>
    <a href="http://themesbyvanne.tumblr.com">Credit</a>
</div>
</div>

<div id="content">
{block:Following}{block:Followed}
<a target='_blank' href='{FollowedURL}' title="{FollowedName}"><img src='{FollowedPortraitURL-64}' /></a>
{/block:Followed}{/block:Following}
</div>

</div>

</body>

</html>