59 // W O M A N

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<!-------

    ( theme 59 @ subwrbia.
    base code by rnirae. )

<!------>

<head>
    <title>{Title}</title>
    <link rel="shortcut icon" href="{FavIcon}" />
    <link rel="alternate" type="application/rss+xml" href="{RSS}" />

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

<script type="text/javascript"
src="http://static.tumblr.com/q0etgkr/EIBmz7s0p/infinitescrolling.js" ></script>

 <meta name="color:background" content="#fff" />
 <meta name="color:text" content="#bbb"/>
 <meta name="image:background" content=""/>
 <meta name="image:image" content=""/>

 <meta name="color:light accents" content="#eee"/>
 <meta name="color:link" content="#aaa"/>
 <meta name="color:link hover" content="#e4baff"/>

 <meta name="color:accent" content="#be7c88"/>

 <meta name="if:circularsidebar" content="1"/>
 <meta name="if:sidebarimage" content="1"/>

 <meta name="text:link one" content="link one"/>
 <meta name="text:link one url" content="/"/>
 <meta name="text:link two" content="link two"/>
 <meta name="text:link two url" content="/"/>
 <meta name="text:link three" content="link three"/>
 <meta name="text:link three url" content="/"/>

<link href='http://fonts.googleapis.com/css?family=Open+Sans:300,300italic,400,400italic,600,600italic,700,700italic' rel='stylesheet' type='text/css'>

<link href='https://fonts.googleapis.com/css?family=Muli:400,300,300italic,400italic' rel='stylesheet' type='text/css'>

<style type="text/css">

/* follow/dashboard buttons */
iframe#tumblr_controls {
    right:2px !important;
    position: fixed !important;
    -webkit-transition: opacity 0.7s linear;
    opacity: 0.16;
    -webkit-transition: all 0.8s ease-out;
    -moz-transition: all 0.8s ease-out;
    transition: all 0.8s ease-out;
    -webkit-filter: invert(100%);
}
iframe#tumblr_controls:hover {
    -webkit-transition: opacity 0.7s linear;
    opacity: 0.16;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    -webkit-filter: invert(100%);
}

/* basic styles */
body {
    color: {color:Text};
    background-color: {color:Background};
    background-image: url({image:Background});
    font-family:'Open Sans';
    font-size:10px;
    line-height: 16px;
    width:100%;
    margin:0 auto;
}

h1{
    padding:15px;
    background:{color:accent};
    border-bottom:1px solid #f0f0f0;
    font-weight:300;
    margin-top:0px;
    color:#fff;
    text-transform:uppercase;
    font-size:8px;
    border-top-right-radius:5px;
    font-family:'Muli';
    letter-spacing:2px;
    border-top-left-radius:5px;
    background:url('http://i.imgur.com/1ww0sHL.png');
}

h2{
    padding:10px;
    background:{color:accent};;
    border-bottom:1px solid #f0f0f0;
    font-weight:300;
    color:#fff;
    text-transform:lowercase;
}

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

blockquote img{
    max-width:220px;
    height:auto;
}

small{
    font-size:10px;
}

p u {
    color:{color:accent};
}

/* scrollbar */
::-webkit-scrollbar {
    width: 3px;
    height: 5px;
    background: {color:Background};
}
::-webkit-scrollbar-thumb {
    background: {color:accent};
    border-radius: 16px;
    border-top: 5px solid {color:Background};
}

#top {
        width: 1400px;
        background-color: #000;
        position: relative;
        z-index: 5;}

.header {
    height: 200px;
    margin: auto;
    margin-top:-10px;
}

/* post customizations */
#content { /* for the whole column of posts */
    width:1200px;
    position: relative;
    margin:0 auto;
    margin-left:200px;
}
.entry { /* for each post */
    border-top:1px solid #f0f0f0;
    border-left:1px solid #f0f0f0;
    border-right:1px solid #f0f0f0;
    border-bottom:1px solid #f0f0f0;
    padding-left:10px;
    padding-right:10px;
    padding-top:10px;
    text-align:justify;
    background:#fff;
    border-radius:5px;
    width:250px;
    margin:20px;
    float:left;
}

{block:PermalinkPage}

#content{
    width:1200px;
    position: relative;
    margin:0 auto;
    margin-left:400px;
}
.entry {
    width:500px;
    padding-bottom:0px;
}

photoset {
    width:100%;
}
{/block:PermalinkPage}

/* Dropdown Button */
.dropbtn {
    background-color: #4CAF50;
    color: white;
    padding: 10px;
    font-size: 16px;
    border: none;
    cursor: pointer;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
    padding:10px;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #000;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index:1;
}

