blogroll #1

<html>
<head>


<!--

© KRASIVAYAS (@ALLISONARGENS)

blogroll #1

rules:
    don't move, delete, or edit the credit
    don't use my theme as a base code
    don't steal parts of my code
    don't steal my themes or claim them as your own

-->


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


<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:30,
     tip_fade_speed:300,
     attribute:"title"
     });
     });
     })(jQuery);
</script>


<style type="text/css">

#s-m-t-tooltip{
    max-width:200px;
    padding:2px 5px;
    z-index:9999;
    margin-top:15px;
    margin-left:15px;
    color:#FFF;
    font-style:italic;
    text-transform:lowercase;
    background:#000;
}

::-webkit-scrollbar{
    height: 5px;
    width: 9px;
    -webkit-border-radius: 0px;
    background-color:#fff;
    }

::-webkit-scrollbar-thumb{
    background-color:#cecece;
    }

::-webkit-scrollbar-track{
    background-color:#fff;
    }


body {
    color:#000;
    font-family:arial;
    font-size:11px;
    text-align:justify;
    margin:0;
    line-height:16px;
    }

a {
    color:#1c1e20;
    text-decoration:none;
    }

a:hover {
    text-decoration:underline;
    text-shadow:2px 1px #feee02;
    }

#topbar {
    text-align:center;
    position:fixed;
    margin-left:-25px;
    width:550px;
    z-index:999;
    background-color:#fff;
    opacity:1;
    padding-bottom:5px;
    }

#title {
    font-size:43px;
    font-weight:bold;
    line-height:85%;
    margin-bottom:-15px;
    color:#2f2b2b;
    margin-top:50px;
    }

#title a {
    text-decoration:none;
    text-shadow:none;
    }

#links {
    line-height:16px;
    text-transform:lowercase;
    font-size:12px;
    font-weight:bold;
    }

#links a {
    margin-right:5px;
    display:inline-block;
    margin-bottom:5px;
    }

#con {
    left:50%;
    margin-left:-250px;
    position:absolute;
    z-index:1;
    }

.side1 a {
    text-decoration:none;
    text-shadow:none;
    }

.side11 {
    display:block;
    padding:5px;
    background-color:#594f4f;
    color:transparent;
    height:13px;
    width:100px;
    float:left;
    margin: 5px 0 20px 0;
    text-align: center;
    font-size: 8px;
    padding: 1px;
    line-height: 10px;
    margin-left: 25px;
    margin-top: 25px;
    margin-bottom:20px;
    -webkit-transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    -ms-transition: all 0.7s ease;
    transition: all 0.7s ease;
    }

.side11:hover {
    color:#1c1e20;
    background-color:#ffffff;
    }

.side12 {
    display:block;
    padding:5px;
    background-color:#547980;
    color:transparent;
    height:13px;
    width:100px;
    float:left;
    margin: 5px 0 20px 0;
    text-align: center;
    font-size: 8px;
    padding: 1px;
    line-height: 10px;
    margin-top: 25px;
    margin-bottom:20px;
    -webkit-transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    -ms-transition: all 0.7s ease;
    transition: all 0.7s ease;
    }

.side12:hover {
    color:#1c1e20;
    background-color:#ffffff;
    }

.side13 {
    display:block;
    padding:5px;
    background-color:#45ada8;
    color:transparent;
    height:13px;
    width:100px;
    float:left;
    margin: 5px 0 20px 0;
    text-align: center;
    font-size: 8px;
    padding: 1px;
    line-height: 10px;
    margin-top: 25px;
    margin-bottom:20px;
    -webkit-transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    -ms-transition: all 0.7s ease;
    transition: all 0.7s ease;
    }

.side13:hover {
    color:#1c1e20;
    background-color:#ffffff;
    }

.side14 {
    display:block;
    padding:5px;
    background-color:#9de0ad;
    color:transparent;
    height:13px;
    width:100px;
    float:left;
    margin: 5px 0 20px 0;
    text-align: center;
    font-size: 8px;
    padding: 1px;
    line-height: 10px;
    margin-top: 25px;
    margin-bottom:20px;
    -webkit-transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    -ms-transition: all 0.7s ease;
    transition: all 0.7s ease;
    }

.side14:hover {
    color:#1c1e20;
    background-color:#ffffff;
    }

.side15 {
    display:block;
    padding:5px;
    background-color:#e5fcc2;
    color:transparent;
    height:13px;
    width:100px;
    float:left;
    margin: 5px 0 20px 0;
    text-align: center;
    font-size: 8px;
    padding: 1px;
    line-height: 10px;
    margin-top: 25px;
    margin-bottom:20px;
    -webkit-transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    -ms-transition: all 0.7s ease;
    transition: all 0.7s ease;
    }

.side15:hover {
    color:#1c1e20;
    background-color:#ffffff;
    }

#entries {
    margin-top:155px;
    width:500px;
    position: absolute;
    padding: 0px;
    overflow: auto;
    margin-bottom:100px;
    }

#entries img {
    padding: 0px;
    width: 64px;
    margin: 2px;
    border: 3px solid #ffffff;
    background-color: #ffffff;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    }

#entries img:hover {
    border:3px solid black;
    }

#credit {
    font-size:8px;
    letter-spacing:1px;
    bottom:8px;
    right:8px;
    text-align:right;
    position:fixed;
    padding:1px 3px 1px 3px;
    font-weight:bold;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    border: 1px solid white;
    }

#credit a {
    text-decoration:none;
    text-shadow:none;
    }

#credit:hover {
    border: 1px solid #454141;
    }

</style>


<body>


<div id="con">

<div id="topbar">
<div id="title">blogroll</div>

<div class="side1">
<a class="side11" title="back" href="/">I.</a>
<a class="side12" title="dash" href="/">II.</a>
<a class="side13" title="mail" href="/">III.</a>
<a class="side14" title="navi" href="/">IV.</a>
<a class="side15" title="past" href="/">V.</a>
</div>

</div>

<div id="entries">

<center>
{block:Following}{block:Followed}<a title="{FollowedName}" href="{FollowedURL}"><img border='1' src='{FollowedPortraitURL-64}' />{/block:Followed}{/block:Following}
</center>

</div>


<div id="credit"><a href="http://krasivayas.tumblr.com">ET</a> </div>
</body>
</html>