breeze 2.0

<!-------


    theme 'breeze 2.0' by rnirae.tumblr.com


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

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


<!---fonts--->
<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400' rel='stylesheet' type='text/css'>
<!--TOOLTIP-->
 <link href="style-my-tooltips.css" rel="stylesheet" type="text/css" /><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script><script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script><script>(function($){$(document).ready(function(){$("[title]").style_my_tooltips();});})(jQuery);</script>
 <!------>

 <meta name="color:Background" content="#fff"/>
 <meta name="image:Background" content=""/>
<meta name="color:Text" content="#999"/>
<meta name="color:Link" content="#bbb"/>
<meta name="color:Link Hover" content="#eee"/>
<meta name="color:Scrollbar" content="#000"/>
<meta name="color:Bullets" content="#f0f0f0"/>
<meta name="color:Permalinks" content="#3c3c3c"/>
<meta name="color:Lightbox" content="ecf7f0"/>

<meta name="color:Light Accents" content="#f6f6f6"/>
<meta name="color:Sidebar Text" content="##b6b6b6"/>
<meta name="image:Icon" content="http://40.media.tumblr.com/0bdb6e26b8434dffd69853d5c162db0d/tumblr_nn1dv6CJnV1urmk9bo1_250.png"/>
<meta name="color:More Links" content="#9b9b9b"/>
<meta name="color:More Links Hover" content="#0e0e0e"/>

<meta name="color:Headers" content="#555"/>

<meta name="text:Post Width" content="300"/>
<meta name="text:Link 1" content="index"/>
<meta name="text:Link 1 url" content="/"/>
<meta name="text:Link 2" content="ask"/>
<meta name="text:Link 2 url" content="/ask"/>
<meta name="text:Link 3" content="archive"/>
<meta name="text:Link 3 url" content="/archive"/>
<meta name="text:Link 4" content="link 4"/>
<meta name="text:Link 4 url" content="/"/>
<meta name="text:Link 5" content="link 5"/>
<meta name="text:Link 5 url" content="/"/>
<meta name="text:Link 6" content="link 6"/>
<meta name="text:Link 6 url" content="/"/>

<meta name="if:Infinite Scroll" content="0"/>
<meta name="if:Captions" content="1"/>


 <style type="text/css">

/* IMPORTANT */
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%);
}
body {
    color: {color:Text};
    font: 10px sans-serif;
    line-height: 17px;
    background-color: {color:Background};
    background-image: url({image:Background});
}
a:link, a:active, a:visited {
    color: {color:Link};
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    text-decoration: none;
}
a:hover {
    color: {color:Link Hover};
    cursor: help;
}
b, strong{color:{color:Headers};}
ul li:before, ol:before {
    content: "——";
    font-family: tahoma;
    letter-spacing: -1px;
    margin-right: 8px;
    margin-left: -16px;
    color: {color:Bullets};
}
ul li, ol {
    list-style-type: none;
}
blockquote {
    border-left: 1px solid {color:Bullets};
    padding-left: 8px;
    margin-left: 6px;
}
#capt {
    font: 7px trebuchet ms;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-top: 20px;
    line-height: 15px;
}

/* post entries */
#content {
    position: relative;
    top: 20px;
    margin: 0 auto;
    width: {text:Post Width}px;
}
.entry {
    margin-bottom: 90px;
    {block:IndexPage}
    border-bottom: 1px solid {color:Light Accents};
    padding-bottom: 20px;
    {/block:IndexPage}
}
/* permalinks */
{block:IndexPage}
#perma {
    width: {text:Post Width}px;
    position: absolute;
    text-align: center;
    font: 7px verdana;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-top: 16px;
    opacity: 0;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
#perma a{
    color: {color:Permalinks};
}
.entry:hover #perma {
    opacity: 1;
}
#perma b {
    color: {color:Permalinks};
}
{/block:IndexPage}
/* header bar */
#bar {
    margin: 50px auto;
    width: 300px;
    position: fixed;
    top: 200px;
}
.icon img{
    width: 40px;
    height: 40px;
    border-radius: 5px;
    margin-left: 129px;
    opacity: .75;
    margin-bottom: 18px;
}
.heading {
  line-height: 0.5;
  text-align: center;
  font: 7px trebuchet ms;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: {color:Sidebar Text};
}
.heading span {
  display: inline-block;
  position: relative;
}
.heading span:before, .heading span:after {
  content: "";
  position: absolute;
  border-bottom: 1px solid {color:Light Accents};
  margin-top: 4px;
  width: 26px;
}
.heading span:before {
  right: 100%;
  margin-right: 6px;
}
.heading span:after {
  left: 100%;
  margin-left: 6px;
}
#desc {
    width: 105px;
    margin: 0 auto;
    text-align: left;
    color: {color:Sidebar Text};
    margin-top: 12px;
    font: 7px trebuchet ms;
    letter-spacing: 1px;
    text-transform: uppercase;
    line-height:16px;
}
#wrap {
    width: calc({text:Post Width}px + 600px);
    position: relative;
    margin: 0 auto;
}

