You are on page 1of 19

<html>

<head>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"


"https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<!--------------------------------------------
SCOTTISBAE's THEMES #181 (BASE CODE)
THEME BY: https://scottisbae.tumblr.com/

EDITED BY: https://batfck.tumblr.com/

CREDITS: unnest captions by neothm, magnusthemes and scarletwitch.


scrollbar style, like button and pixel union photoset by shythemes.
tumblr audio player by alphathemes.
postnotes by havingthemes.

--------------------------------------------->

<title>{Title}</title>
<link rel="shortcut icon" href="{Favicon}">
<link rel="altertnate" type="application/rss+xml" href="{RSS}">
<meta name="description" content="" />
<meta https-equiv="x-dns-prefetch-control" content="off"/>

<meta name="color:Background" content="#FFFFFF">


<meta name="color:Title" content="#393939">
<meta name="color:Link" content="#ACB2B6">
<meta name="color:Bold" content="#9D9D9D">
<meta name="color:Italic" content="#9D9D9D">
<meta name="color:Accent" content="#9D9D9D">
<meta name="color:Link Hover" content="#CECECE">
<meta name="color:Text" content="#393939">

<meta name="text:Title" content="Write your title here">

<meta name="image:Sidebar" content=""/>


<meta name="image:Background" content="" />
<meta name="if:Show Unnest Captions" content="1"/>
<meta name="if:Show Posts Border" content="0" />
<meta name="if:Show Sidebar Border" content="0" />
<meta name="if:Show Link1" content="1" />
<meta name="if:Show Link2" content="1" />

<meta name="text:link 1 text" content="">


<meta name="text:link 1 url" content="/">
<meta name="text:link 2 text" content="">
<meta name="text:link 2 url" content="/">

<!----- google fonts ---->

<link href="https://fonts.googleapis.com/css?family=Hind:300,400,700"
rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i"
rel="stylesheet">

<!----- google fonts ---->

<!----- scripts ---->


<script
src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script
src="https://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
<script
src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.1/SmoothScroll.min.js"
></script>
<link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet"
type="text/css"/>
<script
src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script
src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-
tooltips.js"></script>
</script><script
src="https://static.tumblr.com/wgg6svp/I8Yobwo15/unnest.min.js"></script>
<script
src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
<script type="text/javascript"
src="https://static.tumblr.com/i5s2zks/9Acok8oo2/bct-timeago.min.js"></script>
<!----- scripts ---->

<!----- tooltip ---->


<script>
(function($){
$(document).ready(function(){
$("a[title]").style_my_tooltips({
tip_follows_cursor:true,
tip_delay_time:90,
tip_fade_speed:600,
attribute:"title"
});
});
})(jQuery);
</script>
<!----- tooltip ---->

<!----- caption unnest ---->


{block:ifShowUnnestCaptions}
<script>
$(document).ready(function(){ $('.posts').unnest({
yourCaption: ".caption",
wrapName: ".cap",
newCaptionUsername: true,
originalPostCaptionUsername: false,
tumblrAvatars: false,
tumblrAvatarClass: ".icon",
usernameColon: false
});

}); </script>

{/block:ifShowUnnestCaptions}
<!----- caption unnest ---->

<!----- pixel union photosets ---->


<script>
$(document).ready(function(){
$('.photo-slideshow').pxuPhotoset({
lightbox: true,
highRes: true,
gutter: '4px',
borderRadius: '0px',
photoset: '.photo-slideshow',
photoWrap: '.photo-data',
photo: '.pxu-photo'
});

}); </script>
<!----- pixel union photosets ---->

<style type="text/css">

::-webkit-scrollbar {
width:17px;
height:17px;
}
::-webkit-scrollbar {
background-color:{color:Background};
}
::-webkit-scrollbar-track {
border:8px solid {color:Background};
background-color:{color:Background};
}
::-webkit-scrollbar-thumb {
border:8px solid {color:Background};
background-color:#cbd0d4;
min-height:24px;
min-width:24px;
}

#s-m-t-tooltip {
max-width:300px;
margin-top:-30px;
margin-left:-25px;
font-size:8px;
font-family: {text:Body Font};
letter-spacing:1px;
text-align:center;
text-transform:uppercase;
padding:3px;
color:color:{Text};
background-color:{color:Background};
z-index:999999;
}

