Blogroll #2

  <html>
<!-------------------------------------------------
BLOGROLL #2 BY: http://robbarya.tumblr.com
...................................................
...................................................

TERMS OF USE:
-Don’t remove or move the credit
-Don’t redistribute
-Don’t use as a base or take bits of code
-You can edit it as much as you like as long as the credit remains untouched.
--------------------------------------------->
  <head>
    <title>Blogroll</title><!---Change the browser title-->
<link rel="shortcut icon" href="{Favicon}" />


    <style type="text/css">


      ::-webkit-scrollbar-thumb:vertical {
    background-color: #bbe4d0; /*Change the scrollbar color*/
    height:6px;
}
::-webkit-scrollbar-corner {
    background-color: transparent;
}

::-webkit-scrollbar {
    margin-left: 5px;
	height:5px;
	width:5px;
}


body {
    background-color: #eee;  /*Change the background color*/
    color: #999;  /*Change the blogs description color*/
    font-family: Calibri;
    font-size: 8px;
    letter-spacing: 0.1em;
    }


       .titulo {
          color: #d1d1d1;  /*Change the title color*/
          z-index: 2;
          padding: 10px;
          width: 190px;
          height: 16px;
          font-family: Century Gothic, calibri;
          font-size: 13px;
          font-weight: bold;
          text-transform: uppercase;
          text-align:center;
          letter-spacing: 0.4em;
        margin-bottom: -5px;
      }

.all {
    margin: 100px auto;
    width: 600px;
        }

.links {
        height: 30px;
    width: 300px;
    text-align: left;
    margin-left: -40px;
    }

.links ul {
        list-style-type: none;}

.links ul li {
        display: inline;
        width:100px;
      }

.links ul li a {
    letter-spacing: 0.2em;
    font-size: 8px;
    text-decoration:none;
    color: #ccc;  /*Change the links color*/
    background-color: #ffffff;  /*Change the links background color*/
    padding: 5px;
    text-transform: uppercase;
    text-align: center;
      }

.links ul li a:hover {
       background-color: #bbe4d0;  /*Change the links background hover color*/
       text-align: right;
       color: #fff;  /*Change the links hover color*/
       }

 /*BLOG---------------------------------------*/

.blogroll {
        width: 530px;
        background-color: #fff;  /*Change the container background color*/
        margin-left: 0px;
        padding: 10px 0px;
        height: 340px;
        text-align: center;
        overflow: scroll;
        }

.blog {
    margin-bottom: 10px;
    margin-left: 5px;
    float:left;
    width: 165px;
    }

.blog img {
        height: 40px;
        width: 40px;
        }


.blog a, a:active, a:visited {
text-decoration: none;
color: #ccc;  /*Change the blogs title color*/
text-transform:uppercase;
}

.blog a:hover {
text-decoration:underline;
color: #bbe4d0; /*Change the blogs hover color*/
}
.bloginfo {
    overflow: hidden;
    text-align: left;
    padding: 5px;
    background-color: #eee;  /*Change blogs info background color*/
    width: 100px;
    height: 30px;
    float: right;
        }
    </style>

  </head>
  <body>
   <div class="all">
   <div class="titulo">Blogroll</div> <!--Change the title----->
     <div class="links">
     <ul>
       <li><a href="/">home</a></li>
         <li><a href="/ask">message</a></li>
         <li><a href="http://tumblr.com/dashboard">dashboard</a></li>
       <li><a href="http://robbarya.tumblr.com">credit</a></li>
     </ul>
     </div>
     <div class="blogroll">
     {block:Following}{block:Followed}
    <div class="blog">
    <a target="_blank" href="{FollowedURL}"> <img border: "0" src="{FollowedPortraitURL-40}"/>
       </a>
     <div class="bloginfo"><a target="_blank" href="{FollowedURL}">{FollowedName}</a><br>{FollowedTitle}</div>
     </div>
    {/block:Followed}{/block:Following}
     </div>
     </div>

    </div>
  </body>
</html>