Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <!--
- ══════════════════════════════════════════════════════════════════
- Haunters Theme
- Edited by: shittierthemes
- Theme credit: jacob
- ══════════════════════════════════════════════════════════════════
- -->
- <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
- <head>
- <!-- DEFAULT VARIABLES -->
- {block:ifendlessscroll}<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:ifendlessscroll}
- <meta name="color:Background" content="#3b627e" />
- <meta name="if:Show Album Art on Audio Posts" content="1" />
- <meta name="if:Enable Jump Pagination" content="0" />
- <meta name="text:Disqus Shortname" content="" />
- <meta name="image:Header" content="" />
- <meta name="image:Background" content="" />
- <meta name="image:sidebar" content=""/>
- <meta name="if:roundsidebar" content="1"/>
- <meta name="color:scrollbar 1" content="#A8A8A8"/>
- <meta name="color:scrollbar 2" content="#fff"/>
- <meta name="if:endlessscroll" content="0"/>
- <meta name="if:show captions" content="1" />
- <meta name="color:Permalink" content="#000000"/>
- <meta name="color:Infos" content="#9ba064" />
- <meta name="color:InfosBG" content="#2e2e2e" />
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <title>{Title}{block:SearchPage}, {lang:Search results for SearchQuery}{/block:SearchPage}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
- {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
- <link rel="shortcut icon" href="{Favicon}" />
- <link rel="apple-touch-icon" href="{PortraitURL-128}"/>
- <link rel="alternate" type="application/rss+xml" href="{RSS}" />
- <style type="text/css">
- iframe#tumblr_controls{position:fixed !important;}
- ::-webkit-scrollbar-thumb:vertical {background-color:{color:scrollbar 1};width:10px;border:1px solid {color:scrollbar 2};}
- ::-webkit-scrollbar {height:0px;width:7px;background-color:{color:scrollbar 2};}
- body {
- background: {color:Background} url('{image:Background}') top left fixed repeat;
- margin: 0;
- padding: 0;
- font-family: {font:Body};
- }
- .clear {
- clear: both;
- height: 0px;
- overflow: hidden;
- }
- .no {
- font-size: 0px;
- color: rgba(255,255,255,0);
- display: none;
- }
- .no:hover {
- font-size: 0px;
- color: rgba(255,255,255,0);
- display: none;
- }
- a img {
- border: none;
- }
- #wrapper {
- width: 845px;
- margin: 0 auto;
- }
- #wrapper #title {
- margin: 30px 0;
- color: #fff;
- font-size: 50px;
- font-weight: bold;
- font-family: {font:Title};
- text-shadow: 1px 3px 5px rgba(0,0,0, 0.5);
- letter-spacing: -1px;
- position:fixed;
- }
- #wrapper #title a {
- color: #fff;
- text-decoration: none;
- }
- #wrapper #contentholder {
- width: 514px;
- float: right;
- }
- #wrapper #contentholder2 {
- width: 514px;
- float: left;
- }
- #wrapper #content {
- width: 520px;
- float: right;
- margin-right:120px;
- margin-top: 10px;
- }
- #wrapper #content .post {
- font-family: verdana;
- color:#000000;
- background-color: #ffffff;
- border-radius: 1px;
- -webkit-border-radius: 1px;
- -moz-border-radius: 1px;
- -o-border-radius: 1px;
- -ms-border-radius: 1px;
- padding: 10px;
- margin-bottom: 25px;
- position: relative;
- }
- .photoset_photo {
- overflow: hidden;
- border-radius: 2px;
- -moz-border-radius: 2px;
- -webkit-border-radius: 2px;
- -o-border-radius: 2px;
- -ms-border-radius: 2px;
- }
- .photoset_row {
- width: 500px;
- overflow: hidden;
- border-radius: 2px;
- -moz-border-radius: 2px;
- -webkit-border-radius: 2px;
- -o-border-radius: 2px;
- -ms-border-radius: 2px;
- }
- .photoset {
- width: 500px;
- overflow: hidden;
- border-radius: 2px;
- -moz-border-radius: 2px;
- -webkit-border-radius: 2px;
- -o-border-radius: 2px;
- -ms-border-radius: 2px;
- }
- .imgcap {text-align:left;}
- #wrapper #content .post .copy {
- color: #00000;
- padding: 10px;
- font-size: 13px;
- line-height: 15px;
- }
- #wrapper #content .post .copy a {
- color: #000000;
- text-decoration: underline;
- }
- #wrapper #content .post .copy p {
- margin: 10px 0 0 0;
- padding: 0;
- }
- #wrapper #content .post .copy pre {
- margin: 10px 0px 10px 0px;
- padding: 10px;
- background-color: #e6e6e6;
- font: normal 11px Courier, monospace;
- overflow: auto;
- }
- #wrapper #content .post .copy > p:first-child {
- margin-top: 0;
- }
- #wrapper #content .post .copy img {
- max-width: 500px;
- }
- #wrapper #content .post .question {
- color: #494949;
- font-size: 16px;
- font-weight: bold;
- background: #f1f1f1;
- -moz-border-radius: 8px;
- -webkit-border-radius: 8px;
- border-radius: 8px;
- margin: 0 0 15px 0;
- padding: 15px 20px;
- position: relative;
- }
- #wrapper #content .post .question .nipple {
- width: 13px;
- height: 7px;
- background: #f1f1f1 url('http://assets.tumblr.com/themes/redux/ask-mask.png');
- position: absolute;
- bottom: -7px;
- left: 30px;
- }
- #wrapper #content .post .asker_container {
- margin: 0 0 20px 24px;
- }
- #wrapper #content .post .asker_container img {
- margin: 0 12px -7px 0;
- }
- #wrapper #content .post .asker_container a.asker {
- color: {color:Body};
- }
- #wrapper #content .post img {
- max-width: 500px;
- }
- #wrapper #content .post .chat {
- background-color: #fff;
- border-left: 5px solid #dedddd;
- margin: 10px 10px 0 10px;
- font-size: 14px;
- }
- #wrapper #content .post .chat .lines {
- margin-left: 1px;
- }
- #wrapper #content .post .chat .lines .line {
- background-color: #eaeaea;
- color: #494949;
- margin-bottom: 1px;
- padding: 3px 5px;
- }
- #wrapper #content .post .chat .lines .line.even {
- background-color: #dedddd;
- }
- #wrapper #content .post a {
- color: #000000;
- text-decoration: none;
- }
- #wrapper #content .post .copy blockquote {
- margin: 10px 0px 10px 10px;
- padding-left: 15px;
- border-left: solid 4px #dcdcdc;
- }
- #wrapper #content .post .copy blockquote blockquote {
- border-left: solid 4px #cccccc;
- }
- #wrapper #content .post .copy blockquote blockquote blockquote {
- border-left: solid 4px #bcbcbc;
- }
- #wrapper #content .post .copy blockquote blockquote blockquote blockquote {
- border-left: solid 4px #acacac;
- }
- #wrapper #content .post .copy blockquote blockquote blockquote blockquote blockquote {
- border-left: solid 4px #9c9c9c;
- }
- #wrapper #content .post .copy blockquote blockquote blockquote blockquote blockquote blockquote {
- border-left: solid 4px #8c8c8c;
- }
- #wrapper #content #navigation {
- text-align: right;
- padding-bottom: 35px;
- text-transform: lowercase;
- }
- #wrapper #content #navigation a {
- background-color: #000000;
- color: #ffffff;
- padding: 5px 10px;
- text-decoration: none;
- margin-left: 25px;
- box-shadow: 0px 2px 2px rgba(0,0,0,0.35);
- }
- #wrapper #content #navigation a:hover {
- opacity: 0.9;
- filter: alpha(opacity=90);
- -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
- }
- #wrapper #content #navigation.jump_pagination {}
- #wrapper #content #navigation.jump_pagination a {
- margin: 0 0 0 4px;
- }
- #wrapper #content #navigation.jump_pagination .current_page {
- color: #eaeaea;
- background-color: rgba(255,255,255, 0.1);
- border: 2px solid #fff;
- padding: 3px 8px;
- text-decoration:none;
- margin: 0 0 0 4px;
- cursor: default;
- }
- #wrapper #content #navigation.jump_pagination .jump_page {}
- #wrapper #content .post .notecontainer {
- background: #eaeaea;
- -moz-border-radius: 4px;
- -webkit-border-radius: 4px;
- border-radius: 4px;
- font-family: {font:Accent};
- font-size: 11px;
- color: #666;
- margin-top: 10px;
- margin-bottom: -10px;
- }
- #wrapper #content .post .notecontainer a {
- color: #666;
- text-decoration: underline;
- }
- #wrapper #content .post .notecontainer ol.notes {
- padding: 0px 0 10px 0;
- list-style-type: none;
- font-size: 11px;
- }
- #wrapper #content .post .notecontainer ol.notes li.note {
- padding: 10px 10px 0 10px;
- }
- #wrapper #content .post .notecontainer ol.notes li.note img.avatar {
- vertical-align: -4px;
- margin-right: 10px;
- width: 16px;
- height: 16px;
- }
- #wrapper #content .post .notecontainer ol.notes li.note span.action {
- font-weight: normal;
- }
- #wrapper #content .post .notecontainer ol.notes li.note .answer_content {
- font-weight: normal;
- }
- #wrapper #content .post .notecontainer ol.notes li.note blockquote {
- border-left: 2px solid #666;
- padding: 4px 10px;
- margin: 10px 0px 0px 25px;
- }
- #wrapper #content .post .notecontainer ol.notes li.note blockquote a {
- text-decoration: none;
- }
- .linkys {
- padding: 1px;
- width: 247px;
- background: white;
- position: fixed;
- height: 15px;
- }
- .permalink{
- float:left;
- position:absolute;
- margin-left:420px;
- text-align:left;
- width:60px;
- height:30px;
- -webkit-transition-duration: 0.3s;
- font-size:10px;
- padding:1px;
- margin-top:10px;
- opacity:0;
- filter: alpha(opacity = 0);
- }
- .entry:hover .permalink{
- opacity:1;
- filter: alpha(opacity = 100);
- margin-left:410px;
- -webkit-transition-duration: 0.3s;
- }
- .reblog{font-size:10px;}
- .photo_perma{
- position:absolute;
- margin-top:20px;
- text-align:right;
- width:200px;
- background-color:{color:Permalink};
- padding:10px;
- -webkit-transition-duration: 0.4s;
- font-size:12px;
- opacity:0;
- filter: alpha(opacity = 0);
- -webkit-border-top-right-radius: 15px;
- -webkit-border-bottom-right-radius: 15px;
- -moz-border-radius-topright: 15px;
- -moz-border-radius-bottomright: 15px;
- border-top-right-radius: 15px;
- border-bottom-right-radius: 15px;
- }
- .photo_perma a{color:#fff;}
- .photo{margin-bottom:10px;}
- .photo:hover .photo_perma{
- width:350px;
- opacity: 0.7;
- filter: alpha(opacity = 70);
- webkit-transition-duration: 0.4s;
- }
- #money{
- padding-bottom: 2px;
- margin-bottom: 3px;
- margin-top: 10px;
- padding:10px;
- width:180px;
- background-color: #ffffff;
- }
- .soul
- {float:right;}
- .time
- {opacity:0.8;}
- #infos
- {background-color:{color:InfosBG};
- color:{color:Infos};
- padding:5px;
- margin-top:5px;
- text-transform:uppercase;
- font-size:9px;
- }
- #wrapper #sidebar a {
- color: {color:#eaeaea;};
- }
- #wrapper #sidebar #top {
- position:fixed !important;
- top:10px;
- width:190px;
- height:290px;
- margin-left: -220px;
- margin-right: -220px;
- font-family: verdana;
- border-radius: 1px;
- -webkit-border-radius: 1px;
- -moz-border-radius: 1px;
- -o-border-radius: 1px;
- -ms-border-radius: 1px;
- }
- #sideimg{
- text-align: center;
- max-width: 199px;
- opacity: 1;
- top: 24px;
- left: 5px;
- {block:ifroundsidebar}border-radius: 100px;{/block:ifroundsidebar}
- -webkit-transition: opacity 0.6s linear;
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- }
- #sideimg:hover {
- opacity: 0.8;}
- #wrapper #sidebar #top #description {
- width:180px;
- font-size: 10px;
- color:#000000;
- background-color: #ffffff;
- position: relative;
- text-align: left;
- margin-top:5px;
- padding-bottom: 5px;
- padding-top: 5px;
- padding-left: 5px;
- padding-right: 5px;
- padding:10px;
- }
- #wrapper #sidebar #top #description a {
- color: {color:link};
- text-decoration: none;
- }
- {block:German}
- background-image: url('http://assets.tumblr.com/themes/redux/sidebar-follow-on-de_DE.png');
- {/block:German}
- {block:Japanese}
- background-image: url('http://assets.tumblr.com/themes/redux/sidebar-follow-on-ja_JP.png');
- {/block:Japanese}
- {block:Italian}
- background-image: url('http://assets.tumblr.com/themes/redux/sidebar-follow-on-it_IT.png');
- {/block:Italian}
- {block:French}
- background-image: url('http://assets.tumblr.com/themes/redux/sidebar-follow-on-fr_FR.png');
- {/block:French}
- }
- #wrapper #sidebar #bottom {
- background: url('http://assets.tumblr.com/themes/redux/sidebar-bottom.png') top center no-repeat transparent;
- width: 250px;
- height: 25px;
- }
- </style>
- <!--[if lt IE 7.]>
- <style type="text/css">
- #wrapper #sidebar #bottom {
- background: transparent;
- }
- #wrapper #sidebar #top #avatar {
- background: none;
- }
- #wrapper #sidebar #top #avatar img {
- border: 5px solid #f1f1f1;
- }
- #wrapper #sidebar #top .heading#followontumblr {
- background-image: none;
- text-indent: 0;
- }
- #wrapper #sidebar #top .heading#twitter {
- background-image: none;
- }
- #wrapper #sidebar #top .heading#following {
- background-image: none;
- }
- #wrapper #content .post .audio .player {
- float: none;
- }
- #wrapper #content .post .audio .meta {
- display: none;
- float: none;
- }
- </style>
- ![endif]-->
- <!--[if lt IE 8.]>
- <style type="text/css">
- #wrapper #content .bottom {
- background: transparent;
- }
- #wrapper #content .post .footer {
- background: transparent;
- color: #000;
- }
- #wrapper #content .post .audio {
- float: none;
- background: transparent;
- }
- #wrapper #content .post .notecontainer .notes {
- padding: 0;
- margin: 0;
- }
- </style>
- <![endif]-->
- <style type="text/css">{CustomCSS}</style>
- </head>
- <body>
- <div id="wrapper">
- <div id="title">
- </div>
- <div id="content">
- <div class = "autopagerize_page_element" >
- {block:Posts}
- <div class="post">
- {block:Photo}
- <div class="photo">
- {LinkOpenTag}<img src="{photoURL-500}" width="500px" />{LinkCloseTag}
- {block:Ifshowcaptions}<div class="imgcap">{Caption}</div>{/block:Ifshowcaptions}</div><div id="infos">
- <a href="{Permalink}"><span class="posted">posted <span class="time">{TimeAgo}</span></span></a>
- <span class="soul">{NoteCount} {Text:Notes} || <a href="{ReblogURL}" target="_blank"><span class="time">Reblog</span></a></span>
- </div><!--infos-->
- {/block:Photo}
- {block:Photoset}
- {block:IndexPage}
- {Photoset-500}
- {/block:IndexPage}
- {block:permalinkpage}
- {Photoset-500}
- {/block:permalinkpage}
- {block:Ifshowcaptions}<div class="imgcap">{Caption}</div>{/block:Ifshowcaptions}
- <div id="infos">
- <a href="{Permalink}"><span class="posted">posted <span class="time">{TimeAgo}</span></span></a>
- <span class="soul">{NoteCount} {Text:Notes} || <a href="{ReblogURL}" target="_blank"><span class="time">Reblog</span></a></span>
- </div><!--infos-->
- {/block:Photoset}
- {block:Video}
- <div class="media">{Video-500}</div>
- <div id="infos">
- <a href="{Permalink}"><span class="posted">posted <span class="time">{TimeAgo}</span></span></a>
- <span class="soul">{NoteCount} {Text:Notes} || <a href="{ReblogURL}" target="_blank"><span class="time">Reblog</span></a></span>
- </div><!--infos-->
- {/block:Video}
- {block:Audio}
- {block:AudioEmbed}
- {AudioEmbed}
- {/block:AudioEmbed}
- {block:AudioPlayer}
- {block:IfShowAlbumArtOnAudioPosts}
- {block:AlbumArt}
- <div class="album_art">
- <img src="{AlbumArtURL}" alt="{block:Artist}{Artist}{/block:Artist}{block:TrackName} - {TrackName}{/block:TrackName}" style="margin-bottom:10px;" />
- </div>
- {/block:AlbumArt}
- {/block:IfShowAlbumArtOnAudioPosts}
- <div class="audio">
- <div class="player">{AudioPlayerWhite}</div>
- <div class="meta">{block:PlayCount}{PlayCountWithLabel}{/block:PlayCount}{block:ExternalAudio}<span class="download_external_audio"> • <a href="{ExternalAudioURL}">{lang:Download}</a></span>{/block:ExternalAudio}</div>
- <div class="clear"></div>
- </div>
- {/block:AudioPlayer}
- <div class="clear"></div>
- <div id="infos">
- <a href="{Permalink}"><span class="posted">posted <span class="time">{TimeAgo}</span></span></a>
- <span class="soul">{NoteCount} {Text:Notes} || <a href="{ReblogURL}" target="_blank"><span class="time">Reblog</span></a></span>
- </div><!--infos-->
- {/block:Audio}
- {block:Quote}
- <div class="quote {Length}">{Quote}</div>
- <div class="copy">
- <div class="quotebg">“</div>
- {block:Source}
- <table border="0" cellpadding="0" cellspacing="0" width="100%">
- <tr>
- <td valign="top" style="width:20px;">—</td>
- <td valign="top" class="quote_source">
- {Source}
- </td>
- </tr>
- </table>
- {/block:Source}
- </div>
- <div id="infos">
- <a href="{Permalink}"><span class="posted">posted <span class="time">{TimeAgo}</span></span></a>
- <span class="soul">{NoteCount} {Text:Notes} || <a href="{ReblogURL}" target="_blank"><span class="time">Reblog</span></a></span>
- </div><!--infos-->
- {/block:Quote}
- {block:Text}
- {block:Title}<div class="title">{Title}</div>{/block:Title}
- <div class="copy">{Body}</div>
- <div id="infos">
- <a href="{Permalink}"><span class="posted">posted <span class="time">{TimeAgo}</span></span></a>
- <span class="soul">{NoteCount} {Text:Notes} || <a href="{ReblogURL}" target="_blank"><span class="time">Reblog</span></a></span>
- </div>
- {/block:Text}
- {block:Answer}
- <div class="question">
- <div class="nipple"></div>
- {Question}
- </div>
- <div class="asker_container"><img src="{AskerPortraitURL-24}">{Asker}</div>
- <div class="copy">{Answer}</div>
- {/block:Answer}
- {block:Chat}
- {block:Title}<div class="title">{Title}</div>{/block:Title}
- <div class="chat">
- <div class="lines">
- {block:Lines}
- <div class="line {Alt}">{block:Label}<strong>{Label}</strong>{/block:Label} {Line}</div>
- {/block:Lines}
- </div>
- </div>
- <div class="clear"></div>
- <div style="height:10px;"></div>
- <div id="infos">
- <a href="{Permalink}"><span class="posted">posted <span class="time">{TimeAgo}</span></span></a>
- <span class="soul">{NoteCount} {Text:Notes} || <a href="{ReblogURL}" target="_blank"><span class="time">Reblog</span></a></span>
- </div><!--infos-->
- {/block:Chat}
- {block:Link}
- <div class="link"><a href="{URL}" {Target}>{Name} »</a></div>
- {block:Description}<div class="copy">{Description}</div>{/block:Description}
- <div id="infos">
- <a href="{Permalink}"><span class="posted">posted <span class="time">{TimeAgo}</span></span></a>
- <span class="soul">{NoteCount} {Text:Notes} || <a href="{ReblogURL}" target="_blank"><span class="time">Reblog</span></a></span>
- </div><!--infos-->
- {/block:Link}
- <div class="footer {block:ContentSource}with_source_url{/block:ContentSource}" style="
- display:none;
- {block:IfShowTags}{block:HasTags}display:block;{/block:HasTags}{/block:IfShowTags}
- {block:ContentSource}display:block;{/block:ContentSource}
- ">
- <div class="clear"></div>
- </div>
- {block:PostNotes}<div class="notecontainer">{PostNotes}</div>{/block:PostNotes}
- </div>
- <div class="bottom"></div>
- {/block:Posts}
- {block:Pagination}
- <div id="navigation" {block:IfEnableJumpPagination}class="jump_pagination"{/block:IfEnableJumpPagination}>
- {block:PreviousPage}<a href="{PreviousPage}">← {lang:Previous}</a>{/block:PreviousPage}
- {block:IfEnableJumpPagination}
- {block:JumpPagination length="5"}
- {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:IfEnableJumpPagination}
- {block:NextPage}<a href="{NextPage}">{lang:Next page} →</a>{/block:NextPage}
- </div>
- {/block:Pagination}
- </div>
- <div id="sidebar">
- <div id="top">
- <center><img id="sideimg" src="{image:sidebar}"/> <br>
- <div id="boobies"><a href="/"></a></div><div id="money">
- <a href="http://www.themesbyandrewshittier.tumblr.com/" style="color: black; font-size: 11px; font-family: Helvetica;" target="_self">index</a> • <a href="http://www.themesbyandrewshittier.tumblr.com/ask" style="color: black; font-size: 11px; font-family: Helvetica;" target="_self">help</a> • <a href="http://www.shittier.tumblr.com/" style="color: black; font-size: 11px; font-family: Helvetica;" target="_self">main</a>
- </center>
- <div id="description">{Description}</div>
- </div>
- </div></div>
- {block:Twitter}
- <script type="text/javascript" src="/tweets.js"></script>
- {/block:Twitter}
- {block:IfDisqusShortname}
- <script type="text/javascript">
- //<![CDATA[
- (function() {
- var links = document.getElementsByTagName('a');
- var query = '?';
- for(var i = 0; i < links.length; i++) {
- if(links[i].href.indexOf('#disqus_thread') >= 0) {
- query += 'url' + i + '=' + encodeURIComponent(links[i].href) + '&';
- }
- }
- document.write('<script charset="utf-8" type="text/javascript" src="http://disqus.com/forums/{text:Disqus Shortname}/get_num_replies.js' + query + '"></' + 'script>');
- })();
- //]]>
- </script>
- {/block:IfDisqusShortname}
- <div style="float: left; background: white; padding: 5px; position: fixed; bottom: 25px; right: -25px; text-transform:lowercase; font-size: 9px; -webkit-transform: rotate(90deg);
- -moz-transform: rotate(90deg); "><a href="http://jacobbijani.com/">theme credit</a></div>
- </body>
- </html>
Add Comment
Please, Sign In to add comment