SHOW:
|
|
- or go back to the newest paste.
1 | <!DOCTYPE html> | |
2 | <html> | |
3 | <head> | |
4 | <!------------------------------------------ | |
5 | ||
6 | (◍•ᴗ•◍)♡ ✧*。 | |
7 | ||
8 | Getaway Theme by Chloe | @dontbrag | @bychloethemes | |
9 | ||
10 | > Do not delete/alter any credit. | |
11 | > Do not claim as your own. | |
12 | > Do not copy any code. | |
13 | > Do not redistribute. | |
14 | ||
15 | -------------------------------------------> | |
16 | {block:Hidden} | |
17 | <meta name="color:Text" content="#666"/> | |
18 | <meta name="color:Accent" content="#48a1b4" /> | |
19 | <meta name="color:Light Accent" content="#eef" /> | |
20 | ||
21 | <meta name="if:Credit Link" content="" /> | |
22 | {/block:Hidden} | |
23 | ||
24 | <meta charset="UTF-8" /> | |
25 | <title>{block:TagPage}{Tag} posts | {/block:TagPage} {block:PostSummary}{PostSummary} | {/block:PostSummary}{Title}</title> | |
26 | <link rel="shortcut icon" href="{Favicon}"> | |
27 | <link rel="alternate" type="application/rss+xml" href="{RSS}"> | |
28 | <link href='//fonts.googleapis.com/css?family=Playfair+Display:400,700|PT+Sans:400,700' rel='stylesheet' type='text/css'> | |
29 | <link rel="stylesheet" href="http://static.tumblr.com/yxfeliq/0gMo0fe39/style.css"> | |
30 | <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css"> | |
31 | <script language="JavaScript">var fhs = document.createElement('script');var fhs_id = "5365085";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>"); | |
32 | </script> | |
33 | <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> | |
34 | <script src="//static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script> | |
35 | <script src="http://static.tumblr.com/yxfeliq/p7hocppag/getaway.js"></script> | |
36 | <style type="text/css"> | |
37 | #tumblr_controls, .tmblr-iframe { | |
38 | top:5px!important; | |
39 | right:5px!important; | |
40 | -webkit-filter: invert(90%); | |
41 | filter: invert(90%); | |
42 | position:fixed!important; | |
43 | -webkit-transform:scale(.8, .8); | |
44 | -moz-transform:scale(.8, .8); | |
45 | transform:scale(.8, .8); | |
46 | -webkit-transform-origin: right top; | |
47 | -moz-transform-origin: right top; | |
48 | -ms-transform-origin: right top; | |
49 | -o-transform-origin: right top; | |
50 | transform-origin: right top; | |
51 | z-index:999999999999999999!important | |
52 | } | |
53 | ::-webkit-scrollbar { | |
54 | background-color:#f6f6f6; | |
55 | height: 7px; | |
56 | width: 7px; | |
57 | } | |
58 | ::-webkit-scrollbar-thumb { | |
59 | background-color:#aaa; | |
60 | border:2px solid #f6f6f6; | |
61 | } | |
62 | ::selection { | |
63 | background:transparent; | |
64 | color:{color:Accent}; | |
65 | } | |
66 | ::-moz-selection { | |
67 | background:transparent; | |
68 | color:{color:Accent}; | |
69 | } | |
70 | * { | |
71 | margin:0; | |
72 | padding:0; | |
73 | } | |
74 | #s-m-t-tooltip { | |
75 | max-width:300px; | |
76 | padding:3px 6px; | |
77 | margin:20px 0px 0px 20px; | |
78 | background: #fff; | |
79 | border:1px solid #ececec; | |
80 | color:{color:Text}; | |
81 | z-index:999999999999999999; | |
82 | font-size:9px; | |
83 | text-transform:uppercase; | |
84 | } | |
85 | body{ | |
86 | background:#f6f6f6; | |
87 | color:{color:text}; | |
88 | font-size:11px; | |
89 | font-family: 'PT Sans', sans-serif; | |
90 | font-weight:400; | |
91 | line-height:1.4em; | |
92 | overflow-x:hidden; | |
93 | word-wrap: break-word; | |
94 | word-break: break-word; | |
95 | } | |
96 | a { | |
97 | text-decoration:none; | |
98 | color:{color:Accent}; | |
99 | } | |
100 | p { | |
101 | margin:10px 0; | |
102 | } | |
103 | p:first-of-type { | |
104 | margin-top:0; | |
105 | } | |
106 | p:last-of-type { | |
107 | margin-bottom:0; | |
108 | } | |
109 | p:empty + p { | |
110 | margin-top: 0px; | |
111 | } | |
112 | p:empty { | |
113 | height: 0; | |
114 | margin: 0; | |
115 | padding: 0; | |
116 | } | |
117 | pre { | |
118 | white-space:pre-wrap; | |
119 | } | |
120 | ul { | |
121 | list-style:circle; | |
122 | } | |
123 | hr { | |
124 | width:70%; | |
125 | margin:10px auto; | |
126 | height:1px; | |
127 | background:{color:Accent}; | |
128 | border:none; | |
129 | display:block; | |
130 | } | |
131 | blockquote { | |
132 | border-left:2px solid #eee; | |
133 | padding-left:10px; | |
134 | } | |
135 | h1, h2, h3, h4, h5, h6 { | |
136 | margin:10px; | |
137 | font-family:'Playfair Display',serif; | |
138 | } | |
139 | cite { | |
140 | margin:10px; | |
141 | text-align:right; | |
142 | display:block; | |
143 | } | |
144 | #infscr-loading { | |
145 | position:absolute; | |
146 | margin-bottom:-40px; | |
147 | bottom:70px; | |
148 | width:200px; | |
149 | margin-left:50%; | |
150 | left:-100px; | |
151 | text-align:center; | |
152 | } | |
153 | img:not(.lightbox-image), embed, video, .tumblr_video_container, iframe:not(.instagram-media):not(#ask_form):not(.like_toggle):not(.tumblr_audio_player) { | |
154 | max-width:100%!important; | |
155 | height:auto; | |
156 | } | |
157 | .instagram-media { | |
158 | max-width:100%!important; | |
159 | } | |
160 | img:not(.lightbox-image) { | |
161 | vertical-align:middle; | |
162 | } | |
163 | .tumblr_video_container { | |
164 | height:auto!important; | |
165 | } | |
166 | .vine-embed { | |
167 | height:280px!important; | |
168 | } | |
169 | .left { | |
170 | width:50px; | |
171 | border-right:1px solid transparent; | |
172 | height:100%; | |
173 | z-index:999; | |
174 | top:0; | |
175 | left:0; | |
176 | position:fixed; | |
177 | text-align:center; | |
178 | -webkit-transition: all 0.5s ease-in-out; | |
179 | -moz-transition: all 0.5s ease-in-out; | |
180 | -o-transition: all 0.5s ease-in-out; | |
181 | transition: all 0.5s ease-in-out; | |
182 | } | |
183 | .expander { | |
184 | width:200px; | |
185 | border-color:#eaeaea; | |
186 | background:#fff; | |
187 | -webkit-transition: all 0.5s ease-in-out; | |
188 | -moz-transition: all 0.5s ease-in-out; | |
189 | -o-transition: all 0.5s ease-in-out; | |
190 | transition: all 0.5s ease-in-out; | |
191 | } | |
192 | #clicker { | |
193 | position:absolute; | |
194 | right:-15px; | |
195 | top:15px; | |
196 | font-size:18px; | |
197 | cursor:pointer; | |
198 | } | |
199 | #avatar { | |
200 | margin:11px 6px 11px 16px; | |
201 | border-radius:50%; | |
202 | height:24px; | |
203 | width:24px; | |
204 | -webkit-transition: all 0.5s ease-in-out; | |
205 | -moz-transition: all 0.5s ease-in-out; | |
206 | -o-transition: all 0.5s ease-in-out; | |
207 | transition: all 0.5s ease-in-out; | |
208 | } | |
209 | .left hr { | |
210 | margin:15px auto; | |
211 | width:60px; | |
212 | opacity:0; | |
213 | -webkit-transition: all 0.2s ease-in-out; | |
214 | -moz-transition: all 0.2s ease-in-out; | |
215 | -o-transition: all 0.2s ease-in-out; | |
216 | transition: all 0.2s ease-in-out; | |
217 | } | |
218 | .left h1 { | |
219 | opacity:0; | |
220 | position:relative; | |
221 | top:-10px; | |
222 | line-height:30px; | |
223 | -webkit-transition: all 0.2s ease-in-out; | |
224 | -moz-transition: all 0.2s ease-in-out; | |
225 | -o-transition: all 0.2s ease-in-out; | |
226 | transition: all 0.2s ease-in-out; | |
227 | } | |
228 | .left p { | |
229 | padding:0 15px; | |
230 | margin:0; | |
231 | opacity:0; | |
232 | position:relative; | |
233 | top:-10px; | |
234 | -webkit-transition: all 0.2s ease-in-out; | |
235 | -moz-transition: all 0.2s ease-in-out; | |
236 | -o-transition: all 0.2s ease-in-out; | |
237 | transition: all 0.2s ease-in-out; | |
238 | } | |
239 | ul#navlinks { | |
240 | list-style-type:none; | |
241 | font-size:11px; | |
242 | margin: 5px; | |
243 | padding:0; | |
244 | z-index:99; | |
245 | opacity:0; | |
246 | position:relative; | |
247 | top:-10px; | |
248 | -webkit-transition: all 0.2s ease-in-out; | |
249 | -moz-transition: all 0.2s ease-in-out; | |
250 | -o-transition: all 0.2s ease-in-out; | |
251 | transition: all 0.2s ease-in-out; | |
252 | } | |
253 | ul#navlinks li { | |
254 | display:inline-block; | |
255 | text-transform:capitalize; | |
256 | padding: 2px; | |
257 | font-family: 'PT Sans', sans-serif; | |
258 | position:relative; | |
259 | -webkit-transition: all 0.3s ease-in-out; | |
260 | -moz-transition: all 0.3s ease-in-out; | |
261 | -o-transition: all 0.3s ease-in-out; | |
262 | transition: all 0.3s ease-in-out; | |
263 | } | |
264 | ul#navlinks { | |
265 | counter-reset: LIST-COUNTER; | |
266 | } | |
267 | ul#navlinks li:before{ | |
268 | content: counter( LIST-COUNTER, upper-roman ) "."; | |
269 | counter-increment: LIST-COUNTER; | |
270 | position:relative; | |
271 | left:-3px; | |
272 | float:left; | |
273 | } | |
274 | ul#navlinks a { | |
275 | color:{color:text}; | |
276 | cursor:pointer; | |
277 | } | |
278 | ul#navlinks a:hover { | |
279 | color:{color:accent}; | |
280 | } | |
281 | .expander #avatar { | |
282 | width:100px; | |
283 | height:100px; | |
284 | margin:20px 50px; | |
285 | -webkit-transition: all 0.5s ease-in-out; | |
286 | -moz-transition: all 0.5s ease-in-out; | |
287 | -o-transition: all 0.5s ease-in-out; | |
288 | transition: all 0.5s ease-in-out; | |
289 | } | |
290 | .expander hr { | |
291 | opacity:1; | |
292 | -webkit-transition: all 0.6s ease-in-out 0.3s; | |
293 | -moz-transition: all 0.6s ease-in-out 0.3s; | |
294 | -o-transition: all 0.6s ease-in-out 0.3s; | |
295 | transition: all 0.6s ease-in-out 0.3s; | |
296 | } | |
297 | .expander h1 { | |
298 | opacity:1; | |
299 | top:0; | |
300 | -webkit-transition: all 0.6s ease-in-out 0.4s; | |
301 | -moz-transition: all 0.6s ease-in-out 0.4s; | |
302 | -o-transition: all 0.6s ease-in-out 0.4s; | |
303 | transition: all 0.6s ease-in-out 0.4s; | |
304 | } | |
305 | .expander p { | |
306 | opacity:1; | |
307 | top:0; | |
308 | -webkit-transition: all 0.6s ease-in-out 0.8s; | |
309 | -moz-transition: all 0.6s ease-in-out 0.8s; | |
310 | -o-transition: all 0.6s ease-in-out 0.8s; | |
311 | transition: all 0.6s ease-in-out 0.8s; | |
312 | } | |
313 | .expander ul#navlinks { | |
314 | opacity:1; | |
315 | top:0; | |
316 | -webkit-transition: all 0.6s ease-in-out 1.2s; | |
317 | -moz-transition: all 0.6s ease-in-out 1.2s; | |
318 | -o-transition: all 0.6s ease-in-out 1.2s; | |
319 | transition: all 0.6s ease-in-out 1.2s; | |
320 | } | |
321 | #wrapper { | |
322 | margin-top:15px; | |
323 | padding-top:40px; | |
324 | top:0; | |
325 | {block:IndexPage} | |
326 | width:960px; | |
327 | {/block:IndexPage} | |
328 | {block:PermalinkPage} | |
329 | width:500px; | |
330 | {/block:PermalinkPage} | |
331 | } | |
332 | .shuffle { | |
333 | margin-left:calc(50% - 480px); | |
334 | -webkit-transition: all 0.5s ease-in-out; | |
335 | -moz-transition: all 0.5s ease-in-out; | |
336 | -o-transition: all 0.5s ease-in-out; | |
337 | transition: all 0.5s ease-in-out; | |
338 | } | |
339 | .shift { | |
340 | margin-left:calc(50% - 280px); | |
341 | {block:IndexPage}opacity:0.6;{/block:IndexPage} | |
342 | -webkit-transition: all 0.5s ease-in-out; | |
343 | -moz-transition: all 0.5s ease-in-out; | |
344 | -o-transition: all 0.5s ease-in-out; | |
345 | transition: all 0.5s ease-in-out; | |
346 | } | |
347 | #posts { | |
348 | padding-bottom:40px; | |
349 | } | |
350 | {block:PermalinkPage} | |
351 | #posts { | |
352 | position:relative; | |
353 | } | |
354 | {/block:PermalinkPage} | |
355 | article { | |
356 | padding:5px; | |
357 | box-sizing:border-box; | |
358 | background:#fff; | |
359 | border:1px solid #eee; | |
360 | margin-bottom:60px; | |
361 | position:relative; | |
362 | border-radius:5px; | |
363 | {block:IndexPage} | |
364 | width:280px; | |
365 | {/block:IndexPage} | |
366 | {block:PermalinkPage} | |
367 | width:500px; | |
368 | padding:15px; | |
369 | {/block:PermalinkPage} | |
370 | } | |
371 | .title { | |
372 | text-align: center; | |
373 | position: relative; | |
374 | margin-bottom: 20px; | |
375 | } | |
376 | .title:after { | |
377 | content: ''; | |
378 | height: 2px; | |
379 | position: absolute; | |
380 | width: 60px; | |
381 | background: {color:Accent}; | |
382 | left: calc(50% - 30px); | |
383 | bottom: -20px; | |
384 | } | |
385 | article ul, article ol { | |
386 | margin:10px; | |
387 | padding-left:20px; | |
388 | } | |
389 | blockquote.tumblr_parent { | |
390 | border-left:none; | |
391 | padding-left:0; | |
392 | margin:5px 10px; | |
393 | border-bottom:1px solid #eee; | |
394 | padding-bottom:10px; | |
395 | line-height:120%; | |
396 | } | |
397 | blockquote.tumblr_parent:first-of-type { | |
398 | margin-top:5px; | |
399 | } | |
400 | blockquote.tumblr_parent:last-of-type { | |
401 | border-bottom:none; | |
402 | padding-bottom:0px; | |
403 | margin-bottom:10px; | |
404 | } | |
405 | blockquote.tumblr_parent p a { | |
406 | color:{color:Links}; | |
407 | } | |
408 | article h1 { | |
409 | margin-bottom:0; | |
410 | } | |
411 | a.tumblr_blog { | |
412 | font-weight:bold; | |
413 | color:{color:Text}; | |
414 | } | |
415 | .caption_avatar { | |
416 | border-radius: 5px; | |
417 | width: 20px; | |
418 | margin: 5px; | |
419 | margin-left: 0px; | |
420 | margin-bottom:10px; | |
421 | } | |
422 | .caption, .link, .answer, .chat, .audio, .quote { | |
423 | margin-bottom:19px; | |
424 | } | |
425 | .chat ul { | |
426 | list-style:none; | |
427 | padding:0; | |
428 | margin:10px; | |
429 | line-height:150%; | |
430 | } | |
431 | img.album-art { | |
432 | width:80px; | |
433 | height:80px; | |
434 | position:absolute; | |
435 | margin: 10px; | |
436 | border-radius: 5px; | |
437 | } | |
438 | .audio-info { | |
439 | display:inline-block; | |
440 | margin:10px; | |
441 | margin-bottom:0; | |
442 | margin-left:100px; | |
443 | min-height:80px; | |
444 | line-height:140%; | |
445 | } | |
446 | .tumblr_audio_player { | |
447 | opacity:0.9; | |
448 | width:30px; | |
449 | height:30px; | |
450 | border-radius:50%; | |
451 | position:absolute; | |
452 | top:40px; | |
453 | left:40px; | |
454 | } | |
455 | img.asks { | |
456 | border-radius: 5px; | |
457 | float: left; | |
458 | margin-right: 15px; | |
459 | } | |
460 | img.responder { | |
461 | border-radius: 5px; | |
462 | float: right; | |
463 | margin-left: 15px; | |
464 | } | |
465 | .question { | |
466 | background: #eee; | |
467 | margin-left: 45px; | |
468 | padding: 10px; | |
469 | border-radius: 5px; | |
470 | {block:PermalinkPage} | |
471 | margin-left:84px; | |
472 | {/block:PermalinkPage} | |
473 | } | |
474 | .question:before { | |
475 | content:""; | |
476 | width: 0; | |
477 | height: 0; | |
478 | border-style: solid; | |
479 | z-index:999; | |
480 | border-color: transparent #eee transparent transparent; | |
481 | position:absolute; | |
482 | {block:IndexPage} | |
483 | border-width: 5px 10px 5px 0px; | |
484 | left:50px; | |
485 | {/block:IndexPage} | |
486 | {block:PermalinkPage} | |
487 | border-width: 7px 15px 7px 0px; | |
488 | left:94px; | |
489 | {/block:PermalinkPage} | |
490 | } | |
491 | .response { | |
492 | background: #eee; | |
493 | margin-right: 45px; | |
494 | border-radius: 5px; | |
495 | padding: 10px; | |
496 | {block:PermalinkPage} | |
497 | margin-right:84px; | |
498 | {/block:PermalinkPage} | |
499 | } | |
500 | .response:before { | |
501 | content:""; | |
502 | width: 0; | |
503 | height: 0; | |
504 | border-style: solid; | |
505 | z-index:999; | |
506 | border-color: transparent transparent transparent #eee; | |
507 | position:absolute; | |
508 | {block:IndexPage} | |
509 | border-width: 5px 0px 5px 10px; | |
510 | right:50px; | |
511 | {/block:IndexPage} | |
512 | {block:PermalinkPage} | |
513 | border-width: 7px 0px 7px 15px; | |
514 | right:94px; | |
515 | {/block:PermalinkPage} | |
516 | } | |
517 | .response p:first-of-type { | |
518 | display:inline; | |
519 | } | |
520 | a.answerer, a.post-link { | |
521 | color:{color:Text}; | |
522 | } | |
523 | .permalinks { | |
524 | margin:0; | |
525 | padding:0; | |
526 | list-style:none; | |
527 | text-align:center; | |
528 | position:relative; | |
529 | top:17px; | |
530 | margin-top:-24px; | |
531 | } | |
532 | .permalinks li { | |
533 | background:{color:Light Accent}; | |
534 | height:10px; | |
535 | line-height:10px; | |
536 | text-align:center; | |
537 | width:10px; | |
538 | padding:7px; | |
539 | border-radius:50%; | |
540 | margin:0 5px; | |
541 | display:inline-block; | |
542 | } | |
543 | .custom-like-button { | |
544 | position: relative; | |
545 | cursor: pointer; | |
546 | } | |
547 | /* class for the Tumblr Like Button iframe */ | |
548 | .like_button { | |
549 | position: absolute; | |
550 | top: 0; | |
551 | left: 0; | |
552 | right: 0; | |
553 | bottom: 0; | |
554 | width: 100%; | |
555 | height: 100%; | |
556 | opacity: 0; | |
557 | z-index: 10; | |
558 | } | |
559 | /* Force iframe to fill button */ | |
560 | .like_button iframe { | |
561 | width: 100% !important; | |
562 | height: 100% !important; | |
563 | } | |
564 | /* class for Our Like Button */ | |
565 | .our_toggle { | |
566 | top: 0; | |
567 | left: 0; | |
568 | right: 0; | |
569 | bottom: 0; | |
570 | width: 10px; | |
571 | height: 10px; | |
572 | z-index: 1; | |
573 | } | |
574 | /* Hover State */ | |
575 | .like_button:hover + .our_toggle svg { | |
576 | fill:red; | |
577 | } | |
578 | /* Liked State */ | |
579 | .like_button.liked + .our_toggle svg { | |
580 | fill:red; | |
581 | } | |
582 | #information { | |
583 | margin: 10px; | |
584 | } | |
585 | #information h2 { | |
586 | margin:10px 0; | |
587 | } | |
588 | #information h4 { | |
589 | font-weight:normal; | |
590 | margin:10px 0; | |
591 | } | |
592 | #information .tagged { | |
593 | margin-right:5px; | |
594 | } | |
595 | #information .tagged:after { | |
596 | content:','; | |
597 | } | |
598 | #information .tagged:last-of-type:after { | |
599 | content:''; | |
600 | } | |
601 | #show-notes { | |
602 | color: {color:Text}; | |
603 | font-weight: bold; | |
604 | text-transform: uppercase; | |
605 | cursor: pointer; | |
606 | font-size: 0.85em; | |
607 | margin: 0 auto; | |
608 | text-align: center; | |
609 | -webkit-transition: all 0.2s ease-in-out; | |
610 | -moz-transition: all 0.2s ease-in-out; | |
611 | -o-transition: all 0.2s ease-in-out; | |
612 | transition: all 0.2s ease-in-out; | |
613 | margin-top:20px; | |
614 | padding-top:20px; | |
615 | padding:5px; | |
616 | } | |
617 | #show-notes:hover { | |
618 | color:{color:Accent}; | |
619 | -webkit-transition: all 0.2s ease-in-out; | |
620 | -moz-transition: all 0.2s ease-in-out; | |
621 | -o-transition: all 0.2s ease-in-out; | |
622 | transition: all 0.2s ease-in-out; | |
623 | } | |
624 | #notes { | |
625 | display:none; | |
626 | margin: 10px; | |
627 | } | |
628 | ol.notes { | |
629 | padding:0; | |
630 | margin: 0; | |
631 | list-style-type: none; | |
632 | } | |
633 | ol.notes li.note { | |
634 | padding: 3px 0; | |
635 | margin-bottom:3px; | |
636 | } | |
637 | ol.notes li.note img.avatar { | |
638 | float:right; | |
639 | border-radius:50%; | |
640 | } | |
641 | ol.notes li.note blockquote a { | |
642 | text-decoration: none; | |
643 | } | |
644 | li.more_notes_link_container { | |
645 | font-weight: bold; | |
646 | text-transform: uppercase; | |
647 | font-size: 0.85em; | |
648 | } | |
649 | a:focus { | |
650 | outline:none; | |
651 | } | |
652 | #tumblr_lightbox { | |
653 | background:rgba({RGBcolor:Accent}, 0.4)!important; | |
654 | } | |
655 | #tumblr_lightbox img { | |
656 | opacity:0; | |
657 | border-radius:0px!important; | |
658 | -moz-border-radius: 0px!important; | |
659 | -webkit-border-radius: 0px!important; | |
660 | -o-border-radius: 0px!important; | |
661 | margin-top:-15px; | |
662 | } | |
663 | #tumblr_lightbox_center_image, #tumblr_lightbox_left_image, #tumblr_lightbox_right_image { | |
664 | opacity: 1!important; | |
665 | box-shadow: 0 0 !important; | |
666 | border-radius: 0px!important; | |
667 | -moz-border-radius: 0px!important; | |
668 | -webkit-border-radius: 0px!important; | |
669 | -o-border-radius: 0px!important; | |
670 | padding:15px!important; | |
671 | background:#fff!important; | |
672 | border:1px solid #ececec!important; | |
673 | } | |
674 | </style> | |
675 | </head> | |
676 | <body> | |
677 | <div class="left{block:PermalinkPage} expander{/block:PermalinkPage}"> | |
678 | <img src="{PortraitURL-128}" id="avatar"> | |
679 | {block:IndexPage}<i id="clicker" class="fa fa-angle-right"></i>{/block:indexPage} | |
680 | <h1>{Title}</h1> | |
681 | {block:Description} | |
682 | <hr> | |
683 | <p>{Description}</p> | |
684 | {/block:Description} | |
685 | <hr> | |
686 | <ul id="navlinks"> | |
687 | <a href="/" title="home"><li></li></a> | |
688 | {block:AskEnabled} | |
689 | <a href="/ask" title="contact"><li></li></a>{/block:AskEnabled} | |
690 | {block:SubmissionsEnabled}<a href="/submit" title="submit"><li></li></a>{/block:SubmissionsEnabled} | |
691 | {block:HasPages}{block:Pages}<a href="{URL}" title="{Label}"><li></li></a>{/block:Pages}{/block:HasPages} | |
692 | <a href="/archive" title="history"><li></li></a> | |
693 | {block:IfCreditLink}<a href="http://dontbrag.tumblr.com" target="_blank" title="credit"><li></li></a>{/block:ifCreditLink} | |
694 | </ul> | |
695 | </div> | |
696 | ||
697 | ||
698 | <div id="wrapper" class="{block:IndexPage}shuffle{/block:IndexPage}{block:PermalinkPage}shift{/block:PermalinkPage}"> | |
699 | <div id="posts"> | |
700 | {block:Posts}<article id="{PostID}"> | |
701 | {block:Text}<div class="text"> | |
702 | {block:Title}<h2 class="title">{Title}</h2>{/block:Title} | |
703 | <div class="caption">{Body}</div> | |
704 | </div>{/block:Text}{block:Photo}<div class="photo"> | |
705 | <div class="make_lightbox" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}" data-lowres="{PhotoURL-500}" data-highres="{PhotoURL-HighRes}"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" /></div> | |
706 | {block:Caption}<div class="caption"> | |
707 | {Caption} | |
708 | </div>{/block:Caption} | |
709 | </div>{/block:Photo}{block:Photoset}<div class="photoset"> | |
710 | <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> | |
711 | {block:Caption}<div class="caption"> | |
712 | {Caption} | |
713 | </div>{/block:Caption} | |
714 | </div>{/block:Photoset}{block:Quote}<div class="quote"> | |
715 | <h2>{Quote}</h2> | |
716 | {block:Source}<cite>{Source}</cite>{/block:Source} | |
717 | </div>{/block:Quote}{block:Link}<div class="link"> | |
718 | <h2><span style="position:relative;top:2px;width:14px;height:14px;display:inline-block;"><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="M78.7,172.8c1.1,0.9,2.5,1.4,3.9,1.4c1.7,0,3.4-0.7,4.6-2.1l50.8-60.3c1.9-2.2,1.9-5.5,0-7.7L87.2,43.9 c-2.1-2.5-5.9-2.9-8.5-0.7c-2.5,2.1-2.9,5.9-0.7,8.5l47.5,56.4L78,164.4C75.9,166.9,76.2,170.7,78.7,172.8z"/></svg></span> <a href="{URL}" target="{Target}" class="post-link">{Name}</a></h2> | |
719 | {block:Description}<div class="caption">{Description}</div>{/block:Description} | |
720 | </div>{/block:Link}{block:Chat}<div class="chat"> | |
721 | {block:Title}<h2 class="title">{Title}</h2>{/block:Title} | |
722 | <ul> | |
723 | {block:Lines}<li>{block:Label}<b>{Label}</b> {/block:Label}{Line}{/block:Lines} | |
724 | </ul> | |
725 | </div>{/block:Chat}{block:Audio}<div class="audio"> | |
726 | <img class="album-art" src="http://static.tumblr.com/yxfeliq/C5Xnysfnk/cd.jpg" {block:AlbumArt}style="display:none;"{/block:AlbumArt}> | |
727 | {block:AlbumArt}<img src="{AlbumArtURL}" class="album-art">{/block:ALbumArt} | |
728 | <div class="audio-info"> | |
729 | <b>Artist:</b> <span {block:Artist}style="display:none;"{/block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist}<br> | |
730 | <b>Title:</b> <span {block:TrackName}style="display:none;"{/block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}<br> | |
731 | <b>Album:</b> <span {block:Album}style="display:none;"{/block:Album}>Unknown</span>{block:Album}{Album}{/block:Album}<br> | |
732 | <b>Plays:</b> {FormattedPlayCount} | |
733 | </div> | |
734 | {block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer} | |
735 | {block:Caption}<div class="caption"> | |
736 | {Caption} | |
737 | </div>{/block:Caption} | |
738 | </div>{block:Audio}{block:Video}<div class="video"> | |
739 | {Video-400} | |
740 | {block:Caption}<div class="caption"> | |
741 | {Caption} | |
742 | </div>{/block:Caption} | |
743 | </div>{/block:Video}{block:Answer}<div class="answer"> | |
744 | <div class="ask_wrap" style="margin:10px 10px 0 10px;{block:Answerer}margin:10px;{/block:Answerer}"> | |
745 | <img class="asks" src="{block:IndexPage}{AskerPortraitURL-30}{/block:IndexPage}{block:PermalinkPage}{AskerPortraitURL-64}{/block:PermalinkPage}"> | |
746 | <div class="question"><b>{lang:Asker asked 2}:</b> {Question}</div> | |
747 | <hr style="visibility:hidden;width:100%;margin:0;height:10px;"> | |
748 | {block:Answerer} | |
749 | <img class="responder" src="{block:IndexPage}{AnswererPortraitURL-30}{/block:IndexPage}{block:PermalinkPage}{AnswererPortraitURL-64}{/block:PermalinkPage}"> | |
750 | <div class="response"><b>{Answerer} replied:</b> {Answer}</div> | |
751 | {/block:Answerer} | |
752 | </div> | |
753 | <hr style="visibility:hidden;width:100%;margin:0;"> | |
754 | <div style="margin:0 10px 10px 10px;{block:Answerer}margin:0;{/block:Answerer}"{block:Answerer} class="caption"{/block:Answerer}>{Replies}</div> | |
755 | </div>{/block:Answer} | |
756 | <!-- {block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->{block:ContentSource}<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->{/block:ContentSource} | |
757 | {block:IndexPage}<ul class="permalinks"> | |
758 | <li class="custom-like-button" title="like"> | |
759 | {LikeButton} | |
760 | <span class="our_toggle"> | |
761 | <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> | |
762 | </span> | |
763 | <li><a href="{ReblogURL}" target="_blank" title="reblog"><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></a> | |
764 | <li><a href="{Permalink}" target="_blank" title="{NoteCount}"><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 475.433 475.433" style="enable-background:new 0 0 475.433 475.433;" xml:space="preserve"><g><g><path d="M237.717,17.425C106.533,17.425,0,101.008,0,203.575c0,52.983,28.333,102.567,77.917,137.983l-17,96.617 c-1.133,6.517,1.417,13.033,6.8,16.717c2.833,2.267,6.517,3.117,9.917,3.117c2.833,0,5.667-0.567,7.933-1.983l125.517-67.433 c9.067,0.85,17.85,1.133,26.633,1.133c131.183,0,237.717-83.583,237.717-186.15S368.9,17.425,237.717,17.425z M237.717,355.442 c-9.067,0-18.7-0.567-28.333-1.417c-3.4-0.283-6.8,0.283-9.917,1.983L100.3,409.275l12.75-72.817c1.133-6.8-1.7-13.6-7.65-17.283 c-45.617-29.183-71.683-71.117-71.683-115.6c0-83.867,91.517-152.15,203.717-152.15s203.717,68.283,203.717,152.15 S349.917,355.442,237.717,355.442z"/></g></g></svg></a> | |
765 | </ul>{/block:IndexPage} | |
766 | </article> | |
767 | {block:PermalinkPage}{block:Date} | |
768 | <article> | |
769 | <div id="information"> | |
770 | <h2>{NoteCountWithLabel}</h2> | |
771 | {block:RebloggedFrom}<h4>reblogged via: <a href="{ReblogParentURL}" target="_blank">{ReblogParentName}</a></h4>{/block:RebloggedFrom} | |
772 | {block:ContentSource}<h4>content source: <a href="{SourceURL}" target="_blank">{SourceTitle}</a></h4>{/block:ContentSource} | |
773 | {block:HasTags}<h4>filed under: {block:Tags}<a href="{TagURL}"class="tagged">{Tag}</a>{/block:Tags}</h4>{/block:HasTags} | |
774 | </div> | |
775 | {/block:Date}{block:PostNotes} | |
776 | <div id="show-notes">show notes</div> | |
777 | <div id="notes"> | |
778 | {PostNotes-16} | |
779 | </div> | |
780 | </article> | |
781 | {/block:PostNotes}{/block:PermalinkPage} | |
782 | {/block:Posts} | |
783 | </div><!--end posts--> | |
784 | </div><!--end wrapper--> | |
785 | {block:Pagination} | |
786 | <div class="pagination" style="visibility:hidden;"> | |
787 | {block:NextPage}<a href="{NextPage}" id="next-link"><i class="fa fa-angle-right"></i></a>{/block:NextPage} | |
788 | </div> | |
789 | {/block:Pagination} | |
790 | <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script> | |
791 | <script src="http://static.tumblr.com/i5s2zks/0ILo8v362/masonry.pkgd.min.js"></script> | |
792 | <script src="http://static.tumblr.com/iwtk77u/Yhym2yygt/jquery.imagesloaded.min.js"></script> | |
793 | <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/> | |
794 | <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script> | |
795 | <script src="http://static.tumblr.com/wgg6svp/I8Yobwo15/unnest.min.js"></script> | |
796 | <script> | |
797 | (function(){ | |
798 | {block:PermalinkPage} | |
799 | $('#show-notes').click(function(e){ | |
800 | e.preventDefault(); | |
801 | $('#notes').slideToggle('slow'); | |
802 | $(this).text( $(this).text() == "show notes" ? "hide notes" : "show notes"); | |
803 | }); | |
804 | {/block:PermalinkPage} | |
805 | $('.photo-slideshow').pxuPhotoset({ | |
806 | lightbox: true, | |
807 | rounded: false, | |
808 | gutter: '0px', | |
809 | photoset: '.photo-slideshow', | |
810 | photoWrap: '.photo-data', | |
811 | photo: '.pxu-photo' | |
812 | }); | |
813 | $('article').unnest({ | |
814 | yourCaption: ".caption", | |
815 | wrapName: ".tumblr_parent", | |
816 | newCaptionUsername: true, | |
817 | originalPostCaptionUsername: true, | |
818 | tumblrAvatars: true, | |
819 | tumblrAvatarClass: ".caption_avatar", | |
820 | usernameColon: false | |
821 | }); | |
822 | $('.make_lightbox').each(function(){ | |
823 | $(this).on('click',function(){ | |
824 | var lbArray = []; | |
825 | var arrayContents = { | |
826 | "width":$(this).data('width'), | |
827 | "height":$(this).data('height'), | |
828 | "low_res":$(this).data("lowres"), | |
829 | "high_res":$(this).data('highres')}; | |
830 | lbArray.push(arrayContents); | |
831 | Tumblr.Lightbox.init(lbArray,1); | |
832 | $('body').toggleClass('tumblr_lightbox_active'); | |
833 | }); | |
834 | }); | |
835 | {block:IndexPage} | |
836 | var $tumblelog = $('#posts'); | |
837 | $tumblelog.imagesLoaded(function () { | |
838 | $tumblelog.masonry({ | |
839 | itemSelector: 'article', | |
840 | isAnimated:false, | |
841 | columnWidth:280, | |
842 | gutter:60, | |
843 | }); | |
844 | }); | |
845 | $tumblelog.infinitescroll({ | |
846 | navSelector : "div.pagination", | |
847 | nextSelector : ".pagination a#next-link", | |
848 | itemSelector : "article", | |
849 | loading: { | |
850 | finishedMsg: "<p>You've reached the end of the Earth.</p>", | |
851 | img : "https://res1.nabtrade.com.au/Content/Images/ajax_loader.gif", | |
852 | msg: null, | |
853 | msgText: "", | |
854 | }, | |
855 | }, | |
856 | function( newElements ) { | |
857 | var $newElems = $( newElements ); | |
858 | var $newElemsIDs = $newElems.map(function () { | |
859 | return this.id; | |
860 | }).get(); | |
861 | $newElems.find('.photo-slideshow').pxuPhotoset({ | |
862 | lightbox: true, | |
863 | rounded: false, | |
864 | gutter: '0px', | |
865 | photoset: '.photo-slideshow', | |
866 | photoWrap: '.photo-data', | |
867 | photo: '.pxu-photo' | |
868 | }); | |
869 | var $newElems = $(newElements).css({ | |
870 | opacity: 0, | |
871 | zIndex: -1, | |
872 | }); | |
873 | $newElems.imagesLoaded(function(){ | |
874 | $newElems.animate({ opacity: 1, zIndex: 1 }); | |
875 | $tumblelog.masonry( 'appended', $newElems ); | |
876 | }); | |
877 | $newElems.unnest({ | |
878 | yourCaption: ".caption", | |
879 | wrapName: ".tumblr_parent", | |
880 | newCaptionUsername: true, | |
881 | originalPostCaptionUsername: true, | |
882 | tumblrAvatars: true, | |
883 | tumblrAvatarClass: ".caption_avatar", | |
884 | usernameColon: false | |
885 | }); | |
886 | $('.make_lightbox').each(function(){ | |
887 | $(this).on('click',function(){ | |
888 | var lbArray = []; | |
889 | var arrayContents = { | |
890 | "width":$(this).data('width'), | |
891 | "height":$(this).data('height'), | |
892 | "low_res":$(this).data("lowres"), | |
893 | "high_res":$(this).data('highres') | |
894 | }; | |
895 | lbArray.push(arrayContents); | |
896 | Tumblr.Lightbox.init(lbArray,1); | |
897 | $('body').toggleClass('tumblr_lightbox_active'); | |
898 | }); | |
899 | }); | |
900 | Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs); | |
901 | });{/block:IndexPage} | |
902 | })(); | |
903 | </script> | |
904 | <link href="//static.tumblr.com/wupwnyt/1iho27ad1/gkthm.css" rel="stylesheet" type="text/css"> | |
905 | </body> | |
906 | </html> |