rjblogroll001

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

<!--
      RJ Tumblr Theme - Blogroll Page - 001
      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=Sue+Ellen+Francisco' 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: #ecebeb;
background-image: url('http://static.tumblr.com/d7pwg4v/KDAmb8n0o/crazykira03.jpg');
background-repeat: repeat;
background-attachment:fixed;
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;
}

#sidecontent {
top:50%;
position:fixed;
margin-left: 0px;
}

#sidebg {
width: 180px;
height: 120%;
margin-top: -70px;
margin-left: -30px;
position:fixed;
z-index: 499;
background: #dadada;
-moz-border-radius: 1000px 25px 50px 25px;
border-radius: 1000px 25px 50px 25px;
}

#blogroll {
width:650px;
font-family: 'Oswald', sans-serif;
color: {color:posttext};
font-size: 8.5pt;
margin-top: 20px;
margin-left: 165px;
padding: 3px;
padding-bottom: 0px;
position: absolute;
z-index: 899;
}

#sidebarlinks {
position: fixed;
margin-top: -150px;
margin-left: 85px;
text-align:center;
width: 70px;
z-index: 799;
}

#titletext {
padding:10px;
padding-right: 20px;
font-family: 'Oswald', 'Trebuchet MS', sans-serif;
font-weight:200;
text-align: right;
text-transform: uppercase;
color: #9c2a32;
position: fixed;
margin-top: -20px;
margin-left: -155px;
width: 400px;
z-index: 899;
font-size: 40pt;
line-height: 40pt;
background: #dadada;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(-90deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
-moz-border-radius:100px 1000px;
border-radius:100px 1000px;
}

#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{
display: inline-block;
width: 100px;
padding: 10px;
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: 7pt;
line-height: 7pt;
padding:4px;
color: #4f5c58;
background: #dadada;
margin:3px;
display:block;
letter-spacing: 1px;
text-align: right;
}

a.nav:hover {
text-decoration: none;
color: #141b19;
background: #dadada;
letter-spacing: 1px;
-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="sidecontent">
<div id="sidebarlinks">
<a href="/" class="nav" title="index">Index</a>
<a href="/ask" class="nav" title="askbox">Askbox</a>
</div>
<div id="sidebg"></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}" /></a> <br />{FollowedName}</div>
{/block:Followed}
{/block:Following}
</div>

</div>

</body>
</html>