novuspider-blog - Tumblr blog

<!DOCTYPE html> <html> <head>

<!--

==============================================

「 CODES BY POHRORO 」 @ pohroro.com Theme ▸ Genesis (Revamped) v1.4.5 | Updated: 10/07/18

+

Sidebar Image: monoka.tumblr.com/post/86552594719

Infinite Scroll, Masonry, Video Resize, PXU Photoset, Reblog & Like Buttons: shythemes.tumblr.com

Modified PXU Photoset: bychloethemes.tumblr.com

Masonry Fade Effect: blog.innove.it/index.php/2011/08/ jquery-masonry-with-fade-effect

==============================================

-->

<title>{Title} {block:SearchPage} — Results for '{SearchQuery}'{/block:SearchPage} {block:PermalinkPage}{block:PostSummary} — {PostSummary}{/block:PostSummary}{/block:PermalinkPage}</title> <link rel="shortcut icon" href="{Favicon}"> <link rel="alternate" type="application/rss+xml" href="{RSS}"> <meta name="viewport" content="width=device-width, initial-scale=1"> {block:Description}<meta name="description" content="{MetaDescription}">{/block:Description}

<style>

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

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

div#qTip { color: {color:Body Font}; font: 7px/7px Karla; letter-spacing: 1px; text-align: center; text-transform: uppercase; background: {color:Post Background}; display: none; max-width: 350px; position: absolute; text-align: justify; z-index: 99; padding: 4px 4px 3px 4px; margin: -5px 0 0 20px; border-radius: 2px; }

.tmblr-iframe { {block:IfInvertedControls} white-space: nowrap; -webkit-filter: invert(100%); filter: invert(100%); {/block:IfInvertedControls} {block:IfShowTopBar} top: 18px !important; position: fixed !important; {/block:IfShowTopBar} opacity: 0.6; -webkit-transform: scale(0.6, 0.6); transform: scale(0.6, 0.6); -webkit-transform-origin: right top; transform-origin: right top; }

