vintage theme

<!DOCTYPE html>
<head>

<!-----


vintage theme by @tianshi
don't remove the credit please


----->

<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
{block:Description}
<meta name="description" content="{MetaDescription}" />
{/block:Description}

<meta name="image:avatar" content="https://static.tumblr.com/f0be9c237017e6a3472b5a8595f98054/kthovey/L61ovdoub/tumblr_static_2j7fzoz8xvs4ko48sw8kck0k.png">
<meta name="image:footer pixel" content="https://static.tumblr.com/95c3fcbeedc789d625a696ccc5dff275/kthovey/zLsovdp7r/tumblr_static_cmgawmoi1k0gccccgoswcw0og.gif">
<meta name="image:audio pixel" content="https://static.tumblr.com/38a715b8973367784ff2cf3069f669f1/kthovey/xBMovdp13/tumblr_static_5fcp14sx33oco48gwc8w4c84s.gif">
<meta name="image:favicon">
<meta name="image:link 1">
<meta name="image:link 2">
<meta name="image:link 3">
<meta name="color:bg" content="#ffe5c4">
<meta name="color:scrollbar" content="#be2020">
<meta name="color:text" content="#494949">
<meta name="color:border" content="#5da2e2">
<meta name="color:sidebar border" content="#85c4ff">
<meta name="color:sidelink" content="#f03a3a">
<meta name="color:sidelink border" content="#9d1d25">
<meta name="color:blockquote" content="#000000">
<meta name="color:link" content="#f03a3a">
<meta name="color:link border" content="#9d1d25">
<meta name="color:link hover" content="#d6ed9b">
<meta name="color:link hover border" content="#80a842">
<meta name="text:emoji 1" content="🌠">
<meta name="text:emoji 2" content="🔥">
<meta name="text:emoji 3" content="🚀">
<meta name="text:link 1" content="/ask">
<meta name="text:link 2" content="/">
<meta name="text:link 3" content="/">
<meta name="text:link 1 name" content="ask">
<meta name="text:link 2 name" content="/">
<meta name="text:link 3 name" content="/">
<meta name="text:font" content="consolas">
<meta name="text:font size" content="19">
<meta name="text:letterspace" content="0">
<meta name="text:post size" content="500">
<meta name="text:tags font size" content="25">
<meta name="text:title font size" content="40">
<meta name="if:description" content="0">
<meta name="if:caption" content="1">
<meta name="if:title"  content="1">
<meta name="if:tags" content="1">
<meta name="if:sparkle effect" content="1">
<meta name="if:emoji links" content="1">
<meta name="if:pixel links" content="0">
<meta name="if:normal links" content="0">

<title>{Title}</title>

<link rel="shortcut icon" href="{image:Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">
<link rel="stylesheet" href="http://static.tumblr.com/qxrkgx6/RWPmgn2qa/normalize.min.css">

<script src="http://static.tumblr.com/qxrkgx6/LuRmgn2rm/modernizr-2.6.2.min.js"></script>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>

<script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>

<script>

(function($){

$(document).ready(function(){

$("a[title]").style_my_tooltips({

tip_follows_cursor:true,

tip_delay_time:0,

tip_fade_speed:0,

attribute:"title"

});

});

})(jQuery);

</script>

{block:ifSparkleEffect}
<script type="text/javascript">
// <![CDATA[
var sparks=75; // how many sparks per clicksplosion
var speed=33; // how fast - smaller is faster
var bangs=5; // how many can be launched simultaneously (note that using too many can slow the script down)
var colours=new Array('#03f', '#f03', '#0e0', '#93f', '#0cf', '#f93', '#f0c');
//                     blue    red     green   purple  cyan    orange  pink

/****************************
*   Clicksplosion Effect    *
*(c)2012-3 mf2fm web-design *
*  http://www.mf2fm.com/rv  *
* DON'T EDIT BELOW THIS BOX *
****************************/
var intensity=new Array();
var Xpos=new Array();
var Ypos=new Array();
var dX=new Array();
var dY=new Array();
var stars=new Array();
var decay=new Array();
var timers=new Array();
var swide=800;
var shigh=600;
var sleft=sdown=0;
var count=0;

