theme 40 "the end"

<!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>
				<script src="http://tympanus.net/Blueprints/SlidePushMenus/js/modernizr.custom.js"></script>

    <title>{Title}</title>
    <link rel="shortcut icon" href="{Favicon}">
    <link rel="alternate" type="application/rss+xml" href="{RSS}">
    {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}


<!---shayofrp // love u guys --->

<meta name="color:Background" content="#ffffff"/>
<meta name="color:Text" content="#a8a8a8"/>
<meta name="color:Scrollbar" content="#000000"/>
<meta name="color:ScrollbarBg" content="#ffffff"/>
<meta name="color:Ask Backg" content="#ffffff"/>
<meta name="color:Links" content="#000000"/>
<meta name="color:Sidebar Background" content="#000000"/>
<meta name="color:Description Background" content="#ffffff"/>
<meta name="color:Post Background" content="#ffffff"/>
<meta name="color:Links Background" content="#ffffff"/>
<meta name="color:Info Background" content="#ffffff"/>
<meta name="image:background" content=""/>
<meta name="image:sidebar" content=""/>
<meta name="image:icon" content=""/>
     <meta name="text:Caption" content="/">
     <meta name="text:Link 1 URL" content="/">
    <meta name="text:Link 2 URL" content="/">
    <meta name="text:Link 3 URL" content="/">
    <meta name="text:Link 1 name" content="/">
    <meta name="text:Link 2 name" content="/">
    <meta name="text:Link 3 name" content="/">

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


<style type="text/css">


::-webkit-scrollbar-thumb {
height:auto;
background-color:{color:Scrollbar};
}

::-webkit-scrollbar {
height:9px;
width:4px;
background-color:{color:ScrollbarBg};
}


body {
background:{color:background};
margin:0px;
color:{color:text};
font-family:arial, sans-serif;
line-height:150%;
font-size:9px;
text-align:justify;
background-image:url('{image:background}');
}

a {
text-decoration:none;
outline:none;
-moz-outline-style:none;
color:{color:links};
font-weight:bold;
font-family:arial;
}


img {
    border:none;
}

small{font-size:9px;}

h1 {
font-size:15px;
color:{color:text};
text-transform:uppercase;
font-family:'helvetica';
background-color:{color:background};
padding:10px;
font-style:bold, italic;
text-align:center;
}

blockquote {
    border-left:1px solid {color:text};
    padding-left:5px;
margin-left:10px;
margin-:10px;
}

/*ENTRIES*/
  #entries {
position: absolute;
height:477px;
overflow:auto;
background-color:{color:text};
width:560px;
margin-left:620px;
border-bottom:6px solid {color:text};
margin-top:65px;
}

#post {
width: 500px;
margin-left:10px;
margin-top:10px;
height: auto;
background-color: {color:post background};
padding: 20px;
margin-bottom:30px;
color: {color:text};
text-align:justify;
}


/*SIDEBAR*/

#description {background-color:{color:Description background};
    padding:15px;
    overflow:auto;
    font-size:9px;
    width:150px;
    text-align:justify;
    letter-spacing:0px;
    text-transform:lowercase;
    margin-top:15px;
    height:90px;
    color:{color:text};
}

#icon img{position:fixed;
    margin-left:290px;
    border: solid 10px {color:description background};
    margin-top:379px;
}

#sidebar{
padding:10px;
z-index:-9999;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
text-align:center;
position:fixed;
margin-top:65px;
background:{color:Sidebar background};
font-size:10px;
margin-left:100px;
width:500px;
color:black;
font-family:arial;
    color:{color:background};
}


#sidebar img {-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;}

/*POST INFO*/

#info {
width:530px;
text-align:left;
font-family:arial;
text-transform:uppercase;
margin-left:-20px;
font-size:9px;
margin-top:20px;
margin-bottom:-30px;
font-style:none;
padding:5px;
line-height:10px;
background-color:{color:Info Background};
color:{color:Text};
}

#info a {
text-align:center;
font-family:arial;
color:{color:Text};
}


