Advertisement
feiinho

Manila olleotathemes.tumblr.com

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