function addLoadEvent(funky) {
  var oldonload=window.onload;
  if (typeof(oldonload)!='function') window.onload=funky;
  else window.onload=function() {
    if (oldonload) oldonload();
    funky();
  }
}

addLoadEvent(clicksplode);

function clicksplode() { if (document.getElementById) {
  var i, j;
  window.onscroll=set_scroll;
  window.onresize=set_width;
  document.onclick=eksplode;
  set_width();
  set_scroll();
  for (i=0; i<bangs; i++) for (j=sparks*i; j<sparks+sparks*i; j++) {
    stars[j]=createDiv('*', 13);
    document.body.appendChild(stars[j]);
  }
}}

function createDiv(char, size) {
  var div, sty;
  div=document.createElement('div');
  sty=div.style;
  sty.font=size+'px monospace';
  sty.position='absolute';
  sty.backgroundColor='transparent';
  sty.visibility='hidden';
  sty.zIndex='101';
  div.appendChild(document.createTextNode(char));
  return (div);
}

function bang(N) {
  var i, Z, A=0;
  for (i=sparks*N; i<sparks*(N+1); i++) {
    if (decay[i]) {
      Z=stars[i].style;
      Xpos[i]+=dX[i];
      Ypos[i]+=(dY[i]+=1.25/intensity[N]);
      if (Xpos[i]>=swide || Xpos[i]<0 || Ypos[i]>=shigh+sdown || Ypos[i]<0) decay[i]=1;
	  else {
        Z.left=Xpos[i]+'px';
        Z.top=Ypos[i]+'px';
	  }
      if (decay[i]==15) Z.fontSize='7px';
      else if (decay[i]==7) Z.fontSize='2px';
      else if (decay[i]==1) Z.visibility='hidden';
	  decay[i]--;
	}
	else A++;
  }
  if (A!=sparks) timers[N]=setTimeout('bang('+N+')', speed);
}

function eksplode(e) {
  var x, y, i, M, Z, N;
  set_scroll();
  y=(e)?e.pageY:event.y+sdown;
  x=(e)?e.pageX:event.x+sleft;
  N=++count%bangs;
  M=Math.floor(Math.random()*3*colours.length);
  intensity[N]=5+Math.random()*4;
  for (i=N*sparks; i<(N+1)*sparks; i++) {
    Xpos[i]=x;
    Ypos[i]=y-5;
    dY[i]=(Math.random()-0.5)*intensity[N];
    dX[i]=(Math.random()-0.5)*(intensity[N]-Math.abs(dY[i]))*1.25;
    decay[i]=16+Math.floor(Math.random()*16);
    Z=stars[i].style;
    if (M<colours.length) Z.color=colours[i%2?count%colours.length:M];
    else if (M<2*colours.length) Z.color=colours[count%colours.length];
    else Z.color=colours[i%colours.length];
    Z.fontSize='13px';
    Z.visibility='visible';
  }
  clearTimeout(timers[N]);
  bang(N);
}

function set_width() {
  var sw_min=999999;
  var sh_min=999999;
  if (document.documentElement && document.documentElement.clientWidth) {
    if (document.documentElement.clientWidth>0) sw_min=document.documentElement.clientWidth;
    if (document.documentElement.clientHeight>0) sh_min=document.documentElement.clientHeight;
  }
  if (typeof(self.innerWidth)=='number' && self.innerWidth) {
    if (self.innerWidth>0 && self.innerWidth<sw_min) sw_min=self.innerWidth;
    if (self.innerHeight>0 && self.innerHeight<sh_min) sh_min=self.innerHeight;
  }
  if (document.body.clientWidth) {
    if (document.body.clientWidth>0 && document.body.clientWidth<sw_min) sw_min=document.body.clientWidth;
    if (document.body.clientHeight>0 && document.body.clientHeight<sh_min) sh_min=document.body.clientHeight;
  }
  if (sw_min==999999 || sh_min==999999) {
    sw_min=800;
    sh_min=600;
  }
  swide=sw_min-7;
  shigh=sh_min-7;
}

