theme / IVY

<!DOCTYPE html>
<head>

<!--






                              ivy

                           @odeysseus








- credits listed at odeysseus.tumblr.com/credit

-->

<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">
{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}

<title>{Title}</title>

<!--metas-->


<meta name="color:background" content="#fff"/>
<meta name="color:text" content="#767676"/>
<meta name="color:link" content="#aaa"/>
<meta name="color:accent" content="#47acb7"/>
<meta name="color:accent dark" content="#444"/>
<meta name="color:borders" content="#eee"/>
<meta name="if:hide caption" content="0"/>
<meta name="if:infinite scroll" content="0"/>
<meta name="if:load more" content="0"/>
<meta name="if:scroll to top" content="0"/>
<meta name="if:show tags" content="0"/>
<meta name="if:sidebar img" content="0"/>
<meta name="image:sidebar img" content=""/>

<meta name="text:link 1 url" content=""/>
<meta name="text:link 1" content=""/>
<meta name="text:link 2 url" content=""/>
<meta name="text:link 2" content=""/>
<meta name="text:link 3 url" content=""/>
<meta name="text:link 3" content=""/>


<meta name="text:font size" content="11px"/>

<meta name="select:font" content="Tajawal"/>
<meta name="select:font" content="Nunito Sans"/>
<meta name="select:font" content="PT Serif"/>
<meta name="select:font" content="Source Sans Pro"/>
<meta name="select:font" content="PT Sans"/>
<meta name="select:font" content="Muli"/>
<meta name="select:font" content="Lora"/>
<meta name="select:font" content="Source Serif Pro"/>
<meta name="select:font" content="Georgia"/>
<meta name="select:font" content="Trebuchet MS"/>

<meta name="select:post width" content="350px"/>
<meta name="select:post width" content="380px"/>
<meta name="select:post width" content="400px"/>
<meta name="select:post width" content="420px"/>
<meta name="select:post width" content="450px"/>
<meta name="select:post width" content="480px"/>
<meta name="select:post width" content="500px"/>


<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <link href="https://static.tumblr.com/aptzszz/9QNp5fv1g/normalize.css" rel="stylesheet" tyle="text/css"/>

<!--font-->

<link href='https://fonts.googleapis.com/css?family={select:font}:400,400italic,600,600italic|Inconsolata|Lato' rel='stylesheet' type='text/css'>


<!--videos-->

<script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>


<style type="text/css">


/* general */

* { margin:0;padding:0; }

@-webkit-keyframes fadein {
        0%   {opacity: 0;}
        100% { opacity: 1; }
}

@-moz-keyframes fadein {
        0%   { opacity: 0; }
        100% { opacity: 1; }
}

@keyframes fadein {
        0%   { opacity: 0; }
        100% { opacity: 1; }
}


 ::-webkit-scrollbar{
    height:3px;
    width:7px;
    background:#fff;
}

::-webkit-scrollbar-thumb {
    background:rgba({RGBcolor:accent},0.5);
    border:3px solid #fff;
}

::-webkit-scrollbar-track {
    background:{color:borders};
    border:3px solid #fff;
}

::-moz-selection{
    background: rgba({RGBcolor:accent},.2);
    color:{color:accent dark};
}

::selection {
    background: rgba({RGBcolor:accent},.2);
    color:{color:accent dark};
}


.tmblr-iframe{
    white-space:nowrap;
    -webkit-filter: invert(100%);
    -moz-filter: invert(100%);
    -o-filter: invert(100%);
    -ms-filter: invert(100%);
    filter: invert(100%);
    opacity:.2;
    transition: .4s ease-in-out;
    transform:scale(0.7,0.7);
    transform-origin:right top;
}

.tmblr-iframe:hover {  opacity:1; }

#s-m-t-tooltip{
    position:absolute;
    margin:15px;
    max-width:250px;
    z-index:9999;
    color:{color:accent dark};
    background:#fff;padding:5px 3px 3px 3px;
    line-height:{text:font size};
    border:1px dotted {color:borders};
}

blockquote {
    padding:0px 0px 0px 10px;
    margin:0px 0px 0px 10px;
    border-left:1px dotted {color:borders};
    text-align:left;
}

 pre,code {
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
    font-family:'Inconsolata',monospace;
}

body {
    background:{color:background};
    color:{color:text};
    font-family:'{select:font}',serif;
    font-weight:400;
    font-size:{text:font size};
    text-align:left;
    letter-spacing:.5px;
    line-height:180%;
    -moz-osx-font-smoothing:grayscale;
    -webkit-font-smoothing:antialiased;
    font-smoothing:antialiased;
}


