Advertisement
csloani

23 | TESLA

Dec 27th, 2015
7,883
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 31.72 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.  
  5.  
  6.  
  7.  
  8.  
  9.  
  10.  
  11.  
  12.  
  13. <!--
  14.  
  15.  
  16. theme tesla
  17. iliyon @ tumblr
  18.  
  19.  
  20. -->
  21.  
  22.  
  23.  
  24.  
  25.  
  26.  
  27.  
  28.  
  29.  
  30.  
  31. <head><title>{Title}{block:PostSummary} | {PostSummary}{/block:PostSummary}</title><link rel="shortcut icon" href="{Favicon}"><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=Source+Sans+Pro:300italic,300,400,400italic,700,700italic' rel='stylesheet' type='text/css'><meta name="viewport" content="width=device-width, initial-scale=1.0" /><meta name="image:sidebar img" content="" /><meta name="color:bg" content="#f7f7f7" /><meta name="color:post bg" content="#ffffff" /><meta name="color:post border" content="#eeeeee" /><meta name="color:text" content="#444444" /><meta name="color:link" content="#6E6767" /><meta name="color:accent" content="#7CC2A2" /><meta name="select:post width" content="180" title="180px" /><meta name="select:post width" content="150" title="150px" /><meta name="select:post width" content="200" title="200px" /><meta name="select:post width" content="225" title="225px" /><meta name="select:post width" content="250" title="250px" /><meta name="select:post width" content="275" title="275px" /><meta name="select:post width" content="300" title="300px" /><meta name="select:post width" content="325" title="325px" /><meta name="select:post width" content="350" title="350px" /><meta name="select:post width" content="375" title="375px" /><meta name="select:post width" content="400" title="400px" /><meta name="select:style" content="bar top" title="top bar" /><meta name="select:style" content="bar bot" title="bottom bar" /><meta name="select:style" content="sbar sinister" title="left sidebar" /><meta name="select:style" content="sbar dexter" title="right sidebar" /><meta name="select:style" content="head" title="plain header" /><meta name="select:style" content="pop" title="pop-up" /><meta name="if:infinite scrolling" content="0" /><meta name="if:manual load" content="0" /><meta name="if:capitalize nav links" content="1" /><meta name="if:expand photosets" content="0" /><meta name="if:sidebar image" content="1" /><meta name="select:easing" content="whole" title="container" /><meta name="select:easing" content="each" title="posts" /><meta name="select:easing" content="x" title="none" /><meta name="select:post align" content="center" title="center" /><meta name="select:post align" content="left" title="left" /><meta name="select:post align" content="right" title="right" /><meta name="text:post margin" content="70px" /><meta name="text:link 1" content="link 1" /><meta name="text:URL 1" content="/" /><meta name="text:link 2" content="link 2" /><meta name="text:URL 2" content="/" /><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:link 5" content="link 5" /><meta name="text:URL 5" content="/" /><style type="text/css">body{font-family:'Source Sans Pro', 'Helvetica', sans-serif;font-size:16px;color:{color:text};word-wrap:break-word;background:{color:bg};-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;}a{ text-decoration:none; color:{color:link}; border-bottom:1px {color:accent} solid; transition:.6s; -webkit-transition:.6s;}a:hover{ transition:.6s; -webkit-transition:.6s; color:{color:accent};}#tumblr_controls, .tmblr-iframe{ z-index:99999!important; -webkit-filter:invert(87%); -moz-filter:invert(87%); -o-filter:invert(87%); -ms-filter:invert(87%); filter:invert(87%); position:fixed!important; top:9.5px!important; right:15px!important; opacity:.7;}::-webkit-scrollbar{width:17px;height:17px;background:{color:bg};}::-webkit-scrollbar-thumb{ background:{color:accent}; border:8px {color:bg} solid;}.holder{position:absolute;width:100%;} .holder.bar.top{ top:calc(30px + 1em + ({text:post margin} / 2)); } {block:IndexPage} .holder.sbar{ max-width:calc(100% - 200px); } .holder.sbar.sinister{ padding-left:200px; } .holder.sbar.dexter{ padding-right:200px; } {/block:IndexPage} .holder.head{ position:relative; } .cont{ text-align:{select:post align}; margin:0 auto; } .entry{ width:{block:IndexPage}{select:post width}{/block:IndexPage}{block:PermalinkPage}500{/block:PermalinkPage}px; padding:4px; border:1px {color:post border} solid; display:inline-block; vertical-align:middle; margin:calc({text:post margin} / 2); background:{color:post bg}; font-size:75%; line-height:160%; text-align:left!important; position:relative; } {block:PermalinkPage} .entry{ margin:calc({text:post margin} / 4) auto; display:block; } .entry:first-child{ margin-top:{text:post margin}; } {/block:PermalinkPage} .entry .post_data{ position:absolute; top:0; left:0; width:100%; height:100%; background:rgba({RGBcolor:bg},.95); text-align:center!important; opacity:0; transition:.5s; -webkit-transition:.5s; } .entry:hover .post_data{ opacity:1; transition:.5s; -webkit-transition:.5s; } .entry .post_data > div{ display:table; vertical-align:middle; width:100%; height:100%; } .entry .post_data > div > div{ display:table-cell; vertical-align:middle; width:100%; height:100%; } .entry .post_data .permalink{z-index:99; display:block; width:6px; height:6px; border:1px {color:accent} solid; border-radius:100%; margin:auto; position:relative; top:10px; opacity:0; } .entry:hover a.permalink{ top:0; opacity:1; transition:.2s .3s; -webkit-transition:.2s .3s; } a.permalink:before{ content:''; width:6px; height:6px; border:1px {color:accent} solid; border-radius:100%; position:absolute; left:-14px; top:11px; opacity:0; transition:.2s; -webkit-transition:.2s; } a.permalink:after{ content:''; width:6px; height:6px; border:1px {color:accent} solid; border-radius:100%; position:absolute; right:-14px; top:11px; opacity:0; -webkit-transition:.2ss; transition:.2s; } .entry:hover a.permalink:before{ opacity:1; top:-1px; transition:.2s .4s; -webkit-transition:.2s .4s; } .entry:hover a.permalink:after{ opacity:1; -webkit-transition:.2s .5s; transition:.2s .5s; top:-1px; } .timestamp{ position:absolute; left:0; right:0; margin:auto; top:3px; font-size:10px; } .note_tag{ position:absolute; bottom:7px; width:100%; left:5px; overflow:hidden; font-size:83.3%; height:23px; text-overflow:ellipsis; width:calc(100% - 10px); } .note_tag span.divider:before{ content:'\a0—\a0'; } .note_tag span.divider:last-child:before, .note_tag span.divider:first-child:before{ display:none!important; } .entry .photo, .entry .photoset{ line-height:0!important; } {/block:ifNotExpandPhotosets} .entry .photoset{ display:none; } .entry .photoset:first-child{ display:block!important; } .photoset_indicator{ position:absolute; top:15px; left:15px; line-height:5px; } .photoset_indicator span{ width:6px; height:6px; background:{color:accent}; display:inline-block; margin:.5px; border:0; } {/block:ifNotExpandPhotosets} .entry img{ max-width:100%; height:auto; } .entry .photo img{ display:block; margin:auto; } .textarea{ padding:10px; } h1.quot{ font-size:150%; line-height:125%; font-weight:300; margin:0; } h1.quot i, h1.quot em{ font-style:italic; color:{color:accent}; } .quotsrc{ margin-top:1em; } .quotsrc:before{ content:'—'; } .que{ background:rgba({RGBcolor:accent},.1); } .ans{ margin-top:1em; } .chat{ border-top:1px {color:post border} solid; } .chat:first-child{ border:0; } ul, ol{ padding:0; margin:0; } ul li{ margin:5px 0 5px 1em; position:relative; } ul li:before{ content:''; width:2px; height:2px; border-radius:100%; border:1px {color:accent} solid; left:0; position:absolute; top:9px; transition:.4s; -webkit-transition:.4s; } ul li:hover:before{ background:{color:accent}; transition:.4s; -webkit-transition:.4s; } ol{ counter-reset:list; } ol li{ position:relative; margin:5px 0 5px 1em; } ol li:before{ font-size:10px; font-weight:700; right:calc(100% - .5em); position:absolute; counter-increment:list; color:{color:accent}; content:counter(list, decimal) "."; } .entry blockquote{ max-width:calc(100% - 1% - 21px); padding:0 10px; margin:5px 0 5px 1%; border-left:1px {color:accent} solid; } .entry a.tumblr_blog{ border:0; display:inline-block; text-transform:uppercase; font-size:83.33%; letter-spacing:1px; } .entry a.tumblr_blog:before{ margin-right:5px; position:relative; border-left:4px {color:text} solid; border-top:3px solid transparent; border-bottom:3px solid transparent; display:inline-block; content:''; } .entry hr{ border:0!important; height:5px; width:5px; background:{color:accent}; display:block; margin:2em auto; } .postnots{ font-size:83.3%; } .postnots li{ display:block; padding:10px; background:rgba({RGBcolor:accent},.1); list-style-type:none; margin:1px 0; padding-left:40px; position:relative; } .postnots li:before{ display:none; } .postnots li a.avatar_frame{ width:15px; height:15px; position:absolute; left:10px; padding:3px; border:1px {color:accent} solid; background:{color:post bg}; } .postnots a.source_tumblelog{ border:0; } .postnots a.tumblelog, li.like a{ font-style:italic; } .postnots blockquote, .postnots div.clear{ display:inline!important; } .postnots span.action + div.clear:before{ content:' '; } aside{ position:relative; -webkit-transform:translateZ(0); transform:translateZ(0); z-index:100; } .desc{ margin:1em 0; } .desc.bar, .desc.sbar{ display:none!important; } .desc.pop{ } .desc.head{ font-size:75%; line-height:150%; } aside.bar{ background:{color:post bg}; padding:15px; width:calc(100% - 30px); position:fixed; left:0; } aside.bar.top{ top:0; border-bottom:1px {color:post border} solid; } aside.bar.bot{ bottom:0; border-top:1px {color:post border} solid; } aside.bar header{ display:inline-block; font-size:; letter-spacing:3px; margin-right:1em; } aside.bar nav{ display:inline-block; font-size:{block:ifCapitalizeNavLinks}56.25{/block:ifCapitalizeNavLinks}{block:ifNotCapitalizeNavLinks}62.5{/block:ifNotCapitalizeNavLinks}%; letter-spacing:{block:ifCapitalizeNavLinks}1{/block:ifCapitalizeNavLinks}{block:ifNotCapitalizeNavLinks}0{/block:ifNotCapitalizeNavLinks}px; position:relative; top:-1px; } aside.bar nav a{ margin:0 1em; padding-bottom:1px; display:inline-block; } h1{ font-size:133.3%; } h2{ font-size:116.7%; } h1, h2{ margin:.5em 0; } h1:first-child, h2:first-child{ margin-top:0; } h1:last-child, h2:last-child{ margin-bottom:0; } h1:only-child, h2:only-child{ margin:0; } a.linkpost{ display:block; color:{color:text}; border:0; background:rgba({RGBcolor:accent},.1); } a.linkpost:hover{ background:{color:post bg}; } .audiopl{ border-bottom:1px {color:post border} solid; padding:10px 10px 5px 10px; position:relative; } .audiopl > div{ display:inline-block; width:27px; overflow:hidden; -webkit-transform:scale(.7); transform:scale(.7); } .audiopl:after{ font-size:83.33%; letter-spacing:1px; left:45px; content:'Listen'; top:15px; position:absolute; } .audiodata{ padding-top:10px; } aside.sbar{ position:fixed; top:{block:IndexPage}calc({text:post margin} / 2){/block:IndexPage}{block:PermalinkPage}{text:post margin}{/block:PermalinkPage}; width:170px; border:1px {color:post border} solid; background:{color:post bg}; } aside.sbar.sinister{ left:30px; {block:PermalinkPage} left:0; right:770px; margin:auto; {/block:PermalinkPage} } aside.sbar.dexter{ right:30px; {block:PermalinkPage} right:0; left:770px; margin:auto; {/block:PermalinkPage} } aside.sbar header{ padding:10px; border-bottom:1px {color:post border} solid; position:relative; letter-spacing:2px; font-size:87.5%; } {block:ifSidebarImage} aside.sbar header:before{ width:calc(100% + 20px); position:relative; left:-10px; top:-10px; margin-bottom:2px; height:100px; background:url('{PortraitURL-128}') no-repeat center center; background-size:cover; display:block; content:''; } aside.sbar header:after{ width:100%; position:absolute; top:0; left:0; height:100px; background:url('{image:sidebar img}') no-repeat center center; background-size:cover; display:block; content:''; } {/block:ifSidebarImage} aside.sbar nav{ counter-reset:navlink; font-size:{block:ifCapitalizeNavLinks}56.25{/block:ifCapitalizeNavLinks}{block:ifNotCapitalizeNavLinks}69{/block:ifNotCapitalizeNavLinks}%; letter-spacing:{block:ifCapitalizeNavLinks}1{/block:ifCapitalizeNavLinks}{block:ifNotCapitalizeNavLinks}0{/block:ifNotCapitalizeNavLinks}px; } aside.sbar nav a{ display:block; padding:10px 10px 10px 15px; border-bottom:1px {color:post border} solid; } aside.sbar nav a:before{ counter-increment:navlink; content:counter(navlink, decimal-leading-zero) ".\a0"; position:relative; font-size:9px; left:-5px; } aside.sbar nav a:last-child{ border:0; } aside.head{ position:relative; text-align:center; margin:{text:post margin} auto; } aside.head header:after{ margin:0 auto 1em auto; width:44px; height:44px; background:url('{PortraitURL-96}') no-repeat center center; background-size:cover; content:''; display:block; border-radius:100%; position:absolute; top:4px; left:0; right:0; } aside.head header:before{ margin:0 auto 1em auto; width:50px; border:1px {color:accent} solid; background:{color:post bg}; height:50px; background-size:cover; content:''; display:block; border-radius:100%; } aside.head header{ font-size:150%; letter-spacing:4px; margin:1em 0; } aside.head nav{ margin:1em 0; font-size:{block:ifCapitalizeNavLinks}62.5{/block:ifCapitalizeNavLinks}{block:ifNotCapitalizeNavLinks}75{/block:ifNotCapitalizeNavLinks}%; letter-spacing:{block:ifCapitalizeNavLinks}1{/block:ifCapitalizeNavLinks}{block:ifNotCapitalizeNavLinks}0{/block:ifNotCapitalizeNavLinks}px; } aside.head nav a{ margin:0 1em; display:inline-block; padding-bottom:1px; } aside.head .desc{ margin:0 0 2em 0; } aside.pop{ background:rgba({RGBcolor:accent},.4); width:100%; height:100%; position:fixed; left:0; top:0; display:none; } aside.pop > div{ width:100%; height:100%; display:table; vertical-align:middle; } aside.pop > div > div{ width:100%; height:100%; display:table-cell; vertical-align:middle; } aside.pop > div > div > div{ margin:auto; width:350px; max-height:50%; background:{color:post bg}; padding:15px; border-radius:2px; box-shadow:0 1px 1px {color:accent}; } aside.pop header{ letter-spacing:4px; position:relative; padding-left:35px; padding-bottom:15px; } aside.pop header:before{ width:26px; border-radius:2px; height:26px; background:url('{PortraitURL-96}') no-repeat center center; background-size:cover; position:absolute; content:''; top:0; display:block; left:0; } aside.pop .desc{ font-size:75%; padding:1.5em 0; border:1px {color:post border} solid; border-left:0; border-right:0; } aside.pop nav{ counter-reset:navlink; font-size:{block:ifCapitalizeNavLinks}69{/block:ifCapitalizeNavLinks}{block:ifNotCapitalizeNavLinks}75{/block:ifNotCapitalizeNavLinks}%; letter-spacing:{block:ifCapitalizeNavLinks}1{/block:ifCapitalizeNavLinks}{block:ifNotCapitalizeNavLinks}0{/block:ifNotCapitalizeNavLinks}px; } aside.pop nav a{ display:inline-block; vertical-align:bottom; width:calc(48% - 20px); margin-right:1%; padding:10px; border-bottom:1px {color:post border} solid; } aside.pop nav a:hover{ border-bottom:1px {color:accent} solid; } aside.pop nav a:before{ counter-increment:navlink; content:counter(navlink, decimal-leading-zero) ".\a0"; font-size:10px; position:relative; left:-5px; } .popper{ top:25px; left:25px; position:fixed; z-index:900; padding:8px 10px; cursor:pointer; border:1px {color:post border} solid; background:{color:post bg}; } .popper hr{ height:1px; margin:4px auto; width:16px; border:0!important; background:{color:accent}; } .popper.pop{ display:block!important; } .popper.head, .popper.bar, .popper.sbar{ display:none; } .popper.active{ background:{color:accent}; border:1px {color:accent} solid; } .popper.active hr{ background:{color:post bg}; } .paging{ margin:{text:post margin} auto; text-align:center; font-size:56.25%; } .paging a, span.current{ padding:7px 10px; line-height:100%; display:inline-block; margin:0 5px; border:1px {color:post border} solid; background:{color:post bg}; } #infscr-loading, .paging.inf{ display:none!important; } span.current{ background:{color:accent}; border:1px {color:accent} solid; color:{color:post bg}; } a.more{ padding:10px; width:10px; height:10px; position:relative; display:inline-block; margin:0 5px; border:1px {color:post border} solid; background:{color:post bg}; } a.more.top:before{ height:1px; width:7px; background:{color:text}; content:''; position:absolute; top:15px; left:9px; transition:.4s; -webkit-transition:.4s; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); } a.more.top:after{ height:1px; width:7px; background:{color:text}; content:''; position:absolute; top:15px; right:9px; transition:.4s; -webkit-transition:.4s; -webkit-transform:rotate(45deg); transform:rotate(45deg); } a.more.bot:before{ height:1px; width:7px; background:{color:text}; content:''; position:absolute; top:16px; left:9px; transition:.4s; -webkit-transition:.4s; -webkit-transform:rotate(45deg); transform:rotate(45deg); } a.more.bot:after{ height:1px; width:7px; background:{color:text}; content:''; position:absolute; top:16px; right:9px; transition:.4s; -webkit-transition:.4s; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); } .warning{ font-size:11px; position:absolute; left:0; right:0; margin:auto; margin-top:10px; display:none; } {block:IndexPage} @-webkit-keyframes fade{ from{opacity:0;} to{opacity:1;} } @keyframes fade{ from{opacity:0;} to{opacity:1;} } .cont.whole{ opacity:0; -webkit-animation:fade .8s both; animation:fade .8s both; } .cont.each .entry{ opacity:0; -webkit-animation:fade .6s both; animation:fade .6s both; } .cont.each .entry:nth-child(1n){ -webkit-animation:fade .6s .6s both; animation:fade .6s .6s both; } .cont.each .entry:nth-child(2n){ -webkit-animation:fade .6s .4s both; animation:fade .6s .4s both; } .cont.each .entry:nth-child(3n){ -webkit-animation:fade .6s .8s both; animation:fade .6s .8s both; } .cont.each .entry:nth-child(4n){ -webkit-animation:fade .6s 1s both; animation:fade .6s 1s both; } .cont.each .entry:nth-child(5n){ -webkit-animation:fade .6s 1.4s both; animation:fade .6s 1.4s both; } .cont.each .entry:nth-child(6n){ -webkit-animation:fade .6s 1.2s both; animation:fade .6s 1.2s both; } .cont.each .entry:nth-child(7n){ -webkit-animation:fade .6s 1.6s both; animation:fade .6s 1.6s both; } .cont.each .entry:nth-child(8n){ -webkit-animation:fade .6s 2s both; animation:fade .6s 2s both; } .cont.each .entry:nth-child(9n){ -webkit-animation:fade .6s 1.8s both; animation:fade .6s 1.8s both; } .cont.each .entry:nth-child(10n){ -webkit-animation:fade .6s 2.4s both; animation:fade .6s 2.4s both; } .cont.each .entry:nth-child(11n){ -webkit-animation:fade .6s 2.2s both; animation:fade .6s 2.2s both; } .cont.each .entry:nth-child(12n){ -webkit-animation:fade .6s 2.6s both; animation:fade .6s 2.6s both; } .cont.each .entry:nth-child(13n){ -webkit-animation:fade .6s 2.8s both; animation:fade .6s 2.8s both; } .cont.each .entry:nth-child(14n){ -webkit-animation:fade .6s 3.2s both; animation:fade .6s 3.2s both; } .cont.each .entry:nth-child(15n){ -webkit-animation:fade .6s 3s both; animation:fade .6s 3s both; } {/block:IndexPage} #vignette, .vignette{ opacity:0!important; } #tumblr_lightbox, .tmblr-lightbox{ background-color:rgba({RGBcolor:bg},.95)!important; } #tumblr_lightbox a img, .tmblr-lightbox .lightbox-image{ box-shadow:0 1px 1px {color:accent}!important; padding:4px; border:1px {color:accent} solid!important; background:{color:post bg}!important; border-radius:0!important; } .entry.mobi, aside.mobi{ display:none; } .cap{ text-transform:uppercase;}.lo{ text-transform:lowercase;}.neut{ text-transform:none; font-weight:400; font-style:normal;}.bold{ font-weight:bold; font-weight:700;}.it{ font-style:italic;}.font{ font-family:'Montserrat', sans-serif;}.accent{ color:{color:accent};}.cre{ position:fixed; z-index:909090; bottom:15px; right:15px; font-family:'Arial', 'Helvetica', sans-serif; border-radius:100%; font-size:10px; text-align:center; cursor:pointer;}.cre div{ display:inline-block; position:relative; width:10px; height:10px; border-radius:100%; border:1px #444 solid;}.cre div:before{ content:'◡'; position:absolute; font-size:8px; left:3px; right:0; margin:auto; top:2px; top:calc(50% - 3px); }.cre:hover div:before{ content:'•'; top:2px; top:calc(50% - 3px);}.cre li{ list-style-type:none; text-align:center; display:block; margin:0!important; padding:0!important; position:relative; left:1px; top:-6px; opacity:0;}.cre:hover li{ opacity:1; transition:0s .3s; -webkit-transition:0s .3s;}.blurb{ font-family:'Consolas', 'Courier New', monospace; font-size:9px; position:relative; top:3px;}.blurb:before{ height:8px; display:block; content:'';}.cre:hover .blurb{ transition:0s .6s; -webkit-transition:0s .6s;}@media(max-width:1000px) and (min-width:0px){ aside.bar, aside.sbar, aside.pop, aside.head, aside header:before, aside header:after{ display:none!important; } aside.mobi{ display:block!important; background:{color:post bg}; width:calc(100% - 40px); top:0!important; left:0!important; z-index:100; padding:20px; border-width:1px 0 1px 0; border-color:{color:post border}; border-style:solid; text-align:center; margin-top:10%; } aside.mobi header{ font-size:150%; letter-spacing:4px; margin:1em 0; line-height:120%; } aside.mobi nav{ margin:.5em 0; font-size:{block:ifCapitalizeNavLinks}62.5{/block:ifCapitalizeNavLinks}{block:ifNotCapitalizeNavLinks}75{/block:ifNotCapitalizeNavLinks}%; letter-spacing:{block:ifCapitalizeNavLinks}1{/block:ifCapitalizeNavLinks}{block:ifNotCapitalizeNavLinks}0{/block:ifNotCapitalizeNavLinks}px; } aside.mobi nav a{ margin:1em; display:inline-block; padding-bottom:1px; } .entry{ width:500px!important; max-width:calc(95% - 10px)!important; margin:10% auto!important;} .post_data{ display:none; } .entry.mobi{ display:block!important; margin-top:calc(-10% + 4px)!important; font-size:12px; } .entry.mobi a{ border:0!important; } .holder.mobi{margin:0 auto; padding:0!important; max-width:100%;} .holder.bar.top.mobi{top:0!important;position:relative!important;} .popper.mobi{ display:none!important; }}@media(max-width:400px) and (min-width:0px){ aside.mobi header{ font-size:16px; }}@media(min-width:0px) and (max-width:1025px){ .cre .blurb, .cre li{ opacity:1; } .cre div:before, .cre:hover div:before{ content:'•'!important; left:3px; top:0px;}}</style></head><body>
  32. <aside class="{select:style} cap"> <header class="bold"> {Title} </header> {block:Description} <div class="desc neut {select:style}"> {Description} </div> {/block:Description} <nav class="{block:ifNotCapitalizeNavLinks}neut{/block:ifNotCapitalizeNavLinks}"> {block:ifLink1} <a href="{text:URL 1}">{text:Link 1}</a> {/block:ifLink1} {block:ifLink2} <a href="{text:URL 2}">{text:Link 2}</a> {/block:ifLink2} {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} {block:ifLink5} <a href="{text:URL 5}">{text:Link 5}</a> {/block:ifLink5} </nav></aside><aside class="mobi cap"> <header class="bold"> {Title} </header> <nav class="{block:ifNotCapitalizeNavLinks}neut{/block:ifNotCapitalizeNavLinks}"> {block:ifLink1} <a href="{text:URL 1}">{text:Link 1}</a> {/block:ifLink1} {block:ifLink2} <a href="{text:URL 2}">{text:Link 2}</a> {/block:ifLink2} {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} {block:ifLink5} <a href="{text:URL 5}">{text:Link 5}</a> {/block:ifLink5} </nav> </aside><section class="holder {select:style} mobi"> <section class="cont"> {block:Posts} <article class="entry"> {block:Photo} <div class="photo"> {LinkOpenTag} <img src="{PhotoURL-500}" /> {LinkCloseTag} </div> {/block:Photo} {block:Photoset} {block:IndexPage} {block:ifNotExpandPhotosets} {block:Photos} <div class="photoset"> <img src="{PhotoURL-500}" /> </div> <div class="photoset_indicator"> <span></span><span></span> <br><span></span><span></span> </div> {/block:Photos} {/block:ifNotExpandPhotosets} {block:ifExpandPhotosets} <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 src="{PhotoURL-HighRes}" width="{PhotoWidth-HighRes}" height="auto" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="auto"> </a> </div> </div> {/block:Photos} </div> {/block:ifExpandPhotosets} {/block:IndexPage} {block:PermalinkPage} <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 src="{PhotoURL-HighRes}" width="{PhotoWidth-HighRes}" height="auto" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="auto"> </a> </div> </div> {/block:Photos} </div> {/block:PermalinkPage} {/block:Photoset} {block:Audio} {block:AudioPlayer} <div class="audiopl cap"> <div> {AudioPlayerWhite} </div> </div> {/block:AudioPlayer} <div class="audiodata textarea"> {block:TrackName}<b>{TrackName}</b>{/block:TrackName} <div></div> {block:Artist}<small><i>{Artist}</i></small>{/block:Artist} </div> {/block:Audio} {block:Text} <div class="textarea"> {block:Title}<h1 class="it">{Title}</h1>{/block:Title} {Body} </div> {/block:Text} {block:Link} <a class="textarea linkpost" href="{URL}"> <h2 class="bold">{Name}</h2> {block:Host}<small>{Host}</small>{/block:Host} </a> {block:PermalinkPage} {block:Description} {Description} {/block:Description} {/block:PermalinkPage} {/block:Link} {block:Answer} <div class="que textarea"> <span class="cap bold">{Asker}</span> said: <i>{Question}</i> </div> {block:PermalinkPage} <div class="ans textarea"> {Answer} </div> {/block:PermalinkPage} {/block:Answer} {block:Chat} {block:Title} <h1 class="textarea">{Title}</h1> {/block:Title} {block:Lines} <div class="textarea chat"> {block:Label} <span class="cap bold accent">{Label}</span> {/block:Label}{Line} </div> {/block:Lines} {/block:Chat} {block:Quote} <div class="textarea"> <h1 class="quot it">{Quote}</h1> {block:PermalinkPage} {block:Source} <div class="quotsrc"> {Source} </div> {/block:Source} </div> {/block:PermalinkPage} {/block:Quote} {block:Video} <div class="video"> {Video-500} </div> {/block:Video} {block:IndexPage} {block:Date} <div class="post_data"> <div> <div> <div class="timestamp"> {DayofMonthwithZero} . {MonthNumberwithZero} . {ShortYear} </div> <a class="permalink" href="{Permalink}"></a> <div class="note_tag"> {block:NoteCount} <span>{FormattedNoteCount}</span> {/block:NoteCount} <span class="divider"></span> {block:HasTags} {block:Tags}#<a href="{TagURL}">{Tag}</a>&nbsp; {/block:Tags} {/block:HasTags} </div> </div> </div> </div> {/block:Date} {/block:IndexPage} </article> {block:IndexPage} {block:Date} <article class="entry mobi cap bold"> <div class="textarea"> <a href="{Permalink}">{ShortDayofWeek}, {ShortMonth} {DayofMonth} {Year} @ {24HourwithZero}:{Minutes} {block:NoteCount}<small>&nbsp; with {NoteCountwithLabel}</small>{/block:NoteCount}</a> </div> </article> {/block:Date} {/block:IndexPage} {block:PermalinkPage} {block:Caption} <article class="entry"> <div class="textarea"> {Caption} </div> </article> {/block:Caption} {/block:PermalinkPage} {block:PermalinkPage} {block:Date} <article class="entry"{block:Pages} style="display:none"{/block:Pages}> <div class="textarea"> <div class="cap bold">{DayofWeek}, {Month} {DayofMonthwithZero} {Year} <span class="neut">({TimeAgo})</span></div> {block:RebloggedFrom} Reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a> & originally posted by <a href="{ReblogRootURL}">{ReblogRootName}</a> {/block:RebloggedFrom} {block:NotReblog} Original post by <b><i>{Name}</i></b> {/block:NotReblog} {block:HasTags} <div> <span class="bold">Tagged:</span> {block:Tags}#<a href="{TagURL}">{Tag} </a>{/block:Tags} </div> {/block:HasTags} {block:ContentSource} <div class="it"><b>Source:</b> <a href="{SourceURL}">{SourceTitle}</a></div> {/block:ContentSource} </div> </article> {/block:Date} {/block:PermalinkPage} {block:PostNotes} <article class="entry cap"> {block:NoteCount} <h1 class="textarea neut">{NoteCountwithLabel}</h1> {/block:NoteCount} <div class="postnots"> {PostNotes-64} </div> </article> {/block:PostNotes} {/block:Posts} </section> {block:Pagination} <section class="paging{block:ifInfiniteScrolling} inf{/block:ifInfiniteScrolling} cap"> {block:PreviousPage} <a href="{PreviousPage}">Prev</a> {/block:PreviousPage} {block:JumpPagination length="7"} {block:JumpPage} <a href="{URL}">{PageNumber}</a> {/block:JumpPage} {block:CurrentPage} <span class="current"> {PageNumber} </span> {/block:CurrentPage} {/block:JumpPagination} {block:NextPage} <a href="{NextPage}" id="next">Next</a> {/block:NextPage} </section> {/block:Pagination} {block:ifInfiniteScrolling} {block:ifManualLoad} <section class="paging"> <a class="more top" href="#"></a> {block:IndexPage} <a class="more bot" href="#"></a> {/block:IndexPage} <div class="warning it"> Hey, it's over! </div> </section> {/block:ifManualLoad} {/block:ifInfiniteScrolling}</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}<script src="http://static.tumblr.com/wb7siqo/UlHnculzn/imagesloaded.js"></script>{block:ifInfiniteScrolling}<script src="http://static.tumblr.com/wb7siqo/XYlnbpb15/infs.js"></script>{/block:ifInfiniteScrolling}{/block:IndexPage}<script type="text/javascript">$(document).ready(function(){ {block:IndexPage} $('.cont').css({'opacity':0}); {/block:IndexPage} $('.photo-slideshow').pxuPhotoset({ lightbox: true, rounded: false, gutter: '1px', photoset: '.photo-slideshow', photoWrap: '.photo-data', photo: '.pxu-photo' }); $('body').prepend('<div class="popper mobi {select:style}"><hr><hr><hr></div>'); $('aside.pop').wrapInner('<div><div><div></div></div></div>'); $('.popper.pop').click(function(){ $('aside.pop').fadeToggle(200); $(this).toggleClass('active'); }); $('.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); }); $('a.more.top').click(function(){ $('body,html').animate({scrollTop: 0}, 1000); return false }); $('.cre').click(function(){ window.open('http://iliyon.tumblr.com', '_blank'); });});{block:IndexPage}$(window).load(function(){ var main = $('.cont'); main.imagesLoaded(function(){ main.addClass('{select:easing}'); main.css({'opacity':1}); });{block:ifInfiniteScrolling} $('.cont').infinitescroll({ navSelector : '.paging.inf',nextSelector : 'a#next',itemSelector : '.entry',bufferPx : 0, errorCallback: function () { jQuery('a.more.bot').delay(200).fadeOut(); $('.warning').fadeIn(300).delay(1000).fadeOut(300); },},function( newElements ) { var $newElems = $( newElements ); $newElems.css({'opacity':0, 'z-index': -1}); {block:ifExpandPhotosets} $newElems.find('.photo-slideshow').pxuPhotoset({ lightbox: true, rounded: false, gutter: '1px', photoset: '.photo-slideshow', photoWrap: '.photo-data', photo: '.pxu-photo' }); {/block:ifExpandPhotosets} $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, 'z-index':1},250); }); {block:ifManualLoad} jQuery(window).unbind('.infscr'); jQuery('a.more.bot').click(function(){ jQuery('.cont').infinitescroll('retrieve'); return false; }); {/block:ifManualLoad}{/block:ifInfiniteScrolling}});{/block:IndexPage}</script></body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement