View difference between Paste ID: fKLK34AN and BetAp2qj
SHOW: | | - or go back to the newest paste.
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/vr8wztv/KHzpnokhf/cssreset.css' rel='stylesheet' type='text/css'> 
4+
5
<link href="https://dl.dropbox.com/s/jcxqhaqnox8ku5w/mykola-v1.css" rel="stylesheet">
6-
<link href="https://dl.dropbox.com/s/jcxqhaqnox8ku5w/mykola-v1.css" rel="stylesheet"> 
6+
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-
<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+
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>