{block:ifShowUnnestCaptions}
/* to style the reblogged urls */
.tumblr_blog {
vertical-align:bottom;
font-style: bold;
color:{color:Text}!important;
letter-spacing:1px;
font-size: 11px;
font-family: 'Changa', calibri;
text-transform:uppercase;
box-shadow: inset 0px -6px {color:Accent};
margin-bottom: -5px;
font-weight:750;
}

.tumblr_blog a:hover {
text-decoration:none;
color:{color:Link Hover};
}
/* to style the reblogged urls */

.cap {
margin-left:0px;
width:540px;
}

.cap blockquote {
width:540px;
margin-left:0px;
}
{/block:ifShowUnnestCaptions}

{block:ifNotShowUnnestCaptions}
/* to style the reblogged urls */
.tumblr_blog {
vertical-align:bottom;
font-style: none;
font-weight:bold;
color:{color:Bold}!important;
text-transform:uppercase;
letter-spacing:1px;
font-size: 10px;
font-family: 'Changa', calibri;
border-bottom:1px solid {color:Borders};
}

.tumblr_blog a:hover {
text-decoration:none;
color:{color:Link Hover};
}
/* to style the reblogged urls */

blockquote {
border-left:1px solid {color:Info Border};
padding-left:7px;
padding-top:px;
padding-bottom:px;
margin:5px;
margin-top:px;
margin-bottom:20px;
margin-left:px;
}
{/block:ifNotShowUnnestCaptions}

/* this is for the like "button/text" */


.like-b {
position:relative;
display:inline-block;
height:1em;
line-height:1em;
overflow:hidden;
margin-bottom:-2px;
}

.like-b .like_button iframe {


position:absolute;
top:0;
left:0;
bottom:0;
right:0;
z-index:2;
opacity:0;
}

.like-b .liked + .b {
color:{color:Text};
}

.like-b .liked + .b:after {


content:'d';
}
/* this is for the like "button/text" */

h1 {
font-weight:normal;
font-size: {text:Body Font Size};
font-family: 9px;
text-align:left;
font-style:italic;
letter-spacing:0px;
text-transform:none;
color:{color:Bold};
}

h2 {
margin-bottom:10px;
font-size: 12px;
font-family: 'Changa', sans-serif;
font-style:none;
text-align:left;
font-weight:bold;
line-height:100%;
text-transform:uppercase;
color:{color:Bold};
margin: 0px;
}

hr {
width:50px;
margin-left:0px;
border-width: 1px 0px 0px 0px;
border-style: solid;
border-color: {color:Info Border};
}

pre {
font-size: 9px;
font-family: 'Heebo', sans-serif;
width:540px;
text-align: left;
word-break: break-all;
color:{color:Text};
}

/* the horizontal line after the ask url. you can use anywhere you want in the
html just add <shortborder1></shortborder1> */
shortborder2 {
width:10px;
height:1px;
margin-left:2px;
margin-right:2px;
background:{color:Info Border};
display:inline-block;
vertical-align:middle;
}
/* the horizontal line after the ask url. */

shadow {
box-shadow: inset 0px -8px {color:Accent};
margin-bottom: -5px;
}

body {
color: {color:Text};
background-color:{color:Background};
background-image:url('{image:background}');
background-repeat: repeat;
background-attachment: fixed;
background-position:center;
font-family:'Heebo', sans-serif;
font-size:11px;
}

b, strong {
color: {color:bold};
}
i, italic {
color: {color:italic};
}

small, sup, sub {


font-size: 11px;
}

a {
color: {color:Link};
text-decoration: none;
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
}

a:hover {
color: {color:Link Hover};
text-decoration: none;
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
}

.title {
width:268px;
margin:0 0 10px 2px;
font-family:'Changa', calibri;
font-size:20px;
text-align:right;
font-style:italic;
text-transform:uppercase;
color: {color:Text};
font-weight:800;
margin-top:10px;
}

.sidebar {
width:268px;
font-size: 11px;
font-family: 'Heebo', sans-serif;
margin-left:-50px;
position: fixed;
margin-top:130px;
padding:10px 5px 15px 5px;
letter-spacing:0px;
background-color:{color:Posts Background};
}

.sidebarimage {
width:268px;
margin-bottom:0px;
}
.sidebarlinks {
font-family: 'Changa', calibri;
padding:3px 0 0 0;
margin:3px auto;
text-align:center;
text-transform:uppercase;
width:268px;
font-weight:900;
font-size:12.5px;
}