/* nav */
.links {
  line-height: 0.5;
  text-align: center;
  font: 7px trebuchet ms;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: {color:Sidebar Text};
  cursor: help;
  margin-top: 12px;
  margin-bottom: 10px;
}
.links span {
  display: inline-block;
  position: relative;
}
.links span:before, .links span:after {
  content: "";
  position: absolute;
  border-bottom: 1px solid {color:Light Accents};
  margin-top: 4px;
  width: 26px;
}
.links span:before {
  right: 100%;
  margin-right: 6px;
}
.links span:after {
  left: 100%;
  margin-left: 6px;
}
.more {
    display: none;
    text-align: center;
    font: 7px trebuchet ms;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.more a{
  color: {color:More Links};
}
.more a:hover {
    color: {color:More Links Hover};
}
/* other css tools */
#s-m-t-tooltip{
    max-width: 210px;
    margin:16px;
    padding: 5px;
    background: #fff;
    font: 7px trebuchet ms;
    letter-spacing: 1px;
    color: {color:Tooltip color};
    letter-spacing: 1.5px;
    text-transform: uppercase;
    box-shadow: 2px 2px 2px {color:Light Accents};
}
::-webkit-scrollbar {
    width: 3px;
    height: 5px;
    background: {color:Background};
}
::-webkit-scrollbar-thumb {
    background: {color:Scrollbar};
    border-radius: 16px;
    border-top: 5px solid {color:Background};
}
h1 {
    font: 10px trebuchet ms;
    text-transform: uppercase;
    font-weight: normal;
    font-style: italic;
    letter-spacing: 1px;
    color: {color:Headers};
}
/* permalink pg */
img.avatar { display: none; }
ol.notes {
    width: {text:Post Width}px;
    margin-left: -35px;
    height: 200px;
    overflow: auto;
}
ol.notes li.note {
    font: 8px calibri;
    text-transform: uppercase;
    letter-spacing: 1px;
    list-style-type: none;
    display: block;
    padding: 3px;
    line-height: 15px;
}
ol.notes li:before, ol:before {
    content: "——";
    font-family: tahoma;
    letter-spacing: -1px;
    margin-right: 8px;
    margin-left: -16px;
    color: {color:Bullets};
}
/* pagination */
#pagination {
    width: 300px;
    margin: 0 auto;
    position: relative;
    text-align: center;
    bottom: 30px;
    {block:ifInfiniteScroll}
    display: none;
    {/block:ifInfiniteScroll}
    {block:PermalinkPage}
    display: none;
    {/block:PermalinkPage}
}
#pagination a {
    color: {color:Sidebar Text};
    padding: 5px 7px;
    background: {color:Light Accents};
    border-radius: 2px;
    font: 7px trebuchet ms;
    text-transform: uppercase;
    letter-spacing: 1px;
}
/* perma page */
#info {
    position: relative;
    margin: 0 auto;
    margin-top: -50px;
    width: {text:Post Width}px;
    text-align: center;
    font: 7px trebuchet ms;
    letter-spacing: 1px;
    text-transform: uppercase;
}

h2 {
    text-align: center;
    display: inline-block;
    border-bottom: 1px solid {color:Bullets};
    padding-bottom: 6px;
    font: 7px trebuchet ms;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 6px;
}
/* quotes */
.quote, .source {
    font: 7px trebuchet ms;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-align: center;
}
.be {
    color: {color:Light Accents};
    text-align: center;
    font: 10px tahoma;
    letter-spacing: -3px;
    margin: 5px 0px;
}
/* pxu photosets */
.clearit:before, .clearit:after { content: ""; display: table; }
.clearit:after { clear: both; }
.clearit { *zoom: 1; }

/* Photoset */

.photo-slideshow {
  visibility: hidden;
}

.photo-slideshow.processed {
  visibility: visible;
}

.photo-slideshow .row {
  clear: both;
  width: 100%;
}

