BIAS PAGE #1: joy .no scroll.

<!DOCTYPE html>
<head>
<title>{Title}</title>
<link rel="shortcut icon" href="{favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">

<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">

<style type="text/css">

iframe#tumblr_controls{
    white-space:nowrap!important;
    -webkit-filter:invert(60%)!important;
    -moz-filter:invert(60%)!important;
    -ms-filter:invert(60%)!important;
    -o-filter:invert(60%)!important;
    filter:invert(60%)!important;
    top:10px!important;
    right:10px!important;
    opacity:.3!important;
    position:fixed!important;}

::-webkit-scrollbar{
    height:2px;
    width:4px;
    background:inherit;
    margin-right:10px;
}

::-webkit-scrollbar-thumb{
    margin-right:10px;
    background:#ddd;
    border-radius:2px;
    -webkit-border-radius:2px;}

.tmblr-iframe {
    margin:10px;
    opacity:.5;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    -webkit-transition-duration: 0.2s;q
    transition-duration: 0.2s;
}

.tmblr-iframe:hover{
    opacity:.8;
    -moz-transition-duration: 0.6s;
    -o-transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;q
    transition-duration: 0.6s;
}

#s-m-t-tooltip{
    max-width:300px;
    margin-top:25px;
    margin-left:15px;
    z-index:999999;
    letter-spacing:1px;
    text-transform:uppercase;
    font-size:8px;
    border: solid 1px #dcdee2;
    background-color:#fcfcfc;
    color:#818284;
    padding:1px 3px 1px 3px;
}

body {
    font-family:Open Sans; /* font family of all the text */
    font-size:11px; /* font size  of all the text */
    color:#3d3e3f; /* font color */
    background:#fcfcfc; /* background color */
    letter-spacing:1px;
}

a, a:visited{
    text-decoration:none;
    color:#000;
}

a:hover {
    color:#000;
}

.container {
    width:548px;
    margin: 10% auto 50px;
}

.title {
    font-weight:bold;
    display:inline-block;
    margin:0 0 0px 6px;
    font-size:20px;
}

.links {
    font-style:italic;
    display:inline-block;
    float:right;
    margin:10px 2px 0 0;
}

.links a{
    color:#000;
    padding:4px;
}

.boxes {
    border-radius:3px;
    background:white; /* entire box background color */
    width:548px;
    border: solid 1px #e9e9e9;
}

.box {
    display:inline-block;
    padding: 25px;
    width:130px;
    vertical-align:top;
}

.box img{
    width:130px;
    height:130px;
}

.info {
    margin-top:-5px;
}

.name {
    border:solid 1px #f1f1f1;
    background:#fafafa;
    font-weight:bold;
    padding:4px;
    text-transform:uppercase;
    text-align:center;
}

.group {
    padding:2px;
    text-align:center;
    margin-top:3px;
    text-transform:uppercase;
    font-size:9px;
}

.cred {
    position:fixed;
    right:10px;
    bottom:10px;
    font-size:11px;
    color:#000;
}


</style>
</head>

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/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>

<body>


<div class="container">

<!-- TOP INFO -->

<div class="title">title</div> <!-- PAGE TITLE -->

<div class="links">
    <a href="/">home</a>
    <a href="/ask">ask</a>
    <a href="https://www.tumblr.com/">dash</a>
</div>

<!------------ START BOXES  --------->

<div class="boxes">


<!--           start box            -->


<div class="box">
    <a href="/"><img src="IMAGE URL"/></a>

    <div class="info">
    <div class="name">
        <a href="/">BIAS NAME</a>
    </div>
    <div class="group">
        <a href="/">GROUP NAME</a>
    </div>
    </div>
</div>


<!--           end box            -->


<!--           start box            -->


<div class="box">
    <a href="/"><img src="IMAGE URL"/></a>

    <div class="info">
    <div class="name">
        <a href="/">BIAS NAME</a>
    </div>
    <div class="group">
        <a href="/">GROUP NAME</a>
    </div>
    </div>
</div>


<!--           end box            -->


<!--           start box            -->


<div class="box">
    <a href="/"><img src="IMAGE URL"/></a>

    <div class="info">
    <div class="name">
        <a href="/">BIAS NAME</a>
    </div>
    <div class="group">
        <a href="/">GROUP NAME</a>
    </div>
    </div>
</div>


<!--           end box            -->


<!--           start box            -->


<div class="box">
    <a href="/"><img src="IMAGE URL"/></a>

    <div class="info">
    <div class="name">
        <a href="/">BIAS NAME</a>
    </div>
    <div class="group">
        <a href="/">GROUP NAME</a>
    </div>
    </div>
</div>


<!--           end box            -->


</div>

<!------------ END BOXES  --------->

</div>
<div class="cred"><a href="http://southcodes.tumblr.com/" title="southcodes">×</a></div>
</body>
</html>