.sidebarlinks a {
color: {color:Text};
padding:3px;
}

.sidebarlinks a:hover {
color:{color:Link Hover};
text-decoration:none;
box-shadow: inset 0px -4px {color:Accent};
margin-bottom: -5px;
}

.description {
width:268px;
margin-top:px;
margin-bottom:5px;
padding:3px;
text-align:center;
font-weight:400;
font-size:11px;
line-height:150%;
text-transform:lowercase;
color:{color:Text};
letter-spacing:0.5px;
}

.description a:hover {
color:{color:Link Hover};
}

.pagination {
width:268px;
text-align:center;
text-transform:lowercase;
margin:10px 0;
font-family:'Changa', sans-serif;
font-size:12px;
}

.pagination a {
font-weight:700;
padding-left:05px;
padding-right:05px;
}

.pagination i {
font-size:10px;
}

.container {
width:1000px;
margin: auto;
}

.postscontainer {
width:540px;
margin: auto;
padding:5px;
margin-left:385px;
}

/* style for pixel union photosets


i recomend not changing if you don't know what you're doing */
.photo-slideshow {
visibility: hidden;
}

.photo-slideshow.processed {
visibility: visible;
}

.photo-slideshow .row {
clear: both;
width: 100%;
}

.photo-slideshow .pxu-photo {
display: block;
float: clear;
width: 100%;
overflow: hidden;
}

.photo-slideshow .pxu-photo img {


display: block;
}

.photo-slideshow.processed .pxu-photo img {


width:100%;
height: auto;
}

.photo-slideshow .pxu-photo:first-child img {


margin:auto;
}

.photo-slideshow .count-1 {
max-width:540px;
height: auto;
}
.photo-slideshow .count-2 {
width:268px;
height: auto;
}

.photo-slideshow .count-3 {
width:177px;
height: auto;
}

.set {
margin:auto!important;
}

.photo-slideshow {
width:auto!important;
}
/* style for pixel union photosets
i recomend not changing if you don't know what you're doing */

.posts {
width:540px;
font-size: 11px;
font-family: 'Heebo', sans-serif;
margin-top:60px;
padding:10px;
margin-bottom:60px;
line-height:140%;
text-align:justify;
background-color:{color:Posts Background};
}

.posts img {
max-width:540px;
height:auto;
margin-top:3px;
}

.info {
width:540px;
margin-top:-5px;
padding-top:4px;
text-align:left;
font-family:'Changa', calibri;
text-transform:uppercase;
letter-spacing:0px;
font-size:10px;
font-weight:700;
}

.info a {
color:{color:Text};
}
.info a:hover {
text-decoration:none;
color:{color:Link Hover};
}

.inf {
width:540px;
margin-top:-15px;
padding-top:0px;
text-align:right;
font-family:'Changa', calibri;
text-transform:uppercase;
letter-spacing:0px;
font-size:10px;
font-weight:700;
}

.inf a {
color:{color:Text};
}

.inf a:hover {
text-decoration:none;
color:{color:Link Hover};
}

.tags {
width:540px;
margin-top:5px;
text-transform:none;
position:static;
font-family:'Heebo', sans-serif;
letter-spacing:0px;
text-align:left;
float:initial;
font-size:11px;
-moz-transition-duration:0.5s;
-webkit-transition-duration:0.5s;
-o-transition-duration:0.5s;
}

.tags a {
padding:5px;
background-color:none;
color:{color:Text};
}

.tags a:hover {
text-decoration:none;
color:{color:Link Hover};
}

/* style for lists


content "�" is the symbol on the unordered list and you can change that*/
ul li {
color:#444;
margin-left:-33px;
list-style:none;
}

ul li:before {
color:{color:Bold};
content:"�";
font-size:1em;
padding-right:.5em;
position:relative;
top:.1em;
}

ol {
color:#444;
margin-left:-25px;
}
/* style for lists */

.postsnote {
width:540px;
margin-top: 15px;
float: left;
margin-bottom:30px;
margin-left:-11px;
padding:10px;
background-color:{color:Posts Background};
}

.postsnote ol, .notes-bottom ul {


margin: 5px;
padding: 0;
list-style: none;
}

.postsnote li {
width:47%;
padding: 2px 0 5px 10px;
margin:2px;
font-size: 11px;
font-family: 'Heebo', sans-serif;
float:left;
text-align:left;
}