.photo-slideshow .pxu-photo {
  display: block;
  float: left;
  margin-bottom: 0;
  width: 100%;
  overflow: hidden;
}

.photo-slideshow .pxu-photo img {
  display: block;
}

.photo-slideshow.processed .pxu-photo img {
  width: 100%;
  height: auto;
}

.photo-slideshow .pxu-photo:first-child img {
  margin-left: 0;
}

.photo-slideshow .count-1 {
  width: 100%;
}

.photo-slideshow .count-2 {
  width: 50%;
}

.photo-slideshow .count-3 {
  width: 33.33%;
}

.photo-slideshow .count-4 {
  width: 25%;
}

.photo-slideshow .count-5 {
  width: 20%;
}

.photo-slideshow .info {
  display: none;
}
.photo-data {
  position: relative;
  float: left;
}

.icons {display:none;}

.icons > span, .icons .tumblr-box span {display:none;}

.zoom {display:none;}

.info {display:none;}
.pxu-data {display:none;}

.pxu-caption {display:none;}

.pxu-data table {display:none;}

.tumblr-box {
  display:block;
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  z-index:1;
}
#infscr-loading {
    display:none!important;
}
/* answer block */
.anbl {
    font: 7px trebuchet ms;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 6px;
}
.ans {
    margin-bottom: 16px;
    margin-top: 6px;
    opacity: .8;
}
/* audio player */
#audio{
    position: relative;
    height: 42px;
}
#play {
    width: 28px;
    height: 30px;
    overflow: hidden;
    position: absolute;
    margin-left: 7px;
    margin-top: 6px;
    opacity: .3;
}
.play {
    background: #fff;
    width: 40px;
    height: 40px;
    border: 1px solid {color:Light Accents};
    float: left;
}
#ti {
    width: -moz-calc(100% - 47px);
    width: -webkit-calc(100% - 47px);
    width: -o-calc(100% - 47px);
    width: calc(100% - 47px);
    background: {color:Light Accents};
    position: absolute;
    margin-left: 47px;
    padding: 16.5px 0px;
    text-align: center;
    font: 7px trebuchet ms;
    letter-spacing: 1px;
    text-transform: uppercase;
}

/* credit */
.cred {
    position: fixed;
    right: 5px;
    bottom: 5px;
    font: 7px trebuchet ms;
    text-transform: uppercase;
}
.cred a {
    color: #bbb;
}

/* lightbox */
#vignette { visibility: hidden; }
#tumblr_lightbox img { box-shadow: none !important; border-radius:5px !important; }
#tumblr_lightbox { background-color: transparent !important; }
#tumblr_lightbox div:nth-child(2) { background-color: {color:Lightbox}; opacity: .8; }
#tumblr_lightbox_left_link, #tumblr_lightbox_right_link { visibility: hidden; }
#tumblr_lightbox a img { border: 5px solid #fff !important; }
</style>

<link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>

</head>
<body>

<!---header bar--->
<div id="wrap">
<div id="bar">
<div class="icon">
<a href="/"><img src="{image:Icon}"/></a>
</div>
<div class="heading"><span>{Title}</span></div>
<div id="desc">{Description}</div>

<div class="links"><span>links</span></div>
<div class="more">
<a href="{text:Link 1 url}">{text:Link 1}</a>. <a href="{text:Link 2 url}">{text:Link 2}</a>. <a href="{text:Link 3 url}">{text:Link 3}</a>. <a href="{text:Link 4 url}">{text:Link 4}</a>. <a href="{text:Link 5 url}">{text:Link 5}</a>. <a href="{text:Link 6 url}">{text:Link 6}</a>.
</div>
</div>

<div class="cred"><a href="http://www.rnirae.tumblr.com/" title="theme">thm.</a>
</div>
</div>
<!----->

<div id="content">
{block:Posts}
<!-- {block:NoRebloggedFrom}
{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
{/block:NoRebloggedFrom} -->
<div class="entry">

{block:Photo}
{block:IndexPage}
<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
{/block:IndexPage}

{block:PermalinkPage}
{LinkOpenTag}<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>

{LinkCloseTag}
{/block:PermalinkPage}

{block:ifCaptions}
{block:IndexPage}
{block:Caption}<div id="capt">{Caption}</div>{/block:Caption}
{/block:IndexPage}
{/block:ifCaptions}
{block:PermalinkPage}
{block:Caption}<div id="capt">{Caption}</div>{/block:Caption}
{/block:PermalinkPage}
{/block:Photo}


{block:Photoset}
<div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img alt="{PhotoAlt}" 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:ifCaptions}
{block:IndexPage}
{block:Caption}<div id="capt">{Caption}</div>{/block:Caption}
{/block:IndexPage}
{/block:ifCaptions}
{block:PermalinkPage}
{block:Caption}<div id="capt">{Caption}</div>{/block:Caption}
{/block:PermalinkPage}
{/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}
{block:Source}<div class="source">{Source}</div>{/block:Source}
<div class="be">——————————</div><div class="quote">{Quote}</div>
{/block:Quote}


