SHOW:
|
|
- or go back to the newest paste.
1 | - | Migrated to Github |
1 | + | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
2 | <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> | |
3 | - | https://github.com/orbitalnight/magnusthemes/blob/master/codes/deltaf.html |
3 | + | |
4 | - | Raw: https://raw.githubusercontent.com/orbitalnight/magnusthemes/master/codes/deltaf.html |
4 | + | <head> |
5 | ||
6 | <!------ | |
7 | Theme - Delta Fulminata | |
8 | Code by aeroelastical/magnusthemes | |
9 | ver. 1.0.3 (02/10/2018) | |
10 | ||
11 | Icon cheatsheet: http://feathericons.com | |
12 | ------> | |
13 | ||
14 | <!-- fonts --> | |
15 | <link href='https://fonts.googleapis.com/css?family=Graduate|Quicksand:300,400,500,700|Open+Sans:400,400i,600,600i,700,700i,800,800i' rel='stylesheet'/> | |
16 | ||
17 | <!-- stylesheets --> | |
18 | <link href="http://static.tumblr.com/p0knose/yKlp5mq5l/normalize.css" rel="stylesheet"/> | |
19 | <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet"/> | |
20 | ||
21 | <!-- page information --> | |
22 | ||
23 | <title>{Title}{block:TagPage} | {Tag}{/block:TagPage} {block:SearchPage} | {lang:Search results for SearchQuery}{/block:SearchPage}{block:PostSummary} | {PostSummary}{/block:PostSummary}</title> | |
24 | ||
25 | <link rel="shortcut icon" href="{Favicon}"> | |
26 | <link rel="alternate" type="application/rss+xml" href="{RSS}"> | |
27 | ||
28 | <!-- metas --> | |
29 | ||
30 | <meta charset="utf-8"> | |
31 | <meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
32 | <meta name="viewport" content="width=device-width, initial-scale=1"> | |
33 | ||
34 | {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description} | |
35 | ||
36 | <!-- colour options --> | |
37 | ||
38 | <meta name="color:background" content="#ffffff"/> | |
39 | <meta name="color:text" content="#666666"/> | |
40 | <meta name="color:bold" content="#00274C"/> | |
41 | <meta name="color:italic" content="#333333"/> | |
42 | <meta name="color:links" content="#888888"/> | |
43 | <meta name="color:links hover" content="#FFCB05"/> | |
44 | ||
45 | <meta name="color:scrollbar" content="#00274C"/> | |
46 | <meta name="color:scrollbar background" content="#FFCB05"/> | |
47 | <meta name="color:tooltips" content="#eaeaea"/> | |
48 | <meta name="color:tooltips background" content="#151515"/> | |
49 | <meta name="color:text selection" content="#969696"/> | |
50 | <meta name="color:text selection background" content="#eaeaea"/> | |
51 | ||
52 | <meta name="color:chat odd" content="#00274C"/> | |
53 | <meta name="color:chat even" content="#FFCB05"/> | |
54 | <meta name="color:post dividers" content="#eaeaea"/> | |
55 | <meta name="color:post title" content="#151515"/> | |
56 | ||
57 | <meta name="color:left bar background" content="#050505"/> | |
58 | <meta name="color:stripe 1" content="#00274C"/> | |
59 | <meta name="color:stripe 2" content="#FFCB05"/> | |
60 | <meta name="color:accent 1" content="#00274C"/> | |
61 | <meta name="color:accent 2" content="#FFCB05"/> | |
62 | <meta name="color:accent text" content="#ffffff"/> | |
63 | <meta name="color:icons color" content="#151515"/> | |
64 | <meta name="color:icons alt" content="#ffffff"/> | |
65 | <meta name="color:blog title" content="#00274C"/> | |
66 | ||
67 | <!-- image options --> | |
68 | ||
69 | <meta name="image:sidebar" content=""/> | |
70 | ||
71 | <!-- booleans --> | |
72 | ||
73 | <meta name="if:custom text selection" content="1"/> | |
74 | <meta name="if:light theme" content="1" /> | |
75 | <meta name="if:show tags" content="1"/> | |
76 | <meta name="if:show captions" content="1"/> | |
77 | <meta name="if:fading images" content=""/> | |
78 | <meta name="if:monochrome images" content=""/> | |
79 | <meta name="if:infinite scroll" content=""/> | |
80 | <meta name="if:manual load" content=""/> | |
81 | <meta name="if:lazy load" content=""/> | |
82 | ||
83 | <!-- more options --> | |
84 | ||
85 | <meta name="select:post size" title="540px" content="540"/> | |
86 | <meta name="select:post size" title="500px" content="500"/> | |
87 | <meta name="select:post size" title="450px" content="450"/> | |
88 | <meta name="select:post size" title="400px" content="400"/> | |
89 | <meta name="select:post size" title="350px" content="350"/> | |
90 | <meta name="select:post size" title="300px" content="300"/> | |
91 | <meta name="select:post size" title="250px" content="250"/> | |
92 | ||
93 | <meta name="select:gutter" title="4px" content="4"/> | |
94 | <meta name="select:gutter" title="3px" content="3"/> | |
95 | <meta name="select:gutter" title="2px" content="2"/> | |
96 | <meta name="select:gutter" title="1px" content="1"/> | |
97 | ||
98 | <style type="text/css"> | |
99 | ||
100 | /* ------ custom styles ------ */ | |
101 | ||
102 | /* fade animation */ | |
103 | ||
104 | @-webkit-keyframes fadein {from {opacity:0;} to {opacity:1;}} | |
105 | @keyframes fadein {from {opacity:0;} to {opacity:1;}} | |
106 | ||
107 | /* scrollbar */ | |
108 | ||
109 | ::-webkit-scrollbar {height:10px; width:10px;} | |
110 | ::-webkit-scrollbar-corner {background:{color:Background};} | |
111 | ||
112 | ::-webkit-scrollbar-track-piece { | |
113 | background-color:{color:Scrollbar Background}; | |
114 | border:4px solid {color:Background}; | |
115 | } | |
116 | ||
117 | ::-webkit-scrollbar-thumb { | |
118 | width:10px; height:10px; | |
119 | background-color:{color:Scrollbar}; | |
120 | border:4px solid {color:Background}; | |
121 | } | |
122 | ||
123 | /* text selection */ | |
124 | ||
125 | {block:ifcustomtextselection} | |
126 | ::selection {color:{color:text selection}; background:{color:text selection background};} | |
127 | ::-moz-selection {color:{color:text selection}; background:{color:text selection background};} | |
128 | ::-webkit-selection {color:{color:text selection}; background:{color:text selection background};} | |
129 | {/block:ifcustomtextselection} | |
130 | ||
131 | /* jquery ui tooltips */ | |
132 | ||
133 | .ui-tooltip {position:absolute; z-index:214748364789;} | |
134 | ||
135 | .ui-tooltip-content { | |
136 | margin:5px 25px; | |
137 | max-width:300px; | |
138 | padding:5px 8px; | |
139 | text-transform:uppercase; | |
140 | background:{color:tooltips background}; | |
141 | font-size:9px; | |
142 | line-height:150%; | |
143 | letter-spacing:0.5px; | |
144 | color:{color:tooltips}; | |
145 | border-radius:3px; | |
146 | } | |
147 | ||
148 | /* tumblr controls */ | |
149 | ||
150 | #bp:hover {border-color:{color:Accent 1};} | |
151 | ||
152 | iframe#tumblr_controls, .iframe-controls--desktop { | |
153 | top:5px!important; | |
154 | right:5px!important; | |
155 | position:fixed!important; | |
156 | z-index:999999999!important; | |
157 | opacity:0.3!important; | |
158 | {block:iflighttheme} | |
159 | -webkit-filter:invert(85%); | |
160 | filter:invert(85%); | |
161 | {/block:iflighttheme} | |
162 | transition:opacity 0.4s ease-in-out, top 0.4s ease-in-out; | |
163 | -webkit-transform-origin:100% 0; | |
164 | -webkit-transform:scale(0.6,0.6); | |
165 | -ms-transform-origin:100% 0; | |
166 | -ms-transform:scale(0.6,0.6); | |
167 | transform-origin:100% 0; | |
168 | transform:scale(0.6,0.6); | |
169 | } | |
170 | ||
171 | .iframe-controls--desktop.ani {top:170px!important;} | |
172 | iframe#tumblr_controls:hover, .iframe-controls--desktop:hover {opacity: 0.7!important;} | |
173 | ||
174 | /* lightbox */ | |
175 | ||
176 | #tumblr_lightbox, .tmblr-lightbox {background:rgba({RGBcolor:Background}, 0.95)!important; z-index:214748364789!important;} | |
177 | #tumblr_lightbox img, .tmblr-lightbox img {opacity:0;} | |
178 | #vignette, .vignette {opacity:0!important;} | |
179 | ||
180 | #tumblr_lightbox_center_image, #tumblr_lightbox_left_image, #tumblr_lightbox_right_image, .lightbox-image { | |
181 | opacity:1!important; | |
182 | box-shadow:0 0 0 transparent!important; | |
183 | border-radius:3px!important; | |
184 | padding:0px!important; | |
185 | } | |
186 | ||
187 | #tumblr_lightbox_caption, .lightbox-caption { | |
188 | margin-top:20px!important; | |
189 | color:{color:text}!important; | |
190 | text-shadow:0 0 0 transparent!important; | |
191 | font:normal 12px 'Quicksand', sans-serif; | |
192 | } | |
193 | ||
194 | /* ------ basic styles ------ */ | |
195 | ||
196 | body { | |
197 | background-color:{color:background}; | |
198 | margin:0px; | |
199 | padding:0px; | |
200 | word-wrap:break-word; | |
201 | overflow:auto; | |
202 | color:{color:text}; | |
203 | font:400 13px/170% 'Quicksand', sans-serif; | |
204 | letter-spacing:0.5px; | |
205 | text-align:justify; | |
206 | -webkit-font-smoothing:antialiased; | |
207 | -moz-osx-font-smoothing:grayscale; | |
208 | } | |
209 | ||
210 | a { | |
211 | color:{color:links}; | |
212 | text-decoration:none; | |
213 | transition:0.3s ease-in-out; | |
214 | outline:0!important; | |
215 | } | |
216 | ||
217 | a:hover {color:{color:links hover};} | |
218 | i, italic, em {color:{color:italic}; font-style:italic;} | |
219 | b, bold, strong {color:{color:bold}; font-weight:bold;} | |
220 | ||
221 | pre, code { | |
222 | font-family:consolas,monospace; | |
223 | border:1px solid {color:Post Dividers}; | |
224 | padding:15px; | |
225 | display:block; | |
226 | } | |
227 | ||
228 | /* line dividers */ | |
229 | ||
230 | hr { | |
231 | border:0px solid transparent; | |
232 | border-bottom:1px solid {color:post dividers}; | |
233 | margin:1em 0; | |
234 | height:0px; | |
235 | width:100%; | |
236 | } | |
237 | ||
238 | /* lists, ordered and unordered */ | |
239 | ||
240 | ol {counter-reset:li;} | |
241 | ol, ul {padding:0px 0px 0px 30px;} | |
242 | ol li, ul li {list-style:none; margin-left:0px; display:block; position:relative;} | |
243 | ||
244 | ol li::before { | |
245 | content:counter(li, decimal-leading-zero); | |
246 | counter-increment:li; | |
247 | position:absolute; | |
248 | margin-left:-8px; | |
249 | color:{color:Accent 1}; | |
250 | font-family:"Graduate"; | |
251 | -webkit-transform:translateX(-100%); | |
252 | -ms-transform:translateX(-100%); | |
253 | transform:translateX(-100%); | |
254 | } | |
255 | ||
256 | ul li::before { | |
257 | content:""; | |
258 | background:{color:Accent 2}; | |
259 | display:block; | |
260 | position:absolute; | |
261 | margin-left:-20px; | |
262 | width:10px; | |
263 | height:1px; | |
264 | margin-top:10px; | |
265 | } | |
266 | ||
267 | /* headings */ | |
268 | ||
269 | h1, h2, h3 { | |
270 | letter-spacing:0px; | |
271 | font:800 16px 'Open Sans',sans-serif; | |
272 | color:{color:Post Title}; | |
273 | } | |
274 | ||
275 | /* @ all the people who use <small> tags in your captions: get your shit together pls */ | |
276 | ||
277 | small, sup, sub {line-height:170%; font-size:12px;} | |
278 | big {font-size:14px;} | |
279 | ||
280 | blockquote { | |
281 | margin:1em 0 1em 7px; | |
282 | display:block; | |
283 | padding-left:15px; | |
284 | border-left:1px solid {color:Post Dividers}; | |
285 | } | |
286 | ||
287 | blockquote img {max-width:100%!important; height:auto!important;} | |
288 | ||
289 | /* ------ posts & container ------ */ | |
290 | ||
291 | /* --- posts container --- */ | |
292 | ||
293 | #postmargin, footer { | |
294 | width:{select:post size}px; | |
295 | z-index:1; | |
296 | position:relative; | |
297 | margin-left:480px; | |
298 | -webkit-animation:fadein 1s; | |
299 | animation:fadein 1s; | |
300 | } | |
301 | ||
302 | /* ------ posts ------ */ | |
303 | ||
304 | .posts { | |
305 | position:relative; | |
306 | width:{select:post size}px; | |
307 | margin:120px 0; | |
308 | -webkit-animation:fadein 1s; | |
309 | animation:fadein 1s; | |
310 | } | |
311 | ||
312 | {block:IndexPage} | |
313 | .posts::after { | |
314 | content:""; | |
315 | bottom:0; | |
316 | height:0px; | |
317 | width:100%; | |
318 | position:absolute; | |
319 | border-bottom:1px solid {color:Post Dividers}; | |
320 | left:0; | |
321 | right:0; | |
322 | } | |
323 | {/block:IndexPage} | |
324 | ||
325 | .text {padding:0px; position:relative; overflow:hidden;} | |
326 | ||
327 | .text a, #desc a {border-bottom:1px solid {color:Post Dividers};} | |
328 | .text a:hover, #desc a:hover {border-bottom-color:{color:Links Hover};} | |
329 | ||
330 | .tumblr_parent {margin:1em 0; padding:1em 0;} | |
331 | ||
332 | .reblog_user, .reblog_head a { | |
333 | border-bottom:none; | |
334 | display:inline-block; | |
335 | vertical-align:middle; | |
336 | text-transform:lowercase; | |
337 | border-bottom:0px solid transparent; | |
338 | font:500 13px/16px "Quicksand"; | |
339 | color:{color:Text}; | |
340 | margin-bottom:3px; | |
341 | } | |
342 | ||
343 | a.reblog_user:hover, .reblog_head a:hover {color:{color:Links Hover};} | |
344 | ||
345 | span.reblog_user::after { | |
346 | content:"deactivated"; | |
347 | margin-left:5px; | |
348 | opacity:0; | |
349 | visibility:hidden; | |
350 | position:absolute; | |
351 | transition:0.4s ease-in-out; | |
352 | } | |
353 | ||
354 | .reblog_head:hover span.reblog_user::after {visibility:visible; opacity:1;} | |
355 | ||
356 | img.tumblr_avatar { | |
357 | vertical-align:middle; | |
358 | width:16px; | |
359 | height:16px; | |
360 | margin-right:6px; | |
361 | margin-bottom:3px; | |
362 | display:inline-block; | |
363 | border-radius:3px; | |
364 | } | |
365 | ||
366 | .text p.rm {background-image:linear-gradient(to bottom, rgba({RGBcolor:Background},0), {color:Background});} | |
367 | ||
368 | p.rm { | |
369 | position:absolute; | |
370 | bottom:0px; | |
371 | left:0px; | |
372 | width:100%; | |
373 | text-align:center; | |
374 | margin:0px; | |
375 | padding:50px 0px 0px 0px; | |
376 | } | |
377 | ||
378 | .text .read_more { | |
379 | font:bold 14px 'Open Sans',sans-serif; | |
380 | text-transform:uppercase; | |
381 | margin:10px 25px; | |
382 | display:inline-block; | |
383 | color:{color:Bold}; | |
384 | border:0px solid transparent; | |
385 | transition:0.5s ease-in-out; | |
386 | } | |
387 | ||
388 | .text .read_more:hover {color:{color:Accent 1};} | |
389 | ||
390 | /* photo & video posts */ | |
391 | ||
392 | .photo, .video { | |
393 | position:relative; | |
394 | margin-bottom:10px; | |
395 | overflow:hidden; | |
396 | border-radius:3px; | |
397 | } | |
398 | ||
399 | .photo {transition:0.5s ease-in-out;} | |
400 | .posts img:not(.tumblr_avatar) {max-width:100%; display:block;} | |
401 | ||
402 | {block:iffadingimages}{block:indexpage} | |
403 | .photo {opacity:0.8;} | |
404 | .posts:hover .photo {opacity:1;} | |
405 | {/block:indexpage}{/block:iffadingimages} | |
406 | ||
407 | {block:IndexPage}{block:ifmonochromeimages} | |
408 | .photo {-webkit-filter:grayscale(100%); filter:grayscale(100%);} | |
409 | .posts:hover .photo {-webkit-filter:grayscale(0%); filter:grayscale(0%);} | |
410 | {/block:ifmonochromeimages}{/block:IndexPage} | |
411 | ||
412 | .tumblr_video_container {width:auto!important; height:auto!important;} | |
413 | .photo a {padding-bottom:0px; border-bottom:0px solid transparent;} | |
414 | img.singlepic {display:block; border-radius:0px;} | |
415 | ||
416 | {block:ifnotshowcaptions}{block:IndexPage} | |
417 | .caption {display:none;} | |
418 | {/block:IndexPage}{/block:ifnotshowcaptions} | |
419 | ||
420 | /* text, link, quote posts */ | |
421 | ||
422 | .quote { | |
423 | letter-spacing:0px; | |
424 | color:{color:Post Title}; | |
425 | font:800 20px/150% 'Open Sans',sans-serif; | |
426 | padding:0; | |
427 | } | |
428 | ||
429 | .quote > span {color:{color:Accent 2};} | |
430 | ||
431 | .sourcez { | |
432 | font-size:12px; | |
433 | position:relative; | |
434 | margin-top:{select:gutter}px; | |
435 | padding:10px 0 20px; | |
436 | } | |
437 | ||
438 | .headt, .llp { | |
439 | padding:10px 0; | |
440 | display:block; | |
441 | color:{color:post title}; | |
442 | background:transparent; | |
443 | font:normal 800 20px/30px 'Open Sans',sans-serif; | |
444 | letter-spacing:0px; | |
445 | text-transform:none; | |
446 | position:relative; | |
447 | } | |
448 | ||
449 | .llp .ftr { | |
450 | width:18px; | |
451 | height:18px; | |
452 | margin-right:15px; | |
453 | display:inline-block; | |
454 | vertical-align:middle; | |
455 | margin-top:-3px; | |
456 | } | |
457 | ||
458 | /* ask posts */ | |
459 | ||
460 | .question { | |
461 | border:1px solid {color:Post Dividers}; | |
462 | padding:20px; | |
463 | margin-bottom:10px; | |
464 | } | |
465 | ||
466 | div.asker { | |
467 | position:absolute; | |
468 | left:50%; | |
469 | z-index:999; | |
470 | padding:0 15px; | |
471 | margin-top:-20px; | |
472 | height:20px; | |
473 | font:bold 12px "Open Sans"; | |
474 | background:{color:Background}; | |
475 | -webkit-transform:translateX(-50%); | |
476 | -ms-transform:translateX(-50%); | |
477 | transform:translateX(-50%); | |
478 | } | |
479 | ||
480 | .asker .ftr { | |
481 | display:inline-block; | |
482 | vertical-align:middle; | |
483 | width:12px; | |
484 | height:12px; | |
485 | margin-right:5px; | |
486 | color:{color:Accent 2}; | |
487 | } | |
488 | ||
489 | .asker a {color:{color:Accent 1};} | |
490 | .asker a:hover {color:{color:Links Hover};} | |
491 | ||
492 | /* audio posts */ | |
493 | ||
494 | .aud {position:relative; padding:20px; border:1px solid {color:Post Dividers}; margin-bottom:10px;} | |
495 | ||
496 | .musicinfo { | |
497 | margin-left:0px; | |
498 | overflow:hidden; | |
499 | position:relative; | |
500 | padding:0 50px 0 30px; | |
501 | } | |
502 | ||
503 | .musicinfo .ftr { | |
504 | width:18px; | |
505 | height:18px; | |
506 | display:inline-block; | |
507 | vertical-align:middle; | |
508 | margin-left:-28px; | |
509 | margin-right:5px; | |
510 | color:{color:Accent 2}; | |
511 | } | |
512 | ||
513 | .musicinfo b {color:{color:Accent 2};} | |
514 | ||
515 | .tplayer { | |
516 | z-index:3; | |
517 | width:30px; | |
518 | height:30px; | |
519 | position:absolute; | |
520 | right:20px; | |
521 | top:50%; | |
522 | margin-top:-15px; | |
523 | overflow:hidden; | |
524 | transition:0.5s ease-in-out; | |
525 | } | |
526 | ||
527 | /* chat posts */ | |
528 | ||
529 | .chat {margin-bottom:25px;} | |
530 | ||
531 | .line { | |
532 | padding:1em 0px; | |
533 | margin:{select:gutter}px 0px; | |
534 | } | |
535 | ||
536 | .line span.name { | |
537 | font-weight:700; | |
538 | display:block; | |
539 | font-size:14px; | |
540 | margin-bottom:0.5em; | |
541 | } | |
542 | ||
543 | .line:nth-of-type(odd) span {color:{color:chat odd};} | |
544 | .line:nth-of-type(even) span {color:{color:chat even};} | |
545 | .line:first-child {border-top:0px solid transparent!important;} | |
546 | ||
547 | /* ------ permalinks ------ */ | |
548 | ||
549 | {block:IndexPage}.posts {padding-bottom:15px;}{/block:IndexPage} | |
550 | ||
551 | .permalink { | |
552 | height:30px; | |
553 | padding:0 15px; | |
554 | bottom:-15px; | |
555 | left:50%; | |
556 | width:120px; | |
557 | margin-left:-75px; | |
558 | background:{color:Background}; | |
559 | position:absolute; | |
560 | z-index:999; | |
561 | text-align:center; | |
562 | } | |
563 | ||
564 | .permalink a {vertical-align:middle;} | |
565 | ||
566 | .permalink a.ion { | |
567 | border-radius:3px; | |
568 | color:{color:Icons Alt}; | |
569 | background:{color:Icons Color}; | |
570 | width:30px; | |
571 | height:30px; | |
572 | font-size:16px; | |
573 | line-height:30px; | |
574 | text-align:center; | |
575 | display:inline-block; | |
576 | } | |
577 | ||
578 | .permalink a .ftr {width:16px; height:16px;} | |
579 | .permalink a:not(.ion) .ftr {margin:2px;} | |
580 | .permalink a.ion .ftr {margin:7px;} | |
581 | ||
582 | .permalink a:not(.ion) { | |
583 | position:relative; | |
584 | display:inline-block; | |
585 | color:{color:Icons Color}; | |
586 | width:20px; | |
587 | margin:5px; | |
588 | height:20px; | |
589 | } | |
590 | ||
591 | .permalink a:not(.ion):hover {color:{color:Accent 2};} | |
592 | .permalink a.ion:hover {background:{color:Accent 1}; color:{color:Accent Text};} | |
593 | ||
594 | .permalink > .like .like_button iframe { | |
595 | position:absolute; | |
596 | top:0; | |
597 | left:0; | |
598 | bottom:0; | |
599 | right:0; | |
600 | z-index:2; | |
601 | opacity:0; | |
602 | } | |
603 | ||
604 | .permalink > .like .like_button {position:relative;} | |
605 | .permalink > .like .like_button.liked + svg.ftr path {stroke:{color:Accent 1};} | |
606 | ||
607 | /* tags */ | |
608 | ||
609 | .tags {text-align:center; padding:15px 0;} | |
610 | .tags a {margin:0 5px; font-size:10px;} | |
611 | ||
612 | /* permalink page permalinks */ | |
613 | ||
614 | #permapage { | |
615 | margin-top:-60px; | |
616 | font:500 12px "Quicksand"; | |
617 | text-transform:lowercase; | |
618 | margin-bottom:60px; | |
619 | } | |
620 | ||
621 | #permapage > div {margin-bottom:10px;} | |
622 | ||
623 | #permapage .ftr, .notes .ftr { | |
624 | width:15px; | |
625 | height:15px; | |
626 | display:inline-block; | |
627 | vertical-align:middle; | |
628 | margin-right:10px; | |
629 | padding:5px; | |
630 | color:{color:icons alt}; | |
631 | background:{color:icons color}; | |
632 | border-radius:3px; | |
633 | } | |
634 | ||
635 | .tag { | |
636 | display:inline-block; | |
637 | max-width:calc({select:post size}px - 35px); | |
638 | vertical-align:top; | |
639 | margin-right:-5px; | |
640 | margin-top:3px; | |
641 | line-height:170%; | |
642 | } | |
643 | ||
644 | /* post notes */ | |
645 | ||
646 | div.notes {margin-bottom:120px;} | |
647 | .count {font:500 13px "Quicksand";} | |
648 | ||
649 | ol.notes { | |
650 | position:relative; | |
651 | width:{select:post size}px; | |
652 | margin-bottom:0px; | |
653 | padding:0px; | |
654 | list-style-type:none; | |
655 | } | |
656 | ||
657 | ol.notes li::before {display:none; content:"";} | |
658 | ||
659 | ol.notes li.note { | |
660 | padding:3px 0 2px; | |
661 | font-size:12px; | |
662 | line-height:20px; | |
663 | margin-bottom:{select:gutter}px; | |
664 | display:block; | |
665 | } | |
666 | ||
667 | ol.notes li.note img, ol.notes li.note img.avatar {display:none;} | |
668 | ol.notes li.note.answer_content {font-weight:normal;} | |
669 | ||
670 | ol.notes li.note blockquote { | |
671 | text-transform:none; | |
672 | line-height:12px; | |
673 | background:transparent; | |
674 | border:0px solid transparent; | |
675 | border-left:1px solid {color:Post Dividers}; | |
676 | } | |
677 | ||
678 | ol.notes li.note blockquote a {text-decoration:none;} | |
679 | ||
680 | /* ------ pagination/manual load ------ */ | |
681 | ||
682 | #infscr-loading {display:none!important;} | |
683 | #manual {display:none;} | |
684 | {block:ifinfinitescroll} | |
685 | #pagination {display:none;} | |
686 | {block:ifmanualload}#manual {display:block;}{/block:ifmanualload} | |
687 | {/block:ifinfinitescroll} | |
688 | ||
689 | footer {text-align:center; margin:120px 0 120px 480px;} | |
690 | footer a, footer > span {display:inline-block; margin:0 5px; vertical-align:middle;} | |
691 | ||
692 | footer > span, #manual a { | |
693 | font:15px/16px "Graduate"; | |
694 | width:16px; | |
695 | height:16px; | |
696 | padding:7px; | |
697 | text-align:center; | |
698 | border-radius:3px; | |
699 | background:{color:Icons Color}; | |
700 | color:{color:Icons Alt}; | |
701 | } | |
702 | ||
703 | #pagination a {padding:7px; width:16px; height:16px;} | |
704 | #pagination a .ftr {width:16px; height:16px; color:{color:Icons Color};} | |
705 | #manual a .ftr {width:16px; height:16px; color:{color:Icons Alt};} | |
706 | ||
707 | /* ------ sidebar ------ */ | |
708 | ||
709 | /* --- left panel --- */ | |
710 | ||
711 | #left { | |
712 | position:fixed; | |
713 | left:0; | |
714 | top:0; | |
715 | width:10px; | |
716 | border-left:85px solid {color:left bar background}; | |
717 | border-right:5px solid {color:stripe 2}; | |
718 | background:{color:stripe 1}; | |
719 | height:100%; | |
720 | -webkit-animation:fadein 1s; | |
721 | animation:fadein 1s; | |
722 | transition:0.4s ease-in-out; | |
723 | } | |
724 | ||
725 | /* --- menu --- */ | |
726 | ||
727 | nav#links {display:none; margin-bottom:1em;} | |
728 | ||
729 | nav#links a, nav#links form { | |
730 | display:block; | |
731 | padding-left:20px; | |
732 | margin-bottom:3px; | |
733 | color:{color:Text}; | |
734 | position:relative; | |
735 | letter-spacing:0.5px; | |
736 | } | |
737 | ||
738 | nav#links a::after { | |
739 | content:attr(data-hover); | |
740 | transition:0.5s ease-in-out; | |
741 | color:{color:Accent 1}; | |
742 | width:0; | |
743 | top:0; | |
744 | left:20px; | |
745 | height:100%; | |
746 | white-space:nowrap; | |
747 | overflow:hidden; | |
748 | display:inline-block; | |
749 | position:absolute; | |
750 | } | |
751 | ||
752 | nav#links a:hover {font-weight:500;} | |
753 | nav#links a:hover::after {width:100%; font-weight:500;} | |
754 | ||
755 | nav#links a::before, nav#links form::before { | |
756 | content:""; | |
757 | position:absolute; | |
758 | margin-left:-20px; | |
759 | color:{color:Icons Alt}; | |
760 | background:{color:Icons Color}; | |
761 | padding:5px; | |
762 | width:0; | |
763 | height:0; | |
764 | margin-top:7px; | |
765 | border-radius:3px; | |
766 | transition:0.3s ease-in-out; | |
767 | } | |
768 | ||
769 | nav#links a:hover::before, | |
770 | nav#links form:hover::before, | |
771 | nav#links form:focus::before { | |
772 | background:{color:Accent 2}; | |
773 | color:{color:Accent Text}; | |
774 | } | |
775 | ||
776 | nav#links form input { | |
777 | line-height:170%; | |
778 | background:transparent; | |
779 | border:0px solid transparent; | |
780 | letter-spacing:0.5px; | |
781 | color:{color:Text}; | |
782 | outline:0; | |
783 | padding:0; | |
784 | } | |
785 | ||
786 | /* --- sidebar --- */ | |
787 | ||
788 | aside { | |
789 | position:fixed; | |
790 | top:50%; | |
791 | width:150px; | |
792 | left:200px; | |
793 | letter-spacing:0; | |
794 | -webkit-transform:translateY(-50%); | |
795 | -ms-transform:translateY(-50%); | |
796 | transform:translateY(-50%); | |
797 | -webkit-animation:fadein 1s; | |
798 | animation:fadein 1s; | |
799 | } | |
800 | ||
801 | h1#title { | |
802 | text-transform:lowercase; | |
803 | font:800 20px/25px "Open Sans"; | |
804 | color:{color:Blog Title}; | |
805 | letter-spacing:0; | |
806 | margin:0 0 20px; | |
807 | } | |
808 | ||
809 | h1#title::after { | |
810 | content:"."; | |
811 | font-size:24px; | |
812 | color:{color:Accent 2}; | |
813 | } | |
814 | ||
815 | #desc {font-size:12px; line-height:170%; margin-top:20px; letter-spacing:0.5px;} | |
816 | ||
817 | #image { | |
818 | width:100px; | |
819 | height:100px; | |
820 | display:inline-block; | |
821 | vertical-align:middle; | |
822 | margin-left:3px; | |
823 | } | |
824 | ||
825 | #image img {width:100px; height:100px; border-radius:3px; display:block;} | |
826 | ||
827 | nav#menu { | |
828 | width:30px; | |
829 | margin-right:10px; | |
830 | display:inline-block; | |
831 | vertical-align:middle; | |
832 | text-align:center; | |
833 | } | |
834 | ||
835 | nav#menu a { | |
836 | display:block; | |
837 | width:16px; | |
838 | height:16px; | |
839 | padding:7px; | |
840 | line-height:16px; | |
841 | border-radius:3px; | |
842 | color:{color:icons color}; | |
843 | margin:5px 0; | |
844 | } | |
845 | ||
846 | nav#menu a .ftr {width:16px; height:16px;} | |
847 | ||
848 | nav#menu a#toggle {background:{color:Icons color}; color:{color:icons alt};} | |
849 | nav#menu a#toggle:hover {background:{color:Accent 1};} | |
850 | nav#menu a#toggle.active {background:{color:Accent 2};} | |
851 | nav#menu a:not(#toggle):hover {color:{color:Accent 2};} | |
852 | nav#menu a:hover, nav#menu a#toggle.active {color:{color:Accent Text};} | |
853 | ||
854 | {CustomCSS} | |
855 | ||
856 | </style> | |
857 | ||
858 | <!---------------------- JQUERY - DO NOT TOUCH -----------------------> | |
859 | ||
860 | <script src="https://code.jquery.com/jquery-2.1.3.min.js"></script> | |
861 | <script src="https://code.jquery.com/ui/1.10.4/jquery-ui.min.js"></script> | |
862 | <script src="http://static.tumblr.com/2b2izpj/cB7ogqs8l/jquery.initialize.js"></script> | |
863 | <script src="http://static.tumblr.com/yxfeliq/hHwojmt8m/bctphotoset.min.js"></script> | |
864 | <script src="https://cdn.rawgit.com/davatron5000/FitVids.js/eacbf9f1/jquery.fitvids.js"></script> | |
865 | <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.6/SmoothScroll.min.js"></script> | |
866 | <script src="https://unpkg.com/feather-icons@4.7.3/dist/feather.min.js"></script> | |
867 | ||
868 | {block:iflazyload} | |
869 | <script src="http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script> | |
870 | {/block:iflazyload} | |
871 | ||
872 | <script src="https://static.tumblr.com/p0knose/jNJpfw4pt/deltaf.js"></script> | |
873 | ||
874 | <script> | |
875 | $(document).ready(function(){ | |
876 | gutter = "{select:gutter}", | |
877 | accent = "{color:Accent 1}", | |
878 | lazyload = false, | |
879 | {block:iflazyload}lazyload = true;{/block:iflazyload} | |
880 | delta(accent,lazyload,gutter); | |
881 | }); | |
882 | </script> | |
883 | ||
884 | {block:IndexPage}{block:ifinfinitescroll} | |
885 | <script src="https://unpkg.com/infinite-scroll@3/dist/infinite-scroll.pkgd.min.js"></script> | |
886 | <script src="https://static.tumblr.com/p0knose/ghJpfw4nh/dividezero.js"></script> | |
887 | ||
888 | <script> | |
889 | $(document).ready(function(){ | |
890 | var manual = false; | |
891 | {block:ifmanualload}manual = true;{/block:ifmanualload} | |
892 | infScr(manual); | |
893 | }); | |
894 | </script> | |
895 | {/block:ifinfinitescroll}{/block:IndexPage} | |
896 | ||
897 | <!-- end jquery --> | |
898 | ||
899 | </head> | |
900 | <body> | |
901 | ||
902 | <div id="left"></div> | |
903 | ||
904 | <aside> | |
905 | <nav id="links"> | |
906 | {block:AskEnabled}<a href="/ask" data-hover="{AskLabel}">{AskLabel}</a>{/block:AskEnabled} | |
907 | {block:SubmissionsEnabled}<a href="/submit" data-hover="{SubmitLabel}">{SubmitLabel}</a>{/block:SubmissionsEnabled} | |
908 | {block:HasPages} | |
909 | {block:Pages}<a href="{URL}" data-hover="{Label}">{Label}</a>{/block:Pages} | |
910 | {/block:HasPages} | |
911 | <form action="/search" method="get"> | |
912 | <input type="text" value="{SearchQuery}" placeholder="Search..."> | |
913 | </form> | |
914 | </nav> | |
915 | <h1 id="title">{Title}</h1> | |
916 | <nav id="menu"> | |
917 | <a href="/" title="home"><span class="ftr" data-feather="home"></span></a> | |
918 | <a href="#" title="menu" id="toggle"><span class="ftr" data-feather="menu"></span></a> | |
919 | <a href="/archive" title="archive"><span class="ftr" data-feather="calendar"></span></a> | |
920 | </nav> | |
921 | <div id="image"> | |
922 | <img src="{image:sidebar}"/> | |
923 | </div> | |
924 | <div id="desc"> | |
925 | {Description} | |
926 | </div> | |
927 | </aside> | |
928 | ||
929 | <!------ posts ------> | |
930 | <section id="postmargin"> | |
931 | ||
932 | {block:Posts} | |
933 | <article class="posts" id="{PostID}"> | |
934 | ||
935 | {block:Text} | |
936 | {block:Title}<div class="headt"><span class="highlight">{Title}</span></div>{/block:Title} | |
937 | {block:NotReblog} | |
938 | <div class="body text"> | |
939 | <div class="tumblr_parent"> | |
940 | {Body} | |
941 | </div> | |
942 | </div> | |
943 | {/block:NotReblog} | |
944 | {block:RebloggedFrom} | |
945 | <div class="body text"> | |
946 | {block:Reblogs} | |
947 | <div class="tumblr_parent"> | |
948 | <div class="reblog_head"> | |
949 | <img src="{portraiturl-64}" class="tumblr_avatar"/> | |
950 | {block:IsActive}<a target="_blank" href="{Permalink}" class="reblog_user">{Username}</a>{/block:IsActive} | |
951 | {block:IsDeactivated}<span class="reblog_user">{Username}</span>{/block:IsDeactivated} | |
952 | </div> | |
953 | <div> | |
954 | {Body} | |
955 | </div> | |
956 | </div> | |
957 | {/block:Reblogs} | |
958 | </div> | |
959 | {/block:RebloggedFrom} | |
960 | {/block:Text} | |
961 | ||
962 | {block:Photo} | |
963 | {block:IndexPage} | |
964 | <div class="photo"><center> | |
965 | <meta name="{PhotoAlt}" content="{PhotoAlt}"/> | |
966 | <a href="{PhotoURL-HighRes}" class="photolight" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}" data-lowres="{PhotoURL-500}" data-highres="{PhotoURL-HighRes}"><img src="{PhotoURL-HighRes}" class="singlepic"></a> | |
967 | </center></div> | |
968 | {/block:IndexPage} | |
969 | {block:PermalinkPage} | |
970 | <div class="photo"> | |
971 | <meta name="{PhotoAlt}" content="{PhotoAlt}"/> | |
972 | {LinkOpenTag}<img src="{PhotoURL-HighRes}" class="singlepic" width="{select:post size}">{LinkCloseTag} | |
973 | </div> | |
974 | {/block:PermalinkPage} | |
975 | {block:Caption} | |
976 | {block:NotReblog} | |
977 | <div class="caption text"> | |
978 | <div class="tumblr_parent"> | |
979 | <div class="reblog_head"> | |
980 | <img src="{portraiturl-64}" class="tumblr_avatar"/> | |
981 | <a target="_blank" href="{Permalink}" class="reblog_user">{Name}</a> | |
982 | </div> | |
983 | <div> | |
984 | {Caption} | |
985 | </div> | |
986 | </div> | |
987 | </div> | |
988 | {/block:NotReblog} | |
989 | {block:RebloggedFrom} | |
990 | <div class="caption text"> | |
991 | {block:Reblogs} | |
992 | <div class="tumblr_parent"> | |
993 | <div class="reblog_head"> | |
994 | <img src="{portraiturl-64}" class="tumblr_avatar"/> | |
995 | {block:IsActive}<a target="_blank" href="{Permalink}" class="reblog_user">{Username}</a>{/block:IsActive} | |
996 | {block:IsDeactivated}<span class="reblog_user">{Username}</span>{/block:IsDeactivated} | |
997 | </div> | |
998 | <div> | |
999 | {Body} | |
1000 | </div> | |
1001 | </div> | |
1002 | {/block:Reblogs} | |
1003 | </div> | |
1004 | {/block:RebloggedFrom} | |
1005 | {/block:Caption} | |
1006 | {/block:Photo} | |
1007 | ||
1008 | {block:Panorama} | |
1009 | <div class="photo"> | |
1010 | <meta name="{PhotoAlt}" content="{PhotoAlt}"/> | |
1011 | <a href="{PhotoURL-Panorama}" class="photolight" data-width="{PhotoWidth-Panorama}" data-height="{PhotoHeight-Panorama}" data-lowres="{PhotoURL-500}" data-highres="{PhotoURL-Panorama}"><img src="{PhotoURL-1280}" width="{select:post size}" class="singlepic"></a> | |
1012 | </div> | |
1013 | {block:Caption} | |
1014 | {block:NotReblog} | |
1015 | <div class="caption text"> | |
1016 | <div class="tumblr_parent"> | |
1017 | <div class="reblog_head"> | |
1018 | <img src="{portraiturl-64}" class="tumblr_avatar"/> | |
1019 | <a target="_blank" href="{Permalink}" class="reblog_user">{Name}</a> | |
1020 | </div> | |
1021 | <div> | |
1022 | {Caption} | |
1023 | </div> | |
1024 | </div> | |
1025 | </div> | |
1026 | {/block:NotReblog} | |
1027 | {block:RebloggedFrom} | |
1028 | <div class="caption text"> | |
1029 | {block:Reblogs} | |
1030 | <div class="tumblr_parent"> | |
1031 | <div class="reblog_head"> | |
1032 | <img src="{portraiturl-64}" class="tumblr_avatar"/> | |
1033 | {block:IsActive}<a target="_blank" href="{Permalink}" class="reblog_user">{Username}</a>{/block:IsActive} | |
1034 | {block:IsDeactivated}<span class="reblog_user">{Username}</span>{/block:IsDeactivated} | |
1035 | </div> | |
1036 | <div> | |
1037 | {Body} | |
1038 | </div> | |
1039 | </div> | |
1040 | {/block:Reblogs} | |
1041 | </div> | |
1042 | {/block:RebloggedFrom} | |
1043 | {/block:Caption} | |
1044 | {/block:Panorama} | |
1045 | ||
1046 | {block:Photoset} | |
1047 | <div class="photo"> | |
1048 | <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}"> | |
1049 | {block:Photos} | |
1050 | <div class="photo-data"> | |
1051 | <div class="pxu-photo"> | |
1052 | <img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"> | |
1053 | </div> | |
1054 | <a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a> | |
1055 | </div> | |
1056 | {/block:Photos} | |
1057 | </div> | |
1058 | </div> | |
1059 | {block:Caption} | |
1060 | {block:NotReblog} | |
1061 | <div class="caption text"> | |
1062 | <div class="tumblr_parent"> | |
1063 | <div class="reblog_head"> | |
1064 | <img src="{portraiturl-64}" class="tumblr_avatar"/> | |
1065 | <a target="_blank" href="{Permalink}" class="reblog_user">{Name}</a> | |
1066 | </div> | |
1067 | <div> | |
1068 | {Caption} | |
1069 | </div> | |
1070 | </div> | |
1071 | </div> | |
1072 | {/block:NotReblog} | |
1073 | {block:RebloggedFrom} | |
1074 | <div class="caption text"> | |
1075 | {block:Reblogs} | |
1076 | <div class="tumblr_parent"> | |
1077 | <div class="reblog_head"> | |
1078 | <img src="{portraiturl-64}" class="tumblr_avatar"/> | |
1079 | {block:IsActive}<a target="_blank" href="{Permalink}" class="reblog_user">{Username}</a>{/block:IsActive} | |
1080 | {block:IsDeactivated}<span class="reblog_user">{Username}</span>{/block:IsDeactivated} | |
1081 | </div> | |
1082 | <div> | |
1083 | {Body} | |
1084 | </div> | |
1085 | </div> | |
1086 | {/block:Reblogs} | |
1087 | </div> | |
1088 | {/block:RebloggedFrom} | |
1089 | {/block:Caption} | |
1090 | {/block:Photoset} | |
1091 | ||
1092 | {block:Quote} | |
1093 | <div class="quote"> | |
1094 | <span>❝</span> | |
1095 | {Quote} | |
1096 | </div> | |
1097 | {block:Source} | |
1098 | <div class="text sourcez"> | |
1099 | {Source} | |
1100 | </div> | |
1101 | {/block:Source} | |
1102 | {/block:Quote} | |
1103 | ||
1104 | {block:Link} | |
1105 | <a href="{URL}" {Target} class="llp"><span> | |
1106 | <span class="ftr" data-feather="link-2"></span> | |
1107 | <span class="highlight">{Name}</span> | |
1108 | <span></a> | |
1109 | {block:Description} | |
1110 | {block:NotReblog} | |
1111 | <div class="text"> | |
1112 | <div class="tumblr_parent"> | |
1113 | {Description} | |
1114 | </div> | |
1115 | </div> | |
1116 | {/block:NotReblog} | |
1117 | {block:RebloggedFrom} | |
1118 | <div class="text"> | |
1119 | {block:Reblogs} | |
1120 | <div class="tumblr_parent"> | |
1121 | <div class="reblog_head"> | |
1122 | <img src="{portraiturl-64}" class="tumblr_avatar"/> | |
1123 | {block:IsActive}<a target="_blank" href="{Permalink}" class="reblog_user">{Username}</a>{/block:IsActive} | |
1124 | {block:IsDeactivated}<span class="reblog_user">{Username}</span>{/block:IsDeactivated} | |
1125 | </div> | |
1126 | <div> | |
1127 | {Body} | |
1128 | </div> | |
1129 | </div> | |
1130 | {/block:Reblogs} | |
1131 | </div> | |
1132 | {/block:RebloggedFrom} | |
1133 | {/block:Description} | |
1134 | {/block:Link} | |
1135 | ||
1136 | {block:Chat} | |
1137 | {block:Title}<div class="headt"><span class="highlight">{Title}</span></div>{/block:Title} | |
1138 | <div class="chat"> | |
1139 | {block:Lines} | |
1140 | <div class="line"> | |
1141 | {block:Label}<span class="name">{Label}</span>{/block:Label} | |
1142 | {Line} | |
1143 | </div> | |
1144 | {/block:Lines} | |
1145 | </div> | |
1146 | {/block:Chat} | |
1147 | ||
1148 | {block:Audio} | |
1149 | <div class="aud"> | |
1150 | <div class="musicinfo"> | |
1151 | {block:TrackName}<b><span class="ftr" data-feather="headphones"></span> {TrackName}</b><br>{/block:TrackName} | |
1152 | {block:Artist}{Artist}<br>{/block:Artist} | |
1153 | </div> | |
1154 | {block:AudioPlayer} | |
1155 | <div class="tplayer"> | |
1156 | {AudioPlayer} | |
1157 | </div> | |
1158 | {/block:AudioPlayer} | |
1159 | </div> | |
1160 | {block:Caption} | |
1161 | {block:NotReblog} | |
1162 | <div class="text"> | |
1163 | <div class="tumblr_parent"> | |
1164 | <div class="reblog_head"> | |
1165 | <img src="{portraiturl-64}" class="tumblr_avatar"/> | |
1166 | <a target="_blank" href="{Permalink}" class="reblog_user">{Name}</a> | |
1167 | </div> | |
1168 | <div> | |
1169 | {Caption} | |
1170 | </div> | |
1171 | </div> | |
1172 | </div> | |
1173 | {/block:NotReblog} | |
1174 | {block:RebloggedFrom} | |
1175 | <div class="text"> | |
1176 | {block:Reblogs} | |
1177 | <div class="tumblr_parent"> | |
1178 | <div class="reblog_head"> | |
1179 | <img src="{portraiturl-64}" class="tumblr_avatar"/> | |
1180 | {block:IsActive}<a target="_blank" href="{Permalink}" class="reblog_user">{Username}</a>{/block:IsActive} | |
1181 | {block:IsDeactivated}<span class="reblog_user">{Username}</span>{/block:IsDeactivated} | |
1182 | </div> | |
1183 | <div> | |
1184 | {Body} | |
1185 | </div> | |
1186 | </div> | |
1187 | {/block:Reblogs} | |
1188 | </div> | |
1189 | {/block:RebloggedFrom} | |
1190 | {/block:Caption} | |
1191 | {/block:Audio} | |
1192 | ||
1193 | {block:Video} | |
1194 | <div class="video"> | |
1195 | {Video-500} | |
1196 | </div> | |
1197 | {block:Caption} | |
1198 | {block:NotReblog} | |
1199 | <div class="caption text"> | |
1200 | <div class="tumblr_parent"> | |
1201 | <div class="reblog_head"> | |
1202 | <img src="{portraiturl-64}" class="tumblr_avatar"/> | |
1203 | <a target="_blank" href="{Permalink}" class="reblog_user">{Name}</a> | |
1204 | </div> | |
1205 | <div> | |
1206 | {Caption} | |
1207 | </div> | |
1208 | </div> | |
1209 | </div> | |
1210 | {/block:NotReblog} | |
1211 | {block:RebloggedFrom} | |
1212 | <div class="caption text"> | |
1213 | {block:Reblogs} | |
1214 | <div class="tumblr_parent"> | |
1215 | <div class="reblog_head"> | |
1216 | <img src="{portraiturl-64}" class="tumblr_avatar"/> | |
1217 | {block:IsActive}<a target="_blank" href="{Permalink}" class="reblog_user">{Username}</a>{/block:IsActive} | |
1218 | {block:IsDeactivated}<span class="reblog_user">{Username}</span>{/block:IsDeactivated} | |
1219 | </div> | |
1220 | <div> | |
1221 | {Body} | |
1222 | </div> | |
1223 | </div> | |
1224 | {/block:Reblogs} | |
1225 | </div> | |
1226 | {/block:RebloggedFrom} | |
1227 | {/block:Caption} | |
1228 | {/block:Video} | |
1229 | ||
1230 | {block:Answer} | |
1231 | <div class="question"> | |
1232 | {Question} | |
1233 | </div> | |
1234 | <div class="asker"> | |
1235 | <span class="ftr" data-feather="help-circle"></span> | |
1236 | {Asker} | |
1237 | </div> | |
1238 | {block:NotReblog} | |
1239 | <div class="text"> | |
1240 | <div class="tumblr_parent"> | |
1241 | {Answer} | |
1242 | </div> | |
1243 | </div> | |
1244 | {/block:NotReblog} | |
1245 | {block:RebloggedFrom} | |
1246 | <div class="text"> | |
1247 | <div class="tumblr_parent"> | |
1248 | {block:Answerer} | |
1249 | <div class="reblog_head"> | |
1250 | <img src="{AnswererPortraiturl-64}" class="tumblr_avatar"/> | |
1251 | {Answerer} | |
1252 | </div> | |
1253 | {/block:Answerer} | |
1254 | <div> | |
1255 | {Answer} | |
1256 | </div> | |
1257 | </div> | |
1258 | {block:Reblogs} | |
1259 | <div class="tumblr_parent"> | |
1260 | <div class="reblog_head"> | |
1261 | <img src="{PortraitURL-64}" class="tumblr_avatar"/> | |
1262 | {block:IsActive}<a target="_blank" href="{Permalink}" class="reblog_user">{Username}</a>{/block:IsActive} | |
1263 | {block:IsDeactivated}<span class="reblog_user">{Username}</span>{/block:IsDeactivated} | |
1264 | </div> | |
1265 | <div> | |
1266 | {Body} | |
1267 | </div> | |
1268 | </div> | |
1269 | {/block:Reblogs} | |
1270 | </div> | |
1271 | {/block:RebloggedFrom} | |
1272 | {/block:Answer} | |
1273 | ||
1274 | {block:IndexPage} | |
1275 | {block:ifshowtags} | |
1276 | {block:HasTags} | |
1277 | <div class="tags"> | |
1278 | {block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags} | |
1279 | </div> | |
1280 | {/block:HasTags} | |
1281 | {/block:ifshowtags} | |
1282 | <div class="permalink"> | |
1283 | <a class="like" title="like this post?"> | |
1284 | {LikeButton size="15"} | |
1285 | <span class="ftr" data-feather="heart"></span> | |
1286 | </a> | |
1287 | <a href="{Permalink}" class="ion" title="{TimeAgo} + {NoteCountWithLabel}"> | |
1288 | {block:Text}<span class="ftr" data-feather="file-text"></span>{/block:Text} | |
1289 | {block:Photo}<span class="ftr" data-feather="camera"></span>{/block:Photo} | |
1290 | {block:Photoset}<span class="ftr" data-feather="image"></span>{/block:Photoset} | |
1291 | {block:Quote}<span class="ftr" data-feather="message-square"></span>{/block:Quote} | |
1292 | {block:Chat}<span class="ftr" data-feather="message-circle"></span>{/block:Chat} | |
1293 | {block:Link}<span class="ftr" data-feather="link-2"></span>{/block:Link} | |
1294 | {block:Audio}<span class="ftr" data-feather="music"></span>{/block:Audio} | |
1295 | {block:Video}<span class="ftr" data-feather="film"></span>{/block:Video} | |
1296 | {block:Answer}<span class="ftr" data-feather="help-circle"></span>{/block:Answer} | |
1297 | </a> | |
1298 | <a href="{ReblogURL}" title="reblog?"> | |
1299 | <span class="ftr" data-feather="refresh-cw"></span> | |
1300 | </a> | |
1301 | </div> | |
1302 | {/block:IndexPage} | |
1303 | ||
1304 | </article><!--posts--> | |
1305 | ||
1306 | {block:PermalinkPage}{block:Date} | |
1307 | <div id="permapage"> | |
1308 | <div class="date"> | |
1309 | {block:Text}<span class="ftr" data-feather="file-text"></span>{/block:Text} | |
1310 | {block:Photo}<span class="ftr" data-feather="camera"></span>{/block:Photo} | |
1311 | {block:Photoset}<span class="ftr" data-feather="image"></span>{/block:Photoset} | |
1312 | {block:Quote}<span class="ftr" data-feather="message-square"></span>{/block:Quote} | |
1313 | {block:Chat}<span class="ftr" data-feather="message-circle"></span>{/block:Chat} | |
1314 | {block:Link}<span class="ftr" data-feather="link-2"></span>{/block:Link} | |
1315 | {block:Audio}<span class="ftr" data-feather="music"></span>{/block:Audio} | |
1316 | {block:Video}<span class="ftr" data-feather="film"></span>{/block:Video} | |
1317 | {block:Answer}<span class="ftr" data-feather="help-circle"></span>{/block:Answer} | |
1318 | <span class="date"> | |
1319 | {DayOfMonth} {ShortMonth} '{ShortYear} @ {24HourWithZero}:{Minutes} | |
1320 | </span> | |
1321 | </div> | |
1322 | {block:RebloggedFrom} | |
1323 | <div class="rbg"> | |
1324 | <span class="ftr" data-feather="edit"></span> | |
1325 | <a href="{ReblogRootURL}">source: {ReblogRootName}</a> | |
1326 | </div> | |
1327 | <div class="rbg"> | |
1328 | <span class="ftr" data-feather="refresh-ccw"></span> | |
1329 | <a href="{ReblogParentURL}">via: {ReblogParentName}</a> | |
1330 | </div> | |
1331 | {/block:RebloggedFrom} | |
1332 | {block:HasTags} | |
1333 | <div class="pt"> | |
1334 | <span class="ftr" data-feather="tag"></span> | |
1335 | <span class="tag"> | |
1336 | {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags} | |
1337 | </span> | |
1338 | </div> | |
1339 | {/block:HasTags} | |
1340 | </div><!--permapage--> | |
1341 | {/block:Date} | |
1342 | {/block:PermalinkPage} | |
1343 | ||
1344 | {block:ContentSource} | |
1345 | <!-- {SourceURL} | |
1346 | {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo} | |
1347 | {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} --> | |
1348 | {/block:ContentSource} | |
1349 | <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} --> | |
1350 | ||
1351 | {block:PostNotes} | |
1352 | <div class="notes"> | |
1353 | <div class="count"> | |
1354 | <span class="ftr" data-feather="feather"></span> | |
1355 | <span class="note">{NoteCountWithLabel}</span> | |
1356 | </div> | |
1357 | <div> | |
1358 | {PostNotes} | |
1359 | </div> | |
1360 | </div> | |
1361 | {/block:PostNotes} | |
1362 | ||
1363 | {/block:Posts} | |
1364 | </section><!--postmargin--> | |
1365 | ||
1366 | {block:Pagination} | |
1367 | <footer id="pagination"> | |
1368 | {block:PreviousPage}<a href="{PreviousPage}" title="back" class="prev"><span class="ftr" data-feather="arrow-left"></span></a>{/block:PreviousPage} | |
1369 | <span>{CurrentPage}</span> | |
1370 | {block:NextPage}<a href="{NextPage}" title="forth" class="next"><span class="ftr" data-feather="arrow-right"></span></a>{/block:NextPage} | |
1371 | </footer> | |
1372 | <footer id="manual"> | |
1373 | <a href="#" id="load" title="load more posts..."><span class="ftr" data-feather="arrow-down"></span></a> | |
1374 | </footer> | |
1375 | {/block:Pagination} | |
1376 | ||
1377 | <script>feather.replace()</script> | |
1378 | ||
1379 | <!-- For CWL and DTHN, thank you for everything :) --> | |
1380 | </body> | |
1381 | </html> |