vaanzino

TUMBLR THEME

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