theme / IRIS

<!DOCTYPE html>
<head>

<!--






                              iris

                           @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=""/>
<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="if:hide caption" content="0"/>
<meta name="if:infinite scroll" content="1"/>
<meta name="if:load more" content="1"/>
<meta name="if:scroll to top" content="1"/>
<meta name="if:show tags" content="1"/>

<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="Merriweather"/>
<meta name="select:font" content="Times New Roman"/>
<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="Nunito"/>
<meta name="select:font" content="Open Sans"/>
<meta name="select:font" content="PT Sans"/>
<meta name="select:font" content="Libre Franklin"/>
<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="ABeeZee"/>
<meta name="select:font" content="Trebuchet MS"/>


<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"/>
<meta name="select:post width" content="540px"/>

<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' 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:#eee;
    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:2px 4px;
    border:1px solid #eee;
}

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

 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;
    line-height:180%;
    -moz-osx-font-smoothing:grayscale;
    -webkit-font-smoothing:antialiased;
    font-smoothing:antialiased;
}


a { color:{color:link};text-decoration:underline;}
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 { 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:#eee;height:1px;border:none;display:block;margin:10px 0px; }
.posts ul { margin-top:10px;list-style:square;margin-left:20px; }
big { font-size:calc({text:font size} + 0.5px); }
h1,h2,h3,h4,h5,h6 { padding-bottom:10px;margin:0;font-size:18px;color:{color:accent dark};font-weight:400;} 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:120px; width:{select:post width};}

.posts {
position:relative;width:{select:post width};margin-bottom:120px;
-webkit-animation:fadein 1s;animation:fadein 1s;-moz-animation:fadein 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:5px 0px 0px 15px;}

/* quotes */

.quote { font-size:18px;color:{color:accent dark};margin-bottom:10px; } .quotesource { font-style:italic }
.quotesource .tumblr_blog { top:0px;position:relative;}

/* chat */

.chat { list-style:none;}
.line { list-style:none;}
.line.odd { background:#fff; }
.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; } .question { padding:10px;background:#f8f8f8; }

/* audio */

.player { display:inline-block;width:50px;background:#fff;height:53px;overflow:hidden;}
.audio_d { float:right;padding:5px 10px 5px 25px;border-left:1px solid #eee;{block:indexpage}width:calc({select:post width} - 115px);{/block:indexpage}{block:permalinkpage}width:450px;{/block:permalinkpage}} .tn { margin-bottom:-25px;color:{color:accent dark};}
.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:27px;
    position:fixed;
    right:27px;
}

.sc {
    bottom:15px;
    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:120px;} a#more { position:relative;color:{color:accent dark};}

.inf { margin-top:10px; }
.tags a { text-decoration:none; }
.nc { color:{color:accent dark};text-transform:lowercase; }

header { margin:120px;width:{select:post width}; }
a.t { font-size:24px;color:{color:accent dark};font-style:italic;margin-bottom:10px;float:left;margin-right:25px;} nav a { text-decoration:none;} nav a:after { content:'—';margin:0px 5px;color:{color:link}!important;} nav a:last-of-type:after { content:''; } nav { display:block;margin-top:15px; } .d { padding-top:3px; }

@font-face {
    font-family: Calluna;
    src: url("https://assets.tumblr.com/fonts/calluna/Calluna-BoldIt-webfont.eot?3=&v=f685dc881c60c298ea22a73fe505b88a");
    src: url("https://assets.tumblr.com/fonts/calluna/Calluna-BoldIt-webfont.eot?3%3F=&v=f685dc881c60c298ea22a73fe505b88a#iefix") format("embedded-opentype"),url("https://assets.tumblr.com/fonts/calluna/Calluna-BoldIt-webfont.woff?3=&v=760a50f4d098e59aebaf0f0e58ae2cc8") format("woff"),url("https://assets.tumblr.com/fonts/calluna/Calluna-BoldIt-webfont.ttf?3=&v=5ace789439bff3b27f8d4112725531da") format("truetype"),url("https://assets.tumblr.com/fonts/calluna/Calluna-BoldIt-webfont.svg?3=&v=5b95c481dd7411c6e112143d6646bd9b#_.regular") format("svg");
    font-weight: 700;
    font-style: italic
}

@font-face {
    font-family: Fairwater;
    src: url("https://assets.tumblr.com/fonts/fairwater/fairwater_script_regular-webfont.woff2?v=b7ab7a58cded3365889a447bfd9e9c45") format("woff2"),url("https://assets.tumblr.com/fonts/fairwater/fairwater_script_regular-webfont.woff?v=96e975b7468359e6f67086305577e43e") format("woff");
    font-weight: 400;
    font-style: normal
}
p.npf_quirky{font-family:Fairwater;font-size:20px;}
p.npf_chat{font-family:Courier;font-size:20px;}
p.npf_quote{font-family:Calluna;font-size:20px;}

.npf_color_joey {color:#ff492f;}
.npf_color_monica {color:#ff8a00;}
.npf_color_phoebe {color:#fcf01d;}
.npf_color_ross {color:#00cf35;}
.npf_color_rachel {color:#00b8ff;}
.npf_color_chandler {color:#973ff4;}
.npf_color_niles {color:#ff62ce;}
</style>

<!--scripts-->
 <script src="https://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>
    <a class="t" href="/">{Title}</a>
    <div class="d">{Description}</div>
    <nav>
<a href="/">home</a><a href="/ask">inbox</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>
</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}"></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">{Descriptionn}</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}<div class="tn">{TrackName}</div>{/block:TrackName}{block:Artist} <br/> <i>{Artist}</i>{/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" {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">{DayOfWeek} &mdash; {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="https://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="https://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>