function set_scroll() {
  if (typeof(self.pageYOffset)=='number') {
    sdown=self.pageYOffset;
    sleft=self.pageXOffset;
  }
  else if (document.body && (document.body.scrollTop || document.body.scrollLeft)) {
    sdown=document.body.scrollTop;
    sleft=document.body.scrollLeft;
  }
  else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
    sleft=document.documentElement.scrollLeft;
    sdown=document.documentElement.scrollTop;
  }
  else {
    sdown=0;
    sleft=0;
  }
}
// ]]>
</script>
{/block:ifSparkleEffect}

<style type="text/css">

.tooltip{
display: inline;
position: relative;
padding:-4px 5px -4px 5px;
-webkit-transition:all 0s;
 -moz-transition:all 0s;
-ms-transition:all 0s;
-o-transition:all 0s;
 transition:all 0s;
}


#s-m-t-tooltip {
max-width:300px;
margin-left:20px;
margin-top:-20px;
padding:3px;
letter-spacing:110%;
background-color:transparent;
font-family:{text:font};
font-size:{text:font size};
letter-spacing:{text:letterspace}px;
color:{color:link};
text-shadow: -1px 0 {color:link border}, 0 1px {color:link border}, 1px 0 {color:link border}, 0 -1px {color:link border};
z-index:999;
-webkit-transition:all 0s;
 -moz-transition:all 0s;
-ms-transition:all 0s;
-o-transition:all 0s;
 transition:all 0s;
}

::-webkit-scrollbar {
width: 14px;
height: 8px;
}
::-webkit-scrollbar-thumb {
background-color:{color:scrollbar};
border: 1px {color:scrollbar};
}
::-webkit-scrollbar-track {
background-color:black;
}

body {
margin:0px;
background-color:{color:bg};
font-family:{text:font};
font-size:{text:font size}px;
line-height:110%;
color:{color:text};
letter-spacing:{text:letterspace}px;
}

p{
margin:0 0 10px 0;
padding:0;
}

pre {
white-space: pre-wrap;
white-space: -moz-pre-wrap;
white-space: -pre-wrap;
white-space: -o-pre-wrap;
word-wrap: break-word;
}

a{
color:{color:link};
text-decoration:none;
text-shadow: -1px 0 {color:link border}, 0 1px {color:link border}, 1px 0 {color:link border}, 0 -1px {color:link border};
}

a:hover{
text-transform:uppercase;
color:{color:link hover};
text-shadow: -1px 0 {color:link hover border}, 0 1px {color:link hover border}, 1px 0 {color:link hover border}, 0 -1px {color:link hover border};
}

li{
margin-left:-15px;
}

blockquote{
margin:0 0 10px 2px;
padding:0 0 0 10px;
border-left:dashed 2px {color:blockquote};
}

#hgfdjhgj{
width:{text:post size}px;
margin:50px auto;
}

#werfdgfrg{
width:{text:post size}px;
margin-left:150px;
overflow:hidden;
}

#bitch{
width:185px;
position:fixed;
max-width:100%;
line-height:120%;
margin-left:-200px;
margin-top:120px;
text-align:left;
}


#bitch a{
color:{color:sidelink};
text-shadow: -1px 0 {color:sidelink border}, 0 1px {color:sidelink border}, 1px 0 {color:sidelink border}, 0 -1px {color:sidelink border};
}

#bitch a:hover{
color:{color:link hover};
text-shadow: -1px 0 {color:link hover border}, 0 1px {color:link hover border}, 1px 0 {color:link hover border}, 0 -1px {color:link hover border};
}

.ahn{
width:{text:post size}px;
margin:0 0 80px 0;
overflow:hidden;
}

.ahn img{
max-width:100%;
}

.clout{
background-color:white;
margin:0 0 10px 0;
padding:10px;
border:3px dashed {color:border};
}