.postsnote li img.avatar {
border:none;
margin:;
width:0;
padding:0;
}

.postsnote .note .action {


}

.postsnote .note .retags {


display:none;
visibility:hidden;
}
.postsnote blockquote {
display:none;
}

.more_notes_link {
list-style: none;
text-transform:uppercase;
letter-spacing:0.5px;
font-size:8px;
font-size: 11px;
font-family: 'Heebo', sans-serif;
margin-top:10px;
font-weight:bold;
padding:3px;
position:relative;
float:left;
border-top:1px solid {color:Posts Border};
}

.playerbuttonbg {
position: absolute;
left: 20px;
top: 20px;
width: 19px;
height: 19px;
background-color: #ffffff;
padding: 10px;
-webkit-border-radius: 40px;
-moz-border-radius: 40px;
border-radius: 40px;
opacity: .4;
filter: alpha(opacity=40);
-moz-opacity: 0.4;
-khtml-opacity: 0.4;
transition: opacity .7s ease-in-out;
-moz-transition: opacity .7s ease-in-out;
-webkit-transition: opacity .7s ease-in-out;
}

.playerbuttonbg:hover {
opacity: 1;
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
}

.newplayerbutton {
position: relative;
width: 19px;
height: 19px;
overflow: hidden;
}

.playerbuttonhug {
position: absolute;
top: 0px;
left: 0px;
}

.tumblr_audio_player {
height: 90px;
width: 270px;
-moz-transform: scale(0.60, 0.60);
-webkit-transform: scale(0.60, 0.60);
-o-transform: scale(0.60, 0.60);
-ms-transform: scale(0.60, 0.60);
transform: scale(0.60, 0.60);
-moz-transform-origin: top left;
-webkit-transform-origin: top left;
-o-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
}

.audioimgwrapper {
position: absolute;
left: 0px;
top: 0px;
-webkit-border-radius: 40px;
-moz-border-radius: 40px;
border-radius: 40px;
overflow: hidden;
width: 79px;
height: 79px;
}

.audioimgwrapper img {
width: 100%;
height: auto;
-webkit-border-radius: 40px;
-moz-border-radius: 40px;
border-radius: 40px;
}

.trackdetails {
width: auto;
font-size: 11px;
font-family: 'Heebo', sans-serif;
line-height:14px;
border: 0px solid black;
display:inline-block;
margin-left: 90px;
padding:15px 10px 10px 10px;
min-height:70px;
}

.audiowrapper {
position: relative;
display:inline-block;
}

.quote {
font-size: 11px;
font-family: 'Heebo', sans-serif;
margin-top:5px;
color:{color:Bold};
font-weight:bold;
letter-spacing:0.1px;
text-transform:none;
line-height:100%;
text-align:left;
}

.source {
font-size: 11px;
font-family: 'Heebo', sans-serif;
font-style: italic;
text-align:left;
line-height:17px;
}

.chat {
margin-top:5px;
font-size: 11px;
font-family: 'Heebo', sans-serif;
}

.chat .lines {
margin-left:0;
}

.chat .lines span {


font-weight: bold;
color:{color:bold};
}

.ask {
width:540px;
font-size: 11px;
font-family: 'Heebo', sans-serif;
text-align:left;
font-weight:;
padding-bottom:10px;
font-size: 11px;
font-family: 'Heebo', sans-serif;
border-bottom: 1px solid #f6f6f6;
}

.ask a {
color:{color:bold};
}

.ask a:hover {
text-decoration:none;
color:{color:Link Hover};
}

.answer {
width:540px;
letter-spacing:0px;
text-align:left;
margin-bottom:1px;
font-size: 11px;
font-family: 'Heebo', sans-serif;
}

.credit {
position:fixed;
font-family:'Heebo',calibri;
font-size:11px;
letter-spacing:0px;
right:5px;
bottom:20px;
text-transform:uppercase;
text-align:center;
color: #393939;
}

.credit a {
color:{color:Text};
padding:3px;
background-color: #fff;
font-style:normal;
padding:3px;
-moz-transition-duration:0.5s;
-webkit-transition-duration:0.5s;
-o-transition-duration:0.5s;
}

</style>
</head>

<body>
<div class="container">
<div class="sidebar">
<img src="{image:sidebar}" class="sidebarimage">
<div class="title">
<shadow>{text:title}</shadow>
</div>