body { font-family: times new roman; font-size: 11.5px; text-align:justify; font-weight:100; word-spacing: 4px; color:#fff; background: {color:Background} url({image:Background}) fixed no-repeat; line-height: calc(0.7em + ({select:Body Font Size} / 2)); {select:Background Type} {block:IfFadeInEffect} -webkit-animation: fadein 0.8s; animation: fadein 0.8s; {/block:IfFadeInEffect} }

a { color: {color:Link}; }

a:hover { color: {color:Hover Link}; }

h1 { font: italic 14px/20px Lora; text-align: center; text-transform: lowercase; border-bottom: 1px solid {color:Border}; {block:IfNotShowPostBorder} margin-top: 6px; {/block:IfNotShowPostBorder} padding-bottom: 5px; }

#top { top: 0; left: 0; width: 100%; height: 15px; background: {color:Top Bar}; position: fixed; z-index: 9; }

#container { width: calc({select:Post Size} * {select:Columns} + ({select:Columns} * {text:Post Margin}){block:IfShowPostBorder} + 100px{/block:IfShowPostBorder} + 320px); margin: 0 auto; position: absolute; left: 0; right: 0; }

#padding { background: {color:Post Background}; }

#padding a { color: {color:Link}; }

#entries { text-align: justify; position: relative; margin-top: 60px; margin-bottom: 60px; margin-left: 280px; {block:IndexPage} {/block:IndexPage} {block:PermalinkPage} width: 500px; {/block:PermalinkPage} }

#sidebar { text-align: center; width: 190px; background: {color:Sidebar Background}; top: calc(50%{block:IfShowTopBar} + 15px{/block:IfShowTopBar}); transform: translateY(-50%); position: fixed; {block:IfShowSidebarBorder} padding: 15px 15px 5px 15px; {/block:IfShowSidebarBorder} }

#image { width: 190px; height: 290px; background: url({image:Sidebar Image}); background-size: 190px; }

#initial { background: {color:Initial Background}; border-radius: 100%; height: 40px; width: 40px; line-height: 42px; position: absolute; font-weight: bold; font-family: Old Standard TT; display: block; font-size: 16px; color: #fff; margin-left: 75px; {block:IfShowSidebarBorder} {block:IfShowSidebarImage} margin-top: -23px; {/block:IfShowSidebarImage} {block:IfNotShowSidebarImage} margin-top: -35px; {/block:IfNotShowSidebarImage} {/block:IfShowSidebarBorder} {block:IfNotShowSidebarBorder} margin-top: -23px; {/block:IfNotShowSidebarBorder} }

#sidebar h1 { border: 0; font: 18px/18px times new roman; text-transform:uppercase; font-weight:bold; color: {color:Title}; {block:IfShowInitial} {block:IfShowSidebarBorder} {block:IfShowSidebarImage} margin-top: 25px; {/block:IfShowSidebarImage} {block:IfNotShowSidebarImage} margin-top: 15px; {/block:IfNotShowSidebarImage} {/block:IfShowSidebarBorder} {block:IfNotShowSidebarBorder} margin-top: 23px; {/block:IfNotShowSidebarBorder} {/block:IfShowInitial} {block:IfNotShowInitial} {block:IfShowSidebarBorder} margin-top: 10px; {/block:IfShowSidebarBorder} {block:IfNotShowSidebarBorder} margin-top: 20px; {/block:IfNotShowSidebarBorder} {/block:IfNotShowInitial} margin-bottom: 5px; }

#links { text-align: center; font-style: italic; letter-spacing: 1px; text-transform: uppercase; font: bold 8px Karla; }

#links a { margin: 0 5px; color: {color:Navigation Link}; }

.divider { width: 3px; height: 3px; display: inline-block; background: {color:Border};

}

#description { line-height: 19px; {block:IfShowSidebarBorder} padding: 10px 0; text-align:justify; font-size:10.5px; {/block:IfShowSidebarBorder} {block:IfNotShowSidebarBorder} padding: 10px; {/block:IfNotShowSidebarBorder} }

nav { font: bold 7px/12px Old Standard TT; text-shadow: 0 0; letter-spacing: 0px; margin-top: 3px; padding: 12px 0; text-transform: uppercase; border-top: 1px solid {color:Border}; {block:IfShowSidebarBorder} width: 190px; {/block:IfShowSidebarBorder} {block:IfNotShowSidebarBorder} width: 160px; margin-left: 15px; {/block:IfNotShowSidebarBorder} }

nav a { color: {color:Navigation Link}; padding: 0px 10px; }

{block:IfFadeInEffect} .masonry { -webkit-transition-property: height, width; transition-property: height, width; -webkit-transition-duration: 0.2s; transition-duration: 0.2s; }

.masonry .masonry-brick { -webkit-transition-duration: 1s; transition-duration: 1s; }

.item.masonry-brick { opacity: 1; -webkit-transition-property: opacity; transition-property: opacity; } {/block:IfFadeInEffect}

.post { background: {color:Post Background}; width: {select:Post Size}; {block:IfShowPostBorder} padding: 15px 15px 0 15px; {/block:IfShowPostBorder} {block:IndexPage} width: {select:Post Size}; margin: 0 {text:Post Margin} {block:IfNotShowTags}calc({text:Post Margin} * 2){block:IfNotShowTags} {block:IfShowTags}calc({text:Post Margin} * 3){/block:IfShowTags}; opacity: 0; z-index: -1; {/block:IndexPage} {block:PermalinkPage} margin: 0 auto; width: 540px; {block:IfFadeInEffect} -webkit-animation: fadein 1s; animation: fadein 1s; {/block:IfFadeInEffect} {/block:PermalinkPage} }

.post img { max-width: 100%; height: auto; {block:IndexPage} {block:IfMonochromePosts} filter: grayscale(100%); -webkit-filter: grayscale(100%); {/block:IfMonochromePosts} {/block:IndexPage} }

.post ul, .post li { padding: 0; margin-left: 30px; }

iframe.photoset { {block:IndexPage} {block:IfMonochromePosts} filter: gray; filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); {/block:IfMonochromePosts} {/block:IndexPage} }

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

.caption { {block:IfShowPostBorder} padding-bottom: 5px; {/block:IfShowPostBorder} {block:IfNotShowPostBorder} padding: 0 10px 5px 10px; {/block:IfNotShowPostBorder} border-bottom: 1px solid {color:Border}; }

.caption p { margin: 7px 0; }