.sauce{
text-align:left;
max-width:40%;
position:relative;
border:1px dotted {color:border};
background-color:#fff;
padding-left:10px;
padding-right:10px;
padding-top:7px;
padding-bottom:7px;
margin:auto;
float:left;
}

.juice{
margin:0 0 2px 0;
}

.paper{
max-width:40%;
position:relative;
border:1px {color:border} dotted;
background-color:#fff;
padding-left:10px;
padding-right:10px;
padding-top:7px;
padding-bottom:7px;
margin:auto;
float:right;
}

.yungcashregister{
font-weight:normal;
font-size:{text:font size};
font-style:italic;
margin:0 0 10px 0;
}

.lilbroomstick{
font-weight:normal;
font-size:{text:font size}px;
font-weight:bold;
margin:0 0 10px 0;
}

.lilbulshit {
margin-top:5px;
}

.ass {
font-size:{text:tags font size}px;
margin-bottom:10px;
line-height:120%;
}

.imathot {
font-size:{text:title font size}px;
margin-top:15px;
margin-bottom:20px;
}

.komaeda {
margin-left:5px;
margin-top:5px;
overflow:hidden;
}

.ahtrgfhet{
margin-top:-23px;
margin-left:30px;
}

.hrtyjthnf{
margin-bottom:10px;
}

.navigation {
margin:auto;
text-align:center;
padding-bottom: 25px;
max-width:{text:post size}px;
width:{text:post size}px;
}

.navigation a {
text-align:center;
text-decoration:none;
font-style:none;
}

.alignleft {
margin:auto;
text-align:center;
float:left;
font-size:60px;
}

.alignright {
margin:auto;
float:right;
text-align:center;
font-size:60px;
}


ol.notes{
list-style-type:none;
padding:0;
margin:0;
}

ol.notes li.note img{
width:0px;
height:0px;
}

ol.notes li.note{
margin:0px;
}

#vid {
max-width: {text:post width}px;
max-height: {text:post width}px;
}
#vidcon {
position: center;
overflow: hidden;
}
#vidcon iframe, #vidcon object, #vidcon embed {
position: center;
max-width: {text:post width}px;
max-height: {text:post width}px;
}

.nsfw {
position:fixed;
bottom:10px;
right:10px;
z-index:9999999;
}

.nsfw a {
text-decoration:none;
}

{CustomCSS}
</style>
</head>

<body>
<div id="hgfdjhgj">


<div id="bitch">
<a href="/"><img src="{image:avatar}" style="border:3px inset {color:sidebar border};
max-width:100%;
width:175px;"></a>

{block:ifDescription}
<div style="line-height:110%;width:185px;margin-bottom:5px;">
{Description}
</div>
{/block:ifDescription}

<blockquote>

{block:ifPixelLinks}

<img src="{image:link 1}"> <a href="{text:link 1}">{text:link 1 name}</a>

<br><img src="{image:link 2}"> <a href="{text:link 2}">{text:link 2 name}</a>

<br><img src="{image:link 3}"> <a href="{text:link 3}">{text:link 3 name}</a>
{/block:ifPixelLinks}

{block:ifEmojiLinks}
{text:emoji 1} <a href="{text:link 1}">{text:link 1 name}</a>

<br>{text:emoji 2} <a href="{text:link 2}">{text:link 2 name}</a>

<br>{text:emoji 3} <a href="{text:link 3}">{text:link 3 name}</a>
{/block:ifEmojiLinks}

{block:ifNormalLinks}
<a href="{text:link 1}">{text:link 1 name}</a>

<br> <a href="{text:link 2}">{text:link 2 name}</a>

<br> <a href="{text:link 3}">{text:link 3 name}</a>
{/block:ifNormalLinks}

</blockquote>
</div>


<div id="werfdgfrg">
{block:ifTitle}
<div class="imathot">
<a href="/">{Title}</a>
</div>
{/block:ifTitle}
{block:Posts}
{block:ifTags}
<div class="ass">{block:HasTags}<br>TAGGED: {block:Tags}#<a href="{TagURL}">{tag}</a> {/block:Tags}{/block:HasTags}</div>
{/block:ifTags}
<div class="ahn">

{block:Text}
<div class="clout">
{block:Title}
<div class="lilbroomstick">{Title}</div>
{/block:Title}
{Body}
</div>
{/block:Text}

{block:Photo}
<div class="clout">{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}
{block:ifCaption}{block:Caption}<div class="lilbulshit">{Caption}</div>{/block:Caption}{/block:ifCaption}
</div>
{/block:Photo}

{block:Photoset}
<div class="clout">{Photoset}
{block:ifCaption}{block:Caption}<div class="lilbulshit">{Caption}</div>{/block:Caption}{/block:ifCaption}
</div>
{/block:Photoset}

{block:Quote}
<div class="clout">
<div class="yungcashregister">"{Quote}"</div>
{block:Source}
<div class="quotesource">– <b>{Source}</b></div>
{/block:Source}
</div>
{/block:Quote}

{block:Link}
<div class="clout">
<div class="lilbroomstick"><a href="{URL}">{Name}</a></div>
{block:Description}
<div class="description">{Description}</div>
{/block:Description}
</div>
{/block:Link}

{block:Chat}
<div class="clout">
{block:Title}
<div class="lilbroomstick">{Title}</div>
{/block:Title}

{block:Lines}
<div class="{Alt} user_{UserNumber}">
{block:Label}
<b>{Label}</b>{/block:Label}
&nbsp;{Line}
</div>
{/block:Lines}
</div>
{/block:Chat}

{block:Video}
<div class="clout">
<div class="juice">
<div id="vid">
<div id="vidcon">
{Video-500}
</div>
</div>
</div>
</div>
{/block:Video}

{block:Audio}
<div class="clout">
<div class="komaeda">
<img src="{image:audio pixel}">
</div>
<div class="juice">
<div class="ahtrgfhet">
{AudioPlayerBlack}
</div>
{block:TrackName}Title: {TrackName}<br>{/block:TrackName}
{block:Artist}Artist: {Artist}<br>{/block:Artist}
</div>
</div>
{/block:Audio}

{block:Answer}
<div class="clout">
<div class="hrtyjthnf">{Asker}: {Question}</div>
<div class="lilbulshit">{Answer}</div>
</div>
{/block:Answer}

{block:Date}
<div class="sauce">
<a href="{Permalink}">
{24hourwithzero}:{minutes} <img src="{image:footer pixel}"></a>
</div>

<div class="paper">
<a href="{ReblogURL}">REBLOG</a>
</div>

{block:PermalinkPage}
<br><br><br>
<div style="font-size:{text:tags font size}px;">
POSTED: {ShortMonth}. {DayOfMonthwithSuffix}, {Year} with {block:NoteCount}{NoteCountwithLabel}{/block:NoteCount} ({block:RebloggedFrom}<a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}{block:ContentSource} / <a href="{SourceURL}" title="source">©</a>{/block:ContentSource})
{block:ifNotTags}{block:HasTags}<br>TAGGED: {block:Tags}#<a href="{TagURL}">{tag}</a>{/block:Tags}{/block:HasTags}{/block:ifNotTags}</div><br>
{block:PostNotes}{PostNotes}{/block:PostNotes}
{/block:PermalinkPage}
{/block:Date}
</div>
{/block:Posts}

{block:Pagination}
<div class="navigation">
{block:PreviousPage}
<div class="alignleft"><a href="{PreviousPage}" title="back">←{text:Previous Page}</a></div>
{/block:PreviousPage}
{block:NextPage}
<div class="alignright"><a href="{NextPage}" title="next">{text:Next Page}→</a></div>
{/block:NextPage}
</div>
{/block:Pagination}
</div>
</div>

</div>

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>

<script>window.jQuery || document.write('<script src="http://static.tumblr.com/qxrkgx6/q6kmgn2w2/jquery-1.8.3.min.js"><\/script>')</script>

<div class="nsfw"><a href="http://tianshi.tumblr.com/" title="theme by tianshi">☆</a></div>


    </body>
</html>