a { color:{color:link};text-decoration:none;}
a,a b,.tags { transition:0.25s ease-in-out; } .tags a { margin-right:5px; } .tags { word-wrap:break-word; }
a:hover,a.user:hover,a.t:hover,.up a:hover, a b:hover { color:{color:accent}!important; }
b,strong { font-weight:600;color:{color:accent dark}; }
p { margin:10px 0px 0px; }
img{ opacity:1;border:none;text-decoration:none;}
small { font-size:calc({text:font size} - 0.5px); }
hr { width:100%;background:{color:borders};height:1px;border:none;display:block;margin:10px 0px; }
.posts ul { margin-top:10px;list-style:square;margin-left:20px;text-align:left; }
big { font-size:calc({text:font size} + 0.5px); }
h1,h2,h3,h4,h5,h6 { padding-bottom:10px;margin:0;font-size:calc({text:font size} + 2px);color:{color:accent dark};font-weight:600;} h1 i { font-style:normal;} h1 a,h1 i a { color:{color:accent dark};} .posts img, .posts li, .posts blockquote { max-width: 100%;height:auto;}

/* posts */


.entries { margin-top:80px;margin-left:calc(320px + 150px); width:{select:post width};}

.posts { position:relative;width:{select:post width};margin-bottom:90px;-webkit-animation-name: fadein;-webkit-animation-duration: 1s;
}


 /* captions */

.caption {
    margin-top:10px;
    {block:ifhidecaption}
    {block:indexpage}
    display:none;
    {/block:indexpage}
    {/block:ifhidecaption}

}

.user,a.user,.asker,.asker a,a.answerer { color:{color:accent dark};}
.user,.answerer { display:block;margin-top:10px;margin-bottom:-10px;}
.user:first-of-type { margin-top:0;}

/* notes */

ol.notes { margin-top:20px;list-style-type:none;font-style:normal;}
li.note { padding:0;margin:2px 0px;font-style:normal; }
.notes_loading, .more_notes_link { font-weight:bold;float:left;text-align:left!important;text-transform:lowercase;}
.notes img { display:none!important; }
ol.notes li.note blockquote { padding:4px 10px;margin:10px 0px 0px 15px;}

/* quotes */

.quote { font-size:calc({text:font size} + 2px);color:{color:accent dark}; } .quotesource { font-style:italic }
.quotesource .tumblr_blog { top:0px;position:relative;}

/* chat */

