API tools faq
paste
Advertisement
feiinho

Cocoa by Olle Ota Themes

feiinho
Feb 15th, 2018
377
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 70.85 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html {block:English}lang="en"{/block:English}>
  3. <head>
  4.  
  5. <!--
  6. BLOG DETAILS:
  7. {Title}
  8. {BlogURL}
  9.  
  10. THEME DETAILS:
  11. Cocoa (6) is a free column 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="#f4f4f4" />
  26.  
  27. <meta name="color:Post title" content="#5b5b5b" />
  28. <meta name="color:Post text" content="#5b5b5b" />
  29. <meta name="color:Post links" content="#5dbc8e" />
  30. <meta name="color:Post background" content="#fdfdfd" />
  31.  
  32. <meta name="color:Metadata text" content="#b8b8b8" />
  33. <meta name="color:Metadata links" content="#b8b8b8" />
  34.  
  35. <meta name="color:Masthead title" content="#ffffff" />
  36. <meta name="color:Masthead text" content="#ffffff" />
  37. <meta name="color:Masthead links" content="#ffffff" />
  38. <meta name="color:Masthead background" content="#525252" />
  39.  
  40. <meta name="color:Accent" content="#529ecc" />
  41. <meta name="color:Widget area background" content="#505050" />
  42. <meta name="color:Widget background" content="#3a3a3a" />
  43. <meta name="color:Widget title" content="#5b5b5b" />
  44. <meta name="color:Widget text" content="#5a5a5a" />
  45. <meta name="color:Widget links" content="#989898" />
  46.  
  47. <meta name="color:Primary masthead effect" content="#f5ad58" />
  48. <meta name="color:Secondary masthead effect" content="#e17e66" />
  49.  
  50. <meta name="color:Menu bar button" content="#737373" />
  51. <meta name="color:Menu bar background" content="#e5e5e5" />
  52. <meta name="color:Menu bar links" content="#737373" />
  53. <meta name="if:Menu bar" content="0"/>
  54. <meta name="if:Post background transparent" content="1"/>
  55. <meta name="if:Emphasize lead text post paragraph" content="0"/>
  56. <meta name="if:Masthead avatar" content="0"/>
  57. <meta name="if:Masthead site name" content="1"/>
  58. <meta name="if:Masthead description" content="0"/>
  59. <meta name="if:Masthead navigation" content="1"/>
  60. <meta name="if:Navigation widget" content="0"/>
  61. <meta name="if:Navigation RSS link" content="0"/>
  62. <meta name="if:Navigation archive link" content="1"/>
  63. <meta name="if:Navigation random post link" content="0"/>
  64. <meta name="if:Infinite scroll" content="0"/>
  65.  
  66. <meta name="if:Site name widget" content="0"/>
  67. <meta name="if:Avatar widget" content="0"/>
  68. <meta name="if:Description widget" content="0"/>
  69. <meta name="if:Search widget" content="0"/>
  70. <meta name="if:Liked posts widget" content="0"/>
  71. <meta name="if:People I Follow widget" content="0"/>
  72. <meta name="if:Form photosets" content="0"/>
  73. <meta name="if:Make it snow" content="0"/>
  74. <meta name="if:Load Latin subset font if available" content="0"/>
  75. <meta name="if:Footer" content="0"/>
  76. <meta name="if:Link to Olle Ota Themes" content="1"/>
  77.  
  78. <meta name="image:Masthead image" content="" />
  79. <meta name="image:Masthead logo" content="" />
  80. <meta name="image:Masthead background" content="http://static.tumblr.com/nrrlmzd/aTEn4dpdc/cocoa_bg.jpg" />
  81. <meta name="image:Body background" content="" />
  82. <meta name="image:Custom image widget" content="" />
  83.  
  84. <meta name="text:Twitter widget code" content=''/>
  85. <meta name="text:Primary Google Font name" content="Source Sans Pro">
  86. <meta name="text:Secondary Google Font name" content="Raleway">
  87. <meta name="text:Google Analytics ID" content=''/>
  88. <meta name="text:Disqus shortname" content="" />
  89. <meta name="text:Custom text widget" content="" />
  90. <meta name="text:Custom text widget title" content="" />
  91.  
  92. <meta name="text:Direct link URL one" content=''/>
  93. <meta name="text:Direct link title one" content=''/>
  94. <meta name="text:Direct link URL two" content=''/>
  95. <meta name="text:Direct link title two" content=''/>
  96. <meta name="text:Direct link URL three" content=''/>
  97. <meta name="text:Direct link title three" content=''/>
  98. <meta name="text:Direct link URL four" content=''/>
  99. <meta name="text:Direct link title four" content=''/>
  100. <meta name="text:Direct link URL five" content=''/>
  101. <meta name="text:Direct link title five" content=''/>
  102. <meta name="text:Direct link URL six" content=''/>
  103. <meta name="text:Direct link title six" content=''/>
  104.  
  105. <meta name="text:Username on Behance" content=''/>
  106. <meta name="text:Username on Bitbucket" content=''/>
  107. <meta name="text:Username on Facebook" content=''/>
  108. <meta name="text:Username on Flickr" content=''/>
  109. <meta name="text:Username on GitHub" content=''/>
  110. <meta name="text:Username on Google Plus" content=''/>
  111. <meta name="text:Username on Instagram" content=''/>
  112. <meta name="text:Username on Pinterest" content=''/>
  113. <meta name="text:Username on Reddit" content=''/>
  114. <meta name="text:Username on SoundCloud" content=''/>
  115. <meta name="text:Username on Steam" content=''/>
  116. <meta name="text:Username on Twitter" content=''/>
  117. <meta name="text:Username on Vimeo" content=''/>
  118. <meta name="text:Username on WordPress" content=''/>
  119. <meta name="text:Username on YouTube" content=''/>
  120.  
  121. <meta name="select:Avatar style" content="avatar-circle" title="Circle">
  122. <meta name="select:Avatar style" content="avatar-square" title="Square">
  123. <meta name="select:Avatar style" content="avatar-rounded" title="Rounded">
  124. <meta name="select:Masthead effect" content="none" title="None">
  125. <meta name="select:Masthead effect" content="glow" title="Glow">
  126. <meta name="select:Masthead effect" content="border-in" title="Border in">
  127. <meta name="select:Masthead effect" content="gradient" title="Gradient">
  128. <meta name="select:Masthead effect" content="color" title="Color">
  129. <meta name="select:Masthead effect" content="fade-out" title="Fade out">
  130.  
  131. <meta name="select:Global font size" content="1.1em" title="1.1">
  132. <meta name="select:Global font size" content="0.6em" title="0.6">
  133. <meta name="select:Global font size" content="0.7em" title="0.7">
  134. <meta name="select:Global font size" content="0.8em" title="0.8">
  135. <meta name="select:Global font size" content="0.9em" title="0.9">
  136. <meta name="select:Global font size" content="1.0em" title="1.0">
  137. <meta name="select:Global font size" content="1.2em" title="1.2">
  138. <meta name="select:Global font size" content="1.3em" title="1.3">
  139. <meta name="select:Global font size" content="1.4em" title="1.4">
  140. <meta name="select:Global font size" content="1.5em" title="1.5">
  141. <meta name="select:Post notes" content="display-permalink" title="Permalink only">
  142. <meta name="select:Post notes" content="display-hide" title="Hide">
  143. <meta name="select:Post tags" content="display-everywhere" title="Index and permalink">
  144. <meta name="select:Post tags" content="display-index" title="Index only">
  145. <meta name="select:Post tags" content="display-permalink" title="Permalink only">
  146. <meta name="select:Post tags" content="display-hide" title="Hide">
  147. <meta name="select:Post Tumblr buttons" content="display-everywhere" title="Index and permalink">
  148. <meta name="select:Post Tumblr buttons" content="display-index" title="Index only">
  149. <meta name="select:Post Tumblr buttons" content="display-permalink" title="Permalink only">
  150. <meta name="select:Post Tumblr buttons" content="display-hide" title="Hide">
  151. <meta name="select:Post content alignment" content="left" title="Left">
  152. <meta name="select:Post content alignment" content="right" title="Right">
  153. <meta name="select:Post content alignment" content="center" title="Center">
  154. <meta name="select:Body background" content="body-bg-pattern" title="Pattern">
  155. <meta name="select:Body background" content="body-bg-full" title="Full-size">
  156. <meta name="select:Masthead background" content="masthead-bg-full" title="Full-size">
  157. <meta name="select:Masthead background" content="masthead-bg-contain" title="Contain">
  158. <meta name="select:Masthead background" content="masthead-bg-pattern" title="Pattern">
  159. <meta name="select:Masthead background" content="masthead-bg-disabled" title="Disabled">
  160. <meta name="select:Masthead links style" content="links-uppercase" title="Uppercase">
  161. <meta name="select:Masthead links style" content="links-bold-uppercase" title="Bold and uppercase">
  162. <meta name="select:Masthead links style" content="links-bold" title="Bold">
  163. <meta name="select:Masthead links style" content="links-italics" title="Italics">
  164. <meta name="select:Masthead links style" content="links-normal" title="Normal">
  165. <meta name="select:Masthead title style" content="links-uppercase" title="Uppercase">
  166. <meta name="select:Masthead title style" content="links-bold-uppercase" title="Bold and uppercase">
  167. <meta name="select:Masthead title style" content="links-bold" title="Bold">
  168. <meta name="select:Masthead title style" content="links-italics" title="Italics">
  169. <meta name="select:Masthead title style" content="links-normal" title="Normal">
  170. <meta name="select:Post title style" content="entry-title-normal" title="Normal">
  171. <meta name="select:Post title style" content="entry-title-bold-uppercase" title="Bold and uppercase">
  172. <meta name="select:Post title style" content="entry-title-bold" title="Bold">
  173. <meta name="select:Post title style" content="entry-title-uppercase" title="Uppercase">
  174. <meta name="select:Post title style" content="entry-title-italics" title="Italics">
  175. <meta name="select:Post title font size" content="1.0em" title="1.0">
  176. <meta name="select:Post title font size" content="0.3em" title="0.4">
  177. <meta name="select:Post title font size" content="0.4em" title="0.3">
  178. <meta name="select:Post title font size" content="0.5em" title="0.5">
  179. <meta name="select:Post title font size" content="0.6em" title="0.6">
  180. <meta name="select:Post title font size" content="0.7em" title="0.7">
  181. <meta name="select:Post title font size" content="0.8em" title="0.8">
  182. <meta name="select:Post title font size" content="0.9em" title="0.9">
  183. <meta name="select:Post title font size" content="1.1em" title="1.1">
  184. <meta name="select:Post title font size" content="1.2em" title="1.2">
  185. <meta name="select:Post title font size" content="1.3em" title="1.3">
  186. <meta name="select:Post title font size" content="1.4em" title="1.4">
  187. <meta name="select:Post title font size" content="1.5em" title="1.5">
  188.  
  189. <meta name="select:Masthead title font size" content="1.0em" title="1.0">
  190. <meta name="select:Masthead title font size" content="0.3em" title="0.3">
  191. <meta name="select:Masthead title font size" content="0.4em" title="0.4">
  192. <meta name="select:Masthead title font size" content="0.5em" title="0.5">
  193. <meta name="select:Masthead title font size" content="0.6em" title="0.6">
  194. <meta name="select:Masthead title font size" content="0.7em" title="0.7">
  195. <meta name="select:Masthead title font size" content="0.8em" title="0.8">
  196. <meta name="select:Masthead title font size" content="0.9em" title="0.9">
  197. <meta name="select:Masthead title font size" content="1.1em" title="1.1">
  198. <meta name="select:Masthead title font size" content="1.2em" title="1.2">
  199. <meta name="select:Masthead title font size" content="1.3em" title="1.3">
  200. <meta name="select:Masthead title font size" content="1.4em" title="1.4">
  201. <meta name="select:Masthead title font size" content="1.5em" title="1.5">
  202.  
  203. <meta name="select:Theme attribution style" content="style-text" title="Simple">
  204. <meta name="select:Theme attribution style" content="style-gray" title="Gray button">
  205. <meta name="select:Theme attribution style" content="style-transparent" title="Transparent button">
  206. <meta name="select:Theme attribution style" content="style-w-logo" title="White logo">
  207. <meta name="select:Theme attribution style" content="style-b-logo" title="Black logo">
  208. <meta name="select:Theme attribution style" content="style-s-logo" title="Surf logo">
  209.  
  210. <link href='//fonts.googleapis.com/css?family={text:Primary Google Font name}{block:IfLoadLatinSubsetFontIfAvailable}&subset=latin,latin-ext{/block:IfLoadLatinSubsetFontIfAvailable}' rel='stylesheet' type='text/css'>
  211. <link href='//fonts.googleapis.com/css?family={text:Secondary Google Font name}{block:IfLoadLatinSubsetFontIfAvailable}&subset=latin,latin-ext{/block:IfLoadLatinSubsetFontIfAvailable}' rel='stylesheet' type='text/css'>
  212. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
  213.  
  214. {block:Description}
  215. <meta name="description" content="{MetaDescription}" />
  216. {/block:Description}
  217. <meta charset="utf-8">
  218. <meta name="viewport" content="initial-scale=1.0, width=device-width" />
  219. <title>{block:TagPage}{Tag} posts - {/block:TagPage} {block:SearchPage}{lang:Search results for SearchQuery} - {/block:SearchPage}{block:PostSummary}{PostSummary} - {/block:PostSummary}{Title}</title>
  220. <link rel="shortcut icon" href="{Favicon}">
  221. <link rel="apple-touch-icon" href="{PortraitURL-128}">
  222. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  223. <link href="//static.tumblr.com/wgijwsy/YZomlhwl6/normalize.min.css" rel="stylesheet" type="text/css" />
  224. <style>#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}
  225. .post-content-align-right article{text-align:right}.post-content-align-center article{text-align:center}.post-content-align-center .post-header{display:inline-block;margin-top:1em}.post-content-align-center .post-tags li{float:none;display:inline}.post-content-align-center .post-tumblr-buttons li{float:none;padding:15px 0 0 15px}.post-content-align-center .post-tumblr-buttons{width:100%;float:none}.post-content-align-center .source{width:100%;display:inline-block}.post-content-align-center blockquote{margin:0 auto;width:auto;display:table}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#loading{display:none;left:10px;top:10px;margin-bottom:0}html{font-family:'{text:Primary Google Font name}';line-height:0;word-wrap:break-word}body{font-size:{select:Global font size}}body a{color:{color:Post links}}.site-name-wrapper{font-size:{select:Masthead title font size}}.title-wrapper,.quote-wrapper{font-size:{select:Post title font size}}#masthead,article,footer,.widget{line-height:1.5}h1,h2,h3,h4,h5,h6{font-weight:400}h1{font-size:2.5em}h2{font-size:2em}h3{font-size:1.5em}h4{font-size:1.2em}h5{font-size:.9em}h6{font-size:.75em}ol{padding:0;list-style-position:inside}li,ul{max-width:100%}blockquote{margin:0;padding:0 1%}a{text-decoration:none}nav ul,footer ul,.chat ul,.widget ul,.notes{display:inline-block;list-style:none;margin:0;padding:0}input[type=search]{width:100%;background:0;border:0}.post-title a,.post-title{line-height:120%}.emphasize-lead .text>p:first-child{font-size:1.3em;line-height:125%}.audio-embed iframe{width:100%}.content-text,.content-media,.alert,.intro{background:{color:Post background}}.widgets{background:{color:Widget area background};color:{color:Widget text}}.widget{background:{color:Widget background}}.widgets a{color:{color:Widget links}}.widgets h1,.widgets h2,.widgets h3,.widgets h4,.widgets h5{color:{color:Widget title}}input[type=search]{color:{color:Widget text};border-bottom:1px solid{color:Widget text}}::-webkit-input-placeholder{color:{color:Widget text}}:-moz-placeholder{color:{color:Widget text}}::-moz-placeholder{color:{color:Widget text}}:-ms-input-placeholder{color:{color:Widget text}}.type-link .post-title a{text-decoration:underline}.post-title a,.post-title{color:{color:Post title}}.post-meta,.post-footer,article footer{color:{color:Metadata text}}.post-meta a,.post-footer a{color:{color:Metadata links}}#disqus_color_hook{color:#5b5b5b}.body-wrapper #wrapper{background:{color:Body wrapper}}.display-everywhere{display:block}.index .display-index{display:block}.permalink .display-index{display:none!important}.index .display-permalink{display:none!important}.permalink .display-permalink{display:block}.display-hide{display:none!important}.body-wrapper #wrapper{vertical-align:bottom;width:100%;display:inline-block}#wrapper{overflow:hidden}.no-post-background .content-text,.no-post-background .content-media,.no-post-background .alert,.no-post-background .intro{background:none!important}.button{border-bottom:2px solid{color:Body links};display:inline-block;margin:1em 0}p+.button{margin-top:0}.widgets .button{border-bottom:2px solid{color:Widget links}}a{-webkit-transition:ease-in .3s;-moz-transition:ease-in .3s;-o-transition:ease-in .3s;-ms-transition:ease-in .3s;transition:ease-in .3s}a:hover{opacity:.8}#overlay ul li a:hover{opacity:1}#masthead{display:inline-block;width:100%;padding:10% 0;position:relative}.sidebar-present #masthead{position:absolute}.masthead-widget{display:inline-block;float:left;width:100%;padding:2% 5%;position:relative;z-index:2}.masthead-widget h1{margin:0}.masthead-navigation li{display:inline}.masthead-navigation a{display:inline;margin-right:.5em}#masthead-description{margin:0}article{display:inline-block;width:100%}article{padding:5% 8% 0}#content article:last-child{padding-bottom:5%}.source{float:right;text-transform:uppercase;letter-spacing:.1em;font-size:.8em;margin:.2em 0}.post-title{margin:0}.post-title a{margin-bottom:.4em;display:inline-block;max-width:100%}.quote blockquote{font-size:2.5em;line-height:100%;border:0;padding:0;margin:1em 0}.chat .label{text-transform:uppercase;letter-spacing:.1em;width:100%;display:inline-block}.chat .entry-content li{margin-bottom:1.5em;margin-top:1.5em}.post-header{margin-bottom:1em}.post-footer{font-size:.9em;margin-top:1em;display:inline-block;width:100%}.post-tags li{float:left;padding:0;margin-right:1%;margin-bottom:2%;max-width:100%}.post-tumblr-buttons{float:right;display:block}.post-tumblr-buttons li{display:inline-block;padding:0 0 0 10px}.post-footer .post-notes-label{display:inline-block;clear:both;width:100%}.post-footer .notes .avatar{border-radius:.2em;margin-right:.5em;vertical-align:middle}.alert{border-bottom:1px solid rgba(0,0,0,.08)}.results{font-size:2.75em}.alert .tag{border-bottom:3px solid}#pagination,#pagination a{display:inline-block;width:100%}#pagination li{border-top:1px solid rgba(0,0,0,.09);border-bottom:1px solid rgba(0,0,0,.09);display:inline-block;padding:2em;text-align:center;width:50%}#prev-page{float:left}#next-page{float:right}nav ul{width:100%}#colophon{width:100%;clear:both;display:inline-block;text-align:center;padding:2% 20%}.widget{padding:1em;margin:2%;width:29.33333333333%;display:inline-block}#avatar-widget{text-align:center}.widget h1,.widget h2,.widget h3,.widget h4{margin:.5em 0}#site-name-widget h1{margin:0}#description-widget p{margin:0}#followed-widget ul img{padding:3%;margin:1%;float:left;display:inline-block;background:rgba(0,0,0,.03)}#followed-widget ul{display:inline}.like_post{background:rgba(0,0,0,.03);padding:8%;text-align:center;margin:0 0 7%}.like_left_quote,.like_right_quote{display:none}#nav-toggle{position:absolute;top:20px;left:20px}#nav-toggle-wrapper{position:absolute;top:0;left:0}#jPanelMenu-menu li a{padding:2em}</style>
  226. <style>article{padding:5%;width:70%;margin:0 15%;border-radius:.3em}.post-background article{margin:5% 15%}.masthead-widget{padding:1% 10%;text-align:center}.widgets{width:100%}.widget{border-radius:.3em}.masthead-navigation ul{font-size:.9em}.hashtag{display:none}.post-tags a{border:1px solid{color:Metadata links};padding:.3em 1em;border-radius:.3em}.post-title{font-weight:700}h1,h2,h3,h4,h5,h6,#masthead{font-family:{text:Secondary Google Font name}}
  227. #masthead{float:left;height:100%;position:fixed;width:25%;padding:5% 0}#masthead:hover{overflow-y:auto}#wrapper{overflow:hidden;width:75%;float:right;padding-top:6%}#pagination{border-top:1px solid rgba(0,0,0,.06)}#pagination li{border:0;padding:3em 2em;width:auto}#prev-page,#next-page{float:none}#pagination ul{width:100%;text-align:center}article{padding:0 25% 0 8%;width:100%;margin:0}.post-background article{margin:5%;padding:5%;width:80%}#nav-toggle{position:relative;top:auto;left:auto}</style>
  228. <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{padding:10% 0}.masthead-widget{padding:0 6%}#masthead,#wrapper,#content,.widgets{width:100%;margin:0;position:inherit;float:none}#masthead{position:relative}#pagination{width:100%}.post-background article{margin:6% 5% 0!important;padding:5%;width:90%}.no-post-background article{margin:0 10% 2em!important;padding:0;width:80%}.post-background #content article:last-child{margin-bottom:6%!important}.no-post-background #content article:first-child{margin-top:2em!important}.no-post-background #content article:last-child{padding-bottom:0}.post-tags li{margin-right:3%;margin-bottom:6%}.widgets{width:100%}.widget{width:90%;margin:5% 0 0 5%}.widget:last-child{margin-bottom:5%}.quote blockquote{font-size:2em}h1{font-size:1.9em}h2{font-size:1.4em}h3{font-size:1.2em}h4{font-size:1em}h5{font-size:.9em}h6{font-size:.75em}}
  229. @media all and (min-width:1500px){.theme-name-Cocoa #masthead{width:20%}.theme-name-Cocoa article{padding:0 55% 0 0}.theme-name-Cocoa.post-background article{padding:5%;width:60%}}</style>
  230. <style> {CustomCSS} </style>
  231.  
  232. </head>
  233.  
  234. <body class="
  235. theme-name-Cocoa
  236.  
  237. {block:IfLinkToOlleOtaThemes}
  238. masthead-effect-{select:Masthead effect}
  239. post-content-align-{select:Post content alignment}
  240. menu-{select:Menu}
  241. {block:PermalinkPage}permalink{/block:PermalinkPage}
  242. {block:IndexPage}index{/block:IndexPage}
  243. {select:Body background}
  244. {select:Masthead background}
  245. {block:IfUseBodyWrapper}body-wrapper{/block:IfUseBodyWrapper}
  246. {block:IfNotUseBodyWrapper}no-body-wrapper{/block:IfNotUseBodyWrapper}
  247. {select:Photo filter}
  248. {block:IfEmphasizeLeadTextPostParagraph}
  249. emphasize-lead
  250. {/block:IfEmphasizeLeadTextPostParagraph}
  251. {block:IfPostBackgroundTransparent}no-post-background{/block:IfPostBackgroundTransparent}
  252. {block:IfNotPostBackgroundTransparent}post-background{/block:IfNotPostBackgroundTransparent}
  253. {block:IfMenuBar}has-menu{/block:IfMenuBar}
  254. {block:IfNotMenuBar}no-menu{/block:IfNotMenuBar}
  255. {/block:IfLinkToOlleOtaThemes}
  256.  
  257. {block:IfNotLinkToOlleOtaThemes}
  258. masthead-effect-{select:Masthead effect}
  259. post-content-align-{select:Post content alignment}
  260. menu-{select:Menu}
  261. {block:PermalinkPage}permalink{/block:PermalinkPage}
  262. {block:IndexPage}index{/block:IndexPage}
  263. {select:Body background}
  264. {select:Masthead background}
  265. {block:IfUseBodyWrapper}body-wrapper{/block:IfUseBodyWrapper}
  266. {block:IfNotUseBodyWrapper}no-body-wrapper{/block:IfNotUseBodyWrapper}
  267. {select:Photo filter}
  268. {block:IfEmphasizeLeadTextPostParagraph}
  269. emphasize-lead
  270. {/block:IfEmphasizeLeadTextPostParagraph}
  271. {block:IfPostBackgroundTransparent}no-post-background{/block:IfPostBackgroundTransparent}
  272. {block:IfNotPostBackgroundTransparent}post-background{/block:IfNotPostBackgroundTransparent}
  273. {block:IfMenuBar}has-menu{/block:IfMenuBar}
  274. {block:IfNotMenuBar}no-menu{/block:IfNotMenuBar}
  275. {/block:IfNotLinkToOlleOtaThemes}
  276.  
  277. ">
  278.  
  279. {block:IfMenuBar}
  280. <div class="menu-container">
  281. <div class="menu-button">
  282. <i class="fa fa-bars"></i>
  283. </div>
  284. <div class="menu-content">
  285. <nav>
  286. <ul>
  287. {block:HasPages}{block:Pages}
  288. <li>
  289. <a href="{URL}" {Target}>{Label}</a>
  290. </li>
  291. {/block:Pages}{/block:HasPages}
  292.  
  293. {block:SubmissionsEnabled}
  294. <li>
  295. <a href="/submit" {Target}>{SubmitLabel}</a>
  296. </li>
  297. {/block:SubmissionsEnabled}
  298.  
  299. {block:AskEnabled}
  300. <li>
  301. <a href="/ask" {Target}>{AskLabel}</a>
  302. </li>
  303. {/block:AskEnabled}
  304.  
  305. {block:IfLinkToOlleOtaThemes}
  306. <li>
  307. <a href="http://olleotathemes.tumblr.com/" {Target} rel="nofollow" title="{Title} uses Cocoa by Olle Ota">Themes</a>
  308. </li>
  309. {/block:IfLinkToOlleOtaThemes}
  310.  
  311. {block:IfNavigationRSSLink}
  312. <li>
  313. <a href="{RSS}" id="rss" title="{lang:Subscribe via RSS}" {Target}>{lang:RSS}</a>
  314. </li>
  315. {/block:IfNavigationRSSLink}
  316.  
  317. {block:IfNavigationArchiveLink}
  318. <li>
  319. <a href="/archive" id="archive" title="{lang:Browse the archive}" {Target}>{lang:Archive}</a>
  320. </li>
  321. {/block:IfNavigationArchiveLink}
  322.  
  323. {block:IfNavigationRandomPostLink}
  324. <li>
  325. <a href="/random" id="random" rel="nofollow" {Target}>{lang:Random post}</a>
  326. </li>
  327. {/block:IfNavigationRandomPostLink}
  328.  
  329. {block:IfDirectLinkUrlOne}
  330. <li>
  331. <a href="{text:Direct link URL One}" class="direct-link" {Target}>
  332. {block:IfDirectLinkTitleOne}{text:Direct link title One}{/block:IfDirectLinkTitleOne}
  333. {block:IfNotDirectLinkTitleOne}{lang:Link}{/block:IfNotDirectLinkTitleOne}
  334. </a>
  335. </li>
  336. {/block:IfDirectLinkUrlOne}
  337.  
  338. {block:IfDirectLinkUrlTwo}
  339. <li>
  340. <a href="{text:Direct link URL Two}" class="direct-link" {Target}>
  341. {block:IfDirectLinkTitleTwo}{text:Direct link title Two}{/block:IfDirectLinkTitleTwo}
  342. {block:IfNotDirectLinkTitleTwo}{lang:Link}{/block:IfNotDirectLinkTitleTwo}
  343. </a>
  344. </li>
  345. {/block:IfDirectLinkUrlTwo}
  346.  
  347. {block:IfDirectLinkUrlThree}
  348. <li>
  349. <a href="{text:Direct link URL Three}" class="direct-link" {Target}>
  350. {block:IfDirectLinkTitleThree}{text:Direct link title Three}{/block:IfDirectLinkTitleThree}
  351. {block:IfNotDirectLinkTitleThree}{lang:Link}{/block:IfNotDirectLinkTitleThree}
  352. </a>
  353. </li>
  354. {/block:IfDirectLinkUrlThree}
  355.  
  356. {block:IfDirectLinkUrlFour}
  357. <li>
  358. <a href="{text:Direct link URL Four}" class="direct-link" {Target}>
  359. {block:IfDirectLinkTitleFour}{text:Direct link title Four}{/block:IfDirectLinkTitleFour}
  360. {block:IfNotDirectLinkTitleFour}{lang:Link}{/block:IfNotDirectLinkTitleFour}
  361. </a>
  362. </li>
  363. {/block:IfDirectLinkUrlFour}
  364.  
  365. {block:IfDirectLinkUrlFive}
  366. <li>
  367. <a href="{text:Direct link URL Five}" class="direct-link" {Target}>
  368. {block:IfDirectLinkTitleFive}{text:Direct link title Five}{/block:IfDirectLinkTitleFive}
  369. {block:IfNotDirectLinkTitleFive}{lang:Link}{/block:IfNotDirectLinkTitleFive}
  370. </a>
  371. </li>
  372. {/block:IfDirectLinkUrlFive}
  373.  
  374. {block:IfDirectLinkUrlSix}
  375. <li>
  376. <a href="{text:Direct link URL Six}" class="direct-link" {Target}>
  377. {block:IfDirectLinkTitleSix}{text:Direct link title Six}{/block:IfDirectLinkTitleSix}
  378. {block:IfNotDirectLinkTitleSix}{lang:Link}{/block:IfNotDirectLinkTitleSix}
  379. </a>
  380. </li>
  381. {/block:IfDirectLinkUrlSix}
  382. {block:IfUsernameOnBehance}
  383. <li class="social-icon">
  384. <a href="https://www.behance.net/{text:Username on Behance}" title="Behance">
  385. <i class="fa fa-fw fa-behance"></i>
  386. </a>
  387. </li>
  388. {/block:IfUsernameOnBehance}
  389.  
  390. {block:IfUsernameOnBitbucket}
  391. <li class="social-icon">
  392. <a href="https://bitbucket.org/{text:Username on Bitbucket}" title="Bitbucket">
  393. <i class="fa fa-fw fa-bitbucket"></i>
  394. </a>
  395. </li>
  396. {/block:IfUsernameOnBitbucket}
  397.  
  398. {block:IfUsernameOnDribbble}
  399. <li class="social-icon">
  400. <a href="https://dribbble.com/{text:Username on Dribbble}" title="Dribbble">
  401. <i class="fa fa-fw fa-dribbble"></i>
  402. </a>
  403. </li>
  404. {/block:IfUsernameOnDribbble}
  405.  
  406. {block:IfUsernameOnFacebook}
  407. <li class="social-icon">
  408. <a href="https://www.facebook.com/{text:Username on Facebook}" title="Facebook">
  409. <i class="fa fa-fw fa-facebook"></i>
  410. </a>
  411. </li>
  412. {/block:IfUsernameOnFacebook}
  413.  
  414. {block:IfUsernameOnFlickr}
  415. <li class="social-icon">
  416. <a href="https://www.flickr.com/photos/{text:Username on Flickr}" title="Flickr">
  417. <i class="fa fa-fw fa-flickr"></i>
  418. </a>
  419. </li>
  420. {/block:IfUsernameOnFlickr}
  421.  
  422. {block:IfUsernameOnGithub}
  423. <li class="social-icon">
  424. <a href="https://github.com/{text:Username on GitHub}" title="GitHub">
  425. <i class="fa fa-fw fa-github"></i>
  426. </a>
  427. </li>
  428. {/block:IfUsernameOnGithub}
  429.  
  430. {block:IfUsernameOnGooglePlus}
  431. <li class="social-icon">
  432. <a href="https://plus.google.com/{text:Username on Google Plus}" title="Google+">
  433. <i class="fa fa-fw fa-google-plus"></i>
  434. </a>
  435. </li>
  436. {/block:IfUsernameOnGooglePlus}
  437.  
  438. {block:IfUsernameOnInstagram}
  439. <li class="social-icon">
  440. <a href="http://instagram.com/{text:Username on Instagram}" title="Instagram">
  441. <i class="fa fa-fw fa-instagram"></i>
  442. </a>
  443. </li>
  444. {/block:IfUsernameOnInstagram}
  445.  
  446. {block:IfUsernameOnPinterest}
  447. <li class="social-icon">
  448. <a href="http://www.pinterest.com/{text:Username on Pinterest}" title="Pinterest">
  449. <i class="fa fa-fw fa-pinterest"></i>
  450. </a>
  451. </li>
  452. {/block:IfUsernameOnPinterest}
  453.  
  454. {block:IfUsernameOnReddit}
  455. <li class="social-icon">
  456. <a href="https://www.reddit.com/user/{text:Username on Reddit}" title="Reddit">
  457. <i class="fa fa-fw fa-reddit"></i>
  458. </a>
  459. </li>
  460. {/block:IfUsernameOnReddit}
  461.  
  462. {block:IfUsernameOnSoundCloud}
  463. <li class="social-icon">
  464. <a href="https://soundcloud.com/{text:Username on SoundCloud}" title="SoundCloud">
  465. <i class="fa fa-fw fa-soundcloud"></i>
  466. </a>
  467. </li>
  468. {/block:IfUsernameOnSoundCloud}
  469.  
  470. {block:IfUsernameOnSteam}
  471. <li class="social-icon">
  472. <a href="http://steamcommunity.com/id/{text:Username on Steam}" title="Steam">
  473. <i class="fa fa-fw fa-steam"></i>
  474. </a>
  475. </li>
  476. {/block:IfUsernameOnSteam}
  477.  
  478. {block:IfUsernameOnTwitter}
  479. <li class="social-icon">
  480. <a href="https://twitter.com/{text:Username on Twitter}" title="Twitter">
  481. <i class="fa fa-fw fa-twitter"></i>
  482. </a>
  483. </li>
  484. {/block:IfUsernameOnTwitter}
  485.  
  486. {block:IfUsernameOnVimeo}
  487. <li class="social-icon">
  488. <a href="http://vimeo.com/{text:Username on Vimeo}" title="Vimeo">
  489. <i class="fa fa-fw fa-vimeo-square"></i>
  490. </a>
  491. </li>
  492. {/block:IfUsernameOnVimeo}
  493.  
  494. {block:IfUsernameOnWordPress}
  495. <li class="social-icon">
  496. <a href="https://{text:Username on WordPress}.wordpress.com/" title="WordPress">
  497. <i class="fa fa-fw fa-wordpress"></i>
  498. </a>
  499. </li>
  500. {/block:IfUsernameOnWordPress}
  501.  
  502. {block:IfUsernameOnYouTube}
  503. <li class="social-icon">
  504. <a href="https://www.youtube.com/user/{text:Username on YouTube}" title="YouTube">
  505. <i class="fa fa-fw fa-youtube"></i>
  506. </a>
  507. </li>
  508. {/block:IfUsernameOnYouTube}
  509. </ul>
  510. </nav>
  511. </div>
  512. </div>
  513. {/block:IfMenuBar}
  514.  
  515. <div class="theme-wrapper">
  516.  
  517. <span id="fade-body-hook"></span>
  518.  
  519. <header id="masthead" class="null" role="banner">
  520. <span id="masthead-effect" class="special-effect"></span>
  521. {block:IfMastheadImageImage}
  522. <div id="masthead-image" class="masthead-widget">
  523. <img src="{image:Masthead image}"/>
  524. </div>
  525. {/block:IfMastheadImageImage}
  526.  
  527. {block:IfMastheadLogoImage}
  528. <div id="masthead-logo" class="masthead-widget">
  529. <a href="/" title="{lang:Home}" {Target} id="site-custom-logo">
  530. <img src="{image:Masthead logo}"/>
  531. </a>
  532. </div>
  533. {/block:IfMastheadLogoImage}
  534.  
  535. {block:IfNotMastheadLogoImage}{block:IfMastheadAvatar}
  536. <div id="masthead-avatar" class="{select:Avatar style} masthead-widget">
  537. <a href="/" title="{lang:Home}" {Target}>
  538. <img src="{PortraitURL-128}">
  539. </a>
  540. </div>
  541. {/block:IfMastheadAvatar}{/block:IfNotMastheadLogoImage}
  542.  
  543. {block:IfMastheadSiteName}
  544. <div class="masthead-widget">
  545. <h1 class="{select:Masthead title style}">
  546. <span class="site-name-wrapper">
  547. <a href="/" title="{lang:Home}" id="site-name" {Target} role="heading">{Title}</a>
  548. </span>
  549. </h1>
  550. </div>
  551. {/block:IfMastheadSiteName}
  552.  
  553. {block:IfMastheadDescription}{block:Description}
  554. <div class="masthead-widget">
  555. <p id="masthead-description">{Description}</p>
  556. </div>
  557. {/block:Description}{/block:IfMastheadDescription}
  558.  
  559. {block:IfMastheadNavigation}
  560. <div id="pages" class="masthead-widget" role="navigation">
  561. <nav class="masthead-navigation">
  562. <ul class="{select:Masthead links style}">
  563.  
  564. {block:HasPages}{block:Pages}
  565. <li>
  566. <a href="{URL}" {Target}>{Label}</a>
  567. </li>
  568. {/block:Pages}{/block:HasPages}
  569.  
  570. {block:SubmissionsEnabled}
  571. <li>
  572. <a href="/submit" {Target}>{SubmitLabel}</a>
  573. </li>
  574. {/block:SubmissionsEnabled}
  575.  
  576. {block:AskEnabled}
  577. <li>
  578. <a href="/ask" {Target}>{AskLabel}</a>
  579. </li>
  580. {/block:AskEnabled}
  581.  
  582.  
  583. {block:IfLinkToOlleOtaThemes}
  584. <li>
  585. <a href="http://olleotathemes.tumblr.com/" {Target} rel="nofollow" title="{Title} uses Cocoa by Olle Ota">Themes</a>
  586. </li>
  587. {/block:IfLinkToOlleOtaThemes}
  588.  
  589.  
  590. {block:IfNavigationRSSLink}
  591. <li>
  592. <a href="{RSS}" id="rss" title="{lang:Subscribe via RSS}" {Target}>{lang:RSS}</a>
  593. </li>
  594. {/block:IfNavigationRSSLink}
  595.  
  596. {block:IfNavigationArchiveLink}
  597. <li>
  598. <a href="/archive" id="archive" title="{lang:Browse the archive}" {Target}>{lang:Archive}</a>
  599. </li>
  600. {/block:IfNavigationArchiveLink}
  601.  
  602. {block:IfNavigationRandomPostLink}
  603. <li>
  604. <a href="/random" id="random" rel="nofollow" {Target}>{lang:Random post}</a>
  605. </li>
  606. {/block:IfNavigationRandomPostLink}
  607.  
  608. {block:IfDirectLinkUrlOne}
  609. <li>
  610. <a href="{text:Direct link URL One}" class="direct-link" {Target}>
  611. {block:IfDirectLinkTitleOne}{text:Direct link title One}{/block:IfDirectLinkTitleOne}
  612. {block:IfNotDirectLinkTitleOne}{lang:Link}{/block:IfNotDirectLinkTitleOne}
  613. </a>
  614. </li>
  615. {/block:IfDirectLinkUrlOne}
  616.  
  617. {block:IfDirectLinkUrlTwo}
  618. <li>
  619. <a href="{text:Direct link URL Two}" class="direct-link" {Target}>
  620. {block:IfDirectLinkTitleTwo}{text:Direct link title Two}{/block:IfDirectLinkTitleTwo}
  621. {block:IfNotDirectLinkTitleTwo}{lang:Link}{/block:IfNotDirectLinkTitleTwo}
  622. </a>
  623. </li>
  624. {/block:IfDirectLinkUrlTwo}
  625.  
  626. {block:IfDirectLinkUrlThree}
  627. <li>
  628. <a href="{text:Direct link URL Three}" class="direct-link" {Target}>
  629. {block:IfDirectLinkTitleThree}{text:Direct link title Three}{/block:IfDirectLinkTitleThree}
  630. {block:IfNotDirectLinkTitleThree}{lang:Link}{/block:IfNotDirectLinkTitleThree}
  631. </a>
  632. </li>
  633. {/block:IfDirectLinkUrlThree}
  634.  
  635. {block:IfDirectLinkUrlFour}
  636. <li>
  637. <a href="{text:Direct link URL Four}" class="direct-link" {Target}>
  638. {block:IfDirectLinkTitleFour}{text:Direct link title Four}{/block:IfDirectLinkTitleFour}
  639. {block:IfNotDirectLinkTitleFour}{lang:Link}{/block:IfNotDirectLinkTitleFour}
  640. </a>
  641. </li>
  642. {/block:IfDirectLinkUrlFour}
  643.  
  644. {block:IfDirectLinkUrlFive}
  645. <li>
  646. <a href="{text:Direct link URL Five}" class="direct-link" {Target}>
  647. {block:IfDirectLinkTitleFive}{text:Direct link title Five}{/block:IfDirectLinkTitleFive}
  648. {block:IfNotDirectLinkTitleFive}{lang:Link}{/block:IfNotDirectLinkTitleFive}
  649. </a>
  650. </li>
  651. {/block:IfDirectLinkUrlFive}
  652.  
  653. {block:IfDirectLinkUrlSix}
  654. <li>
  655. <a href="{text:Direct link URL Six}" class="direct-link" {Target}>
  656. {block:IfDirectLinkTitleSix}{text:Direct link title Six}{/block:IfDirectLinkTitleSix}
  657. {block:IfNotDirectLinkTitleSix}{lang:Link}{/block:IfNotDirectLinkTitleSix}
  658. </a>
  659. </li>
  660. {/block:IfDirectLinkUrlSix}
  661.  
  662. {block:IfUsernameOnBehance}
  663. <li class="social-icon">
  664. <a href="https://www.behance.net/{text:Username on Behance}" title="Behance">
  665. <i class="fa fa-fw fa-behance"></i>
  666. </a>
  667. </li>
  668. {/block:IfUsernameOnBehance}
  669.  
  670. {block:IfUsernameOnBitbucket}
  671. <li class="social-icon">
  672. <a href="https://bitbucket.org/{text:Username on Bitbucket}" title="Bitbucket">
  673. <i class="fa fa-fw fa-bitbucket"></i>
  674. </a>
  675. </li>
  676. {/block:IfUsernameOnBitbucket}
  677.  
  678. {block:IfUsernameOnDribbble}
  679. <li class="social-icon">
  680. <a href="https://dribbble.com/{text:Username on Dribbble}" title="Dribbble">
  681. <i class="fa fa-fw fa-dribbble"></i>
  682. </a>
  683. </li>
  684. {/block:IfUsernameOnDribbble}
  685.  
  686. {block:IfUsernameOnFacebook}
  687. <li class="social-icon">
  688. <a href="https://www.facebook.com/{text:Username on Facebook}" title="Facebook">
  689. <i class="fa fa-fw fa-facebook"></i>
  690. </a>
  691. </li>
  692. {/block:IfUsernameOnFacebook}
  693.  
  694. {block:IfUsernameOnFlickr}
  695. <li class="social-icon">
  696. <a href="https://www.flickr.com/photos/{text:Username on Flickr}" title="Flickr">
  697. <i class="fa fa-fw fa-flickr"></i>
  698. </a>
  699. </li>
  700. {/block:IfUsernameOnFlickr}
  701.  
  702. {block:IfUsernameOnGithub}
  703. <li class="social-icon">
  704. <a href="https://github.com/{text:Username on GitHub}" title="GitHub">
  705. <i class="fa fa-fw fa-github"></i>
  706. </a>
  707. </li>
  708. {/block:IfUsernameOnGithub}
  709.  
  710. {block:IfUsernameOnGooglePlus}
  711. <li class="social-icon">
  712. <a href="https://plus.google.com/{text:Username on Google Plus}" title="Google+">
  713. <i class="fa fa-fw fa-google-plus"></i>
  714. </a>
  715. </li>
  716. {/block:IfUsernameOnGooglePlus}
  717.  
  718. {block:IfUsernameOnInstagram}
  719. <li class="social-icon">
  720. <a href="http://instagram.com/{text:Username on Instagram}" title="Instagram">
  721. <i class="fa fa-fw fa-instagram"></i>
  722. </a>
  723. </li>
  724. {/block:IfUsernameOnInstagram}
  725.  
  726. {block:IfUsernameOnPinterest}
  727. <li class="social-icon">
  728. <a href="http://www.pinterest.com/{text:Username on Pinterest}" title="Pinterest">
  729. <i class="fa fa-fw fa-pinterest"></i>
  730. </a>
  731. </li>
  732. {/block:IfUsernameOnPinterest}
  733.  
  734. {block:IfUsernameOnReddit}
  735. <li class="social-icon">
  736. <a href="https://www.reddit.com/user/{text:Username on Reddit}" title="Reddit">
  737. <i class="fa fa-fw fa-reddit"></i>
  738. </a>
  739. </li>
  740. {/block:IfUsernameOnReddit}
  741.  
  742. {block:IfUsernameOnSoundCloud}
  743. <li class="social-icon">
  744. <a href="https://soundcloud.com/{text:Username on SoundCloud}" title="SoundCloud">
  745. <i class="fa fa-fw fa-soundcloud"></i>
  746. </a>
  747. </li>
  748. {/block:IfUsernameOnSoundCloud}
  749.  
  750. {block:IfUsernameOnSteam}
  751. <li class="social-icon">
  752. <a href="http://steamcommunity.com/id/{text:Username on Steam}" title="Steam">
  753. <i class="fa fa-fw fa-steam"></i>
  754. </a>
  755. </li>
  756. {/block:IfUsernameOnSteam}
  757.  
  758. {block:IfUsernameOnTwitter}
  759. <li class="social-icon">
  760. <a href="https://twitter.com/{text:Username on Twitter}" title="Twitter">
  761. <i class="fa fa-fw fa-twitter"></i>
  762. </a>
  763. </li>
  764. {/block:IfUsernameOnTwitter}
  765.  
  766. {block:IfUsernameOnVimeo}
  767. <li class="social-icon">
  768. <a href="http://vimeo.com/{text:Username on Vimeo}" title="Vimeo">
  769. <i class="fa fa-fw fa-vimeo-square"></i>
  770. </a>
  771. </li>
  772. {/block:IfUsernameOnVimeo}
  773.  
  774. {block:IfUsernameOnWordPress}
  775. <li class="social-icon">
  776. <a href="https://{text:Username on WordPress}.wordpress.com/" title="WordPress">
  777. <i class="fa fa-fw fa-wordpress"></i>
  778. </a>
  779. </li>
  780. {/block:IfUsernameOnWordPress}
  781.  
  782. {block:IfUsernameOnYouTube}
  783. <li class="social-icon">
  784. <a href="https://www.youtube.com/user/{text:Username on YouTube}" title="YouTube">
  785. <i class="fa fa-fw fa-youtube"></i>
  786. </a>
  787. </li>
  788. {/block:IfUsernameOnYouTube}
  789. </ul>
  790. </nav>
  791. </div>
  792. {/block:IfMastheadNavigation}
  793.  
  794. </header>
  795.  
  796. <div id="wrapper" class="{select:Post title style}">
  797. <div id="content" role="main">
  798. {block:SearchPage}
  799. <article class="alert {block:SearchResults}found-results{/block:SearchResults} {block:NoSearchResults}no-results{/block:NoSearchResults}">
  800. {block:SearchResults}
  801. <p class="results">{lang:Search results for SearchQuery 2}</p>
  802. {/block:SearchResults}
  803.  
  804. {block:NoSearchResults}
  805. <p class="results">{lang:Sorry no results for SearchQuery 2}</p>
  806. {/block:NoSearchResults}
  807. </article>
  808. {/block:SearchPage}
  809.  
  810. {block:TagPage}
  811. <article class="alert">
  812. <p class="results">{lang:Showing posts tagged Tag 3}</p>
  813. </article>
  814. {/block:TagPage}
  815.  
  816. {block:Posts}
  817. <article id="{PostID}" class="
  818. hentry
  819. item
  820. {block:Text}type-text content-text{/block:Text}
  821. {block:Photo}type-photo content-media{/block:Photo}
  822. {block:Photoset}type-photoset content-text{/block:Photoset}
  823. {block:Quote}type-quote content-text{/block:Quote}
  824. {block:Link}type-link content-text{/block:Link}
  825. {block:Chat}type-chat content-text{/block:Chat}
  826. {block:Video}type-video content-text{/block:Video}
  827. {block:Audio}type-audio content-text{/block:Audio}
  828. {block:Answer}type-answer content-text{/block:Answer}
  829. " data-tags="{TagsAsClasses} null">
  830.  
  831. <header class="post-header">
  832. {block:Answer}
  833. <p class="asker">{lang:Asker asked 2}:</p>
  834. {/block:Answer}
  835. <h1 class="post-title">
  836. <span class="title-wrapper">
  837. {block:Text}
  838. {block:Title}
  839. <a href="{Permalink}" {Target}>{Title}</a>
  840. {/block:Title}
  841. {/block:Text}
  842.  
  843. {block:Link}
  844. <a href="{URL}" {Target}>{Name}</a>
  845. {/block:Link}
  846.  
  847. {block:Chat}
  848. {block:Title}
  849. <a href="{Permalink}" {Target}>{Title}</a>
  850. {/block:Title}
  851. {/block:Chat}
  852.  
  853. <!--{block:Audio}
  854. {block:TrackName}
  855. <a href="{Permalink}" {Target}>{TrackName}</a>
  856. {/block:TrackName}
  857. {/block:Audio}-->
  858.  
  859. {block:Answer}
  860. <a href="{Permalink}" {Target}>{Question}</a>
  861. {/block:Answer}
  862. </span>
  863. </h1>
  864.  
  865. <div class="post-meta">
  866. <a href="{Permalink}" class="permalink" {Target}> <time datetime="{Year}-{MonthNumberWithZero}-{DayOfMonthWithZero}">{DayOfMonth} {Month} {Year}</time></a>
  867.  
  868. {block:ContentSource}
  869. <a href="{SourceURL}" class="source" title="{lang:Source}: {SourceTitle}" {Target}>
  870. {block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  871.  
  872. {block:NoSourceLogo}{lang:Source}{/block:NoSourceLogo}
  873. </a>
  874. {/block:ContentSource}
  875. </div>
  876. </header>
  877.  
  878. {block:Text}
  879. <div class="text post-content">
  880. {Body}
  881. {block:More} <a href="{Permalink}" class="button">{lang:Read more}</a> {/block:More}
  882. </div>
  883. {/block:Text}
  884.  
  885. {block:Photo}
  886. <div class="photo post-content">
  887. <div class="photo-url">
  888. {LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" />{LinkCloseTag}
  889. </div>
  890.  
  891. {block:Caption}
  892. <div class="media-caption">
  893. {Caption}
  894. {block:More} <a href="{Permalink}" class="button">{lang:Read more}</a> {/block:More}
  895. </div>
  896. {/block:Caption}
  897. </div>
  898. {/block:Photo}
  899.  
  900. {block:Photoset}
  901. <div class="post-content">
  902. {block:IfFormPhotosets}
  903. {Photoset}
  904. {/block:IfFormPhotosets}
  905.  
  906. {block:IfNotFormPhotosets}
  907. {block:Photos}
  908. <div class="photoset-photo">
  909. <img src="{PhotoURL-HighRes}"/>
  910. </div>
  911. {/block:Photos}
  912. {/block:IfNotFormPhotosets}
  913.  
  914. {block:Caption}
  915. <div class="media-caption">
  916. {Caption}
  917. {block:More} <a href="{Permalink}" class="button">{lang:Read more}</a> {/block:More}
  918. </div>
  919. {/block:Caption}
  920. </div>
  921. {/block:Photoset}
  922.  
  923. {block:Quote}
  924. <div class="quote post-content">
  925. <blockquote>
  926. <span class="quote-wrapper">
  927. <span class="quote-mark quote-mark-open">&ldquo;</span>{Quote}<span class="quote-mark quote-mark-close">&rdquo;</span>
  928. </span>
  929. </blockquote>
  930.  
  931. {block:Source}
  932. <div class="text-caption">
  933. <p>{Source}</p>
  934. {block:More} <a href="{Permalink}" class="button">{lang:Read more}</a> {/block:More}
  935. </div>
  936. {/block:Source}
  937. </div>
  938. {/block:Quote}
  939.  
  940. {block:Link}
  941. {block:Description}
  942. <div class="link post">
  943. <div class="entry-content inner">
  944. {Description}
  945. {block:More} <a href="{Permalink}" class="button">{lang:Read more}</a> {/block:More}
  946. </div>
  947. </div>
  948. {/block:Description}
  949. {/block:Link}
  950.  
  951. {block:Chat}
  952. <div class="chat post">
  953. <div class="entry-content inner">
  954. <ul>
  955. {block:Lines}<li class="{Alt}">{block:Label}<span class="label">{Label}</label></span>{/block:Label} {Line} </li>{/block:Lines}
  956. </ul>
  957. </div>
  958. </div>
  959. {/block:Chat}
  960.  
  961. {block:Audio}
  962. <div class="audio post-content">
  963. <div class="audio-embed embed_wrap" id="{PostID}">
  964. {block:AudioEmbed}
  965. {AudioEmbed-640}
  966. {/block:AudioEmbed}
  967. </div>
  968.  
  969. {block:Caption}
  970. <div class="media-caption">
  971. {Caption}
  972. {block:More} <a href="{Permalink}" class="button">{lang:Read more}</a> {/block:More}
  973. </div>
  974. {/block:Caption}
  975. </div>
  976. {/block:Audio}
  977.  
  978. {block:Video}
  979. <div class="video post-content">
  980. <div class="video-player embed_wrap" id="{PostID}" >
  981. {VideoEmbed-700}
  982. </div>
  983.  
  984. {block:Caption}
  985. <div class="media-caption">
  986. {Caption}
  987. {block:More} <a href="{Permalink}" class="button">{lang:Read more}</a> {/block:More}
  988. </div>
  989. {/block:Caption}
  990. </div>
  991. {/block:Video}
  992.  
  993. {block:Answer}
  994. <div class="answer post-content">
  995. {Replies}
  996. </div>
  997. {/block:Answer}
  998.  
  999. {block:Date}
  1000. <footer class="post-footer" role="contentinfo">
  1001. {block:HasTags}
  1002. <ul class="post-tags {select:Post tags}">
  1003. {block:Tags}
  1004. <li>
  1005. <a href="{TagURL}" {Target} rel="tag"><span class="hashtag">#</span>{Tag}</a>
  1006. </li>
  1007. {/block:Tags}
  1008. </ul>
  1009. {/block:HasTags}
  1010.  
  1011. {block:IfDisqusShortname}{block:PermalinkPage}
  1012. <div id="disqus_color_hook">
  1013. <div id="disqus_thread"></div>
  1014. <script type="text/javascript">
  1015. var disqus_shortname = '{text:Disqus Shortname}';
  1016.  
  1017. (function() {
  1018. var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
  1019. dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
  1020. (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
  1021. })();
  1022. </script>
  1023. <noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
  1024. <a href="http://disqus.com" class="dsq-brlink">blog comments powered by <span class="logo-disqus">Disqus</span></a>
  1025. </div>
  1026. {/block:PermalinkPage}{/block:IfDisqusShortname}
  1027.  
  1028. {block:PostNotes}
  1029. {block:NoteCount}<p class="post-notes-label {select:Post notes}">{NoteCountWithLabel}</p>{/block:NoteCount}
  1030. <div id="post-notes" class="{select:Post notes}">
  1031. {PostNotes}
  1032. </div>
  1033. {/block:PostNotes}
  1034.  
  1035. <ul class="post-tumblr-buttons {select:Post Tumblr buttons}">
  1036. <li>{ReblogButton}</li>
  1037. <li>{LikeButton}</li>
  1038. </ul>
  1039. </footer>
  1040. {/block:Date}
  1041. </article>
  1042. {/block:Posts}
  1043.  
  1044. </div>
  1045.  
  1046. {block:IndexPage}<div id="loading"></div>{/block:IndexPage}
  1047.  
  1048. {block:Pagination}
  1049. <nav id="pagination" role="navigation">
  1050. <ul>
  1051. <li id="prev-page">{block:PreviousPage}<a href="{PreviousPage}">{/block:PreviousPage}{lang:Previous}{block:PreviousPage}</a>{/block:PreviousPage}</li>
  1052. <li id="next-page">{block:NextPage}<a href="{NextPage}">{/block:NextPage}{lang:Next}{block:NextPage}</a>{/block:NextPage}</li>
  1053. </ul>
  1054. </nav>
  1055. {/block:Pagination}
  1056.  
  1057.  
  1058. <div class="widgets" role="complementary">
  1059. {block:IfCustomImageWidgetImage}
  1060. <aside id="image-widget" class="widget">
  1061. <img src="{image:Custom image widget}"/>
  1062. </aside>
  1063. {/block:IfCustomImageWidgetImage}
  1064.  
  1065. {block:IfAvatarWidget}
  1066. <div id="avatar-widget" class="{select:Avatar style} widget">
  1067. <a href="/" title="{lang:Home}" {Target}>
  1068. <img src="{PortraitURL-128}">
  1069. </a>
  1070. </div>
  1071. {/block:IfAvatarWidget}
  1072.  
  1073. {block:IfSiteNameWidget}
  1074. <aside id="site-name-widget" class="widget">
  1075. <h1>
  1076. <a href="/" title="{lang:Home}" {Target} role="heading">{Title}</a>
  1077. </h1>
  1078. </aside>
  1079. {/block:IfSiteNameWidget}
  1080.  
  1081. {block:IfDescriptionWidget}{block:Description}
  1082. <aside id="description-widget" class="widget">
  1083. <p>{Description}</p>
  1084. </aside>
  1085. {/block:Description}{/block:IfDescriptionWidget}
  1086.  
  1087. {block:IfNavigationWidget}
  1088. <aside id="navigation-widget" class="widget" role="navigation">
  1089. <h2 class="widget-title">{lang:Pages}</h2>
  1090. <nav>
  1091. <ul>
  1092. {block:HasPages}{block:Pages}
  1093. <li>
  1094. <a href="{URL}" {Target}>{Label}</a>
  1095. </li>
  1096. {/block:Pages}{/block:HasPages}
  1097.  
  1098. {block:SubmissionsEnabled}
  1099. <li>
  1100. <a href="/submit" {Target}>{SubmitLabel}</a>
  1101. </li>
  1102. {/block:SubmissionsEnabled}
  1103.  
  1104. {block:AskEnabled}
  1105. <li>
  1106. <a href="/ask" {Target}>{AskLabel}</a>
  1107. </li>
  1108. {/block:AskEnabled}
  1109.  
  1110.  
  1111. {block:IfLinkToOlleOtaThemes}
  1112. <li>
  1113. <a href="http://olleotathemes.tumblr.com/" {Target} rel="nofollow" title="{Title} uses Cocoa by Olle Ota">Themes</a>
  1114. </li>
  1115. {/block:IfLinkToOlleOtaThemes}
  1116.  
  1117.  
  1118. {block:IfNavigationRSSLink}
  1119. <li>
  1120. <a href="{RSS}" id="rss" title="{lang:Subscribe via RSS}" {Target}>{lang:RSS}</a>
  1121. </li>
  1122. {/block:IfNavigationRSSLink}
  1123.  
  1124. {block:IfNavigationArchiveLink}
  1125. <li>
  1126. <a href="/archive" id="archive" title="{lang:Browse the archive}" {Target}>{lang:Archive}</a>
  1127. </li>{/block:IfNavigationArchiveLink}
  1128.  
  1129. {block:IfNavigationRandomPostLink}
  1130. <li>
  1131. <a href="/random" id="random" rel="nofollow" {Target}>{lang:Random post}</a>
  1132. </li>
  1133. {/block:IfNavigationRandomPostLink}
  1134.  
  1135. {block:IfDirectLinkUrlOne}
  1136. <li>
  1137. <a href="{text:Direct link URL One}" class="direct-link" {Target}>
  1138. {block:IfDirectLinkTitleOne}{text:Direct link title One}{/block:IfDirectLinkTitleOne}
  1139. {block:IfNotDirectLinkTitleOne}{lang:Link}{/block:IfNotDirectLinkTitleOne}
  1140. </a>
  1141. </li>
  1142. {/block:IfDirectLinkUrlOne}
  1143.  
  1144. {block:IfDirectLinkUrlTwo}
  1145. <li>
  1146. <a href="{text:Direct link URL Two}" class="direct-link" {Target}>
  1147. {block:IfDirectLinkTitleTwo}{text:Direct link title Two}{/block:IfDirectLinkTitleTwo}
  1148. {block:IfNotDirectLinkTitleTwo}{lang:Link}{/block:IfNotDirectLinkTitleTwo}
  1149. </a>
  1150. </li>
  1151. {/block:IfDirectLinkUrlTwo}
  1152.  
  1153. {block:IfDirectLinkUrlThree}
  1154. <li>
  1155. <a href="{text:Direct link URL Three}" class="direct-link" {Target}>
  1156. {block:IfDirectLinkTitleThree}{text:Direct link title Three}{/block:IfDirectLinkTitleThree}
  1157. {block:IfNotDirectLinkTitleThree}{lang:Link}{/block:IfNotDirectLinkTitleThree}
  1158. </a>
  1159. </li>
  1160. {/block:IfDirectLinkUrlThree}
  1161.  
  1162. {block:IfDirectLinkUrlFour}
  1163. <li>
  1164. <a href="{text:Direct link URL Four}" class="direct-link" {Target}>
  1165. {block:IfDirectLinkTitleFour}{text:Direct link title Four}{/block:IfDirectLinkTitleFour}
  1166. {block:IfNotDirectLinkTitleFour}{lang:Link}{/block:IfNotDirectLinkTitleFour}
  1167. </a>
  1168. </li>
  1169. {/block:IfDirectLinkUrlFour}
  1170.  
  1171. {block:IfDirectLinkUrlFive}
  1172. <li>
  1173. <a href="{text:Direct link URL Five}" class="direct-link" {Target}>
  1174. {block:IfDirectLinkTitleFive}{text:Direct link title Five}{/block:IfDirectLinkTitleFive}
  1175. {block:IfNotDirectLinkTitleFive}{lang:Link}{/block:IfNotDirectLinkTitleFive}
  1176. </a>
  1177. </li>
  1178. {/block:IfDirectLinkUrlFive}
  1179.  
  1180. {block:IfDirectLinkUrlSix}
  1181. <li>
  1182. <a href="{text:Direct link URL Six}" class="direct-link" {Target}>
  1183. {block:IfDirectLinkTitleSix}{text:Direct link title Six}{/block:IfDirectLinkTitleSix}
  1184. {block:IfNotDirectLinkTitleSix}{lang:Link}{/block:IfNotDirectLinkTitleSix}
  1185. </a>
  1186. </li>
  1187. {/block:IfDirectLinkUrlSix}
  1188.  
  1189. {block:IfUsernameOnBehance}
  1190. <li class="social-icon">
  1191. <a href="https://www.behance.net/{text:Username on Behance}" title="Behance">
  1192. <i class="fa fa-fw fa-behance"></i>
  1193. </a>
  1194. </li>
  1195. {/block:IfUsernameOnBehance}
  1196.  
  1197. {block:IfUsernameOnBitbucket}
  1198. <li class="social-icon">
  1199. <a href="https://bitbucket.org/{text:Username on Bitbucket}" title="Bitbucket">
  1200. <i class="fa fa-fw fa-bitbucket"></i>
  1201. </a>
  1202. </li>
  1203. {/block:IfUsernameOnBitbucket}
  1204.  
  1205. {block:IfUsernameOnDribbble}
  1206. <li class="social-icon">
  1207. <a href="https://dribbble.com/{text:Username on Dribbble}" title="Dribbble">
  1208. <i class="fa fa-fw fa-dribbble"></i>
  1209. </a>
  1210. </li>
  1211. {/block:IfUsernameOnDribbble}
  1212.  
  1213. {block:IfUsernameOnFacebook}
  1214. <li class="social-icon">
  1215. <a href="https://www.facebook.com/{text:Username on Facebook}" title="Facebook">
  1216. <i class="fa fa-fw fa-facebook"></i>
  1217. </a>
  1218. </li>
  1219. {/block:IfUsernameOnFacebook}
  1220.  
  1221. {block:IfUsernameOnFlickr}
  1222. <li class="social-icon">
  1223. <a href="https://www.flickr.com/photos/{text:Username on Flickr}" title="Flickr">
  1224. <i class="fa fa-fw fa-flickr"></i>
  1225. </a>
  1226. </li>
  1227. {/block:IfUsernameOnFlickr}
  1228.  
  1229. {block:IfUsernameOnGithub}
  1230. <li class="social-icon">
  1231. <a href="https://github.com/{text:Username on GitHub}" title="GitHub">
  1232. <i class="fa fa-fw fa-github"></i>
  1233. </a>
  1234. </li>
  1235. {/block:IfUsernameOnGithub}
  1236.  
  1237. {block:IfUsernameOnGooglePlus}
  1238. <li class="social-icon">
  1239. <a href="https://plus.google.com/{text:Username on Google Plus}" title="Google+">
  1240. <i class="fa fa-fw fa-google-plus"></i>
  1241. </a>
  1242. </li>
  1243. {/block:IfUsernameOnGooglePlus}
  1244.  
  1245. {block:IfUsernameOnInstagram}
  1246. <li class="social-icon">
  1247. <a href="http://instagram.com/{text:Username on Instagram}" title="Instagram">
  1248. <i class="fa fa-fw fa-instagram"></i>
  1249. </a>
  1250. </li>
  1251. {/block:IfUsernameOnInstagram}
  1252.  
  1253. {block:IfUsernameOnPinterest}
  1254. <li class="social-icon">
  1255. <a href="http://www.pinterest.com/{text:Username on Pinterest}" title="Pinterest">
  1256. <i class="fa fa-fw fa-pinterest"></i>
  1257. </a>
  1258. </li>
  1259. {/block:IfUsernameOnPinterest}
  1260.  
  1261. {block:IfUsernameOnReddit}
  1262. <li class="social-icon">
  1263. <a href="https://www.reddit.com/user/{text:Username on Reddit}" title="Reddit">
  1264. <i class="fa fa-fw fa-reddit"></i>
  1265. </a>
  1266. </li>
  1267. {/block:IfUsernameOnReddit}
  1268.  
  1269. {block:IfUsernameOnSoundCloud}
  1270. <li class="social-icon">
  1271. <a href="https://soundcloud.com/{text:Username on SoundCloud}" title="SoundCloud">
  1272. <i class="fa fa-fw fa-soundcloud"></i>
  1273. </a>
  1274. </li>
  1275. {/block:IfUsernameOnSoundCloud}
  1276.  
  1277. {block:IfUsernameOnSteam}
  1278. <li class="social-icon">
  1279. <a href="http://steamcommunity.com/id/{text:Username on Steam}" title="Steam">
  1280. <i class="fa fa-fw fa-steam"></i>
  1281. </a>
  1282. </li>
  1283. {/block:IfUsernameOnSteam}
  1284.  
  1285. {block:IfUsernameOnTwitter}
  1286. <li class="social-icon">
  1287. <a href="https://twitter.com/{text:Username on Twitter}" title="Twitter">
  1288. <i class="fa fa-fw fa-twitter"></i>
  1289. </a>
  1290. </li>
  1291. {/block:IfUsernameOnTwitter}
  1292.  
  1293. {block:IfUsernameOnVimeo}
  1294. <li class="social-icon">
  1295. <a href="http://vimeo.com/{text:Username on Vimeo}" title="Vimeo">
  1296. <i class="fa fa-fw fa-vimeo-square"></i>
  1297. </a>
  1298. </li>
  1299. {/block:IfUsernameOnVimeo}
  1300.  
  1301. {block:IfUsernameOnWordPress}
  1302. <li class="social-icon">
  1303. <a href="https://{text:Username on WordPress}.wordpress.com/" title="WordPress">
  1304. <i class="fa fa-fw fa-wordpress"></i>
  1305. </a>
  1306. </li>
  1307. {/block:IfUsernameOnWordPress}
  1308.  
  1309. {block:IfUsernameOnYouTube}
  1310. <li class="social-icon">
  1311. <a href="https://www.youtube.com/user/{text:Username on YouTube}" title="YouTube">
  1312. <i class="fa fa-fw fa-youtube"></i>
  1313. </a>
  1314. </li>
  1315. {/block:IfUsernameOnYouTube}
  1316. </ul>
  1317. </nav>
  1318. </aside>
  1319. {/block:IfNavigationWidget}
  1320.  
  1321. {block:IfLikedPostsWidget}
  1322. {block:Likes}
  1323. <aside id="liked-post-widget" class="widget">
  1324. <h2 class="widget-title">{lang:Likes}</h2>
  1325. {Likes limit="3" summarize="100" width="150"}
  1326. <a href="http://www.tumblr.com/liked/by/{Name}" class="button">
  1327. {lang:More liked posts}
  1328. </a>
  1329. </aside>
  1330. {/block:Likes}
  1331. {/block:IfLikedPostsWidget}
  1332.  
  1333. {block:IfPeopleIFollowWidget}{block:Following}
  1334. <aside id="followed-widget" class="widget">
  1335. <h2 class="widget-title">{lang:People I follow}</h2>
  1336. <ul>
  1337. {block:Followed}
  1338. <li>
  1339. <a href="{FollowedURL}"><img src="{FollowedPortraitURL-48}"/></a>
  1340. </li>
  1341. {/block:Followed}
  1342. </ul>
  1343. </aside>
  1344. {/block:Following}{/block:IfPeopleIFollowWidget}
  1345.  
  1346. {block:IfCustomTextWidget}
  1347. <aside id="text-widget" class="widget">
  1348. <h2 class="widget-title">{text:Custom text widget title}</h2>
  1349. <p>{text:Custom text widget}</p>
  1350. </aside>
  1351. {/block:IfCustomTextWidget}
  1352.  
  1353. {block:IfSearchWidget}
  1354. <aside id="search-widget" class="widget" role="search">
  1355. <h2 class="widget-title">{lang:Search}</h2>
  1356. <form action="/search" method="get">
  1357. <input type="search" name="q" value="{SearchQuery}" type="search" id="search_box" placeholder="{lang:Search}">
  1358. </form>
  1359. </aside>
  1360. {/block:IfSearchWidget}
  1361.  
  1362. {block:IfTwitterWidgetCode}
  1363. <aside id="twitter-embed" class="widget" style="height:600px">
  1364. {text:Twitter widget code}
  1365. </aside>
  1366. {/block:IfTwitterWidgetCode}
  1367. </div>
  1368.  
  1369. </div>
  1370.  
  1371. {block:IfFooter}
  1372. <footer id="colophon" class="site-footer" role="contentinfo">
  1373. <p><a href="/">{Title}</a>. {CopyrightYears}. Designed by <a href="http://olleotathemes.tumblr.com/" rel="nofollow" title="Theme designer">Olle Ota</a>.</p>
  1374. </footer>
  1375. {/block:IfFooter}
  1376.  
  1377.  
  1378. </div> <!-- close blog wrap -->
  1379.  
  1380. <script>
  1381. var theme_options = {
  1382. theme_developer :"Olle Ota",
  1383. theme_type :'column',
  1384. theme_name :'Cocoa',
  1385. theme_number :6,
  1386. color_background_rgb :'{RGBcolor:Body background}',
  1387. infinite_scroll :{block:IfInfiniteScroll}true,{/block:IfInfiniteScroll}
  1388. {block:IfNotInfiniteScroll}false,{/block:IfNotInfiniteScroll}
  1389. infinite_scroll_str :"{lang:No more posts}",
  1390. form_photosets :{block:IfFormPhotosets}true,{/block:IfFormPhotosets}
  1391. {block:IfNotFormPhotosets}false,{/block:IfNotFormPhotosets}
  1392. widget_grid :true,
  1393. photoset_gap :'20px',
  1394. attribution_style :'{select:Theme attribution style}',
  1395. menu :'{select:Menu}',
  1396. make_it_snow :{block:IfMakeItSnow}true{/block:IfMakeItSnow}
  1397. {block:IfNotMakeItSnow}false{/block:IfNotMakeItSnow}
  1398. };
  1399. </script>
  1400.  
  1401. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
  1402. <script src="//static.tumblr.com/79xqv9n/wtpo5ipyb/theme.min.js"></script>
  1403.  
  1404. {block:IfGoogleAnalyticsID}
  1405. <script>
  1406. var _gaq = _gaq || [];
  1407. _gaq.push(['_setAccount', '{text:Google Analytics ID}']);
  1408. _gaq.push(['_trackPageview']);
  1409.  
  1410. (function() {
  1411. var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
  1412. ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
  1413. var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  1414. })();
  1415. </script>
  1416. {/block:IfGoogleAnalyticsID}
  1417. <!--OO.TS.-->
  1418.  
  1419. </body>
  1420. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!