zoeyrph Navigation Theme #2

<!DOCTYPE html>
<html>
<head>

<!-- Navigation Theme #2 by zoeysthemes.tumblr.com (zoeyrph|tumblr).
     Please don't steal this, or edit and repost. I'll get butthurt.
     Yes, you may edit this, but do not distribute. Don't be an a$$hole.
     Enjoy! -->

<title>{Title}</title>

<link rel="shortcut icon" href="{Favicon}">

<style type="text/css">

body {
    color:#ffffff;
    font-family:Verdana;
    font-size:12px;
    background-color:#000000;
    background-image:url('http://static.tumblr.com/a72e88ac1b7d4efbf62334e375bafc3a/mnwtsda/dYjn36qmc/tumblr_static_1.jpg');
    }

.credit {
	padding:10px;
	font-size:20px;
	color:#ffffff;
	position:fixed;
	bottom:10px;
	right:10px;
		}

    ::-webkit-scrollbar {
    height:10px;
    width:8px;
    background:#fff;
    }

    ::-webkit-scrollbar-thumb:vertical {
    background:#eee;
    height:100px;
    }

#sidebar img {
    position:fixed;
    width:280px;
    height:500px;
    margin-top:110px;
    margin-left:250px;
    padding:5px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    }

.links {
position:fixed;
font-family:Verdana;
font-size:12px;
text-align:center;
text-transform:uppercase;
margin-top:325px;
}

.links a {
display:block;
width:250px;
border-bottom:2px solid #fffabd;
padding:5px;
background-color:#fffabd;
color:#bd7a7a;
opacity:0.2;
margin-left:265px;
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;
}

.links a:hover {
color:#bd7a7a;
opacity:0.8;
-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;
}

#sidebar1 img {
    position:relative;
    width:280px;
    height:500px;
    margin-top:110px;
    margin-left:820px;
    padding:5px;
    }

#blinks {
    width:250px;
    padding:5px;
    margin-left:545px;
    margin-top:-415px;
}

#blinks a {
    font-family:verdana;
    text-align:center;
    text-transform:uppercase;
    width:250px;
    background-color:#bd7a7a;
    color:#fffabd;
    display:block;
    padding:5px;
    margin-bottom:5px;
    box-shadow:none;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

#blinks a:hover {
    box-shadow:inset -75px -75px 400px #000;
}

#alinks {
    width:250px;
    padding:5px;
    margin-left:545px;
    margin-top:96px;
}

#alinks a {
    font-family:verdana;
    text-align:center;
    text-transform:uppercase;
    width:250px;
    background-color:#bd7a7a;
    color:#fffabd;
    display:block;
    padding:5px;
    margin-bottom:5px;
    box-shadow:none;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

#alinks a:hover {
    box-shadow:inset -75px -75px 400px #000;
}

#before img {
    position:fixed;
    margin-top: -508px;
    margin-left: 550px;
    width:260px;
    height:90px;
    }

#after img {
    position:fixed;
    margin-top: 0px;
    margin-left: 550px;
    width:260px;
    height:90px;
    }

#tagstotrack {
    font-family:verdana;
    font-size:18px;
    text-align:center;
    text-transform:none;
    margin-left:380px;
    margin-top:-570px;
    width:600px;
    color:#fffabd;
    text-shadow:2px 2px 1px rgba(0,0,0,.5);
}

A{text-decoration:none}
A{color:#ffffff}

</style>
</head>

<body>

<div id="sidebar"><img src="https://31.media.tumblr.com/daab034a68db02fe710fdd09e42912e9/tumblr_inline_n6ws7lmQ7e1rgofdh.gif">
    <div class="links">

    <a href="/">home</a>

    <a href="/">message</a>

    <a href="/">dash</a>

    </div>

</div>

<div id="sidebar1"><img src="https://31.media.tumblr.com/011378b65594da7ce4f53e7f3f6bf2d6/tumblr_inline_n6wrlb8IJK1szldot.gif">
</div>

<div id="before">
    <img src="https://31.media.tumblr.com/e3d8d02cf9bbf6f15c8c877e8d4085bd/tumblr_inline_n6wqzyKXqh1rgofdh.png">
</div>

<div id="blinks">
    <a href="/">link 1</a>

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

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

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

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

<div id="after">
    <img src="https://31.media.tumblr.com/bc4a89abe2816dcff05c811a3186dc1a/tumblr_inline_n6wr00XI711rgofdh.png">
</div>

<div id="alinks">
    <a href="/">link 1</a>

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

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

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

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

<div id="tagstotrack">
    PLEASE TRACK: samplestarter, samplefollow, sampleunfollow, sampleevent, sampletask, sampleadmin.
</div>

<div class="credit">
<a href="http://zoeysthemes.tumblr.com">♔</a>
</div>

</body>
</html>