<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<!--
PLEASE DO NOT REMOVE THIS.
THE REMOVAL OF THIS PART WILL CONSIDER YOU A THIEF.
IF YOU REMOVE CREDIT, MAKE SURE IT'S ON A CREDITS PAGE.
THEME: #34 HALLOWEEN TOWN
jyuubi.org | manatopia.org
--RULES--
1) DO NOT REMOVE CREDIT.
2) DO NOT USE TO MAKE YOUR OWN THEME TO RESDISTRIBUTE.
3) DO NOT USE TO MAKE YOUR OWN THEME AND REMOVE CREDIT.
4) IF YOU USE ANYTHING FROM MY THEMES, ALWAYS CREDIT.
5) DO USE ANY GRAPHICS MADE FOR A PREVIEW UNLESS PROVIDED.
-->
<meta name="color:BackgroundM" content="#0c0c0c">
<meta name="color:Header Border" content="#181818">
<meta name="color:Header Background" content="#242424">
<meta name="color:Header Text" content="#8c8877">
<meta name="color:Main Nav Link" content="#d28135">
<meta name="color:Main Nav Link Hover" content="#8c8877">
<meta name="color:Image Border" content="#141414">
<meta name="color:Custom Links" content="#b8965f">
<meta name="color:Description Text" content="#606060">
<meta name="color:Description Bold" content="#d28135">
<meta name="color:Description Italic" content="#7c7c7c">
<meta name="color:Description Link" content="#8c8877">
<meta name="color:Entry Background" content="#1e1e1e">
<meta name="color:Entry Text" content="#606060">
<meta name="color:Entry Bold" content="#d28135">
<meta name="color:Entry Italic" content="#7c7c7c">
<meta name="color:Entry Link" content="#8c8877">
<meta name="color:Entry Titles" content="#8c8877">
<meta name="color:Question Background" content="#262626">
<meta name="color:Stats Date Background" content="#1b1b1b">
<meta name="color:Stats Date Text" content="#8c8877">
<meta name="color:Stats Tags" content="#b8965f">
<meta name="image:BackgroundM" content="">
<meta name="image:Sidebar" content="http://static.tumblr.com/ljotsrb/5a1mbra28/halloweentown.gif">
<meta name="if:Infinite Scroll" content="0">
<meta name="if:Lazy Load" content="1">
<meta name="if:Show Captions" content="0">
<meta name="if:Faded Images" content="1">
<meta name="if:Show Tags" content="1">
<meta name="text:Header" content="halloween town">
<meta name="text:Entry Text Size" content="10">
<meta name="text:Link Title 1" content="">
<meta name="text:Link URL 1" content="">
<meta name="text:Link Title 2" content="">
<meta name="text:Link URL 2" content="">
<meta name="text:Link Title 3" content="">
<meta name="text:Link URL 3" content="">
<meta name="text:Link Title 4" content="">
<meta name="text:Link URL 4" content="">
<meta name="text:Link Title 5" content="">
<meta name="text:Link URL 5" content="">
<meta name="text:Link Title 6" content="">
<meta name="text:Link URL 6" content="">
<head>
<link href='http://fonts.googleapis.com/css?family=Archivo+Narrow:700' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=BenchNine:300' rel='stylesheet' type='text/css'>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>{Title}</title>
<link rel="shortcut icon" href="{Favicon}">
{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
<link rel="alternate" type="application/rss+xml" href="{RSS}" />
<style type="text/css">
/* BODY */
body {
background-image: url('{image:BackgroundM}');
background-color: {color:BackgroundM};
margin: 0;
}
/* THEME SPECIALS */
::-webkit-scrollbar-thumb:vertical {
background-color: {color:Entry Bold};
height: 50px;
}
::-webkit-scrollbar {
height: 10px;
width: 5px;
background-color: {color:BackgroundM};
}
/* HEADER */
#header {
font-family: 'Archivo Narrow', sans-serif;
font-size: 10px;
color: {color:Header Text};
text-align: center;
background-color: {color:Header Background};
position: fixed;
z-index: 999;
height: 20px;
line-height: 20px;
top: 52px;
left: 190px;
width: 100px;
letter-spacing: 1px;
}
#headerborder {
border-bottom: 5px solid {color:Header Border};
width: 320px;
position: fixed;
top: 60px;
left: 80px;
}
/* NAVIGATION */
#leftlinks {
font-family: 'BenchNine', sans-serif;
font-size: 10px;
color: {color:Main Nav Link Hover};
text-transform: uppercase;
letter-spacing: 1px;
position: fixed;
top: 65px;
left: 95px;
}
#leftlinks a {
color: {color:Main Nav Link};
text-decoration: 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;
}
#leftlinks a:hover {
color: {color:Main Nav Link Hover};
}
#rightlinks {
font-family: 'BenchNine', sans-serif;
font-size: 10px;
color: {color:Main Nav Link Hover};
text-transform: uppercase;
letter-spacing: 1px;
position: fixed;
top: 65px;
left: 308px;
}
#rightlinks a {
color: {color:Main Nav Link};
text-decoration: 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;
}
#rightlinks a:hover {
color: {color:Main Nav Link Hover};
}
#navi {
font-family: calibri;
font-size: 8px;
color: {color:Description Text};
text-transform: uppercase;
text-align: center;
margin-bottom: 3px;
}
/* SIDEBAR */
#sidebar {
position: fixed;
width: 320px;
top: 80px;
left: 80px;
}
#sideimage {
width: 280px;
margin: auto;
margin-top: 10px;
}
#sideimage img {
max-width: 250px;
border: 15px solid {color:Image Border};
margin-bottom: -5px;
}
#info {
width: 250px;
margin: auto;
font-family: arial;
font-size: 8px;
color: {color:Description Text};
text-align: justify;
line-height: 10px;
letter-spacing: 1px;
margin-top: 5px;
}
#info b, strong {
color: {color:Description Bold};
}
#info i, em {
color: {color:Description Italic};
}
#info a {
color: {color:Description Link};
text-decoration: none;
}
#info a.navi {
color: {color:Custom Links};
}
/* PAGINATION */
#pagination {
font-family: calibri;
font-size: 9px;
text-align: center;
margin-top: 30px;
}
.current_page {
background-color: {color:Image Border};
color: {color:Description Text};
padding: 4px;
}
#pagination a {
background-color: {color:Image Border};
padding: 4px;
color: {color:Description Bold};
text-decoration: none;
}
/* BLOG POSTS */
#posts {
margin-left: 500px;
margin-top: 20px;
}
.entry {
background-color: {color:Entry Background};
width: 500px;
padding: 20px;
margin-bottom: 5px;
font-family: arial;
font-size: {text:Entry Text Size}px;
color: {color:Entry Text};
text-align: justify;
letter-spacing: 1px;
line-height: 12px;
}
.entry b, strong {
color: {color:Entry Bold};
}
.entry i, em {
color: {color:Entry Italic};
}
.entry a {
color: {color:Entry Link};
text-decoration: none;
}
.entry h1 {
font-family: 'Archivo Narrow', sans-serif;
font-size: 14px;
color: {color:Entry Titles};
font-weight: normal;
letter-spacing: 1px;
text-transform: lowercase;
}
.entry h1 a {
color: {color:Entry Titles};
}
.entry blockquote {
border-left: 3px solid {color:Entry Italic};
margin-left: 10px;
padding-left: 10px;
}
/* IMAGES */
{block:IfFadedImages}.entry img {
opacity: .7;
-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;
}
.entry img:hover {
opacity: 1;
}
.photo {
opacity: .7;
-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;
}
.photo:hover {
opacity: 1;
}{/block:IfFadedImages}
/* QUOTES */
.entry h2 {
font-family: 'BenchNine', sans-serif;
font-size: 14px;
color: {color:Entry Titles};
font-weight: normal;
letter-spacing: 1px;
}
.quote {
font-family: georgia;
font-size: 24px;
color: {color:Entry Bold};
float: left;
margin-top: 2px;
}
/* AUDIO */
.audio img {
max-width: 50px;
float: left;
margin-right: 5px;
border: 5px solid {color:Question Background};
}
.player {
background-color: #000;
height: 25px;
width: 25px;
padding: 5px;
margin-left: 85px;
margin-top: 10px;
overflow: hidden;
position: absolute;
margin-left: 13px;
margin-top: 13px;
opacity: .2;
transition: 0.5s;
-moz-transition: 0.5s;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
}
.player:hover {
opacity: .7;
}
/* STATISTICS */
.stats {
margin-bottom: 20px;
width: 540px;
font-family: calibri;
font-size: 8px;
text-transform: uppercase;
}
.stats a {
color: {color:Stats Tags};
text-decoration: none;
}
.stats a.date {
background-color: {color:Stats Date Background};
padding: 2px;
font-family: 'BenchNine', sans-serif;
font-size: 9px;
color: {color:Stats Date Text};
letter-spacing: 1px;
}
/* PERMALINK PAGE */
.permalink {
font-family: arial;
font-size: 8px;
color: {color:Entry Text};
text-transform: uppercase;
width: 540px;
position: relative;
letter-spacing: 1px;
z-index: 999px;
}
.permalink b {
color: {color:Entry Bold};
font-weight: normal;
}
#date {
color: {color:Entry Italic};
}
.permalink a {
color: {color:Entry Link};
text-decoration: none;
}
ol.notes {
padding: 0px;
margin: 15px 0px;
list-style-type: none;
background: transparent;
border: 0px;
letter-spacing: 1px;
text-transform: uppercase;
}
ol.notes li.note {
padding: 1px;
text-align: left;
letter-spacing: 1px;
text-transform: uppercase;
}
.notes img{
width: 8px;
position: relative;
top: 1px;
opacity: .7;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
}
/* FOLLOW CODE */
iframe#tumblr_controls {
right:3px !important;
position: fixed !important;
-webkit-transition: opacity 0.7s linear;
opacity: 0.2;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
}
iframe#tumblr_controls:hover {
-webkit-transition: opacity 0.7s linear;
opacity: 1;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}
{CustomCSS}
</style>
{block:IfInfiniteScroll}
<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
{/block:IfInfiniteScroll}
{block:IfLazyLoad}<script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script> <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script> <script type="text/javascript" charset="utf-8"> var $j = jQuery.noConflict(); $j(function() { if (navigator.platform == "iPad" || navigator.platform == “iPhone”) return; $j("img").lazyload({ placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif", effect: "fadeIn", }); }); </script>{/block:IfLazyLoad}
</head>
<body>
<div id="header">{text:Header}</div>
<div id="headerborder"></div>
<div id="leftlinks"><a href="/">refresh</a> · <a href="/ask">message</a></div>
<div id="rightlinks"><a href="/archive">memories</a> · <a href="http://manatopia.org">credits</a></div>
<div id="sidebar">
{block:IfSidebarImage}<div id="sideimage">
<center><img src="{image:Sidebar}"></center>
</div>{/block:IfSidebarImage}
<div id="info">
<div id="navi">
{block:IfLinkTitle1}<a class="navi" href="{text:Link URL 1}">{text:Link Title 1}</a>{/block:IfLinkTitle1}
{block:IfLinkTitle2}• <a class="navi" href="{text:Link URL 2}">{text:Link Title 2}</a>{/block:IfLinkTitle2}
{block:IfLinkTitle3}• <a class="navi" href="{text:Link URL 3}">{text:Link Title 3}</a>{/block:IfLinkTitle3}
{block:IfLinkTitle4}• <a class="navi" href="{text:Link URL 4}">{text:Link Title 4}</a>{/block:IfLinkTitle4}
{block:IfLinkTitle5}• <a class="navi" href="{text:Link URL 5}">{text:Link Title 5}</a>{/block:IfLinkTitle5}
{block:IfLinkTitle6}• <a class="navi" href="{text:Link URL 6}">{text:Link Title 6}</a>{/block:IfLinkTitle6}
</div>
{Description}
</div>
{block:IfNotInfiniteScroll}{block:Pagination}<div id="pagination">
{block:PreviousPage}<a href="{PreviousPage}">←</a> {/block:PreviousPage}
{block:JumpPagination length="3"}
{block:CurrentPage}<span class="current_page">{PageNumber}</span> {/block:CurrentPage}
{block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a> {/block:JumpPage}
{/block:JumpPagination}
{block:NextPage}<a href="{NextPage}">→</a>{/block:NextPage}
</div>{/block:Pagination}{/block:IfNotInfiniteScroll}
</div>
<div class="autopagerize_page_element">
<div id="posts">
{block:Posts}
<div class="entry">
{block:Text}
{block:Title}<h1>{Title}</h1>{/block:Title}
{Body}
{/block:Text}
{block:Photo}
<center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}">{LinkCloseTag}</center>
{block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
{block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
{Caption}
{/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
{/block:Photo}
{block:Photoset}
<div class="photo">
{Photoset-500}
</div>
{block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
{block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
{Caption}
{/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
{/block:Photoset}
{block:Quote}
<div class="quote">❝</div>
<h2>{Quote}</h2>
{block:Source}<p align="right">{Source} <b>—</b></p>{/block:Source}
{/block:Quote}
{block:Link}
<h1><a href="{URL}" target="{Target}">{Name}</a></h1>
{block:Description}{Description}{/block:Description}
{/block:Link}
{block:Chat}
{block:Title}<h1>{Title}</h1>{/block:Title}
{block:Lines}
{block:Label}
<b>{Label}</b>
{/block:Label}
{Line}<br />
{/block:Lines}
{/block:Chat}
{block:Audio}
{block:AlbumArt}<div class="audio"><img src="{AlbumArtURL}" alt=""></div>{/block:AlbumArt}
<div class="player">{AudioPlayerBlack}</div>
<div style="font-size: 9px; margin-top: 8px; margin-left: 10px; text-transform: uppercase; line-height: 11px;">{block:Artist}<b>Artist:</b> {Artist}{/block:Artist}<br />{block:Album}<b>Album:</b> {Album}{/block:Album}<br />{block:TrackName}<b>Song:</b> {TrackName}{/block:TrackName}<br /><b>Plays:</b> {FormattedPlayCount}</div>
{block:IfShowCaptions}{block:Caption}<br />{Caption}{/block:Caption}{/block:IfShowCaptions}
{block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}<br />
{Caption}
{/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
{block:IfNotShowCaptions}<div style="padding: 4px;"></div>{/block:IfNotShowCaptions}
{/block:Audio}
{block:Video}
{Video-500}
{block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
{block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
{Caption}
{/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
{/block:Video}
{block:Answer}
<table>
<tr><td colspan="3" width="500px" style="padding:8px; text-align:center; background-color:{color:Question Background};">{Question}</td></tr>
<tr>
<td width="190" style="text-align:right; font-size:30px;"><div style="position:relative; margin-top:-18px; margin-left:35px; color:{color:Question Background};">◥</div></td>
<td width="5" style="text-align:right;"><div style="margin-left:-5px"><img src="{AskerPortraitURL-16}" style="padding:2px;"></div></td>
<td width="180"style="text-align:left; padding-left:2px; font-family:calibri; font-size:10px; letter-spacing:0px; text-transform:uppercase;">{Asker}</td>
</tr>
</table>
{Answer}
{/block:Answer}
</div>
{block:IndexPage}<div class="stats">
<a class="date" href="{Permalink}">{TimeAgo}{block:NoteCount} · {NoteCount}{/block:NoteCount}</a>{block:IfShowTags} {block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}{/block:IfShowTags}
</div>{/block:IndexPage}
{block:PermalinkPage}
<div class="permalink">
<div id="date">{block:Date}posted {12Hour}:{Minutes} {AmPm} on {DayOfWeek}, {Month} {DayOfMonth}, {Year}{/block:Date} {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}</div>{block:RebloggedFrom}<b>origin:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a> | <b>via:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a><br />{/block:RebloggedFrom}
{block:HasTags}<b>tags »</b> {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}
{block:PostNotes}
{PostNotes}
{/block:PostNotes}
</div>
{/block:PermalinkPage}
{/block:Posts}
</div>
</div>
</body>
</html>
Sun Nov 04, 2012 3:59 pm
