rose chapstick theme

<!DOCTYPE html>
<head>

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

rose chapstick theme by eddie / horrorgenres
please don't remove the credit.
be careful going in here and editing the code bc it might fuck it up :/

----->

{text:statcounter code}

{block:ifredirect}<script type="text/javascript"> if(location.href == 'http://{Name}.tumblr.com/') location.replace('http://{Name}.tumblr.com/tagged/{text:redirect tag}'); </script>{/block:ifredirect}


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

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

<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:sidebar" content="http://68.media.tumblr.com/0809f220b2d5df13baa02b79b7e8b7a2/tumblr_inline_ol45y8IC2p1uexcxj_500.png">
<meta name="image:static image" content="">
<meta name="image:banner" content=""/>

<meta name="color:background"/>
<meta name="color:post"/>
<meta name="color:description"/>
<meta name="color:text"/>
<meta name="color:link"/>
<meta name="color:link hover"/>
<meta name="color:border"/>
<meta name="color:ask bg"/>
<meta name="color:ask txt"/>
<meta name="color:blur"/>
<meta name="color:dropdown"/>
<meta name="color:dropdown text"/>
<meta name="color:blockquote"/>
<meta name="color:scroll"/>
<meta name="color:scrollbar"/>

<meta name="select:font" content="arial">
<meta name="select:font" content="ABeeZee">
<meta name="select:font" content="monda">
<meta name="select:font" content="ms pgothic">
<meta name="select:font" content="lucida sans unicode">
<meta name="select:font" content="karla">
<meta name="select:font" content="montserrat">

<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 width" content="275px">
<meta name="select:post width" content="300px">
<meta name="select:post width" content="325px">
<meta name="select:post width" content="350px">
<meta name="select:post width" content="400px">

<meta name="text:font size" content="12px">
<meta name="text:sidebar img hover" content=""/>
<meta name="text:dropdown text" content="menu">
<meta name="text:statcounter code" content=""/>
<meta name="text:redirect tag" content="leave out the /"/>

<meta name="if:default links" content=""/>
<meta name="if:dropdown links" content=""/>
<meta name="if:circle sidebar" content=""/>
<meta name="if:updates tab" content="1">
<meta name="text:updates body" content="info goes here!">
<meta name="text:updates title" content="update title here">
<meta name="if:post glow" content=""/>
<meta name="if:rainbow link hover"/>
<meta name="if:redirect" content=""/>

<meta name="text:sidebar img hover" content=" FUNNYMAN QUOTE "/>

<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:image width" content=""/>
<meta name="text:image margin left" content="0"/>
<meta name="text: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
*/

::-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};}

#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:ifpostglow} box-shadow: 0 0 10px 2px {color:blur};{/block:ifpostglow}}

body {
margin:0px;
background:{color:background};
font-family:{select:font};
font-size:{text: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};
text-decoration:none;
}

a:hover{
color:{color:link hover};
text-decoration:none;
cursor:help;

}

li{
margin-left:-15px;
}

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

#sidebar{
width:160px;
position:fixed;
font-family:{select:font};
margin:110px 0 0 -100px;
padding:10px;
color:{color:text};
}

#sidebar img{
    {block:ifcirclesidebar}border-radius:80px;{/block:ifcirclesidebar}
}

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

.post{
padding:10px;
width:{select:post width};
border: 1px {select:border} {color:border};
margin:10px 0 50px 10px;
overflow:hidden;
font-family:{select:font};
{block:ifpostglow} box-shadow: 0 0 10px 2px {color:blur};{/block:ifpostglow}
background-color:{color:post};
color:{color:text};
}

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

#nav{
margin:30px 0 0 0;
text-align:center;
border:1px {select:border} {color:border};
padding:3px;
background-color:{color:description};
{block:ifpostglow} box-shadow: 0 0 10px 2px {color:blur};{/block:ifpostglow}
}

