rjblogroll002

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<!--
      RJ Tumblr Theme - Blogroll Page - 002
      Made by Patty of Rekindling-Joy.Webs.Com
      DO NOT REMOVE CREDIT.
      DO NOT USE AS BASE.
      DO NOT REDISTRIBUTE AS YOUR OWN.
-->

<html>
<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="shortcut icon" href="{Favicon}" />

<title>Blogroll</title>

<link href='http://fonts.googleapis.com/css?family=Trochut:400,400italic' rel='stylesheet' type='text/css'>

<link href='http://fonts.googleapis.com/css?family=Oswald:400,300' rel='stylesheet' type='text/css'>

<style type="text/css">

body {
background-color: #000000;
background-image: url('http://static.tumblr.com/d7pwg4v/6N1mg3f82/dark_wall.png');
background-repeat:repeat;
background-position: center center;
margin:0px 0px; padding:0px;
    text-align:center;
}

::-webkit-scrollbar-thumb:vertical {
background-color: #d5d5d5;
}

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

#content {
text-align:left;
width: 800px;
margin:0px auto 0px auto;
}

#sidebg {
width: 780px;
height: auto;
padding: 10px;
margin-top: 50px;
z-index: 499;
background: #dadada;
text-align: center;
}

#sidebg2 img{
width: 800px;
height: 100px;
z-index: 499;
text-align: center;
}

#blogroll {
text-align: center;
width:780px;
height:400px;
padding: 10px;
background: #c0c0c0;
overflow: auto;
background-image: url('http://static.tumblr.com/d7pwg4v/yI9mg3f4m/light_toast.png');
background-repeat:repeat;
background-position: center center;
z-index: 899;
}

#sidebarlinks {
position: fixed;
text-align:center;
z-index: 799;
}

#titletext {
padding:10px;
padding-right: 20px;
font-family: 'Trochut', 'Georgia', 'Times New Roman', serif;
font-weight:200;
font-style: italic;
text-align: right;
text-transform: none;
color: #9c2a32;
z-index: 899;
font-size: 20pt;
line-height: 19pt;
background: #dadada;
}

#theme {
right: 5px;
bottom: 5px;
position: fixed;
text-transform: lowercase;
font-size: 6pt;
letter-spacing: 5px;
font-family: 'Georgia', serif;
font-style: italic;
z-index: 999;
}

#following{
width: 230px;
display: inline-block;
padding: 5px;
text-align:center;
background: #ecebeb;
color:#60994b;
margin:3px;
letter-spacing: 1pt;
font-size: 7.5pt;
font-weight:300;
font-family: 'Oswald', 'Trebuchet MS', sans-serif;
text-transform: uppercase;
}

#following img{
width:48px;
border: 5px solid #d5d5d5;
vertical-align: middle;
margin: 3px;
filter:alpha(opacity=80);
-moz-opacity:0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
}

#following:hover img{
border: 5px solid #323641;
filter:alpha(opacity=100);
-moz-opacity:1.0;
-khtml-opacity: 1.0;
opacity: 1.0;
-webkit-transition: all 0.8s ease-in-out;
-moz-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
-ms-transition: all 0.8s ease-in-out;
transition: all 0.8s ease-in-out;
}

a, a:link, a:visited {
color: #522736;
text-decoration: none;
}

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

a.nav, a.nav:link, a.nav:active, a.nav:visited {
text-decoration: none;
text-transform: uppercase;
font-family: 'Oswald', 'Trebuchet MS', sans-serif;
font-weight: normal;
font-style: none;
font-size: 9pt;
line-height: 9pt;
padding:4px;
color: #4f5c58;
background: #dadada;
margin:3px;
width: 100px;
display:block;
letter-spacing: 1pt;
text-align: left;
}

a.nav:hover {
text-decoration: none;
color: #141b19;
background: #dadada;
width: 150px;
letter-spacing: 3pt;
-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;
}

</style>
</head>

<body>
<div id="theme">
<a href="http://rekindling-joy.webs.com/portfolio/tumblrthemes.html" title="Theme Creator" target="_blank" class="theme">RJ<br/>Tumblr<br />Themes</a>
</div>

<div id="content">

<div id="sidebg">
<div id="sidebarlinks">
<a href="/" class="nav" title="index">Index</a>
<a href="/ask" class="nav" title="askbox">Askbox</a>
</div>
<div id="side">
<div id="titletext">Blogroll</div>
</div>
</div>

<div id="blogroll">
{block:Following}
{block:Followed}
<div id="following"><a href="{FollowedURL}" title="{FollowedName}"><img src="{FollowedPortraitURL-48}" /><br />{FollowedName}</a></div>
{/block:Followed}
{/block:Following}
</div>

<div id="sidebg2"><img src="http://static.tumblr.com/d7pwg4v/BD7mg3eid/blogrollbottom001.png"></div>

</div>

</body>
</html>