mpage #03

<!DOCTYPE html>
<!--

PAGE MADE BY MORGANE (kilmorecove@tumblr / teen-wolf@tumblr)

Made for personal use only.

RULES:
- Do not remove the credits
- Do not move the credits to a secondary page
- Do not take snippets from this code
- Do not redistribute and/or claim the code as your own

You're allowed to edit the code as you want as long as you respect the rules.
For help message me @ kilmorecove.tumblr.com

Enjoy! :)

-->
<html>
        <head>

                <!--Title shown on tab-->
                <title>Blogroll</title><link rel="shortcut icon" href="{Favicon}" />
                <!--STEP 2: CSS styling-->
                <style type="text/css">

@font-face {
    font-family: 'orator';
    src: url('http://static.tumblr.com/3k4zrsq/xjHmh16d0/oratorstd.otf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

::-webkit-scrollbar {width: 15px; height: 4px; background: #f0f0f0;}
::-webkit-scrollbar-thumb {background-color:#dadada;}

body {
    background-image: url(http://static.tumblr.com/3k4zrsq/RM0mh33z6/straws.png);
    background-attachment: fixed; }

                ul {width: 430px;
                   margin-left:-30px; list-style: none;
margin-right: 5px;
margin-top: 10px;


                }
                li {  list-style: none;
                      float: left;
                       }


li img {border: 5px solid #f0f0f0;  margin: 5px;}
li img {border: 5px solid #dfdfdf;}
img
{
opacity:0.6;
filter:alpha(opacity=60); /* For IE8 and earlier */
}
img:hover
{-webkit-transition: all 0.6s ;
-moz-transition: all 0.6s ;
-ms-transition: all 0.6s ;
-o-transition: all 0.6s ;
transition: all 0.6s ;
opacity:1.0;
filter:alpha(opacity=100); /* For IE8 and earlier */
}

a {-webkit-transition: all 0.6s ;
-moz-transition: all 0.6s ;
-ms-transition: all 0.6s ;
-o-transition: all 0.6s ;
transition: all 0.6s ;
text-decoration: none;}

#contenuto {
padding: 0px;
margin-top: 10px;
margin-left: 30%;
width: 455px;
height: 455px;
overflow: auto;
border-top: 15px solid #f0f0f0;
border-bottom: 15px solid #f0f0f0;
border-left: 15px solid #f0f0f0;
background-color: #f7f7f7;
}

#info { width: 470px; background-color: #f0f0f0; margin-left:30%; font-family:'orator'; font-size:24px; text-align:center; text-transform: lowercase; color: #70839b; margin-top: 5%;}
#crd {margin-left:30%; font-size:14px; font-family:'cambria'; width:470px; text-align:center; font-style: italic; margin-top: 10px; color: #fff;}
#crd a {color:#cacccf; background-color: #fff; padding: 0px 10px;}
#crd a:hover {color: #fff; background-color: #dadbdc;}
                </style>

</head>

        <body>
                <div id="info"><div class="title">nice people</div></div>
<div id="crd"><a href="/">back</a> . <a href="/ask">message</a> . <a href="http://tumblr.com">dashboard</a> . <a href="http://piippin.tumblr.com">credits</a></div>
<div class="main"></div>
</div>
{block:Following}
<div id="contenuto">

                <ul>
                        {block:Followed}

                        <li>

                                <a href="{FollowedURL}"><img src="{FollowedPortraitURL-64}"/></a>

                        </li>
                        {/block:Followed}
                </ul>
                {/block:Following}
</div>

        </body>
</html>