#desc{
    text-align:center;
    margin:10px 0 0 0;
    border:1px {select:border} {color:border};
    padding:3px;
    word-wrap:break-word;
overflow:auto;
background-color:{color:description};
{block:ifpostglow} box-shadow: 0 0 10px 2px {color:blur};{/block:ifpostglow}
}

#links1{
    font-weight:bold;
    margin:10px 0 0 0;
    text-align:center;
}

#tags{
    text-align:center;
    word-spacing:2px;
    margin:-10px 0 0 0;
    border-top:1px {select:border} {color:border};
    padding-top:5px;
}

#updates {
           {block:ifupdatestab}
    color:{color:text};
    background:{color:post};
    position:fixed;
    width:150px;
    height:auto;
    word-wrap:break-word;
    font-family:{select:font};
    margin: -30px 0 0 -300px;
    text-align:left;
    border: 1px {select:border} {color:border};
    padding: 10px;
    {block:ifpostglow} box-shadow: 0 0 10px 2px {color:blur};{/block:ifpostglow}
        {/block:ifupdatestab}
}

.updatestitle{
    text-align:center;
    font-size:17px;
}

.updatesinfo {
    text-align:left;
    font-size:13px;
    color:{color:text};
    letter-spacing:1px;
    line-height:100%;
    }

#header {
width:100%;
height:200px;
background: url('{image:banner}') top fixed repeat-x;
position:fixed;
z-index: -999;
margin-top:-120px;
opacity: 0.90;
}

/*
content in the body of the posts - quotes, asks, etc
"media" contains photos, photosets, videos, audio posts
*/

#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:50px;height:50px;}

.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} ;
}

.media{
margin:0 0 10px 0;
}

.title{
font-weight:bold;
font-size:20px;
margin:0 0 10px 0;
text-align:right;
}

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

.question{
border-top:1px {select:border} {color:border};
border-bottom:1px {select:border} {color:border};
padding:3px;
background-color:{color:ask bg};
color:{color:ask txt};
}

.answer{
    margin: 0 0 0 0;
    text-align:right;
}

.asker img{
   border-radius:20px;
}

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

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

/*
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>
{block:ifrainbowlinkhover}
<script type='text/javascript'>
//<![CDATA[
var rate = 50;
if (document.getElementById)
window.onerror=new Function("return true")

var objActive; // The object which event occured in
var act = 0; // Flag during the action
var elmH = 0; // Hue
var elmS = 128; // Saturation
var elmV = 255; // Value
var clrOrg; // A color before the change
var TimerID; // Timer ID
if (document.all) {
document.onmouseover = doRainbowAnchor;
document.onmouseout = stopRainbowAnchor;
}
else if (document.getElementById) {
document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT);
document.onmouseover = Mozilla_doRainbowAnchor;
document.onmouseout = Mozilla_stopRainbowAnchor;
}
function doRainbow(obj)
{
if (act == 0) {
act = 1;
if (obj)
objActive = obj;
else
objActive = event.srcElement;
clrOrg = objActive.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}
function stopRainbow()
{
if (act) {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
function doRainbowAnchor()
{
if (act == 0) {
var obj = event.srcElement;
while (obj.tagName != 'A' && obj.tagName != 'BODY') {
obj = obj.parentElement;
if (obj.tagName == 'A' || obj.tagName == 'BODY')
break;
}
if (obj.tagName == 'A' && obj.href != '') {
objActive = obj;
act = 1;
clrOrg = objActive.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}
}
function stopRainbowAnchor()
{
if (act) {
if (objActive.tagName == 'A') {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
}
function Mozilla_doRainbowAnchor(e)
{
if (act == 0) {
obj = e.target;
while (obj.nodeName != 'A' && obj.nodeName != 'BODY') {
obj = obj.parentNode;
if (obj.nodeName == 'A' || obj.nodeName == 'BODY')
break;
}
if (obj.nodeName == 'A' && obj.href != '') {
objActive = obj;
act = 1;
clrOrg = obj.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}
}
function Mozilla_stopRainbowAnchor(e)
{
if (act) {
if (objActive.nodeName == 'A') {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
}
function ChangeColor()
{
objActive.style.color = makeColor();
}
function makeColor()
{
// Don't you think Color Gamut to look like Rainbow?
// HSVtoRGB
if (elmS == 0) {
elmR = elmV; elmG = elmV; elmB = elmV;
}
else {
t1 = elmV;
t2 = (255 - elmS) * elmV / 255;
t3 = elmH % 60;
t3 = (t1 - t2) * t3 / 60;
if (elmH < 60) {
elmR = t1; elmB = t2; elmG = t2 + t3;
}
else if (elmH < 120) {
elmG = t1; elmB = t2; elmR = t1 - t3;
}
else if (elmH < 180) {
elmG = t1; elmR = t2; elmB = t2 + t3;
}
else if (elmH < 240) {
elmB = t1; elmR = t2; elmG = t1 - t3;
}
else if (elmH < 300) {
elmB = t1; elmG = t2; elmR = t2 + t3;
}
else if (elmH < 360) {
elmR = t1; elmG = t2; elmB = t1 - t3;
}
else {
elmR = 0; elmG = 0; elmB = 0;
}
}
elmR = Math.floor(elmR).toString(16);
elmG = Math.floor(elmG).toString(16);
elmB = Math.floor(elmB).toString(16);
if (elmR.length == 1) elmR = "0" + elmR;
if (elmG.length == 1) elmG = "0" + elmG;
if (elmB.length == 1) elmB = "0" + elmB
elmH = elmH + rate;
if (elmH >= 360)
elmH = 0;
return '#' + elmR + elmG + elmB;
}
//]]>
</script>{/block:ifrainbowlinkhover}

</head>

<body>

<div id="lacelace"></div><div id="header"></div><div id="lacelace"></div>

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

<div id="wrapper">

{block:ifupdatestab}
<div id="updates">
    <div class="updatestitle">
     <b>{text:updates title}</b> <p></div><br>
    <div class="updatesinfo"> {text:updates body}
    </div>
</div>
{/block:ifupdatestab}


<div id="sidebar">
<center><a href="/" title="{text:sidebar img hover}"><img src="{image:sidebar}"></a></center>
{block:Description}
<div id="desc">{Description}</div>
{/block:Description}

{block:ifdefaultlinks}
<div id="links1">
<a href="/">home</a> /
<a href="/ask">mail</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}
</div>
{/block:ifdefaultlinks}

{block:ifDropdownlinks}
<br>
<center>
<select style="width: 100px; border: 1px solid {color:dropdown text}; padding: 1px; color: {color:dropdown text}; background-color: {color:dropdown};  font-family: {select:font}; font-size: {select:font size};" onChange="location.href=this.options[this.selectedIndex].value;">

<option>{text:dropdown text}</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}


</select>
{/block:ifDropdownlinks}

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

</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="asker"><img src="{AskerPortraitURL-24}" title="{Asker}"></div><div class="question"> {Question}</div><br>
<div class="answer">{Answer}</div>
{/block:Answer}


{block:Date}
<div class="footer">
<a href="{Permalink}" title="{ShortMonth} {MonthNumber}, {Year}">{12Hour}:{Minutes} {CapitalAmPm}</a> | <a href="{ReblogURL}" target="_blank" class="details" title="reblog">rblg</a> <a href="{Permalink}"; style="float:right">{NoteCount}</a></div>
{block:HasTags}<br><div id="tags">{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}

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

</div>
{/block:Posts}

</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.horrorgenres.tumblr.com" title="credit"><img src="http://68.media.tumblr.com/tumblr_lm6pl8iEtx1qfoi4t.gif"></a>

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

    </body>
</html>