SHOW:
|
|
- or go back to the newest paste.
1 | <!-- | |
2 | ||
3 | (◍•ᴗ•◍)♡ ✧*。 | |
4 | ||
5 | Healing Theme by Chloë | @dontbrag | @bychloethemes | |
6 | ||
7 | > Do not delete/alter any credit. | |
8 | > Do not claim as your own. | |
9 | > Do not copy any code. | |
10 | > Do not redistribute. | |
11 | ||
12 | Full terms: http://bychloethemes.tumblr.com/themes | |
13 | ||
14 | ========================================================= | |
15 | ||
16 | DEPENDENCIES: | |
17 | ||
18 | > jQuery | |
19 | https://jquery.com/ | |
20 | > Infinite Scroll | |
21 | http://infinite-scroll.com/ | |
22 | > Masonry | |
23 | http://masonry.desandro.com/ | |
24 | > PXU Photosets (Modified by me) | |
25 | https://github.com/PixelUnion/Extended-Tumblr-Photoset/ | |
26 | > ImagesLoaded | |
27 | http://imagesloaded.desandro.com/ | |
28 | > Video Resizing | |
29 | http://shythemes.tumblr.com/post/134536748863/ | |
30 | > Unnest Captions | |
31 | http://neothm.com/post/148902138319/ | |
32 | > Outicons | |
33 | https://github.com/antonps/outicons | |
34 | > Google Fonts | |
35 | http://fonts.google.com/ | |
36 | > SMT Tooltips | |
37 | http://manos.malihu.gr/style-my-tooltips-jquery-plugin/ | |
38 | ||
39 | --> | |
40 | <html> | |
41 | <head> | |
42 | {block:Hidden} | |
43 | <meta name="image:Sidebar" content="" /> | |
44 | <meta name="color:Accent" content="#fdfaf7" /> | |
45 | <meta name="color:Dark Accent" content="#d95e40"/> | |
46 | <meta name="if:Search" content="" />{/block:Hidden} | |
47 | ||
48 | <meta charset="UTF-8" /> | |
49 | <title>{block:SearchPage}"{SearchQuery}" | {/block:SearchPage}{block:DayPage}{DayOfMonthWithZero}.{MonthNumberWithZero}.{Year} | {/block:DayPage}{block:TagPage}#{Tag} | {/block:TagPage}{block:PostSummary}{PostSummary} | {/block:PostSummary}{Title}</title> | |
50 | <link rel="shortcut icon" href="{Favicon}"> | |
51 | {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description} | |
52 | <link rel="alternate" type="application/rss+xml" href="{RSS}"> | |
53 | ||
54 | <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> | |
55 | <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i" rel="stylesheet"> | |
56 | <link href='https://secure.static.tumblr.com/8pnyeus/sXxofi7lt/outicons.css' rel='stylesheet' type='text/css'> | |
57 | <style> | |
58 | * { | |
59 | margin: 0; | |
60 | padding: 0; | |
61 | } | |
62 | #tumblr_controls, .tmblr-iframe { | |
63 | top: 5px!important; | |
64 | right: 5px!important; | |
65 | -webkit-filter: invert(90%); | |
66 | filter: invert(90%); | |
67 | position: fixed!important; | |
68 | -webkit-transform: scale(.8, .8); | |
69 | -moz-transform: scale(.8, .8); | |
70 | transform: scale(.8, .8); | |
71 | -webkit-transform-origin: right top; | |
72 | -moz-transform-origin: right top; | |
73 | -ms-transform-origin: right top; | |
74 | -o-transform-origin: right top; | |
75 | transform-origin: right top; | |
76 | z-index: 999999999999999999!important | |
77 | } | |
78 | ::-webkit-scrollbar { | |
79 | background-color: #ddd; | |
80 | height: 11px; | |
81 | width: 11px; | |
82 | border: 5px solid #fff; | |
83 | } | |
84 | ::-webkit-scrollbar-thumb { | |
85 | background-color: #000; | |
86 | border: 5px solid #fff; | |
87 | } | |
88 | body { | |
89 | font-size: 10px; | |
90 | font-family: 'Open Sans', sans-serif; | |
91 | } | |
92 | img { | |
93 | vertical-align: middle; | |
94 | max-width: 100%; | |
95 | height: auto; | |
96 | } | |
97 | a { | |
98 | color: #000; | |
99 | text-decoration: none; | |
100 | } | |
101 | a:hover { | |
102 | text-decoration: line-through; | |
103 | } | |
104 | #s-m-t-tooltip { | |
105 | max-width: 300px; | |
106 | padding: 3px 6px; | |
107 | margin: 20px 10px; | |
108 | background: #fff; | |
109 | color: #000; | |
110 | z-index: 999999999999999; | |
111 | font-size:9px; | |
112 | border: 1px solid #eaeaea; | |
113 | } | |
114 | #wrapper { | |
115 | margin: 40px auto; | |
116 | padding-left: 180px; | |
117 | ||
118 | } | |
119 | aside { | |
120 | width: 150px; | |
121 | position: fixed; | |
122 | } | |
123 | aside h1 { | |
124 | border-bottom: 1px solid #eaeaea; | |
125 | font-weight: bold; | |
126 | font-size: 9px; | |
127 | padding: 10px 0; | |
128 | margin-bottom: 20px; | |
129 | } | |
130 | aside #desc { | |
131 | font-size: 9.5px; | |
132 | text-align: center; | |
133 | margin-top: 20px; | |
134 | } | |
135 | aside #search { | |
136 | margin-top: 15px; | |
137 | } | |
138 | aside #search input[type="text"] { | |
139 | border: none; | |
140 | width: calc(100% - 40px); | |
141 | font-size: 0.9em; | |
142 | text-align: center; | |
143 | padding-right: 20px; | |
144 | } | |
145 | aside #search form { | |
146 | border-bottom: 1px solid #eaeaea; | |
147 | padding: 5px; | |
148 | } | |
149 | aside #search form:before { | |
150 | content: '\e080'; | |
151 | font-family: untitled-font-1!important; | |
152 | font-style: normal; | |
153 | font-weight: 400; | |
154 | speak: none; | |
155 | display: inline-block; | |
156 | text-decoration: inherit; | |
157 | width: 1em; | |
158 | text-align: center; | |
159 | font-variant: normal; | |
160 | text-transform: none; | |
161 | vertical-align: middle; | |
162 | line-height: inherit; | |
163 | font-size: 1em; | |
164 | -webkit-font-smoothing: antialiased; | |
165 | -moz-osx-font-smoothing: grayscale; | |
166 | padding-right: 10px; | |
167 | ||
168 | } | |
169 | aside input[type="text"]:focus { | |
170 | outline: none; | |
171 | } | |
172 | aside input[type="submit"] { | |
173 | display: none; | |
174 | } | |
175 | aside #nav { | |
176 | list-style: none; | |
177 | font-weight: bold; | |
178 | font-size: 9px; | |
179 | text-align: right; | |
180 | border-top: 1px solid #eaeaea; | |
181 | padding-top: 10px; | |
182 | margin-top: 15px; | |
183 | text-transform: capitalize; | |
184 | } | |
185 | aside #nav li { | |
186 | display: inline-block; | |
187 | margin: 0 2px; | |
188 | } | |
189 | aside #nav li:not(:last-of-type):after { | |
190 | content: '/'; | |
191 | margin-left: 4px; | |
192 | } | |
193 | {block:IndexPage} | |
194 | @media screen and (max-width: 1200px) { | |
195 | #wrapper { | |
196 | width: 640px; | |
197 | } | |
198 | aside { | |
199 | left: calc(50% - 410px); | |
200 | } | |
201 | } | |
202 | @media screen and (max-width: 1420px) and (min-width: 1201px) { | |
203 | #wrapper { | |
204 | width: 860px; | |
205 | } | |
206 | aside { | |
207 | left: calc(50% - 520px); | |
208 | } | |
209 | } | |
210 | @media screen and (min-width: 1421px) { | |
211 | #wrapper { | |
212 | width: 1080px; | |
213 | } | |
214 | aside { | |
215 | left: calc(50% - 630px); | |
216 | } | |
217 | }{/block:IndexPage} | |
218 | #posts { | |
219 | padding-bottom: 60px; | |
220 | } | |
221 | #infscr-loading { | |
222 | position:absolute; | |
223 | margin-bottom:-40px; | |
224 | bottom:70px; | |
225 | width:200px; | |
226 | margin-left:50%; | |
227 | left:-100px; | |
228 | text-align:center; | |
229 | } | |
230 | article { | |
231 | width: 200px; | |
232 | margin-bottom: 20px; | |
233 | position: relative; | |
234 | } | |
235 | article.new-day { | |
236 | border-bottom: 1px solid #eaeaea; | |
237 | font-weight: bold; | |
238 | font-size: 9px; | |
239 | padding: 10px 0; | |
240 | width: 100%; | |
241 | text-transform: capitalize; | |
242 | } | |
243 | {block:DayPagination}article .day-pagination { | |
244 | float: right; | |
245 | font-size: 1.3em; | |
246 | margin-bottom: -3px; | |
247 | }{/block:DayPagination}{block:PermalinkPagination}article .perma-pagination { | |
248 | float: right; | |
249 | font-size: 1.3em; | |
250 | margin-bottom: -3px; | |
251 | }{/block:PermalinkPagination}{block:SearchPage}.search-results { | |
252 | float:right; | |
253 | } | |
254 | .new-day:not(.page-1) { | |
255 | display: none; | |
256 | }{/block:SearchPage}{block:TagPage} | |
257 | .new-day:not(.page-1) { | |
258 | display: none; | |
259 | }{/block:TagPage} | |
260 | .table { | |
261 | background: {color:Accent}; | |
262 | font-size: 9.5px; | |
263 | display: table; | |
264 | width: 100%; | |
265 | table-layout: fixed; | |
266 | } | |
267 | .table-cell { | |
268 | display: table-cell; | |
269 | vertical-align: middle; | |
270 | } | |
271 | {block:IndexPage} | |
272 | .table { | |
273 | height: 200px; | |
274 | } | |
275 | .table-cell { | |
276 | padding: 20px; | |
277 | padding-bottom: 40px; | |
278 | }{/block:IndexPage} | |
279 | article h2 { | |
280 | font-size: 9px; | |
281 | text-transform: uppercase; | |
282 | } | |
283 | article h2:not(.trackname) + * { | |
284 | margin-top: 10px; | |
285 | } | |
286 | blockquote.tumblr_parent:not(:last-of-type) { | |
287 | margin-bottom: 10px; | |
288 | } | |
289 | blockquote.tumblr_parent h2 { | |
290 | font-size: 1.1em; | |
291 | margin-top: 10px; | |
292 | } | |
293 | article a.tumblr_blog { | |
294 | font-weight: bold; | |
295 | } | |
296 | article a.tumblr_blog:before, | |
297 | article .answer .question:before, | |
298 | article .answer .response:before { | |
299 | content: ''; | |
300 | width: 5px; | |
301 | height: 5px; | |
302 | background-color: {color:Dark Accent}; | |
303 | border-radius: 50%; | |
304 | display: inline-block; | |
305 | margin-right: 5px; | |
306 | border-bottom: 0px; | |
307 | position: relative; | |
308 | top: -1px; | |
309 | } | |
310 | article a.tumblr_blog + p:not(:empty) { | |
311 | display: inline; | |
312 | margin-left: 3px; | |
313 | } | |
314 | blockquote.tumblr_parent a:not(.tumblr_blog), | |
315 | article .answer a:not(.tumblr_blog) { | |
316 | text-decoration: underline; | |
317 | } | |
318 | article blockquote > blockquote { | |
319 | border-left: 1px solid #000; | |
320 | margin: 5px; | |
321 | padding-left: 10px; | |
322 | } | |
323 | article ul, article ol { | |
324 | padding-left: 15px; | |
325 | margin: 5px; | |
326 | } | |
327 | article .quote cite { | |
328 | display: block; | |
329 | margin-top: 8px; | |
330 | } | |
331 | article .chat ul { | |
332 | list-style: none; | |
333 | padding: 0; | |
334 | margin: 0; | |
335 | } | |
336 | article .chat ul li:not(:last-of-type) { | |
337 | margin-bottom: 5px; | |
338 | } | |
339 | article .audio { | |
340 | text-align: center; | |
341 | } | |
342 | article .audio img { | |
343 | width: 60px; | |
344 | height: 60px; | |
345 | border-radius: 50%; | |
346 | margin-bottom: 10px; | |
347 | } | |
348 | article .audio .audio_player { | |
349 | width: 27px; | |
350 | overflow: hidden; | |
351 | margin: 0 auto; | |
352 | height: 27px; | |
353 | border-radius: 50%; | |
354 | margin-top: -54.5px; | |
355 | margin-bottom: 25px; | |
356 | opacity: 0.8; | |
357 | } | |
358 | article .video.table { | |
359 | text-align: center; | |
360 | } | |
361 | article .video .table-cell i { | |
362 | font-size: 2em; | |
363 | } | |
364 | article .video .table-cell b { | |
365 | display: block; | |
366 | text-transform: uppercase; | |
367 | font-size: 9px; | |
368 | margin-top: 10px; | |
369 | } | |
370 | article .answer cite { | |
371 | display: block; | |
372 | text-align: right; | |
373 | margin-top: 2px; | |
374 | margin-bottom: 10px; | |
375 | } | |
376 | article .answer .question b { | |
377 | margin-right: 2px; | |
378 | } | |
379 | article .answer .response b + p { | |
380 | display: inline; | |
381 | margin-left: 2px; | |
382 | } | |
383 | article.non-text-type .permalinks { | |
384 | position: absolute; | |
385 | top: 0; | |
386 | left: 0; | |
387 | width: 100%; | |
388 | height: 100%; | |
389 | background: rgba(0,0,0,0.9); | |
390 | color: #fff; | |
391 | z-index: 999; | |
392 | box-sizing: border-box; | |
393 | padding: 15px; | |
394 | opacity: 0; | |
395 | -webkit-transition: all 0.5s; | |
396 | transition: all 0.5s; | |
397 | } | |
398 | article.non-text-type:hover .permalinks { | |
399 | opacity: 1; | |
400 | -webkit-transition: all 0.5s; | |
401 | transition: all 0.5s; | |
402 | } | |
403 | article.non-text-type .permalinks a { | |
404 | color: #fff; | |
405 | } | |
406 | .custom-like-button { | |
407 | position: relative; | |
408 | cursor: pointer; | |
409 | display: inline-block; | |
410 | margin-right: 3px; | |
411 | } | |
412 | .like_button { | |
413 | position: absolute; | |
414 | top: 0; | |
415 | left: 0; | |
416 | right: 0; | |
417 | bottom: 0; | |
418 | width: 100%; | |
419 | height: 100%; | |
420 | opacity: 0; | |
421 | z-index: 10; | |
422 | } | |
423 | .like_button iframe { | |
424 | width: 100% !important; | |
425 | height: 100% !important; | |
426 | } | |
427 | .our_toggle { | |
428 | top: 0; | |
429 | left: 0; | |
430 | right: 0; | |
431 | bottom: 0; | |
432 | width: 10px; | |
433 | height: 10px; | |
434 | z-index: 1; | |
435 | -webkit-transition: all 0.2s ease-in-out; | |
436 | -moz-transition: all 0.2s ease-in-out; | |
437 | -o-transition: all 0.2s ease-in-out; | |
438 | transition: all 0.2s ease-in-out; | |
439 | } | |
440 | .like_button:hover + .our_toggle { | |
441 | color: {color:Dark Accent}; | |
442 | -webkit-transition: all 0.2s ease-in-out; | |
443 | -moz-transition: all 0.2s ease-in-out; | |
444 | -o-transition: all 0.2s ease-in-out; | |
445 | transition: all 0.2s ease-in-out; | |
446 | } | |
447 | .like_button.liked + .our_toggle .oi-heart:before { | |
448 | content: "\e098"; | |
449 | color: {color:Dark Accent}; | |
450 | } | |
451 | article.non-text-type .notecount { | |
452 | line-height: 20px; | |
453 | position: absolute; | |
454 | top: calc(50% - 10px); | |
455 | text-align: center; | |
456 | width: calc(100% - 30px); | |
457 | } | |
458 | article.non-text-type .buttons { | |
459 | position: absolute; | |
460 | bottom: 15px; | |
461 | right: 15px; | |
462 | font-size: 1.2em; | |
463 | } | |
464 | article.text-type .permalinks .time { | |
465 | display: none; | |
466 | } | |
467 | article.text-type .buttons { | |
468 | position: absolute; | |
469 | bottom: 15px; | |
470 | right: 20px; | |
471 | } | |
472 | article.text-type .notecount { | |
473 | position: absolute; | |
474 | bottom: 15px; | |
475 | left: 20px; | |
476 | font-size: 9px; | |
477 | font-weight: bold; | |
478 | } | |
479 | {block:PermalinkPage} | |
480 | #wrapper { | |
481 | width: 450px; | |
482 | } | |
483 | aside { | |
484 | left: calc(50% - 315px); | |
485 | } | |
486 | article { | |
487 | width: 450px; | |
488 | } | |
489 | ol.notes { | |
490 | list-style: none; | |
491 | padding: 0; | |
492 | margin: 0; | |
493 | background: {color:Accent}; | |
494 | padding: 20px; | |
495 | margin-top: -3px; | |
496 | } | |
497 | ol.notes blockquote { | |
498 | padding-left: 5px; | |
499 | margin: 5px; | |
500 | margin-left: 10px; | |
501 | border-left: 1px solid #000; | |
502 | line-height: 13px; | |
503 | } | |
504 | a.avatar_frame { | |
505 | float: right; | |
506 | margin-top: -1px; | |
507 | } | |
508 | img.avatar { | |
509 | border-radius: 50%; | |
510 | border: 1px solid #fff; | |
511 | background: #fff; | |
512 | } | |
513 | ol.notes a { | |
514 | font-weight: bold; | |
515 | font-size: 8.5px; | |
516 | text-transform: uppercase; | |
517 | } | |
518 | ol.notes blockquote a { | |
519 | font-size: 10px; | |
520 | font-weight: normal; | |
521 | text-transform: initial; | |
522 | } | |
523 | li.note { | |
524 | margin-top: 3px; | |
525 | line-height: 16px; | |
526 | border-top: 1px solid #eee; | |
527 | padding-top: 3px; | |
528 | } | |
529 | li.note .oi-repeat:before, | |
530 | li.note .oi-heart:before, | |
531 | li.note .oi-chat:before, | |
532 | li.note .oi-user:before { | |
533 | font-size: 1.2em; | |
534 | } | |
535 | li.note .oi-heart { | |
536 | margin-right: 4px; | |
537 | color: #a51c1c; | |
538 | } | |
539 | li.note .oi-chat, li.note .oi-user { | |
540 | margin-right: 4px; | |
541 | } | |
542 | .caption { | |
543 | background: {color:Accent}; | |
544 | padding: 20px; | |
545 | } | |
546 | .table { | |
547 | padding: 20px; | |
548 | height: 150px; | |
549 | box-sizing: border-box; | |
550 | } | |
551 | .perma-info { | |
552 | padding: 20px 20px 6px; | |
553 | background: {color:Accent}; | |
554 | font-weight: bold; | |
555 | text-transform: uppercase; | |
556 | font-size: 8.5px; | |
557 | } | |
558 | ul.tags { | |
559 | margin: 0; | |
560 | padding: 0; | |
561 | list-style: none; | |
562 | margin-bottom: 6px; | |
563 | padding-bottom: 4px; | |
564 | border-bottom: 1px solid #eaeaea; | |
565 | line-height: 1.6; | |
566 | } | |
567 | ul.tags li { | |
568 | display: inline-block; | |
569 | margin-right: 6px; | |
570 | } | |
571 | ul.tags li .oi-tags { | |
572 | font-size: 1.3em; | |
573 | } | |
574 | .via-src { | |
575 | display: inline-block; | |
576 | top: -4px; | |
577 | position: relative; | |
578 | float: right; | |
579 | } | |
580 | .via-src a { | |
581 | display: inline-block; | |
582 | } | |
583 | .via-src a + a { | |
584 | margin-left: -8px; | |
585 | } | |
586 | .via-src img { | |
587 | border-radius: 50%; | |
588 | border: 1px solid #fff; | |
589 | background: #fff; | |
590 | } | |
591 | .table + .caption { | |
592 | padding-top: 0px; | |
593 | } | |
594 | .caption + .perma-info { | |
595 | padding-top: 0px; | |
596 | } | |
597 | .table + .perma-info { | |
598 | padding-top: 0px; | |
599 | } | |
600 | .perma-info + .notes { | |
601 | padding-top: 0px; | |
602 | } | |
603 | .table .caption { | |
604 | padding: 0px; | |
605 | } | |
606 | .blank-page h2 { | |
607 | border-bottom: 1px solid #eaeaea; | |
608 | font-weight: bold; | |
609 | font-size: 9px; | |
610 | padding: 10px 0; | |
611 | margin-bottom: 20px; | |
612 | text-transform: capitalize; | |
613 | } | |
614 | .blank-page a { | |
615 | border-bottom: 1px solid rgba({RGBcolor:Dark Accent},0.8); | |
616 | } | |
617 | .blank-page p { | |
618 | margin: 8px 0; | |
619 | } | |
620 | .blank-page li:not(:last-of-type) { | |
621 | margin-bottom: 5px; | |
622 | } | |
623 | .blank-page blockquote { | |
624 | border-left: 2px solid #eaeaea; | |
625 | padding-left: 12px; | |
626 | margin-left: 10px; | |
627 | } | |
628 | {/block:PermalinkPage} | |
629 | </style> | |
630 | </head> | |
631 | <body> | |
632 | <div id="wrapper"> | |
633 | <aside> | |
634 | <h1>{Title}</h1> | |
635 | <img src="{image:Sidebar}"> | |
636 | {block:Description}<div id="desc"> | |
637 | {Description} | |
638 | </div>{/block:Description} | |
639 | {block:IfSearch}<div id="search"> | |
640 | <form action="/search" method="get"> | |
641 | <input type="text" name="q" value="{SearchQuery}"/> | |
642 | <input type="submit" value="Search"/> | |
643 | </form> | |
644 | </div>{/block:IfSearch} | |
645 | <ul id="nav"> | |
646 | <li><a href="/">home</a> | |
647 | <li><a href="/ask">contact</a> | |
648 | <li><a href="/archive">past</a> | |
649 | {block:HasPages}{block:Pages}<li><a href="{URL}">{Label}</a>{/block:Pages}{/block:HasPages} | |
650 | </ul> | |
651 | </aside> | |
652 | {block:SearchPage}<article class="new-day page-{CurrentPage}"> | |
653 | Displaying results for "{SearchQuery}" | |
654 | <div class="search-results"> | |
655 | {SearchResultCount} Result<span style="text-transform:lowercase">(s)</span> | |
656 | </div> | |
657 | </article>{/block:SearchPage}{block:TagPage}<article class="new-day page-{CurrentPage}"> | |
658 | Showing posts tagged with #{Tag} | |
659 | <span style="float:right"><a href="{TagURLChrono}">View chronologically</a></span> | |
660 | </article>{/block:TagPage} | |
661 | <div id="posts">{block:Posts}{block:NewDayDate}<article class="new-day" data-date="{DayOfWeek} {DayOfMonth}{DayofMonthSuffix} of {Month}"{block:SearchPage} style="display:none"{/block:SearchPage}{block:TagPage} style="display:none"{/block:TagPage}> | |
662 | <a href="/day/{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}/">{DayOfWeek} {DayOfMonth}{DayofMonthSuffix} of {Month}</a> | |
663 | {block:DayPagination}<div class="day-pagination"> | |
664 | {block:NextDayPage}<a href="{NextDayPage}" title="next day"><i class="oi-chevron-left"></i></a>{/block:NextDayPage} | |
665 | {block:PreviousDayPage}<a href="{PreviousDayPage}" title="previous day"><i class="oi-chevron-right"></i></a>{/block:PreviousDayPage} | |
666 | </div>{/block:DayPagination} | |
667 | {block:PermalinkPagination}<div class="perma-pagination"> | |
668 | {block:NextPost}<a href="{NextPost}" title="next post"><i class="oi-chevron-left"></i></a>{/block:NextPost} | |
669 | {block:PreviousPost}<a href="{PreviousPost}" title="previous post"><i class="oi-chevron-right"></i></a>{/block:PreviousPost} | |
670 | </div>{/block:PermalinkPagination} | |
671 | </article>{/block:NewDayDate} | |
672 | <article id="{PostID}" class="{block:Photo}non-{/block:Photo}{block:Photoset}non-{/block:Photoset}text-type"> | |
673 | {block:IndexPage}<div class="permalinks"> | |
674 | <div class="time"><a href="{Permalink}" target="_blank" >{12HourWithZero}:{Minutes}{CapitalAmPm}</a></div> | |
675 | <div class="notecount"><a href="{Permalink}" target="_blank"><span class="noted">{NoteCount}</span></a></div> | |
676 | <div class="buttons"> | |
677 | <div class="custom-like-button"> | |
678 | {LikeButton} | |
679 | <div class="our_toggle"><i class="oi-heart"></i></div> | |
680 | </div> | |
681 | <a href="{ReblogURL}" target="_blank"><i class="oi-refresh"></i></a> | |
682 | </div> | |
683 | </div>{/block:IndexPage} | |
684 | {block:Photo}<div class="photo"> | |
685 | {block:IndexPage}<img src="{PhotoURL-250}">{/block:IndexPage}{block:PermalinkPage}<img src="{PhotoURL-HighRes}">{/block:PermalinkPage} | |
686 | </div>{/block:Photo}{block:Photoset}<div class="photoset"> | |
687 | <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}"> | |
688 | {block:Photos}<div class="photo-data"> | |
689 | <div class="pxu-photo"> | |
690 | <img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"> | |
691 | </div> | |
692 | <a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a> | |
693 | </div>{/block:Photos} | |
694 | </div> | |
695 | </div>{/block:Photoset}{block:Text}<div class="text {block:Date}table x{/block:Date}blank-page"> | |
696 | <div{block:Date} class="table-cell"{/block:Date}> | |
697 | {block:Title}<h2>{Title}</h2>{/block:Title} | |
698 | <div class="caption"> | |
699 | {Body} | |
700 | </div> | |
701 | </div> | |
702 | </div>{/block:Text}{block:Quote}<div class="quote table"> | |
703 | <div class="table-cell"> | |
704 | <h2>{Quote}</h2> | |
705 | {block:Source}<cite>{Source}</cite>{/block:Source} | |
706 | </div> | |
707 | </div>{/block:Quote}{block:Chat}<div class="chat table"> | |
708 | <div class="table-cell"> | |
709 | {block:Title}<h2>{Title}</h2>{/block:Title} | |
710 | <ul> | |
711 | {block:Lines}<li>{block:Label}<b>{Label}</b> {/block:Label}{Line}{/block:Lines} | |
712 | </ul> | |
713 | </div> | |
714 | </div>{/block:Chat}{block:Link}<div class="link table"> | |
715 | <div class="table-cell"> | |
716 | <h2><i class="oi-link"></i> <a href="{URL}" class="linked-link">{Name}</a></h2> | |
717 | {block:Description}<div class="caption"> | |
718 | {Description} | |
719 | </div>{/block:Description} | |
720 | </div> | |
721 | </div>{/block:Link}{block:Audio}<div class="audio table"> | |
722 | <div class="table-cell"> | |
723 | {block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt} | |
724 | {block:AudioPlayer}{AudioPlayer}{/block:AudioPlayer} | |
725 | <h2 class="trackname"><span {block:TrackName}style="display:none;"{/block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}</h2> | |
726 | <p>by <span {block:Artist}style="display:none;"{/block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist} | |
727 | </div> | |
728 | </div>{/block:Audio}{block:Video}{block:IndexPage}<div class="video table"> | |
729 | <div class="table-cell"> | |
730 | <a href="{Permalink}"> | |
731 | <i class="oi-play"></i> | |
732 | <b>Video Post</b> | |
733 | </a> | |
734 | </div> | |
735 | </div>{/block:IndexPage}{block:PermalinkPage}<div class="video"> | |
736 | {Video-500} | |
737 | </div>{/block:PermalinkPage}{/block:Video}{block:Answer}<div class="answer table"> | |
738 | <div class="table-cell"> | |
739 | <div class="question"><b>Q: </b>{Question}</div> | |
740 | <cite>— asked by {Asker}</cite> | |
741 | <span class="response"><b>A:</b>{block:Answerer} {Answer}</span> | |
742 | <cite> — answered by {Answerer}</cite>{/block:Answerer} | |
743 | {block:Answerer}<div class="replies caption">{/block:Answerer} | |
744 | {Replies} | |
745 | {block:Answerer}</div>{/block:Answerer} | |
746 | </div> | |
747 | </div>{/block:Answer} | |
748 | {block:PermalinkPage} | |
749 | {block:Caption}<div class="caption"> | |
750 | {Caption} | |
751 | </div>{/block:Caption} | |
752 | <div class="{block:Date}p{/block:Date}erma-info"> | |
753 | {block:HasTags}<ul class="tags"> | |
754 | <li><i class="oi-tags"></i> | |
755 | {block:Tags}<li><a href="/{URLSafeTag}" target="_blank">#{Tag}</a>{/block:Tags} | |
756 | </ul>{/block:HasTags} | |
757 | {block:Date}{block:NotReblog}Posted{/block:NotReblog}{block:RebloggedFrom}Reblogged{/block:RebloggedFrom} at {12HourWithZero}:{Minutes}{CapitalAmPm} with {NoteCountWithLabel}{/block:Date} | |
758 | <div class="via-src"> | |
759 | {block:RebloggedFrom}<a href="{ReblogParentURL}" target="_blank" title="via"><img src="{ReblogParentPortraitURL-16}"></a> | |
760 | <a href="{ReblogRootURL}" target="_blank" title="source"><img src="{ReblogRootPortraitURL-16}"></a>{/block:RebloggedFrom} | |
761 | </div> | |
762 | </div> | |
763 | {block:PostNotes}{PostNotes}{/block:PostNotes} | |
764 | {/block:PermalinkPage} | |
765 | </article> | |
766 | {block:PermalinkPage}{block:ContentSource}<!-- {SourceURL} | |
767 | {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo} | |
768 | {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} --> | |
769 | {/block:ContentSource}{/block:PermalinkPage} | |
770 | {/block:Posts} | |
771 | </div> | |
772 | </div> | |
773 | {block:Pagination}<div class="pagination" style="visibility:hidden;"> | |
774 | {block:NextPage}<a href="{NextPage}" id="next-link">next</a>{/block:NextPage} | |
775 | </div>{/block:Pagination} | |
776 | {block:IndexPage}<script src="https://secure.static.tumblr.com/8pnyeus/RMDoagq6r/jquery.infinitescroll.min.js"></script> | |
777 | <script src="https://secure.static.tumblr.com/i5s2zks/0ILo8v362/masonry.pkgd.min.js"></script> | |
778 | <script src="https://secure.static.tumblr.com/iwtk77u/Yhym2yygt/jquery.imagesloaded.min.js"></script>{/block:IndexPage} | |
779 | <link href="https://dl.dropboxusercontent.com/s/hzclyl41cq3yzjk/style.css" rel="stylesheet" type="text/css"/> | |
780 | <script src="https://static.tumblr.com/yxfeliq/hHwojmt8m/bctphotoset.min.js"></script> | |
781 | <script src="https://secure.static.tumblr.com/wgg6svp/I8Yobwo15/unnest.min.js"></script> | |
782 | <script src="//static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script> | |
783 | <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script> | |
784 | <script src="http://static.tumblr.com/yxfeliq/L7honps15/healing.min.js"></script> | |
785 | <script> | |
786 | (function(){ | |
787 | $("[title],a[title],img[title]").style_my_tooltips({ | |
788 | tip_follows_cursor: true, | |
789 | tip_delay_time: 100, | |
790 | tip_fade_speed: 300, | |
791 | attribute: "title" | |
792 | }); | |
793 | $('.photo-slideshow').pxuPhotoset(pxuOptions); | |
794 | {block:IndexPage}$('article').unnest(unnestOptions);{/block:IndexPage}{block:PermalinkPage}{block:Date}$('article').unnest(unnestOptions);{/block:Date}{/block:PermalinkPage} | |
795 | $('.new-day').each(checkDate); | |
796 | $('.noted').digits(); | |
797 | $('.tumblr_blog').each(removeBlanks); | |
798 | $('.tumblr_blog').each(addColons); | |
799 | {block:PermalinkPage} | |
800 | $('li.note').each(changeNotes); | |
801 | $('li.like').prepend('<i class="oi-heart"></i>').addClass('likesAdded'); | |
802 | $('li.reply').not('.repliesAdded').prepend('<i class="oi-chat"></i>').addClass('repliesAdded'); | |
803 | $('li.original_post').not('.userAdded').prepend('<i class="oi-user"></i>').addClass('userAdded'); | |
804 | {/block:PermalinkPage} | |
805 | {block:IndexPage} | |
806 | var $tumblelog = $('#posts'); | |
807 | $tumblelog.imagesLoaded(function () { | |
808 | $tumblelog.masonry(masonryOptions); | |
809 | }); | |
810 | $tumblelog.infinitescroll( | |
811 | infScrollOptions, function( newElements ) { | |
812 | var $newElems = $( newElements ); | |
813 | var $newElemsIDs = $newElems.map(function () { | |
814 | return this.id; | |
815 | }).get(); | |
816 | $newElems.find('.photo-slideshow').pxuPhotoset(pxuOptions); | |
817 | $newElems.filter('.new-day').each(checkDate); | |
818 | $newElems.find('.noted').digits(); | |
819 | $newElems.unnest(unnestOptions); | |
820 | $newElems.find('.tumblr_blog').each(removeBlanks); | |
821 | $newElems.find('.tumblr_blog').each(addColons); | |
822 | $newElems.css({ opacity: 0, zIndex: -1 }); | |
823 | $newElems.imagesLoaded(function(){ | |
824 | $newElems.animate({ opacity: 1, zIndex: 1 }); | |
825 | $tumblelog.masonry( 'appended', $newElems ); | |
826 | }); | |
827 | resizeVideos(); | |
828 | Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs); | |
829 | }); | |
830 | {/block:IndexPage} | |
831 | })(); | |
832 | var fhs = document.createElement('script');var fhs_id = "5460277";var ref = (''+document.referrer+'');var pn = window.location;var w_h = window.screen.width + " x " + window.screen.height;fhs.src = "//s1.freehostedscripts.net/ocounter.php?site="+fhs_id+"&e1=&e2=&r="+ref+"&wh="+w_h+"&a=1&pn="+pn+"";document.head.appendChild(fhs);document.write("<span id='o_"+fhs_id+"' style='display:none'></span>"); | |
833 | {block:IndexPage} | |
834 | $(window).resize(function(){ | |
835 | $('#posts').masonry(); | |
836 | });{/block:IndexPage} | |
837 | </script> | |
838 | </body> | |
839 | </html> |