.audio { border-bottom: 1px solid {color:Border}; {block:IfShowPostBorder} padding-bottom: 10px; {/block:IfShowPostBorder} }

.player { width: 27px; height: 27px; opacity: 0.5; position: relative; line-height: 0; z-index: 1; overflow: hidden; margin-bottom: -27px; left: 26px; top: 28px; }

.art { width: 80px; height: 80px; position: absolute; z-index: 0; }

.details { height: 55px; text-align: center; line-height: 15px; padding-top: 25px; margin-left: 80px; }

.title { font-family: times new roman; text-transform:uppercase; font-size: 12px; }

.quote { text-align: center; font-size: 13px; font-style: italic; {block:IfNotShowPostBorder} padding: 10px; {/block:IfNotShowPostBorder} }

.source { font-style: normal; font-size: {select:Body Font Size}; }

.chat { {block:IfNotShowPostBorder} padding: 5px 10px; {/block:IfNotShowPostBorder} }

.asker { {block:IfNotShowPostBorder} padding-top: 10px; {/block:IfNotShowPostBorder} }

.asker h1 { text-align: left; margin: 0; padding-bottom: 10px; }

.asker .avatar img { width: 20px; height: 20px; border-radius: 100%; float: left; {block:IfShowPostBorder} margin-right: 7px; {/block:IfShowPostBorder} {block:IfNotShowPostBorder} margin: 0 7px 0 10px; {/block:IfNotShowPostBorder} }

.question { border-bottom: 1px solid {color:Border}; margin-bottom: 10px; {block:IfShowPostBorder} padding: 10px 0; {/block:IfShowPostBorder} {block:IfNotShowPostBorder} padding: 10px; {/block:IfNotShowPostBorder} }

.permalink { font-size: 8px; letter-spacing: 1px; text-align: left; text-transform: uppercase; padding: 5px 0; {block:IfShowPostBorder} width: calc({select:Post Size}); {/block:IfShowPostBorder} {block:IfNotShowPostBorder} width: calc({select:Post Size} - 20px); margin: 0 0 0 10px; {/block:IfNotShowPostBorder} {block:PermalinkPage} text-align: center; margin-top: 10px; width: 500px; {/block:PermalinkPage} }

.permalink a, .tags a { color: {color:Body Font}; font-family:times new roman; }

.controls { float: right; margin-top: 2px; }

.controls svg { width: 8px; overflow: visible; display: inline-block; border-radius: 100%; fill: {color:Body Font}; text-shadow: 0 0; margin-left: 4px; margin-bottom: 1px; }

.controls a { position: relative; border-radius: 100%; display: inline-block; }

.controls .reblog svg { width: 7px; margin-bottom: 1px; display: inline-block; }

.controls .like .liked + svg path { fill: {color:Accent}; }

.controls .like .like_button iframe { position: absolute; top: 0; left: 0; bottom: 0; right: 0; opacity: 0; z-index: 2; }

.tags { width: {select:Post Size}; position: absolute; text-align: center; text-transform: lowercase; margin-top: 6px; font-size: 8px; font-family:times new roman; letter-spacing: 1px; word-wrap: break-word; }

.tags a:not(:last-of-type) { margin-right: 3px; }

ol.notes { padding: 0px 15px; margin: 20px 0px; list-style-type: none; text-align: left; }

ol.notes li.note { margin-bottom: 10px; }

ol.notes li.note img.avatar { border-radius: 100%; vertical-align: -4px; margin-right: 10px; width: 16px; height: 16px; }

ol.notes a { font-weight: bold; }

.pagination { letter-spacing: 1px; text-align: center; position: fixed; font-size: 8px; margin-top: 40px; width: 190px; text-transform: uppercase; {block:IfInfiniteScroll} display: none; {/block:IfInfiniteScroll} }

.pagination a { background: {color:Post Background}; color: {color:Body Font}; padding: 6px 8px; }

