Navigation #8 One piece

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<!-- BASE CODE BY DYLAENOBRIENS -->

<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}" />

    <style type="text/css">


   /*--scrollbar--*/

::-webkit-scrollbar-thumb:vertical {border:3px solid #fff;height:12px; background-color:{color:scrollbar};}
::-webkit-scrollbar-thumb:horizontal {background-color:#fff;}
::-webkit-scrollbar {background-color:{color:scrollbar};height:7px;width:12px;border:5px solid #fff;}
::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment{background-color:{color:scrollbar};display:block;height:8px;border-right:2px solid #fff;border-left:2px solid #fff;
}
   /*--body--*/


    body {
    font-style:none;
    background-color:{color:bg};
    font-family:calibri;
    color:{color:text};
    font-size:9px;
    }


    a {
    color:{color:link};
    text-decoration:none;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    }

    a:hover {
    color:{color:hover};
    text-decoration:none;
    -webkit-transition: all 0.8s ease-out;
    -moz-transition: all 0.8s ease-out;
    transition: all 0.8s ease-out;
    }

    img {
    border:none;
    }

    blockquote {
    padding-left:5px;
    border-left:2px solid {color:border};
    }

    h1 {
    font-size:10px;
    }

   /*--Cursor code--*/


   *, body, a, a:hover {cursor: url("http://www.totallylayouts.com/cursors/random/tiny_cursor.png"), auto }

    /*everything*/

    #everything {
    margin-left:250px;
    margin-top:270px;
    }

   #sidebar {
    width: 100px;
    height: 670px;
    display: block;
    margin-top:-130px;
    margin-left: -110px;
    }

    #one {
    margin-top:105px;
    margin-left: 320px;
    -webkit-transition: opacity 0.8s ease-in-out;
    -moz-transition: opacity 0.8s ease-in-out;
    -o-transition: opacity 0.8s ease-in-out;
    -ms-transition: opacity 0.8s ease-in-out;
    transition: opacity 0.8s ease-in-out;
    }

    #one img {
    opacity:1;
    width:560px;
    height:auto;
    padding:5px;
    }


    #title {
    font-family:'times new roman';
    font-size:70px;
    margin-top:-70px;
    margin-left:215px;
    color:#bbbaba
    }

    /*--links--*/

    #links {
    width:150px;
    font-family:'cambria';
    text-transform:uppercase;
    text-align:center;
    margin-top:-314px;
    margin-left:180px;
    }

    #links a {
    padding:3px;
    font-size:11px;
    color:#bbb8b8;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    }

    #links a:hover {
    color:#fff;
    background-color:#bbb8b8;
    }


    #grouplinks {
    width:120px;
    margin-top:3px;
    padding:7px;
    margin-left:190px;
     }


    #grouplinks a {
    font-family:'times new roman';
    display:block;
    color:#bbb8b8;
    font-size:10px;
    padding:6px;
    text-align:center;
    letter-spacing:1px;
    text-transform:uppercase;
    margin-bottom:5px;

    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    }

    #grouplinks a:hover {
    background:#bbb8b8;
    color:#fff;
    }


    {CustomCSS}

    </style></head>


<body>

<div id="everything">

<div id="title"> </div>
<div id="sidebar">
<div id="one"><img src="https://31.media.tumblr.com/65076d7d92da6ca2c94d1c58dff0f035/tumblr_n3xnreo1DO1skcofto1_500.gif"></div>

<div id="links">
<a href="/">HOME</a>
<a href="/ask">ASK</a>
<a href="http://hellzayn.tumblr.com/">CREDIT</a>
</div>

<table id="all" border="0" cellpadding="0" cellspacing="0">

<div id="grouplinks">
<a href="/tagged/">link 1</a>

<a href="/tagged/">link 2</a>

<a href="/tagged/">link 3</a>

<a href="/tagged/">link 4</a>

<a href="/tagged/">link 5</a>

<a href="/tagged/">link 6</a>

<a href="/tagged/">link 7</a>

<a href="/tagged/">link 8</a>

<a href="/tagged/">link 9</a>

<a href="/tagged/">link 10</a>

</div></td>


</table>

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