headache theme

<!DOCTYPE html>
<head>

<!-----

💊 headache theme 💊 - by adamstanheight

I called this a headache because it WAS a headache.
This is a simple theme i made in about 2 days.

1) do not remove the credit
2) do not heavily edit because it might fuck it up
3) do not repost as your own / claim as your own

if you have any questions or concerns message me at adamstanheight.tumblr.com. odds are i have a solution.

----->

<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="{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:icon"/>
<meta name="image:tag pixel"/>

<meta name="color:bg"/>
<meta name="color:post"/>
<meta name="color:icon"/>
<meta name="color:sidebar"/>
<meta name="color:text"/>
<meta name="color:link"/>
<meta name="color:link hover"/>
<meta name="color:blockquote"/>
<meta name="color:border"/>
<meta name="color:tag text"/>
<meta name="color:tag bg"/>
<meta name="color:tag border"/>
<meta name="color:shadow"/>
<meta name="color:scroll"/>
<meta name="color:scrollbar"/>
<meta name="color:ask bg"/>
<meta name="color:ask text"/>

<meta name="select:font" content="source sans pro"/>
<meta name="select:font" content="muli"/>
<meta name="select:font" content="arial"/>
<meta name="select:font" content="lato"/>
<meta name="select:font" content="open sans"/>
<meta name="select:font" content="lucida sans"/>

<meta name="select:font size" content="11px"/>
<meta name="select:font size" content="12px"/>
<meta name="select:font size" content="13px"/>

<meta name="select:border" content="solid"/>
<meta name="select:border" content="dotted"/>
<meta name="select:border" content="dashed"/>
<meta name="select:border" content="none"/>

<meta name="select:post" content="275px"/>
<meta name="select:post" content="300px"/>
<meta name="select:post" content="350px"/>
<meta name="select:post" content="400px"/>

<meta name="if:round side img"/>
<meta name="if:shadow"/>
<meta name="if:small cursor"/>

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

<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:4px;border:1px solid {color:border};margin:20px 7px -2px 20px;background-color:{color:post};font-size:12px;text-transform:normal;color:{color:text};z-index:999999999999999999999999999999999999;letter-spacing:.8px;{block:ifShadow}-webkit-box-shadow: 5px 5px 0px 0px {color:shadow};
-moz-box-shadow:    5px 5px 0px 0px {color:shadow};
box-shadow:         5px 5px 0px 0px {color:shadow};{/block:ifShadow}}

::-webkit-scrollbar {
    width:10px;
    height:0;
    background:{color:Scrollbar};
    border:1px solid {color:Scroll};
}
::-webkit-scrollbar-thumb {background:{color:Scroll};border:1px solid {color:Scrollbar};}

div.songtitle::-webkit-scrollbar {
    width:7px;
    height:0;
    background:{color:Scrollbar};
    border:1px solid {color:Scroll};
}
div.songtitle::-webkit-scrollbar-thumb {background:{color:Scrollbar};border:1px solid {color:Scrollbar};}

div.notebox::-webkit-scrollbar {
    width:7px;
    height:0;
    background:{color:Scrollbar};
    border:1px solid {color:Scroll};
}
div.notebox::-webkit-scrollbar-thumb {background:{color:Scroll};border:1px solid {color:Scroll};}

{block:ifsmallcursor} *, body {cursor: url(http://i.imgur.com/2qleX.jpg), auto;} a, a:link,a:active,a:visited, a:hover {cursor: url(http://i.imgur.com/IepP2.jpg); auto;}  {/block:ifsmallcursor}

body {
margin:0px;
background:{color:bg};
font-family: {select:font};
font-size:{select:font size};
line-height:140%;
color: {color:text};
}

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};
-webkit-transition-duration: .5s;
        -moz-transition-duration: .5s;
        -o-transition-duration: .5s;
}

a:hover{
color:{color:link hover};
}

li{
margin-left:-15px;
}

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

#sidebar{
margin:100px 0 0 -50px;
padding:10px;
width:115px;
position:fixed;
border:1px {select:border} {color:border};
background:{color:icon};
{block:ifShadow}-webkit-box-shadow: 5px 5px 0px 0px {color:shadow};
-moz-box-shadow:    5px 5px 0px 0px {color:shadow};
box-shadow:         5px 5px 0px 0px {color:shadow};{/block:ifShadow}
}

#content{
width:600px;
margin-left:250px;
overflow:hidden;
}

.post{
width:{select:post};
background:{color:post};
margin:0 0 50px 0;
overflow:hidden;
padding:10px;
border:1px {select:border} {color:border};
{block:ifShadow}-webkit-box-shadow: 5px 5px 0px 0px {color:shadow};
-moz-box-shadow:    5px 5px 0px 0px {color:shadow};
box-shadow:         5px 5px 0px 0px {color:shadow};{/block:ifShadow}
}

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

#nav{
margin:0 0 0 -200px;
text-align:center;
letter-spacing:2px;
}

#sideimg{

}


#sideimg img{
    width:115px;
    {block:ifroundsideimg}
    border-radius:80px;
    {/block:ifroundsideimg}
}

