SHOW:
|
|
- or go back to the newest paste.
1 | <!DOCTYPE html> | |
2 | - | <html xmlns="https://www.w3.org/1999/xhtml"> |
2 | + | <html xmlns="http://www.w3.org/1999/xhtml"> |
3 | <head> | |
4 | <!-- | |
5 | ||
6 | ||
7 | ||
8 | ||
9 | ||
10 | phi @ shythemes | |
11 | ||
12 | ||
13 | ||
14 | ||
15 | ||
16 | --> | |
17 | <title>{Title}</title> | |
18 | <link rel="alternate" type="application/rss+xml" href="{RSS}"> | |
19 | <link rel="shortcut icon" href="{Favicon}"> | |
20 | {block:Description}<meta name="description" content="{MetaDescription}">{/block:Description} | |
21 | <meta name="viewport" content="width=device-width, initial-scale=1"> | |
22 | <meta name="color:link" content="#e5bbe2"> | |
23 | <meta name="if:light version" content="0"> | |
24 | <meta name="if:one column" content="0"> | |
25 | <meta name="if:show description" content="1"> | |
26 | <meta name="if:show captions" content="1"> | |
27 | <meta name="if:show tags" content="1"> | |
28 | <meta name="if:infinite scroll" content="0"> | |
29 | <meta name="select:posts" content="222" title="222px"> | |
30 | <meta name="select:posts" content="245" title="245px"> | |
31 | <meta name="select:posts" content="268" title="268px"> | |
32 | <meta name="text:home link" content=""> | |
33 | <meta name="text:archive link" content="archive"> | |
34 | <meta name="text:ask link" content="message"> | |
35 | <meta name="text:link 1" content=""> | |
36 | <meta name="text:link 1 url" content=""> | |
37 | <meta name="text:link 2" content=""> | |
38 | <meta name="text:link 2 url" content=""> | |
39 | <meta name="text:link 3" content=""> | |
40 | <meta name="text:link 3 url" content=""> | |
41 | <meta name="text:link 4" content=""> | |
42 | <meta name="text:link 4 url" content=""> | |
43 | <meta name="text:link 5" content=""> | |
44 | <meta name="text:link 5 url" content=""> | |
45 | <meta name="text:link 6" content=""> | |
46 | <meta name="text:link 6 url" content=""> | |
47 | ||
48 | <style type="text/css"> | |
49 | ||
50 | /* general */ | |
51 | ||
52 | body { | |
53 | margin:0; | |
54 | font-size:9px; | |
55 | font-family:'trebuchet ms', 'helvetica neue', sans-serif; | |
56 | line-height:15px; | |
57 | word-break:break-word; | |
58 | -moz-osx-font-smoothing:greyscale; | |
59 | -webkit-font-smoothing:antialiased; | |
60 | font-smoothing:antialiased; | |
61 | color:rgb(175,175,175); | |
62 | background-color:rgb(22,22,22); | |
63 | - | body, html { |
63 | + | |
64 | a { | |
65 | color:inherit; | |
66 | text-decoration:none; | |
67 | -webkit-transition:all .4s ease-out; | |
68 | transition:all .4s ease-out; | |
69 | } | |
70 | a:hover { | |
71 | color:rgb(225,225,225)!important; | |
72 | } | |
73 | small, sub { | |
74 | font-size:inherit; | |
75 | vertical-align:baseline; | |
76 | } | |
77 | blockquote, ol, ul, p, pre { | |
78 | margin:0 0 9px; | |
79 | } | |
80 | .text figure, .text img { | |
81 | padding:3px 0; | |
82 | margin:0 0 9px; | |
83 | } | |
84 | h1, h2, h3, h4, h5, h6 { | |
85 | margin:0; | |
86 | font-size:inherit; | |
87 | font-weight:inherit; | |
88 | } | |
89 | ol, ul { | |
90 | counter-reset:list; | |
91 | list-style:none; | |
92 | padding:0; | |
93 | } | |
94 | pre { | |
95 | white-space:normal; | |
96 | } | |
97 | img { | |
98 | border:0; | |
99 | max-width:100%; | |
100 | height:auto; | |
101 | display:block; | |
102 | } | |
103 | hr { | |
104 | border:0; | |
105 | -moz-box-sizing:border-box; | |
106 | box-sizing:border-box; | |
107 | } | |
108 | ::-webkit-scrollbar { | |
109 | width:17px; | |
110 | height:17px; | |
111 | } | |
112 | ::-webkit-scrollbar { | |
113 | background-color:rgb(22,22,22); | |
114 | } | |
115 | ::-webkit-scrollbar-track { | |
116 | border:8px solid rgb(22,22,22); | |
117 | background-color:rgb(60,60,60); | |
118 | } | |
119 | ::-webkit-scrollbar-thumb { | |
120 | border:8px solid rgb(22,22,22); | |
121 | background-color:rgb(120,120,120); | |
122 | min-height:24px; | |
123 | min-width:24px; | |
124 | } | |
125 | ||
126 | /* accents */ | |
127 | ||
128 | .title { | |
129 | font-style:italic; | |
130 | color:rgb(225,225,225); | |
131 | } | |
132 | h1.title { | |
133 | margin:12px 0; | |
134 | } | |
135 | h1.title:first-child { | |
136 | margin-top:0; | |
137 | } | |
138 | .accent { | |
139 | font-size:8px; | |
140 | text-transform:uppercase; | |
141 | letter-spacing:1px; | |
142 | color:rgb(120,120,120); | |
143 | } | |
144 | .text a { | |
145 | font-style:italic; | |
146 | } | |
147 | .tags a, | |
148 | .question, | |
149 | .pagination span { | |
150 | font-style:italic; | |
151 | color:rgb(120,120,120); | |
152 | } | |
153 | blockquote:after, | |
154 | blockquote > p:first-child .tumblr_blog:before { | |
155 | content:''; | |
156 | display:block; | |
157 | } | |
158 | hr, | |
159 | blockquote:after, | |
160 | blockquote > p:first-child .tumblr_blog:before { | |
161 | margin:11px 0 12px; | |
162 | width:28px; | |
163 | height:1px; | |
164 | background-color:rgb(80,80,80); | |
165 | } | |
166 | blockquote:last-child:after, | |
167 | .source .tumblr_blog:before { | |
168 | display:none; | |
169 | } | |
170 | ol li, | |
171 | ul li { | |
172 | position:relative; | |
173 | padding-left:24px; | |
174 | counter-increment:list; | |
175 | } | |
176 | ol li:before { | |
177 | content:counter(list) '.'; | |
178 | position:absolute; | |
179 | margin-left:-24px; | |
180 | color:rgb(120,120,120); | |
181 | } | |
182 | ul li:before { | |
183 | content:''; | |
184 | position:absolute; | |
185 | left:0; | |
186 | top:6px; | |
187 | width:6px; | |
188 | height:1px; | |
189 | background-color:rgb(80,80,80); | |
190 | } | |
191 | .chat li { | |
192 | padding-left:0; | |
193 | } | |
194 | .chat li:before { | |
195 | display:none; | |
196 | } | |
197 | svg { | |
198 | height:auto; | |
199 | overflow:visible; | |
200 | } | |
201 | svg path { | |
202 | -webkit-transition:fill .6s ease-out; | |
203 | transition:fill .6s ease-out; | |
204 | } | |
205 | ||
206 | /* container */ | |
207 | ||
208 | .main { | |
209 | margin:100px auto; | |
210 | padding-left:calc(120px + {select:posts}px * 0.3); | |
211 | padding-right:calc({select:posts}px * 0.3); | |
212 | {block:ifOneColumn} | |
213 | width:calc({select:posts}px * 1.3); | |
214 | {/block:ifOneColumn} | |
215 | } | |
216 | .content { | |
217 | overflow:hidden; | |
218 | margin:calc({select:posts}px * 0.3) auto 0; | |
219 | {block:PermalinkPage} | |
220 | width:calc({select:posts}px * 1.3); | |
221 | {/block:PermalinkPage} | |
222 | } | |
223 | ||
224 | /* sidebar */ | |
225 | ||
226 | aside { | |
227 | position:fixed; | |
228 | margin-left:-120px; | |
229 | top:100px; | |
230 | width:120px; | |
231 | text-align:right; | |
232 | opacity:0; | |
233 | } | |
234 | aside .title { | |
235 | font-size:9px; | |
236 | margin:15px -2px 15px 0!important; | |
237 | text-transform:uppercase; | |
238 | letter-spacing:2px; | |
239 | color:rgb({RGBcolor:link}); | |
240 | } | |
241 | aside .desc { | |
242 | margin:15px 0; | |
243 | font-style:italic; | |
244 | } | |
245 | aside .links { | |
246 | margin:15px -1px 15px 0!important; | |
247 | } | |
248 | aside .links li { | |
249 | display:block; | |
250 | margin-bottom:5px; | |
251 | } | |
252 | ||
253 | /* entries */ | |
254 | ||
255 | .entry { | |
256 | position:relative; | |
257 | float:left; | |
258 | overflow:hidden; | |
259 | width:{select:posts}px; | |
260 | margin:0 0 calc({select:posts}px * 0.3) calc({select:posts}px * 0.3); | |
261 | opacity:0; | |
262 | z-index:-1; | |
263 | {block:ifNotOneColumn} | |
264 | {block:PermalinkPage} | |
265 | width:422px; | |
266 | {/block:PermalinkPage} | |
267 | {block:ifNotOneColumn} | |
268 | {block:ifOneColumn} | |
269 | {block:IndexPage} | |
270 | margin-bottom:100px; | |
271 | {/block:IndexPage} | |
272 | {/block:ifOneColumn} | |
273 | } | |
274 | .ph .media { | |
275 | background-color:rgb(48,48,48); | |
276 | border-top:1px solid rgb(22,22,22); | |
277 | } | |
278 | .body { | |
279 | padding:15px 18px; | |
280 | background-color:rgb(36,36,36); | |
281 | } | |
282 | .permalink { | |
283 | margin-right:5px; | |
284 | color:rgb({RGBcolor:link}); | |
285 | } | |
286 | .tags { | |
287 | {block:IndexPage} | |
288 | {block:ifNotShowTags} | |
289 | display:none; | |
290 | {/block:ifNotShowTags} | |
291 | {/block:IndexPage} | |
292 | } | |
293 | .tags a { | |
294 | margin-right:5px; | |
295 | } | |
296 | ||
297 | /* post types */ | |
298 | ||
299 | .text { | |
300 | margin:12px 0; | |
301 | } | |
302 | .text:last-child, | |
303 | .text *:last-child { | |
304 | margin-bottom:0; | |
305 | } | |
306 | .media { | |
307 | position:relative; | |
308 | overflow:hidden; | |
309 | } | |
310 | .media > a, | |
311 | .media > img, | |
312 | .media .photo-slideshow, | |
313 | .media .video { | |
314 | display:block!important; | |
315 | padding:0; | |
316 | margin:0; | |
317 | } | |
318 | .media .photo-slideshow .row:last-of-type .photo-data.count-1 { | |
319 | margin-bottom:0!important; | |
320 | } | |
321 | .media .video iframe { | |
322 | display:block; | |
323 | } | |
324 | .lb { | |
325 | display:block!important; | |
326 | width:auto!important; | |
327 | position:absolute; | |
328 | top:0; | |
329 | left:0; | |
330 | bottom:0; | |
331 | right:0; | |
332 | } | |
333 | .lb svg { | |
334 | display:block; | |
335 | position:absolute; | |
336 | bottom:0; | |
337 | right:0; | |
338 | width:14px; | |
339 | padding:6px 6px 5px; | |
340 | background-color:rgba(0,0,0,.56); | |
341 | } | |
342 | .lb svg path { | |
343 | fill:rgba(255,255,255,.75); | |
344 | } | |
345 | {block:IndexPage} | |
346 | {block:ifNotShowCaptions} | |
347 | .caption { | |
348 | display:none; | |
349 | } | |
350 | {/block:ifNotShowCaptions} | |
351 | {/block:IndexPage} | |
352 | .caption p, | |
353 | .caption blockquote { | |
354 | margin:0; | |
355 | } | |
356 | ||
357 | ||
358 | /* audio posts */ | |
359 | ||
360 | .audiowrap { | |
361 | position:relative; | |
362 | height:43px; | |
363 | overflow:hidden; | |
364 | padding:8px; | |
365 | } | |
366 | .audio { | |
367 | position:absolute; | |
368 | display:inline-block; | |
369 | left:0; | |
370 | top:0; | |
371 | right:0; | |
372 | bottom:0; | |
373 | text-align:right; | |
374 | line-height:59px; | |
375 | } | |
376 | .audio .player { | |
377 | width:27px; | |
378 | height:27px; | |
379 | left:16px; | |
380 | top:16px; | |
381 | opacity:.4; | |
382 | line-height:0; | |
383 | overflow:hidden; | |
384 | position:absolute; | |
385 | {block:ifNotLightVersion} | |
386 | -webkit-filter:invert(100%); | |
387 | {/block:ifNotLightVersion} | |
388 | } | |
389 | .audio .track { | |
390 | overflow:hidden; | |
391 | line-height:15px; | |
392 | margin-left:60px; | |
393 | width:calc(100% - 60px); | |
394 | display:inline-block; | |
395 | vertical-align:middle; | |
396 | } | |
397 | .audio .track span { | |
398 | display:block; | |
399 | max-height:15px; | |
400 | white-space:nowrap; | |
401 | overflow:hidden; | |
402 | text-overflow:ellipsis; | |
403 | margin-right:15px; | |
404 | font-style:normal; | |
405 | } | |
406 | ||
407 | /* pagination */ | |
408 | ||
409 | .pagination { | |
410 | margin:calc(100px - {select:posts}px * 0.3) auto 0; | |
411 | padding-left:calc({select:posts}px * 0.3); | |
412 | text-align:center; | |
413 | clear:both; | |
414 | } | |
415 | .pagination a { | |
416 | display:inline-block; | |
417 | vertical-align:top; | |
418 | max-height:10px; | |
419 | overflow:visible; | |
420 | margin-bottom:24px; | |
421 | } | |
422 | .pagination a svg { | |
423 | width:8px; | |
424 | padding:4px; | |
425 | } | |
426 | .pagination a svg path { | |
427 | fill:rgba(255,255,255,.5); | |
428 | } | |
429 | .pagination span { | |
430 | margin:0 24px; | |
431 | } | |
432 | ||
433 | /* notes */ | |
434 | ||
435 | .notes { | |
436 | padding:0; | |
437 | background:transparent; | |
438 | } | |
439 | .notes li { | |
440 | display:block; | |
441 | } | |
442 | .notes img { | |
443 | display:none; | |
444 | } | |
445 | .notes .more_notes_link_container { | |
446 | text-align:inherit!important; | |
447 | } | |
448 | ||
449 | /* etc */ | |
450 | ||
451 | #tumblr_controls, | |
452 | .tmblr-iframe.tmblr-iframe--desktop-logged-in-controls { | |
453 | position:fixed!important; | |
454 | top:0!important; | |
455 | right:0!important; | |
456 | opacity:.5!important; | |
457 | -webkit-backface-visibility:hidden; | |
458 | padding:10px; | |
459 | -webkit-transition:opacity .3s ease-out; | |
460 | transition:opacity .3s ease-out; | |
461 | } | |
462 | #tumblr_lightbox, .tmblr-lightbox { | |
463 | background-color:rgba(22,22,22,.93)!important; | |
464 | } | |
465 | #vignette, .vignette { | |
466 | opacity:0; | |
467 | } | |
468 | #tumblr_lightbox img, .lightbox-image { | |
469 | box-shadow:none!important; | |
470 | border-radius:0!important; | |
471 | -moz-box-sizing:border-box; | |
472 | box-sizing:border-box; | |
473 | max-width:none; | |
474 | } | |
475 | #tumblr_lightbox_caption, .lightbox-caption { | |
476 | visibility:hidden; | |
477 | } | |
478 | #theme { | |
479 | position:fixed; | |
480 | display:block; | |
481 | bottom:10px; | |
482 | right:10px; | |
483 | z-index:999; | |
484 | padding:5px; | |
485 | line-height:1em; | |
486 | } | |
487 | {block:ifInfiniteScroll} | |
488 | .pagination, | |
489 | #infscr-loading { | |
490 | display:none!important; | |
491 | } | |
492 | {/block:ifInfiniteScroll} | |
493 | ||
494 | {block:ifLightVersion} | |
495 | /* light version */ | |
496 | ||
497 | body {color:rgb(120,120,120); background-color:rgb(244,244,244);} | |
498 | a:hover {color:rgb(100,100,100)!important;} | |
499 | - | body, html {color:rgb(120,120,120); background-color:rgb(244,244,244);} |
499 | + | |
500 | ::-webkit-scrollbar-track {border:8px solid rgb(244,244,244); background-color:rgb(211,211,211);} | |
501 | ::-webkit-scrollbar-thumb {border:8px solid rgb(244,244,244); background-color:rgb(170,170,170);} | |
502 | .title {color:rgb(80,80,80);} | |
503 | .accent, .tags a, .question, .pagination span, ol li:before {color:rgb(180,180,180);} | |
504 | .permalink {color:rgb({RGBcolor:link});} | |
505 | hr, blockquote:after, blockquote > p:first-child .tumblr_blog:before, ul li:before {background-color:rgb(225,225,225);} | |
506 | .body {background-color:rgb(251,251,251);} | |
507 | .ph .media {background-color:rgb(255,255,255); border-color:rgb(245,245,245);} | |
508 | .lb svg {background-color:rgba(255,255,255,.75);} | |
509 | .lb svg path {fill:rgba(0,0,0,.4);} | |
510 | .pagination a svg path {fill:rgba(0,0,0,.3);} | |
511 | #tumblr_lightbox, .tmblr-lightbox {background-color:rgba(244,244,244,.93)!important;} | |
512 | #tumblr_controls, .tmblr-iframe.tmblr-iframe--desktop-logged-in-controls {-webkit-filter:invert(100%);} | |
513 | {/block:ifLightVersion} | |
514 | </style> | |
515 | <link href="//static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"> | |
516 | </head> | |
517 | - | <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"> |
517 | + | |
518 | <div class="main"> | |
519 | <div class="content"> | |
520 | <aside> | |
521 | <h1 class="title"><a href="/">{Title}</a></h1> | |
522 | {block:ifShowDescription} | |
523 | <section class="desc"> | |
524 | {Description} | |
525 | </section> | |
526 | {/block:ifShowDescription} | |
527 | <section class="links accent"> | |
528 | {block:ifHomeLink}<li><a href="/">{text:home link}</a></li>{/block:ifHomeLink} | |
529 | {block:ifArchiveLink}<li><a href="/archive">{text:archive link}</a></li>{/block:ifArchiveLink} | |
530 | {block:ifAskLink}<li><a href="/ask">{text:ask link}</a></li>{/block:ifAskLink} | |
531 | {block:HasPages}{block:Pages}<li><a href="{URL}">{Label}</a></li> {/block:Pages}{/block:HasPages} | |
532 | {block:ifLink1}<li><a href="{text:link 1 url}">{text:link 1}</a></li>{/block:ifLink1} | |
533 | {block:ifLink2}<li><a href="{text:link 2 url}">{text:link 2}</a></li>{/block:ifLink2} | |
534 | {block:ifLink3}<li><a href="{text:link 3 url}">{text:link 3}</a></li>{/block:ifLink3} | |
535 | {block:ifLink4}<li><a href="{text:link 4 url}">{text:link 4}</a></li>{/block:ifLink4} | |
536 | {block:ifLink5}<li><a href="{text:link 5 url}">{text:link 5}</a></li>{/block:ifLink5} | |
537 | {block:ifLink6}<li><a href="{text:link 6 url}">{text:link 6}</a></li>{/block:ifLink6} | |
538 | </section> | |
539 | </aside> | |
540 | {block:Posts} | |
541 | <article class="entry {block:Photo}ph{/block:Photo}{block:Photoset}ph{/block:Photoset}{block:Video}ph{/block:Video}{block:Audio}ph{/block:Audio}" id="{PostID}"> | |
542 | <section class="body"> | |
543 | {block:Date} | |
544 | <a class="permalink accent" href="{Permalink}">{Month} {DayOfMonth}</a> | |
545 | {/block:Date} | |
546 | {block:Answer} | |
547 | <div class="question text"> | |
548 | <i class="sender">{Asker}:</i> | |
549 | <i>{Question}</i> | |
550 | </div> | |
551 | <div class="answer text">{Answer}</div> | |
552 | {/block:Answer} | |
553 | {block:Chat} | |
554 | {block:Title}<h1 class="title">{Title}</h1>{/block:Title} | |
555 | <div class="chat text"> | |
556 | {block:Lines} | |
557 | <p class="line"> | |
558 | {block:Label} | |
559 | <span class="label title">{Label} </span> | |
560 | {/block:Label} | |
561 | {Line} | |
562 | </p> | |
563 | {/block:Lines} | |
564 | </div> | |
565 | {/block:Chat} | |
566 | {block:Link} | |
567 | <h1 class="title"><a href="{URL}">{Name}</a></h1> | |
568 | {block:Description}<div class="text">{Description}</div>{/block:Description} | |
569 | {/block:Link} | |
570 | {block:Quote} | |
571 | <h1 class="quote title">{Quote}</h1> | |
572 | {block:Source} | |
573 | <div class="source text">{Source}</div> | |
574 | {/block:Source} | |
575 | {/block:Quote} | |
576 | {block:Text} | |
577 | {block:Title}<h1 class="title">{Title}</h1>{/block:Title} | |
578 | <div class="text">{Body}</div> | |
579 | {/block:Text} | |
580 | {block:Caption} | |
581 | <div class="caption text">{Caption}</div> | |
582 | {/block:Caption} | |
583 | {block:HasTags} | |
584 | <div class="tags"> | |
585 | {block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags} | |
586 | </div> | |
587 | {/block:HasTags} | |
588 | </section> | |
589 | <section class="media"> | |
590 | {block:Audio} | |
591 | <div class="audiowrap"> | |
592 | <div class="audio accent"> | |
593 | {block:AudioPlayer} | |
594 | <div class="player">{AudioPlayerBlack}</div> | |
595 | {/block:AudioPlayer} | |
596 | <div class="track">{block:TrackName}<span class="title">{TrackName}</span>{/block:TrackName}{block:Artist}<span>{Artist}</span>{/block:Artist}</div> | |
597 | </div> | |
598 | </div> | |
599 | {/block:Audio} | |
600 | {block:Photo} | |
601 | {LinkOpenTag} | |
602 | <img src="{PhotoURL-HighRes}"> | |
603 | {LinkCloseTag} | |
604 | {block:IndexPage} | |
605 | <a class="lb" href="#" onclick="Tumblr.Lightbox.init([{ width: '{PhotoWidth-HighRes}', height: '{PhotoHeight-HighRes}', low_res: '{PhotoURL-500}', high_res: '{PhotoURL-HighRes}' }]);$('body').toggleClass('tumblr_lightbox_active');return false"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M179.5,34.5c-3.3,0-6,2.7-6,6s2.7,6,6,6c3.9,0,7,2.3,7.8,5.7c-0.2,0.6-0.3,1.2-0.3,1.8v41c-7.2-7.1-17.1-11.5-28-11.5 c-14.6,0-27.3,7.8-34.3,19.5c-3.6-3.4-8.4-5.5-13.7-5.5s-10.1,2.1-13.7,5.5c-7-11.6-19.8-19.5-34.3-19.5c-11.4,0-21.7,4.8-29,12.5 V56.4c0.3-0.7,0.5-1.5,0.5-2.4c0-4.4,3.1-7.5,7.5-7.5c3.3,0,6-2.7,6-6s-2.7-6-6-6c-10.1,0-18,7-19.3,16.7C22.3,52,22,53,22,54v70 c0,1.4,0.5,2.6,1.2,3.6c2.1,20.1,19.1,35.9,39.8,35.9c22.1,0,40-17.9,40-40c0-1.5-0.1-2.9-0.2-4.3c0.2-0.5,0.2-1.1,0.2-1.7 c0-4.4,3.6-8,8-8s8,3.6,8,8c0,0.6,0.1,1.1,0.2,1.7c-0.2,1.4-0.2,2.9-0.2,4.3c0,22.1,17.9,40,40,40c21.7,0,39.4-17.4,40-39 c0-0.2,0-0.3,0-0.5V56.4c0.3-0.7,0.5-1.5,0.5-2.4C199.5,43.1,190.7,34.5,179.5,34.5z M63,151.5c-15.4,0-28-12.6-28-28s12.6-28,28-28 s28,12.6,28,28S78.4,151.5,63,151.5z M159,151.5c-15.4,0-28-12.6-28-28s12.6-28,28-28s28,12.6,28,28S174.4,151.5,159,151.5z"/></svg></a> | |
606 | {/block:IndexPage} | |
607 | - | <a class="lb" href="#" onclick="Tumblr.Lightbox.init([{ width: '{PhotoWidth-HighRes}', height: '{PhotoHeight-HighRes}', low_res: '{PhotoURL-500}', high_res: '{PhotoURL-HighRes}' }]);$('body').toggleClass('tumblr_lightbox_active');return false"><svg xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M179.5,34.5c-3.3,0-6,2.7-6,6s2.7,6,6,6c3.9,0,7,2.3,7.8,5.7c-0.2,0.6-0.3,1.2-0.3,1.8v41c-7.2-7.1-17.1-11.5-28-11.5 c-14.6,0-27.3,7.8-34.3,19.5c-3.6-3.4-8.4-5.5-13.7-5.5s-10.1,2.1-13.7,5.5c-7-11.6-19.8-19.5-34.3-19.5c-11.4,0-21.7,4.8-29,12.5 V56.4c0.3-0.7,0.5-1.5,0.5-2.4c0-4.4,3.1-7.5,7.5-7.5c3.3,0,6-2.7,6-6s-2.7-6-6-6c-10.1,0-18,7-19.3,16.7C22.3,52,22,53,22,54v70 c0,1.4,0.5,2.6,1.2,3.6c2.1,20.1,19.1,35.9,39.8,35.9c22.1,0,40-17.9,40-40c0-1.5-0.1-2.9-0.2-4.3c0.2-0.5,0.2-1.1,0.2-1.7 c0-4.4,3.6-8,8-8s8,3.6,8,8c0,0.6,0.1,1.1,0.2,1.7c-0.2,1.4-0.2,2.9-0.2,4.3c0,22.1,17.9,40,40,40c21.7,0,39.4-17.4,40-39 c0-0.2,0-0.3,0-0.5V56.4c0.3-0.7,0.5-1.5,0.5-2.4C199.5,43.1,190.7,34.5,179.5,34.5z M63,151.5c-15.4,0-28-12.6-28-28s12.6-28,28-28 s28,12.6,28,28S78.4,151.5,63,151.5z M159,151.5c-15.4,0-28-12.6-28-28s12.6-28,28-28s28,12.6,28,28S174.4,151.5,159,151.5z"/></svg></a> |
607 | + | |
608 | {block:Photoset} | |
609 | {block:PermalinkPage} | |
610 | <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div> | |
611 | {/block:PermalinkPage} | |
612 | {block:IndexPage} | |
613 | {block:Photos}<img src="{PhotoURL-HighRes}"><!--{/block:Photos}--> | |
614 | <a class="lb" href="#" onclick="Tumblr.Lightbox.init([/*{block:Photos}, /**/ { width: '{PhotoWidth-HighRes}', height: '{PhotoHeight-HighRes}', low_res: '{PhotoURL-500}', high_res: '{PhotoURL-HighRes}' }{/block:Photos}]);$('body').toggleClass('tumblr_lightbox_active');return false"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M179.5,34.5c-3.3,0-6,2.7-6,6s2.7,6,6,6c3.9,0,7,2.3,7.8,5.7c-0.2,0.6-0.3,1.2-0.3,1.8v41c-7.2-7.1-17.1-11.5-28-11.5 c-14.6,0-27.3,7.8-34.3,19.5c-3.6-3.4-8.4-5.5-13.7-5.5s-10.1,2.1-13.7,5.5c-7-11.6-19.8-19.5-34.3-19.5c-11.4,0-21.7,4.8-29,12.5 V56.4c0.3-0.7,0.5-1.5,0.5-2.4c0-4.4,3.1-7.5,7.5-7.5c3.3,0,6-2.7,6-6s-2.7-6-6-6c-10.1,0-18,7-19.3,16.7C22.3,52,22,53,22,54v70 c0,1.4,0.5,2.6,1.2,3.6c2.1,20.1,19.1,35.9,39.8,35.9c22.1,0,40-17.9,40-40c0-1.5-0.1-2.9-0.2-4.3c0.2-0.5,0.2-1.1,0.2-1.7 c0-4.4,3.6-8,8-8s8,3.6,8,8c0,0.6,0.1,1.1,0.2,1.7c-0.2,1.4-0.2,2.9-0.2,4.3c0,22.1,17.9,40,40,40c21.7,0,39.4-17.4,40-39 c0-0.2,0-0.3,0-0.5V56.4c0.3-0.7,0.5-1.5,0.5-2.4C199.5,43.1,190.7,34.5,179.5,34.5z M63,151.5c-15.4,0-28-12.6-28-28s12.6-28,28-28 s28,12.6,28,28S78.4,151.5,63,151.5z M159,151.5c-15.4,0-28-12.6-28-28s12.6-28,28-28s28,12.6,28,28S174.4,151.5,159,151.5z"/></svg></a> | |
615 | {/block:IndexPage} | |
616 | - | <a class="lb" href="#" onclick="Tumblr.Lightbox.init([/*{block:Photos}, /**/ { width: '{PhotoWidth-HighRes}', height: '{PhotoHeight-HighRes}', low_res: '{PhotoURL-500}', high_res: '{PhotoURL-HighRes}' }{/block:Photos}]);$('body').toggleClass('tumblr_lightbox_active');return false"><svg xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M179.5,34.5c-3.3,0-6,2.7-6,6s2.7,6,6,6c3.9,0,7,2.3,7.8,5.7c-0.2,0.6-0.3,1.2-0.3,1.8v41c-7.2-7.1-17.1-11.5-28-11.5 c-14.6,0-27.3,7.8-34.3,19.5c-3.6-3.4-8.4-5.5-13.7-5.5s-10.1,2.1-13.7,5.5c-7-11.6-19.8-19.5-34.3-19.5c-11.4,0-21.7,4.8-29,12.5 V56.4c0.3-0.7,0.5-1.5,0.5-2.4c0-4.4,3.1-7.5,7.5-7.5c3.3,0,6-2.7,6-6s-2.7-6-6-6c-10.1,0-18,7-19.3,16.7C22.3,52,22,53,22,54v70 c0,1.4,0.5,2.6,1.2,3.6c2.1,20.1,19.1,35.9,39.8,35.9c22.1,0,40-17.9,40-40c0-1.5-0.1-2.9-0.2-4.3c0.2-0.5,0.2-1.1,0.2-1.7 c0-4.4,3.6-8,8-8s8,3.6,8,8c0,0.6,0.1,1.1,0.2,1.7c-0.2,1.4-0.2,2.9-0.2,4.3c0,22.1,17.9,40,40,40c21.7,0,39.4-17.4,40-39 c0-0.2,0-0.3,0-0.5V56.4c0.3-0.7,0.5-1.5,0.5-2.4C199.5,43.1,190.7,34.5,179.5,34.5z M63,151.5c-15.4,0-28-12.6-28-28s12.6-28,28-28 s28,12.6,28,28S78.4,151.5,63,151.5z M159,151.5c-15.4,0-28-12.6-28-28s12.6-28,28-28s28,12.6,28,28S174.4,151.5,159,151.5z"/></svg></a> |
616 | + | |
617 | {block:Video} | |
618 | <div class="video">{Video-500}</div> | |
619 | {/block:Video} | |
620 | </section> | |
621 | </article> | |
622 | {block:PostNotes} | |
623 | <article class="entry" id="notes"> | |
624 | <section class="body w"> | |
625 | <h1 class="title">{NoteCountWithLabel}</h1> | |
626 | {block:RebloggedFrom} | |
627 | <div class="rf accent text"> | |
628 | Reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br> | |
629 | {block:ContentSource} | |
630 | Originally posted by <a href="{ReblogRootURL}">{ReblogRootName}</a> | |
631 | {/block:ContentSource} | |
632 | </div> | |
633 | {/block:RebloggedFrom} | |
634 | {PostNotes} | |
635 | </section> | |
636 | </article> | |
637 | {/block:PostNotes} | |
638 | {/block:Posts} | |
639 | </div> | |
640 | {block:Pagination} | |
641 | <div class="pagination"> | |
642 | {block:PreviousPage} | |
643 | <a class="prev" href="{PreviousPage}"> | |
644 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 375.473 375.473" style="enable-background:new 0 0 375.473 375.473;" xml:space="preserve"><g><g><path d="M315.817,6.856c-5.667-7.65-16.15-9.067-23.8-3.4L63.083,174.023c-4.25,3.117-6.8,8.217-6.8,13.6 c0,5.383,2.55,10.483,6.8,13.6l228.933,170.85c3.117,2.267,6.517,3.4,10.2,3.4c5.1,0,10.2-2.267,13.6-6.8 c5.667-7.65,3.967-18.133-3.4-23.8l-210.8-157.25l210.8-157.25C319.783,24.99,321.483,14.223,315.817,6.856z"/></g></g></svg> | |
645 | </a> | |
646 | - | <svg xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 375.473 375.473" style="enable-background:new 0 0 375.473 375.473;" xml:space="preserve"><g><g><path d="M315.817,6.856c-5.667-7.65-16.15-9.067-23.8-3.4L63.083,174.023c-4.25,3.117-6.8,8.217-6.8,13.6 c0,5.383,2.55,10.483,6.8,13.6l228.933,170.85c3.117,2.267,6.517,3.4,10.2,3.4c5.1,0,10.2-2.267,13.6-6.8 c5.667-7.65,3.967-18.133-3.4-23.8l-210.8-157.25l210.8-157.25C319.783,24.99,321.483,14.223,315.817,6.856z"/></g></g></svg> |
646 | + | |
647 | <span class="pg">{CurrentPage} of {TotalPages}</span> | |
648 | {block:NextPage} | |
649 | <a class="next" href="{NextPage}"> | |
650 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 375.39 375.39" style="enable-background:new 0 0 375.39 375.39;" xml:space="preserve"><g><g><path d="M59.615,368.59c3.4,4.533,8.5,6.8,13.6,6.8c3.4,0,7.083-1.133,10.2-3.4l228.933-170.85c4.25-3.117,6.8-8.217,6.8-13.6 s-2.55-10.483-6.8-13.6L83.415,3.373c-7.65-5.667-18.133-3.967-23.8,3.4c-5.667,7.65-3.967,18.133,3.4,23.8l210.8,157.25 l-210.8,157.25C55.648,350.456,53.948,361.223,59.615,368.59z"/></g></g></svg> | |
651 | </a> | |
652 | - | <svg xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 375.39 375.39" style="enable-background:new 0 0 375.39 375.39;" xml:space="preserve"><g><g><path d="M59.615,368.59c3.4,4.533,8.5,6.8,13.6,6.8c3.4,0,7.083-1.133,10.2-3.4l228.933-170.85c4.25-3.117,6.8-8.217,6.8-13.6 s-2.55-10.483-6.8-13.6L83.415,3.373c-7.65-5.667-18.133-3.967-23.8,3.4c-5.667,7.65-3.967,18.133,3.4,23.8l210.8,157.25 l-210.8,157.25C55.648,350.456,53.948,361.223,59.615,368.59z"/></g></g></svg> |
652 | + | |
653 | </div> | |
654 | {/block:Pagination} | |
655 | </div> | |
656 | <!-- {block:ContentSource}{SourceURL}{/block:ContentSource}{block:RebloggedFrom}{ReblogRootURL}{ReblogParentURL}{/block:RebloggedFrom} --> | |
657 | <a href="http://shythemes.tumblr.com" id="theme" class="accent" title="theme">k.</a> | |
658 | <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> | |
659 | - | <a href="https://shythemes.tumblr.com" id="theme" class="accent" title="theme">k.</a> |
659 | + | <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script> |
660 | <script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script> | |
661 | - | <script src ="https://static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script> |
661 | + | |
662 | - | <script src="https://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script> |
662 | + | <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script> |
663 | {/block:PermalinkPage} | |
664 | - | <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script> |
664 | + | |
665 | {block:ifInfiniteScroll} | |
666 | <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script> | |
667 | {/block:ifInfiniteScroll} | |
668 | - | <script src="https://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script> |
668 | + | |
669 | <script> | |
670 | $(document).ready(function(){ | |
671 | {block:PermalinkPage} | |
672 | // pxu photosets | |
673 | $('.photo-slideshow').pxuPhotoset({ | |
674 | lightbox: true, | |
675 | rounded: false, | |
676 | gutter: '1px', | |
677 | photoset: '.photo-slideshow', | |
678 | photoWrap: '.photo-data', | |
679 | photo: '.pxu-photo' | |
680 | }); | |
681 | {/block:PermalinkPage} | |
682 | // soundcloud players | |
683 | var color = '{color:link}'; // color of play button (hex) | |
684 | $('.soundcloud_audio_player').each(function(){ | |
685 | $(this).attr({ src: $(this).attr('src').split('&')[0] + '&liking=false&sharing=false&auto_play=false&show_comments=false&continuous_play=false&buying=false&show_playcount=false&show_artwork=false&origin=tumblr&color=' + color.split('#')[1], height: 116, width: '100%' }); | |
686 | }); | |
687 | // tumblr audio players | |
688 | $('.tumblr_audio_player').each(function(){ | |
689 | $(this).attr({ src: $(this).attr('src').split('&color=')[0] + '&color=transparent&simple=1 '}); | |
690 | }); | |
691 | // masonry | |
692 | var $container = $('.content'); | |
693 | $container.masonry({ | |
694 | itemSelector: '.entry', | |
695 | columnWidth: {select:posts} * 1.3, | |
696 | isFitWidth: true | |
697 | }); | |
698 | $container.imagesLoaded(function(){ | |
699 | $container.masonry(); | |
700 | $('aside').animate({ opacity: 1 }); | |
701 | $container.find('.entry').animate({ opacity: 1, zIndex: 1 }); | |
702 | }); | |
703 | {block:IndexPage} | |
704 | {block:ifInfiniteScroll} | |
705 | // infinite scroll | |
706 | var $container = $('.content'); | |
707 | $container.infinitescroll({ | |
708 | itemSelector: '.entry', | |
709 | navSelector: '.pagination', | |
710 | nextSelector: '.next', | |
711 | loadingImg: '', | |
712 | loadingText: '<em></em>', | |
713 | bufferPx: 2000 | |
714 | }, | |
715 | function( newElements ) { | |
716 | var $newElems = $( newElements ); | |
717 | $newElems.imagesLoaded(function(){ | |
718 | $container.masonry( 'appended', $newElems ); | |
719 | $newElems.animate({ opacity: 1, zIndex: 1 }); | |
720 | }); | |
721 | // videos | |
722 | $newElems.find('.video').each(function(){ | |
723 | resizeVideos(); | |
724 | }, | |
725 | function(){ | |
726 | $container.masonry(); | |
727 | }); | |
728 | // soundcloud players | |
729 | $newElems.find('.soundcloud_audio_player').each(function(){ | |
730 | $(this).attr({ src: $(this).attr('src').split('&')[0] + '&liking=false&sharing=false&auto_play=false&show_comments=false&continuous_play=false&buying=false&show_playcount=false&show_artwork=false&origin=tumblr&color=' + color.split('#')[1], height: 116, width: '100%' }); | |
731 | }, | |
732 | function(){ | |
733 | $container.masonry(); | |
734 | }); | |
735 | // tumblr audio players | |
736 | $newElems.find('.tumblr_audio_player').each(function(){ | |
737 | $(this).attr({ src: $(this).attr('src').split('&color=')[0] + '&color=transparent&simple=1 '}); | |
738 | }, | |
739 | function(){ | |
740 | $container.masonry(); | |
741 | }); | |
742 | }); | |
743 | {/block:ifInfiniteScroll} | |
744 | {/block:IndexPage} | |
745 | }); | |
746 | </script> | |
747 | </body> | |
748 | </html> |