BIAS PAGE

 <!--
                        Page #2: Bias Page
                Page by Gwendolyn @ luhands-themes
                  Please do NOT remove the credit
                  You are free to customize theme
                    Any questions? Ask here:
                getyourluhandsonme.tumblr.com/faq
                              or
                  luhandsthemes.tumblr.com/faq
                      PLEASE Like or Reblog
                 I'd Love to see what you've done

-->

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<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=Oswald' rel='stylesheet' type='text/css'/>

<style type="text/css">

::-webkit-scrollbar-thumb:vertical {
    background-color:#fff;
    height: 30px;
}

::-webkit-scrollbar-thumb:horizontal {
    background-color:#fff;
    width: 30px;
}

::-webkit-scrollbar {
    background-color:#000;
    height: 5px;
    width: 5px;
}

body{
background-color:#fff; /* bg colour */
font-family:'Oswald', sans-serif;
font-size:10px;
text-transform:uppercase;
color:#fff; /* text colour */
}

a{
text-decoration:none;
color:#fff; /* link colour */
}

a:hover {
    color: #000; /* link hover colour */
}

#backgroundleft {
    background: #000; /* sidebar bg colour */
    position:fixed;
    left:0px;
    top:0px;
    width:310px;
    height:100%;
    border-right: 4px double #fff; /* background divider colour */
}

#sidecont {
    position: fixed;
    width: 200px;
    padding: 10px;
    margin-left: 25px;
    margin-top: 140px;
}

#sidebar {
    width: 200px;
    background: #000; /*same as background left! */
}

#sidebar img {
    width:200px;
    border: 4px double #fff; /* sidebar image border colour */
    margin-top:10px;
}

.desc {
    margin-top: 12px;
    color: #fff; /* description colour */
    font-family: 'Oswald', sans-serif;
    font-size: 11px;
}

ul {
    list-style-type: dotted;
    width: 200px;
    overflow: hidden;
    margin-left:-10px;
    margin-top:25px;
}

#title {
    width: 180px;
    padding: 0px 10px;
    text-align: right;
    font-family: 'Oswald', sans-serif;
    font-size: 23px;
    margin-top: -20px;
    margin-left:20px;
}

#title a {
    color: #fff; /* title colour */
}

#title a:hover {
    color: #000; /* title hover colour */
}

#bias{
    float:left;
    width:150px;
    margin-left:15px;
    margin-right:15px;
    margin-top:30px;
}

#box{
    margin-left:133px;
    margin-top:8%;
}

#image{
    background-color: #000; /* image bg colour */
    width:150px;
    height:150px;
    padding:5px 5px 5px 5px;
    border-radius: 2px 2px 2px 2px;
    border: 4px double #fff; /* image border colour */
}

#name{
    width:130px;
    padding: 2px 4px 2px 4px;
    margin-top:8px;
    margin-bottom:5px;
    margin-left:10px;
    font-family:'Oswald', sans-serif;
    font-size:10px;
    letter-spacing:1px;
    color:#fff; /* name colour */
    text-align:center;
    background:#000;
    border: 4px double #fff;
    border-radius: 2px 2px 2px 2px;
}

.credit {
    position:fixed;
    bottom:4px;
    right:8px;
    background:#000; /* credit bg colour */
    font: 9px 'Oswald', sans-serif;
    color:#fff; /* credit link colour */
    border:4px double #fff; /* credit border colour */
    text-transform:uppercase;
    letter-spacing: 0px;
    padding: 2px;
}

</style>
</head>
<body>

<div id="backgroundleft"></div>

<div id="sidecont">
<div id="title"><a href="/">Bias Page</a></div>
<div id="sidebar">
<a href="/"><img src="http://i.imgur.com/qWws0lv.jpg"></a>
        <div class="desc"><center>My Bias list is so much longer. You don't even know. I'll add to this later I'm sure! Icons are available <a href="http://beingikon.tumblr.com/ikons">here</a>!</center></div>
        </div>
   <div style="float: left; width: 50%;">
   <ul>
   <li><a href="/">Home</a>
   <li><a href="/ask">ask</a>
   </ul>
   </div>

    <div style="float: left; width: 50%;">
    <ul>
    <li><a href="/br">Blogroll Page</a>
    <li><a href="/squad">Family Page</a>
    </ul>
    </div>
    </div>

<table border="0" cellpadding="0" cellspacing="0" align="center">

<!--if you want to add more icons (max four across for best look) copy and paste this:

<tr><td>

<div id="bias">
<center><div id="image"><img src="img url"/></div></center>
<div id="name"><a href="/">name</a></div>
</div>
</div>

<div id="bias">
<center><div id="image"><img src="img url"/></div></center>
<div id="name"><a href="/">name</a></div>
</div>
</div>

<div id="bias">
<center><div id="image"><img src="img url"/></div></center>
<div id="name"><a href="/">name</a></div>
</div>
</div>

<div id="bias">
<center><div id="image"><img src="img url"/></div></center>
<div id="name"><a href="/">name</a></div>
</div>
</div>

</td></tr>

-->

<!--START OF FIRST ROW-->
<tr><td>


<div id="bias">
<center><div id="image"><img src="http://i.imgur.com/VQJ6QMR.jpg"/></div></center>
<div id="name"><a href="/tagged/salt">suga</a></div>
</div>
</div>


<div id="bias">
<center><div id="image"><img src="http://i.imgur.com/urfRIrY.jpg"><div></center>
<div id="name"><a href="/tagged/baby+lion">v</a></div>
</div>
</div>


<div id="bias">
<center><div id="image"><img src="http://i.imgur.com/YjEZZHj.jpg"/></div></center>
<div id="name"><a href="/tagged/bby+girl">hyuna</a></div>
</div>
</div>

<div id="bias">
<center><div id="image"><img src="http://i.imgur.com/WiCRv53.jpg"/></div></center>
<div id="name"><a href="/tagged/kitty">leo</a></div>
</div>
</div>

</td></tr>
<!--END OF FIRST ROW-->


<!--START OF SECOND ROW-->
<tr><td>


<div id="bias">
<center><div id="image"><img src="http://i.imgur.com/9djVNTl.jpg"/></div></center>
<div id="name"><a href="/tagged/mini+hyung">xiumin</a></div>
</div>
</div>


<div id="bias">
<center><div id="image"><img src="http://i.imgur.com/1hfsS8g.jpg"/></div></center>
<div id="name"><a href="/tagged/honey+vocals">daehyun</a></div>
</div>
</div>


<div id="bias">
<center><div id="image"><img src="http://i.imgur.com/ANGOuuZ.jpg"/></div></center>
<div id="name"><a href="/tagged/hani">hani</a></div>
</div>
</div>


<div id="bias">
<center><div id="image"><img src="http://i.imgur.com/q4lCtwK.jpg"/></div></center>
<div id="name"><a href="/tagged/la+lune">luna</a></div>
</div>
</div>

</td></tr>
<!--END OF SECOND ROW-->
<!--Paste third row here-->

</table>

<!--Dont touch but you can change the colour if you want-->
<div class="credit"><a href="http://luhandsthemes.tumblr.com/"><center>theme by luhands</center></a></div></div>

</body>
</html>