Advertisement
spielglocken

05 Søren Theme

Oct 3rd, 2019
3,649
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 26.23 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head>
  4. <link href='https://static.tumblr.com/vr8wztv/KHzpnokhf/cssreset.css' rel='stylesheet' type='text/css'>
  5. <link href="https://dl.dropbox.com/s/3x2nevpvlozdlq4/s%C3%B8ren-v1.css" rel="stylesheet">
  6. <link href="https://static.tumblr.com/0podkko/xIbplezmo/modified_photosets.css" rel="stylesheet">
  7. <link rel="shortcut icon" href="{Favicon}"><link href="https://fonts.googleapis.com/css?family={select:body font}:300,300i,400,400i,700,700i|IBM Plex Mono:400,700" rel="stylesheet">
  8. <head>
  9.  
  10.  
  11. <!--
  12. ===============================================
  13.  
  14.  
  15. Søren Theme
  16. more @ https://spielglocken.tumblr.com
  17.  
  18. Do not alter or remove credit
  19.  
  20.  
  21. ===============================================
  22. -->
  23.  
  24.  
  25. <title>{block:PostSummary}{PostSummary} &mdash; {/block:PostSummary}{block:TagPage}#{Tag} &mdash; {/block:TagPage}{Title}</title>
  26. {block:Description}
  27. <meta name="description" content="{MetaDescription}" />
  28. {/block:Description}
  29. <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  30. {block:Hidden}
  31. <meta name="select:body font" content="Lora" />
  32. <meta name="select:body font" content="Arimo" />
  33. <meta name="select:body font" content="B612" />
  34. <meta name="select:body font" content="Cabin" />
  35. <meta name="select:body font" content="Exo 2" />
  36. <meta name="select:body font" content="Fira Sans" />
  37. <meta name="select:body font" content="IBM Plex Sans" />
  38. <meta name="select:body font" content="Montserrat" />
  39. <meta name="select:body font" content="Nunito" />
  40. <meta name="select:body font" content="PT Sans" />
  41. <meta name="select:body font" content="PT Serif" />
  42. <meta name="select:body font" content="Roboto" />
  43. <meta name="select:body font" content="Ubuntu" />
  44.  
  45. <meta name="color:left half" content="#f3e4cb" />
  46. <meta name="color:sidebar link" content="#dca488" />
  47. <meta name="color:right half" content="#bae7e7" />
  48. <meta name="color:pagination link" content="#6fbeb9" />
  49. <meta name="color:content background" content="#ffffff" />
  50. <meta name="color:grey backgrounds" content="#f7f7f7" />
  51. <meta name="color:borders" content="#eeeeee" />
  52. <meta name="color:box shadows" content="#000000" />
  53. <meta name="color:text" content="#555555" />
  54. <meta name="color:secondary text" content="#999999" />
  55. <meta name="color:headings" content="#202020" />
  56. <meta name="color:secondary link" content="#aaaaaa" />
  57. <meta name="color:main link" content="#222222" />
  58.  
  59. <meta name="select:post width" content="450px" />
  60. <meta name="select:post width" content="300px" />
  61. <meta name="select:post width" content="350px" />
  62. <meta name="select:post width" content="400px" />
  63. <meta name="select:post width" content="500px" />
  64. <meta name="select:post width" content="550px" />
  65.  
  66. <meta name="select:post shadow" content="spread" title="spread/blurred" />
  67. <meta name="select:post shadow" content="block" title="block" />
  68. <meta name="select:post shadow" content="none" title="disable" />
  69.  
  70. <meta name="select:post captions" content="show" />
  71. <meta name="select:post captions" content="hide" />
  72.  
  73. <meta name="select:post tags" content="show" />
  74. <meta name="select:post tags" content="hide" />
  75.  
  76. <meta name="select:always visible sidebar" content="click" title="nope" />
  77. <meta name="select:always visible sidebar" content="vis" title="yeh" />
  78.  
  79. <meta name="text:link 1" content="Some" />
  80. <meta name="text:link 1 url" content="http://" />
  81. <meta name="text:link 2" content="More" />
  82. <meta name="text:link 2 url" content="http://" />
  83. <meta name="text:link 3" content="Links" />
  84. <meta name="text:link 3 url" content="http://" />
  85. <meta name="text:ask label" content="" />
  86.  
  87. <meta name="if:rounded corners" content="1" />
  88. <meta name="if:enable custom controls" content="0" />
  89. <meta name="if:enable search bar" content="1" />
  90. {/block:Hidden}
  91. <style type="text/css">
  92.  
  93. :root{
  94.  
  95. --body-font-name: '{select:body font}';
  96.  
  97. --body-text-color: {RGBcolor:text};
  98. --main-link-color: {RGBcolor:main link};
  99. --secondary-text-color: {RGBcolor:secondary text};
  100. --secondary-link-color: {RGBcolor:secondary link};
  101. --heading-color: {RGBcolor:headings};
  102. --box-shadows: {RGBcolor:box shadows};
  103.  
  104. --left-half: {RGBcolor:left half};
  105. --right-half: {RGBcolor:right half};
  106. --sidebar-link-color: {RGBcolor:sidebar link};
  107. --pagination-link-color: {RGBcolor:pagination link};
  108.  
  109. --post-background-color: {RGBcolor:content background};
  110. --grey-background-color: {RGBcolor:grey backgrounds};
  111. --border-color: {RGBcolor:borders};
  112. }
  113.  
  114. aside.bot span.divider:first-child:before {content:'{lang:newer}'; opacity:.4;}
  115. aside.bot span.divider:last-child:after {content:'{lang:older}'; opacity:.4;}
  116. @media(min-width:0px) and (max-width:511px){
  117. aside.top .blog-description:before, aside.top .a-wrap nav:first-child:before {content:'{BlogTitle}';}
  118. }
  119. </style>
  120. <noscript><style>body {opacity:1;}</style></noscript>
  121. </head>
  122. <body class="is-{block:PermalinkPage}perma{/block:PermalinkPage}{block:IndexPage}index{/block:IndexPage}{block:ifRoundedCorners} is-rounded{/block:ifRoundedCorners}{block:ifEnableCustomControls} enable-custom-tc{/block:ifEnableCustomControls}" data-accent-left="{color:left half}" data-accent-right="{color:right half}">
  123. <section class="t-controls {select:post shadow}">
  124. {block:ifEnableSearchBar}
  125. <span>
  126. <input type="checkbox" id="for-search">
  127. <label class="blocks" for="for-search">
  128. <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon icon-search"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
  129. </label>
  130. <div class="blog-search">
  131. <form action="/search" method="get">
  132. <input type="text" name="q" value="{SearchQuery}" placeholder="{lang:Search}" />
  133. <input type="submit" value="{lang:Search}" />
  134. </form>
  135. </div>
  136. </span>
  137. {/block:ifEnableSearchBar}
  138. {block:ifEnableCustomControls}
  139. {block:Posts}
  140. {block:PermalinkPage}
  141. <a href="#" class="blocks like-btn">
  142. {LikeButton size=14}
  143. <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon icon-heart"><path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"></path></svg>
  144. </a>
  145. <a href="{ReblogURL}" class="blocks" target="_blank">
  146. <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon icon-repeat"><polyline points="17 1 21 5 17 9"></polyline><path d="M3 11V9a4 4 0 0 1 4-4h14"></path><polyline points="7 23 3 19 7 15"></polyline><path d="M21 13v2a4 4 0 0 1-4 4H3"></path></svg>
  147. </a>
  148. <a href="{EmbedURL}" class="blocks" target="_blank">
  149. <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon icon-code"><polyline points="16 18 22 12 16 6"></polyline><polyline points="8 6 2 12 8 18"></polyline></svg>
  150. </a>
  151. {/block:PermalinkPage}
  152. {/block:Posts}
  153. <a class="blocks" href="https://tumblr.com/message/{Name}" target="_blank">
  154. <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon icon-mail"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path><polyline points="22,6 12,13 2,6"></polyline></svg>
  155. </a>
  156. <a class="blocks" href="http://tumblr.com/dashboard" target="_blank">
  157. <svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 24 24" class="icon icon-home"><path d="M20 9v11a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V9"/><path d="M9 22V12h6v10M2 10.6L12 2l10 8.6"/></svg>
  158. </a>
  159. <a class="blocks follow-btn" href="https://tumblr.com/follow/{Name}" target="_blank">
  160. {lang:Follow} {Name}
  161. &nbsp;<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon icon-user-plus"><path d="M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path><circle cx="8.5" cy="7" r="4"></circle><line x1="20" y1="8" x2="20" y2="14"></line><line x1="23" y1="11" x2="17" y2="11"></line></svg>
  162. </a>
  163. {/block:ifEnableCustomControls}
  164. {block:ifNotEnableCustomControls}
  165. <input type="checkbox" id="tc">
  166. <label class="blocks" for="tc">
  167. <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon icon-settings"><circle cx="12" cy="12" r="3"></circle><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"></path></svg>
  168. </label>
  169. {/block:ifNotEnableCustomControls}
  170. </section>
  171. <aside class="top {select:post shadow} sb-{select:always visible sidebar}">
  172. <input type="checkbox" id="check">
  173. <label for="check"><div class="top-left"></div></label>
  174. <a href="/" class="blog-title cap">{Title}</a>
  175. <div class="a-wrap {select:post shadow}">
  176. {block:Description}
  177. <div class="blog-description">{Description}</div>
  178. {/block:Description}
  179. <nav>
  180. <a href="/"><span>{lang:Home}</span></a>
  181. {block:AskEnabled}
  182. <a href="/ask"><span>{block:ifAskLabel}{text:ask label}{/block:ifAskLabel}{block:ifNotAskLabel}{AskLabel}{/block:ifNotAskLabel}</span></a>
  183. {/block:AskEnabled}
  184. <a href="/archive"><span>{lang:Archive}</span></a>
  185. {block:ifLink1}
  186. <a href="{text:link 1 url}"><span>{text:link 1}</span></a>
  187. {/block:ifLink1}
  188. {block:ifLink2}
  189. <a href="{text:link 2 url}"><span>{text:link 2}</span></a>
  190. {/block:ifLink2}
  191. {block:ifLink3}
  192. <a href="{text:link 3 url}"><span>{text:link 3}</span></a>
  193. {/block:ifLink3}
  194. </nav>
  195. <div class="aw-search">
  196. <form action="/search" method="get">
  197. <input type="text" name="q" value="{SearchQuery}" placeholder="{lang:Search}" />
  198. <input type="submit" value="{lang:Search}" />
  199. </div>
  200. </div>
  201. </aside>
  202. <main class="is{block:IndexPage}-index{/block:IndexPage}{block:PermalinkPage}-perma{/block:PermalinkPage}">
  203. <section class="holder">
  204. {block:TagPage}
  205. <article class="entry w{select:post width} {select:post shadow} page-marker">
  206. <div class="znak">
  207. <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon icon-tag"><path d="M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z"></path><line x1="7" y1="7" x2="7" y2="7"></line></svg>
  208. </div>
  209. <div class="epm-content">
  210. <h1>{Tag}</h1>
  211. <h2>{lang:Showing TagResultCount posts tagged Tag 2}</h2>
  212. </div>
  213. </article>
  214. {/block:TagPage}
  215. {block:SearchPage}
  216. <article class="entry w{select:post width} {select:post shadow} page-marker">
  217. <div class="znak">
  218. <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon icon-search"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
  219. </div>
  220. <div class="epm-content">
  221. <h1>{SearchQuery}</h1>
  222. <h2>{lang:Search results for SearchQuery 2} ({SearchResultCount})</h2>
  223. </div>
  224. </article>
  225. {block:NoSearchResults}
  226. <article class="search-nf">
  227. <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon icon-frown"><circle cx="12" cy="12" r="10"></circle><path d="M16 16s-1.5-2-4-2-4 2-4 2"></path><line x1="9" y1="9" x2="9.01" y2="9"></line><line x1="15" y1="9" x2="15.01" y2="9"></line></svg><br/>
  228. {lang:Sorry no search results found}
  229. </article>
  230. {/block:NoSearchResults}
  231. {/block:SearchPage}
  232. <section class="posts">
  233. {block:Posts}
  234. <article class="entry {block:Odd}o {/block:Odd}{block:Even}e {/block:Even}w{select:post width} {select:post shadow} {PostType}-post">
  235. {block:Date}
  236. <div class="entry-info top cap">
  237. {block:Photo}
  238. <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon icon-image"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><circle cx="8.5" cy="8.5" r="1.5"></circle><polyline points="21 15 16 10 5 21"></polyline></svg>
  239. {lang:Photo}
  240. {/block:Photo}
  241. {block:Text}
  242. <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon icon-file-text"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
  243. {lang:Text}
  244. {/block:Text}
  245. {block:Answer}
  246. <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon icon-help-circle"><circle cx="12" cy="12" r="10"></circle><path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path><line x1="12" y1="17" x2="12" y2="17"></line></svg>
  247. {lang:Answer}
  248. {/block:Answer}
  249. {block:Photoset}
  250. <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon icon-copy"><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path></svg>
  251. {lang:Photoset}
  252. {/block:Photoset}
  253. {block:Audio}
  254. <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon icon-music"><path d="M9 18V5l12-2v13"></path><circle cx="6" cy="18" r="3"></circle><circle cx="18" cy="16" r="3"></circle></svg>
  255. {lang:Audio}
  256. {/block:Audio}
  257. {block:Quote}
  258. <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon icon-feather"><path d="M20.24 12.24a6 6 0 0 0-8.49-8.49L5 10.5V19h8.5z"></path><line x1="16" y1="8" x2="2" y2="22"></line><line x1="17.5" y1="15" x2="9" y2="15"></line></svg>
  259. {lang:Quote}
  260. {/block:Quote}
  261. {block:Video}
  262. <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon icon-video"><polygon points="23 7 16 12 23 17 23 7"></polygon><rect x="1" y="5" width="15" height="14" rx="2" ry="2"></rect></svg>
  263. {lang:Video}
  264. {/block:Video}
  265. {block:Link}
  266. <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon icon-link-2"><path d="M15 7h3a5 5 0 0 1 5 5 5 5 0 0 1-5 5h-3m-6 0H6a5 5 0 0 1-5-5 5 5 0 0 1 5-5h3"></path><line x1="8" y1="12" x2="16" y2="12"></line></svg>
  267. {lang:Link}
  268. {/block:Link}
  269. {block:Chat}
  270. <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon icon-message-square"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"></path></svg>
  271. {lang:Chat}
  272. {/block:Chat}
  273. <span></span> <a href="{Permalink}">{DayofMonth} {Month} {Year}</a>
  274. </div>
  275. {/block:Date}
  276. {block:Photo}
  277. <div class="photo-container">
  278. <div class="photoset-grid"><div data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}" data-lowres="{PhotoURL-500}" data-highres="{PhotoURL-HighRes}" onclick="lightbox(this)"><img src="{PhotoURL-HighRes}" /></div>
  279. </div>
  280. </div>
  281. {/block:Photo}
  282. {block:Photoset}
  283. <div class="photo-container photoset">
  284. <div class="photoset-grid" photoset-layout="{PhotosetLayout}">{block:Photos}<div data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}" data-lowres="{PhotoURL-500}" data-highres="{PhotoURL-HighRes}" onclick="lightbox(this)"><img src="{PhotoURL-HighRes}" /></div>{/block:Photos}</div>
  285. </div>
  286. {/block:Photoset}
  287. {block:Text}
  288. {block:Title}
  289. <h1 class="entry-title">{Title}</h1>
  290. {/block:Title}
  291. <div class="text">
  292. {block:RebloggedFrom}
  293. <div class="reblog-container">
  294. {block:Reblogs}
  295. <div class="caption-block{block:isDeactivated} deac{/block:isDeactivated}">
  296. <div class="caption-author">
  297. {block:isActive}
  298. <a class="author-link cap" href="{Permalink}">{Username}</a>
  299. {/block:isActive}
  300. {block:isDeactivated}
  301. <span class="author-link cap">{Username}</span>
  302. {/block:isDeactivated}
  303. </div>
  304. {Body}
  305. </div>
  306. {/block:Reblogs}
  307. </div>
  308. {/block:RebloggedFrom}
  309. {block:NotReblog}
  310. <div class="text-block">{Body}</div>
  311. {/block:NotReblog}
  312. </div>
  313. {/block:Text}
  314. {block:Quote}
  315. <div class="quote-container">
  316. <div class="quote-body {Length}">{quote}</div>
  317. {block:Source}
  318. <div class="quote-source">{Source}</div>
  319. {/block:Source}
  320. </div>
  321. {/block:Quote}
  322. {block:Chat}
  323. <div class="chat-container">
  324. {block:Title}
  325. <h1 class="entry-title">{Title}</h1>
  326. {/block:Title}
  327. {block:Lines}
  328. <div class="chat-bubble">
  329. {block:Label}
  330. <span class="chat-label cap">{Label}</span>
  331. {/block:Label}
  332. <span class="chat-line">{Line}</span>
  333. </div>
  334. {/block:Lines}
  335. </div>
  336. {/block:Chat}
  337. {block:Link}
  338. <div class="link-container">
  339. <a class="link" href="{URL}">
  340. <h1>{Name}</h1>
  341. <div class="link-data">
  342. {block:Author}<span class="author">{Author}</span>{/block:Author}
  343. <span class="divider"></span>
  344. {block:Host}<span class="host">{Host}</span>{/block:Host}
  345. </div>
  346. {block:Excerpt}
  347. <div class="link-excerpt">{Excerpt}</div>
  348. {/block:Excerpt}
  349. <div class="link-arrow-out">
  350. <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon icon-chevron-right"><polyline points="9 18 15 12 9 6"></polyline></svg>
  351. </div>
  352. </a>
  353. {block:RebloggedFrom}
  354. <div class="reblog-container">
  355. {block:Reblogs}
  356. <div class="caption-block{block:isDeactivated} deac{/block:isDeactivated}">
  357. <div class="caption-author">
  358. {block:isActive}
  359. <a class="author-link cap" href="{Permalink}">{Username}</a>
  360. {/block:isActive}
  361. {block:isDeactivated}
  362. <span class="author-link cap">{Username}</span>
  363. {/block:isDeactivated}
  364. </div>
  365. {Body}
  366. </div>
  367. {/block:Reblogs}
  368. </div>
  369. {/block:RebloggedFrom}
  370. {block:NotReblog}
  371. {block:Description}
  372. <div class="link-description">
  373. {Description}
  374. </div>
  375. {/block:Description}
  376. {/block:NotReblog}
  377.  
  378. </div>
  379. {/block:Link}
  380. {block:Answer}
  381. <div class="message-container">
  382. <div class="q">
  383. <div class="cap sender">{Asker}</div>
  384. {Question}
  385. </div>
  386. {block:NotReblog}
  387. <div class="a">
  388. <div class="cap sender">{Name}</div>
  389. {Answer}
  390. </div>
  391. {/block:NotReblog}
  392. {block:RebloggedFrom}
  393. {block:Answerer}
  394. <div class="a reblogged">
  395. <div class="cap sender">{Answerer}</div>
  396. {Answer}
  397. </div>
  398. {/block:Answerer}
  399. <div class="reblog-container">
  400. {block:Reblogs}
  401. <div class="caption-block{block:isDeactivated} deac{/block:isDeactivated}">
  402. <div class="caption-author">
  403. {block:isActive}
  404. <a class="author-link cap" href="{Permalink}">{Username}</a>
  405. {/block:isActive}
  406. {block:isDeactivated}
  407. <span class="author-link cap">{Username}</span>
  408. {/block:isDeactivated}
  409. </div>
  410. {Replies}
  411. </div>
  412. {/block:Reblogs}
  413. </div>
  414. {/block:RebloggedFrom}
  415. </div>
  416. {/block:Answer}
  417. {block:Video}
  418. <div class="video-container">
  419. <div class="video-content">
  420. {Video-700}
  421. </div>
  422. </div>
  423. {/block:Video}
  424. {block:Audio}
  425. <div class="audio-container{block:AudioEmbed} is-embed{/block:AudioEmbed}" data-color-1="{color:left half}" data-color-2="{color:right half}">
  426. {block:AudioPlayer}
  427. <div class="audio-buttons">
  428. <span class="audio-button-prev"></span>
  429. {AudioPlayer}
  430. <span class="audio-button-next"></span>
  431. </div>
  432. <div class="audio-data">
  433. {block:TrackName}
  434. <div class="track-name">
  435. <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon icon-music"><path d="M9 18V5l12-2v13"></path><circle cx="6" cy="18" r="3"></circle><circle cx="18" cy="16" r="3"></circle></svg>
  436. {TrackName}
  437. </div>
  438. {/block:TrackName}
  439. {block:Artist}
  440. <div class="artist">
  441. <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon icon-user"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path><circle cx="12" cy="7" r="4"></circle></svg>
  442. {Artist}
  443. </div>
  444. {/block:Artist}
  445. {block:Album}
  446. <div class="album">
  447. <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon icon-disc"><circle cx="12" cy="12" r="10"></circle><circle cx="12" cy="12" r="3"></circle></svg>
  448. {Album}
  449. </div>
  450. {/block:Album}
  451. </div>
  452. {/block:AudioPlayer}
  453. {block:AudioEmbed}
  454. {AudioEmbed}
  455. {/block:AudioEmbed}
  456. </div>
  457. {/block:Audio}
  458. {block:Caption}
  459. <div class="caption {select:post captions}">
  460. {block:RebloggedFrom}
  461. {block:Reblogs}
  462. <div class="caption-block{block:isDeactivated} deac{/block:isDeactivated}">
  463. <div class="caption-author">
  464. {block:isActive}
  465. <a class="author-link cap" href="{Permalink}">{Username}</a>
  466. {/block:isActive}
  467. {block:isDeactivated}
  468. <span class="author-link cap">{Username}</span>
  469. {/block:isDeactivated}
  470. </div>
  471. {Body}
  472. </div>
  473. {/block:Reblogs}
  474. {/block:RebloggedFrom}
  475. {block:NotReblog}
  476. <div class="caption-block">
  477. <div class="caption-author">
  478. <a class="author-link cap" href="{Permalink}">{Name}</a>
  479. </div>
  480. {Caption}
  481. </div>
  482. {/block:NotReblog}
  483. </div>
  484. {/block:Caption}
  485. {block:PermalinkPage}
  486. {block:Date}
  487. <div class="perma entry-info">
  488. <span class="bold cap">{DayOfWeek}</span>, {Month} {DayofMonth} {Year}</span> ({TimeAgo})
  489. {block:RebloggedFrom}
  490. <span class="pei-parentage lo">
  491. <br/>
  492. {lang:via} <a href="{ReblogParentURL}">{ReblogParentName}</a> & {lang:source} <a href="{ReblogRootURL}">{ReblogRootName}</a>
  493. </span>
  494. {/block:RebloggedFrom}
  495. {block:HasTags}
  496. <br/>
  497. <span class="bold">#</span>{block:Tags} <a href="{TagURL}">{Tag}</a>&nbsp; {/block:Tags}
  498. {/block:HasTags}
  499. {block:ContentSource}<br/><b>{Lang:Source}:</b> <a href="{SourceURL}">{SourceTitle}</a>{/block:ContentSource}
  500. </div>
  501. {/block:Date}
  502. {/block:PermalinkPage}
  503. {block:IndexPage}
  504. <div class="entry-info bot {select:post tags}-tag">
  505. <span class="index-entry-notes">
  506. <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon icon-bar-chart-2"><line x1="18" y1="20" x2="18" y2="10"></line><line x1="12" y1="20" x2="12" y2="4"></line><line x1="6" y1="20" x2="6" y2="14"></line></svg>
  507. <a class="eib-to-permalink" href="{Permalink}">{FormattedNoteCount}</a>
  508. </span>
  509. {block:HasTags}
  510. <span class="entry-tags {select:post tags}">
  511. <span class="divider"></span> {block:Tags}<a href="{TagURL}">{Tag}</a>&nbsp; {/block:Tags}
  512. </span>
  513. {/block:HasTags}
  514. <span class="index-actions">
  515. <a href="javascript:;" class="like-btn">
  516. {LikeButton size=15}
  517. <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon icon-smile"><circle cx="12" cy="12" r="10"></circle><path d="M8 14s1.5 2 4 2 4-2 4-2"></path><line x1="9" y1="9" x2="9.01" y2="9"></line><line x1="15" y1="9" x2="15.01" y2="9"></line></svg>
  518. <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon icon-meh"><circle cx="12" cy="12" r="10"></circle><line x1="8" y1="15" x2="16" y2="15"></line><line x1="9" y1="9" x2="9.01" y2="9"></line><line x1="15" y1="9" x2="15.01" y2="9"></line></svg>
  519. </a>
  520. <a class="rb-btn" href="{ReblogURL}">
  521. <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon icon-repeat"><polyline points="17 1 21 5 17 9"></polyline><path d="M3 11V9a4 4 0 0 1 4-4h14"></path><polyline points="7 23 3 19 7 15"></polyline><path d="M21 13v2a4 4 0 0 1-4 4H3"></path></svg>
  522. </a>
  523. </span>
  524. </div>
  525. {/block:IndexPage}
  526. </article>
  527. {block:PostNotes}
  528. <article class="entry w{select:post width} {select:post shadow} {PostType}-post{block:Photoset} photoset{/block:Photoset} note-container">
  529. <div class="entry-info top">{NoteCountwithLabel}</div>
  530. <div class="perma-entry-notes">
  531. {PostNotes}
  532. </div>
  533. </article>
  534. {/block:PostNotes}
  535. {/block:Posts}
  536. </section>
  537. </section>
  538. </main>
  539. {block:Pagination}
  540. <aside class="bot lo {select:post shadow}">
  541. {block:PreviousPage}
  542. <a href="{PreviousPage}"><span>{lang:newer}</span></a>
  543. {/block:PreviousPage}
  544. <span class="divider"></span>
  545. {block:NextPage}
  546. <a href="{NextPage}"><span>{lang:older}</span></a>
  547. {/block:NextPage}
  548. </aside>
  549. {/block:Pagination}
  550. <script src="https://static.tumblr.com/0podkko/jfMplm3f8/modified_photosets.js"></script>
  551. <script src="https://dl.dropbox.com/s/c94t88i5qqk06yo/s%C3%B8ren-scripts.js"></script>
  552. </script>
  553.  
  554. <!--
  555. ===============================================
  556.  
  557.  
  558. Credits
  559. -------
  560.  
  561. Icons:
  562.  
  563. "FeatherIcons"
  564. by Cole Bemis
  565. https://feathericons.com/
  566.  
  567.  
  568.  
  569. Scripts:
  570.  
  571. "Tumblr audio player script"
  572. by shudesigns
  573. https://shudesigns.tumblr.com
  574.  
  575.  
  576. "No JS Photosets"
  577. by annasthms & espoirthemes
  578. https://annasthms.github.io/photosets/
  579.  
  580.  
  581. ===============================================
  582. -->
  583.  
  584. </body>
  585. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement