API tools faq
paste
Advertisement
feiinho

Highrise by Olle Ota Themes.

feiinho
Jun 24th, 2017
166
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 69.21 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html {block:English}lang="en"{/block:English}>
  3. <head>
  4.  
  5. <!--
  6. BLOG DETAILS:
  7. {Title}
  8. {BlogURL}
  9.  
  10. THEME DETAILS:
  11. Highrise (5) is a free grid Tumblr theme by Olle Ota Themes.
  12. Download this theme for free at http://olleotathemes.tumblr.com/theme
  13. Sale of this theme is prohibited.
  14.  
  15. THEME COPYRIGHT:
  16. Theme code is copyright Olle Ota, 2013-2016.
  17.  
  18. Do not remove this copyright notice.
  19.  
  20. Terms of use for this theme code is at http://olleotathemes.tumblr.com/about/terms.
  21. By using this theme you agree to the terms of use.
  22.  
  23. -->
  24.  
  25. <meta name="color:Body background" content="#ffffff" />
  26.  
  27. <meta name="color:Post title" content="#000000" />
  28. <meta name="color:Post links" content="#6D7379" />
  29. <meta name="color:Post text" content="#000000" />
  30. <meta name="color:Post background" content="#ffffff" />
  31. <meta name="color:Text widget background" content="#E7E7E7" />
  32.  
  33. <meta name="color:Masthead title" content="#FFFFFF" />
  34. <meta name="color:Masthead links" content="#FFFFFF" />
  35. <meta name="color:Masthead text" content="#FFFFFF" />
  36. <meta name="color:Masthead background" content="#100F10" />
  37.  
  38. <meta name="color:Accent" content="#2F3C6F" />
  39. <meta name="color:Primary masthead effect" content="#f5ad58" />
  40. <meta name="color:Secondary masthead effect" content="#e17e66" />
  41. <meta name="color:Primary post hover effect" content="#ededed" />
  42. <meta name="color:Secondary post hover effect" content="#f0bfb3" />
  43.  
  44. <meta name="color:Menu bar button" content="#737373" />
  45. <meta name="color:Menu bar background" content="#e5e5e5" />
  46. <meta name="color:Menu bar links" content="#737373" />
  47. <meta name="if:Menu bar" content="0"/>
  48. <meta name="if:Infinite scroll" content="1"/>
  49. <meta name="if:Form fewer columns" content="1"/>
  50. <meta name="if:Index Tumblr like and reblog buttons" content="0"/>
  51. <meta name="if:Index tags" content="0"/>
  52. <meta name="if:Index permalink label" content="0"/>
  53. <meta name="if:Permalink Tumblr like and reblog buttons" content="0"/>
  54. <meta name="if:Permalink post note count" content="0"/>
  55. <meta name="if:Permalink post note list" content="0"/>
  56. <meta name="if:Permalink share buttons" content="0"/>
  57. <meta name="if:Permalink tags" content="1"/>
  58. <meta name="if:Captions only on permalink" content="0"/>
  59. <meta name="if:Masthead site name" content="1"/>
  60. <meta name="if:Masthead RSS link" content="0"/>
  61. <meta name="if:Masthead archive link" content="1"/>
  62. <meta name="if:Masthead random post link" content="0"/>
  63. <meta name="if:Masthead avatar" content="0"/>
  64. <meta name="if:Masthead search" content="0"/>
  65. <meta name="if:Masthead description" content="1"/>
  66. <meta name="if:Post title centered" content="0"/>
  67. <meta name="if:Post icon buttons" content="1"/>
  68. <meta name="if:Post text buttons" content="0"/>
  69. <meta name="if:Make it snow" content="0"/>
  70. <meta name="if:Load Latin subset font if available" content="0"/>
  71. <meta name="if:Link to Olle Ota Themes" content="1"/>
  72.  
  73. <meta name="image:Masthead image" content="" />
  74. <meta name="image:Masthead logo" content="" />
  75. <meta name="image:Masthead background" content="" />
  76. <meta name="image:Body background" content="" />
  77.  
  78. <meta name="text:Text widget" content=''/>
  79. <meta name="text:Twitter widget code" content=''/>
  80. <meta name="text:Primary Google Font name" content="Cutive Mono">
  81. <meta name="text:Secondary Google Font name" content="Cutive Mono">
  82. <meta name="text:Google Analytics ID" content=''/>
  83. <meta name="text:Disqus shortname" content="" />
  84.  
  85. <meta name="text:Direct link URL one" content=''/>
  86. <meta name="text:Direct link title one" content=''/>
  87. <meta name="text:Direct link URL two" content=''/>
  88. <meta name="text:Direct link title two" content=''/>
  89. <meta name="text:Direct link URL three" content=''/>
  90. <meta name="text:Direct link title three" content=''/>
  91. <meta name="text:Direct link URL four" content=''/>
  92. <meta name="text:Direct link title four" content=''/>
  93. <meta name="text:Direct link URL five" content=''/>
  94. <meta name="text:Direct link title five" content=''/>
  95. <meta name="text:Direct link URL six" content=''/>
  96. <meta name="text:Direct link title six" content=''/>
  97.  
  98. <meta name="text:Username on Behance" content=''/>
  99. <meta name="text:Username on Bitbucket" content=''/>
  100. <meta name="text:Username on Facebook" content=''/>
  101. <meta name="text:Username on Flickr" content=''/>
  102. <meta name="text:Username on GitHub" content=''/>
  103. <meta name="text:Username on Google Plus" content=''/>
  104. <meta name="text:Username on Instagram" content=''/>
  105. <meta name="text:Username on Pinterest" content=''/>
  106. <meta name="text:Username on Reddit" content=''/>
  107. <meta name="text:Username on SoundCloud" content=''/>
  108. <meta name="text:Username on Steam" content=''/>
  109. <meta name="text:Username on Twitter" content=''/>
  110. <meta name="text:Username on Vimeo" content=''/>
  111. <meta name="text:Username on WordPress" content=''/>
  112. <meta name="text:Username on YouTube" content=''/>
  113.  
  114. <meta name="select:Avatar style" content="avatar-circle" title="Circle">
  115. <meta name="select:Avatar style" content="avatar-square" title="Square">
  116. <meta name="select:Avatar style" content="avatar-rounded" title="Rounded">
  117.  
  118. <meta name="select:Font size" content="0.95em" title="Normal">
  119. <meta name="select:Font size" content="0.85em" title="Mini">
  120. <meta name="select:Font size" content="0.9em" title="Tiny">
  121. <meta name="select:Font size" content="1.0em" title="Medium">
  122. <meta name="select:Font size" content="1.1em" title="Large">
  123. <meta name="select:Font size" content="1.2em" title="Huge">
  124.  
  125. <meta name="select:Theme attribution style" content="style-text" title="Simple">
  126. <meta name="select:Theme attribution style" content="style-gray" title="Gray button">
  127. <meta name="select:Theme attribution style" content="style-transparent" title="Transparent button">
  128. <meta name="select:Theme attribution style" content="style-w-logo" title="White logo">
  129. <meta name="select:Theme attribution style" content="style-b-logo" title="Black logo">
  130. <meta name="select:Theme attribution style" content="style-s-logo" title="Surf logo">
  131.  
  132. <meta name="select:Post button icon set" content="classic" title="Classic">
  133. <meta name="select:Post button icon set" content="modern" title="Modern">
  134. <meta name="select:Post button icon set" content="sketch" title="Sketch">
  135. <meta name="select:Post button icon set" content="cartoon" title="Cartoon">
  136. <meta name="select:Post button icon set" content="street" title="Street">
  137. <meta name="select:Post button icon set" content="borders-white" title="Borders in white">
  138. <meta name="select:Post button icon set" content="borders-black" title="Borders in black">
  139. <meta name="select:Post button icon set" content="flat-white" title="Flat in white">
  140. <meta name="select:Post button icon set" content="flat-black" title="Flat in black">
  141. <meta name="select:Masthead effect" content="none" title="None">
  142. <meta name="select:Masthead effect" content="glow" title="Glow">
  143. <meta name="select:Masthead effect" content="border-in" title="Border in">
  144. <meta name="select:Masthead effect" content="gradient" title="Gradient">
  145. <meta name="select:Masthead effect" content="color" title="Color">
  146. <meta name="select:Masthead effect" content="fade-out" title="Fade out">
  147.  
  148. <meta name="select:Post hover effect" content="none" title="None">
  149. <meta name="select:Post hover effect" content="glow" title="Glow">
  150. <meta name="select:Post hover effect" content="border-in" title="Border in">
  151. <meta name="select:Post hover effect" content="gradient" title="Gradient">
  152. <meta name="select:Post hover effect" content="solid-color" title="Solid color">
  153. <meta name="select:Post hover effect" content="color" title="Transparent color">
  154.  
  155. <meta name="select:Body background" content="body-bg-full" title="Full-size">
  156. <meta name="select:Body background" content="body-bg-pattern" title="Pattern">
  157. <meta name="select:Masthead background" content="masthead-bg-full" title="Full-size">
  158. <meta name="select:Masthead background" content="masthead-bg-contain" title="Contain">
  159. <meta name="select:Masthead background" content="masthead-bg-pattern" title="Pattern">
  160. <meta name="select:Masthead background" content="masthead-bg-disabled" title="Disabled">
  161. <meta name="select:Masthead links style" content="links-bold" title="Bold">
  162. <meta name="select:Masthead links style" content="links-bold-uppercase" title="Bold and uppercase">
  163. <meta name="select:Masthead links style" content="links-uppercase" title="Uppercase">
  164. <meta name="select:Masthead links style" content="links-italics" title="Italics">
  165. <meta name="select:Masthead links style" content="links-normal" title="Normal">
  166. <meta name="select:Masthead title style" content="links-normal" title="Normal">
  167. <meta name="select:Masthead title style" content="links-bold-uppercase" title="Bold and uppercase">
  168. <meta name="select:Masthead title style" content="links-bold" title="Bold">
  169. <meta name="select:Masthead title style" content="links-uppercase" title="Uppercase">
  170. <meta name="select:Masthead title style" content="links-italics" title="Italics">
  171. <meta name="select:Post title style" content="entry-title-normal" title="Normal">
  172. <meta name="select:Post title style" content="entry-title-bold-uppercase" title="Bold and uppercase">
  173. <meta name="select:Post title style" content="entry-title-bold" title="Bold">
  174. <meta name="select:Post title style" content="entry-title-uppercase" title="Uppercase">
  175. <meta name="select:Post title style" content="entry-title-italics" title="Italics">
  176. <link href='//fonts.googleapis.com/css?family={text:Primary Google Font name}:400,700,400italic,700italic{block:IfLoadLatinSubsetFontIfAvailable}&subset=latin,latin-ext{/block:IfLoadLatinSubsetFontIfAvailable}' rel='stylesheet' type='text/css'>
  177. <link href='//fonts.googleapis.com/css?family={text:Secondary Google Font name}:400,700,400italic,700italic{block:IfLoadLatinSubsetFontIfAvailable}&subset=latin,latin-ext{/block:IfLoadLatinSubsetFontIfAvailable}' rel='stylesheet' type='text/css'>
  178.  
  179. {block:Description}
  180. <meta name="description" content="{MetaDescription}" />
  181. {/block:Description}
  182.  
  183. <meta charset="utf-8">
  184. <meta name="viewport" content="initial-scale=1.0, width=device-width" />
  185.  
  186. <title>{block:TagPage}{Tag} posts - {/block:TagPage} {block:SearchPage}{lang:Search results for SearchQuery} - {/block:SearchPage}{block:PostSummary}{PostSummary} - {/block:PostSummary}{Title}</title>
  187.  
  188. <link rel="shortcut icon" href="{Favicon}">
  189. <link rel="apple-touch-icon" href="{PortraitURL-128}">
  190. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  191. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
  192. <link href="//static.tumblr.com/wgijwsy/YZomlhwl6/normalize.min.css" rel="stylesheet" type="text/css" />
  193. <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,.post-text-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,.permalink .post-text-hover{display:inline-block;width:100%}.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-text-hover{width:100%;height:100%;display:flex;flex-direction:row;position:absolute;top:0;left:0;-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;padding:1em}.index .post-text-hover li{align-self:flex-end}.index .post-text-hover a{display:inline;float:left;position:relative;z-index:200;margin:.5em .75em 0 0}.index .post-hover:hover,.index .post-text-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,.permalink .post-text-hover{margin-bottom:2%}.post-icon-buttons 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}}
  194. #theme-attr:hover{background-color:#4797d2}.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,.post-effect-solid-color .hover-effect{background:{color:Primary post hover effect}}.post-effect-solid-color .special-effect{opacity:1}.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;cursor:pointer}.menu-activated{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-activated .menu-button{display:none}.menu-activated .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}
  195. #masthead{float:left;min-height:100%}.fixed-masthead #masthead{position:fixed}#masthead:hover{overflow-y:auto;height:100%}.widget{margin-bottom:5%}#masthead #search{width:100%}#masthead #search form input{width:100%;border-bottom:1px solid rgba(0,0,0,.13)}#pages nav li a{margin:2% 1%}</style>
  196.  
  197. <style>#wrapper{padding-top:1.5em}.index #wrapper,.permalink #wrapper{display:inline-block;float:right}.index #wrapper{margin:0 5% 0 0;width:68%}
  198. .permalink #wrapper{padding:4%;width:75%}.permalink #content{width:100%}.permalink article{padding:3% 5%;width:75%}</style>
  199.  
  200. <style>#masthead{margin-bottom:3%;min-height:100%;padding:3%;width:20%}
  201. #masthead .widget,#masthead #search form input{text-align:center}
  202. #masthead{margin-left:4%;margin-top:4.5%;min-height:inherit}#masthead:hover{height:initial}</style>
  203.  
  204. <style>.content-text,.content-media,.alert,.intro{background:{color:Post background};padding:3%}.index footer.element-enabled.inner{padding-top:.5em}
  205. .four-col.index article,.fallback-col.index article{width:19.6666666%}.three-col.index article{width:28%}.index article{margin:2.666666666666%}</style>
  206.  
  207. <style>#masthead #site-info img{margin-bottom:8%}
  208. #loading{right:49%}.index #wrapper{float:left;margin:.5% 0 0 3%}.fixed-masthead #masthead{right:5%}.content-text,.content-media,.alert,.intro{padding:1%}.permalink #wrapper{float:left;width:69%;margin-left:6%}</style>
  209.  
  210. <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%!important;margin:2% 5%!important;padding:4%;display:inline-block}#content>article.twitter-embed{text-align:center;padding:0}}</style>
  211. <style> {CustomCSS} </style>
  212. </head>
  213.  
  214. <body class="{block:IfLinkToOlleOtaThemes}
  215. {block:PermalinkPage}permalink{/block:PermalinkPage}
  216. {block:IndexPage}index{/block:IndexPage}
  217. fixed-masthead
  218. {block:IfFormFewerColumns}three-col{/block:IfFormFewerColumns}
  219. {block:IfNotFormFewerColumns}four-col{/block:IfNotFormFewerColumns}
  220. {select:Body background}
  221. {select:Masthead background}
  222. masthead-effect-{select:Masthead effect}
  223. post-effect-{select:Post hover effect}
  224. menu-{select:Menu}
  225. {block:IfPostIconButtons}post-icon-buttons{/block:IfPostIconButtons}
  226. {block:IfPostTitleCentered}entry-title-centered{/block:IfPostTitleCentered}
  227. link-normal
  228. link-special
  229. animate
  230. {select:Photo filter}
  231. {block:IfMenuBar}has-menu{/block:IfMenuBar}
  232. {block:IfNotMenuBar}no-menu{/block:IfNotMenuBar}
  233. {/block:IfLinkToOlleOtaThemes}
  234.  
  235. {block:IfNotLinkToOlleOtaThemes}
  236. masthead-effect-{select:Masthead effect}
  237. {block:PermalinkPage}permalink{/block:PermalinkPage}
  238. {block:IndexPage}index{/block:IndexPage}
  239. fixed-masthead
  240. {block:IfFormFewerColumns}three-col{/block:IfFormFewerColumns}
  241. {block:IfNotFormFewerColumns}four-col{/block:IfNotFormFewerColumns}
  242. {select:Body background}
  243. {select:Masthead background}
  244. masthead-effect-{select:Masthead effect}
  245. post-effect-{select:Post hover effect}
  246. menu-{select:Menu}
  247. {block:IfPostTitleCentered}entry-title-centered{/block:IfPostTitleCentered}
  248. link-normal
  249. link-special
  250. animate
  251. {select:Photo filter}
  252. {block:IfMenuBar}has-menu{/block:IfMenuBar}
  253. {block:IfNotMenuBar}no-menu{/block:IfNotMenuBar}
  254. {/block:IfNotLinkToOlleOtaThemes}">
  255. <span id="fade-body-hook"></span>
  256.  
  257. {block:IfMenuBar}
  258. <div class="menu-container">
  259. <div class="menu-button">
  260. <i class="fa fa-bars"></i>
  261. </div>
  262. <div class="menu-content">
  263. <nav>
  264. <ul>
  265. {block:IfNotMastheadSiteName}{block:IfNotMastheadAvatar}{block:IfNotMastheadLogoImage}
  266. <li><a href="/" title="{lang:Home}" id="site-name" {Target}>{Title}</a></li>{/block:IfNotMastheadLogoImage}{/block:IfNotMastheadAvatar}{/block:IfNotMastheadSiteName}
  267.  
  268. {block:HasPages}{block:Pages}
  269. <li> <a href="{URL}" {Target}>{Label}</a></li>
  270. {/block:Pages}{/block:HasPages}
  271.  
  272. {block:SubmissionsEnabled}
  273. <li> <a href="/submit" {Target}>{SubmitLabel}</a></li>
  274. {/block:SubmissionsEnabled}
  275.  
  276. {block:AskEnabled}
  277. <li> <a href="/ask" {Target}>{AskLabel}</a></li>
  278. {/block:AskEnabled}
  279.  
  280. {block:IfLinkToOlleOtaThemes}
  281. <li> <a href="http://olleotathemes.tumblr.com/" {Target} rel="nofollow" title="{Title} uses Highrise by Olle Ota">Themes</a></li>
  282. {/block:IfLinkToOlleOtaThemes}
  283.  
  284. {block:IfMastheadRSSLink}
  285. <li><a href="{RSS}" id="rss" title="{lang:Subscribe via RSS}" {Target}>{lang:RSS}</a></li>
  286. {/block:IfMastheadRSSLink}
  287.  
  288. {block:IfMastheadArchiveLink}
  289. <li><a href="/archive" id="archive" title="{lang:Browse the archive}" {Target}>{lang:Archive}</a></li>
  290. {/block:IfMastheadArchiveLink}
  291.  
  292. {block:IfMastheadRandomPostLink}
  293. <li><a href="/random" id="random" rel="nofollow" {Target}>{lang:Random post}</a></li>
  294. {/block:IfMastheadRandomPostLink}
  295.  
  296. {block:IfDirectLinkUrlOne}
  297. <li>
  298. <a href="{text:Direct link URL One}" class="direct-link" {Target}>
  299. {block:IfDirectLinkTitleOne}{text:Direct link title One}{/block:IfDirectLinkTitleOne}
  300. {block:IfNotDirectLinkTitleOne}{lang:Link}{/block:IfNotDirectLinkTitleOne}
  301. </a>
  302. </li>
  303. {/block:IfDirectLinkUrlOne}
  304.  
  305. {block:IfDirectLinkUrlTwo}
  306. <li>
  307. <a href="{text:Direct link URL Two}" class="direct-link" {Target}>
  308. {block:IfDirectLinkTitleTwo}{text:Direct link title Two}{/block:IfDirectLinkTitleTwo}
  309. {block:IfNotDirectLinkTitleTwo}{lang:Link}{/block:IfNotDirectLinkTitleTwo}
  310. </a>
  311. </li>
  312. {/block:IfDirectLinkUrlTwo}
  313.  
  314. {block:IfDirectLinkUrlThree}
  315. <li>
  316. <a href="{text:Direct link URL Three}" class="direct-link" {Target}>
  317. {block:IfDirectLinkTitleThree}{text:Direct link title Three}{/block:IfDirectLinkTitleThree}
  318. {block:IfNotDirectLinkTitleThree}{lang:Link}{/block:IfNotDirectLinkTitleThree}
  319. </a>
  320. </li>
  321. {/block:IfDirectLinkUrlThree}
  322.  
  323. {block:IfDirectLinkUrlFour}
  324. <li>
  325. <a href="{text:Direct link URL Four}" class="direct-link" {Target}>
  326. {block:IfDirectLinkTitleFour}{text:Direct link title Four}{/block:IfDirectLinkTitleFour}
  327. {block:IfNotDirectLinkTitleFour}{lang:Link}{/block:IfNotDirectLinkTitleFour}
  328. </a>
  329. </li>
  330. {/block:IfDirectLinkUrlFour}
  331.  
  332. {block:IfDirectLinkUrlFive}
  333. <li>
  334. <a href="{text:Direct link URL Five}" class="direct-link" {Target}>
  335. {block:IfDirectLinkTitleFive}{text:Direct link title Five}{/block:IfDirectLinkTitleFive}
  336. {block:IfNotDirectLinkTitleFive}{lang:Link}{/block:IfNotDirectLinkTitleFive}
  337. </a>
  338. </li>
  339. {/block:IfDirectLinkUrlFive}
  340.  
  341. {block:IfDirectLinkUrlSix}
  342. <li>
  343. <a href="{text:Direct link URL Six}" class="direct-link" {Target}>
  344. {block:IfDirectLinkTitleSix}{text:Direct link title Six}{/block:IfDirectLinkTitleSix}
  345. {block:IfNotDirectLinkTitleSix}{lang:Link}{/block:IfNotDirectLinkTitleSix}
  346. </a>
  347. </li>
  348. {/block:IfDirectLinkUrlSix}
  349. {block:IfUsernameOnBehance}
  350. <li class="social-icon">
  351. <a href="https://www.behance.net/{text:Username on Behance}" title="Behance">
  352. <i class="fa fa-fw fa-behance"></i>
  353. </a>
  354. </li>
  355. {/block:IfUsernameOnBehance}
  356.  
  357. {block:IfUsernameOnBitbucket}
  358. <li class="social-icon">
  359. <a href="https://bitbucket.org/{text:Username on Bitbucket}" title="Bitbucket">
  360. <i class="fa fa-fw fa-bitbucket"></i>
  361. </a>
  362. </li>
  363. {/block:IfUsernameOnBitbucket}
  364.  
  365. {block:IfUsernameOnDribbble}
  366. <li class="social-icon">
  367. <a href="https://dribbble.com/{text:Username on Dribbble}" title="Dribbble">
  368. <i class="fa fa-fw fa-dribbble"></i>
  369. </a>
  370. </li>
  371. {/block:IfUsernameOnDribbble}
  372.  
  373. {block:IfUsernameOnFacebook}
  374. <li class="social-icon">
  375. <a href="https://www.facebook.com/{text:Username on Facebook}" title="Facebook">
  376. <i class="fa fa-fw fa-facebook"></i>
  377. </a>
  378. </li>
  379. {/block:IfUsernameOnFacebook}
  380.  
  381. {block:IfUsernameOnFlickr}
  382. <li class="social-icon">
  383. <a href="https://www.flickr.com/photos/{text:Username on Flickr}" title="Flickr">
  384. <i class="fa fa-fw fa-flickr"></i>
  385. </a>
  386. </li>
  387. {/block:IfUsernameOnFlickr}
  388.  
  389. {block:IfUsernameOnGithub}
  390. <li class="social-icon">
  391. <a href="https://github.com/{text:Username on GitHub}" title="GitHub">
  392. <i class="fa fa-fw fa-github"></i>
  393. </a>
  394. </li>
  395. {/block:IfUsernameOnGithub}
  396.  
  397. {block:IfUsernameOnGooglePlus}
  398. <li class="social-icon">
  399. <a href="https://plus.google.com/{text:Username on Google Plus}" title="Google+">
  400. <i class="fa fa-fw fa-google-plus"></i>
  401. </a>
  402. </li>
  403. {/block:IfUsernameOnGooglePlus}
  404.  
  405. {block:IfUsernameOnInstagram}
  406. <li class="social-icon">
  407. <a href="http://instagram.com/{text:Username on Instagram}" title="Instagram">
  408. <i class="fa fa-fw fa-instagram"></i>
  409. </a>
  410. </li>
  411. {/block:IfUsernameOnInstagram}
  412.  
  413. {block:IfUsernameOnPinterest}
  414. <li class="social-icon">
  415. <a href="http://www.pinterest.com/{text:Username on Pinterest}" title="Pinterest">
  416. <i class="fa fa-fw fa-pinterest"></i>
  417. </a>
  418. </li>
  419. {/block:IfUsernameOnPinterest}
  420.  
  421. {block:IfUsernameOnReddit}
  422. <li class="social-icon">
  423. <a href="https://www.reddit.com/user/{text:Username on Reddit}" title="Reddit">
  424. <i class="fa fa-fw fa-reddit"></i>
  425. </a>
  426. </li>
  427. {/block:IfUsernameOnReddit}
  428.  
  429. {block:IfUsernameOnSoundCloud}
  430. <li class="social-icon">
  431. <a href="https://soundcloud.com/{text:Username on SoundCloud}" title="SoundCloud">
  432. <i class="fa fa-fw fa-soundcloud"></i>
  433. </a>
  434. </li>
  435. {/block:IfUsernameOnSoundCloud}
  436.  
  437. {block:IfUsernameOnSteam}
  438. <li class="social-icon">
  439. <a href="http://steamcommunity.com/id/{text:Username on Steam}" title="Steam">
  440. <i class="fa fa-fw fa-steam"></i>
  441. </a>
  442. </li>
  443. {/block:IfUsernameOnSteam}
  444.  
  445. {block:IfUsernameOnTwitter}
  446. <li class="social-icon">
  447. <a href="https://twitter.com/{text:Username on Twitter}" title="Twitter">
  448. <i class="fa fa-fw fa-twitter"></i>
  449. </a>
  450. </li>
  451. {/block:IfUsernameOnTwitter}
  452.  
  453. {block:IfUsernameOnVimeo}
  454. <li class="social-icon">
  455. <a href="http://vimeo.com/{text:Username on Vimeo}" title="Vimeo">
  456. <i class="fa fa-fw fa-vimeo-square"></i>
  457. </a>
  458. </li>
  459. {/block:IfUsernameOnVimeo}
  460.  
  461. {block:IfUsernameOnWordPress}
  462. <li class="social-icon">
  463. <a href="https://{text:Username on WordPress}.wordpress.com/" title="WordPress">
  464. <i class="fa fa-fw fa-wordpress"></i>
  465. </a>
  466. </li>
  467. {/block:IfUsernameOnWordPress}
  468.  
  469. {block:IfUsernameOnYouTube}
  470. <li class="social-icon">
  471. <a href="https://www.youtube.com/user/{text:Username on YouTube}" title="YouTube">
  472. <i class="fa fa-fw fa-youtube"></i>
  473. </a>
  474. </li>
  475. {/block:IfUsernameOnYouTube}
  476. </ul>
  477. </nav>
  478. </div>
  479. </div>
  480. {/block:IfMenuBar}
  481.  
  482. <div class="theme-wrapper">
  483.  
  484. <header id="masthead" class="null" role="banner">
  485. <span id="masthead-effect" class="special-effect persistent-effect"></span>
  486. {block:IfMastheadImageImage}
  487. <div class="widget" id="masthead-image">
  488. <img src="{image:Masthead image}"/>
  489. </div>
  490. {/block:IfMastheadImageImage}
  491.  
  492. <div id="site-info" class="widget">
  493. {block:IfMastheadLogoImage}
  494. <a href="/" title="{lang:Home}" {Target}>
  495. <img src="{image:Masthead logo}" id="custom_logo"/>
  496. </a>
  497. {/block:IfMastheadLogoImage}
  498.  
  499. {block:IfNotMastheadLogoImage}
  500. {block:IfMastheadAvatar}
  501. <div id="avatar" class="widget {select:Avatar style}">
  502. <a href="/" title="{lang:Home}" {Target}>
  503. <img src="{PortraitURL-128}">
  504. </a>
  505. </div>
  506. {/block:IfMastheadAvatar}
  507. {/block:IfNotMastheadLogoImage}
  508.  
  509. {block:IfMastheadSiteName}
  510. <h1 class="{select:Masthead title style}">
  511. <a href="/" title="{lang:Home}" id="site-name" {Target} role="heading">{Title}</a>
  512. </h1>
  513. {/block:IfMastheadSiteName}
  514.  
  515. {block:IfMastheadDescription}{block:Description}
  516. <p id="description">{Description}</p>
  517. {/block:Description}{/block:IfMastheadDescription}
  518. </div>
  519.  
  520. {block:IfNotMenuBar}
  521. <div id="pages" class="widget" role="navigation">
  522. <nav>
  523. <ul class="{select:Masthead links style}">
  524. {block:IfNotMastheadSiteName}{block:IfNotMastheadAvatar}{block:IfNotMastheadLogoImage}
  525. <li>
  526. <a href="/" title="{lang:Home}" id="site-name" {Target}>{Title}</a>
  527. </li>{/block:IfNotMastheadLogoImage}{/block:IfNotMastheadAvatar}{/block:IfNotMastheadSiteName}
  528.  
  529. {block:HasPages}{block:Pages}
  530. <li>
  531. <a href="{URL}" {Target}>{Label}</a>
  532. </li>
  533. {/block:Pages}{/block:HasPages}
  534.  
  535. {block:SubmissionsEnabled}
  536. <li>
  537. <a href="/submit" {Target}>{SubmitLabel}</a>
  538. </li>
  539. {/block:SubmissionsEnabled}
  540.  
  541. {block:AskEnabled}
  542. <li>
  543. <a href="/ask" {Target}>{AskLabel}</a>
  544. </li>
  545. {/block:AskEnabled}
  546.  
  547. {block:IfLinkToOlleOtaThemes}
  548. <li>
  549. <a href="http://olleotathemes.tumblr.com/" {Target} rel="nofollow" title="{Title} uses Highrise by Olle Ota">Themes</a>
  550. </li>
  551. {/block:IfLinkToOlleOtaThemes}
  552.  
  553. {block:IfMastheadRSSLink}
  554. <li>
  555. <a href="{RSS}" id="rss" title="{lang:Subscribe via RSS}" {Target}>{lang:RSS}</a>
  556. </li>
  557. {/block:IfMastheadRSSLink}
  558.  
  559. {block:IfMastheadArchiveLink}
  560. <li>
  561. <a href="/archive" id="archive" title="{lang:Browse the archive}" {Target}>{lang:Archive}</a>
  562. </li>
  563. {/block:IfMastheadArchiveLink}
  564.  
  565. {block:IfMastheadRandomPostLink}
  566. <li>
  567. <a href="/random" id="random" rel="nofollow" {Target}>{lang:Random post}</a>
  568. </li>
  569. {/block:IfMastheadRandomPostLink}
  570.  
  571. {block:IfDirectLinkUrlOne}
  572. <li>
  573. <a href="{text:Direct link URL One}" class="direct-link" {Target}>
  574. {block:IfDirectLinkTitleOne}{text:Direct link title One}{/block:IfDirectLinkTitleOne}
  575. {block:IfNotDirectLinkTitleOne}{lang:Link}{/block:IfNotDirectLinkTitleOne}
  576. </a>
  577. </li>
  578. {/block:IfDirectLinkUrlOne}
  579.  
  580. {block:IfDirectLinkUrlTwo}
  581. <li>
  582. <a href="{text:Direct link URL Two}" class="direct-link" {Target}>
  583. {block:IfDirectLinkTitleTwo}{text:Direct link title Two}{/block:IfDirectLinkTitleTwo}
  584. {block:IfNotDirectLinkTitleTwo}{lang:Link}{/block:IfNotDirectLinkTitleTwo}
  585. </a>
  586. </li>
  587. {/block:IfDirectLinkUrlTwo}
  588.  
  589. {block:IfDirectLinkUrlThree}
  590. <li>
  591. <a href="{text:Direct link URL Three}" class="direct-link" {Target}>
  592. {block:IfDirectLinkTitleThree}{text:Direct link title Three}{/block:IfDirectLinkTitleThree}
  593. {block:IfNotDirectLinkTitleThree}{lang:Link}{/block:IfNotDirectLinkTitleThree}
  594. </a>
  595. </li>
  596. {/block:IfDirectLinkUrlThree}
  597.  
  598. {block:IfDirectLinkUrlFour}
  599. <li>
  600. <a href="{text:Direct link URL Four}" class="direct-link" {Target}>
  601. {block:IfDirectLinkTitleFour}{text:Direct link title Four}{/block:IfDirectLinkTitleFour}
  602. {block:IfNotDirectLinkTitleFour}{lang:Link}{/block:IfNotDirectLinkTitleFour}
  603. </a>
  604. </li>
  605. {/block:IfDirectLinkUrlFour}
  606.  
  607. {block:IfDirectLinkUrlFive}
  608. <li>
  609. <a href="{text:Direct link URL Five}" class="direct-link" {Target}>
  610. {block:IfDirectLinkTitleFive}{text:Direct link title Five}{/block:IfDirectLinkTitleFive}
  611. {block:IfNotDirectLinkTitleFive}{lang:Link}{/block:IfNotDirectLinkTitleFive}
  612. </a>
  613. </li>
  614. {/block:IfDirectLinkUrlFive}
  615.  
  616. {block:IfDirectLinkUrlSix}
  617. <li>
  618. <a href="{text:Direct link URL Six}" class="direct-link" {Target}>
  619. {block:IfDirectLinkTitleSix}{text:Direct link title Six}{/block:IfDirectLinkTitleSix}
  620. {block:IfNotDirectLinkTitleSix}{lang:Link}{/block:IfNotDirectLinkTitleSix}
  621. </a>
  622. </li>
  623. {/block:IfDirectLinkUrlSix}
  624.  
  625. {block:IfUsernameOnBehance}
  626. <li class="social-icon">
  627. <a href="https://www.behance.net/{text:Username on Behance}" title="Behance">
  628. <i class="fa fa-fw fa-behance"></i>
  629. </a>
  630. </li>
  631. {/block:IfUsernameOnBehance}
  632.  
  633. {block:IfUsernameOnBitbucket}
  634. <li class="social-icon">
  635. <a href="https://bitbucket.org/{text:Username on Bitbucket}" title="Bitbucket">
  636. <i class="fa fa-fw fa-bitbucket"></i>
  637. </a>
  638. </li>
  639. {/block:IfUsernameOnBitbucket}
  640.  
  641. {block:IfUsernameOnDribbble}
  642. <li class="social-icon">
  643. <a href="https://dribbble.com/{text:Username on Dribbble}" title="Dribbble">
  644. <i class="fa fa-fw fa-dribbble"></i>
  645. </a>
  646. </li>
  647. {/block:IfUsernameOnDribbble}
  648.  
  649. {block:IfUsernameOnFacebook}
  650. <li class="social-icon">
  651. <a href="https://www.facebook.com/{text:Username on Facebook}" title="Facebook">
  652. <i class="fa fa-fw fa-facebook"></i>
  653. </a>
  654. </li>
  655. {/block:IfUsernameOnFacebook}
  656.  
  657. {block:IfUsernameOnFlickr}
  658. <li class="social-icon">
  659. <a href="https://www.flickr.com/photos/{text:Username on Flickr}" title="Flickr">
  660. <i class="fa fa-fw fa-flickr"></i>
  661. </a>
  662. </li>
  663. {/block:IfUsernameOnFlickr}
  664.  
  665. {block:IfUsernameOnGithub}
  666. <li class="social-icon">
  667. <a href="https://github.com/{text:Username on GitHub}" title="GitHub">
  668. <i class="fa fa-fw fa-github"></i>
  669. </a>
  670. </li>
  671. {/block:IfUsernameOnGithub}
  672.  
  673. {block:IfUsernameOnGooglePlus}
  674. <li class="social-icon">
  675. <a href="https://plus.google.com/{text:Username on Google Plus}" title="Google+">
  676. <i class="fa fa-fw fa-google-plus"></i>
  677. </a>
  678. </li>
  679. {/block:IfUsernameOnGooglePlus}
  680.  
  681. {block:IfUsernameOnInstagram}
  682. <li class="social-icon">
  683. <a href="http://instagram.com/{text:Username on Instagram}" title="Instagram">
  684. <i class="fa fa-fw fa-instagram"></i>
  685. </a>
  686. </li>
  687. {/block:IfUsernameOnInstagram}
  688.  
  689. {block:IfUsernameOnPinterest}
  690. <li class="social-icon">
  691. <a href="http://www.pinterest.com/{text:Username on Pinterest}" title="Pinterest">
  692. <i class="fa fa-fw fa-pinterest"></i>
  693. </a>
  694. </li>
  695. {/block:IfUsernameOnPinterest}
  696.  
  697. {block:IfUsernameOnReddit}
  698. <li class="social-icon">
  699. <a href="https://www.reddit.com/user/{text:Username on Reddit}" title="Reddit">
  700. <i class="fa fa-fw fa-reddit"></i>
  701. </a>
  702. </li>
  703. {/block:IfUsernameOnReddit}
  704.  
  705. {block:IfUsernameOnSoundCloud}
  706. <li class="social-icon">
  707. <a href="https://soundcloud.com/{text:Username on SoundCloud}" title="SoundCloud">
  708. <i class="fa fa-fw fa-soundcloud"></i>
  709. </a>
  710. </li>
  711. {/block:IfUsernameOnSoundCloud}
  712.  
  713. {block:IfUsernameOnSteam}
  714. <li class="social-icon">
  715. <a href="http://steamcommunity.com/id/{text:Username on Steam}" title="Steam">
  716. <i class="fa fa-fw fa-steam"></i>
  717. </a>
  718. </li>
  719. {/block:IfUsernameOnSteam}
  720.  
  721. {block:IfUsernameOnTwitter}
  722. <li class="social-icon">
  723. <a href="https://twitter.com/{text:Username on Twitter}" title="Twitter">
  724. <i class="fa fa-fw fa-twitter"></i>
  725. </a>
  726. </li>
  727. {/block:IfUsernameOnTwitter}
  728.  
  729. {block:IfUsernameOnVimeo}
  730. <li class="social-icon">
  731. <a href="http://vimeo.com/{text:Username on Vimeo}" title="Vimeo">
  732. <i class="fa fa-fw fa-vimeo-square"></i>
  733. </a>
  734. </li>
  735. {/block:IfUsernameOnVimeo}
  736.  
  737. {block:IfUsernameOnWordPress}
  738. <li class="social-icon">
  739. <a href="https://{text:Username on WordPress}.wordpress.com/" title="WordPress">
  740. <i class="fa fa-fw fa-wordpress"></i>
  741. </a>
  742. </li>
  743. {/block:IfUsernameOnWordPress}
  744.  
  745. {block:IfUsernameOnYouTube}
  746. <li class="social-icon">
  747. <a href="https://www.youtube.com/user/{text:Username on YouTube}" title="YouTube">
  748. <i class="fa fa-fw fa-youtube"></i>
  749. </a>
  750. </li>
  751. {/block:IfUsernameOnYouTube}
  752. </ul>
  753. </nav>
  754. </div>
  755. {/block:IfNotMenuBar}
  756.  
  757. {block:IfMastheadSearch}
  758. <div id="search" class="widget" role="search">
  759. <form action="/search" method="get">
  760. <input type="search" name="q" value="{SearchQuery}" type="search" id="search_box" placeholder="{lang:Search}">
  761. </form>
  762. </div>
  763. {/block:IfMastheadSearch}
  764.  
  765. </header>
  766. <!--Content holder-->
  767. <div id="wrapper" class="{select:Post title style}">
  768. <div id="content" role="main">
  769. {block:IndexPage}
  770.  
  771. {block:IfTextWidget}
  772. <article class="intro">
  773. <p>{text:Text widget}</p>
  774. </article>
  775. {/block:IfTextWidget}
  776.  
  777. {block:IfTwitterWidgetCode}
  778. <article class="twitter-embed" style="height:600px">
  779. {text:Twitter widget code}
  780. </article>
  781. {/block:IfTwitterWidgetCode}
  782.  
  783. {/block:IndexPage}
  784.  
  785. {block:SearchPage}
  786. <article class="alert {block:SearchResults}found-results{/block:SearchResults} {block:NoSearchResults}no-results{/block:NoSearchResults}">
  787. {block:SearchResults}
  788. <p class="results">{lang:Search results for SearchQuery 2}</p>
  789. {/block:SearchResults}
  790.  
  791. {block:NoSearchResults}
  792. <p class="results">{lang:Sorry no results for SearchQuery 2}</p>
  793. {/block:NoSearchResults}
  794. </article>
  795. {/block:SearchPage}
  796.  
  797. {block:TagPage}
  798. <article class="alert">
  799. <p class="results">{lang:Showing posts tagged Tag 3}</p>
  800. </article>
  801. {/block:TagPage}
  802.  
  803. {block:Posts}
  804. <article id="{PostID}" class="
  805. hentry
  806. {block:Text}type-text content-text{/block:Text}
  807. {block:Photo}type-photo content-media{/block:Photo}
  808. {block:Photoset}type-photoset content-media{/block:Photoset}
  809. {block:Quote}type-quote content-text{/block:Quote}
  810. {block:Link}type-link content-text{/block:Link}
  811. {block:Chat}type-chat content-text{/block:Chat}
  812. {block:Video}type-video content-media{/block:Video}
  813. {block:Audio}type-audio content-text{/block:Audio}
  814. {block:Answer}type-answer content-text{/block:Answer}
  815. post-btn-{select:Post button icon set}
  816. {block:Date}{block:IndexPage}{block:IfNotPostButtons}{block:IfNotIndexPermalinkLabel}
  817. has-no-post-hover
  818. {/block:IfNotIndexPermalinkLabel}{/block:IfNotPostButtons}{/block:IndexPage}{/block:Date}
  819.  
  820. {block:IfIndexTags}{block:HasTags}
  821. has-element-enabled
  822. {/block:HasTags}{/block:IfIndexTags}
  823.  
  824. {block:IfIndexPostNoteCount}{block:NoteCount}
  825. has-element-enabled
  826. {/block:NoteCount}{/block:IfIndexPostNoteCount}
  827.  
  828. {block:IfIndexPermalinkLabel}
  829. has-element-enabled
  830. {/block:IfIndexPermalinkLabel}
  831.  
  832. {block:IfIndexTumblrLikeAndReblogButtons}
  833. has-element-enabled
  834. {/block:IfIndexTumblrLikeAndReblogButtons}
  835.  
  836. " data-tags="{TagsAsClasses} null">
  837. <!--Post hover on the index page-->
  838. {block:Date}{block:IndexPage}{block:IfPostIconButtons}
  839. <ul class="post-hover {block:ContentSource}has_source{/block:ContentSource}" role="contentinfo">
  840. <span class="special-effect hover-effect"></span>
  841. <li><a href="{Permalink}" class="permalink icon" {Target}> <time datetime="{Year}-{MonthNumberWithZero}-{DayOfMonthWithZero}">{DayOfMonth} {Month} {Year}</time></a></li>
  842. <li><a href="{ReblogURL}" class="reblog icon" {Target}>Reblog</a></li>
  843. {block:ContentSource}<li><a href="{SourceURL}" title="{SourceTitle}" class="source icon" {Target}>{lang:Source}</a></li>{/block:ContentSource}
  844. {block:SourceLogo}{/block:SourceLogo}
  845. </ul>
  846. {/block:IfPostIconButtons}{/block:IndexPage}{/block:Date}
  847.  
  848. {block:Date}{block:IndexPage}{block:IfPostTextButtons}
  849. <ul class="post-text-hover {block:ContentSource}has_source{/block:ContentSource}" role="contentinfo">
  850. <span class="special-effect hover-effect"></span>
  851. <li><a href="{Permalink}" class="permalink" {Target}> <time datetime="{Year}-{MonthNumberWithZero}-{DayOfMonthWithZero}">{DayOfMonth} {Month} {Year}</time></a></li>
  852. <li><a href="{ReblogURL}" class="reblog" {Target}>Reblog</a></li>
  853. {block:ContentSource}<li><a href="{SourceURL}" title="{SourceTitle}" class="source" {Target}>{lang:Source}</a></li>{/block:ContentSource}
  854. {block:SourceLogo}{/block:SourceLogo}
  855. </ul>
  856. {/block:IfPostTextButtons}{/block:IndexPage}{/block:Date}
  857.  
  858.  
  859. <!--Post hover on the permalink page-->
  860. {block:Date}{block:PermalinkPage}
  861. <ul class="post-hover {block:ContentSource}has_source{/block:ContentSource}" role="contentinfo">
  862. <li><a href="{Permalink}" class="permalink icon" {Target}> <time datetime="{Year}-{MonthNumberWithZero}-{DayOfMonthWithZero}">{DayOfMonth} {Month} {Year}</time></a></li>
  863. {block:ContentSource}<li><a href="{SourceURL}" title="{SourceTitle}" class="source icon" {Target}>{lang:Source}</a></li>{/block:ContentSource}
  864. {block:RebloggedFrom}<li><a href="{ReblogParentURL}" title="{ReblogParentTitle}" class="source icon" {Target}>{lang:Via}</a></li>{/block:RebloggedFrom}
  865. {block:SourceLogo}{/block:SourceLogo}
  866. </ul>
  867. {/block:PermalinkPage}{/block:Date}
  868.  
  869. <!--OO TS-->
  870. {block:Text}
  871. <div class="text post">
  872. {block:Title}<h1 class="entry-title"><a href="{Permalink}" {Target}>{Title}</a></h1>{/block:Title}
  873. <div class="entry-content inner">
  874. {Body}
  875. </div>
  876. {/block:Text}
  877.  
  878. {block:Photo}
  879. <div class="photo post {block:IfNotCaptionsOnlyOnPermalink}{block:Caption}has-caption{/block:Caption}{/block:IfNotCaptionsOnlyOnPermalink}">
  880. {block:IfNotFormFewerColumns}{block:IndexPage}
  881. <div class="photo-url">
  882. <img src="{PhotoURL-500}" alt="{PhotoAlt}" />
  883. </div>
  884. {/block:IndexPage}{/block:IfNotFormFewerColumns}
  885.  
  886. {block:IfFormFewerColumns}{block:IndexPage}
  887. <div class="photo-url">
  888. <img src="{PhotoURL-500}" alt="{PhotoAlt}" />
  889. </div>
  890. {/block:IndexPage}{/block:IfFormFewerColumns}
  891.  
  892. {block:PermalinkPage}
  893. <div class="photo-url">
  894. {LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" />{LinkCloseTag}
  895. </div>
  896. {/block:PermalinkPage}
  897.  
  898. {block:PermalinkPage}{block:Caption}
  899. <div class="entry-content inner">
  900. {Caption}
  901. </div>
  902. {/block:Caption}{/block:PermalinkPage}
  903.  
  904. {block:IfNotCaptionsOnlyOnPermalink}{block:IndexPage}{block:Caption}
  905. <div class="entry-content inner">
  906. {Caption}
  907. </div>{/block:Caption}{/block:IndexPage}{/block:IfNotCaptionsOnlyOnPermalink}
  908.  
  909. {block:IfPermalinkCameraStatisticsForPhotos}
  910. {block:PermalinkPage}{block:Exif}
  911. <ul class="exif inner">
  912. {block:Camera}<li><span class="label">Camera</span> {Camera}</li>{/block:Camera}
  913. {block:Aperture}<li><span class="label">Aperture</span> {Aperture}</li>{/block:Aperture}
  914. {block:Exposure}<li><span class="label">Exposure</span> {Exposure}</li>{/block:Exposure}
  915. {block:FocalLength}<li><span class="label">Focal Length</span> {FocalLength}</li>{/block:FocalLength}
  916. </ul>
  917. {/block:Exif}{/block:PermalinkPage}{/block:IfPermalinkCameraStatisticsForPhotos}
  918. {/block:Photo}
  919.  
  920. {block:Photoset}
  921. <div class="post {block:IfNotPostPhotosetsFormation}no-layout{/block:IfNotPostPhotosetsFormation}">
  922. {block:IndexPage}
  923. <div class="photo-slideshow" data-layout="{PhotosetLayout}" id="{PostID}">
  924. {block:Photos}
  925. <div class="photo-data">
  926. <div class="pxu-photo">
  927. <img alt="{PhotoAlt}" src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}" class="{block:Exif}exif-yes {/block:Exif}{block:Caption}caption-yes{/block:Caption}" {block:Exif}data-camera="{block:Camera}{Camera}{/block:Camera}" data-iso="{block:ISO}{ISO}{/block:ISO}" data-aperture="{block:Aperture}{Aperture}{/block:Aperture}" data-exposure="{block:Exposure}{Exposure}{/block:Exposure}" data-focal="{block:FocalLength}{FocalLength}{/block:FocalLength}"{/block:Exif} {block:Caption}data-caption="{Caption}"{/block:Caption}>
  928. </div>
  929. <div class="icons">
  930. <a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}">
  931. <span class="zoom">Zoom</span>
  932. </a>
  933. <span class="info">Info</span>
  934. </div>
  935. </div>
  936. {/block:Photos}
  937. </div>
  938. {/block:IndexPage}
  939.  
  940. {block:PermalinkPage}
  941. {Photoset}
  942. {/block:PermalinkPage}
  943.  
  944. {block:PermalinkPage}{block:Caption}
  945. <div class="entry-content inner">
  946. {Caption}
  947. </div>
  948. {/block:Caption}{/block:PermalinkPage}
  949.  
  950. {block:IfNotCaptionsOnlyOnPermalink}{block:IndexPage}{block:Caption}
  951. <div class="entry-content inner">
  952. {Caption}
  953. </div>{/block:Caption}{/block:IndexPage}{/block:IfNotCaptionsOnlyOnPermalink}
  954. {/block:Photoset}
  955.  
  956. {block:Quote}
  957. <div class="quote post">
  958. <blockquote>
  959. {Quote}
  960. </blockquote>
  961.  
  962. {block:Source}
  963. <div class="entry-content inner">
  964. <p>{Source}</p>
  965. </div>
  966. {/block:Source}
  967. {/block:Quote}
  968.  
  969. {block:Link}
  970. <div class="link post">
  971. <h1 class="entry-title"><a href="{URL}" {Target}>{Name}</a></h1>
  972.  
  973. {block:Description}
  974. <div class="entry-content inner">
  975. {Description}
  976. </div>
  977. {/block:Description}
  978. {/block:Link}
  979.  
  980. {block:Chat}
  981. <div class="chat post">
  982. {block:Title}<h1 class="entry-title"><a href="{Permalink}" {Target}>{Title}</a></h1>{/block:Title}
  983.  
  984. <div class="entry-content inner">
  985. <ul>
  986. {block:Lines}<li class="{Alt}">{block:Label}<span class="label">{Label}</label></span>{/block:Label} {Line} </li>{/block:Lines}
  987. </ul>
  988. </div>
  989. {/block:Chat}
  990.  
  991. {block:Audio}
  992. <div class="audio post">
  993. {block:TrackName}
  994. <h1 class="entry-title"><a href="{Permalink}" {Target}>{TrackName}</a></h1>
  995. {/block:TrackName}
  996.  
  997. <div class="entry-content inner">
  998. <div class="audio_embed embed_wrap" id="{PostID}">
  999. {AudioEmbed}
  1000. {AudioPlayerBlack}
  1001. </div>
  1002.  
  1003. {block:PermalinkPage}{block:Caption}
  1004. {Caption}
  1005. {/block:Caption}{/block:PermalinkPage}
  1006.  
  1007. {block:IfNotCaptionsOnlyOnPermalink}{block:IndexPage}{block:Caption}
  1008. {Caption}
  1009. {/block:Caption}{/block:IndexPage}{/block:IfNotCaptionsOnlyOnPermalink}
  1010. </div>
  1011. {/block:Audio}
  1012.  
  1013. {block:Video}
  1014. <div class="video post">
  1015. <div class="video-player embed_wrap" id="{PostID}">
  1016. {VideoEmbed-700}
  1017. </div>
  1018.  
  1019. {block:PermalinkPage}{block:Caption}
  1020. <div class="entry-content inner">
  1021. {Caption}
  1022. </div>
  1023. {/block:Caption}{/block:PermalinkPage}
  1024.  
  1025. {block:IfNotCaptionsOnlyOnPermalink}{block:IndexPage}{block:Caption}
  1026. <div class="entry-content inner">
  1027. {Caption}
  1028. </div>{/block:Caption}{/block:IndexPage}{/block:IfNotCaptionsOnlyOnPermalink}
  1029. {/block:Video}
  1030.  
  1031. {block:Answer}
  1032. <div class="answer post">
  1033. <p class="asker">{lang:Asker asked 2}:</p>
  1034. <h1 class="entry-title"><a href="{Permalink}" {Target}>{Question}</a></h1>
  1035.  
  1036. <div class="entry-content inner">
  1037. {Answer}
  1038. </div>
  1039. {/block:Answer}
  1040. </div>
  1041.  
  1042. <!--Footer for permalink pages-->
  1043. {block:Date}{block:PermalinkPage}
  1044. <footer class="metadata inner" role="contentinfo">
  1045. {block:IfPermalinkTags}{block:HasTags}
  1046. <ul class="tags">
  1047. {block:Tags}
  1048. <li>
  1049. <a href="{TagURL}" {Target} rel="tag">#{Tag}</a>
  1050. </li>
  1051. {/block:Tags}
  1052. </ul>
  1053. {/block:HasTags}{/block:IfPermalinkTags}
  1054.  
  1055. {block:IfPermalinkPostNoteCount}{block:PostNotes}
  1056. {block:NoteCount}<p id="notes_label">{NoteCountWithLabel}</p>{/block:NoteCount}
  1057. {/block:PostNotes}{/block:IfPermalinkPostNoteCount}
  1058.  
  1059. {block:IfPermalinkPostNoteList}{block:PostNotes}
  1060. <div id="notes">
  1061. {PostNotes}
  1062. </div>
  1063. {/block:PostNotes}{/block:IfPermalinkPostNoteList}
  1064.  
  1065. {block:IfPermalinkTumblrLikeAndReblogButtons}
  1066. <ul class="tumblr-share">
  1067. <li>{ReblogButton size="15"}</li>
  1068. <li>{LikeButton size="15"}</li>
  1069. </ul>
  1070. {/block:IfPermalinkTumblrLikeAndReblogButtons}
  1071.  
  1072. {block:IfDisqusShortname}
  1073. <script type="text/javascript">var disqus_url = "{Permalink}"; var disqus_title ="{block:PostTitle}{PostTitle}{/block:PostTitle}";</script>{block:Permalink}<div id="disqus_thread"></div>
  1074. <script type="text/javascript">
  1075. /**
  1076. * var disqus_identifier; [Optional but recommended: Define a unique identifier (e.g. post id or slug) for this thread]
  1077. */
  1078. (function() {
  1079. var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
  1080. dsq.src = 'http://{text:Disqus Shortname}.disqus.com/embed.js';
  1081. (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
  1082. })();
  1083. </script>
  1084. <noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript={text:Disqus Shortname}">comments powered by Disqus.</a></noscript>
  1085. <a href="http://disqus.com" class="dsq-brlink">blog comments powered by <span class="logo-disqus">Disqus</span></a>
  1086. {/block:Permalink}<script type="text/javascript">
  1087. var disqus_shortname = '{text:Disqus Shortname}';
  1088. (function () {
  1089. var s = document.createElement('script'); s.async = true;
  1090. s.src = 'http://{text:Disqus Shortname}.disqus.com/count.js';
  1091. (document.getElementsByTagName('HEAD')[0] || document.getElementsByTagName('BODY')[0]).appendChild(s);
  1092. }());
  1093. </script>
  1094. {/block:IfDisqusShortname}
  1095.  
  1096. {block:IfPermalinkShareButtons}
  1097. <ul class="global-share">
  1098. <li class="share-this">{lang:Share this}</li>
  1099. <li class="tumblr"><a href="{ReblogURL}" {Target}>Tumblr</a></li>
  1100. <li class="facebook"><a href="https://www.facebook.com/sharer.php?u={Permalink}" {Target}>Facebook</a></li>
  1101. <li class="twitter"><a href="https://twitter.com/intent/tweet?url={ShortURL}" {Target}>Twitter</a></li>
  1102. <li class="google"><a href="https://plusone.google.com/_/+1/confirm?hl=en&url={Permalink}" {Target}>Google+</a></li>
  1103. </ul>
  1104. {/block:IfPermalinkShareButtons}
  1105. </footer>
  1106. {/block:PermalinkPage}{/block:Date}
  1107.  
  1108. <!--Footer for index pages-->
  1109. {block:Date}{block:IndexPage}
  1110. <footer class="metadata inner
  1111.  
  1112. {block:IfIndexTags}{block:HasTags}
  1113. tags-enabled
  1114. element-enabled
  1115. {/block:HasTags}{/block:IfIndexTags}
  1116.  
  1117. {block:IfIndexPostNoteCount}{block:NoteCount}
  1118. note-count-enabled
  1119. element-enabled
  1120. {/block:NoteCount}{/block:IfIndexPostNoteCount}
  1121.  
  1122. {block:IfIndexPermalinkLabel}
  1123. permalink-label-enabled
  1124. element-enabled
  1125. {/block:IfIndexPermalinkLabel}
  1126.  
  1127. {block:IfIndexTumblrLikeAndReblogButtons}
  1128. like-buttons-enabled
  1129. element-enabled
  1130. {/block:IfIndexTumblrLikeAndReblogButtons}
  1131.  
  1132. {block:IfNotIndexTags}
  1133. tags-disabled
  1134. {/block:IfNotIndexTags}
  1135.  
  1136. {block:IfNotIndexPostNoteCount}
  1137. note-count-disabled
  1138. {/block:IfNotIndexPostNoteCount}
  1139.  
  1140. {block:IfNotIndexPermalinkLabel}
  1141. permalink-label-disabled
  1142. {/block:IfNotIndexPermalinkLabel}
  1143.  
  1144. {block:IfNotIndexTumblrLikeAndReblogButtons}
  1145. like-buttons-disabled
  1146. {/block:IfNotIndexTumblrLikeAndReblogButtons}
  1147. " role="contentinfo">
  1148. {block:IfIndexTags}{block:HasTags}
  1149. <ul class="tags">
  1150. {block:Tags}
  1151. <li>
  1152. <a href="{TagURL}" {Target} rel="tag">#{Tag}</a>
  1153. </li>
  1154. {/block:Tags}
  1155. </ul>
  1156. {/block:HasTags}{/block:IfIndexTags}
  1157.  
  1158. {block:IfIndexPostNoteCount}
  1159. {block:NoteCount}<p id="notes_label"><a href="{Permalink}">{NoteCountWithLabel}</a>{block:IfIndexPermalinkLabel}
  1160. <span class="post-note-divider"></span>
  1161. {/block:IfIndexPermalinkLabel}</p>
  1162. {/block:NoteCount}
  1163. {/block:IfIndexPostNoteCount}
  1164.  
  1165. {block:IfIndexPermalinkLabel}
  1166. <p id="permalink_label"><a href="{Permalink}">{lang:Permalink}</a></p>
  1167. {/block:IfIndexPermalinkLabel}
  1168.  
  1169. {block:IfIndexTumblrLikeAndReblogButtons}
  1170. <ul class="tumblr-share">
  1171. <li>{ReblogButton}</li>
  1172. <li>{LikeButton}</li>
  1173. </ul>
  1174. {/block:IfIndexTumblrLikeAndReblogButtons}
  1175. </footer>
  1176. {/block:IndexPage}{/block:Date}
  1177. <!--Post hover on the index page-->
  1178. {block:Date}{block:IndexPage}{block:IfNotPostButtons}{block:IfNotIndexPermalinkLabel}
  1179. <ul class="no-post-hover {block:ContentSource}has_source{/block:ContentSource}" role="contentinfo">
  1180. <li><a href="{Permalink}" class="published permalink" {Target}> <time datetime="{Year}-{MonthNumberWithZero}-{DayOfMonthWithZero}">{DayOfMonth} {Month} {Year}</time></a></li>
  1181. </ul>
  1182. {/block:IfNotIndexPermalinkLabel}{/block:IfNotPostButtons}{/block:IndexPage}{/block:Date}
  1183. </article>
  1184. {/block:Posts}
  1185.  
  1186. </div>
  1187. {block:IndexPage}
  1188. <div id="loading">
  1189. </div>
  1190. {/block:IndexPage}
  1191.  
  1192. {block:Pagination}
  1193. <nav id="pagination" role="navigation">
  1194. <ul>
  1195. {block:PreviousPage}<li id="prev-page"><a href="{PreviousPage}">{lang:Previous}</a></li>{/block:PreviousPage}
  1196. {block:NextPage}<li id="next-page"><a href="{NextPage}">{lang:Next} </a></li>{/block:NextPage}
  1197. </ul>
  1198. </nav>
  1199. {/block:Pagination}
  1200. </div>
  1201.  
  1202. </div>
  1203.  
  1204. <script>
  1205. var theme_options = {
  1206. theme_developer :"Olle Ota",
  1207. theme_type :'grid',
  1208. theme_name :'Highrise',
  1209. theme_number :5,
  1210. color_background_rgb :'{RGBcolor:Body background}',
  1211. infinite_scroll :{block:IfInfiniteScroll}true,{/block:IfInfiniteScroll}
  1212. {block:IfNotInfiniteScroll}false,{/block:IfNotInfiniteScroll}
  1213. infinite_scroll_str :"{lang:No more posts}",
  1214. form_photosets :true,
  1215. photoset_gap :'10px',
  1216. attribution_style :'{select:Theme attribution style}',
  1217. menu :'{select:Menu}',
  1218. make_it_snow :{block:IfMakeItSnow}true{/block:IfMakeItSnow}
  1219. {block:IfNotMakeItSnow}false{/block:IfNotMakeItSnow}
  1220. };
  1221. </script>
  1222.  
  1223. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
  1224. <script src="//static.tumblr.com/79xqv9n/wtpo5ipyb/theme.min.js"></script>
  1225. <script>$('#loading').hide();</script>
  1226.  
  1227. {block:IfGoogleAnalyticsID}
  1228. <script>
  1229. var _gaq = _gaq || [];
  1230. _gaq.push(['_setAccount', '{text:Google Analytics ID}']);
  1231. _gaq.push(['_trackPageview']);
  1232.  
  1233. (function() {
  1234. var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
  1235. ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
  1236. var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  1237. })();
  1238. </script>
  1239. {/block:IfGoogleAnalyticsID}
  1240. <!--OO.TS.-->
  1241. </body>
  1242. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!