#description{
    position:fixed;
    margin:270px 0 0 -46.5px;
    padding:5px;
    width:115px;
    text-align:center;
    border:1px {select:border} {color:border};
    background:{color:sidebar};
    {block:ifShadow}-webkit-box-shadow: 5px 5px 0px 0px {color:shadow};
-moz-box-shadow:    5px 5px 0px 0px {color:shadow};
box-shadow:         5px 5px 0px 0px {color:shadow};{/block:ifShadow}
}

.arrow-up {
    position:fixed;
    margin:-10px 0 0 50px;
    width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;

  border-bottom: 5px solid {color:border};
}

#tags a{
    background-color:{color:tag bg};
    border:1px solid {color:tag border};
    color:{color:text};
    padding: 1px 1px 1px 1px;
    text-decoration:none;
    letter-spacing:1.5px;
}

#tags a:hover{
    color:{color:tag text};
}

#tags img{
    width:auto;
}

#footer{
    padding-bottom:7px;
    border-top: 1px solid {color:border};
    padding-top:7px;
}

#links {
    line-height:15px;
    letter-spacing:2px;
    position:fixed;
    margin:100px 0 0 100px;
    color:{color:sidelinks};
    font-weight:bold;
}

/*
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:bold;
font-size:20px;
margin:0 0 10px 0;
padding-bottom:5px;
border-bottom:solid 1px {color:border};
text-align:right;
}

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

.question{
margin-bottom:10px;
background-color:{color:ask bg};
color:{color:ask text};
padding:5px;
}

.question img{
    border-radius:10px;
}

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

#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:50px;height:50px; position:absolute;display:block;z-index:1;}
.art img{width:40px;height:40px;}

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

.video-container {
position: center;
overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
position: center;
max-width:{select:Postwidth} ;
max-height:{select:Postwidth} ;
}

.video-wrapper {
max-width:{select:Postwidth} ;
max-height:{select:Postwidth} ;
}

/*
post footers - date, tags, via and source
*/
.post .footer{
margin:0;
text-align:left;
}

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

<link href="https://fonts.googleapis.com/css?family=ABeeZee|Bitter|Karla|Lora|Montserrat|Open+Sans|Source+Sans+Pro" rel="stylesheet">

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
<link href='https://fonts.googleapis.com/css?family=Open+Sans|Monda' rel='stylesheet' type='text/css'>

<link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/><link href='https://fonts.googleapis.com/css?family=Work+Sans:300,400,500,700,300italic,400italic,500italic,700italic|Roboto:300,400,500,700,300italic,400italic,500italic,700italic|Lato:300,400,500,700,300italic,400italic,500italic,700italic|PT+Sans:300,400,500,700,300italic,400italic,500italic,700italic|Source+Sans+Pro:300,400,500,700,300italic,400italic,500italic,700italic|Karla:300,400,500,700,300italic,400italic,500italic,700italic|Hind:300,400,500,700,300italic,400italic,500italic,700italic|Play:300,400,500,700,300italic,400italic,500italic,700italic|Roboto+Mono:300,400,500,700,300italic,400italic,500italic,700italic|Muli:300,400,500,700,300italic,400italic,500italic,700italic' rel='stylesheet' type='text/css'>

<div id="wrapper">



<div id="sidebar">
<div id="sideimg"><center><img src="{image:icon}"></center></div>


</div>

<div id="description">{block:Description}<div class="arrow-up"></div><p>{Description}</p>{/block:Description}
</div>

<div id="links"><a href="/">home</a><br><br>
<a href="/ask">ask</a>
{block:iflinkurl}<br><br><a href="{text:link url}">{text:link title}</a>{/block:iflinkurl}
{block:iflinkurl2}<br><br><a href="{text:link url 2}">{text:link title 2}</a>{/block:iflinkurl2}
</div>



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

{block:ContentSource}
<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
{/block:SourceLogo}
{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
{/block:ContentSource}
{block:NoRebloggedFrom}
{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
{/block:NoRebloggedFrom}

<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">
    <div class="video-wrapper">
<div class="video-container">{Video-400}</div>
</div>
</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"><img src="{AskerPortraitURL-24}"> {Asker} asked: <i>{Question}</i></div>
<div class="caption">{Answer}</div>
{/block:Answer}


{block:Date}
<div id="footer">
<a href="{Permalink}" title="{TimeAgo}">{12HourWithZero}:{Minutes} {AMPM}</a> <div style="float:right;">{block:NoteCount} {NoteCount} %{/block:NoteCount}</div></div>
<div id="tags">
{block:HasTags}<img src="{image:tag pixel}"> {block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}
</div>


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

</div>
{/block:Posts}

{block:Pagination}<div id="nav">
{block:PreviousPage}
<a href="{PreviousPage}">prev</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}">next</a>
{/block:NextPage}</div> {/block:Pagination}

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

          <a style="bottom:2px;right:2px;background:none;none;position:fixed;padding:2px;font-size:17px;font-family: arial;font-weight:bold;color:{color:Link};text-decoration:none;" href="http://www.adamstanheight.com" title="credit">CREDIT</a>

    </body>
</html>