Advertisement
csloani

03 | VOLVOX

Apr 8th, 2014
5,974
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 32.30 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4. <head>
  5.  
  6.  
  7.  
  8.  
  9.  
  10.  
  11.  
  12.  
  13.  
  14. <!--
  15.  
  16.  
  17. theme volvox
  18. iliyon @ tumblr
  19.  
  20.  
  21. -->
  22.  
  23.  
  24.  
  25.  
  26.  
  27.  
  28.  
  29.  
  30.  
  31. <title>{Title}{block:PostSummary} | {PostSummary}{/block:PostSummary}{block:TagPage} | #{Tag}{/block:TagPage}</title><link rel="shortcut icon" href="{Favicon}"><link href='http://static.tumblr.com/wb7siqo/jjdnjg8n6/cssnormalizer.css' rel='stylesheet' type='text/css'><link href='http://static.tumblr.com/wb7siqo/5ZHnl77zp/pxu.css' rel='stylesheet' type='text/css'><link href='https://fonts.googleapis.com/css?family={select:font}:400,400italic,700,700italic|{select:title font}' rel='stylesheet' type='text/css'><link href='https://dl.dropboxusercontent.com/s/9a0pb4rbciz9xzo/ionicons-min-adj.css?dl=0' rel='stylesheet' type='text/css'><link href='http://static.tumblr.com/wb7siqo/wNBo1rlf0/cr-il.css' rel='stylesheet' type='text/css'> <meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="image:cover" content="" /> <meta name="color:bg" content="#ffffff" /> <meta name="color:text" content="#444444" /> <meta name="color:link" content="#aaaaaa" /> <meta name="color:borders" content="#eeeeee" /> <meta name="color:cover text color" content="#444444" /> <meta name="if:cover" content="1" /> <meta name="if:infinite scrolling" content="0" /> <meta name="if:captions" content="1" /> <meta name="if:tags" content="1" /> <meta name="if:custom tumblr controls" content="1" /> <meta name="select:tumblr controls" content="tcMid" title="grey" /> <meta name="select:tumblr controls" content="tcNeut" title="black" /> <meta name="select:tumblr controls" content="tcLt" title="white" /> <meta name="select:stretch cover" content="cover" title="yes" /> <meta name="select:stretch cover" content="" title="do not stretch" /> <meta name="select:repeat background" content="no-repeat" title="do not repeat" /> <meta name="select:repeat background" content="repeat" title="yes" /> <meta name="select:post width" content="450" title="450px" /> <meta name="select:post width" content="250" title="250px" /> <meta name="select:post width" content="300" title="300px" /> <meta name="select:post width" content="350" title="350px" /> <meta name="select:post width" content="400" title="400px" /> <meta name="select:post width" content="500" title="500px" /> <meta name="select:post width" content="550" title="550px" /> <meta name="select:post width" content="600" title="600px" /> <meta name="select:font" content="Lora" title="lora" /> <meta name="select:font" content="Alegreya" title="alegreya" /> <meta name="select:font" content="Domine" title="domine" /> <meta name="select:font" content="Droid Serif" title="droid serif" /> <meta name="select:font" content="Libre Baskerville" title="libre baskerville" /> <meta name="select:font" content="Merriweather" title="merriweather" /> <meta name="select:font" content="Noto Serif" title="noto serif" /> <meta name="select:font" content="PT Serif" title="pt serif" /> <meta name="select:font" content="Roboto Slab" title="roboto slab" /> <meta name="select:font" content="Source Serif Pro" title="source serif pro" /> <meta name="select:font" content="Tinos" title="tinos" /> <meta name="select:font" content="Vollkorn" title="vollkorn" /> <meta name="select:title font" content="Lovers Quarrel" title="lovers quarrel" /> <meta name="select:title font" content="Alex Brush" title="alex brush" /> <meta name="select:title font" content="Clicker Script" title="clicker script" /> <meta name="select:title font" content="Dancing Script" title="dancing script" /> <meta name="select:title font" content="Great Vibes" title="great vibes" /> <meta name="select:title font" content="Kristi" title="kristi" /> <meta name="select:title font" content="Lobster" title="lobster" /> <meta name="select:title font" content="Ruthie" title="ruthie" /> <meta name="select:title font" content="Sacramento" title="sacramento" /> <meta name="select:title font" content="Satisfy" title="satisfy" /> <meta name="if:sidebar links" content="1" /> <meta name="if:social links" content="1" /> <meta name="if:blog stats" content="1" /> <meta name="if:search bar" content="1" /> <meta name="text:cover title" content="Volvox, Volvere" /> <meta name="text:cover blurb" content="" /> <meta name="text:index link" content="Index" /> <meta name="text:index URL" content="/" /> <meta name="text:ask link" content="Message" /> <meta name="text:ask URL" content="/ask" /> <meta name="text:link 3" content="Link 3" /> <meta name="text:URL 3" content="/" /> <meta name="text:link 4" content="Link 4" /> <meta name="text:URL 4" content="/" /> <meta name="text:top bar tab title" content="More" /> <meta name="text:top bar tab link 1" content="Lorem" /> <meta name="text:top bar tab URL 1" content="/" /> <meta name="text:top bar tab link 2" content="Ipsum" /> <meta name="text:top bar tab URL 2" content="/" /> <meta name="text:top bar tab link 3" content="Dolor" /> <meta name="text:top bar tab URL 3" content="/" /> <meta name="text:top bar tab link 4" content="Et Cetera" /> <meta name="text:top bar tab URL 4" content="/" /> <meta name="text:top bar tab link 5" content="Ad Nauseam" /> <meta name="text:top bar tab URL 5" content="/" /> <meta name="text:sidebar link 1" content="Alfa" /> <meta name="text:sidebar URL 1" content="/" /> <meta name="text:sidebar link 2" content="Bravo" /> <meta name="text:sidebar URL 2" content="/" /> <meta name="text:sidebar link 3" content="Charlie" /> <meta name="text:sidebar URL 3" content="/" /> <meta name="text:sidebar link 4" content="Whiskey" /> <meta name="text:sidebar URL 4" content="/" /> <meta name="text:sidebar link 5" content="Tango" /> <meta name="text:sidebar URL 5" content="/" /> <meta name="text:sidebar link 6" content="Foxtrot" /> <meta name="text:sidebar URL 6" content="/" /> <meta name="text:description title" content="About" /> <meta name="text:social links title" content="Around the Web" /> <meta name="text:sidebar links title" content="More Links" /> <meta name="text:blog stats title" content="Boring Stats" /> <meta name="text:search bar title" content="Search Blog" /> <meta name="text:search bar placeholder" content="Type then hit enter" /> <meta name="text:twitter username" content="5kADayTweet2k16" /> <meta name="text:facebook username" content="SchroedevonSchreiber" /> <meta name="text:facebook display name" content="First Name von Nickname" /> <meta name="text:instagram username" content="PsshNoFilter" /> <meta name="text:pinterest username" content="PINEVERYTHING" /> <meta name="text:youtube username" content="SchroedevonSchreiber" /> <meta name="text:youtube display name" content="Making $$$ as a Couch Potato" /> <meta name="text:online counter" content="" /> <meta name="text:total visit counter" content="" /><style type="text/css"> body{ font-family:'{select:font}', 'Georgia', serif; font-size:16px; color:{color:text}; background:{color:bg}; overflow-x:hidden; word-wrap:break-word; } a, .post-date a.timestamp:hover, nav.main article.hasExtra, nav.main article.far-right, .que a.asker:hover, .que a.answerer:hover, a.linkpost:hover{ color:{color:link}; text-decoration:none; transition:.5s; -webkit-transition:.5s; cursor:pointer; } a:hover, .post-date a.timestamp, nav.main article.hasExtra:hover, nav.main article.far-right:hover, .que a.asker, .que a.answerer, a.linkpost{ color:{color:text}; transition:.5s; -webkit-transition:.5s; } ::-webkit-scrollbar{ width:17px; height:17px; background:{color:bg}; } ::-webkit-scrollbar-thumb{ background:{color:text}; border:8px {color:bg} solid; }{block:ifCover} {block:IndexPage} header.cover{ position:fixed; width:100%; height:100%; background:url('{image:cover}') {select:repeat background} center center; background-size:{select:stretch cover}; z-index:999; color:{color:cover text color}; } header.cover > article{ width:100%; height:100%; display:table; vertical-align:middle; background:rgba(255,255,255,.35); } header.cover > article > article{ width:100%; height:100%; display:table-cell; vertical-align:middle; text-align:center; } .cover-title{ font-size:900%; font-family:'{select:title font}'; } .cover-desc{ font-size:87.5%; margin:20px auto; width:40%; } .enter{ width:180px; padding:13px 0; margin:50px auto; background:#444; color:#fff; font-size:87.5%; letter-spacing:4px; cursor:pointer; } header.cover .cover-title, header.cover .cover-desc, header.cover .enter{ opacity:0; } header.cover.visible .cover-title{ opacity:1; transition:.6s .3s ease-out; -webkit-transition:.6s .3s ease-out; } header.cover.visible .cover-desc{ opacity:1; transition:.6s 1s ease-out; -webkit-transition:.6s 1s ease-out; } header.cover.visible .enter{ opacity:1; transition:.8s 2s ease-out; -webkit-transition:.8s 2s ease-out; } {/block:IndexPage} {/block:ifCover}.holder{ width:calc{block:IndexPage}({select:post width}px + 2 * 20px + 4px + 180px){/block:IndexPage}{block:PermalinkPage}(600px + 2 * 20px + 4px + 180px){/block:PermalinkPage}; margin:auto; position:absolute; top:0; left:0; right:0; opacity:0; } .holder.visible{ opacity:1; transition:.4s .7s ease-out; -webkit-transition:.4s .7s ease-out; } header.blog-title{ font-size:750%; text-align:center; margin:120px 0 0 0; font-family:'{select:title font}', 'Georgia', serif; } header.blog-title p{ display:inline-block; padding-bottom:15px; border-bottom:3px {color:text} solid; position:relative; z-index:998; bottom:-2px; } nav.main{ border-top:1px {color:borders} dotted; border-bottom:1px #eee dotted; font-size:72%; margin-bottom:20px; background:{color:bg}; width:100%; position:relative; line-height:1rem!important; -webkit-transform:translateZ(0); transform:translateZ(0); z-index:997; } nav.main a, nav.main article.hasExtra, nav.main article.far-right{ display:inline-block; padding:16px; border-bottom:1px transparent solid; top:1px; position:relative; margin:0 -2px; } nav.main article.far-right{ position:absolute; margin-top:-4px; padding-bottom:13px; padding-top:19px; right:0; {block:ifNotCustomTumblrControls} display:none; {/block:ifNotCustomTumblrControls} } nav.main article.far-right .extra-container{ right:0; margin-top:13px; } nav.main .far-right span{ font-size:18px; color:{color:text}; } nav.main a:hover, nav.main article.hasExtra:hover, nav.main article.far-right:hover{ border-bottom:1px {color:text} solid; } nav.main section.relativeWrapper{ position:relative; }nav.main .divider{ display:inline-block; height:1px; background:{color:text}; width:0; margin:0; vertical-align:middle; transition:.4s .5s ease-out; -webkit-transition:.4s .5s ease-out; } nav.main .fixed-title{ font-size:149%; letter-spacing:3px; padding:15px 0 17px 0; opacity:0; transition:.5s ease-out; -webkit-transition:.5s ease-out; display:inline-block; vertical-align:middle; } nav.main .fixed-title div{ display:block; } nav.main .extra-container{ background:{color:bg}; width:130px; position:absolute; padding:10px; margin-top:16px; margin-left:-16px; border:1px {color:borders} dotted; border-top:1px {color:text} solid; font-size:88%; visibility:hidden; opacity:0; -webkit-transition:visibility 0s 0.2s, opacity 0.5s; transition:visibility 0s 0.2s, opacity 0.5s; } nav.main .extra-container a{ display:block; border:0; border-bottom:1px #eee dotted; padding:5px 10px; } nav.main .extra-container a:hover{ background:{color:borders}; } nav.main .extra-container a:first-of-type{ border-top:1px {color:borders} dotted; }nav.main article:hover .extra-container{ visibility:visible; opacity:1; -webkit-transition-delay:0s; transition-delay:0s; }nav.main.stickit{ top:0; position:fixed; line-height:16px; border-top:1px solid transparent; } nav.main.stickit:before{ height:10px; display:block; border-bottom:1px #eee dotted; content:''; } nav.main.stickit .divider{ width:25px; margin:0 0 0 16px; transition:.4s ease-out; -webkit-transition:.4s ease-out; } nav.main.stickit .fixed-title{ opacity:1; transition:.5s ease-out .4s; -webkit-transition:.5s ease-out .4s; }aside{ display:inline-block; vertical-align:top; padding-left:19px; border-left:1px {color:borders} dotted; font-size:68.75%; width:180px; line-height:160%; } aside h3{ padding:10px 0; font-size:145%; color:#aaa; margin:0; } aside .cols{ margin-bottom:20px; padding-bottom:20px; border-bottom:1px {color:borders} dotted; } aside .cols:last-child{ border:0; } {block:ifSearchBar} aside .cols.search form{ display:inline-block; width:calc(100% - 40px); margin-left:10px; } aside .cols.search input[type=text]{ outline:none; font-family:'{select:font}', sans-serif; padding:5px; border:0; font-size:90%; border-bottom:1px solid transparent; } aside .cols.search input[type=submit]{ position:absolute; visibility:hidden; } aside .cols.search input[type=text]:focus{ border-bottom:1px {color:borders} solid; } input:focus::-webkit-input-placeholder{color:transparent;} input:focus:-moz-placeholder{color:transparent;} input:focus::-moz-placeholder{color:transparent;} input:focus:-ms-input-placeholder{color:transparent;} {/block:ifSearchBar}aside nav.moooore{ font-size:105%; } aside nav.moooore a{ display:block; padding:5px; border-bottom:1px {color:borders} dotted; } aside nav.moooore a:first-of-type{ border-top:1px {color:borders} dotted; } aside nav.moooore a:hover{ background:{color:borders}; } aside nav.moooore a:before, .extra-container a:before{ content:'\f3d3'; color:{color:text}; margin-right:10px; font-family:'Ionicons'; } aside .social{ font-size:91%; display:block; padding:5px 0; } aside .social > span{ font-size:120%; width:20px; display:inline-block; color:{color:text}; }.posts{ padding-right:19px; display:inline-block; vertical-align:top; width:{block:IndexPage}{select:post width}{/block:IndexPage}{block:PermalinkPage}600{/block:PermalinkPage}px; font-size:87.5%; line-height:150%; } .entry{ margin-bottom:100px; } .entry img{ max-width:100%; height:auto; } .entry .photo img, .entry .photo *{ display:block!important; } .que{ position:relative; margin-bottom:2em; padding-left:50px; } .que img{ position:absolute; width:40px; height:40px; top:0; left:0; } .que.ans{ padding-top:2em; border-top:1px #eee dotted; } .que.ans img{ top:2em; } .audiocont{ padding-left:50px; position:relative; margin-bottom:2em; } .audiocont:only-child{ margin:0; } .audiocont img{ position:absolute; height:40px; width:40px; top:0; left:0; } .audiocont .album-placeholder{ font-size:16px; line-height:35px; position:absolute; top:0; left:0; height:35px; width:35px; border:1px {color:borders} dashed; color:rgba({RGBcolor:text},.5); text-align:center; } .audiocont .audiopl{ position:absolute; top:0; right:0; height:35px; width:35px; overflow:hidden; border:1px {color:borders} dotted; } .audio_player{ width:27px; height:27px; overflow:hidden; position:relative; margin:auto; top:4px; } .audiocont h3{ margin:0; } .audiocont h4{ height:2em; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; width:calc(100% - 50px); color:rgba({RGBcolor:text},.55); } .chat{ border-top:1px {color:borders} dotted; padding:10px 5px; } .chat:first-of-type{ border-top:none; } .linkpost{ display:block; padding:1em 0; border-top:1px {color:borders} dotted; border-bottom:1px {color:borders} dotted; margin-bottom:1em; } .linkpost small{ color:{color:link}!important; } .linkpost h1{ margin:0; } .post-date{ } .post-date:before{ width:25px; height:1px; background:{color:borders}; margin:30px 0; content:''; display:block; } .post-tags, .post-source{ font-size:86%; } .post-tags{ {block:ifNotTags}{block:IndexPage}display:none;{/block:IndexPage}{/block:ifNotTags} } .post-tags a:after{ content:','; color:{color:text};!important; } .post-tags a:last-of-type:after{ content:'.'; } .caption{ padding:10px 5px; border-top:1px {color:borders} dotted; border-bottom:1px {color:borders} dotted; margin-top:10px; } .postnots{ margin-top:3em; } .postnots li{ list-style-type:none; margin:1em 0; padding:0; font-size:86%; position:relative; } .postnots li span.action{ display:inline-block; background:{color:bg}; padding-right:5px; z-index:5; max-width:80%; height:2em; text-overflow:ellipsis; overflow:hidden; position:relative; } .postnots li:before{ content:''; position:absolute; width:100%; border-bottom:1px {color:borders} dotted; display:block; z-index:0; left:0; top:calc(1em + 3px); } .postnots li:after{ font-family:'Ionicons'; font-size:12px; position:Absolute; z-index:6; right:0; content:''; background:{color:bg}; top:0; padding-left:10px; } .postnots li.like:after{ content:'\f387'; } .postnots li.reblog:after{ content:'\f3a8'; } .postnots li.reply:after{ content:'\f11d' } .postnots li.original_post:after{ content:'\f38e'; } .postnots li.more_notes_link_container:before{ display:none; } .postnots li img{ display:none; } h1, h2, h3{ margin:1em 0; } h1:first-child, h2:first-child, h3:first-child{ margin-top:0; } h1:only-child, h2:only-child, h3:only-child{ margin:0; } h1:last-child, h2:last-child, h3:last-child{ margin-bottom:0; } h1{ font-size:150%; line-height:130%; } h2{ font-size:125%; line-height:135%; } h3{ font-size:110%; line-height:140%; } blockquote{ margin:10px 0 10px 10px; width:calc(100% - 10px); } blockquote:before, blockquote:after{ width:20px; background:{color:borders}; display:block; margin:10px 0; content:''; height:1px; } a.tumblr_blog{ margin-left:10px; } hr{ margin:2em auto; width:25%; background:{color:borders}; height:1px; display:block; border:0!important; } ul, ol{ padding:0; margin:0; counter-reset:o-list; } ul li, ol li{ display:block; position:relative; margin:1em 0 1em 1em; } ul li:before{ content:'\f125'; font-size:7px; right:100%; font-family:'Ionicons'; position:absolute; top:calc(.5em - 4px) } ol li:before{ content:counter(o-list, decimal) "."; counter-increment:o-list; position:absolute; right:100%; font-size:12px; margin-top:1px; } a.paging-link:after{ content:'\a0\a0|\a0\a0'; color:{color:text}!important; } a.paging-link:last-of-type:after{ display:none; }#inf, #infscr-loading{ display:none!important; } .finished-loading{ color:{color:link}; text-align:center; position:absolute; width:100%; margin-top:-50px; font-size:87.5%; display:none; } /* lightbox */ .tmblr-lightbox, #tumblr_lightbox{ background:rgba({RGBcolor:bg},.97)!important; } .vignette, #vignette{ opacity:0!important; } .tmblr-lightbox .lightbox-image, #tumblr_lightbox a img{ box-shadow:none!important; } .tmblr-lightbox .lightbox-image-container, #tumblr_lightbox a{ padding:4px; padding:4px; border:1px {color:borders} solid; } {block:IndexPage} /* post widths */ .holder.pw250{ width:calc(250px + 2 * 60px + 4px + 180px); } .holder.pw250 .posts{ padding-right:49px; font-size:75%; } .holder.pw250 aside{ padding-left:49px; } .holder.pw300{ width:calc(300px + 2 * 50px + 4px + 180px); } .holder.pw300 .posts{ padding-right:44px; font-size:75%; } .holder.pw300 aside{ padding-left:44px; } .holder.pw350{ width:calc(350px + 2 * 40px + 4px + 180px); } .holder.pw350 .posts{ padding-right:39px; font-size:75%; } .holder.pw350 aside{ padding-left:39px; } {/block:IndexPage} footer{ padding:16px; border-top:1px {color:borders} dotted; border-bottom:1px {color:borders} dotted; margin:20px 0 100px 0; font-size:68.75%; } .tmblr-iframe, #tumblr_controls{ {block:ifNotCustomTumblrControls} display:block!important; {/block:ifNotCustomTumblrControls} {block:ifCustomTumblrControls} {block:IndexPage}display:none!important;{/block:IndexPage} {block:PermalinkPage}display:block!important;{/block:PermalinkPage} {/block:ifCustomTumblrControls} }body.tcNeut #tumblr_controls, body.tcNeut .tmblr-iframe{ z-index:99999!important; position:fixed!important; top:17px!important; right:17px!important; } body.tcLt #tumblr_controls, body.tcLt .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:1; top:17px!important; right:17px!important; position:fixed!important; } body.tcMid #tumblr_controls, body.tcMid .tmblr-iframe{ z-index:99999!important; -webkit-filter:invert(90%); -moz-filter:invert(90%); -o-filter:invert(90%); -ms-filter:invert(90%); filter:invert(90%); position:fixed!important; top:17px!important; right:17px!important; opacity:.7; } .cap{ text-transform:uppercase; } .lo{ text-transform:lowercase; } .neut{ text-transform:none; font-style:normal; font-weight:normal; } .bold{ font-weight:700; } .lt{ font-weight:300; } .it{ font-style:italic; } pre{ width:calc(100% - 20px); padding:10px; background:#f7f7f7; font-family:monospace; word-wrap:break-word; }.cre div{border:1px {color:text} solid;}</style> </head> <body class="{select:tumblr controls}"> {block:ifCover} {block:IndexPage} <header class="cover"> <article> <article> <span class="cover-title">{text:cover title}</span> <div class="cover-desc"> {text:cover blurb} </div> <div class="enter cap bold"> Enter </div> </article> </article> </header> {/block:IndexPage} {/block:ifCover} <section class="holder pw{select:post width}"> <header class="blog-title"> <p>{Title}</p> </header> <div id="anchor"></div> <nav class="main"> <section class="relativeWrapper"> <span class="fixed-title cap">{Title}</span> <div class="divider"></div> {block:ifIndexLink}<a href="{text:index URL}">{text:index link}</a>{/block:IndexLink} {block:ifAskLink}<a href="{text:ask URL}">{text:ask link}</a>{/block:AskLink} {block:ifLink3}<a href="{text:URL 3}">{text:link 3}</a>{/block:ifLink3} {block:ifLink4}<a href="{text:URL 4}">{text:link 4}</a>{/block:ifLink4} <article class="hasExtra"> {text:top bar tab title} <div class="extra-container"> {block:ifTopBarTabLink1} <a href="{text:top bar tab URL 1}">{text:top bar tab link 1}</a> {/block:ifTopBarTabLink} {block:ifTopBarTabLink2} <a href="{text:top bar tab URL 2}">{text:top bar tab link 2}</a> {/block:ifTopBarTabLink2} {block:ifTopBarTabLink3} <a href="{text:top bar tab URL 3}">{text:top bar tab link 3}</a> {/block:ifTopBarTabLink3} {block:ifTopBarTabLink4} <a href="{text:top bar tab URL 4}">{text:top bar tab link 4}</a> {/block:ifTopBarTabLink4} {block:ifTopBarTabLink5} <a href="{text:top bar tab URL 5}">{text:top bar tab link 5}</a> {/block:ifTopBarTabLink5} </div> </article> {block:ifCustomTumblrControls} <article class="far-right"> <span class="ion-ios-gear-outline"></span> <div class="extra-container"> {block:Posts} {block:PermalinkPage} <a href="{ReblogURL}"{block:Pages} style="display:none"{/block:Pages}>Reblog this Post</a> {/block:PermalinkPage} {/block:Posts} <a href="http://tumblr.com/follow/{Name}">Follow</a> <a href="http://tumblr.com">Dashboard</a> </div> </article> {/block:ifCustomTumblrControls} </section> </nav> <article class="posts"> {block:Posts} <article class="entry"> {block:Text} {block:Title}<h1>{Title}</h1>{/block:Title} {Body} {/block:Text} {block:Quote} <h1 class="quot">{Quote}</h1> {block:Source} {Source} {/block:Source} {/block:Quote} {block:Link} <a href="{URL}" class="linkpost"> <h1>{Name}</h1> {block:Host} <small>{Host}</small> {/block:Host} </a> {block:Description} {Description} {/block:Description} {/block:Link} {block:Chat} {block:Lines} <div class="chat"> {block:Label}<h3 class="bold">{Label}</h3>{/block:Label} {Line} </div> {/block:Lines} {/block:Chat} {block:Photo} {LinkOpenTag}<img src="{block:IndexPage}{PhotoURL-500}{/block:IndexPage}{block:PermalinkPage}{PhotoURL-HighRes}{/block:PermalinkPage}" />{LinkCloseTag} {/block:Photo} {block:Answer} <div class="que"> <img src="{AskerPortraitURL-96}" /> <span class="bold">Question from {Asker}</span>: <br /> {Question} </div> {block:NotReblog} <div class="caption"> {Answer} </div> {/block:NotReblog} {block:RebloggedFrom} <div class="que ans"> {block:Answerer} <img src="{AnswererPortraitURL-96}" /> <span class="bold">{Answerer} answered</span>: {/block:Answerer} {Answer} </div> {Replies} {/block:RebloggedFrom} {/block:Answer} {block:Audio} <div class="audiocont"> <div class="album-placeholder cap"> <span class="ion-alert-circled"></span> </div> {block:AlbumArt} <img src="{AlbumArtURL}"/> {/block:AlbumArt} {block:TrackName}<h3 class="bold">{TrackName}</h3>{/block:TrackName} <h4>{block:Artist}{Artist}{/block:Artist}{block:Album}<span class="it"> - {Album}</span>{/block:Album} </h4> {block:AudioPlayer} <div class="audiopl">{AudioPlayerWhite}</div> {/block:AudioPlayer} </div> {/block:audio} {block:Video} <div class="video">{Video-500}</div> {/block:Video} {block:Photoset} <div class="photo"> <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}"> {block:Photos} <div class="photo-data"> <div class="pxu-photo"> <a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"> <img alt="{PhotoAlt}" src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"> </a> </div> </div> {/block:Photos} </div> </div> {/block:Photoset} {block:IndexPage} {block:ifCaptions} {block:Caption} <div class="caption"> {Caption} </div> {/block:Caption} {/block:ifCaptions} {/block:IndexPage} {block:PermalinkPage} {block:Caption} <div class="caption"> {Caption} </div> {/block:Caption} {/block:PermalinkPage} {block:Date} <div class="post-date"> {block:IndexPage} <a href="{Permalink}" class="timestamp bold">{Month} {DayofMonth}{DayofMonthSuffix}, {Year}</a> {block:RebloggedFrom}via <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom} {/block:IndexPage} {block:PermalinkPage} <span class="bold"><span class="cap">{DayofWeek}, {Month} {DayofMonth} {Year}</span> ({TimeAgo})</span> <div class="post-source"> {block:RebloggedFrom} Reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a> & originally posted by <a href="{ReblogRootURL}">{ReblogRootName}</a> {/block:RebloggedFrom} {block:NotReblog} Original post by <span class="bold">{Name}</span> {/block:NotReblog} </div> <br /> {/block:PermalinkPage} {block:HasTags} <div class="post-tags">Tagged: {block:Tags}<a href="{TagURL}">{Tag}</a>&nbsp; {/block:Tags}</div> </div> {/block:HasTags} {block:PermalinkPage} {block:ContentSource} <br /> <div class="post-source it"> Source: <a href="{SourceURL}">{SourceTitle}</a> </div> {/block:ContentSource} {/block:PermalinkPage} {/block:Date} {block:PostNotes} <div class="postnots"> {block:NoteCount} <h3 class="bold">This post has {NoteCountwithLabel}</h3> {/block:NoteCount} {PostNotes} </div> {/block:PostNotes} </article> {/block:Posts} </article> <aside> {block:Description} <article class="cols"> <h3>{text:description title}</h3> {Description} </article> {/block:Description} {block:ifSidebarLinks} <article class="cols"> <h3>{text:sidebar links title}</h3> <nav class="moooore"> {block:ifSidebarLink1} <a href="{text:sidebar URL 1}">{text:sidebar link 1}</a> {/block:ifSidebarLink1} {block:ifSidebarLink2} <a href="{text:sidebar URL 2}">{text:sidebar link 2}</a> {/block:ifSidebarLink2} {block:ifSidebarLink3} <a href="{text:sidebar URL 3}">{text:sidebar link 3}</a> {/block:ifSidebarLink3} {block:ifSidebarLink4} <a href="{text:sidebar URL 4}">{text:sidebar link 4}</a> {/block:ifSidebarLink4} {block:ifSidebarLink5} <a href="{text:sidebar URL 5}">{text:sidebar link 5}</a> {/block:ifSidebarLink5} {block:ifSidebarLink6} <a href="{text:sidebar URL 6}">{text:sidebar link 6}</a> {/block:ifSidebarLink6} </nav> </article> {/block:ifSidebarLinks} {block:ifSocialLinks} <article class="cols"> <h3>{text:social links title}</h3> <a class="social" href="http://twitter.com/{text:twitter username}/"><span class="neut social ion-social-twitter"></span> @{text:twitter username}</a> <a class="social" href="http://www.facebook.com/{text:facebook username}/"><span class="neut social ion-social-facebook"></span> {text:facebook display name}</a> <a class="social" href="http://instagram.com/{text:instagram username}/"><span class="neut social ion-social-instagram"></span> @{text:instagram username}</a> <a class="social" href="http://www.youtube.com/user/{text:youtube username}"><span class="neut social ion-social-youtube"></span> {text:youtube display name}</a> <a class="social" href="http://www.pinterest.com/{text:pinterest username}/"><span class="neut social ion-social-pinterest"></span> PINEVERYTHING</a> </article> {/block:ifSocialLinks} {block:ifSearchBar} <article class="cols search"> <h3>{text:search bar title}</h3> <span class="ion-ios-search-strong"></span> <form action="javascript:return false" id="searchBlog"> <input type="text" value="" placeholder="Type then hit enter" /> <input type="submit" value="search" /> </form> </article> {/block:ifSearchBar} {block:ifBlogStatsTitle} <article class="cols"> <h3>{text:blog stats title}</h3> <p>Currently Online {text:online counter}</p> <p>Total Visits {text:total visit counter}</p> </article> {/block:ifBlogStatsTitle} </aside> <article class="finished-loading"> No more posts to load. </article> <footer> {CopyrightYears} &middot; {BlogTitle}. Theme <b>Volvox</b> by <a href="http://iliyon.tumblr.com/" target="_blank">iliyon</a>. <div style="float:right"> <a href="/archive">Blog Archive</a>&nbsp; | &nbsp;<a href="/rss">RSS</a>&nbsp; | &nbsp; {block:Pagination} {block:ifInfiniteScrolling} {block:NextPage}<a href="{NextPage}" id="next"></a>{/block:NextPage} <a href="#" class="paging-link" id="load-more">Load More</a> {/block:ifInfiniteScrolling} {block:ifNotInfiniteScrolling} {block:NextPage}<a href="{NextPage}" class="paging-link">Next</a>{/block:NextPage} {block:PreviousPage}<a href="{PreviousPage}" class="paging-link">Previous</a>{/block:PreviousPage}{CurrentPage} of {TotalPages}&nbsp; | &nbsp; {/block:ifNotInfiniteScrolling} {/block:Pagination} <a href="#" class="backTo">Top of Page</a> </div> </footer> </section> <div class="cre"> <div></div><div></div> <li>‿</li> <li class="blurb cap">&copy;iliyon</li></div> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <script src="http://static.tumblr.com/wb7siqo/ZjRnl07kp/p.min.js"></script> {block:IndexPage} {block:ifInfiniteScrolling} <script src="http://static.tumblr.com/wb7siqo/XYlnbpb15/infs.js"></script> {/block:ifInfiniteScrolling} {/block:IndexPage} <script type="text/javascript"> $(document).ready(function(){ $('.cre').click(function(){ window.open('http://iliyon.tumblr.com', '_blank');}); {block:ifCover} {block:IndexPage} $('.enter').click(function(){ $('header.cover').fadeOut(400, 'swing'); $('.holder').addClass('visible'); }); {/block:IndexPage} {/block:ifCover} $('.photo-slideshow').pxuPhotoset({ lightbox: true, rounded: false, gutter: '1px', photoset: '.photo-slideshow', photoWrap: '.photo-data', photo: '.pxu-photo' }); $('#searchBlog').submit(function(){ var name = $('input').val(); location.replace('http://{Name}.tumblr.com/tagged/' + name); }); $('.backTo').click(function(){ $('body, html').animate({scrollTop: 0},1000); return false; }); $('.video').find('iframe').each(function(){ var aspect = $(this).height() / $(this).width(); var src = $('.video').width(); $(this).parent().removeAttr('height').removeAttr('width').width(src).height(src * aspect); $(this).removeAttr('height').removeAttr('width').width(src).height(src * aspect); }); var moveLeft = $('.fixed-title').width(); $('.fixed-title').css({'margin-left': -moveLeft}); $(window).scroll(function(){ var top = $('#anchor').offset().top; var st = $(window).scrollTop(); if(st > top){ $('nav.main').addClass('stickit'); var newNavWidth = $('.holder').width(); $('nav.main').css({'width': newNavWidth}); $('.fixed-title').css({'margin-left': 0},400); }else{ $('nav.main').removeClass('stickit'); $('.fixed-title').css({'margin-left':-moveLeft},400); } }); }); $(window).load(function(){ {block:ifCover} {block:IndexPage} $('header.cover').addClass('visible'); {/block:IndexPage} {block:PermalinkPage} $('.holder').addClass('visible'); {/block:PermalinkPage} {/block:ifCover} {block:ifNotCover} $('.holder').addClass('visible'); {/block:ifNotCover}{block:IndexPage} {block:ifInfiniteScrolling} $('.posts').infinitescroll({ navSelector : 'a#next', nextSelector : 'a#next', itemSelector : '.entry', bufferPx : 0, errorCallback: function(){$('.finished-loading').fadeIn(400, 'swing')} }, function( newElements ) { var $newElems = $( newElements ); $newElems.css({"opacity":0}); $newElems.find('.photo-slideshow').pxuPhotoset({ lightbox: true, rounded: false, gutter: '1px', photoset: '.photo-slideshow', photoWrap: '.photo-data', photo: '.pxu-photo' }); $newElems.find('.video iframe').each(function(){ var aspect = $(this).height() / $(this).width(); var src = $('.video').width(); $(this).parent().removeAttr('height').removeAttr('width').width(src).height(src * aspect); $(this).removeAttr('height').removeAttr('width').width(src).height(src * aspect); }); $newElems.animate({'opacity':1}, 500); }); $(window).unbind('.infscr'); $('#load-more').click(function() { $('footer').animate({'opacity':0}, 500); $('.posts').infinitescroll('retrieve'); $('footer').delay(1000).animate({'opacity':1}, 500); return false; });{/block:ifInfiniteScrolling} {/block:IndexPage} }); </script> </body> </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement