/ LOVERMAN

<!DOCTYPE html>
<head>

<!-----

THEME BY @SPIDERGIRL, DO NOT (RE)MOVE THE CREDIT

CREDIT TO @SHYTHEMES FOR VIDEO WIDTH FIX

----->

<link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">

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

<link href="https://fonts.googleapis.com/css?family=Abril+Fatface" rel="stylesheet">

<meta name="image:avatar" content="">

<meta name="color:background" content="#fff">
<meta name="color:text" content="#000">
<meta name="color:other links" content="#ddd">
<meta name="color:other hover" content="#eee">
<meta name="color:links" content="#ddd">
<meta name="color:hover" content="#eee">
<meta name="color:links bg" content="#eee">
<meta name="color:links bg hover" content="#ddd">
<meta name="color:links border" content="#ccc">
<meta name="color:title" content="#000">
<meta name="color:scrollbar" content="#ddd">
<meta name="color:accent main" content="#fff">
<meta name="color:accent other" content="#ddd">
<meta name="color:border" content="#000">
<meta name="color:shadow" content="#000">

<meta name="text:search align" content="left">
<meta name="text:img roundness" content="100%">
<meta name="text:title" content="title">
<meta name="text:search" content="search..">
<meta name="text:link one" content="one">
<meta name="text:link one url" content="/">
<meta name="text:link two" content="two">
<meta name="text:link two url" content="/">
<meta name="text:link three" content="three">
<meta name="text:link three url" content="/">

<meta name="select:post size" content="250px">
<meta name="select:post size" content="300px">
<meta name="select:post size" content="400px">
<meta name="select:post size" content="500px">

<meta name="select:title font" content="arial">
<meta name="select:title font" content="consolas">
<meta name="select:title font" content="calibri">
<meta name="select:title font" content="ms gothic">
<meta name="select:title font" content="times">
<meta name="select:title font" content="'Abril FatFace'" title="abril fatface">

<meta name="select:border size" content="1px">
<meta name="select:border size" content="4px">

<meta name="select:border radius" content="0px">
<meta name="select:border radius" content="5px">

<meta name="select:font" content="arial">
<meta name="select:font" content="consolas">
<meta name="select:font" content="calibri">
<meta name="select:font" content="ms gothic">
<meta name="select:font" content="times">

<meta name="select:title size" content="25px">
<meta name="select:title size" content="30px">
<meta name="select:title size" content="35px">

<meta name="select:font size" content="10px">
<meta name="select:font size" content="11px">
<meta name="select:font size" content="12px">
<meta name="select:font size" content="13px">
<meta name="select:font size" content="14px">
<meta name="select:font size" content="15px">
<meta name="select:font size" content="16px">

<meta name="if:shadow" content="0">
<meta name="if:search" content="0">
<meta name="if:italic links" content="0">
<meta name="if:sidebar border" content="0">
<meta name="if:post border" content="0">
<meta name="if:accent border" content="0">

<style type="text/css">

#credit{
   position: fixed;
bottom: 4px;
right: 12px;
color:{color:links};
z-index: 99;
font-size: 16px;
}

::-webkit-scrollbar {
width: 20px;
background: {color:background};
border: 4px double {color:border};
}

::-webkit-scrollbar-thumb {
background: {color:scrollbar};
border: 4px double {color:border};
}

body {
margin:0px;
background:{color:background};
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{
    {block:ifitaliclinks}
    font-style:italic;{/block:ifitaliclinks}
    text-decoration:none;
    border:0px;
color:{color:other links};
}

a:active, a:focus {
    outline:none;
}

a:hover{
    text-decoration:underline;
color:{color:other hover};
}

li{
margin-left:-15px;
}

::selection {
  background: {color:selection};
}
::-moz-selection {
  background:  {color:selection};
}

#wrapper{
width:600px;
margin:50px auto;
}

#sidebar{
    {block:ifshadow}
    box-shadow:3px 3px 0px {color:shadow};  {/block:ifshadow}
    border-radius:{select:border radius};
     background:{color:accent main};
    margin-left:-100px;
    {block:ifsidebarborder}
    padding:20px;
    border:{select:border size} double {color:border};
    {/block:ifsidebarborder}
    text-align:center;
width:170px;
position:fixed;
}

#sidebarimg img{
    {block:ifsearch}
    margin-top:20px;{/block:ifsearch}
    width:150px;
    border-radius:{text:img roundness};
margin-bottom:15px;

}

