Page 12

<!DOCTYPE html>
<head>

<!------------------------------------------------------------------

BLOGROLL BY AILEEN

base by salazhar


------------------------------------------------------------------->

<title>Blogroll</title>
<link rel="shortcut icon" href="{Favicon}">

<!-- TOOLTIP SCRIPTS -->
<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
<script>
   (function($){
       $(document).ready(function(){
           $("[title]").style_my_tooltips({
               tip_follows_cursor:true,
               tip_delay_time:200,
               tip_fade_speed:300
           }
               );
       });
   })(jQuery);
</script>

<style type="text/css">

::-webkit-scrollbar-thumb:vertical {border:1px solid #EBEEFF;height:12px; background-color:#EBEEFF;}
::-webkit-scrollbar-thumb:horizontal {background-color:#EBEEFF;}
::-webkit-scrollbar {background-color:white;height:7px;width:7px;border:5px solid #f1f1f1;}

/** BODY **/
body{
font-family:Arial;
}

/** TOOLTIPS **/
#s-m-t-tooltip{
    font:arial;
    font-weight:bold;
    max-width:300px;
    margin:15px;
    padding:5px 5px;
    background:#06d190; /** tooltip background color **/
    color:#fff; /** toolip color **/
    z-index:999999;
    font-size:11px;
    text-transform:lowercase;
}

/** LINKS **/
a{
text-decoration:none;
-webkit-transition-duration:.6s;
-moz-transition-duration:.6s;
-o-transition-duration:.6s;
-ms-transition-duration:.6s;
}

a:hover{
-webkit-transition-duration:.6s;
-moz-transition-duration:.6s;
-o-transition-duration:.6s;
-ms-transition-duration:.6s;
}


/** CONTAINER **/
#content {
    background:#ADE8F0;
    margin:0 auto;
    margin-top:10px;
    width:650px;
    height:450px;
    overflow-y:auto;
    box-shadow:5px 5px 2px #f1f1f1;
}

/** ICONS **/
#content img{
    margin-left:5px;
    width:50px;
    padding:3px;
    border:5px solid #ADE8F0;
    -webkit-transition-duration:.6s;
    -moz-transition-duration:.6s;
    -o-transition-duration:.6s;
    -ms-transition-duration:.6s;
}

#content img:hover{
    opacity:.7;
    border:5px solid #00BBBB;

}

/** TITLE **/
#title{
    padding-bottom:10px;
    padding-top:10px;
    font-size:30px;
    font-family:arial;
    font-weight:bold;
    width:650px;
    margin:0 auto;
    margin-top:50px;
    color:#fff;
    background:#9ff4c5;
    text-align:center;
    -webkit-transition-duration:1s;
    text-shadow:10px 0px transparent, -10px 0px transparent;
    -webkit-transition: all 0.5s linear;
    box-shadow:5px 5px 2px #f1f1f1;
}

#title a{
    color:#fff;
    padding-bottom:15px;
}

/** CREDIT **/
.credit a{
    font-size:7px;
    bottom:7px;
    right:10px;
    position:fixed;
    letter-spacing:1px;
    font-weight:bold;
    text-transform:uppercase;
    color:#000;
    text-decoration:none;
}

.credit a:hover{
    color:#eee;
}


</style>
</head>
<body>

<div id="title">chipotleigh's blogroll;
<a href="/"style="font-size:25px;padding-bottom:5px">back • </a>
<a href="/ask"style="font-size:25px;padding-bottom:5px">ask • </a>
<a href="http://tumblr.com"style="font-size:25px;padding-bottom:5px">dash  </a>
</div>

<div id="content">

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

<div class="credit"><a href="http://champaynepapi.tumblr.com">CL</a></div>

</body>
</html>