.pagination a:hover { background: {color:Initial Background}; color: #fff; }

::selection { background: {color:Link}; color: #fff; }

#infscr-loading { opacity: 0; line-height: 0px; }

</style> </head> <body>

{block:IfShowTopBar}<div id="top"></div>{/block:IfShowTopBar}

<div id="sidebar"> {block:IfShowSidebarImage}<div id="image"></div>{/block:IfShowSidebarImage} {block:IfShowInitial}<div id="initial">{text:Initial}</div>{/block:IfShowInitial} <a href="/"><h1>{text:Title}</h1></a>

<div id="links"> <a href="/">Index</a> <div class="divider"></div> <a href="/ask">Ask</a> <div class="divider"></div> <a href="/archive">Archive</a> </div>

<div id="description">{Description}</div>

<nav> {block:IfLinkOne}<a href="{text:Link One URL}" title="{text:Link One}">I.</a>{/block:IfLinkOne} {block:IfLinkTwo}<a href="{text:Link Two URL}" title="{text:Link Two}">II.</a>{/block:IfLinkTwo} {block:IfLinkThree}<a href="{text:Link Three URL}" title="{text:Link Three}">III.</a>{/block:IfLinkThree} {block:IfLinkFour}<a href="{text:Link Four URL}" title="{text:Link Four}">IV.</a>{/block:IfLinkFour} {block:IfLinkFive}<a href="{text:Link Five URL}" title="{text:Link Five}">V.</a>{/block:IfLinkFive} {block:IfLinkSix}<a href="{text:Link Six URL}" title="{text:Link Six}">VI.</a>{/block:IfLinkSix} </nav>

{block:Pagination} <div class="pagination"> {block:PreviousPage} <a href="{PreviousPage}" style="margin-right: 10px;">Back</a> {/block:PreviousPage} {block:NextPage} <a href="{NextPage}">Next</a> {/block:NextPage} </div> {/block:Pagination}

</div>

<div id="entries"> <div id="padding"></div> {block:Posts} <div class="post"> {block:Text} {block:Title}<h1>{Title}</h1>{/block:Title} <div class="caption">{Body}</div> {/block:Text}

{block:Photo} <div class="media">{LinkOpenTag}<img src="{PhotoURL-HighRes}" width="100%">{LinkCloseTag}</div> {/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 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:Photoset}

{block:Quote} <div class="quote"> {Quote}<br> {block:Source}<span class="source">— {Source}</span>{/block:Source} </div> {/block:Quote}

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

{block:Chat} {block:Title}<h1>{Title}</h1>{/block:Title} {block:Lines} {block:Label}<b>{Label}</b>{/block:Label} {Line}<br> {/block:Lines} {/block:Chat}

{block:Audio} <div class="audio"> <div class="player">{AudioPlayerWhite}</div> <div class="art">{block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}</div> <div class="details"> {block:TrackName}<span class="title">{TrackName}</span>{/block:TrackName}<br> {block:Artist}<span class="artist">{Artist}</span>{/block:Artist}</div> </div> {/block:Audio}

{block:Video} <div class="media video">{Video-500}</div> {/block:Video}

{block:ReblogParent}  {/block:ReblogParent}

{block:Answer} <div class="asker"> <div class="avatar"><img src="{AskerPortraitURL-24}"></div> <h1>{Asker} asked:</h1></div> <div class="question">{Question}</div> <div class="caption">{Answer}</div> {/block:Answer}

{block:IfShowCaptions} {block:Caption}<div class="caption">{Caption}</div>{/block:Caption} {/block:IfShowCaptions}

<div class="permalink"> {block:PermalinkPage} {block:Date}<b>Posted:</b> {DayOfMonthWithZero} {Month} {Year}{block:NoteCount} with {NoteCountWithLabel}{/block:NoteCount}<br>{/block:Date} {block:RebloggedFrom}<b>Via:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a>, <b>Source:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a><br>{/block:RebloggedFrom} {block:HasTags}<b>Tagged:</b> {block:Tags}#{Tag} {/block:Tags}{/block:HasTags} {/block:PermalinkPage}

{block:IndexPage} {block:Date} <a href="{Permalink}" title="{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}">{TimeAgo}</a>

<div class="controls"> <a href="{ReblogURL}" target="_blank" class="reblog" title="Reblog"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 361.095 361.095" style="enable-background:new 0 0 361.095 361.095;" xml:space="preserve"><g><g><path d="M182.595,325.678c-63.183,0-120.133-42.217-138.267-102.567c-2.833-9.067-12.183-14.167-21.25-11.333 c-9.067,2.833-14.167,12.183-11.333,21.25c22.95,75.933,91.517,126.65,170.85,126.65c98.317,0,178.5-80.183,178.5-178.5 s-80.183-178.5-178.5-178.5c-55.817,0-108.233,26.633-141.667,69.7l-7.083-56.1c-1.133-9.35-9.633-15.867-18.983-14.733 C5.511,2.678-1.005,11.178,0.128,20.528l13.317,103.7c1.133,8.5,8.5,14.733,16.717,14.733c0.567,0,1.417,0,1.983,0l102.567-11.617 c9.35-1.133,16.15-9.35,15.017-18.7s-9.35-16.15-18.7-15.017l-68.85,7.65c26.633-39.95,71.683-64.6,120.417-64.6 c79.617,0,144.5,64.883,144.5,144.5S262.211,325.678,182.595,325.678z"></g></g></svg> </a> <a href="#" class="like" title="Like">{LikeButton} <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 442.403 442.403" style="enable-background:new 0 0 442.403 442.403;" xml:space="preserve"><g><g><path d="M213.05,422.652c2.833,1.7,5.95,2.833,9.35,2.833c3.117,0,6.517-0.85,9.35-2.833c7.65-5.1,187.283-123.533,207.683-243.95 c10.483-62.333-8.783-100.867-26.633-122.117c-20.967-24.933-52.133-39.667-83.017-39.667c-10.2,0-20.117,1.7-28.9,5.1 c-43.067,16.15-72.25,44.767-88.117,64.317c-15.583-19.267-42.217-47.033-74.517-58.083c-9.917-3.4-20.683-5.1-32.017-5.1 c-28.9,0-56.383,11.9-75.367,32.867c-16.717,18.417-35.7,53.55-29.75,114.75C13.016,291.185,204.833,417.268,213.05,422.652z M56.083,78.685c17.283-18.983,38.817-21.817,50.15-21.817c7.367,0,14.45,1.133,20.967,3.4 c39.383,13.317,70.833,63.467,71.4,63.75c3.117,5.1,8.783,8.217,14.733,7.933c5.95,0,11.333-3.4,14.45-8.5 c0.283-0.567,28.617-48.733,85.283-69.983c4.817-1.7,10.767-2.833,16.717-2.833c20.967,0,42.217,10.483,56.95,27.767 c19.267,22.667,25.783,55.533,18.983,94.633c-7.367,43.067-42.5,94.633-101.717,149.317c-33.433,30.883-66.3,54.683-81.6,65.45 c-16.15-11.05-51-36.55-86.417-68.85C74.216,262.285,39.366,209.868,35.116,167.368C31.433,128.552,38.516,97.952,56.083,78.685z"></g></g></svg> </a> </div>

{/block:Date} </div> {/block:IndexPage}

{block:PostNotes}{PostNotes}{/block:PostNotes}

{block:IndexPage} {block:HasTags} {block:IfShowTags} <div class="tags">{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}</div> {/block:IfShowTags} {/block:HasTags} {/block:IndexPage}

</div>

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

{block:IndexPage} <script src="https://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script> <script src="https://static.tumblr.com/kmw8hta/Ghmoy15ke/imagesloaded.pkgd.min.js"></script> {block:IfInfiniteScroll} <script src="https://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script> {/block:IfInfiniteScroll} {/block:IndexPage}

{block:IfInfiniteScroll} $container.infinitescroll({ itemSelector: '.post', navSelector: '.pagination', nextSelector: '.pagination a', loadingImg: '', loadingText: '<em></em>', bufferPx: 3000 }, function( newElements ) { var $newElems = $( newElements ); var $newElemsIDs = $newElems.map(function() { return this.id; }).get(); Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs); $newElems.find('.photo-slideshow').pxuPhotoset({ lightbox: true, rounded: false, gutter: '3px', photoset: '.photo-slideshow', photoWrap: '.photo-data', photo: '.pxu-photo' }); $newElems.find('.video').each(function() { resizeVideos(); }); $newElems.imagesLoaded(function() { $container.masonry('appended', $newElems); $newElems.animate({ opacity: 1, zIndex: 1 }); }); }); {/block:IfInfiniteScroll} {/block:IndexPage} }); </script>

</body> </html>