<div class="description">
{Description}
<div class="sidebarlinks">
{block:PreviousPage}
<a href="{PreviousPage}">�</a>{/block:PreviousPage}
<a href="/">home</a>
<a href="/ask">ask</a>
{block:ifShowLink1}
<a href="{text:link 1 url}">{text:link 1 text}</a>
{/block:IfShowLink1}
{block:ifShowLink2}
<a href="{text:link 2 url}">{text:link 2 text}</a>
{/block:IfShowLink2}
{block:NextPage}
<a href="{NextPage}"> �</a>{/block:NextPage}
</div>
</div>

{block:Pagination}
{/block:Pagination}
</div>
<div class="postscontainer" id="{PostID}">
{block:Posts}
<div class="posts" id="{PostID}">
{block:Text}
{block:Title}<h2>{Title}</h2>{/block:Title}
<div class="caption">
{Body}
</div>
{/block:Text}

{block:Quote}<div class="quote">&#8220;{Quote}&#8221;</div><div class="source">


{block:Source}{Source}{/block:Source}</div>
{/block:Quote}

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

{block:Chat}
{block:Title}<h2>{Title}</h2>{/block:Title}
{block:lines}
<div class="chat">
<div class="lines">{block:label}
<span><span style="text-transform:uppercase;letter-
spacing:0.5px;">{label}</span></span>
{/block:label}
{line}</br></div></div>
{/block:lines}
{/block:Chat}

{block:Answer}<div class="ask"><span style="font-style: italic;text-


transform:lowercase;color:{color:bold};font-weight:bold;">{Asker}</span>
:<shortborder2></shortborder2> <span style="text-transform:none;"> {Question}
</span></div><div class="caption"><div
class="answer">{Answer}</div></div>{/block:Answer}

{block:Photo}
{linkopentag}<img src="{photoURL-HighRes}" alt="{PhotoAlt}"/>{linkclosetag}
{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}
{/block:Photo}

{block:Photoset}
<div class="photo-slideshow" id="photoset_{PostID}" data-
layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-
photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-
500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-
height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}"
href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div>
{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
{/block:Photoset}
{block:Audio}
{block:AudioPlayer}
<div class="audiowrapper">
{block:AlbumArt}
<div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>
{/block:AlbumArt}
<div class="playerbuttonbg">
<div class="newplayerbutton">
<div class="playerbuttonhug">
{AudioPlayerWhite}
</div></div></div>
<div class="trackdetails">
{block:TrackName}<span style="font-weight:bold;text-transform:uppercase;color:
{color:Bold};">Track:</span> {TrackName} <br/>{/block:TrackName}
{block:Artist}<span style="font-weight:bold;text-transform:uppercase;color:
{color:Bold};">Artist:</span> {Artist} <br/>{/block:Artist}
{block:Album}<span style="font-weight:bold;text-transform:uppercase;color:
{color:Bold};">Album:</span> {Album} <br/>{/block:Album}
{block:PlayCount}<span style="font-weight:bold;text-transform:uppercase;color:
{color:Bold};">Plays:</span> {PlayCount}{/block:PlayCount}
</div></div>
{/block:AudioPlayer}
{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
{/block:Audio}

{block:Video}
{Video-500}
{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
{/block:Video}

{block:Date}<div class="info"><shortborder2></shortborder2><br><a title="{timeago}"


href="{Permalink}"> {ShortMonth} {DayOfMonth}{DayOfMonthSuffix}
</a></span>{block:NoteCount} {NoteCount}{/block:NoteCount} {block:RebloggedFrom}
<a href="{ReblogParentURL}">{ReblogParentName}</a>{block:ContentSource} <a
href="{SourceURL}">{SourceTitle}</a>{/block:ContentSource}{/block:RebloggedFrom}
</div> <div class="inf"><a href="{ReblogURL}" target="_blank" class="details">?</a>
<a class="like-b" href="#">{LikeButton}<span class="b">?</span></a></span></div>
{/block:Date}

{block:HasTags}
<div class="tags">
{block:Tags}<span style="color:{color:Accent};font-size:10px;">#</span><a
href="{TagURL}">{Tag}</a> {/block:Tags}
</div>
{/block:HasTags}

{block:PostNotes}
<div class="postsnote">
{PostNotes}
</div>
{/block:PostNotes}
</div>
{/block:Posts}

<div class="credit"><a href="https://batfck.tumblr.com" title="batfck themes" >??


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

You might also like