/*SIDELINKS*/
.links {
padding:5px;
padding-bottom:6px;
line-height:150%;
z-index:10000000000000000;
text-align:center;
font-size:8px;
letter-spacing:4px;
opacity:1;
position:fixed;
font-family:'arial';
position:absolute;
text-transform:uppercase;
text-align:center;}

.links a{
    z-index:10000000000000000;
    margin-left:10px;
    padding:5px;
    display:inline-block;
    }

.links a:hover{
    color:{color:post background};
-moz-transition-duration:.2s;
-webkit-transition-duration:.2s;
-o-transition-duration:.2s;
background-color:{color:Links Background};
}


#links{
padding:10px;
text-align:center;
margin-top:-140px;
z-index:9999;
position:fixed;
font-size:10px;
margin-left:300px;
width:180px;
}

button, #links a{
    background:{color:Links Background};
    padding:5px;
    font-size:10px;
    text-transform:uppercase;
    margin-top:0px;
    font-family:arial;
    -webkit-border-top-right-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomright: 10px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
    color:{color:text};
    width:170px;
    display:inline-block;
    border: none;
	display: block;
	width: 100%;
	cursor: pointer;
	margin: 10px 0;
    }

    button{width:190px;
        font-weight:bold;
        background-color:{color:background};
    }

#links a:hover{background-color:{color:text};
    color:{color:links background}
}

/*QUESTION*/

#ask {
color:{color:text};
padding:15px;
font-family:'arial';
font-size:10px;
letter-spacing:0px;
text-align:left;
text-transform:lowercase;
line-height:150%;
background-color:{color:Ask backg};
}

#ask a{color:{color:post background};}

/*TOP PUSH*/
/* General styles for all menus */
.cbp-spmenu {
	background: {color:Sidebar Background};
	position: fixed;
}

.cbp-spmenu h3 {
	color: {color:text};
	font-size: 20px;
	text-transform:uppercase;
	padding: 20px;
	margin: 0;
	font-weight: bold;
	background: {color:Post background};
}

.cbp-spmenu a {
	display: block;
	color: #fff;
	font-size: 9px;
	font-weight:bold;
	text-transform:uppercase;
	font-weight: 300;
}

.cbp-spmenu a:hover {
	background: {color:background};
}

.cbp-spmenu a:active {
	background: {color:Sidebar Background};
	color: {color:text};
}

/* Orientation-dependent styles for the content of the menu */

.cbp-spmenu-vertical {
	width: 240px;
	height: 100%;
	top: 0;
	z-index: 1000;
}

.cbp-spmenu-vertical a {
	border-bottom: 1px solid #258ecd;
	padding: 1em;
}

.cbp-spmenu-horizontal {
	width: 100%;
	height: 150px;
	left: 0;
	z-index: 1000;
	overflow: hidden;
}

.cbp-spmenu-horizontal h3 {
	height: 100%;
	width: 20%;
	float: left;
}

.cbp-spmenu-horizontal a {
	float: left;
	width: 20%;
	padding: 0.8em;
	border-left: 1px solid {color:text};
}

/* Vertical menu that slides from the left or right */

.cbp-spmenu-left {
	left: -240px;
}

.cbp-spmenu-right {
	right: -240px;
}

.cbp-spmenu-left.cbp-spmenu-open {
	left: 0px;
}

.cbp-spmenu-right.cbp-spmenu-open {
	right: 0px;
}

/* Horizontal menu that slides from the top or bottom */

.cbp-spmenu-top {
	top: -150px;
}

.cbp-spmenu-bottom {
	bottom: -150px;
}

.cbp-spmenu-top.cbp-spmenu-open {
	top: 0px;
}

.cbp-spmenu-bottom.cbp-spmenu-open {
	bottom: 0px;
}

/* Push classes applied to the body */

.cbp-spmenu-push {
	overflow-x: hidden;
	position: relative;
	left: 0;
}

.cbp-spmenu-push-toright {
	left: 240px;
}

.cbp-spmenu-push-toleft {
	left: -240px;
}

/* Transitions */