/* Links inside the dropdown */
.dropdown-content a {
    color: black;
    text-decoration: none;
    display: block;
    z-index:1;
    padding:0px;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #222}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block;
    z-index:1;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
    background-color: #000;
    z-index:1;
}

/* questions */
#question {
    padding:10px;
    padding-bottom:15px;
    border-bottom:1px solid 222
    background:#fff;
    margin-bottom:13px;
}

/* audio */
.crybaby {
    margin-left:220px;
    width:27px;
    height:27px;
    overflow:hidden;
    border:1px solid #f0f0f0;
    background:{color:accent};
}

#teddybear{
    text-align:left;
    margin-top:-30px;
    padding-bottom:10px;
    font-size:10px;
    text-transform:lowercase;
    border-bottom:1px solid #f0f0f0;
}

/* quotes */
#cake {
    padding:5px;
    padding-bottom:10px;
    border-bottom:1px solid #f0f0f0;
}

/* chats */
.chat ol {
    line-height:150%;
    text-align:justify;
    padding:0px;
    list-style:none;
    }

.label {
    font-size:10px;
    border-bottom:1px solid #f5f5f5;
}

.line.odd {
    padding:7px;
    background:#fcfcfc;
}

.line.even {
    padding:7px;
}

/* permalinks */
#perma {
    right: -75px;
    letter-spacing: 2px;
    text-transform: uppercase;
    width:251px;
    text-align:left;
    margin-top:15px;
    font-size:8px;
    border-bottom-right-radius:5px;
    border-bottom-left-radius:5px;
    margin-left:-11px;
    border-top:1px solid #f0f0f0;
    padding:10px;
    color:#fff;
    background:{color:accent};
   -moz-transition-duration:0.5s;
    -webkit-transition-duration:0.5s;
    -o-transition-duration:0.5s;
}

#perma a{
    color:#fff;
    -moz-transition-duration:0.5s;
    -webkit-transition-duration:0.5s;
    -o-transition-duration:0.5s;
}

#perma2 {
    right: -75px;
    letter-spacing: 2px;
    text-transform: uppercase;
    width:501px;
    text-align:left;
    margin-top:5px;
    font-size:8px;
    border-bottom-right-radius:5px;
    border-bottom-left-radius:5px;
    margin-left:-21px;
    border-top:1px solid #f0f0f0;
    padding:10px;
    color:#fff;
    background:{color:accent};
   -moz-transition-duration:0.5s;
    -webkit-transition-duration:0.5s;
    -o-transition-duration:0.5s;
}

#perma2 a{
    color:#fff;
    -moz-transition-duration:0.5s;
    -webkit-transition-duration:0.5s;
    -o-transition-duration:0.5s;
}

#perma img, #perma2 img{
    -moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
user-select: none;
-moz-user-drag: none;
-khtml-user-drag: none;
-webkit-user-drag: none;
user-drag: none;
}

.tags {
    display:inline-block;
    -moz-transition-duration:0.5s;
    -webkit-transition-duration:0.5s;
    -o-transition-duration:0.5s;
}

#perma:hover .tags{
    display:inline-block;
   -moz-transition-duration:0.5s;
    -webkit-transition-duration:0.5s;
    -o-transition-duration:0.5s;
}

#pn {
    margin-top:10px;
    border-top:0px solid #f0f0f0;
    padding:10px;
}

.nuts {
    width:250px;
    text-align:left;
    margin-left:-25px;
}

/* sidebar */
#side {
    top: 400px;
    left: 60px;
    position: fixed;
    width: 90px;
    border-left:1px solid #f0f0f0;
    padding:20px;
    padding-top:20px;
    background:#fff;
    padding-bottom:20px;
    border:1px solid #f0f0f0;
    border-radius:5px;
}
#side a{
    border-bottom: 1px solid #eee;
    color: {color:Link};
}
#side a:hover {
    border-bottom: 1px solid transparent;
    color: {color:Sidebar Link Hover};
}

#side img{
    margin-bottom:5px;
    width:90px;
    background:{color:accent};
    border-radius:0px;
}

#mate{
    position:fixed;
    width: 0;
	height: 0;
    border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 5px solid {color:accent};
	margin-top:80px;
	margin-left:62px;
}

#beads img {
    width:64px;
    position:fixed;
    margin-top:50px;
    margin-left:-10px;
    {block:ifcircularsidebar}
    border-radius:50px;
    {/block:ifcircularsidebar}
    padding:3px;
    background:{color:accent};
    box-shadow:3px 3px 0px {color:accent};
}

.sfm input {background-color: #0d0d0d;
    font-size: 7px;
    border: 0px;
    text-transform: uppercase;
    margin-top: 0px;
    color: #999;
    letter-spacing: 1px;
    padding: 4px 8px;
    font-family: 'Muli';}

#head {
    margin:0 auto;
    font-size: 12px;
    text-align:center;
    text-transform:uppercase;
    margin-top:0px;
    padding:120px;
    font-family: 'Muli', sans-serif;
    font-weight:300;
    margin-bottom: 15px;
    color:#fff;
    background:#000;
    font-style:italic;
    letter-spacing: 3px;
    z-index: 1;
    margin-bottom:-20px;
    background:url('http://i.imgur.com/1ww0sHL.png');
}

#head img{
    width:64px;
    border-radius:500px;
    margin:0 auto;
    margin-bottom:25px;
}

.tit {
    color:#f5f5f5;
}

.desc {
    font-size:7px;
    text-transform:uppercase;
    letter-spacing:3px;
    width:150px;
    background:#090909;
    border:1px solid #0d0d0d;
    padding:20px;
    margin:0 auto;
    margin-top:10px;
    text-align:center;
    opacity:0.9;
    -moz-transition-duration:1s;
    -webkit-transition-duration:1s;
    -o-transition-duration:1s;
}

#head:hover .desc {
    opacity:1;
    -moz-transition-duration:1s;
    -webkit-transition-duration:1s;
    -o-transition-duration:1s;
}

#links {
    width:100%;
    background:#000;
    text-align:center;
    padding:10px;
    z-index:1;
    border-top:1px solid #222;
    margin-left:0px;
    text-align:left;
}

#links a{
    font-family:'Muli' sans-serif;
    color:#fff;
    font-size:8px;
    font-style:italic;
    letter-spacing:2px;
    text-transform:uppercase;
    padding:20px;
}

#links button{
    font-family:'Muli' sans-serif;
    color:#fff;
    font-size:10px;
    letter-spacing:1px;
    text-transform:uppercase;
    padding:10px;
    background-color:#000;
}

blockquote {
    border-left: 1px solid {color:Light Accents};
    margin-left: 6px;
    padding-left: 10px;
    width:90%;
}

ul {
    list-style-image: url('http://33.media.tumblr.com/b0ee1d7a2bf3305f765bdac6d78dae7e/tumblr_inline_n2aih4x7ur1r7v6wt.png');
}

ul li {
    max-width:90%;
    list-style-image: url('http://33.media.tumblr.com/b0ee1d7a2bf3305f765bdac6d78dae7e/tumblr_inline_n2aih4x7ur1r7v6wt.png');
}

/* permalink page */
img.avatar {display:none; }
ol.notes {
    margin-top: 20px;
}

#lourry {
    color:#fff;
    right:5px;
    bottom:5px;
    position:fixed;
    background-color: {color:accent};
    overflow:hidden;
}

#lourry a{
    display:block;
    letter-spacing:2px;
    text-transform:uppercase;
    text-align:center;
    width:10px;
    color:#fff;
    font-size:8px;
    padding:7px;
    padding-top:4px;
    padding-bottom:4px;
    background-color: {color:accent};
    overflow:hidden;
}

</style>

<!---infinite scroll---><script type="text/javascript" src="http://static.tumblr.com/q0etgkr/EIBmz7s0p/infinitescrolling.js"></script>

</head>

<body>

<!--sidebar-->
<div id="head">
<img src="{image:image}"><br>
<div class="tit">[ {title} ]</div><br>
<div class="desc">
    	{description}
</div>
</div>
<div id="links">
    <span style="float:right; font-size:12px; letter-spacing:3px; margin-right:30px; font-style:italic; color:#fff;margin-top:15px; margin-left:20px;text-transform:uppercase; font-family:'Muli';">

    <form action="/search" method="get" class="sfm">
    <input type="text" name="q" value="{SearchQuery}" id="sf"/>
    <input type="submit" value="Search" id="sb"/>
    </form>

</span>
<span style="margin-right:10px;">
    <a href="/"><img src="http://i.imgur.com/bfKyAZh.png"></a>
    <a href="/ask"><img src="http://i.imgur.com/V6BehIo.png"></a>
    <a href="/archive"><img src="http://i.imgur.com/egLyXBp.png"></a>
    <div class="dropdown">
  <button class="dropbtn"><img src="http://i.imgur.com/sXckYcf.png"></button>
  <div class="dropdown-content">
    <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>
  </div>
</div>
    </span>
</div>
<!----->

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

<!-- {block:NoRebloggedFrom}
{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
{/block:NoRebloggedFrom} -->
    <div class="entry">
{block:Photo}<a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a> {block:IndexPage}{block:Caption}{Caption}{/block:Caption}{/block:IndexPage}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:Photo}

{block:Photoset}<div style="width: 100%;">{Photoset}</div>
{block:Caption}{Caption}{/block:Caption}
{/block:Photoset}

