Advertisement
csloani

14 | FLOAT NANO

Jan 18th, 2015
8,804
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 19.31 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. <!--------------------- // T H E M E F L O A T --------------------/
  5.  
  6.  
  7.  
  8. http://iliyon.tumblr.com/
  9.  
  10.  
  11.  
  12. Do not remove or alter credit in any way. Do not take any parts of this
  13. code and claim as your own. Do not use as base.
  14.  
  15.  
  16.  
  17. ------------------------------------------------------------------------->
  18. <head><link href='https://fonts.googleapis.com/css?family={select:Font}:300,300italic,400,400italic,700,700italic,900' rel='stylesheet' type='text/css'><link href='http://static.tumblr.com/wb7siqo/Omqnia97g/cssnormalize.css' rel='stylesheet' type='text/css'><link href='http://static.tumblr.com/wb7siqo/5ZHnl77zp/pxu.css' rel='stylesheet' type='text/css'><title>{Title}{block:PostSummary} | {PostSummary}{/block:PostSummary}</title><link rel="shortcut icon" href="{Favicon}">
  19. <meta name="image:Background Image" content="http://static.tumblr.com/wb7siqo/bwgnerfra/transp.png" />
  20. <meta name="color:Background" content="#ffffff" />
  21. <meta name="color:Text" content="#444444" />
  22. <meta name="color:Link" content="#999999" />
  23. <meta name="color:Link Hover" content="#444444" />
  24. <meta name="color:Accent" content="#dddddd" />
  25. <meta name="color:Box Shadow" content="#eeeeee" />
  26. <meta name="color:Post Background" content="#ffffff" />
  27. <meta name="color:Blog Title" content="#444444" />
  28. <meta name="color:Blog Title Text Shadow" content="#cccccc" />
  29. <meta name="color:Tag Link" content="#cccccc" />
  30. <meta name="color:Scrollbar" content="#444444" />
  31. <meta name="color:Scrollbar Track" content="#cccccc" />
  32. <meta name="select:Post Width" content="min" title="250" /><meta name="select:Post Width" content="mid" title="300" /><meta name="select:Post Width" content="med" title="400" /><meta name="select:Post Width" content="max" title="500" /><meta name="select:Font" content="Lato" title="Lato" /><meta name="select:Font" content="Exo" title="Exo" /><meta name="select:Font" content="Open Sans" title="Open Sans" /><meta name="select:Font" content="Raleway" title="Raleway" /><meta name="select:Font" content="Roboto" title="Roboto" /><meta name="select:Font" content="Source Sans Pro" title="Source Sans Pro" /><meta name="select:Font" content="Titillium Web" title="Titillium Web" />
  33. <meta name="if:2 Column 250" content="0" />
  34. <meta name="if:Round Borders" content="0" />
  35. <meta name="if:Captions" content="1" />
  36. <meta name="if:Tags" content="1" />
  37. <meta name="if:Transparent Post" content="0" />
  38. <meta name="if:Repeat Background" content="0" />
  39. <meta name="if:Cover Background" content="1" />
  40. <meta name="if:Fixed Background" content="1" />
  41. <meta name="if:No Box Shadow" content="0" />
  42. <meta name="if:No Border" content="0" />
  43. <meta name="text:Post Transparency" content="80" />
  44. <meta name="text:Link 1" content="link 1" />
  45. <meta name="text:Link 1 URL" content="/" />
  46. <meta name="text:Link 2" content="link 2" />
  47. <meta name="text:Link 2 URL" content="/" />
  48. <meta name="text:Link 3" content="link 3" />
  49. <meta name="text:Link 3 URL" content="/" />
  50. <meta name="text:Link 4" content="link 4" />
  51. <meta name="text:Link 4 URL" content="/" />
  52. <style type="text/css">
  53. body{font-family:{select:Font};font-size:1em;color:{color:Text};margin:0px;background-color:{color:Background};{block:ifCoverBackground}background-size:cover;{/block:ifCoverBackground}{block:ifFixedBackground}background-attachment:fixed;{/block:ifFixedBackground}{block:ifNotRepeatBackground}background-repeat:no-repeat;{/block:ifNotRepeatBackground}background-image:url('{image:Background Image}');-webkit-font-smoothing: antialiased;}iframe#tumblr_controls { white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); opacity:1; position:fixed;top:10px;right:15px;}::-webkit-scrollbar-thumb { background-color: {color:Scrollbar}; border-left: 1px solid {color:Background}; border-right: 1px solid {color:Background}; }::-webkit-scrollbar { height: 5px; width: 5px; }::-webkit-scrollbar-track { background-color:{color:Scrollbar Track}; -moz-box-shadow: inset 0 0 0 2px {color:Background}; -webkit-box-shadow: inset 0 0 0 2px {color:Background}; box-shadow: inset 0 0 0px 2px {color:Background}; }#s-m-t-tooltip{z-index: 9999;background:{color:Accent};color:{color:Text};margin:20px;padding:5px;font-size:9px;text-transform:uppercase;}a{-webkit-transition:0.4s;-moz-transition:0.4s;-ms-transition:0.4s;-o-transition:0.4s;transition:0.4s;color:{color:Link};text-decoration:none;}a:hover{color:{color:Link Hover};-webkit-transition:0.4s;-moz-transition:0.4s;-ms-transition:0.4s;-o-transition:0.4s;transition:0.4s;}i, em{font-style:italic;} b, strong{font-weight:700;} small{font-size:90%;} big{font-size:110%;} u{text-decoration:none; border-bottom:1px {color:Text} solid; padding-bottom:1px;} sup{font-size:80%; vertical-align:super;} sub{font-size:80%; vertical-align:sub;} p{margin:1em 0em;} p:first-of-type{margin-top:0em;} p:last-child{margin-bottom:0em;} ul li{list-style-type:disc; margin-left:2em;} ol li{list-style-type:decimal; margin-left:2em;} li{margin:10px 0px;} h1{font-weight:700; font-size:110%; line-height:125%;} blockquote{max-width:100%;margin:5px;padding-left:7px;border-left:1px solid {color:Text};}.sidebar{position:fixed;bottom:100px;left:100px;width:160px;}.bloghead{font-size:2.5em;font-weight:900;text-transform:uppercase;text-shadow:4px 2px 0px {color:Blog Title Text Shadow};position:relative;line-height:100%;border-left:1px {color:Accent} solid;padding-left:8px;color:{color:Blog Title};} .links{ margin:5px 0px; line-height:17px; position:absolute; top:-1.5px; left:-43px; font-size:1rem; } .links a{ display:inline-block; background:{color:Post Background}; border:1px {color:Accent} solid; box-shadow:1px 2px {color:Box Shadow}; margin:1px; text-align:center; text-transform:uppercase; width:12px; height:12px; box-sizing:border-box; } .links a:hover{ box-shadow:2px 3px 0px transparent; background:{color:Accent}; } .top_of{ position:absolute; right:-35px; text-shadow:none; border:1px {color:Accent} solid; background:{color:Post Background}; font-size:7px; width:20px; height:20px; overflow:hidden; bottom:-44px; font-weight:700; box-shadow:3px 3px 0px {color:Box Shadow}; cursor:pointer; display:none; -webkit-transition:0.4s; -moz-transition:0.4s; -ms-transition:0.4s; -o-transition:0.4s; transition:0.4s; } .top_of:hover{ background:{color:Accent}; box-shadow:3px 3px 0px transparent; -webkit-transition:0.4s; -moz-transition:0.4s; -ms-transition:0.4s; -o-transition:0.4s; transition:0.4s; } .top_of span{ line-height:15px; position:relative; top:3px; left:7px; -webkit-animation:roll .75s ease-in-out infinite; -moz-animation:roll .75s ease-in-out infinite; -ms-animation:roll .75s ease-in-out infinite; -o-animation:roll .75s ease-in-out infinite; animation:roll .75s ease-in-out infinite; -webkit-animation-delay:1.5s; -moz-animation-delay:1.5s; -ms-animation-delay:1.5s; -o-animation-delay:1.5s; animation-delay:1.5s; -webkit-animation-fill-mode:forwards; -moz-animation-fill-mode:forwards; -ms-animation-fill-mode:forwards; -o-animation-fill-mode:forwards; animation-fill-mode:forwards; } @keyframes roll{ from{top:3px;} 50%{top:1px;} to{top:2px;} } @-moz-keyframes roll{ from{top:3px;} 50%{top:1px;} to{top:2px;} } @-ms-keyframes roll{ from{top:3px;} 50%{top:1px;} to{top:2px;} } @-o-keyframes roll{ from{top:3px;} 50%{top:1px;} to{top:2px;} } @-webkit-keyframes roll{ from{top:3px;} 50%{top:1px;} to{top:2px;} }.desc{border:1px {color:Accent} solid;padding:10px;background:{color:Post Background};box-shadow:5px 4px 0px {color:Box Shadow};font-size:.6em;margin-top:10px;}.reglink{margin:5px 0px;font-size:.45em;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-left:8px;}.reglink a{margin:0px 4px; border-bottom:1px solid transparent;padding-bottom:4px;}.reglink a:hover{border-bottom:1px {color:Link} solid;}.nav{margin-top:15px;box-shadow:5px 4px 0px {color:Box Shadow};border:1px {color:Accent} solid;padding:10px;background:{color:Post Background};font-size:.5em;} .nav a{ font-weight:700; margin:0px 5px; padding:2px; } .nav span{ border-bottom:1px {color:Text} solid; margin:0px 5px; padding:2px; } {block:ifRoundBorders}.desc, .nav, .post, .links a, .top_of{ border-radius:3px; }{/block:ifRoundBorders}.holder{width:{block:PermalinkPage}530px{/block:PermalinkPage};position:absolute;left:0px; right:0px;margin:auto;}.entry{margin:100px auto;font-size:.6em;} .post{ width:{block:IndexPage}400px{/block:IndexPage}{block:PermalinkPage}500px{/block:PermalinkPage}; padding:15px; margin-bottom:12px; border:1px {color:Accent} solid; box-shadow:6px 5px {color:Box Shadow}; background:{color:Post Background}; line-height:165%; } .title{ font-weight:700; font-size:2.25em; margin-bottom:10px; } .post img{height:auto; max-width:100%;} .quot{ font-weight:300; font-size:2em; line-height:130%; } .que{ font-style:italic; padding:15px; background:{color:Accent}; font-size:1.1em; margin-bottom:7px; } .asker{ font-weight:700; margin-bottom:2px; text-transform:uppercase; font-size:1.25em; letter-spacing:2px; font-style:normal; } .asker a{ font-size:1em; color:{color:Text}; } .asker a:hover{color:{color:Link};} img.asker{ width:30px; border-radius:30px; margin:0px 5px 2px 0px; float:left; } a.link{ background:{color:Accent}; padding:10px; color:{color:Text}; display:block; font-size:2em; font-weight:300; word-wrap:break-word; } a.link:hover{ color:{color:Post Background}; background:rgba({RGBColor:Text},.5); } a.link > article{ font-family:consolas; font-size:.5em; margin-top:4px; letter-spacing:1px; } .chat{ font-family:consolas; } .chat li{ list-style-type:none; padding:5px; } .chat li:nth-child(odd){ background:{color:Accent}; display:block; margin-bottom:5px; } .audiodata{margin-top:12px;padding:15px 0px;} .audiodata div{ text-align:center; margin:3px 0px; } .audiodata div > big{ font-weight:700; font-size:140%; } .audiopl{ box-shadow:3px 3px 0px {color:Box Shadow}; width:27px; height:27px; border:5px #fff solid; border-radius:37px; margin:auto; overflow:hidden; }.video{position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden; }.video iframe, .video object, .video embed {position:absolute;top:0;left:0;width:100%;height:100%;} .caption{ padding:15px; background:{color:Accent}; margin:5px 0px; } .timestamp{ box-shadow:5px 5px {color:Box Shadow}; padding:10px; width:{block:IndexPage}410px{/block:IndexPage}{block:PermalinkPage}510px{/block:PermalinkPage}; font-size:.9em; letter-spacing:1px; } a.date, span.date{ font-weight:900; letter-spacing:2px; color:{color:Link Hover}; } a.date:hover{color:{color:Link};} a.tags{margin-right:5px;color:{color:Tag Link};} a.tags:hover{color:{color:Link Hover};} ol.notes{padding:0px;} .postnots{ max-height:250px; overflow:auto; } .postnots li{ list-style-type:none; padding:7px; background:{color:Accent}; margin:10px 0px; } .postnots img{display:none;}#tumblr_lightbox{background:transparent!important;}#tumblr_lightbox > div:nth-child(2){background:rgba({RGBcolor:Accent},.{text:Post Transparency});} #tumblr_lightbox a img{box-shadow:0px 0px 3px rgba({RGBcolor:Text},.5)!important;border-radius:0!important;} /*------------extra classes---------------*/ {block:IndexPage}.post_min{width:250px;} .timestamp_min{width:260px;} .post_mid{width:300px;} .timestamp_mid{width:310px;} .post_med{width:400px;} .timestamp_med{width:410px;} .post_max{width:500px;} .timestamp_max{width:510px;} .holder_min{width:280px;{block:if2Column250}top:75px;width:660px;{/block:if2Column250}} .holder_mid{width:330px;} .holder_med{width:430px;}.holder_max{width:530px;} .entry_min{width:280px;{block:if2Column250}margin:25px;{/block:if2Column250}} {/block:IndexPage} /*-----------------if's--------------------*/ {block:ifTransparentPost} .post, .desc, .nav, .links a, .top_of{ background:rgba({RGBColor:Post Background},.{text:Post Transparency});}{/block:ifTransparentPost} {block:ifNoBorder}.post, .timestamp, .desc, .nav, .top_of{border:none;}{/block:ifNoBorder}{block:ifNoBoxShadow}.post, .timestamp, .links a, .nav, .desc, .top_of{box-shadow:none;}{/block:ifNoBoxShadow} /*-----------------pages------------------*/ .tagpage{ font-weight:300; font-size:1em; {block:ifNot2Column250}margin-bottom:-50px;{/block:ifNot2Column250} } .tagpage span{ border-bottom:1px {color:Accent} solid; padding-bottom:3px; } .tagpage small{ font-size:.65em; font-weight:400; font-style:italic; vertical-align:baseline; }.cr{font-family:arial;letter-spacing:2px;font-size:8px;padding:3px;width:10px;line-height:10px;height:10px;border:1px #ccc solid;position:fixed;right:17px;bottom:17px;overflow:hidden;background:#fbfbfb;-webkit-transition:0.5s;-moz-transition:0.5s;-ms-transition:0.5s;-o-transition:0.5s;transition:0.5s;text-transform:uppercase;font-weight:400;color:#444;z-index:99999;}.cr:hover{background:#444;border:1px #444 solid;color:#eee;width:52px;-webkit-transition:0.5s;-moz-transition:0.5s;-ms-transition:0.5s;-o-transition:0.5s;transition:0.5s;}.cr:before{content:'\d7';font-size:14px;font-weight:100;margin:0px 3px 0px 1px;vertical-align:middle;position:relative;top:px;}</style><body><a href="http://iliyon.tumblr.com/" target="_blank"><div class=cr>iliyon</div></a><section class="sidebar"> <section class="bloghead"> {Title} <section class="links"> {block:ifLink1}<a href="{text:Link 1 URL}" title="{text:Link 1}"></a>{/block:ifLink1} {block:ifLink2}<a href="{text:Link 2 URL}" title="{text:Link 2}"></a>{/block:ifLink2}<br> {block:ifLink3}<a href="{text:Link 3 URL}" title="{text:Link 3}"></a>{/block:ifLink3} {block:ifLink4}<a href="{text:Link 4 URL}" title="{text:Link 4}"></a>{/block:ifLink4} </section> <section class="top_of" title="top of page" onclick="scrollToTop();"><span>&#9650;</span></section> </section> <section class="reglink"> <a href="/">index</a> <a href="/ask">message</a> <a href="/archive">archive</a> </section> <section class="desc">{Description}</small></small></section> {block:Pagination}<section class="nav">{block:JumpPagination length="7"}{block:JumpPage}<a href="{URL}">{PageNumber}</a>{/block:JumpPage}{block:CurrentPage}<span>{PageNumber}</span>{/block:CurrentPage}{/block:JumpPagination}</section>{/block:Pagination}</section><section class="holder holder_{select:Post Width}">{block:TagPage}<section class="entry entry_{select:Post Width} tagpage"><section class="post post_{select:Post Width}">Posts tagged with <span>{Tag}</span><br><small><a href="/tagged/{Tag}/chrono">&#8594; View chrono</a></small></section></section>{/block:TagPage}{block:Posts}<section class="entry entry_{select:Post Width}"> <section class="post post_{select:Post Width}">{block:Text}{block:Title}<section class="title">{Title}</section>{/block:Title}{Body}{/block:Text}{block:Photo}{block:IndexPage}<img src="{PhotoURL-500}">{/block:IndexPage}{block:PermalinkPage}<img src="{PhotoURL-HighRes}">{/block:PermalinkPage}{/block:Photo}{block:Photoset}<section class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<article class="photo-data"><article class="pxu-photo"><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"><img alt="{PhotoAlt}" src="{PhotoURL-HighRes}" width="{PhotoWidth-HighRes}" height="{PhotoHeight-HighRes}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></a></article></article>{/block:Photos}</section>{/block:Photoset}{block:Quote}<section class="quot">{Quote}</section>{block:Source}<br><i>&mdash; {Source}</i>{/block:Source}{/block:Quote}{block:Answer}<section class="que"><img src="{AskerPortraitURL-96}" class="asker"> <section class="asker">{Asker}:</section>{Question}</section>{Answer}{/block:Answer}{block:Link}<a href="{URL}" class=link>{Name}{block:Host}<article>{Host}</article>{/block:Host}</a><br>{block:Description}{Description}{/block:Description}{/block:Link} {block:Audio}{block:AudioPlayer}<section class="audiopl">{AudioPlayerWhite}</section>{/block:AudioPlayer}<section class="audiodata"><div><big>{block:TrackName}{TrackName}&nbsp; -&nbsp; {/block:TrackName}{block:Artist}{Artist}{/block:Artist}</big></div><div>{block:Album}{Album}&nbsp; -&nbsp; {/block:Album}{block:PlayCount}{PlayCountwithLabel}{/block:PlayCount}</div></section>{/block:Audio}{block:Chat}<section class="chat">{block:Title}<section class="title">{Title}</section>{/block:Title}{block:Lines}<li><b>{block:Label}{Label}{/block:Label}</b> {Line}</li>{/block:Lines}</section>{/block:Chat}{block:Video}<section class="video">{Video-500}</section>{/block:Video} {block:IndexPage}{block:ifCaptions}{block:Caption}<section class="caption">{Caption}</section>{/block:Caption}{/block:ifCaptions}{/block:IndexPage}{block:PermalinkPage}{block:Caption}<section class="caption">{Caption}</section>{/block:Caption}{/block:PermalinkPage} </section> {block:Date}<section class="post timestamp timestamp_{select:Post Width}">{block:IndexPage}&#8594; <a class="date" href="{Permalink}">{ShortMonth} {DayofMonthWithZero}&nbsp; &lsquo;{ShortYear}</a><br>{TimeAgo}{block:NoteCount} with {NoteCountwithLabel}{/block:NoteCount}{block:ifTags}{block:HasTags} &nbsp;|&nbsp; {block:Tags}#<a href="{TagURL}" class="tags">{Tag}</a> {/block:Tags}{/block:HasTags}{/block:ifTags}{/block:IndexPage}{block:PermalinkPage}<span class="date">Posted on {DayofWeek}, {Shortmonth} {DayofMonthwithZero} {Year} at {24HourwithZero}:{Minutes}</span>{block:RebloggedFrom}<br>Reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a> & by <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:REbloggedFrom}{block:ContentSource}<br><b>Source:</b> <a href="{SourceURL}">{SourceTitle}</a>{/block:ContentSource}{block:HasTags}<br><b>Tagged:</b> {block:Tags}#<a href="{TagURL}">{Tag}</a>&nbsp; {/block:Tags}{/block:HasTags}{/block:PermalinkPage}</section>{/block:Date}{block:PostNotes}<section class="post postnots">{block:NoteCount}<span class="date" style="font-size:150%;">{NoteCountwithLabel}</span>{/block:NoteCount}{PostNotes}</section>{/block:PostNotes}</section>{/block:Posts}</section><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><script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>{block:IndexPage}{block:if2Column250}<script src="http://static.tumblr.com/wb7siqo/0Zsncryeo/masonry2108.js"></script><script src="http://static.tumblr.com/wb7siqo/UlHnculzn/imagesloaded.js"></script>{/block:if2Column250}{/block:IndexPage}<script type="text/javascript">$(document).ready(function(){$("[title]").style_my_tooltips({tip_follows_cursor:true, tip_delay_time:300, tip_fade_speed:300, attribute:"title"});$('.photo-slideshow').pxuPhotoset({ lightbox: true, rounded: false, gutter: '1px', photoset: '.photo-slideshow', photoWrap: '.photo-data', photo: '.pxu-photo' });});{block:IndexPage}{block:if2Column250}$(window).load(function () {var $container = $('.holder');$container.imagesLoaded( function(){$container.masonry({ itemSelector: '.entry_min'});});});{/block:if2Column250}{/block:IndexPage}$(window).scroll(function() {var scrollTopVal = $(this).scrollTop();if ( scrollTopVal > 500 ) {$('.top_of').fadeIn(400);} else {$('.top_of').fadeOut(400);}});function scrollToTop() { if (document.body.scrollTop!=0 || document.documentElement.scrollTop!=0){ window.scrollBy(0,-50); timeOut=setTimeout('scrollToTop()',10); } else clearTimeout(timeOut);}</script></body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement