API tools faq
paste
Advertisement
feiinho

Mykola Theme

feiinho
Mar 21st, 2019
440
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 29.44 KB | None | 0 0
raw download clone embed print report diff
  1. <!DOCTYPE html>
  2. <html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <link href='https://static.tumblr.com/vr8wztv/KHzpnokhf/cssreset.css' rel='stylesheet' type='text/css'>
  4. <link href="https://static.tumblr.com/0podkko/xIbplezmo/modified_photosets.css" rel="stylesheet">
  5. <link href="https://dl.dropbox.com/s/jcxqhaqnox8ku5w/mykola-v1.css" rel="stylesheet">
  6. <link rel="shortcut icon" href="{Favicon}">
  7. <link href="https://fonts.googleapis.com/css?family={select:body font}:300,300i,400,400i,700,700i|Roboto Mono:300,700|IBM Plex Mono:400,700" rel="stylesheet">
  8. <head>
  9.  
  10.  
  11. <!--
  12. ===============================================
  13.  
  14.  
  15. Mykola 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}{lang:Posts tagged Tag} &mdash; {/block:TagPage}{block:SearchPage}{lang:Search results for SearchQuery} &mdash; {/block:SearchPage}{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.  
  31. {block:Hidden}
  32. <meta name="select:body font" content="PT Sans" />
  33. <meta name="select:body font" content="Fira Sans" />
  34. <meta name="select:body font" content="IBM Plex Sans" />
  35. <meta name="select:body font" content="Merriweather Sans" />
  36. <meta name="select:body font" content="Open Sans" />
  37. <meta name="select:body font" content="Roboto" />
  38. <meta name="select:body font" content="Roboto Slab" />
  39. <meta name="select:body font" content="Rubik" />
  40. <meta name="select:body font" content="Source Sans Pro" />
  41. <meta name="select:body font" content="Ubuntu" />
  42.  
  43. <meta name="select:sidebar width" content="190px" />
  44. <meta name="select:sidebar width" content="210px" />
  45. <meta name="select:sidebar width" content="230px" />
  46. <meta name="select:sidebar width" content="250px" />
  47.  
  48. <meta name="select:sidebar position" content="left" />
  49. <meta name="select:sidebar position" content="right" />
  50.  
  51. <meta name="select:sidebar links style" content="list" />
  52. <meta name="select:sidebar links style" content="grid" />
  53.  
  54. <meta name="select:post width" content="400px" />
  55. <meta name="select:post width" content="350px" />
  56. <meta name="select:post width" content="450px" />
  57. <meta name="select:post width" content="500px" />
  58. <meta name="select:post width" content="550px" />
  59.  
  60. <meta name="select:post captions" content="display" />
  61. <meta name="select:post captions" content="hidden" />
  62.  
  63. <meta name="select:post tags" content="display" />
  64. <meta name="select:post tags" content="hidden" />
  65.  
  66. <meta name="color:background" content="#f1f1f4" />
  67. <meta name="color:post background" content="#ffffff" />
  68. <meta name="color:post borders" content="#c7c8d0" />
  69. <meta name="color:text" content="#333333" />
  70. <meta name="color:accent" content="#85878d" />
  71. <meta name="color:liked like buttons" content="#ff6347" />
  72. <meta name="color:dark mode accent" content="#ace0ef" />
  73.  
  74. <meta name="text:link 1" content="Lorem ipsum" />
  75. <meta name="text:link 1 url" content="http://" />
  76. <meta name="text:link 2" content="Dolorem sit" />
  77. <meta name="text:link 2 url" content="http://" />
  78. <meta name="text:link 3" content="Adipiscing vivus" />
  79. <meta name="text:link 3 url" content="http://" />
  80.  
  81. <meta name="text:night mode hours" content="22-8" />
  82.  
  83. <meta name="if:enable rounded corners" content="1" />
  84. <meta name="if:enable post borders" content="1" />
  85. <meta name="if:enable box shadows" content="0" />
  86. <meta name="if:enable search bar" content="1" />
  87. <meta name="if:enable night mode" content="1" />
  88. <meta name="if:display avatar" content="1" />
  89. {/block:Hidden}
  90.  
  91.  
  92. <style type="text/css">
  93.  
  94. ::selection {background-color:{color:accent}; color:{color:post background}; text-shadow:none;}
  95.  
  96. body {font-family:'{select:body font}','Helvetica','Arial',sans-serif; color:{color:text}; background-color:{color:background};}
  97.  
  98. ::-webkit-scrollbar-thumb {background:{color:accent}; border:1px {color:background} solid; border-radius:10px;}
  99.  
  100. /* links */
  101.  
  102. a, span.tag, .search_query, .cb-author.deac span {color:{color:accent};}
  103. .entry a:not(.like-btn):not(.rb-btn):not(.link-container), span.tag, .search_query, .cb-author.deac span, .pagination a {text-shadow:.08em 0 0 {color:post background}, 0 0, -.08em 0 0 {color:post background}; background-image:linear-gradient(90deg, rgba({RGBcolor:accent},.5) 0%, rgba({RGBcolor:accent},.5) 100%);}
  104.  
  105. .entry a:not(.like-btn):not(.rb-btn):not(.link-container) {text-shadow: .08em 0 0 {color:post background}, 0 0, -.08em 0 0 {color:post background};}
  106. a:hover {color:{color:text};}
  107.  
  108. /* sidebar */
  109.  
  110. aside .a-wrap, aside nav, aside .blog-search, .avatar img, .entry:not(.pagination):not(.page-marker) {background:{color:post background};}
  111. .blog-search svg, nav svg, .a-wrap svg {stroke:{color:accent};}
  112. .blog-search input[type=text] {background:{color:background};}
  113. .blog-search input[type=text]:before {content:'{lang:Search}';}
  114.  
  115. /* borders */
  116.  
  117. .has-border .entry:not(.page-marker),
  118. .has-border aside .a-wrap, .has-border aside nav, .has-border aside .blog-search, .has-border aside.ava-display .avatar img, .has-border aside .blog-search input[type=text], .sender img {border:1px {color:post borders} solid;}
  119.  
  120. /* posts */
  121.  
  122. .text-container blockquote, .link-container, .cc-line:nth-of-type(odd),
  123. .message.q:not(.re), .ac-classic,
  124. code, pre {background:rgba({RGBcolor:accent},.1);}
  125. .link-container {color:{color:accent};}
  126. .link-container:hover {color:{color:text}; background:rgba({RGBcolor:accent},.2);}
  127. .acc-player, .ac-embed {color:{color:accent};}
  128. .dark .acc-player, .ac-embed {color:{color:dark mode accent};}
  129. .cb-author.deac span {background-image:linear-gradient(90deg, {color:accent} 0%, {color:accent} 100%); background-position:100% calc(50% + .08em); text-shadow:none;}
  130. ul li:before, .cb-author:before {background:{color:accent};}
  131. .page-marker span, .pagination a {text-shadow:0.08em 0 0 {color:background}, 0 0, -0.08em 0 0 {color:background};}
  132. blockquote {border-left:1px {color:accent} solid;}
  133. .text-container blockquote {border-left: 3px rgba({RGBcolor:accent},.5) solid;}
  134. hr {background:{color:accent}; box-shadow:-1rem 0 0 {color:accent}, 1rem 0 0 {color:accent};}
  135. .tmblr-lightbox {background-color:rgba({RGBcolor:accent},.95)!important;}
  136.  
  137.  
  138. @media (min-width:0px) and (max-width:1024px){
  139. header, aside {background:{color:post background};}
  140. header img {background:{color:post background};}
  141. aside .blog-search input[type=submit] {color:#fff; background:{color:accent};}
  142.  
  143. /* post borders */
  144.  
  145. .has-border header {border-bottom:1px {color:post borders} solid;}
  146. .has-border aside {border-right:1px {color:post borders} solid;}
  147. .has-border header img {border:1px {color:post borders} solid;}
  148. }
  149.  
  150. @media (min-width:1025px) {
  151. nav .page-wrap {scrollbar-color: rgba({RGBcolor:accent},.2) {color:post background}; background:{color:post background};}
  152. nav .page-wrap::-webkit-scrollbar-thumb {background:rgba({RGBcolor:accent},.5); border-color:{color:post background};}
  153. }
  154.  
  155. /* night mode
  156.  
  157. -------------------------------------
  158. colors used:
  159.  
  160. <body> background: #37373a
  161. post/sidebar background: #303033
  162. post/sidebar borders: #46464c
  163. body text: #f1f2f3
  164. -------------------------------------
  165.  
  166. */
  167.  
  168. body.dark, .dark aside .blog-search input[type=text] {background:#37373a; color:#f1f2f3;}
  169. .dark aside .a-wrap, .dark aside .blog-search, .dark aside nav, .dark .entry:not(.pagination):not(.page-marker), .dark .avatar img {background:#303033;}
  170. .dark ul li:before, .dark .cb-author:before {background:{color:dark mode accent};}
  171. .dark .blog-search svg, .dark nav svg, .dark .a-wrap svg {stroke:{color:dark mode accent};}
  172.  
  173. body.dark ::selection {background-color:{color:dark mode accent}; color:#303033; text-shadow:none;}
  174.  
  175. /* links */
  176.  
  177. .dark a, .dark span.tag, .dark .search_query, .dark .cb-author.deac span {color:{color:dark mode accent};}
  178. .dark .entry a:not(.like-btn):not(.rb-btn):not(.link-container), .dark span.tag, .dark .search_query, .dark .cb-author.deac span, .dark .pagination a {text-shadow:.08em 0 0 #303033, -.08em 0 0 #303033; background-image:linear-gradient(90deg, rgba({RGBcolor:dark mode accent},.5) 0%, rgba({RGBcolor:dark mode accent},.5) 100%);}
  179. .dark a:hover, .dark .link-container:hover {color:#f1f2f3;}
  180.  
  181. .dark .cc-line:nth-of-type(odd), .dark .link-container, .dark .message.q:not(.re), .dark .ac-classic, .dark .text-container blockquote {background:rgba({RGBcolor:dark mode accent},.1);}
  182. .dark .link-container:hover {background:rgba({RGBcolor:dark mode accent},.2);}
  183.  
  184. .dark .cb-author.deac span {background-image:linear-gradient(90deg, {color:dark mode accent} 0%, {color:dark mode accent} 100%); text-shadow:none;}
  185.  
  186. /* pagination */
  187.  
  188. .dark .page-marker span, .dark .pagination a {cursor:default; text-shadow:0.08em 0 0 #37373a, 0 0, -0.08em 0 0 #37373a;}
  189.  
  190. /* text formatting */
  191.  
  192. .dark .text-container blockquote {border-left-color:rgba({RGBcolor:dark mode accent},.5);}
  193. .dark hr {background:{color:dark mode accent}; box-shadow:-1rem 0 0 {color:dark mode accent}, 1rem 0 0 {color:dark mode accent};}
  194.  
  195. /* lightbox */
  196.  
  197. .dark .tmblr-lightbox {background-color:rgba({RGBcolor:dark mode accent},.95)!important;}
  198.  
  199. /* scrollbar */
  200.  
  201. .dark::-webkit-scrollbar-thumb {background:rgba({RGBcolor:dark mode accent},.5); border:2px #37373a solid; border-radius:10px;}
  202.  
  203. /* post borders */
  204.  
  205. .dark .has-border .entry:not(.page-marker),
  206. .dark .has-border aside .a-wrap, .dark .has-border aside nav, .dark .has-border aside .blog-search, .dark .has-border aside .avatar img, .dark .has-border aside .blog-search input[type=text] {border:1px solid #46464c;}
  207. .dark .sender img {border:1px {color:dark mode accent} solid;}
  208.  
  209. @media (min-width:0px) and (max-width:1024px){
  210. .dark header, .dark header img, .dark aside {background:#303033; border-color:#47474c;}
  211. .dark aside .blog-search input[type=submit] {background:{color:dark mode accent}; color:#37373a;}
  212. .dark .has-box-shadow aside {box-shadow:3px 0 5px rgba(0,0,0,.1);}
  213. }
  214. @media (min-width:1025px){
  215. .dark nav .page-wrap {scrollbar-color:rgba({RGBcolor:dark mode accent},.2) #2e2e33; background:#303033;}
  216. .dark .has-box-shadow nav .page-wrap::-webkit-scrollbar-thumb {border-color:#303033;}
  217.  
  218. /* box shadows */
  219.  
  220. .dark .has-box-shadow aside .a-wrap, .dark .has-box-shadow aside nav, .dark .has-box-shadow aside .blog-search, .dark .has-box-shadow aside .avatar img {box-shadow:0 0 10px rgba(0,0,0,.1);}
  221. }
  222.  
  223. {CustomCSS}
  224.  
  225. </style>
  226. <noscript><style>body {opacity:1;}</style></noscript>
  227. </head>
  228. <body id="target"{block:ifEnableNightMode} class="enable-nm"{/block:ifEnableNightMode}>
  229. <main class="{select:sidebar position} pw{select:post width} sw{select:sidebar width}{block:PermalinkPage} is-perma{/block:PermalinkPage}{block:IndexPage} is-index{/block:IndexPage}{block:ifEnablePostBorders} has-{/block:ifEnablePostBorders}{block:ifNotEnablePostBorders} no-{/block:ifNotEnablePostBorders}border{block:ifEnableRoundedCorners} rounded{/block:ifEnableRoundedCorners}{block:ifEnableBoxShadows} has-box-shadow{/block:ifEnableBoxShadows}">
  230. <header class="cap font bold">
  231. <div class="h-wrap">
  232. {block:ifDisplayAvatar}<a href="/"><img src="{PortraitURL-128}"/></a>{/block:ifDisplayAvatar}
  233. <a class="blog-title" href="/">{BlogTitle}</a>
  234. <a class="m-toggle" href="#">
  235. <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-menu"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
  236. </a>
  237. </div>
  238. </header>
  239. <aside class="{block:ifDisplayAvatar}ava-display{/block:ifDisplayAvatar}{block:ifNotDisplayAvatar}ava-hide{/block:ifNotDisplayAvatar}{block:HasPages} has-pages{/block:HasPages}">
  240. <div class="a-wrap">
  241. <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-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>
  242. {block:ifDisplayAvatar}
  243. <div class="avatar"><a href="/"><img src="{PortraitURL-128}" /></a></div>
  244. {/block:ifDisplayAvatar}
  245. <div class="blog-title bold font cap"><a href="/">{BlogTitle}</a></div>
  246. {block:Description}
  247. <div class="blog-description">{Description}</div>
  248. {/block:Description}
  249. </div>
  250. <nav class="font {select:sidebar links style}">
  251. <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-menu"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
  252. <div>
  253. <a href="/">{lang:Home}</a>
  254. {block:AskEnabled}<a href="/ask">{AskLabel}</a>{/block:AskEnabled}
  255. <a href="/archive">{lang:Archive}</a>
  256. {block:ifLink1}<a href="{text:link 1 url}">{text:link 1}</a>{/block:ifLink1}
  257. {block:ifLink2}<a href="{text:link 2 url}">{text:link 2}</a>{/block:ifLink2}
  258. {block:ifLink3}<a href="{text:link 3 url}">{text:link 3}</a>{/block:ifLink3}
  259. </div>
  260. {block:HasPages}
  261. <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="pw-toggle"><line x1="12" y1="5" x2="12" y2="19"></line><line x1="5" y1="12" x2="19" y2="12"></line></svg>
  262. <div class="page-wrap">
  263. {block:Pages}<a href="{URL}">{Label}</a>{/block:Pages}
  264. </div>
  265. {/block:HasPages}
  266. </nav>
  267. </div>
  268. {block:ifEnableSearchBar}
  269. <div class="blog-search">
  270. <form action="/search" method="get">
  271. <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-search"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
  272. <input type="text" name="q" value="{SearchQuery}" placeholder="{lang:Search}" />
  273. <input type="submit" value="{lang:Search}" />
  274. </form>
  275. </div>
  276. {/block:ifEnableSearchBar}
  277. </aside>
  278. <section class="holder">
  279. {block:TagPage}
  280. <article class="entry page-marker font">
  281. {lang:Showing posts tagged Tag 2}
  282. </article>
  283. {/block:TagPage}
  284. {block:SearchPage}
  285. <article class="entry page-marker font">
  286. {lang:Showing SearchResultCount results for SearchQuery 2}
  287. {block:NoSearchResults}{lang:No search results for SearchQuery 2}{/block:NoSearchResults}
  288. </article>
  289. {/block:SearchPage}
  290. {block:Posts}
  291. <article class="entry">
  292. {block:Date}
  293. <div class="entry-info top padded all {block:ifNotEnablePostBorders}p {/block:ifNotEnablePostBorders} cap font">
  294. {block:IndexPage}<a class="to-permalink bold" href="{Permalink}">{/block:IndexPage}{block:PermalinkPage}<span class="bold">{/block:PermalinkPage}{DayofWeek}, {DayofMonth} {Month} {Year}{/block:IndexPage}</a>{/block:IndexPage}{block:PermalinkPage}</span>{/block:PermalinkPage}
  295. </div>
  296. {/block:Date}
  297. <div class="entry-content caption-{select:post captions} tags-{select:post tags}">
  298. {block:Text}
  299. {block:Title}<h1 class="entry-title padded all">{Title}</h1>{/block:Title}
  300. {block:NotReblog}
  301. <div class="text-container padded {block:ifEnablePostBorders}all{/block:ifEnablePostBorders}{block:ifNotEnablePostBorders}sides{/block:ifNotEnablePostBorders}">{Body}</div>
  302. {/block:NotReblog}
  303. <div class="text-container">
  304. {block:RebloggedFrom}
  305. <div class="reblog-container">
  306. {block:Reblogs}
  307. <div class="padded all caption-block">
  308. <div class="cb-author{block:isDeactivated} deac{/block:isDeactivated}">
  309. {block:isActive}<a href="{Permalink}" class="cba-link">{Username}</a>{/block:isActive}
  310. {block:isDeactivated}<span>{Username}</span>{/block:isDeactivated}
  311. </div>
  312. {Body}
  313. </div>
  314. {/block:Reblogs}
  315. </div>
  316. {/block:RebloggedFrom}
  317. </div>
  318. {/block:Text}
  319. {block:Photo}
  320. <div class="photo-container">
  321. <div class="photoset-grid"><div class="photo" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}" data-lowres="{PhotoURL-500}" data-highres="{PhotoURL-HighRes}" onclick="lightbox(this)"><img src="{PhotoURL-HighRes}" /></div></div>
  322. </div>
  323. {/block:Photo}
  324. {block:Photoset}
  325. <div class="photo-container ps">
  326. <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>
  327. </div>
  328. {/block:Photoset}
  329. {block:Link}
  330. <a href="{URL}" target="_blank" class="padded all p link-container">
  331. <h1>{Name}</h1>
  332. <div class="lc-data">
  333. {block:Author}<span class="author">{Author}</span>{/block:Author}
  334. <span class="divider"></span>
  335. {block:Host}<span class="host">{Host}</span>{/block:Host}
  336. </div>
  337. {block:Excerpt}
  338. <div class="lc-excerpt">{Excerpt}</div>
  339. {/block:Excerpt}
  340. </a>
  341. {block:Description}
  342. {block:NotReblog}
  343. <div class="padded all caption-block link-description">
  344. {Description}
  345. </div>
  346. {/block:NotReblog}
  347. {block:RebloggedFrom}
  348. <div class="reblog-container">
  349. {block:Reblogs}
  350. <div class="padded all caption-block link-description">
  351. <div class="cb-author{block:isDeactivated} deac{/block:isDeactivated}">
  352. {block:isActive}<a href="{Permalink}" class="cba-link">{Username}</a>{/block:isActive}
  353. {block:isDeactivated}<span>{Username}</span>{/block:isDeactivated}
  354. </div>
  355. {Body}
  356. </div>
  357. {/block:Reblogs}
  358. </div>
  359. {/block:RebloggedFrom}
  360. {/block:Description}
  361. {/block:Link}
  362. {block:Chat}
  363. {block:Title}<h1 class="entry-title padded all">{Title}</h1>{/block:Title}
  364. <div class="chat-container font">
  365. {block:Lines}
  366. <div class="cc-line padded all p">
  367. {block:Label}<span class="bold">{Label}</span>{/block:Label}
  368. {Line}
  369. </div>
  370. {/block:Lines}
  371. </div>
  372. {/block:Chat}
  373. {block:Audio}
  374. <div class="audio-container">
  375. {block:AudioPlayer}
  376. <div class="ac-classic padded all p">
  377. <div class="acc-data">
  378. {block:TrackName}<div class="accd-track has-ellipsis">{TrackName}</div>{/block:TrackName}
  379. {block:Artist}<div class="accd-artist has-ellipsis">{Artist}</div>{/block:Artist}
  380. {block:Album}<div class="accd-album it has-ellipsis">{Album}</div>{/block:Album}
  381. </div>
  382. <div class="acc-player">{AudioPlayer}</div>
  383. </div>
  384. {/block:AudioPlayer}
  385. {block:AudioEmbed}
  386. <div class="ac-embed">{AudioEmbed}</div>{/block:AudioEmbed}
  387. </div>
  388. {/block:Audio}
  389. {block:Answer}
  390. <div class="message q padded all p">
  391. {Question}
  392. <div class="sender lo bold">
  393. <img src="{AskerPortraitURL-40}"/> {Asker}
  394. </div>
  395. </div>
  396. {block:NotReblog}
  397. <div class="message a padded all">
  398. <div class="sender lo bold">
  399. <img src="{PortraitURL-40}"/> {Name}
  400. </div>
  401. {Answer}
  402. </div>
  403. {/block:NotReblog}
  404. {block:RebloggedFrom}
  405. {block:Answerer}
  406. <div class="message q re padded all">
  407. <div class="sender lo bold"><img src="{AnswererPortraitURL-40}"/> {Answerer}</div>
  408. {Answer}
  409. </div>
  410. {/block:Answerer}
  411. {block:Reblogs}
  412. <div class="reblog-container">
  413. <div class="padded all caption-block">
  414. <div class="cb-author{block:isDeactivated} deac{/block:isDeactivated}">
  415. {block:isActive}<a href="{Permalink}" class="cba-link">{Username}</a>{/block:isActive}
  416. {block:isDeactivated}<span>{Username}</span>{/block:isDeactivated}
  417. </div>
  418. {Replies}
  419. </div>
  420. </div>
  421. {/block:Reblogs}
  422. {/block:RebloggedFrom}
  423. {/block:Answer}
  424. {block:Quote}
  425. <div class="quote-container padded sides">
  426. <div class="quote {Length}">{Quote}</div>
  427. {block:Source}
  428. <div class="quote-source">{Source}</div>
  429. {/block:Source}
  430. </div>
  431. {/block:Quote}
  432. {block:Video}
  433. <div class="video-container">{Video-500}</div>
  434. {/block:Video}
  435. {block:Caption}
  436. <div class="entry-caption {select:post captions}">
  437. {block:NotReblog}
  438. <div class="padded all caption-block">
  439. <div class="cb-author">
  440. <a href="{Permalink}" class="cba-link">{Name}</a>
  441. </div>
  442. {Caption}
  443. </div>
  444. {/block:NotReblog}
  445. {block:RebloggedFrom}
  446. <div class="reblog-container">
  447. {block:Reblogs}
  448. <div class="padded all caption-block">
  449. <div class="cb-author{block:isDeactivated} deac{/block:isDeactivated}">
  450. {block:isActive}<a href="{Permalink}" class="cba-link">{Username}</a>{/block:isActive}
  451. {block:isDeactivated}<span>{Username}</span>{/block:isDeactivated}
  452. </div>
  453. {Body}
  454. </div>
  455. {/block:Reblogs}
  456. </div>
  457. {/block:RebloggedFrom}
  458. </div>
  459. {/block:Caption}
  460. </div>
  461. {block:IndexPage}
  462. {block:HasTags}
  463. <div class="entry-tags padded sides {select:post tags}">
  464. {block:Tags}
  465. #<a href="{TagURL}">{Tag}</a>&nbsp;
  466. {/block:Tags}
  467. </div>
  468. {/block:HasTags}
  469. {/block:IndexPage}
  470. {block:Date}
  471. <div class="entry-info bot font padded {block:ifNotEnablePostBorders}p {/block:ifNotEnablePostBorders}all">
  472. {block:IndexPage}
  473. <div class="part left cap">
  474. <a href="{Permalink}">{NoteCountwithLabel}</a>
  475. </div>
  476. <div class="part right">
  477. <a class="like-btn" href="javascript:;">
  478. {LikeButton}
  479. <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-meh initial"><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>
  480. <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="{color:liked like buttons}" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-smile done"><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>
  481. </a>
  482. <a class="rb-btn" href="{ReblogURL}" target="_blank">
  483. <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-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>
  484. </a>
  485. </div>
  486. {/block:IndexPage}
  487. {block:PermalinkPage}
  488. {lang:Posted TimeAgo with NoteCount notes}<br/>
  489. {block:RebloggedFrom}
  490. {lang:Reblogged from ReblogParentName 2}, <span class="lo">{lang:Originally from ReblogRootName 2}</span><br/>
  491. {/block:RebloggedFrom}
  492. {block:HasTags}
  493. {lang:Tagged with} {block:Tags}#<a href="{TagURL}">{Tag}</a>&nbsp; {/block:Tags}
  494. {/block:HasTags}
  495. {block:ContentSource}
  496. <br/><br/>{lang:Source}: <a href="{SourceURL}">{SourceTitle}</a>
  497. {/block:ContentSource}
  498. {/block:PermalinkPage}
  499. </div>
  500. {/block:Date}
  501. </article>
  502. {block:PostNotes}
  503. <article class="entry perma-notes-container">
  504. <div class="entry-notes padded all{block:ifNotEnablePostBorders} p{/block:ifNotEnablePostBorders}">
  505. <h1>{lang:Notes}</h1>
  506. {PostNotes}
  507. </div>
  508. </article>
  509. {/block:PostNotes}
  510. {/block:Posts}
  511. {block:Pagination}
  512. <article class="pagination lo font">
  513. <div class="previous">
  514. {block:PreviousPage}
  515. <a href="{PreviousPage}"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-arrow-left"><line x1="19" y1="12" x2="5" y2="12"></line><polyline points="12 19 5 12 12 5"></polyline></svg> {lang:Prev}</a>
  516. {/block:PreviousPage}
  517. </div>
  518. <div class="next">
  519. {block:NextPage}
  520. <a href="{NextPage}">{lang:Next} <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-arrow-right"><line x1="5" y1="12" x2="19" y2="12"></line><polyline points="12 5 19 12 12 19"></polyline></svg></a>
  521. {/block:NextPage}
  522. </div>
  523. </article>
  524. {/block:Pagination}
  525. </section>
  526. <div id="nt"><a href="https://spielglocken.tumblr.com" target="_blank"><img class="svg" src="https://static.tumblr.com/vr8wztv/QG5poaddv/spielglocken.svg"/><img class="text" src="https://static.tumblr.com/vr8wztv/fffpoankj/spielglocken1.svg" /></a><span class="cap"></span></div>
  527. </main>
  528. <div id="hours" style="visibility:hidden; position:absolute; width:1px; height:1px; top:-10px; left:-10px; font-size:1px;">{text:night mode hours}-{color:accent}-{color:dark mode accent}</div>
  529. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
  530. <script src="https://static.tumblr.com/0podkko/jfMplm3f8/modified_photosets.js"></script>
  531. <script src="https://dl.dropbox.com/s/xm59mcz0h1gez6e/mykola-scripts.js"></script>
  532. </body>
  533. </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!