{block:Chat}
{block:Title}<h1>{Title}</h1>{/block:Title}
{block:Lines}

{block:Label}<b>{Label}</b>{/block:Label}
<span><i>{Line}</i><br></span>
{/block:Lines}
{/block:Chat}


{block:Audio}
<div id="audio">
<div class="play"><div id="play">{AudioPlayerWhite}</div></div>
<div id="ti">{block:TrackName}<b>{TrackName}</b> {/block:TrackName}{block:Artist}by {Artist}{/block:Artist}</b></div>
</div>
{block:PermalinkPage}
{block:Caption}<div id="capt">{Caption}</div>{/block:Caption}
{/block:PermalinkPage}
{/block:Audio}


{block:Answer}
<div class="anbl">
<i>{Question}</i>
<div align="right" class="ans"><ul><li>{Asker}</ul></div>
{Answer}
</div>
{/block:Answer}


{block:Video}
<center>{Video-250}</center>

{block:ifCaptions}
{block:IndexPage}
{block:Caption}<div id="capt">{Caption}</div>{/block:Caption}
{/block:IndexPage}
{/block:ifCaptions}
{block:PermalinkPage}
{block:Caption}<div id="capt">{Caption}</div>{/block:Caption}
{/block:PermalinkPage}
{/block:Video}


<!---permalinks--->
{block:IndexPage}<div id="perma"><a href="{Permalink}" title="{NoteCountWithLabel}"><b>{DayofWeek}</b></a>　/　<a href="{ReblogURL}">reblog</a></div>{/block:IndexPage}


</div> <!---end of entry div--->

<!---perma page--->
{block:PermalinkPage}
<div id="info"><h2>{ShortMonth} {DayofMonth}th　/　{NoteCountWithLabel}　/　{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">V</a> & <a href="{ReblogRootURL}" title="{ReblogRootName}">S</a>{/block:RebloggedFrom}</h2>
{block:HasTags}<div class="tags">{block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}</div>{/block:HasTags}
</div>
{/block:PermalinkPage}
<!----->


{/block:Posts}
 <!------postnotes---->
 {block:PostNotes}{PostNotes}{/block:PostNotes}



{block:Pagination}<!-- pagination -->
<div id="pagination">
{block:PreviousPage}<a class="back" href="{PreviousPage}">back</a>{block:NextPage}  {/block:NextPage}{/block:PreviousPage}
{block:NextPage}<a class="next" href="{NextPage}">next</a>{/block:NextPage}
</div>
{/block:Pagination}



{block:ContentSource}<!-- {SourceURL}
{block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
{/block:ContentSource}
</div> <!---end of content div--->




<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
{block:IndexPage}
<script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
{block:ifInfiniteScroll}
<script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
{/block:ifInfiniteScroll}
{/block:IndexPage}
<script>
$(document).ready(function(){
    $('.photo-slideshow').pxuPhotoset({
    lightbox: true,
    rounded: false,
    gutter: '3px',
    photoset: '.photo-slideshow',
    photoWrap: '.photo-data',
    photo: '.pxu-photo'
});
    $(".links").click(function(){
    $(".more").slideToggle("medium");
    });
        {block:IndexPage}
        {block:ifInfiniteScroll}
    $('#content').infinitescroll({
    itemSelector: '.entry',
    navSelector: '#pagination',
    nextSelector: '.next',
    loadingImg: '',
    loadingText: '<em></em>',
    bufferPx: 10000
},
    function( newElements ) {
    var $newElems = $( newElements );
    $newElems.find('.photo-slideshow').pxuPhotoset({
    lightbox: true,
    rounded: false,
    gutter: '3px',
    photoset: '.photo-slideshow',
    photoWrap: '.photo-data',
    photo: '.pxu-photo'
});
});
        {/block:ifInfiniteScroll}
        {/block:IndexPage}
});
</script>

</body>
</html>