silent hill theme

<!DOCTYPE html>
<head>

<!-----
base code by animecharacter.tumblr.com

Silent Hill theme by shockjockeys

----->

<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:30,

tip_fade_speed:300,

attribute:"title"

});

});

})(jQuery);

</script>

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

<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">

<meta name="image:sidebar" content="">
<meta name="image:background" content="">
<meta name="image:favicon" content="">
<meta name="image:left image" content="">
<meta name="image:cursor" content""/>

<meta name="color:bg" content="#fff">
<meta name="color:text" content="#fff">
<meta name="color:bold" content="#fff">
<meta name="color:italic" content="#fff">
<meta name="color:post bg" content="fff">
<meta name="color:sidebar bg" content="fff">
<meta name="color:border" content="#fff">
<meta name="color:link" content="fff">
<meta name="color:link hover" content="fff">
<meta name="color:dropdown" content="fff">
<meta name="color:footer bg" content="fff">
<meta name="color:footer txt" content="fff">
<meta name="color:description bg" content="fff">
<meta name="color:tooltip text" content="#fff">
<meta name="color:tooltip bg" content="#fff">

<meta name="select:font" content="dotum">
<meta name="select:font" content="arial">
<meta name="select:font" content="consolas">
<meta name="select:font" content="verdana">
<meta name="select:font" content="georgia">
<meta name="select:font" content="tahoma">
<meta name="select:post width" content="300">
<meta name="select:post width" content="325">
<meta name="select:post width" content="350">
<meta name="select:post width" content="400">
<meta name="select:border thickness" content="1">
<meta name="select:border thickness" content="2">
<meta name="select:border type" content="dotted">
<meta name="select:border type" content="dashed">
<meta name="select:border type" content="solid">

<meta name="if:max bg" content=""/>
<meta name="if:tiled bg" content="">
<meta name="if:transparent" content=""/>
<meta name="if:custom cursor" content="" />
<meta name="if:border" content="">
<meta name="if:rounded sidebar img" content=""/>
<meta name="if:default links" content=""/>
<meta name="if:left links" content=""/>
<meta name="if:icon links" content=""/>
<meta name="if:dropdown links" content=""/>
<meta name="if:glowy links" content=""/>

<meta name="text:Title" content="">
<meta name="text:sidebar img hover" content="">
<meta name="text:body font size" content="">
<meta name="text:sidebar font size" content="">
<meta name="text:dropdown title" content="">
<meta name="text:link icon" content="">

<meta name="text:Link 1" content="">
<meta name="text:Link 1 url" content="/">
<meta name="text:Link 2" content="">
<meta name="text:Link 2 url" content="/">
<meta name="text:Link 3" content="">
<meta name="text:Link 3 url" content="/">
<meta name="text:left image width" content=""/>
<meta name="text:left image margin left" content="0"/>
<meta name="text:left image margin bottom" content="0"/>

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

<style type="text/css">


/*
general text styles, fonts and colours
*/

#s-m-t-tooltip {max-width:300px;border-radius:0px ;padding:3px;border:1px {select:border type} {color:border};margin:20px 7px -2px 20px;background-color:{color:tooltip bg};font-size:13px;text-transform:normal;color:{color:tooltip text};z-index:999999999999999999999999999999999999;letter-spacing:.8px;}

body {
margin:0px;
background:{color:bg};
font-family:{select:font};
font-size:{text:font size}px;
line-height:140%;
color:{color:text};
background-attachment:fixed;
{block:ifmaxbg}background: {color:background} url('{image:Background}') no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
{/block:ifmaxbg}
{block:iftiledbg}background: {color:Background} url('{image:Background}') top left fixed repeat;{/block:iftiledbg}
{block:ifcustomcursor} cursor:url({image:cursor}),auto; {/block:ifcustomcursor}
}

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

b,strong{
    color:{color:Bold};
}

i,oblique{
    color:{color:Italic};
}

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;
{block:ifglowylinks}color:{color:link}; text-shadow: 0px 0px 10px;{/block:ifglowylinks};
{block:ifcustomcursor} cursor:url({image:cursor}),auto; {/block:ifcustomcursor}
}

a:hover{
color:{color:link hover};
text-decoration:none;
{block:ifcustomcursor} cursor:url({image:cursor}),auto; {/block:ifcustomcursor}

}

li{
margin-left:-15px;
}

/*
containers etc
*/
#wrapper{
width:600px;
margin:50px auto;
}

