SHOW:
|
|
- or go back to the newest paste.
1 | <!DOCTYPE html> | |
2 | <html xmlns="http://www.w3.org/1999/xhtml"> | |
3 | <head> | |
4 | <!---------------------------------------------------------------------- | |
5 | ||
6 | ||
7 | ||
8 | ||
9 | ||
10 | ||
11 | ||
12 | velvet @ shythemes | |
13 | ||
14 | ||
15 | ||
16 | ||
17 | ||
18 | ||
19 | ||
20 | -----------------------------------------------------------------------> | |
21 | ||
22 | <title>{Title}</title> | |
23 | <link rel="alternate" type="application/rss+xml" href="{RSS}"> | |
24 | <link rel="shortcut icon" href="{Favicon}"> | |
25 | {block:Description}<meta name="description" content="{MetaDescription}">{/block:Description} | |
26 | <meta name="viewport" content="width=device-width, initial-scale=1"> | |
27 | ||
28 | <!-- meta tags --------------------------------------------------------> | |
29 | ||
30 | <meta name="image:sidebar" content=""> | |
31 | <meta name="color:link hover" content="#000000"> | |
32 | <meta name="if:italics" content=""> | |
33 | <meta name="if:show loading" content=""> | |
34 | <meta name="if:show avatar" content=""> | |
35 | <meta name="if:show search" content=""> | |
36 | <meta name="if:show full photosets" content=""> | |
37 | <meta name="if:show captions" content=""> | |
38 | <meta name="if:show tags" content=""> | |
39 | <meta name="if:infinite scroll" content=""> | |
40 | <meta name="text:post width" content="540px"> | |
41 | <meta name="text:home link" content=""> | |
42 | <meta name="text:archive link" content=""> | |
43 | <meta name="text:ask link" content="contact"> | |
44 | <meta name="text:search placeholder" content="search"> | |
45 | <meta name="text:link 1" content=""> | |
46 | <meta name="text:link 1 url" content=""> | |
47 | <meta name="text:link 2" content=""> | |
48 | <meta name="text:link 2 url" content=""> | |
49 | <meta name="text:link 3" content=""> | |
50 | <meta name="text:link 3 url" content=""> | |
51 | <meta name="text:link 4" content=""> | |
52 | <meta name="text:link 4 url" content=""> | |
53 | <meta name="text:link 5" content=""> | |
54 | <meta name="text:link 5 url" content=""> | |
55 | <meta name="text:link 6" content=""> | |
56 | <meta name="text:link 6 url" content=""> | |
57 | ||
58 | <link href="https://fonts.googleapis.com/css?family=Lato:400,400i,700,700i" rel="stylesheet"> | |
59 | ||
60 | <!-- css --------------------------------------------------------------> | |
61 | ||
62 | <style type="text/css"> | |
63 | ||
64 | /* typography ------------------------------------------------------- */ | |
65 | ||
66 | body { | |
67 | margin:0; | |
68 | font-size:9.5px; | |
69 | font-family:lato, arial, sans-serif; | |
70 | letter-spacing:0.75px; | |
71 | word-spacing:1px; | |
72 | line-height:1.8em; | |
73 | word-break:break-word; | |
74 | -moz-osx-font-smoothing:grayscale; | |
75 | -webkit-font-smoothing:antialiased; | |
76 | font-smoothing:antialiased; | |
77 | overflow-x:hidden; | |
78 | color:#111111; | |
79 | background:#ffffff; | |
80 | } | |
81 | a { | |
82 | color:inherit; | |
83 | text-decoration:none; | |
84 | transition:all 0s ease-in-out; | |
85 | -webkit-transition:all 0s ease-in-out; | |
86 | } | |
87 | small, sub { | |
88 | font-size:1em; | |
89 | vertical-align:baseline; | |
90 | } | |
91 | blockquote, ol, ul, p, pre, figure { | |
92 | margin:1em 0; | |
93 | } | |
94 | h1, h2, h3, h4, h5, h6 { | |
95 | margin:0 0 1em; | |
96 | font-size:1em; | |
97 | font-weight:inherit; | |
98 | } | |
99 | img { | |
100 | border:0; | |
101 | max-width:100%; | |
102 | height:auto; | |
103 | } | |
104 | pre { | |
105 | white-space:normal; | |
106 | } | |
107 | h1 { | |
108 | margin:0 0 1em; | |
109 | color:#000000; | |
110 | } | |
111 | ol { | |
112 | counter-reset:list; | |
113 | list-style:none; | |
114 | padding:0; | |
115 | } | |
116 | ol li { | |
117 | position:relative; | |
118 | padding-left:3em; | |
119 | counter-increment:list; | |
120 | } | |
121 | ol li:before { | |
122 | content:counter(list) '.'; | |
123 | position:absolute; | |
124 | margin-left:-3em; | |
125 | } | |
126 | hr, | |
127 | .tumblr_parent:not(:first-of-type):before { | |
128 | content:''; | |
129 | display:block; | |
130 | margin:1.8em 0; | |
131 | border:0; | |
132 | height:1px; | |
133 | width:100%; | |
134 | -moz-box-sizing:border-box; | |
135 | box-sizing:border-box; | |
136 | background-color:#e6e6e6; | |
137 | } | |
138 | .tumblr_parent blockquote { | |
139 | padding:0 0 0 2em; | |
140 | border-left:1px solid #e6e6e6; | |
141 | } | |
142 | {block:ifItalics} | |
143 | nav a, nav .search .query, .text a, .accent, .loading { | |
144 | font-style:italic; | |
145 | } | |
146 | {/block:ifItalics} | |
147 | .entry .text a:not(.tumblr_blog) { | |
148 | padding-bottom:1px; | |
149 | background-image:linear-gradient(white, #111111); | |
150 | background-size:1px 1px; | |
151 | background-repeat:repeat-x; | |
152 | background-position:left bottom; | |
153 | } | |
154 | .entry .text a:not(.tumblr_blog):hover { | |
155 | color:{color:link hover}; | |
156 | background-image:linear-gradient(white, {color:link hover}); | |
157 | } | |
158 | .title { | |
159 | font-size:1.2em; | |
160 | line-height:1.6em; | |
161 | margin-bottom:.5em; | |
162 | } | |
163 | .accent, | |
164 | .tumblr_parent .tumblr_blog, | |
165 | ol li:before, | |
166 | nav a, | |
167 | .search .query, | |
168 | .desc a, | |
169 | .loading, | |
170 | .notes .more_notes_link_container a { | |
171 | color:#6f6f6f; | |
172 | } | |
173 | b, strong { | |
174 | font-size:7.5px; | |
175 | font-family:lato, sans-serif; | |
176 | letter-spacing:1.5px; | |
177 | text-transform:uppercase; | |
178 | } | |
179 | ||
180 | /* layout ----------------------------------------------------------- */ | |
181 | ||
182 | .main { | |
183 | margin:0 auto; | |
184 | } | |
185 | aside { | |
186 | padding:80px 80px 40px; | |
187 | } | |
188 | aside section { | |
189 | margin:0 auto; | |
190 | max-width:540px; | |
191 | max-width:{text:post width}; | |
192 | } | |
193 | aside section:not(:first-child) { | |
194 | margin-top:1.8em; | |
195 | } | |
196 | aside nav li { | |
197 | display:block; | |
198 | margin:0 0 .5em; | |
199 | } | |
200 | aside h1.blog.title { | |
201 | font-style:normal; | |
202 | font-weight:bold; | |
203 | font-family:lato, sans-serif; | |
204 | text-transform:uppercase; | |
205 | letter-spacing:.25em; | |
206 | padding-left:.25em; | |
207 | margin-bottom:1.2em; | |
208 | } | |
209 | aside .side { | |
210 | display:none; | |
211 | } | |
212 | aside .avatar { | |
213 | margin:0 0 2em; | |
214 | width:30px; | |
215 | border-radius:4px; | |
216 | overflow:hidden; | |
217 | } | |
218 | aside .avatar.circle { | |
219 | border-radius:15px; | |
220 | } | |
221 | aside .avatar img { | |
222 | display:block; | |
223 | } | |
224 | aside .search .query { | |
225 | border:0; | |
226 | outline:0; | |
227 | padding:0; | |
228 | font-family:inherit; | |
229 | font-size:inherit; | |
230 | letter-spacing:inherit; | |
231 | background-color:transparent; | |
232 | } | |
233 | ::-webkit-input-placeholder {color:inherit;} | |
234 | :-moz-placeholder {color:inherit; opacity:1;} | |
235 | ::-moz-placeholder {color:inherit; opacity:1;} | |
236 | :-ms-input-placeholder {color:inherit;} | |
237 | input:focus::-webkit-input-placeholder {color:transparent;} | |
238 | input:focus:-moz-placeholder {color:transparent;} | |
239 | input:focus::-moz-placeholder {color:transparent;} | |
240 | input:focus:-ms-input-placeholder {color:transparent;} | |
241 | .content { | |
242 | font-size:0; | |
243 | margin:40px; | |
244 | } | |
245 | .loading { | |
246 | padding:40px; | |
247 | font-size:9.5px; | |
248 | } | |
249 | .entry { | |
250 | position:relative; | |
251 | font-size:9.5px; | |
252 | width:100%; | |
253 | padding:40px; | |
254 | -moz-box-sizing:border-box; | |
255 | box-sizing:border-box; | |
256 | {block:ifShowLoading} | |
257 | {block:IndexPage} | |
258 | display:inline-block; | |
259 | opacity:0; | |
260 | z-index:-1; | |
261 | {/block:IndexPage} | |
262 | {/block:ifShowLoading} | |
263 | } | |
264 | .entry:last-child { | |
265 | margin-bottom:0; | |
266 | } | |
267 | .post { | |
268 | max-width:540px; | |
269 | max-width:{text:post width}; | |
270 | margin:0 auto; | |
271 | } | |
272 | .pagination { | |
273 | overflow:hidden; | |
274 | margin:40px; | |
275 | padding:40px; | |
276 | margin-top:0!important; | |
277 | padding-top:0!important; | |
278 | max-width:540px; | |
279 | max-width:{text:post width}; | |
280 | {block:ifShowLoading} | |
281 | {block:IndexPage} | |
282 | opacity:0; | |
283 | z-index:-1; | |
284 | {/block:IndexPage} | |
285 | {/block:ifShowLoading} | |
286 | } | |
287 | .pagination .next { | |
288 | float:right; | |
289 | color:#111111; | |
290 | } | |
291 | ||
292 | /* breakpoints ------------------------------------------------------ */ | |
293 | ||
294 | @media screen and (min-width:700px) { | |
295 | .content, .pagination { | |
296 | margin:40px 40px 40px 360px; | |
297 | } | |
298 | aside .side { | |
299 | display:block; | |
300 | } | |
301 | .post { | |
302 | margin:0; | |
303 | } | |
304 | aside { | |
305 | position:fixed; | |
306 | top:0; | |
307 | left:0; | |
308 | bottom:0; | |
309 | margin:0; | |
310 | -moz-box-sizing:border-box; | |
311 | box-sizing:border-box; | |
312 | width:360px; | |
313 | } | |
314 | } | |
315 | ||
316 | /* posts ------------------------------------------------------------ */ | |
317 | ||
318 | .date { | |
319 | overflow:hidden; | |
320 | margin:2em 0 0; | |
321 | padding:2em 0 0; | |
322 | border-top:1px solid #e6e6e6; | |
323 | } | |
324 | svg { | |
325 | height:9px; | |
326 | width:auto; | |
327 | opacity:.5; | |
328 | padding:1px; | |
329 | display:block; | |
330 | overflow:visible; | |
331 | } | |
332 | .controls { | |
333 | float:right; | |
334 | } | |
335 | .controls a { | |
336 | position:relative; | |
337 | display:inline-block; | |
338 | overflow:hidden; | |
339 | padding:1px 2px; | |
340 | width:10px; | |
341 | height:10px; | |
342 | margin-left:1em; | |
343 | } | |
344 | .controls .permalink { | |
345 | margin-right:3px; | |
346 | margin-top:-1px; | |
347 | } | |
348 | .controls .permalink svg { | |
349 | height:12px; | |
350 | } | |
351 | .controls .reblog { | |
352 | opacity:.93; | |
353 | } | |
354 | .controls .reblog svg { | |
355 | height:8px; | |
356 | margin-top:1px; | |
357 | } | |
358 | .controls .like .liked + svg { | |
359 | opacity:1; | |
360 | } | |
361 | .controls .like .liked + svg path { | |
362 | fill:#ec5a5a; | |
363 | } | |
364 | .controls .like .like_button { | |
365 | position:relative; | |
366 | } | |
367 | .controls .like .like_button iframe { | |
368 | position:absolute; | |
369 | top:0; | |
370 | left:0; | |
371 | bottom:0; | |
372 | right:0; | |
373 | z-index:2; | |
374 | opacity:0; | |
375 | } | |
376 | .tags { | |
377 | display:inline; | |
378 | {block:IndexPage}{block:ifNotShowTags}display:none;{/block:ifNotShowTags}{/block:IndexPage} | |
379 | } | |
380 | .comma { | |
381 | margin:0 .5em; | |
382 | } | |
383 | .tags .comma { | |
384 | margin:0 0 0 .5em; | |
385 | } | |
386 | .tags .comma:last-of-type { | |
387 | display:none; | |
388 | } | |
389 | .post .media { | |
390 | position:relative; | |
391 | } | |
392 | .photo-slideshow { | |
393 | display:inline-block; | |
394 | width:100%; | |
395 | } | |
396 | .text { | |
397 | margin:1.5em 0 0; | |
398 | } | |
399 | .text *:first-child { | |
400 | margin-top:0; | |
401 | } | |
402 | .text *:last-child { | |
403 | margin-bottom:0; | |
404 | } | |
405 | .question, .quote { | |
406 | padding-bottom:1.8em; | |
407 | margin-bottom:1.8em; | |
408 | border-bottom:1px solid #e6e6e6; | |
409 | } | |
410 | .sender { | |
411 | text-transform:lowercase; | |
412 | } | |
413 | .caption { | |
414 | {block:IndexPage}{block:ifNotShowCaptions}display:none;{/block:ifNotShowCaptions}{/block:IndexPage} | |
415 | } | |
416 | .chat, .chat li { | |
417 | padding:0; | |
418 | list-style-type:none; | |
419 | } | |
420 | .audiowrap { | |
421 | position:relative; | |
422 | height:27px; | |
423 | overflow:hidden; | |
424 | background-color:#f8f8f8; | |
425 | padding:14px; | |
426 | margin-bottom:1.5em; | |
427 | } | |
428 | .audio { | |
429 | position:absolute; | |
430 | display:inline-block; | |
431 | left:14px; | |
432 | top:14px; | |
433 | right:14px; | |
434 | bottom:14px; | |
435 | text-align:left; | |
436 | line-height:27px; | |
437 | } | |
438 | .audio .player { | |
439 | width:27px; | |
440 | height:27px; | |
441 | left:0; | |
442 | top:0; | |
443 | opacity:.5; | |
444 | line-height:0; | |
445 | overflow:hidden; | |
446 | position:absolute; | |
447 | } | |
448 | .audio .track { | |
449 | overflow:hidden; | |
450 | line-height:15px; | |
451 | margin-left:41px; | |
452 | width:calc(100% - 41px); | |
453 | display:inline-block; | |
454 | vertical-align:middle; | |
455 | } | |
456 | .audio .track .h { | |
457 | display:block; | |
458 | max-height:15px; | |
459 | white-space:nowrap; | |
460 | overflow:hidden; | |
461 | text-overflow:ellipsis; | |
462 | margin-right:15px; | |
463 | } | |
464 | ||
465 | /* other ------------------------------------------------------------ */ | |
466 | ||
467 | .notes img { | |
468 | display:none; | |
469 | } | |
470 | .more_notes_link_container { | |
471 | text-align:left!important; | |
472 | } | |
473 | #tumblr_controls, | |
474 | .tmblr-iframe.tmblr-iframe--desktop-logged-in-controls { | |
475 | position:fixed!important; | |
476 | top:0!important; | |
477 | right:0!important; | |
478 | opacity:.4!important; | |
479 | -webkit-filter:invert(100%); | |
480 | -webkit-backface-visibility:hidden; | |
481 | padding:17px; | |
482 | } | |
483 | #theme { | |
484 | position:fixed; | |
485 | display:block; | |
486 | bottom:10px; | |
487 | right:10px; | |
488 | z-index:999; | |
489 | padding:5px; | |
490 | line-height:1em; | |
491 | } | |
492 | #tumblr_lightbox img, .lightbox-image { | |
493 | max-width:none; | |
494 | } | |
495 | {block:ifInfiniteScroll} | |
496 | .pagination, | |
497 | #infscr-loading { | |
498 | display:none!important; | |
499 | } | |
500 | {/block:ifInfiniteScroll} | |
501 | ||
502 | ::-webkit-scrollbar { | |
503 | width:9px; | |
504 | height:9px; | |
505 | } | |
506 | ::-webkit-scrollbar { | |
507 | background-color:#ffffff; /* background color */ | |
508 | } | |
509 | ::-webkit-scrollbar-track { | |
510 | border:8px solid #ffffff; /* background color */ | |
511 | border-left:0; | |
512 | background-color:#e6e6e6; /* light border color */ | |
513 | } | |
514 | ::-webkit-scrollbar-thumb { | |
515 | border:8px solid #ffffff; /* background color */ | |
516 | border-left:0; | |
517 | background-color:#888888; /* dark border color */ | |
518 | min-height:24px; | |
519 | min-width:24px; | |
520 | } | |
521 | </style> | |
522 | <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"> | |
523 | </head> | |
524 | <body class="{select:font}"> | |
525 | ||
526 | <div class="main"> | |
527 | ||
528 | <!-- left sidebar -----------------------------------------------------> | |
529 | ||
530 | <aside> | |
531 | {block:ifSidebarImage} | |
532 | <section> | |
533 | <a href="/"><img class="side" src="{image:sidebar}"></a> | |
534 | </section> | |
535 | {/block:ifSidebarImage} | |
536 | <section> | |
537 | {block:ifShowAvatar}<a href="/"><img src="{PortraitURL-128}" class="avatar {AvatarShape}"></a>{/block:ifShowAvatar} | |
538 | <h1 class="blog title"><a href="/">{Title}</a></h1> | |
539 | <div class="desc">{Description}</div> | |
540 | </section> | |
541 | <section> | |
542 | <nav class="text"> | |
543 | {block:ifHomeLink}<li><a href="/">{text:home link}</a></li>{/block:ifHomeLink} | |
544 | {block:ifArchiveLink}<li><a href="/archive">{text:archive link}</a></li>{/block:ifArchiveLink} | |
545 | {block:ifAskLink}<li><a href="/ask">{text:ask link}</a></li>{/block:ifAskLink} | |
546 | {block:HasPages}{block:Pages}<li><a href="{URL}">{Label}</a></li> {/block:Pages}{/block:HasPages} | |
547 | {block:ifLink1}<li><a href="{text:link 1 url}">{text:link 1}</a></li>{/block:ifLink1} | |
548 | {block:ifLink2}<li><a href="{text:link 2 url}">{text:link 2}</a></li>{/block:ifLink2} | |
549 | {block:ifLink3}<li><a href="{text:link 3 url}">{text:link 3}</a></li>{/block:ifLink3} | |
550 | {block:ifLink4}<li><a href="{text:link 4 url}">{text:link 4}</a></li>{/block:ifLink4} | |
551 | {block:ifLink5}<li><a href="{text:link 5 url}">{text:link 5}</a></li>{/block:ifLink5} | |
552 | {block:ifLink6}<li><a href="{text:link 6 url}">{text:link 6}</a></li>{/block:ifLink6} | |
553 | {block:ifShowSearch} | |
554 | <form action="/search" method="get" class="search"> | |
555 | <input type="text" name="q" value="{SearchQuery}" class="query" placeholder="{text:search placeholder}"> | |
556 | </form> | |
557 | {/block:ifShowSearch} | |
558 | </nav> | |
559 | </section> | |
560 | </aside> | |
561 | ||
562 | <!-- posts ------------------------------------------------------------> | |
563 | ||
564 | <div class="content"> | |
565 | {block:ifShowLoading}{block:IndexPage}<div class="loading">Loading...</div>{/block:IndexPage}{block:ifShowLoading} | |
566 | {block:Posts} | |
567 | <article class="entry {block:Photo}ph{/block:Photo}{block:Photoset}ph{/block:Photoset}" id="{PostID}"> | |
568 | <section class="post"> | |
569 | {block:Audio} | |
570 | <!-- audio ------------------------------------------------------------> | |
571 | <div class="audiowrap"> | |
572 | <div class="audio"> | |
573 | {block:AudioPlayer} | |
574 | <div class="player">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer} | |
575 | </div> | |
576 | {/block:AudioPlayer} | |
577 | <div class="track"><div class="h">{block:TrackName}{TrackName}{/block:TrackName}{block:Artist}<span class="accent"> by {Artist}</span>{/block:Artist}</div></div> | |
578 | </div> | |
579 | </div> | |
580 | {/block:Audio} | |
581 | {block:Photo} | |
582 | <!-- photo ------------------------------------------------------------> | |
583 | <div class="media"> | |
584 | {LinkOpenTag} | |
585 | <img src="{PhotoURL-HighRes}"> | |
586 | {LinkCloseTag} | |
587 | </div> | |
588 | {/block:Photo} | |
589 | {block:Photoset} | |
590 | <!-- photoset ---------------------------------------------------------> | |
591 | <div class="media photoset"> | |
592 | {block:PermalinkPage} | |
593 | <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> | |
594 | {/block:PermalinkPage} | |
595 | {block:IndexPage} | |
596 | {block:ifNotShowFullPhotosets} | |
597 | <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"> | |
598 | {block:Photos}<img src="{PhotoURL-HighRes}"><!--{/block:Photos}--> | |
599 | </a> | |
600 | {/block:ifNotShowFullPhotosets} | |
601 | {block:ifShowFullPhotosets} | |
602 | <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> | |
603 | {/block:ifShowFullPhotosets} | |
604 | {/block:IndexPage} | |
605 | </div> | |
606 | {/block:Photoset} | |
607 | {block:Video} | |
608 | <!-- video ------------------------------------------------------------> | |
609 | <div class="media video">{Video-500}</div> | |
610 | {/block:Video} | |
611 | {block:Answer} | |
612 | <!-- answer -----------------------------------------------------------> | |
613 | <div class="question"> | |
614 | <div class="sender accent">{Asker}</div> | |
615 | <div class="inquiry text">{Question}</div> | |
616 | </div> | |
617 | <div class="answer text"> | |
618 | <a class="tumblr_blog" href="{Permalink}">{Name}</a>{Answer}</div> | |
619 | {/block:Answer} | |
620 | {block:Chat} | |
621 | <!-- chat -------------------------------------------------------------> | |
622 | {block:Title}<h1 class="title">{Title}</h1>{/block:Title} | |
623 | <ul class="chat text"> | |
624 | {block:Lines} | |
625 | <li class="line"> | |
626 | {block:Label} | |
627 | <b class="label">{Label} </b> | |
628 | {/block:Label} | |
629 | {Line} | |
630 | </li> | |
631 | {/block:Lines} | |
632 | </ul> | |
633 | {/block:Chat} | |
634 | {block:Link} | |
635 | <!-- link -------------------------------------------------------------> | |
636 | <h1 class="title"><a href="{URL}">{Name}</a></h1> | |
637 | {block:Description}<div class="text">{Description}</div>{/block:Description} | |
638 | {/block:Link} | |
639 | {block:Quote} | |
640 | <!-- quote ------------------------------------------------------------> | |
641 | <div class="quote title">{Quote}</div> | |
642 | {block:Source} | |
643 | <div class="source text">{Source}</div> | |
644 | {/block:Source} | |
645 | {/block:Quote} | |
646 | {block:Text} | |
647 | <!-- text -------------------------------------------------------------> | |
648 | {block:Title}<h1 class="title">{Title}</h1>{/block:Title} | |
649 | <div class="text">{Body}</div> | |
650 | {/block:Text} | |
651 | {block:Caption} | |
652 | <!-- caption ----------------------------------------------------------> | |
653 | <div class="caption text">{Caption}</div> | |
654 | {/block:Caption} | |
655 | {block:Date} | |
656 | <div class="date accent"> | |
657 | <!-- date -------------------------------------------------------------> | |
658 | {block:PermalinkPage} | |
659 | {lang:Posted on DayOfWeek DayOfMonth Month Year} {block:NoteCount} <i class="comma">/</i> {NoteCountWithLabel}{/block:NoteCount} | |
660 | {block:RebloggedFrom}<br>Reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a>{block:ContentSource} <i class="comma">/</i> Source: <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:ContentSource}{/block:RebloggedFrom} | |
661 | ||
662 | {/block:PermalinkPage} | |
663 | {block:HasTags} | |
664 | <!-- tags -------------------------------------------------------------> | |
665 | <div class="tags accent">{block:PermalinkPage}<br>Tagged: <i class="comma"></i> {/block:PermalinkPage}{block:Tags}<a href="{TagURL}">{Tag}</a> <i class="comma"></i> {/block:Tags}</div> | |
666 | {/block:HasTags} | |
667 | {block:IndexPage} | |
668 | <div class="controls"> | |
669 | <a href="{Permalink}" class="permalink"> | |
670 | <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M154,27H58c-3.3,0-6,2.7-6,6v153.7c0,2.5,1.5,4.7,3.8,5.6c2.3,0.9,4.9,0.3,6.6-1.6l44.8-49.1l42.3,49 c1.2,1.3,2.8,2.1,4.5,2.1c0.7,0,1.4-0.1,2.1-0.4c2.3-0.9,3.9-3.1,3.9-5.6V33C160,29.7,157.3,27,154,27z M148,170.6l-36.1-41.9 c-1.1-1.3-2.7-2.1-4.5-2.1c-1.7,0-3.4,0.7-4.5,2L64,171.3V39h84V170.6z"/></svg> | |
671 | </a> | |
672 | <a href="{ReblogURL}" target="_blank" class="reblog"> | |
673 | <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 361.095 361.095" style="enable-background:new 0 0 361.095 361.095;" xml:space="preserve"><g><g><path d="M182.595,325.678c-63.183,0-120.133-42.217-138.267-102.567c-2.833-9.067-12.183-14.167-21.25-11.333 c-9.067,2.833-14.167,12.183-11.333,21.25c22.95,75.933,91.517,126.65,170.85,126.65c98.317,0,178.5-80.183,178.5-178.5 s-80.183-178.5-178.5-178.5c-55.817,0-108.233,26.633-141.667,69.7l-7.083-56.1c-1.133-9.35-9.633-15.867-18.983-14.733 C5.511,2.678-1.005,11.178,0.128,20.528l13.317,103.7c1.133,8.5,8.5,14.733,16.717,14.733c0.567,0,1.417,0,1.983,0l102.567-11.617 c9.35-1.133,16.15-9.35,15.017-18.7s-9.35-16.15-18.7-15.017l-68.85,7.65c26.633-39.95,71.683-64.6,120.417-64.6 c79.617,0,144.5,64.883,144.5,144.5S262.211,325.678,182.595,325.678z"/></g></g></svg> | |
674 | </a> | |
675 | <a href="#" class="like">{LikeButton} | |
676 | <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 442.403 442.403" style="enable-background:new 0 0 442.403 442.403;" xml:space="preserve"><g><g><path d="M213.05,422.652c2.833,1.7,5.95,2.833,9.35,2.833c3.117,0,6.517-0.85,9.35-2.833c7.65-5.1,187.283-123.533,207.683-243.95 c10.483-62.333-8.783-100.867-26.633-122.117c-20.967-24.933-52.133-39.667-83.017-39.667c-10.2,0-20.117,1.7-28.9,5.1 c-43.067,16.15-72.25,44.767-88.117,64.317c-15.583-19.267-42.217-47.033-74.517-58.083c-9.917-3.4-20.683-5.1-32.017-5.1 c-28.9,0-56.383,11.9-75.367,32.867c-16.717,18.417-35.7,53.55-29.75,114.75C13.016,291.185,204.833,417.268,213.05,422.652z M56.083,78.685c17.283-18.983,38.817-21.817,50.15-21.817c7.367,0,14.45,1.133,20.967,3.4 c39.383,13.317,70.833,63.467,71.4,63.75c3.117,5.1,8.783,8.217,14.733,7.933c5.95,0,11.333-3.4,14.45-8.5 c0.283-0.567,28.617-48.733,85.283-69.983c4.817-1.7,10.767-2.833,16.717-2.833c20.967,0,42.217,10.483,56.95,27.767 c19.267,22.667,25.783,55.533,18.983,94.633c-7.367,43.067-42.5,94.633-101.717,149.317c-33.433,30.883-66.3,54.683-81.6,65.45 c-16.15-11.05-51-36.55-86.417-68.85C74.216,262.285,39.366,209.868,35.116,167.368C31.433,128.552,38.516,97.952,56.083,78.685z"/></g></g></svg> | |
677 | </a> | |
678 | </div> | |
679 | {/block:IndexPage} | |
680 | </div> | |
681 | {/block:Date} | |
682 | </section> | |
683 | </article> | |
684 | {/block:Posts} | |
685 | <!-- {block:ContentSource}{SourceURL}{/block:ContentSource}{block:RebloggedFrom}{ReblogRootURL}{ReblogParentURL}{/block:RebloggedFrom} --> | |
686 | ||
687 | {block:PostNotes} | |
688 | <!-- notes ------------------------------------------------------------> | |
689 | ||
690 | <article class="entry"> | |
691 | <section class="post"> | |
692 | <h1 class="title">Notes</h1> | |
693 | {PostNotes} | |
694 | </section> | |
695 | </article> | |
696 | ||
697 | {/block:PostNotes} | |
698 | ||
699 | </div> | |
700 | ||
701 | <!-- pagination -------------------------------------------------------> | |
702 | ||
703 | {block:Pagination}<div class="pagination accent">{block:PreviousPage}<a class="prev accent" href="{PreviousPage}">{lang:Previous}</a>{/block:PreviousPage} {block:NextPage}<a class="next" href="{NextPage}">{lang:Next Page}</a>{/block:NextPage}</div>{/block:Pagination} | |
704 | ||
705 | </div> | |
706 | ||
707 | <a href="http://shythemes.tumblr.com" id="theme" class="accent" title="theme">k.</a> | |
708 | ||
709 | <!-- scripts ----------------------------------------------------------> | |
710 | ||
711 | <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> | |
712 | <script src="//static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script> | |
713 | <script src="//static.tumblr.com/fwgzvyf/2nno5ubpt/shythemes.fn.js"></script> | |
714 | <script src="//static.tumblr.com/wgg6svp/ohGobvaye/unnest.min.js"></script> | |
715 | <script src="http://static.tumblr.com/yxfeliq/hHwojmt8m/bctphotoset.min.js"></script> | |
716 | {block:IndexPage} | |
717 | {block:ifInfiniteScroll} | |
718 | <script src="//static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script> | |
719 | {/block:ifInfiniteScroll} | |
720 | {/block:IndexPage} | |
721 | <script> | |
722 | $(document).ready(function(){ | |
723 | var $container = $('.content'); | |
724 | {block:ifShowLoading} | |
725 | $container.imagesLoaded(function(){ | |
726 | $('.loading').hide(); | |
727 | $container.find('.entry').animate({ | |
728 | opacity: 1, | |
729 | zIndex: 1 | |
730 | }); | |
731 | $('.pagination').animate({ | |
732 | opacity: 1, | |
733 | zIndex: 1 | |
734 | }); | |
735 | }); | |
736 | {/block:ifShowLoading} | |
737 | $('.photo-slideshow').pxuPhotoset({ | |
738 | lightbox: true, | |
739 | rounded: false, | |
740 | gutter: '4px', | |
741 | photoset: '.photo-slideshow', | |
742 | photoWrap: '.photo-data', | |
743 | photo: '.pxu-photo' | |
744 | }); | |
745 | $container.audioplayers('{color:accents}'); | |
746 | $container.resizevideos(); | |
747 | $('.entry').unnest({ | |
748 | yourCaption: ".text", | |
749 | wrapName: ".tumblr_parent", | |
750 | newCaptionUsername: false, | |
751 | originalPostCaptionUsername: false, | |
752 | tumblrAvatars: false, | |
753 | tumblrAvatarClass: ".tumblr_avatar", | |
754 | usernameColon: false | |
755 | }); | |
756 | {block:IndexPage} | |
757 | {block:ifInfiniteScroll} | |
758 | $container.infinitescroll({ | |
759 | itemSelector: '.entry', | |
760 | navSelector: '.pagination', | |
761 | nextSelector: '.next', | |
762 | loadingImg: '', | |
763 | loadingText: '<em></em>', | |
764 | bufferPx: 2000 | |
765 | }, | |
766 | function( newElements ) { | |
767 | var $newElems = $(newElements); | |
768 | var $newElemsIDs = $newElems.map(function(){ | |
769 | return this.id; | |
770 | }).get(); | |
771 | Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs); | |
772 | $newElems.find('.photo-slideshow').pxuPhotoset({ | |
773 | lightbox: true, | |
774 | rounded: false, | |
775 | gutter: '4px', | |
776 | photoset: '.photo-slideshow', | |
777 | photoWrap: '.photo-data', | |
778 | photo: '.pxu-photo' | |
779 | }); | |
780 | $newElems.audioplayers('{color:accents}'); | |
781 | $newElems.resizevideos(); | |
782 | $newElems.unnest({ | |
783 | yourCaption: ".text", | |
784 | wrapName: ".tumblr_parent", | |
785 | newCaptionUsername: false, | |
786 | originalPostCaptionUsername: false, | |
787 | tumblrAvatars: false, | |
788 | tumblrAvatarClass: ".tumblr_avatar", | |
789 | usernameColon: false | |
790 | }); | |
791 | $newElems.imagesLoaded(function(){ | |
792 | $newElems.animate({ opacity: 1, zIndex: 1 }); | |
793 | }); | |
794 | }); | |
795 | {block:ifInfiniteScroll} | |
796 | {/block:IndexPage} | |
797 | }); | |
798 | </script> | |
799 | </body> | |
800 | </html> |