 OVERLAPPING POSTS ON TUMBLR |
  |
| AdrianaHdez |
 Aug 25 2015, 04:12 PM
Post
#1
|
|
Group: Members Posts: 1 Joined: 25-August 15 Member No.: 23,442  |
I really want to keep infinite scrolling enabled, but as soon as new posts load, some are overlapping or they're cut off. *I have added the "online users" counter, music player, custom cursor, and a custom scroll bar.
My blog: http://misfit-c0nfessions.tumblr.com Html: <!DOCTYPE html> <html {block:English}lang="en"{/block:English}> <head> <style type="text/css"> ::-webkit-scrollbar {width: 6px; height: 4px; background: #888888; } ::-webkit-scrollbar-thumb { background-color: #ff1a57; -webkit-border-radius: 1ex; } a.btn{position:absolute;z-index:999999999999;white-space:nowrap;outline:0;text-decoration:none;cursor:pointer;overflow:hidden;font:600 12px/18px "Helvetica Neue","HelveticaNeue",Helvetica,Arial,sans-serif;height:20px;padding:0 5px;-webkit-font-smoothing:antialiased;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;-webkit-transition-property:padding;-moz-transition-property:padding;-ms-transition-property:padding;-o-transition-property:padding;transition-property:padding;-webkit-transition-duration:.1s;-moz-transition-duration:.1s;-ms-transition-duration:.1s;-o-transition-duration:.1s;transition-duration:.1s;-webkit-transition-timing-function:ease;-moz-transition-timing-function:ease;-ms-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease}.btn{color:#fff;border:1px solid rgba(0,0,0,0.18);background:rgba(0,0,0,0.38);text-shadow:1px 1px 0 rgba(0,0,0,0.08)}a.btn,a.btn:hover{color:white!important}.btn{margin-bottom:5px;color:#fff;border:1px solid rgba(0,0,0,0.18);background:rgba(0,0,0,0.38);text-shadow:1px 1px 0 rgba(0,0,0,0.08);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.btn:hover::after,.btn:focus::after{background:rgba(255,255,255,0.09);color:white}.btn:active::after{background:rgba(255,255,255,0.18) color:white}.btn_label.show{display:block}.btn::after{position:absolute;top:0;right:0;bottom:0;left:0;content:'';-webkit-border-radius:inherit;-moz-border-radius:inherit;border-radius:inherit}.btn.icon::before{display:block;content:'';position:absolute;top:0;left:0;bottom:0;width:20px;border-radius:inherit;background:url('http://static.tumblr.com/tpqedpr/cQ1mbwb60/de.png') 0 0 no-repeat}.btn.theme::before{background-position:0 -0px}.btn img{width:15px}.btn.icon{padding-left:20px}.btn:active::after {background:rgba(255,255,255,0.18)}.clear {clear: both;} #pagination {display: all;} </style> <!-- BLOG DETAILS: {Title} {BlogURL} THEME DETAILS: Polymer by Olle Ota Themes. Theme code is copyright Olle Ota, 2013-2014. Terms of use at Olle Ota Themes at http://olleotathemes.tumblr.com/about/terms. Polymer is theme number 43. --> <meta name="color:Body background" content="#f8f8f8"/> <meta name="color:Post title" content="#547a92"/> <meta name="color:Post links" content="#A7A7A7"/> <meta name="color:Post text" content="#1F1F1F"/> <meta name="Post background" content="transparent"/> <meta name="color:Text widget background" content="#E7E7E7"/> <meta name="color:Masthead title" content="#ffffff"/> <meta name="color:Masthead links" content="#ffffff"/> <meta name="color:Masthead text" content="#ffffff"/> <meta name="color:Masthead background" content="#222222"/> <meta name="color:Accent" content="#2F3C6F"/> <meta name="color:Primary masthead effect" content="#ffffff"/> <meta name="color:Secondary masthead effect" content="#e17e66"/> <meta name="color:Primary post hover effect" content="#ededed"/> <meta name="color:Secondary post hover effect" content="#f0bfb3"/> <meta name="color:Menu bar button" content="#737373"/> <meta name="color:Menu bar background" content="#e5e5e5"/> <meta name="color:Menu bar links" content="#737373"/> <meta name="if:Menu bar" content="0"/> <meta name="if:Infinite scroll" content="1"/> <meta name="if:Link to Olle Ota Themes" content="1"/> <meta name="if:Form fewer columns" content="1"/> <meta name="if:Index Tumblr like and reblog buttons" content="0"/> <meta name="if:Index tags" content="0"/> <meta name="if:Index permalink label" content="0"/> <meta name="if:Permalink Tumblr like and reblog buttons" content="0"/> <meta name="if:Permalink post note count" content="0"/> <meta name="if:Permalink post note list" content="0"/> <meta name="if:Permalink share buttons" content="0"/> <meta name="if:Permalink tags" content="1"/> <meta name="if:Captions only on permalink" content="0"/> <meta name="if:Masthead site name" content="1"/> <meta name="if:Masthead RSS link" content="0"/> <meta name="if:Masthead archive link" content="1"/> <meta name="if:Masthead random post link" content="0"/> <meta name="if:Masthead avatar" content="1"/> <meta name="if:Masthead search" content="0"/> <meta name="if:Masthead description" content="1"/> <meta name="if:Post title centered" content="0"/> <meta name="if:Post buttons" content="0"/> <meta name="if:Make it snow" content="0"/> <meta name="if:Load Latin subset font if available" content="0"/> <meta name="if:Theme credit" content="1"/> <meta name="image:Masthead image" content=""/> <meta name="image:Masthead logo" content=""/> <meta name="image:Masthead background" content=""/> <meta name="image:Body background" content="http://static.tumblr.com/nrrlmzd/4BVnb9u98/polymer_body_bg.jpg"/> <meta name="text:Text widget" content=''/> <meta name="text:Twitter widget code" content=''/> <meta name="text:Primary Google Font name" content="Lato"> <meta name="text:Secondary Google Font name" content="Arvo"> <meta name="text:Google Analytics ID" content=''/> <meta name="text:Disqus shortname" content=""/> <meta name="text:Direct link URL one" content=''/> <meta name="text:Direct link title one" content=''/> <meta name="text:Direct link URL two" content=''/> <meta name="text:Direct link title two" content=''/> <meta name="text:Direct link URL three" content=''/> <meta name="text:Direct link title three" content=''/> <meta name="text:Direct link URL four" content=''/> <meta name="text:Direct link title four" content=''/> <meta name="text:Direct link URL five" content=''/> <meta name="text:Direct link title five" content=''/> <meta name="text:Direct link URL six" content=''/> <meta name="text:Direct link title six" content=''/> <meta name="text:Username on Behance" content=''/> <meta name="text:Username on Bitbucket" content=''/> <meta name="text:Username on Facebook" content=''/> <meta name="text:Username on Flickr" content=''/> <meta name="text:Username on GitHub" content=''/> <meta name="text:Username on Google Plus" content=''/> <meta name="text:Username on Instagram" content=''/> <meta name="text:Username on Pinterest" content=''/> <meta name="text:Username on Reddit" content=''/> <meta name="text:Username on SoundCloud" content=''/> <meta name="text:Username on Steam" content=''/> <meta name="text:Username on Twitter" content=''/> <meta name="text:Username on Vimeo" content=''/> <meta name="text:Username on WordPress" content=''/> <meta name="text:Username on YouTube" content=''/> <meta name="select:Avatar style" content="avatar-circle" title="Circle"> <meta name="select:Avatar style" content="avatar-square" title="Square"> <meta name="select:Avatar style" content="avatar-rounded" title="Rounded"> <meta name="select:Font size" content="0.95em" title="Normal"> <meta name="select:Font size" content="0.85em" title="Mini"> <meta name="select:Font size" content="0.9em" title="Tiny"> <meta name="select:Font size" content="1.0em" title="Medium"> <meta name="select:Font size" content="1.1em" title="Large"> <meta name="select:Font size" content="1.2em" title="Huge"> <meta name="select:Post button icon set" content="classic" title="Classic"> <meta name="select:Post button icon set" content="modern" title="Modern"> <meta name="select:Post button icon set" content="sketch" title="Sketch"> <meta name="select:Post button icon set" content="cartoon" title="Cartoon"> <meta name="select:Post button icon set" content="street" title="Street"> <meta name="select:Post button icon set" content="borders-white" title="Borders in white"> <meta name="select:Post button icon set" content="borders-black" title="Borders in black"> <meta name="select:Post button icon set" content="flat-white" title="Flat in white"> <meta name="select:Post button icon set" content="flat-black" title="Flat in black"> <meta name="select:Masthead effect" content="none" title="None"> <meta name="select:Masthead effect" content="glow" title="Glow"> <meta name="select:Masthead effect" content="border-in" title="Border in"> <meta name="select:Masthead effect" content="gradient" title="Gradient"> <meta name="select:Masthead effect" content="color" title="Color"> <meta name="select:Masthead effect" content="fade-out" title="Fade out"> <meta name="select:Post hover effect" content="none" title="None"> <meta name="select:Post hover effect" content="glow" title="Glow"> <meta name="select:Post hover effect" content="border-in" title="Border in"> <meta name="select:Post hover effect" content="gradient" title="Gradient"> <meta name="select:Post hover effect" content="color" title="Color"> <meta name="select:Body background" content="body-bg-full" title="Full-size"> <meta name="select:Body background" content="body-bg-pattern" title="Pattern"> <meta name="select:Masthead background" content="masthead-bg-disabled" title="Disabled"> <meta name="select:Masthead background" content="masthead-bg-full" title="Full-size"> <meta name="select:Masthead background" content="masthead-bg-contain" title="Contain"> <meta name="select:Masthead background" content="masthead-bg-pattern" title="Pattern"> <meta name="select:Masthead links style" content="links-uppercase" title="Uppercase"> <meta name="select:Masthead links style" content="links-bold-uppercase" title="Bold and uppercase"> <meta name="select:Masthead links style" content="links-bold" title="Bold"> <meta name="select:Masthead links style" content="links-italics" title="Italics"> <meta name="select:Masthead links style" content="links-normal" title="Normal"> <meta name="select:Masthead title style" content="links-uppercase" title="Uppercase"> <meta name="select:Masthead title style" content="links-bold-uppercase" title="Bold and uppercase"> <meta name="select:Masthead title style" content="links-bold" title="Bold"> <meta name="select:Masthead title style" content="links-italics" title="Italics"> <meta name="select:Masthead title style" content="links-normal" title="Normal"> <meta name="select:Post title style" content="entry-title-normal" title="Normal"> <meta name="select:Post title style" content="entry-title-bold-uppercase" title="Bold and uppercase"> <meta name="select:Post title style" content="entry-title-bold" title="Bold"> <meta name="select:Post title style" content="entry-title-uppercase" title="Uppercase"> <meta name="select:Post title style" content="entry-title-italics" title="Italics"> <link href='http://fonts.googleapis.com/css?family={text:Primary Google Font name}{block:IfLoadLatinSubsetFontIfAvailable}&subset=latin,latin-ext{/block:IfLoadLatinSubsetFontIfAvailable}' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family={text:Secondary Google Font name}{block:IfLoadLatinSubsetFontIfAvailable}&subset=latin,latin-ext{/block:IfLoadLatinSubsetFontIfAvailable}' rel='stylesheet' type='text/css'> {block:Description} <meta name="description" content="{MetaDescription}"/> {/block:Description} <meta charset="utf-8"> <meta name="viewport" content="initial-scale=1.0, width=device-width"/> <title>{block:TagPage}{Tag} posts - {/block:TagPage} {block:SearchPage}{lang:Search results for SearchQuery} - {/block:SearchPage}{block:PostSummary}{PostSummary} - {/block:PostSummary}{Title}</title> <link rel="shortcut icon" href="{Favicon}"> <link rel="apple-touch-icon" href="{PortraitURL-128}"> <link rel="alternate" type="application/rss+xml" href="{RSS}"> <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet"> <link href="http://static.tumblr.com/wgijwsy/YZomlhwl6/normalize.min.css" rel="stylesheet" type="text/css"/> <style>html{-webkit-text-size-adjust:none;font-family:'{text:Primary Google Font name}'}#masthead{font-family:'{text:Secondary Google Font name}';position:relative;display:inline-block}body{height:101%;line-height:150%;overflow-y:scroll}*{word-wrap:break-word;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}html{-webkit-text-size-adjust:none}nav ul,.metadata ul,.chat ul,.notes,.tumblr-share ul,.global-share ul,footer ul,.photo .exif,.post-hover,.no-post-hover{list-style:none;margin:0;padding:0}nav{display:inline-block}nav form{padding:1%}h1,h2,h3,h4,h5,h6{font-weight:400;margin:.3em 0}h1{font-size:1.5em}h2{font-size:1.3em}h3{font-size:1.1em}h4{font-size:1em}a,#credit{text-decoration:none;-webkit-transition:ease-in .2s;-moz-transition:ease-in .2s;-o-transition:ease-in .2s;-ms-transition:ease-in .2s;transition:ease-in .2s}#site-name{line-height:150%}.hidden{display:none}.widget{position:relative;z-index:2}#masthead #search{display:inline-block}#masthead #search form input{opacity:.8;transition:all 1s ease-in;-webkit-transition:all 1s ease-in;-moz-transition:all 1s ease-in;border:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;color:font-family:inherit;line-height:200%;outline:0;background:0}#masthead #search form input:hover{opacity:1}#pages nav,#masthead #site-info{width:100%}#pages nav li a{display:inline-block}.permalink article{background:{color:Post background}}.intro{font-size:2em;background:{color:Text widget background}!important}.intro p{line-height:150%}.entry-title{font-size:1.1em;margin:0;line-height:150%;margin:.5em 0}.link .entry-title a{border-bottom:2px solid{color:Text}!important}.layout-images{margin-bottom:-3px;padding:3px 3px 0}.no-layout-images .photo-url img{margin-bottom:1em}.no-layout-images .photo-url:last-child img{margin-bottom:0}.type-photoset .no-layout .inner{margin-top:.5em}.chat .label{font-weight:700;letter-spacing:.1em;text-transform:uppercase}article img{vertical-align:bottom}article .inner{display:inline-block;width:100%;margin-top:3%}article .inner p:first-child{margin-top:0}article .inner p:last-child{margin-bottom:0}.entry-title-centered .asker{text-align:center}.photo .label{margin:1% 1% 0 0;text-align:center;display:inline-block;font-weight:700}.index .photo-url{text-align:center}.quote blockquote{margin:0;padding:15%;margin-bottom:.5em;border:2px solid{color:Text}}.answer .asker{margin:0 0 3%}.audio .entry-title{margin-bottom:3%}.chat ul li:first-child{padding-top:0}.chat ul li:last-child{padding-bottom:0}.index .chat li{padding:2% 0}.permalink .chat li{padding:1% 0}.chat li:last-child{border-bottom:0}.metadata ul{display:inline-block;width:100%}.metadata ul li a{float:left}.tumblr-share{width:50px!important;height:20px;float:right}.tumblr-share a{margin-left:5px}.permalink .tumblr-share,.permalink #notes_label{width:50%!important;margin:1em 0 0!important}.index .metadata .tags{margin:4% 0;word-break:break-all}.index article footer.inner{padding:0;border:0;margin:0;display:block;font-size:.9em}.index article footer.tags-enabled,.index article footer.permalink-label-enabled,.index article footer.note-count-enabled,.index article footer.like-buttons-enabled{display:inline-block;padding-top:1em;vertical-align:top}.post-note-divider{display:inline-block;width:4px;height:1em}.index footer.inner p{margin:0}.tumblr-share li{float:right;margin-left:2%;position:relative;z-index:100}.global-share li{display:inline;float:left;margin-right:1em;padding:.5em 0}#notes_label,#permalink_label{float:left}#permalink_label{cursor:pointer}.content_source{float:right}footer.metadata.inner.like-buttons-enabled.permalink-label-disabled .tumblr-share{width:100%!important;text-align:center}footer.metadata.inner.like-buttons-enabled.permalink-label-disabled .tumblr-share li{float:none;display:inline-block}.permalink .post-hover{display:inline-block;width:20%}.permalink .source.icon{float:right;margin-left:2%}.permalink .permalink.icon{float:left}#notes{width:100%;float:left}.notes{clear:both}.notes li{margin-bottom:1.5%}.notes .avatar{vertical-align:middle;border-radius:50%;margin-right:.5em}.tags{display:inline-block;width:100%}.tags li a{margin:0 1.5% 0 0}.search_query{font-weight:700}.index #wrapper{margin:0 auto}.no-post-hover{width:100%;text-align:center}.no-post-hover a{padding:3% 14%;display:inline-block;width:100%;border-top:1px solid rgba(0,0,0,.05);margin-top:1em}.index .post-hover{width:100%;height:100%;display:inline-block;position:absolute;top:0;left:0;text-indent:-9999px;-webkit-transition:ease-in .2s;-moz-transition:ease-in .2s;-o-transition:ease-in .2s;-ms-transition:ease-in .2s;transition:ease-in .2s;opacity:0;z-index:100}.index .post-hover:hover,.index .post-hover a:hover{opacity:1}.index .post-hover a{background-size:90px 30px;width:30px;height:30px;opacity:0;z-index:100}.index .post-hover a{position:absolute;display:block;top:50%;left:50%}.index .post-btn-modern .post-hover a{background-image:url(http://static.tumblr.com/79xqv9n/n6umyb7px/modern.png)}.index .post-btn-sketch .post-hover a{background-image:url(http://static.tumblr.com/79xqv9n/D5rmyb7q0/sketch.png)}.index .post-btn-classic .post-hover a{background-image:url(http://static.tumblr.com/79xqv9n/Wnbmyb6lo/classic.png)}.index .post-btn-cartoon .post-hover a{background-image:url(http://static.tumblr.com/79xqv9n/Uvumyb6mi/cartoon_hover.png)}.index .post-btn-street .post-hover a{background-image:url(http://static.tumblr.com/79xqv9n/uvzmyb6mr/street_hover.png)}.index .post-btn-borders-black .post-hover a{background-image:url(http://static.tumblr.com/79xqv9n/eETmyb8ab/border.png)}.index .post-btn-borders-white .post-hover a{background-image:url(http://static.tumblr.com/79xqv9n/nmYmyb9o5/borders_white.png)}.index .post-btn-flat-white .post-hover a{background-image:url(http://static.tumblr.com/nrrlmzd/i4Zn3i9oc/flat_buttons_white.png)}.index .post-btn-flat-black .post-hover a{background-image:url(http://static.tumblr.com/nrrlmzd/LAAn3i9of/flat_buttons.png)}.index .post-hover a:active{margin-top:-14px!important}.index .post-hover:hover a{opacity:1;margin-top:-15px}.index .permalink.icon{background-position:0 0;margin-left:-35px}.index .has_source .permalink.icon{margin-left:-50px}.index .reblog.icon{background-position:-120px 0;margin-left:5px}.index .has_source .reblog.icon{margin-left:-15px}.index .source.icon{background-position:-150px 0}.index .has_source .source.icon{margin-left:20px}.animate .index .post-hover a{margin-top:50px}.animate .permalink.icon{-webkit-transition:ease-in .15s;-moz-transition:ease-in .15s;-o-transition:ease-in .15s;-ms-transition:ease-in .15s;transition:ease-in .15s}.animate .reblog.icon{-webkit-transition:ease-in .25s;-moz-transition:ease-in .25s;-o-transition:ease-in .25s;-ms-transition:ease-in .25s;transition:ease-in .25s}.animate .source.icon{-webkit-transition:ease-in .35s;-moz-transition:ease-in .35s;-o-transition:ease-in .35s;-ms-transition:ease-in .35s;transition:ease-in .35s}.index .icon:hover{transform:scale(1.5);-ms-transform:scale(1.5);-webkit-transform:scale(1.5)}.permalink .post-hover{margin-bottom:2%}a{position:relative;z-index:200}.relative{cursor:pointer;position:relative}.left{float:left}.right{float:right}#pagination{width:100%;text-align:center;display:inline-block}#pagination li{display:inline;text-align:center}#pagination a{padding:1em 2em;display:inline-block;margin:0 1em 2em;background:{color:Post background};color:{color:Post links}} #theme-attr{opacity:.4;background:#000;color:#fff;position:fixed;bottom:0;right:0;padding:.4em 1em;-webkit-transition:ease-in .3s;-moz-transition:ease-in .3s;-o-transition:ease-in .3s;-ms-transition:ease-in .3s;transition:ease-in .3s;line-height:1em;font-size:13px;font-family:sans-serif;box-shadow:1px 1px 11px rgba(0,0,0,.24);padding:6px 9px;margin-right:10px;border-top-left-radius:3px;border-top-right-radius:3px;box-shadow:0 1px 4px 0 #000}#theme-attr i{opacity:.5}#theme-attr:hover{opacity:.6}.special-effect{position:absolute;top:0;left:0;right:0;bottom:0;z-index:2;pointer-events:none;opacity:.7}.post-effect-fade-out .post-hover .special-effect,.masthead-effect-fade-out #masthead .special-effect{opacity:1}.post-effect-fade-out .hover-effect{background:-moz-linear-gradient(top,rgba(255,255,255,.5),{color:Primary post hover effect});background:-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,.5)),to({color:Primary post hover effect}));background:-ms-linear-gradient(rgba(255,255,255,.5),{color:Primary post hover effect});filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(255, 255, 255, 0.5)', endColorstr='{color:Primary post hover effect}')}.masthead-effect-fade-out #masthead-effect{background:-moz-linear-gradient(top,rgba(255,255,255,.5),{color:Primary masthead effect});background:-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,.5)),to({color:Primary masthead effect}));background:-ms-linear-gradient(rgba(255,255,255,.5),{color:Primary masthead effect});filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(255, 255, 255, 0.5)', endColorstr='{color:Primary masthead effect}')}.post-effect-glow .hover-effect{box-shadow:0 0 4px 2px{color:Primary post hover effect}}.masthead-effect-glow #masthead-effect{box-shadow:0 0 4px 2px{color:Primary masthead effect}}.post-effect-color .hover-effect{background:{color:Primary post hover effect}}.masthead-effect-color #masthead-effect{background:{color:Primary masthead effect}}.post-effect-border-in .hover-effect{border:3px solid{color:Primary post hover effect}}.masthead-effect-border-in #masthead-effect{border:3px solid{color:Primary masthead effect}}.post-effect-gradient .hover-effect{background:-moz-linear-gradient(top,{color:Primary post hover effect},{color:Secondary post hover effect});background:-webkit-gradient(linear,left top,left bottom,from({color:Primary post hover effect}),to({color:Secondary post hover effect}));background:-ms-linear-gradient({color:Primary post hover effect},{color:Secondary post hover effect});filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='{color:Primary post hover effect}', endColorstr='{color:Secondary post hover effect}')}.masthead-effect-gradient #masthead-effect{background:-moz-linear-gradient(top,{color:Primary masthead effect},{color:Secondary masthead effect});background:-webkit-gradient(linear,left top,left bottom,from({color:Primary masthead effect}),to({color:Secondary masthead effect}));background:-ms-linear-gradient({color:Primary masthead effect},{color:Secondary masthead effect});filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='{color:Primary masthead effect}', endColorstr='{color:Secondary masthead effect}')}::-webkit-input-placeholder{color:{color:Masthead text}}:-moz-placeholder{color:{color:Masthead text}}::-moz-placeholder{color:{color:Masthead text}}:-ms-input-placeholder{color:{color:Masthead text}}::-moz-selection{background:{color:Accent};color:#fff;text-shadow:none}::selection{background:{color:Accent};color:#fff;text-shadow:none}html{-webkit-text-size-adjust:none}#masthead{background-color:{color:Masthead background};background-image:url('{image:Masthead background}');color:{color:Masthead text}}#masthead #search form input{color:{color:Masthead text}}.body-bg-full,.masthead-bg-full #masthead{background-size:cover;background-repeat:no-repeat}.body-bg-full{background-attachment:fixed}.masthead-bg-contain #masthead{background-position:top center;background-size:contain}.masthead-bg-disabled #masthead,.body-bg-disabled{background:0}#masthead a{color:{color:Masthead links}}body{background-color:{color:Body background};background-image:url('{image:Body background}');font-size:{select:Font size};color:{color:Post text}}.entry-title a{color:{color:Post title}}#site-name{color:{color:Masthead title}!important}.links-uppercase a{text-transform:uppercase;letter-spacing:.1em}.links-bold a{font-weight:700}.links-bold-uppercase a{font-weight:700;text-transform:uppercase}.links-italics a{font-style:italic}.entry-title-bold .entry-title,.entry-title-bold h1,.entry-title-bold h2,.entry-title-bold h3,.entry-title-bold h4,.entry-title-bold h5,.entry-title-bold h6,.entry-title-bold h7{font-weight:700}.entry-title-italics .entry-title,.entry-title-italics h1,.entry-title-italics h2,.entry-title-italics h3,.entry-title-italics h4,.entry-title-italics h5,.entry-title-italics h6,.entry-title-italics h7{font-style:italic}.entry-title-uppercase .entry-title,.entry-title-uppercase h1,.entry-title-uppercase h2,.entry-title-uppercase h3,.entry-title-uppercase h4,.entry-title-uppercase h5,.entry-title-uppercase h6,.entry-title-uppercase h7{letter-spacing:.1em;text-transform:uppercase}.entry-title-bold-uppercase .entry-title,.entry-title-bold-uppercase h1,.entry-title-bold-uppercase h2,.entry-title-bold-uppercase h3,.entry-title-bold-uppercase h4,.entry-title-bold-uppercase h5,.entry-title-bold-uppercase h6,.entry-title-bold-uppercase h7{font-weight:700;letter-spacing:.1em;text-transform:uppercase}.entry-title-centered .entry-title{text-align:center}a{color:{color:Post links}}.avatar-circle img{border-radius:50%}.avatar-rounded img{border-radius:.5em}.twtr-doc{width:100%}iframe,img,embed,object,video{max-width:100%}.type-text img{vertical-align:bottom;height:auto;width:auto}#tumblr_lightbox img{max-width:inherit}iframe{position:relative}img[align=left]{margin-right:3%}img[align=right]{margin-left:3%}blockquote{margin:1em 0;border-left:2px solid{color:Text};padding-left:10px}ul{list-style-position:inside;padding:0}::-webkit-input-placeholder{color:inherit}:-moz-placeholder{color:inherit}::-moz-placeholder{color:inherit}:-ms-input-placeholder{color:inherit}*{word-wrap:break-word;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}html{-webkit-text-size-adjust:none}body{overflow-x:hidden}.let_it_snow{position:fixed;width:25px;height:25px;animation-timing-function:ease-out;z-index:1000;pointer-events:none}.let_it_snow.snow_type_1{background:transparent url(http://static.tumblr.com/79xqv9n/DsRmx9bw5/snow1.png) center center no-repeat}.let_it_snow.snow_type_2{background:transparent url(http://static.tumblr.com/79xqv9n/yHvmx9bw7/snow2.png) center center no-repeat}.let_it_snow.snow_duration_1{animation-duration:8s}.let_it_snow.snow_duration_2{animation-duration:7s}.let_it_snow.snow_duration_3{animation-duration:6s}.let_it_snow.snow_duration_4{animation-duration:5s}.let_it_snow.snow_duration_5{animation-duration:4s}.let_it_snow.snow_delay_1{animation-delay:5s}.let_it_snow.snow_delay_2{animation-delay:4s}.let_it_snow.snow_delay_3{animation-delay:3s}.let_it_snow.snow_delay_4{animation-delay:2s}.let_it_snow.snow_delay_5{animation-delay:1s}.let_it_snow.snow_anim_1{animation-name:snow_anim_1,snow_anim_fade}.let_it_snow.snow_anim_2{animation-name:snow_anim_2,snow_anim_fade}.let_it_snow.snow_anim_3{animation-name:snow_anim_3,snow_anim_fade}.let_it_snow.snow_anim_4{animation-name:snow_anim_4,snow_anim_fade}.let_it_snow.snow_anim_5{animation-name:snow_anim_5,snow_anim_fade}@keyframes snow_anim_fade{0%{opacity:1}60%{opacity:1}100%{opacity:0}}@keyframes snow_anim_1{0%{transform:translate(0,0) rotate(0)}100%{transform:translate(-70px,630px) rotate(70deg)}}@keyframes snow_anim_2{0%{transform:translate(0,0) rotate(0)}100%{transform:translate(70px,640px) rotate(-70deg)}}@keyframes snow_anim_3{0%{transform:translate(0,0) rotate(0)}100%{transform:translate(30px,550px) rotate(45deg)}}@keyframes snow_anim_4{0%{transform:translate(0,0) rotate(0)}100%{transform:translate(-30px,600px) rotate(-45deg)}}@keyframes snow_anim_5{0%{transform:translate(0,0) rotate(0)}100%{transform:translate(0px,660px) rotate(50deg)}}#infscr-loading{position:absolute;bottom:0;left:50%}#loading{display:inline-block;position:fixed;bottom:0;right:40%;border-bottom:6px solid rgba(160,160,160,1);border-left:6px solid rgba(226,226,226,1);border-right:6px solid rgba(219,219,219,1);border-top:6px solid rgba(221,221,221,1);border-radius:50%;height:30px;width:30px;-webkit-animation:spin .8s infinite linear;animation:spin .8s infinite linear;margin-bottom:8px}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.has-menu{height:100%}.menu-button{color:{color:Menu bar button}}.menu-container{display:inline-block;float:left;width:3.5%;background:{color:Menu bar background};padding:1%;min-height:100%;position:fixed;top:0;left:0;z-index:250}.menu-button{text-align:center}.menu-container:hover{width:20%;box-shadow:1px 2px 9px 0 rgba(0,0,0,.26)}.menu-content{display:none;width:100%;line-height:1.5}.menu-content a{color:{color:Menu bar links}}.menu-content li{padding:1em .5em;width:100%;display:inline-block}.menu-content li.social-icon{float:left;width:33.33%}#navigation-widget .social-icon{float:left}.menu-container:hover .menu-button{display:none}.menu-container:hover .menu-content{display:inline-block;position:fixed;top:0;left:0;width:20%;padding:3%;height:100%;overflow-y:auto}.has-menu .theme-wrapper{display:inline-block;width:96.5%;float:right}.clearit:before,.clearit:after{content:"";display:table}.clearit:after{clear:both}.clearit{*zoom:1}.photo-slideshow{visibility:hidden}.photo-slideshow.processed{visibility:visible}.photo-slideshow .row{clear:both;width:100%}.photo-slideshow .pxu-photo{display:block;float:left;margin-bottom:0;width:100%;overflow:hidden}.photo-slideshow .pxu-photo img{display:block}.photo-slideshow.processed .pxu-photo img{width:100%;height:auto}.photo-slideshow .pxu-photo:first-child img{margin-left:0}.photo-slideshow .count-1{width:100%}.photo-slideshow .count-2{width:50%}.photo-slideshow .count-3{width:33.33%}.photo-slideshow .count-4{width:25%}.photo-slideshow .count-5{width:20%}.photo-slideshow .info{display:none}.photo-data{position:relative;float:left}.icons{position:absolute;top:5px;right:5px;width:20px;height:66px;text-indent:-9999px;z-index:999;visibility:hidden}.icons>span,.icons .tumblr-box span{width:20px;height:20px;display:block;margin-bottom:2px;cursor:pointer}.zoom{background:url(http://static.tumblr.com/hugxd2w/kgem0so9j/zoom-icon.png)}.info{background:url(http://static.tumblr.com/hugxd2w/ffwm0so9t/info-icon.png);position:relative}.pxu-data{position:absolute;top:30px;left:-110px;width:240px;background:#000;background:rgba(0,0,0,.85);color:#fff;font-size:12px;line-height:1.4;text-indent:0;padding:20px;display:none;opacity:0;filter:alpha(opacity=0);-ms-filter:"alpha(Opacity=0)";box-shadow:2px 2px 7px rgba(0,0,0,.55);-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.pxu-caption{margin-top:0;word-wrap:break-word}.pxu-caption:before{content:url(http://static.tumblr.com/hugxd2w/SSBm6wxmm/caption-icon.png);opacity:.5;filter:alpha(opacity=50);-ms-filter:"alpha(Opacity=50)";float:left;margin-right:5px}.pxu-data.caption-only .pxu-caption{margin-bottom:0}.pxu-data table{font-family:"Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;font-weight:700;width:100%}.pxu-data table tr{width:100%}.pxu-data table tr td{width:50%;font-weight:700;padding-bottom:15px}.pxu-data table tr:last-child td{padding-bottom:0}.pxu-data .label{color:#ccc;text-transform:uppercase;font-size:10px;text-align:right;padding-right:12px;font-weight:400}.arrow-down{width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid rgba(0,0,0,.85);position:absolute;top:-10px;left:110px}</style> <style>.index #wrapper{width:100%;margin: 40px 0 10%} .permalink #content{margin:5% 17.5%;width:65%}.permalink article{margin-bottom:2%;padding:3% 5%;width:100%}</style> <style>#masthead,#masthead #search form input{text-align:center}nav li{display:inline}#masthead #pages a{display:inline;float:none;margin-right:0;padding:0 1%} #masthead{padding:2em} #masthead #site-info img{box-shadow:0 2px 6px rgba(0,0,0,.19)}#masthead{text-shadow:1px 1px 1px rgba(0,0,0,.41)}#nav-toggle span{box-shadow:1px 1px 1px rgba(0,0,0,.35)}</style> <style>.content-text,.content-media,.alert,.intro{background:{color:Post background}}.index .alert,.index .content-text .post{padding:2em}.index .content-media .entry-content{padding:1.5em 2em;margin-top:0}.index footer.element-enabled.inner,.no-post-hover a{padding:2em 3em;border-top:1px solid rgba(0,0,0,.1);margin-top:0}.index .intro p{margin:0}.index .intro{padding:1em}#loading{right:45%} .four-col.index article,.fallback-col.index article{width:21%}.three-col.index article{width:29.3%}.index article{margin:2%}</style> <style>#wrapper{margin-top:10%!important;margin-bottom:10%!important}</style> <style>@media screen and (max-width:700px){.menu-container{width:100%;position:relative;padding:1em 2em;min-height:initial}.menu-button{text-align:left}.menu-container:hover{width:100%}.has-menu .theme-wrapper{width:100%}.menu-container:hover .menu-content{position:initial;width:100%}.menu-content li{padding:.5em 0;float:left;margin:1em;width:auto}#masthead{width:100%;margin:0;padding:3% 10%}.fixed-masthead #masthead{position:relative}.widget{margin:0!important;width:100%!important;float:none!important}#masthead,#masthead .widget,#masthead #search form input{text-align:center}.index #wrapper,.permalink #wrapper{width:100%;margin:0}nav li{display:inline}#nav-toggle-wrapper{position:initial}#masthead #pages a{margin:0;float:none;display:inline-block;padding:1% 2%}#masthead #site-name{display:inline-block}#masthead #site-info img{margin-bottom:0}.index #content,.permalink #content{width:100%;margin:0 0 3%}.four-col.index article,.fallback-col.index article,.three-col.index article,.permalink article{width:90%;margin:2% 5%;padding:4%;display:inline-block}#content>article.twitter-embed{text-align:center;padding:0}}</style> <style> {CustomCSS} </style> </head> <body class=" {block:IfLinkToOlleOtaThemes} {block:PermalinkPage}permalink{/block:PermalinkPage} {block:IndexPage}index{/block:IndexPage} fixed-masthead {block:IfFormFewerColumns}three-col{/block:IfFormFewerColumns} {block:IfNotFormFewerColumns}four-col{/block:IfNotFormFewerColumns} {select:Body background} {select:Masthead background} masthead-effect-{select:Masthead effect} post-effect-{select:Post hover effect} menu-{select:Menu} {block:IfPostTitleCentered}entry-title-centered{/block:IfPostTitleCentered} link-normal link-special animate {select:Photo filter} {block:IfMenuBar}has-menu{/block:IfMenuBar} {block:IfNotMenuBar}no-menu{/block:IfNotMenuBar} {/block:IfLinkToOlleOtaThemes} {block:IfNotLinkToOlleOtaThemes} masthead-effect-{select:Masthead effect} {block:PermalinkPage}permalink{/block:PermalinkPage} {block:IndexPage}index{/block:IndexPage} fixed-masthead {block:IfFormFewerColumns}three-col{/block:IfFormFewerColumns} {block:IfNotFormFewerColumns}four-col{/block:IfNotFormFewerColumns} {select:Body background} {select:Masthead background} masthead-effect-{select:Masthead effect} post-effect-{select:Post hover effect} menu-{select:Menu} {block:IfPostTitleCentered}entry-title-centered{/block:IfPostTitleCentered} link-normal link-special animate {select:Photo filter} {block:IfMenuBar}has-menu{/block:IfMenuBar} {block:IfNotMenuBar}no-menu{/block:IfNotMenuBar} {/block:IfNotLinkToOlleOtaThemes} "> <span id="fade-body-hook"></span> {block:IfMenuBar} <div class="menu-container"> <div class="menu-button"> <i class="fa fa-bars"></i> </div> <div class="menu-content"> <nav> <ul> {block:IfNotMastheadSiteName}{block:IfNotMastheadAvatar}{block:IfNotMastheadLogo Image} <li><a href="/" title="{lang:Home}" id="site-name" {Target}>{Title}</a></li>{/block:IfNotMastheadLogoImage}{/block:IfNotMastheadAvatar}{/block:IfNotMastheadSiteName} {block:HasPages}{block:Pages} <li> <a href="{URL}" {Target}>{Label}</a></li> {/block:Pages}{/block:HasPages} {block:SubmissionsEnabled} <li> <a href="/submit" {Target}>{SubmitLabel}</a></li> {/block:SubmissionsEnabled} {block:AskEnabled} <li> <a href="/ask" {Target}>{AskLabel}</a></li> {/block:AskEnabled} {block:IfLinkToOlleOtaThemes} <li> <br> <a href="http://olleotathemes.tumblr.com/" {Target} rel="nofollow" title="{Title} uses Polymer by Olle Ota">Themes</a></li> {/block:IfLinkToOlleOtaThemes} {block:IfMastheadRSSLink} <li><a href="{RSS}" id="rss" title="{lang:Subscribe via RSS}" {Target}>{lang:RSS}</a></li> {/block:IfMastheadRSSLink} {block:IfMastheadArchiveLink} <li><a href="/archive" id="archive" title="{lang:Browse the archive}" {Target}>{lang:Archive}</a></li> <br> {/block:IfMastheadArchiveLink} {block:IfMastheadRandomPostLink} <li><a href="/random" id="random" rel="nofollow" {Target}>{lang:Random post}</a></li> {/block:IfMastheadRandomPostLink} {block:IfDirectLinkUrlOne} <li> <a href="{text:Direct link URL One}" class="direct-link" {Target}> {block:IfDirectLinkTitleOne}{text:Direct link title One}{/block:IfDirectLinkTitleOne} {block:IfNotDirectLinkTitleOne}{lang:Link}{/block:IfNotDirectLinkTitleOne} </a> </li> {/block:IfDirectLinkUrlOne} {block:IfDirectLinkUrlTwo} <li> <a href="{text:Direct link URL Two}" class="direct-link" {Target}> {block:IfDirectLinkTitleTwo}{text:Direct link title Two}{/block:IfDirectLinkTitleTwo} {block:IfNotDirectLinkTitleTwo}{lang:Link}{/block:IfNotDirectLinkTitleTwo} </a> </li> {/block:IfDirectLinkUrlTwo} {block:IfDirectLinkUrlThree} <li> <a href="{text:Direct link URL Three}" class="direct-link" {Target}> {block:IfDirectLinkTitleThree}{text:Direct link title Three}{/block:IfDirectLinkTitleThree} {block:IfNotDirectLinkTitleThree}{lang:Link}{/block:IfNotDirectLinkTitleThree} </a> </li> {/block:IfDirectLinkUrlThree} {block:IfDirectLinkUrlFour} <li> <a href="{text:Direct link URL Four}" class="direct-link" {Target}> {block:IfDirectLinkTitleFour}{text:Direct link title Four}{/block:IfDirectLinkTitleFour} {block:IfNotDirectLinkTitleFour}{lang:Link}{/block:IfNotDirectLinkTitleFour} </a> </li> {/block:IfDirectLinkUrlFour} {block:IfDirectLinkUrlFive} <li> <a href="{text:Direct link URL Five}" class="direct-link" {Target}> {block:IfDirectLinkTitleFive}{text:Direct link title Five}{/block:IfDirectLinkTitleFive} {block:IfNotDirectLinkTitleFive}{lang:Link}{/block:IfNotDirectLinkTitleFive} </a> </li> {/block:IfDirectLinkUrlFive} {block:IfDirectLinkUrlSix} <li> <a href="{text:Direct link URL Six}" class="direct-link" {Target}> {block:IfDirectLinkTitleSix}{text:Direct link title Six}{/block:IfDirectLinkTitleSix} {block:IfNotDirectLinkTitleSix}{lang:Link}{/block:IfNotDirectLinkTitleSix} </a> </li> {/block:IfDirectLinkUrlSix} {block:IfUsernameOnBehance} <li class="social-icon"> <a href="https://www.behance.net/{text:Username on Behance}" title="Behance"> <i class="fa fa-fw fa-behance"></i> </a> </li> {/block:IfUsernameOnBehance} {block:IfUsernameOnBitbucket} <li class="social-icon"> <a href="https://bitbucket.org/{text:Username on Bitbucket}" title="Bitbucket"> <i class="fa fa-fw fa-bitbucket"></i> </a> </li> {/block:IfUsernameOnBitbucket} {block:IfUsernameOnDribbble} <li class="social-icon"> <a href="https://dribbble.com/{text:Username on Dribbble}" title="Dribbble"> <i class="fa fa-fw fa-dribbble"></i> </a> </li> {/block:IfUsernameOnDribbble} {block:IfUsernameOnFacebook} <li class="social-icon"> <a href="https://www.facebook.com/{text:Username on Facebook}" title="Facebook"> <i class="fa fa-fw fa-facebook"></i> </a> </li> {/block:IfUsernameOnFacebook} {block:IfUsernameOnFlickr} <li class="social-icon"> <a href="https://www.flickr.com/photos/{text:Username on Flickr}" title="Flickr"> <i class="fa fa-fw fa-flickr"></i> </a> </li> {/block:IfUsernameOnFlickr} {block:IfUsernameOnGithub} <li class="social-icon"> <a href="https://github.com/{text:Username on GitHub}" title="GitHub"> <i class="fa fa-fw fa-github"></i> </a> </li> {/block:IfUsernameOnGithub} {block:IfUsernameOnGooglePlus} <li class="social-icon"> <a href="https://plus.google.com/{text:Username on Google Plus}" title="Google+"> <i class="fa fa-fw fa-google-plus"></i> </a> </li> {/block:IfUsernameOnGooglePlus} {block:IfUsernameOnInstagram} <li class="social-icon"> <br> <a href="http://instagram.com/{text:Username on Instagram}" title="Instagram"> <i class="fa fa-fw fa-instagram"></i> </a> </li> {/block:IfUsernameOnInstagram} {block:IfUsernameOnPinterest} <li class="social-icon"> <a href="http://www.pinterest.com/{text:Username on Pinterest}" title="Pinterest"> <i class="fa fa-fw fa-pinterest"></i> </a> </li> {/block:IfUsernameOnPinterest} {block:IfUsernameOnReddit} <li class="social-icon"> <a href="https://www.reddit.com/user/{text:Username on Reddit}" title="Reddit"> <i class="fa fa-fw fa-reddit"></i> </a> </li> {/block:IfUsernameOnReddit} {block:IfUsernameOnSoundCloud} <li class="social-icon"> <a href="https://soundcloud.com/{text:Username on SoundCloud}" title="SoundCloud"> <i class="fa fa-fw fa-soundcloud"></i> </a> </li> {/block:IfUsernameOnSoundCloud} {block:IfUsernameOnSteam} <li class="social-icon"> <a href="http://steamcommunity.com/id/{text:Username on Steam}" title="Steam"> <i class="fa fa-fw fa-steam"></i> </a> </li> {/block:IfUsernameOnSteam} {block:IfUsernameOnTwitter} <li class="social-icon"> <a href="https://twitter.com/{text:Username on Twitter}" title="Twitter"> <i class="fa fa-fw fa-twitter"></i> </a> </li> {/block:IfUsernameOnTwitter} {block:IfUsernameOnVimeo} <li class="social-icon"> <a href="http://vimeo.com/{text:Username on Vimeo}" title="Vimeo"> <i class="fa fa-fw fa-vimeo-square"></i> </a> </li> {/block:IfUsernameOnVimeo} {block:IfUsernameOnWordPress} <li class="social-icon"> <a href="https://{text:Username on WordPress}.wordpress.com/" title="WordPress"> <i class="fa fa-fw fa-wordpress"></i> </a> </li> {/block:IfUsernameOnWordPress} {block:IfUsernameOnYouTube} <li class="social-icon"> <a href="https://www.youtube.com/channel/{text:Username on YouTube}" title="YouTube"> <i class="fa fa-fw fa-youtube"></i> </a> </li> {/block:IfUsernameOnYouTube} </ul> </nav> </div> </div> {/block:IfMenuBar} <div class="theme-wrapper"> <!--Content holder--> <div id="wrapper" class="{select:Post title style}"> <div id="content" role="main"> <article id="masthead" class="null" role="banner"> <span id="masthead-effect" class="special-effect persistent-effect"></span> {block:IfMastheadImageImage} <div class="widget" id="masthead-image"> <img src="{image:Masthead image}"/> </div> {/block:IfMastheadImageImage} <div id="site-info" class="widget"> {block:IfMastheadLogoImage} <a href="/" title="{lang:Home}" {Target}> <img src="{image:Masthead logo}" id="custom_logo"/> </a> {/block:IfMastheadLogoImage} {block:IfNotMastheadLogoImage} {block:IfMastheadAvatar} <div id="avatar" class="widget {select:Avatar style}"> <a href="/" title="{lang:Home}" {Target}> <img src="{PortraitURL-128}"> </a> </div> {/block:IfMastheadAvatar} {/block:IfNotMastheadLogoImage} {block:IfMastheadSiteName}<h1 class="{select:Masthead title style}"><a href="/" title="{lang:Home}" id="site-name" {Target} role="heading">{Title}</a></h1>{/block:IfMastheadSiteName} {block:IfMastheadDescription}{block:Description} <p id="description">{Description}</p> {/block:Description}{/block:IfMastheadDescription} </div> {block:IfNotMenuBar} <div id="pages" class="widget" role="navigation"> <nav> <ul class="{select:Masthead links style}"> {block:IfNotMastheadSiteName}{block:IfNotMastheadAvatar}{block:IfNotMastheadLogo Image} <li><a href="/" title="{lang:Home}" id="site-name" {Target}>{Title}</a></li>{/block:IfNotMastheadLogoImage}{/block:IfNotMastheadAvatar}{/block:IfNotMastheadSiteName} {block:HasPages}{block:Pages} <li> <a href="{URL}" {Target}>{Label}</a></li> {/block:Pages}{/block:HasPages} {block:SubmissionsEnabled} <li> <a href="/submit" {Target}>{SubmitLabel}</a></li> {/block:SubmissionsEnabled} {block:AskEnabled} <li> <a href="/ask" {Target}>{AskLabel}</a></li> {/block:AskEnabled} {block:IfLinkToOlleOtaThemes} <li> <a href="http://olleotathemes.tumblr.com/" {Target} rel="nofollow" title="{Title} uses Polymer by Olle Ota">Themes</a></li> {/block:IfLinkToOlleOtaThemes} {block:IfMastheadRSSLink} <li><a href="{RSS}" id="rss" title="{lang:Subscribe via RSS}" {Target}>{lang:RSS}</a></li> {/block:IfMastheadRSSLink} {block:IfMastheadArchiveLink} <li><a href="/archive" id="archive" title="{lang:Browse the archive}" {Target}>{lang:Archive}</a></li>{/block:IfMastheadArchiveLink} {block:IfMastheadRandomPostLink} <li><a href="/random" id="random" rel="nofollow" {Target}>{lang:Random post}</a></li> {/block:IfMastheadRandomPostLink} {block:IfDirectLinkUrlOne} <li> <a href="{text:Direct link URL One}" class="direct-link" {Target}> {block:IfDirectLinkTitleOne}{text:Direct link title One}{/block:IfDirectLinkTitleOne} {block:IfNotDirectLinkTitleOne}{lang:Link}{/block:IfNotDirectLinkTitleOne} </a> </li> {/block:IfDirectLinkUrlOne} {block:IfDirectLinkUrlTwo} <li> <a href="{text:Direct link URL Two}" class="direct-link" {Target}> {block:IfDirectLinkTitleTwo}{text:Direct link title Two}{/block:IfDirectLinkTitleTwo} {block:IfNotDirectLinkTitleTwo}{lang:Link}{/block:IfNotDirectLinkTitleTwo} </a> </li> {/block:IfDirectLinkUrlTwo} {block:IfDirectLinkUrlThree} <li> <a href="{text:Direct link URL Three}" class="direct-link" {Target}> {block:IfDirectLinkTitleThree}{text:Direct link title Three}{/block:IfDirectLinkTitleThree} {block:IfNotDirectLinkTitleThree}{lang:Link}{/block:IfNotDirectLinkTitleThree} </a> </li> {/block:IfDirectLinkUrlThree} {block:IfDirectLinkUrlFour} <li> <a href="{text:Direct link URL Four}" class="direct-link" {Target}> {block:IfDirectLinkTitleFour}{text:Direct link title Four}{/block:IfDirectLinkTitleFour} {block:IfNotDirectLinkTitleFour}{lang:Link}{/block:IfNotDirectLinkTitleFour} </a> </li> {/block:IfDirectLinkUrlFour} {block:IfDirectLinkUrlFive} <li> <a href="{text:Direct link URL Five}" class="direct-link" {Target}> {block:IfDirectLinkTitleFive}{text:Direct link title Five}{/block:IfDirectLinkTitleFive} {block:IfNotDirectLinkTitleFive}{lang:Link}{/block:IfNotDirectLinkTitleFive} </a> </li> {/block:IfDirectLinkUrlFive} {block:IfDirectLinkUrlSix} <li> <a href="{text:Direct link URL Six}" class="direct-link" {Target}> {block:IfDirectLinkTitleSix}{text:Direct link title Six}{/block:IfDirectLinkTitleSix} {block:IfNotDirectLinkTitleSix}{lang:Link}{/block:IfNotDirectLinkTitleSix} </a> </li> {/block:IfDirectLinkUrlSix} {block:IfUsernameOnBehance} <li class="social-icon"> <a href="https://www.behance.net/{text:Username on Behance}" title="Behance"> <i class="fa fa-fw fa-behance"></i> </a> </li> {/block:IfUsernameOnBehance} {block:IfUsernameOnBitbucket} <li class="social-icon"> <a href="https://bitbucket.org/{text:Username on Bitbucket}" title="Bitbucket"> <i class="fa fa-fw fa-bitbucket"></i> </a> </li> {/block:IfUsernameOnBitbucket} {block:IfUsernameOnDribbble} <li class="social-icon"> <a href="https://dribbble.com/{text:Username on Dribbble}" title="Dribbble"> <i class="fa fa-fw fa-dribbble"></i> </a> </li> {/block:IfUsernameOnDribbble} {block:IfUsernameOnFacebook} <li class="social-icon"> <a href="https://www.facebook.com/{text:Username on Facebook}" title="Facebook"> <i class="fa fa-fw fa-facebook"></i> </a> </li> {/block:IfUsernameOnFacebook} {block:IfUsernameOnFlickr} <li class="social-icon"> <a href="https://www.flickr.com/photos/{text:Username on Flickr}" title="Flickr"> <i class="fa fa-fw fa-flickr"></i> </a> </li> {/block:IfUsernameOnFlickr} {block:IfUsernameOnGithub} <li class="social-icon"> <a href="https://github.com/{text:Username on GitHub}" title="GitHub"> <i class="fa fa-fw fa-github"></i> </a> </li> {/block:IfUsernameOnGithub} {block:IfUsernameOnGooglePlus} <li class="social-icon"> <a href="https://plus.google.com/{text:Username on Google Plus}" title="Google+"> <i class="fa fa-fw fa-google-plus"></i> </a> </li> {/block:IfUsernameOnGooglePlus} {block:IfUsernameOnInstagram} <li class="social-icon"> <a href="http://instagram.com/{text:Username on Instagram}" title="Instagram"> <i class="fa fa-fw fa-instagram"></i> </a> </li> {/block:IfUsernameOnInstagram} {block:IfUsernameOnPinterest} <li class="social-icon"> <a href="http://www.pinterest.com/{text:Username on Pinterest}" title="Pinterest"> <i class="fa fa-fw fa-pinterest"></i> </a> </li> {/block:IfUsernameOnPinterest} {block:IfUsernameOnReddit} <li class="social-icon"> <a href="https://www.reddit.com/user/{text:Username on Reddit}" title="Reddit"> <i class="fa fa-fw fa-reddit"></i> </a> </li> {/block:IfUsernameOnReddit} {block:IfUsernameOnSoundCloud} <li class="social-icon"> <a href="https://soundcloud.com/{text:Username on SoundCloud}" title="SoundCloud"> <i class="fa fa-fw fa-soundcloud"></i> </a> </li> {/block:IfUsernameOnSoundCloud} {block:IfUsernameOnSteam} <li class="social-icon"> <a href="http://steamcommunity.com/id/{text:Username on Steam}" title="Steam"> <i class="fa fa-fw fa-steam"></i> </a> </li> {/block:IfUsernameOnSteam} {block:IfUsernameOnTwitter} <li class="social-icon"> <a href="https://twitter.com/{text:Username on Twitter}" title="Twitter"> <i class="fa fa-fw fa-twitter"></i> </a> </li> {/block:IfUsernameOnTwitter} {block:IfUsernameOnVimeo} <li class="social-icon"> <a href="http://vimeo.com/{text:Username on Vimeo}" title="Vimeo"> <i class="fa fa-fw fa-vimeo-square"></i> </a> </li> {/block:IfUsernameOnVimeo} {block:IfUsernameOnWordPress} <li class="social-icon"> <a href="https://{text:Username on WordPress}.wordpress.com/" title="WordPress"> <i class="fa fa-fw fa-wordpress"></i> </a> </li> {/block:IfUsernameOnWordPress} {block:IfUsernameOnYouTube} <li class="social-icon"> <a href="https://www.youtube.com/channel/{text:Username on YouTube}" title="YouTube"> <i class="fa fa-fw fa-youtube"></i> </a> </li> {/block:IfUsernameOnYouTube} </ul> </nav> </div> {/block:IfNotMenuBar} {block:IfMastheadSearch} <div id="search" class="widget" role="search"> <form action="/search" method="get"> <input type="search" name="q" value="{SearchQuery}" type="search" id="search_box" placeholder="{lang:Search}"> </form> </div> {/block:IfMastheadSearch} </article> {block:IndexPage} {block:IfTextWidget} <article class="intro"> <p>{text:Text widget}</p> </article> {/block:IfTextWidget} {block:IfTwitterWidgetCode} <article class="twitter-embed" style="height:600px"> {text:Twitter widget code} </article> {/block:IfTwitterWidgetCode} {/block:IndexPage} {block:SearchPage} <article class="alert {block:SearchResults}found-results{/block:SearchResults} {block:NoSearchResults}no-results{/block:NoSearchResults}"> {block:SearchResults} <p class="results">{lang:Search results for SearchQuery 2}</p> {/block:SearchResults} {block:NoSearchResults} <p class="results">{lang:Sorry no results for SearchQuery 2}</p> {/block:NoSearchResults} </article> {/block:SearchPage} {block:TagPage} <article class="alert"> <p class="results">{lang:Showing posts tagged Tag 3}</p> </article> {/block:TagPage} {block:Posts} <article id="{PostID}" class=" hentry {block:Text}type-text content-text{/block:Text} {block:Photo}type-photo content-media{/block:Photo} {block:Photoset}type-photoset content-media{/block:Photoset} {block:Quote}type-quote content-text{/block:Quote} {block:Link}type-link content-text{/block:Link} {block:Chat}type-chat content-text{/block:Chat} {block:Video}type-video content-media{/block:Video} {block:Audio}type-audio content-text{/block:Audio} {block:Answer}type-answer content-text{/block:Answer} post-btn-{select:Post button icon set} {block:Date}{block:IndexPage}{block:IfNotPostButtons}{block:IfNotIndexPermalinkL abel} has-no-post-hover {/block:IfNotIndexPermalinkLabel}{/block:IfNotPostButtons}{/block:IndexPage}{/block:Date} {block:IfIndexTags}{block:HasTags} has-element-enabled {/block:HasTags}{/block:IfIndexTags} {block:IfIndexPostNoteCount}{block:NoteCount} has-element-enabled {/block:NoteCount}{/block:IfIndexPostNoteCount} {block:IfIndexPermalinkLabel} has-element-enabled {/block:IfIndexPermalinkLabel} {block:IfIndexTumblrLikeAndReblogButtons} has-element-enabled {/block:IfIndexTumblrLikeAndReblogButtons} " data-tags="{TagsAsClasses} null"> <!--Post hover on the index page--> {block:Date}{block:IndexPage}{block:IfPostButtons} <ul class="post-hover {block:ContentSource}has_source{/block:ContentSource}" role="contentinfo"> <span class="special-effect hover-effect"></span> <li><a href="{Permalink}" class="permalink icon" {Target}> <time datetime="{Year}-{MonthNumberWithZero}-{DayOfMonthWithZero}">{DayOfMonth} {Month} {Year}</time></a></li> <li><a href="{ReblogURL}" class="reblog icon" {Target}>Reblog</a></li> {block:ContentSource}<li><a href="{SourceURL}" title="{SourceTitle}" class="source icon" {Target}>{lang:Source}</a></li>{/block:ContentSource} {block:SourceLogo}{/block:SourceLogo} </ul> {/block:IfPostButtons}{/block:IndexPage}{/block:Date} <!--Post hover on the permalink page--> {block:Date}{block:PermalinkPage} <ul class="post-hover {block:ContentSource}has_source{/block:ContentSource}" role="contentinfo"> <li><a href="{Permalink}" class="permalink icon" {Target}> <time datetime="{Year}-{MonthNumberWithZero}-{DayOfMonthWithZero}">{DayOfMonth} {Month} {Year}</time></a></li> {block:ContentSource}<li><a href="{SourceURL}" title="{SourceTitle}" class="source icon" {Target}>{lang:Source}</a></li>{/block:ContentSource} {block:RebloggedFrom}<li><a href="{ReblogParentURL}" title="{ReblogParentTitle}" class="source icon" {Target}>{lang:Via}</a></li>{/block:RebloggedFrom} {block:SourceLogo}{/block:SourceLogo} </ul> {/block:PermalinkPage}{/block:Date} <!--OO TS--> {block:Text} <div class="text post"> {block:Title}<h1 class="entry-title"><a href="{Permalink}" {Target}>{Title}</a></h1>{/block:Title} <div class="entry-content inner"> {Body} </div> {/block:Text} {block:Photo} <div class="photo post {block:IfNotCaptionsOnlyOnPermalink}{block:Caption}has-caption{/block:Caption}{/block:IfNotCaptionsOnlyOnPermalink}"> {block:IfNotFormFewerColumns}{block:IndexPage} <div class="photo-url"> <img src="{PhotoURL-500}" alt="{PhotoAlt}"/> </div> {/block:IndexPage}{/block:IfNotFormFewerColumns} {block:IfFormFewerColumns}{block:IndexPage} <div class="photo-url"> <img src="{PhotoURL-500}" alt="{PhotoAlt}"/> </div> {/block:IndexPage}{/block:IfFormFewerColumns} {block:PermalinkPage} <div class="photo-url"> {LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/>{LinkCloseTag} </div> {/block:PermalinkPage} {block:PermalinkPage}{block:Caption} <div class="entry-content inner"> {Caption} </div> {/block:Caption}{/block:PermalinkPage} {block:IfNotCaptionsOnlyOnPermalink}{block:IndexPage}{block:Caption} <div class="entry-content inner"> {Caption} </div>{/block:Caption}{/block:IndexPage}{/block:IfNotCaptionsOnlyOnPermalink} {block:IfPermalinkCameraStatisticsForPhotos} {block:PermalinkPage}{block:Exif} <ul class="exif inner"> {block:Camera}<li><span class="label">Camera</span> {Camera}</li>{/block:Camera} {block:Aperture}<li><span class="label">Aperture</span> {Aperture}</li>{/block:Aperture} {block:Exposure}<li><span class="label">Exposure</span> {Exposur |
  |
 
|
|
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:
|
Lo-Fi Version | Time is now: 26th April 2024 - 11:07 PM |
Invision Power Board
© 2024 IPS, Inc.
Licensed to: HTMLHelp.com, LLC