#sidebar{
width:140px;
margin:150px 0 0px -70px;
position:fixed;
color:{color:text};
{block:ifborder}border:{color:border} {select:border thickness}px {select:border type};{/block:ifborder}
background-color:{color:sidebar bg};
padding:10px;
font-size:{text:sidebar font size}px;
font-family:{select:font};
{block:iftransparent}
background:{color:bg};
{block:iftiledbg}background: {color:Background} url('{image:Background}') top left fixed repeat;{/block:iftiledbg}
{block:ifmaxbg}background: {color:Background} url('{image:Background}') no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
{/block:ifmaxbg}
{/block:iftransparent}
}

#sidebar img{
margin-top:0px;
margin-right:3px;
border-radius:0px;
{block:ifroundedsidebarimg}
border-radius:80px;{/block:ifroundedsidebarimg};
}

#content{
width:500px;
margin-left:200px;
overflow:hidden;
}

.post{
width:{select:post width}px;
margin:0 0 50px 0;
overflow:hidden;
background-color:{color:post bg};
padding:25px;
padding-bottom:10px;
color:{color:text};
{block:ifborder}border:{color:border} {select:border thickness}px {select:border type}{/block:ifborder};
font-size:{text:body font size}px;
font-family:{select:font};
{block:iftransparent}
background:{color:bg};
{block:iftiledbg}background: {color:Background} url('{image:Background}') top left fixed repeat;{/block:iftiledbg}
{block:ifmaxbg}background: {color:Background} url('{image:Background}') no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
{/block:ifmaxbg}
{/block:iftransparent}
}

#sidebar img, .post img{
max-width:100%;
}

#nav{
margin:20px 0 0 0;
padding:2px;
border-top:1px dashed {color:border};
}

#default{
    word-spacing:2px;
    padding:4px;
    line-height:150%;
}

#title{
    font-size:18px;
}


.sidebar_hidden {
    height:auto;
    }

.sidebar_hidden a {
    padding:1px;
    display:block;
    color:{color:Link};
    text-decoration:none;
    font-size:12px;
    {block:ifborder}
    border-bottom:1px solid {color:border};{/block:ifborder}
    padding-left:5px;
    letter-spacing:1px;
    text-align:left;
    }

#description{
    padding:4px;
    padding-bottom:1px;
    font-size:13px;
    font-family:{text:font};
    background-color:{color:description bg};
    color:{color:text};

}

.links {margin:auto; margin-top: -5px; padding:0px; width:90px;} .links_title {padding-top:2px; padding-bottom:2px; position:relative;text-align:center;color: {color:text};width: 90px;border:1px dashed {color:border};background-color: {color:dropdown};cursor:pointer;text-transform:lowercase}

#links{
    font-size:{text:font size};
    font-family:{select:font};
    letter-spacing:1.5px;
}

/*
content in the body of the posts - quotes, asks, etc
"media" contains photos, photosets, videos, audio posts
*/
.media{
margin:0 0 10px 0;
}

.title{
font-weight:normal;
font-size:18px;
margin:0 0 10px 0;
border-bottom:1px {color:border} solid;
padding-bottom:5px;
}

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

.question{
margin-bottom:10px;
border-bottom:solid 1px {color:border};
}

blockquote{
margin:0 0 10px 10px;
padding:0 0 0 10px;
border-left:solid 1px #000;
}

#audio {
width:100% {select:post width};
height:50px;
margin-bottom:10px;
display:block;
padding:5px;
}

#audio .player{background:#FFF;height:25px;width:25px;padding:2px;overflow:hidden;position:absolute;margin-top:8px;margin-left:8px;border:2px solid #fff;opacity:0.8;z-index:2;}

.art{width:55px;height:55px; position:absolute;display:block;z-index:1;}
.art img{width:50px;height:50px;}

.songtitle{margin-left:60px;height:40px;padding:5px 10px;line-height:13px;overflow:auto;font-size:11px;}

/*
post footers - date, tags, via and source
*/
.post .footer{
margin:0;
text-align:left;
background-color:{color:footer bg};
color:{color:footer txt};
padding:5px;
}

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

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

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

{CustomCSS}
</style>
</head>

<body>
<div id="wrapper">


<div id="sidebar">
<center><div id="title">{text:Title}</div></center>
<center><a href="/" title="{text:Sidebar img hover}"> <img src="{image:Sidebar}"></a></center>
{block:Description}
<div id="description"><p>{Description}</p>
</div>{/block:Description}
<br>

{block:ifDropdownlinks}
<center>
<div id="links">
<select onchange='location=this.options[this.selectedIndex].value;' style='width:100px; border-radius:none;background:{color:dropdown};border:1px solid {color:border color};color:{color:text};font-family:{select:font}'>

<option>{text:dropdown title}</option>

<option value="/">home</option>