.cbp-spmenu,
.cbp-spmenu-push {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

/* Example media queries */

@media screen and (max-width: 55.1875em){

	.cbp-spmenu-horizontal {
		font-size: 75%;
		height: 110px;
	}

	.cbp-spmenu-top {
		top: -110px;
	}

	.cbp-spmenu-bottom {
		bottom: -110px;
	}

}

@media screen and (max-height: 26.375em){

	.cbp-spmenu-vertical {
		font-size: 90%;
		width: 190px;
	}

	.cbp-spmenu-left,
	.cbp-spmenu-push-toleft {
		left: -190px;
	}

	.cbp-spmenu-right {
		right: -190px;
	}

	.cbp-spmenu-push-toright {
		left: 190px;
	}
}

#invisible {opacity:0}

banner{margin-top:8px;
text-align:center;
width:480px;
display:inline-block;
margin-bottom:-5px;
background-color:{color:Post Background};
text-transform:uppercase;
padding:10px;
color:{color:text};
font-weight:bold;
}

/*PAGINATION*/
#pagination{margin-top:8px;
text-align:center;
margin-bottom:-5px;
background-color:{color:Post Background};
text-transform:uppercase;
padding:10px;
color:{color:text};
font-weight:bold;
}

#pagination a{color:{color:Links Background};
}

/*CREDIT*/

#cred {
position:fixed;
font-family:'courier';
text-transform:uppercase;
font-size:8px;
right:9px;
bottom:9px;
padding:4px;
background-color:{color:post background};
letter-spacing:1px;
}


{CustomCSS}</style></head><body>

<div id="icon"><img src="{image:icon}"></div>
<div id="sidebar"><img src="{image:sidebar}"><div id="pagination">{title} {block:Pagination}
{block:PreviousPage}
<a href="{PreviousPage}">BACK </a>
{/block:PreviousPage}

{block:NextPage}
<a href="{NextPage}">NEXT</a>
{/block:NextPage}
{/block:Pagination}</div>
<div id="description">{description}</div>

        <div id="links">
<a href="/">REFRESH</a>
<a href="{text:link 1 url}">{text:link 1 name}</a>
<a href="{text:link 2 url}">{text:link 2 name}</a>
			<div class="main">
<button id="showTop">OPEN MENU</button></div>
</div><banner><marquee>{text:caption}</marquee></banner></div>


<div id="entries">
{block:Posts}
<div id="post">

{block:Text}
{block:Title}<h1>{Title}</h1>{/block:Title}
{Body}{/block:Text}

{block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}
{block:Caption}{Caption}{/block:Caption}{/block:Photo}

{block:Photoset}{Photoset-500}{block:Caption}{Caption}
{/block:Caption}{/block:Photoset}

{block:Quote}<h2>"{Quote}"</h2>
{block:Source}<div class="qsource"> —{Source}</div>
{/block:Source}{/block:Quote}

{block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}

{block:Chat}{block:Title}{Title}{/block:Title}{block:Lines}{block:Label}<b><u>{Label}</u></b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}

