blogroll theme #1



    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
    <title>{Title}</title>
    <link rel="shortcut icon" href="{Favicon}">
    <link rel="alternate" type="application/rss+xml" href="{RSS}">
    {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}

    <!----
    THEME BY NARRULD do not copy or remove credit
    --->

    <head>

    <style type="text/css">

::-webkit-scrollbar-thumb{ background-color: #31b59d; border: 2px solid #fff; height:auto; }

::-webkit-scrollbar { height:8px; width:11px; background-color: #31b59d; border:4px solid #fff; }


    body {
         background-image: url(http://29.media.tumblr.com/tumblr_lxwynw0Pdg1r9g6hvo5_250.png);
        margin:0px;
        color:#cecccc;
        font-family:arial;
        padding:5px;
        line-height:100%;
    }

    a {
    color:#cecccc;
    text-decoration:none;
    outline:none;
    opacity:1 ;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    transition: all 0.8s;
    }

    a:hover {
    color:#1d1d1d;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    transition: all 0.8s;
    }


    img {
        border:none;
    }

    blockquote {
        padding-left:5px;
        border-left:2px solid;
    }

    blockquote blockquote {
        padding-left:5px;
        border-left:2px solid;
    }

    h1 {
        font-size:15px;
    }

    #themeslink {
        position:absolute;
        top:22%;
        left:59%;
        font-size:12px;
    }

    #themeslink a{
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        display: inline-block;
        text-transform: lowercase;
        letter-spacing:0px;
        color:#31b59d;
        text-align:center;
        width:50px;
        font-weight:bold;
        padding:3px 2px 3px 2px;
    -moz-transition-duration:0.5s;
    -webkit-transition-duration:0.5s;
    -o-transition-duration:0.5s;
    }

    #themeslink a:hover{
        color:#31b59d;
        text-decoration:line-through;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    -moz-transition-duration:0.5s;
    -webkit-transition-duration:0.5s;
    -o-transition-duration:0.5s;

    }

    #box {
        position:absolute;
        width:630px;
        height:400px;
        top:25%;
        left:27%;
        overflow:scroll;
        border:3px solid #31b59d;
    }

    .sidebartitle {
        position:fixed;
        font-size:30px;
        font-family:arial;
        letter-spacing:-2px;
        font-weight:bold;
        left:27%;
        top:21%;
        color:#159476;
        padding:5px;
    }

    .icons img {
        border:3px dotted #eee;
        margin-top:8px;
        padding:7px;
    -moz-transition-duration:0.3s;
    -webkit-transition-duration:0.3s;
    -o-transition-duration:0.3s;
    }

    .icons img:hover {
        border:3px dotted #44bd9a;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -moz-transition-duration:0.3s;
    -webkit-transition-duration:0.3s;
    -o-transition-duration:0.3s;

    }

    l {color: #999;}


    {CustomCSS}

        #s-m-t-tooltip {
max-width:300px;
padding:3px 4px 3px 4px;
margin:20px 0px 0px 20px;
background-color:#fff; /* change the background color */
border:1px solid #ddd; /* change the border color */
font-family:arial; /* change the font */
font-size:9px; /* change the font size */
letter-spacing:2px; /* change the letter spacing */
text-transform:uppercase; /* can be uppercase, lowercase, none*/
color:#aaa; /* change the text color */
z-index:999999999999999999999999999999999999;
}


    </style>
    </head>

        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
<script>
(function($){
$(document).ready(function(){
$("a[title]").style_my_tooltips({
tip_follows_cursor:true,
tip_delay_time:90,
tip_fade_speed:600,
attribute:"title"
});
});
})(jQuery);
</script>

    <body>
    <div class="sidebartitle">{Name}'s blogroll.</div>
    <center><div id="themeslink">
    <a href="/">home</a>&nbsp;
    <a href="/ask">mssg</a>&nbsp;
    <a href="http://www.tumblr.com/dashboard">dash</a>
    </div>
    </div></div>
    <center><div id="box">
    <center><div class="icons">
{block:Following}{block:Followed}

<a target="_blank" href="{FollowedURL}"title="{FollowedName}"><img src="{FollowedPortraitURL-64}"/>

{/block:Followed}{/block:Following}</a></div></div>


       <div style="position:fixed;bottom:2px; right:3px; font-size:9px; letter-spacing:1px; font-family:calibri;border:1px solid;padding:4px;color:#aaa;"><a href="http://narruld.tumblr.com/"><l>NARRULD</l></a></center></div>

    </body></html>