#sidebar a{
    border-radius:{select:border radius};
    font-style:normal;
    margin-right:9px;
    color:{color:links};
    padding:2px 4px 2px 4px;
    background:{color:links bg};
    border:1px outset {color:links border};
}

#sidebar a:hover{
    text-decoration:none;
      color:{color:hover};
    background:{color:links bg hover};
    border:1px inset {color:links border};
}

#sidebar a:last-child{
    margin-right:0px;
}

.titles{
    border-radius:{select:border radius};
     background:{color:accent other};
{block:ifaccentborder}
     padding:10px;
     border:{select:border size} double {color:border};{/block:ifaccentborder}
    font-size:{select:title size};
    color:{color:title};
    font-family:{select:title font};
    margin-bottom:20px;
}


#searches {
    border-radius:{select:border radius};
    {block:ifaccentborder}
    padding:5px;
     border:{select:border size} double {color:border};{/block:ifaccentborder}
}

#searches input{
        text-align:{text:search align};
    color:{color:text};
    font-family:{select:font};
    border:none;
    width:146px;
}

#searches:focus, input:focus{
    outline: none;
}

.desc{
    color:{select:title two};
    margin-bottom:15px;
    font-style:italic;
}

#content{
width:calc({select:post size} + 100px);
margin-left:200px;
overflow:hidden;
}

.post{
        {block:ifshadow}
    box-shadow:3px 3px 0px {color:shadow};  {/block:ifshadow}
    border-radius:{select:border radius};
    background:{color:accent main};
    {block:ifpostborder}
    padding:20px;
    border:{select:border size} double {color:border};{/block:ifpostborder}
width:{select:post size};
margin:0 0 50px 0;
overflow:hidden;
}

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

#nav{
margin:50px 0 0 0;
}

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

.title{
font-weight:normal;
font-size:18px;
margin:0 0 10px 0;
}

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

.question{
margin-bottom:10px;
}

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

.post .footer{
    border-radius:{select:border radius};
     background:{color:accent other};
    {block:ifaccentborder}
    border:{select:border size} double {color:border};
    padding:7px;
    {/block:ifaccentborder}
margin:0;
text-align:left;
}


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

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

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

{CustomCSS}
</style>

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

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>

</head>

<body>
<div id="wrapper">

<div id="sidebar">

<div class="titles">{text:title}</div>
{block:ifsearch}
 <div id="searches"> <form onsubmit="return tagSearch(this)">
<input type="text" placeholder="{text:search}" name="tag" value="" onfocus="if (this.value == '{text:Search Label}') {this.value="}" onblur="if (this.value == ") {this.value='{text:Search Label}'}" autocomplete="off" />
</form> </div>{/block:ifsearch}

<div id="sidebarimg">
<img src="{image:avatar}"></div>

<a href="{text:link one url}">{text:link one}</a> <a href="{text:link two url}">{text:link two}</a> <a href="{text:link three url}">{text:link three}</a>

{block:HasPages}
{block:Pages}
<a href="{URL}">{Label}</a><br>
{/block:Pages}
{/block:HasPages}
</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}" style="width:{select:post size}"/>{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="video">{Video-500}</div>
{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
{/block:Video}

{block:Audio}
<div class="media">
{AudioPlayerWhite}
{block:TrackName}{TrackName}<br>{/block:TrackName}
{block:Artist}{Artist}<br>{/block:Artist}
{block:Album}{Album}{/block:Album}
</div>
{block:Caption}{Caption}{/block:Caption}
{/block:Audio}

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

</script>

{block:Date}
<div class="footer">
{block:IndexPage}
<b>posted:</b>
<a href="{Permalink}">{MonthNumber}.{DayOfMonthWithZero}.{ShortYear}</a>{/block:IndexPage}

{block:PermalinkPage}
{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}<br>
{block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}
{/block:PermalinkPage}

<!---
{block:RebloggedFrom}<br><a href="{ReblogParentURL}">{lang:Reblogged from ReblogParentName}</a>{/block:RebloggedFrom}
{block:ContentSource}<br><a href="{SourceURL}">{lang:Source}: {SourceTitle}</a>{/block:ContentSource}--->
</div>

{block:PermalinkPage}
<br>
{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}">BACKWARD</a> / {/block:PreviousPage}

{block:NextPage}<a href="{NextPage}">FORWARD</a>{/block:NextPage}
</div>
{/block:Pagination}
</div>
</div>

<div id="credit"><a href="https://spidergirl.tumblr.com/">credit</a></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>

    </body>
</html>