{block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="60px" height="60px" align="left" style="margin-right:10px" />{/block:AlbumArt}<span class="audio">{AudioPlayerBlack}</left></span>
{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
{/block:ExternalAudio}<b>Played:</b> {PlayCount} arial <br>
{/block:Audio}

{block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}

{block:Answer}<div id="ask">{Question} — <i><b>{Asker}</b></i></div>{Answer}{/block:Answer}

<div id="info">
<div id="permalink">
<a href="{Permalink}">{Month} {MonthNumber} {Year}	</a>  / {NoteCount}</div>

{block:PostNotes}<div id="notes"><left>{PostNotes}</div>{/block:PostNotes}
{block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}
 </div></div>

{/block:Posts}{/block:Posts}</div></div></div>


</div>

</ul>
</div></div>


<div id="cred">
<a href="http://shayofrp.tumblr.com/">©</a>
</div>

	<body class="cbp-spmenu-push">

<!-- body has the class "cbp-spmenu-push" -->
<nav class="cbp-spmenu cbp-spmenu-horizontal cbp-spmenu-top" id="cbp-spmenu-s3">
    <h3>Menu</h3>
    <a href="#">Celery seakale</a>
    <a href="#">Dulse daikon</a>
    <a href="#">Zucchini garlic</a>
    <a href="#">Catsear azuki bean</a>
    <a href="#">Dandelion bunya</a>
    <a href="#">Rutabaga</a>
    <a href="#">Celery seakale</a>
    <a href="#">Dulse daikon</a>
    <a href="#">Zucchini garlic</a>
    <a href="#">Catsear azuki bean</a>
    <a href="#">Dandelion bunya</a>
    <a href="#">Rutabaga</a>
</nav>
<div id="invisible">
<div class="container">
    <div class="main">
        <section>
            <h2>Slide Menus</h2>
            <!-- Class "cbp-spmenu-open" gets applied to menu -->
            <button id="showLeft">Show/Hide Left Slide Menu</button>
            <button id="showRight">Show/Hide Right Slide Menu</button>
            <button id="showTop">Show/Hide Top Slide Menu</button>
            <button id="showBottom">Show/Hide Bottom Slide Menu</button>
        </section>
        <section class="buttonset">
            <h2>Push Menus</h2>
            <!-- Class "cbp-spmenu-open" gets applied to menu and "cbp-spmenu-push-toleft" or "cbp-spmenu-push-toright" to the body -->
            <button id="showLeftPush">Show/Hide Left Push Menu</button>
            <button id="showRightPush">Show/Hide Right Push Menu</button>
        </section>
    </div>
</div></div>

		<script src="http://static.tumblr.com/zkwuipe/0e0ni3cuz/classie.js"></script>
		<script>
			var menuLeft = document.getElementById( 'cbp-spmenu-s1' ),
				menuRight = document.getElementById( 'cbp-spmenu-s2' ),
				menuTop = document.getElementById( 'cbp-spmenu-s3' ),
				menuBottom = document.getElementById( 'cbp-spmenu-s4' ),
				showLeft = document.getElementById( 'showLeft' ),
				showRight = document.getElementById( 'showRight' ),
				showTop = document.getElementById( 'showTop' ),
				showBottom = document.getElementById( 'showBottom' ),
				showLeftPush = document.getElementById( 'showLeftPush' ),
				showRightPush = document.getElementById( 'showRightPush' ),
				body = document.body;

			showLeft.onclick = function() {
				classie.toggle( this, 'active' );
				classie.toggle( menuLeft, 'cbp-spmenu-open' );
				disableOther( 'showLeft' );
			};
			showRight.onclick = function() {
				classie.toggle( this, 'active' );
				classie.toggle( menuRight, 'cbp-spmenu-open' );
				disableOther( 'showRight' );
			};
			showTop.onclick = function() {
				classie.toggle( this, 'active' );
				classie.toggle( menuTop, 'cbp-spmenu-open' );
				disableOther( 'showTop' );
			};
			showBottom.onclick = function() {
				classie.toggle( this, 'active' );
				classie.toggle( menuBottom, 'cbp-spmenu-open' );
				disableOther( 'showBottom' );
			};
			showLeftPush.onclick = function() {
				classie.toggle( this, 'active' );
				classie.toggle( body, 'cbp-spmenu-push-toright' );
				classie.toggle( menuLeft, 'cbp-spmenu-open' );
				disableOther( 'showLeftPush' );
			};
			showRightPush.onclick = function() {
				classie.toggle( this, 'active' );
				classie.toggle( body, 'cbp-spmenu-push-toleft' );
				classie.toggle( menuRight, 'cbp-spmenu-open' );
				disableOther( 'showRightPush' );
			};

			function disableOther( button ) {
				if( button !== 'showLeft' ) {
					classie.toggle( showLeft, 'disabled' );
				}
				if( button !== 'showRight' ) {
					classie.toggle( showRight, 'disabled' );
				}
				if( button !== 'showTop' ) {
					classie.toggle( showTop, 'disabled' );
				}
				if( button !== 'showBottom' ) {
					classie.toggle( showBottom, 'disabled' );
				}
				if( button !== 'showLeftPush' ) {
					classie.toggle( showLeftPush, 'disabled' );
				}
				if( button !== 'showRightPush' ) {
					classie.toggle( showRightPush, 'disabled' );
				}
			}
		</script>
</html>