<option value="/ask">ask</option>

{block:ifLink1}<option value="{text:Link 1 URL}">{text:Link 1}</option>{block:ifLink1}

{block:ifLink2}<option value="{text:Link 2 URL}">{text:Link 2}</option>{block:ifLink2}

{block:ifLink3}<option value="{text:Link 3 URL}">{text:Link 3}</option>{block:ifLink3}

</select>
</div>
{/block:ifDropdownlinks}

        {block:ifleftlinks}
        <div class="sidebar_hidden">
<a href="/">home</a>
<a href="/ask">ask</a>
{block:iflink1}<a href="{text:link 1 url}">{text:link 1}</a>{/block:iflink1}
{block:iflink2}<a href="{text:link 2 url}">{text:link 2}</a>{/block:iflink2}
{block:iflink3}<a href="{text:link 3 url}">{text:link 3}</a>{/block:iflink3}
       </div>
       {/block:ifleftlinks}

       {block:ificonlinks}
<div id="links"><center>
<b><a href="/" title="home">{text:link icon}</a>
<a href="/ask" title="ask">{text:link icon}</a>
{block:ifLink1}<a href="{text:Link 1 URL}" title="{text:link 1}" >{text:link icon}</a>{/block:ifLink1}
{block:ifLink2}<a href="{text:Link 2 URL}" title="{text:link 2}" >{text:link icon}</a>{/block:ifLink2}
{block:ifLink3}<a href="{text:Link 3 URL}" title="{text:link 3}" >{text:link icon}</a>{/block:ifLink3}
</b>
</center>
</div>
{/block:ificonlinks}


{block:ifdefaultlinks}
<div id="default">
<center>
<a href="/">home</a> {text:link divider}
<a href="/ask">ask</a>
{block:ifLink1}{text:Link divider} <a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:ifLink1}
{block:ifLink2}{text:Link divider} <a href="{text:Link 2 URL}" >{text:Link 2}</a>{/block:ifLink2}
{block:ifLink3}{text:Link divider} <a href="{text:Link 3 URL}">{text:Link 3}</a> {/block:ifLink3}
</center>
</div>
{/block:ifDefaultlinks}

{block:Pagination}
<div id="nav"><center>
{block:PreviousPage}<b><a href="{PreviousPage}"><-</a></b>{/block:PreviousPage}

{block:NextPage}<b><a href="{NextPage}">-></a></a></b>{/block:NextPage}
</center></div>
{/block:Pagination}

</div>


<div id="content">
{block:Posts}

<div class="post">

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

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

{block:Photoset}
<div class="media">{Photoset}</div>
{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
{/block:Photoset}

{block:Quote}
<div class="quote">"{Quote}"</div>
{block:Source}
<div class="quotesource">{Source}</div>
{/block:Source}
{/block:Quote}

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

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

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

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

{block:Audio}
<div id="audio">
<div class="art">{block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}</div>
<div class="player">{AudioPlayerWhite}</div>
<div class="songtitle">
{block:TrackName}<i>{TrackName}</i>{/block:TrackName}<br>
{block:Artist}{Artist}{/block:Artist}<br>
{block:Album}{Album}{/block:Album}</div></div>
{block:Caption}{Caption}{/block:Caption}
{/block:Audio}

{block:Answer}
<div class="question"><b>{Asker}</b> said: {Question}</div>
<div class="caption">{Answer}</div>
{/block:Answer}


{block:Date}<br>
<div class="footer">
<center><a href="{Permalink}">{MonthNumber}.{DayOfMonth}.{Year}</a>{block:NoteCount} + ({NoteCount} N){/block:NoteCount} {block:RebloggedFrom}<a href="{ReblogParentURL}">Via</a>{/block:RebloggedFrom} {block:ContentSource}+ <a href="{SourceURL}">Src</a>{/block:ContentSource}
{block:HasTags}<br>tags: {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}
</center>
</div>

{block:PermalinkPage}
{block:NoteCount}
{block:PostNotes}{PostNotes}{/block:PostNotes}
{/block:NoteCount}
{/block:PermalinkPage}
{/block:Date}

</div>
{/block:Posts}

</div>

<div id="imageleft" style="position:fixed; bottom:{text:left image margin bottom}px; z-index:-1; left:{text:left image margin left}px;"><img src="{image:Left Image}"width="{text:left image width}"></div>

 <a style="bottom:2px;right:2px;background:none;none;position:fixed;padding:2px;font-size:15px;color:{color:Link};text-decoration:none;" href="http://www.shockjockeys.tumblr.com" title="credit">🔪</a>

        <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>

    </body>
</html>