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} — {/block:PostSummary}{block:TagPage}{lang:Posts tagged Tag} — {/block:TagPage}{block:SearchPage}{lang:Search results for SearchQuery} — {/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> | |
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> {/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> |