{block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body} {/block:Text}

{block:Link}<h1><a href="{URL}">{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}

{block:Quote}<div id="cake">"{Quote}"</div>{block:Source}<br>{Source}{/block:Source}{/block:Quote}

{block:Chat}{block:Title}<h2>{Title}</h2>{/block:Title}<div class="chat"><ol>{block:Lines}<li class="line {Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}
</ol></div>{/block:Chat}

{block:Audio}<div class="crybaby">{AudioPlayerWhite}</div>
<div id="teddybear">{block:TrackName}<i><img src="http://static.tumblr.com/3yblkz0/9mQn46s61/untitled-2.png"> {TrackName}</i>{/block:TrackName}<br>
{block:Artist}<img src="http://33.media.tumblr.com/b6ffc759894e4be948302cbdcb4c5914/tumblr_inline_n2ajw9D0wi1r7v6wt.png"> {Artist}{/block:Artist}<br>
{block:Album}<img src="http://static.tumblr.com/3yblkz0/tHsn46s6t/untitled-1.png"> {Album}{/block:Album}</div>
{block:Caption}{Caption}{/block:Caption}{/block:Audio}

{block:Video}{block:IndexPage}{block:if250px}{Video-250}{/block:if250px}{block:if400px}{Video-400}{/block:if400px}{block:if500px}{Video-500}{/block:if500px}{/block:IndexPage}{block:PermalinkPage}{Video-400}{/block:PermalinkPage} {block:IndexPage}{block:Caption}{Caption}{/block:Caption}{/block:IndexPage}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{block:Video}

{block:Answer}<div id="question"><div style="text-transform:lowercase;letter-spacing:0.5px;text-align:left;font-style:normal;border-bottom:1px solid #f0f0f0;padding:5px;padding-bottom:10px;padding-top:0px;background:#fff;font-weight:normal;">✉ {Asker}:</div> <br>{Question}</div>
<p>{Answer}{/block:Answer}

<!--permalink page-->
{block:PermalinkPage}
<div id="pn">
{block:Date}
<div id="perma2"><img src="http://i.imgur.com/WUgyVZp.png"> posted <a href="{Permalink}">{timeago}</a>,{/block:Date}{block:NoteCount} <img src="http://i.imgur.com/Mug7OFR.png"> <a href="{Permalink}"> {NoteCount}n</a>.{/block:NoteCount}<br>
{block:HasTags}<img src="http://i.imgur.com/7LPeeef.png"> tagged as <div class="tags">{block:Tags} <a href="{TagUrl}">{Tag}</a>, {/block:Tags}</div>{/block:HasTags}<br>
{block:ContentSource}<img src="http://i.imgur.com/6KFLtAW.png"> originally from <a href="{SourceURL}">{SourceTitle}</a>.<br>
{/block:ContentSource}{block:RebloggedFrom}<img src="http://i.imgur.com/I2e6INj.png"> reblogged via <a href="{ReblogParentURL}">{ReblogParentName}</a>.{/block:RebloggedFrom}</div>
{block:PostNotes}<div class="nuts">{PostNotes}</div>.{/block:PostNotes}
{/block:PermalinkPage}

{block:IndexPage}{block:Date}<div id="perma"><img src="http://i.imgur.com/WUgyVZp.png"> posted <a href="{Permalink}">{timeago}</a>,{/block:Date}{block:NoteCount} <img src="http://i.imgur.com/Mug7OFR.png"> <a href="{Permalink}"> {NoteCount}n</a>.{/block:NoteCount}<br>
<div style="padding-top:0px;">{block:HasTags}<img src="http://i.imgur.com/7LPeeef.png"> tagged as <div class="tags">{block:Tags} <a href="{TagUrl}">{Tag}</a>, {/block:Tags}</div>{/block:HasTags}</span></div></div>{/block:IndexPage}

    </div> <!---entry div--->

{/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}
</div><!---content div--->

<div id="lourry"><a href="http://subwrbia.tumblr.com">c.</a></div>


<!------ S C R I P T S! ------>

{block:IndexPage}
<script type="text/javascript" src="http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js"></script>
<script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>

<script type="text/javascript">
$(window).load(function () {
$('#content').masonry({
itemSelector : ".entry",
columnWidth: '.entry',
columnHeight: '.entry'
},
function() { $('#content').masonry({ appendedContent: $(this) }); }
);
});
</script>
{/block:IndexPage}

<script src="http://yourjavascript.com/10333112261/jquery-sticky.js"></script>
<script src="http://yourjavascript.com/10333112261/jquery-sticky.js"></script>
<script>
  $(document).ready(function(){
    $("#links").sticky({topSpacing:0});
  });
</script>
<!---- end masonry scripts -->

</body>

</html>