.chat { list-style:none;}
.line { list-style:none;padding:3px;}
.line.odd { background:#fafafa; }
.label { color:{color:accent dark};margin-right:5px;}

/* asks */

.asker a:hover,.answer b a:hover { color:{color:accent}} .answer b a { color:{color:accent dark};} .asker { text-transform:lowercase; }

/* audio */

.player { display:inline-block;width:50px;background:#fff;height:50px;overflow:hidden;margin-bottom:-5px;box-sizing:border-box;border:1px dotted {color:borders};}
.audio_d { float:right;padding:15px 10px;width:calc({select:post width} - 80px );background:#fafafa;}
.tumblr_audio_player { background:#fff!important; }
.tumblr_audio_player { width:40px;margin:10px 7px;height:40px;overflow:hidden;}
iframe.spotify_audio_player { height:80px;overflow-y:hidden!important; }

/* lightboxes */

#vignette,.vignette { opacity:0!important; } .lightbox-image,#tumblr_lightbox img { box-shadow: none !important; border-radius:0 !important;} #tumblr_lightbox,.tmblr-lightbox { background:rgba(255,255,255,.7)!Important; } #tumblr_lightbox_left_link, #tumblr_lightbox_right_link { visibility: hidden; } .lightbox-caption,#tumblr_lightbox_caption { opacity:0; }

/* etc */

#fuckchad {
    bottom:37px;
    position:fixed;
    right:27px;
}

.sc {
    bottom:25px;
    right:27px;
    text-align:right;
    position:fixed;
    display:none;
    font-weight:bold;
    cursor:help;
}

.sc a { cursor:help;}

/* footer stuff */

 #pagination { {block:ifinfinitescroll}display:none;{/block:ifinfinitescroll} } #pagination a { margin:0px 5px; }
.current_page { margin:0px 5px;font-weight:700;color:{color:accent}; }
#infscr-loading { display:none!Important; }
footer { width:{select:post width};margin:auto;text-align:center;margin-bottom:80px;} a#more { position:relative;text-align:center;}

.inf { margin-top:10px;text-transform:lowercase; }


header { position:fixed;top:80px;left:80px;width:150px;} header img { width:150px;height:auto;margin-bottom:20px;} a.t { font-size:calc({text:font size} + 4px);font-weight:600;display:block;margin-bottom:15px; } nav a { font-style:italic;display:block} nav { margin-bottom:30px;padding-bottom:20px;border-bottom:1px dotted {color:borders}; }

@media only screen and (max-width: 800px) {
  .entries { margin-left:calc(160px + 150px); } .entries, .posts { width:300px; } .audio_d { width:220px; }
}

@media only screen and (max-width: 590px) {
   .entries, .posts { width:95vw;} .posts { margin:5vh auto;padding:5vh 0;border-bottom:1px dotted {color:borders}; } .entries { margin:20vh auto 10vh; }

   nav { margin-bottom:15px;padding-bottom:5px; } a.t { margin-bottom:5px;}
   header {
       width:100vw;top:0;padding:20px;background:#fff;position:fixed;z-index:300;left:0;background:#fafafa;
   }

   header img { display:none; }
   nav a { display:inline-block;margin-right:5px; }
   .audio_d { width:calc(95vw - 80px ); }
}

</style>

<!--scripts-->

<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 href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
<script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
<script src="https://dl.dropboxusercontent.com/s/lkc34gq5tgmwqj0/basics.js?dl=0"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.1/SmoothScroll.min.js"></script>

</head>

<body>

<header>
    <nav>
        <a href="/">home</a> <a href="/ask">message</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}
    </nav>

{block:ifsidebarimg}<img src="{image:sidebar img}"/>{/block:ifsidebarimg}

<a class="t" href="/">{Title}</a>
<div class="d">{Description}</div>
</header>
<div class="stuff">
<div class="entries">
{block:Posts}
<div class="posts">

{block:Text}
<div class="q">{block:Title}<h1>{Title}</h1>{/block:Title} {block:NotReblog}<div class="txt">{Body}</div>{/block:NotReblog} {block:RebloggedFrom}<div class="txt">{block:Reblogs} <a class="user" {block:HasPermalink}href="{Permalink}"{/block:HasPermalink}>{Username}</a> {Body} {/block:Reblogs}</div>{/block:RebloggedFrom}</div>{/block:Text}

{block:Photo} <div class="q"> {LinkOpenTag}<a href="#" onclick="Tumblr.Lightbox.init([{ width: {PhotoWidth-HighRes}, height: {PhotoHeight-HighRes}, low_res: '{PhotoURL-500}', high_res: '{PhotoURL-HighRes}' }]); $('body').toggleClass('tumblr_lightbox_active'); return false"><img src="{PhotoURL-HighRes}" style="display:block"></a>{LinkCloseTag}{block:Caption}{block:NotReblog}<div class="caption">{Caption}</div>{/block:NotReblog}{block:RebloggedFrom}<div class="caption">{block:Reblogs}<a class="user" {block:HasPermalink}href="{Permalink}"{/block:HasPermalink}>{Username}</a> {Body}{/block:Reblogs}</div>{/block:RebloggedFrom}{/block:Caption}</div>{/block:Photo}

{block:Photoset}<div class="q"><div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div>{block:Caption}{block:NotReblog}<div class="caption">{Caption}</div>{/block:NotReblog}{block:RebloggedFrom}<div class="caption">{block:Reblogs}<a class="user" {block:HasPermalink}href="{Permalink}"{/block:HasPermalink}>{Username}</a> {Body}{/block:Reblogs}</div>{/block:RebloggedFrom}{/block:Caption}</div>{/block:Photoset}


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

{block:Link}<div class="q txt"><h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{block:NotReblog}<div class="caption">{Description}</div>{/block:NotReblog}{block:RebloggedFrom}<div class="caption">{block:Reblogs}<a class="user" {block:HasPermalink}href="{Permalink}"{/block:HasPermalink}>{Username}</a> {Body}{/block:Reblogs}</div>{/block:RebloggedFrom}{/block:Description}</div>{/block:Link}


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


{block:Audio}<div class="q txt">{block:AudioPlayer}<div class="player"> {AudioPlayerWhite}</div><div class="audio_d">{block:TrackName}<b>{TrackName}</b>{/block:TrackName}{block:Artist} : {Artist} {/block:Artist}</div>{/block:AudioPlayer} {block:Caption}{block:NotReblog}<div class="caption">{Caption}</div>{/block:NotReblog}{block:RebloggedFrom}<div class="caption">{block:Reblogs}<a class="user" {block:HasPermalink}href="{Permalink}"{/block:HasPermalink}>{Username}</a> {Body}{/block:Reblogs}</div>{/block:RebloggedFrom}{/block:Caption}</div>{/block:Audio}


{block:Video}<div class="q"><div class="video iframe">{Video-500}</div>{block:Caption}{block:NotReblog}<div class="caption">{Caption}</div>{/block:NotReblog}{block:RebloggedFrom}<div class="caption">{block:Reblogs}<a class="user" {block:HasPermalink}href="{Permalink}"{/block:HasPermalink}>{Username}</a> {Body}{/block:Reblogs}</div>{/block:RebloggedFrom}{/block:Caption}</div>{/block:Video}

{block:Answer}<div class="q txt"><div class="question"> <div class="asker">{Asker}</div> {Question}</div>{block:Answerer}<div class="answer">{Answerer}{Answer}</div>{/block:Answerer} {block:NotReblog}<div class="answer">{Answer}</div>{/block:NotReblog} {block:RebloggedFrom}<div class="txt">{block:Reblogs}<a class="user" style="margin-top:10px" {block:HasPermalink}href="{Permalink}"{/block:HasPermalink}>{Username}</a>{Body}{/block:Reblogs}</div>{/block:RebloggedFrom}</div>{/block:Answer}


{block:date}
<div class="inf">

{block:indexpage}
<a href="{Permalink}" class="nc"><b>{DayOfWeek}</b> : {NoteCount}</a>
{block:ifshowtags}
{block:HasTags}
<div class="tags">
{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}
</div>
{/block:HasTags}
{/block:ifshowtags}
{/block:indexpage}


{block:permalinkpage}
<a class="nc" href="{Permalink}">posted on {DayOfWeek}, {TimeAgo}, with {NoteCountWithLabel}</a>
{block:RebloggedFrom}
<br> <a href="{ReblogParentURL}">via {ReblogParentName}</a>
{block:ContentSource} . <a href="{ReblogRootURL}" >source {ReblogRootName}</a>{/block:ContentSource}
{/block:RebloggedFrom}
{block:HasTags}
<br><div class="tags">
{block:Tags}
<a href="{TagURL}">#{Tag}</a>
{/block:Tags}
</div>
{/block:HasTags}
{/block:permalinkpage}

</div>
{/block:date}


{block:PostNotes}{PostNotes}{/block:PostNotes}
</div>
{/block:Posts}
</div>

{block:indexpage}
<footer>
{block:ifloadmore}
<a id="more" style="cursor:help">load more posts</a>
{/block:ifloadmore}

{block:Pagination}<div id="pagination">{block:previouspage}<a href="{PreviousPage}">prev</a>{/block:PreviousPage}{block:JumpPagination length="4"}{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 class="next" href="{NextPage}">next</a>{/block:nextpage}</div>{/block:Pagination}
</footer>
{/block:indexpage}

</div>

{block:ContentSource}<!– {SourceURL}{block:SourceLogo}<img src=“{BlackLogoURL}” width=“{LogoWidth}” height=“{LogoHeight}” alt=“{SourceTitle}” /> {/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} –>{/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}

<div id="fuckchad"><a href="http://odeysseus.tumblr.com">O</a></div>

{block:ifscrolltotop}
<div class="sc"> <a href="#">scroll to top</a></div>
{/block:ifscrolltotop}

{block:indexpage}{block:ifinfinitescroll}
<script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
{/block:ifinfinitescroll}{/block:indexpage}

<script>
$(document).ready(function(){
    var $container = $('.entries');
        {block:ifinfinitescroll}
        $container.infinitescroll({
            itemSelector: '.posts',
            navSelector: '#pagination',
            nextSelector: '.next',
            loadingImg: '',
            loadingText: '',
            doneText: 'no more posts',
            bufferPx: 2000,
            {block:ifloadmore}
            errorCallback: function () {
                jQuery ('a#more').delay(50).fadeOut();
                $('.posts').last().after($('a#more'));
            }
            {/block:ifloadmore}
        },
        function( newElements ) {
            var $newElems = $( newElements );
            $newElems.find('.photo-slideshow').pxuPhotoset({
                lightbox: true,
                rounded: false,
                gutter: '1px',
                photoset: '.photo-slideshow',
                photoWrap: '.photo-data',
                photo: '.pxu-photo'
            })
            resizeVideos();
   $newElems.find('iframe.tumblr_audio_player').load( function() {
         $('iframe.tumblr_audio_player').contents().find("head")
            .append($("<style type='text/css'> .audio-player{background:#fff !important} </style>"));
      });
    });

        {block:ifloadmore}
        $(window).unbind('.infscr');
            $('a#more').click(function(){
               $container.infinitescroll('retrieve');return false;
               $('.posts').last().after($('a#more'));
            });
        {/block:ifloadmore}
        {/block:ifinfinitescroll}
});
</script>
</body>

</html>