Page 02 - Minimal Roll


     <!--- Minimal Roll Blogroll by anomolie-themes.tumblr.com
           Do NOT remove the credit
           Do NOT steal the code
           Feel free to edit the code (but dont remove the credit)
           Feel free to message me for help!

           This is not a base code and shouldn't be used as such
           -->


    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

    <head>

    <link href='http://fonts.googleapis.com/css?family=Droid+Sans' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Inconsolata' rel='stylesheet' type='text/css'>


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


    <style type="text/css">

    body {
    background-color: #ffffff; /*background colour*/
    background-image: url('http://media.tumblr.com/2a5bdde25c104803cd329da15f15b32d/tumblr_mwxu4rNH861qgrprno3_500.gif'); /*background image*/
    background-size:cover;/*delete for repeating background*/
    margin:0 0 0 0;
    background-attachment: fixed;
        overflow-y:hidden;
        font-family: 'Inconsolata', ;
        font-size:12px;

    }

    a {
        color:black; /*link colours*/
        text-decoration:none;
        -moz-transition-duration: 0.2s;
        -o-transition-duration: 0.2s;
        -webkit-transition-duration: 0.2s;
        transition-duration: 0.2s;
    }

    a:hover {
        color:grey;/*link colours on hover*/
        text-decoration:underline;
         -moz-transition-duration: 0.3s;
         -o-transition-duration: 0.3s;
         -webkit-transition-duration: 0.3s;
         transition-duration: 0.3s;
    }

    ::-webkit-scrollbar {width: 9px; height: 3px; background: #FFFFFF;}/*whole scrollbar colour*/
::-webkit-scrollbar-thumb {background-color:grey ;} /*scrollbar thumb colour (the moving bit)*/

    #conte {
    padding: 0px;
    margin-top: 0px;
    margin-left: 10px;
    overflow: auto;
    float:left;
    }

    #conte img {
    padding: 0px;
    width: 55px;
    margin: 3px;
    border: 3px solid #ffffff; /*image borders*/
    background-color: #ffffff;
        -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -moz-box-shadow: 0 0 5px 5px #888;
-webkit-box-shadow: 0 0 5px 5px#888;
box-shadow: 0 0 5px 1px #888;

    }

    #conte img:hover {
        border-color: black;/*image borders on hover*/
    -moz-border-radius: 55px;
    -webkit-border-radius: 55px;
    border-radius: 55px;
    -moz-transition-duration: 0.5;s
    -o-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;

    }

    .wholecontae {
        margin:0 auto;
        background-color:#FFFFFF;/*main container background (the white bit)*/
        height:100%;
        width:600px;
        position:fixed;
        -moz-box-shadow: 0 0 5px 5px #888;
-webkit-box-shadow: 0 0 5px 5px#888;
box-shadow: 0 0 5px 3px #888;/*shadow colours, make sure to change them all to the same color*/
    }

    .contae {
        margin:0 auto;
        margin-top:20px;
        height:400px;
        width:500px;
        padding:5px;
        background-color:#D2D2D2;/*inner container background (the grey bit)*/
        overflow-y:auto;
        overflow-x:hidden;
        padding:5px;
        -moz-box-shadow: inset 0 0 5px #888;
-webkit-box-shadow: inset 0 0 5px #888;
box-shadow: inset 0 0 5px #888;/*shadow colours, make sure to change them all to the same color*/
    }

    .linkes { /*link container*/
        width:500px;
        height:40px;
        margin:0 auto;
        padding:5px;
        margin-top:30px;
        text-align:center;
        text-transform:uppercase;
        text-decoration:none;
        font-size:16px;

    }

    #s-m-t-tooltip{
        max-width:300px;
                margin-top:25px;
                margin-left:15px;
                padding-left:5px;
                padding-right:5px;
                padding-top:1px;
                padding-bottom:1px;
                z-index:999999;
                background-color:white; /*tooltip background color*/
                color:grey; /*tooltip text colour*/
                font-size:8px;
                font-family: 'Droid Sans', sans-serif;
                font-weight:200;
                -moz-border-radius: 5px;
                -webkit-border-radius: 5px;
                border-radius: 2px;
    }
    /*please dont remove*/
    .credite {
    position:fixed; bottom:10px; right:10px; max-width:50px; font-size:20px;
}

.credite a {
    text-decoration:none;
    font-size:20px;
}

.credite a:hover {
    text-decoration:none;
    font-size:20px;
}

    </style>

    <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(){
    $("[title],a[title],img[title]").style_my_tooltips({
        tip_follows_cursor:true,
        tip_delay_time:100,
        tip_fade_speed:250,
        attribute:"title"
    });
    });
    })(jQuery);
    </script>

    </head>

    <link href="#s-m-t-tooltip" rel="stylesheet" type="text/css" />

    <body>
     <div class="wholecontae">
     <div class="contae">
    <div id="conte">

    <center>
    {block:Following}{block:Followed}<a target='_blank' href='{FollowedURL}'><img border='1' src='{FollowedPortraitURL-96}' title="{FollowedTitle}"></a>{/block:Followed}{/block:Following}
    </center>

    </div>
    </div>

    <div class="linkes">
        <!--- Links -->
        <a href="/">home</a>
        <a href="/ask">ask</a>
        <a href="#">link</a>
        <a href="#">link</a>
        <a href="#">link</a>
        <div class=”credite”><a href=”http://anomolie-themes.tumblr.com/” title="theme by animolie">♞</a></div> <!—— do not remove —>

    </div>

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