API tools faq
paste
View difference between Paste ID: JXD3587r and S7XjpQAn
SHOW: | | - or go back to the newest paste.
1
<!DOCTYPE html>
2
3
<!--                                                                                                 

4
5
Observer Theme

6
By Zack Sultan

7
Released January 2013

8
Revised April 16, 2014

9
                

10
-->

11
12
<html>

13
    <head>

14
        <title>{Title}{block:PostTitle} &#8212; {PostTitle}{/block:PostTitle}</title>

15
        <link rel="shortcut icon" href="{Favicon}">

16
        <link rel="alternate" type="application/rss+xml" href="{RSS}">

17
        {block:Description}

18
            <meta name="description" content="{MetaDescription}" />

19
        {/block:Description}

20
        <link rel="shortcut icon" href="{Favicon}">

21
        <link rel="alternate" type="application/rss+xml" href="{RSS}">

22
        <meta name="viewport" content="width=device-width, maximum-scale=1.0, user-scalable=no" />

23
24
25
26
<!-- Options -->

27
28
29
        <meta name="if:Show Navigation" content="1"/>

30
        <meta name="if:Alternate Header Layout" content="0"/>

31
        <meta name="if:Show Description" content="0"/>

32
        <meta name="if:Show Archive Navigation Link" content="1"/>

33
        <meta name="if:Wide Images" content="1"/>

34
        <meta name="if:Photoset Layout" content="0"/>

35
        <meta name="if:Show Post Tags" content="1"/>

36
        <meta name="if:Show Post Notes" content="1"/>

37
        <meta name="if:Show Copyright" content="0"/>

38
        <meta name="if:Infinite Scroll" content="1"/>

39
        

40
        <meta name="Title font" content="Gibson">

41
        <meta name="Title font weight" content="bold" title="Bold">

42
        <meta name="Title font weight" content="normal" title="Normal">

43
        <meta name="font:Body font" content="Calluna"/>

44
        

45
        <meta name="Background color" content="#fff">

46
        <meta name="Title color" content="#444444">

47
        <meta name="Link color" content="#5f79a4">

48
        

49
        <meta name="color:Body text" content="#333333"/>

50
		<meta name="color:Secondary text" content="#888888"/>    

51
        <meta name="image:Logo" content=""/>

52
        <meta name="text:TypeKit ID" content=""/>

53
        <meta name="text:Title Font" content=""/>

54
        <meta name="text:Body Font" content=""/>

55
        <meta name="text:Post Headline Font" content=""/>

56
        <!--<meta name="text:Secondary Font" content=""/>-->

57
        

58
        <meta name='text:Disqus Shortname' content='' />

59
        <meta name='text:Google Analytics' content='' />

60
        

61
<!-- Scripts -->

62
63
    <script src="http://static.tumblr.com/4kpnlef/Pttmhz2ap/jquery-1.9.1.min.js"></script>

64
    

65
    {block:IfInfiniteScroll}

66
    <!-- Infinite Scroll -->

67
    <script type="text/javascript" src="http://static.tumblr.com/rsdylxf/v40mu99v6/infinitescrolling.js" ></script>

68
    {/block:IfInfiniteScroll}

69
    

70
    {block:IfTypeKitID}

71
    <!-- Typekit -->

72
    <script type="text/javascript" src="//use.typekit.net/{text:TypeKit ID}.js"></script>

73
    <script type="text/javascript">try{Typekit.load();}catch(e){}</script>

74
    {/block:IfTypeKitID}

75
    

76
    <!-- Media resizing -->    

77
    <script type="text/javascript">

78
        $(document).ready(function() {

79
            // Make desktop tumblr video stretch to 100%

80
            $('.tumblr_video_container').css({ 'width' : '100%', 'height' : '100%' });

81
            // Resize tumblr video on mobile

82
            $('.iphone-video a').css({ 'width' : '100%', 'height' : '200px' });

83
		});        

84
        

85
        //Make Spotify the right size and responsive

86
	    $(document).ready(function(){

87
	        $('.mobile-spotify iframe').css('height', '80px');

88
            $('.mobile-spotify iframe').css('width', '290px'); 

89
            $('iframe[src*="embed.spotify.com"]').each( function() {

90
                $(this).css('width',$(this).parent(1).css('width'));

91
                $(this).css('height', '82');

92
                $(this).attr('src',$(this).attr('src'));

93
            });

94
        });

95
        $(window).resize(function() {

96
            $('iframe[src*="embed.spotify.com"]').each( function() {

97
                $(this).css('width',$(this).parent(1).css('width'));

98
                $(this).css('height', '82');

99
                $(this).attr('src',$(this).attr('src'));

100
            });

101
        });

102
        

103
        //disable safari active states

104
        document.addEventListener("touchstart", function() {},false);

105
        

106
	</script>

107
108
{block:IfGoogleAnalytics}

109
<!-- Analytics -->

110
111
<script type="text/javascript">

112
113
  var _gaq = _gaq || [];

114
  _gaq.push(['_setAccount', '{text:Google Analytics}']);

115
  _gaq.push(['_trackPageview']);

116
117
  (function() {

118
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;

119
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';

120
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);

121
  })();

122
123
</script>

124
125
{/block:IfGoogleAnalytics}

126
    

127
128
<!-- Style Sheet -->

129
        

130
<style type="text/css">

131
132
.regular p {

133
	font-weight: bold;

134
	color:aqua;

135
}

136
137
.regular .bottom-nav {

138
	display: none;

139
}

140
141
::selection {

142
    background: {AccentColor}; /* Safari */

143
	color: {color:Body Text};

144
	}

145
	

146
::-moz-selection {

147
	background: {AccentColor}; /* Firefox */

148
	color: {color:Body Text};

149
}

150
151
body {

152
	margin: 0px;

153
	margin-bottom: 0px;

154
	padding: 0px;

155
    font-size:18px;

156
	-webkit-font-smoothing: antialiased;

157
    -webkit-tap-highlight-color: rgba(0,0,0,0);

158
	}

159
	

160
p, li, blockquote {

161
	line-height: 28px;

162
	margin: 0;

163
}

164
165
h1, h2, h3 {

166
	margin: 0;

167
	padding: 0;

168
	font-weight: 400;

169
	font-size: 30px;

170
}

171
172
.ir {

173
	text-indent: -99999em;

174
}

175
176
.center {

177
	text-align: center;

178
}

179
180
/* Global colors 

181
********************************/

182
183
body {

184
	color: {color:Body Text};

185
	background-color: {BackgroundColor};

186
}

187
188
.blog-description {

189
	color: {color:Secondary text};

190
}

191
192
a {

193
	color: {color:Body text};

194
	text-decoration: none;

195
	border-bottom: 1px solid rgba(136, 136, 136, 0.3);

196
}

197
198
#header h1 a {

199
	color: {TitleColor};

200
	border-bottom: none;

201
}

202
203
a:hover {

204
}

205
206
a:active {

207
	position: relative;

208
	outline: none;

209
	top: 1px;

210
}

211
212
213
.metadata a, #footer-links a, #footer p.promo a, .links a {

214
	color: {color:Secondary text};

215
	border-bottom: none;

216
}

217
218
.metadata a:hover, #footer-links a:hover, #footer p.promo a:hover, .links a:hover, .more a:hover, a.mobile-player:hover {

219
220
}

221
222
.post {

223
	border-bottom: 1px solid rgba(136, 136, 136, 0.2);

224
}

225
226
.colophon p {

227
	color: {color:Secondary text};

228
}

229
230
231
/* Global fonts 

232
********************************/

233
234
body {

235
	font-family: {block:IfBodyFont}{text:Body Font},{/block:IfBodyFont} {font:Body font}, georgia, serif;

236
	font-weight: normal;

237
}

238
239
.title h1, .link-title h1, .chat-title h1, .q h1, .a h1, .album-info h2, #footer h2 {

240
	font-family: {block:IfPostHeadlineFont}{text:Post Headline Font},{/block:IfPostHeadlineFont} {TitleFont}, georgia, serif;

241
	font-weight: {TitleFontWeight};

242
}

243
244
.blog-title h1 {

245
	font-family: {block:IfTitleFont}{text:Title Font},{/block:IfTitleFont} {TitleFont}, futura, helvetica, arial, sans-serif;

246
	font-weight: {TitleFontWeight};

247
	font-size: 96px;

248
	line-height: 1em;

249
}

250
251
.metadata a {

252
	font-family: {block:IfSecondaryFont}{text:Secondary Font},{/block:IfSecondaryFont} {font:Body}, helvetica, arial, sans-serif;

253
	font-weight: normal;

254
}

255
256
257
/* Page 

258
********************************/

259
260
{block:IfWideImages}

261
#page {

262
	border: 0px solid;

263
	max-width: 900px;

264
	padding-left:  50px;

265
	padding-right: 50px;

266
	margin: auto;

267
}

268
{/block:IfWideImages}

269
270
{block:IfNotWideImages}

271
#page {

272
    border: 0px solid;

273
	max-width: 640px;

274
	padding-left:  50px;

275
	padding-right: 50px;

276
	margin: auto;

277
}

278
{/block:IfNotWideImages}

279
280
281
{block:IfAlternateHeaderLayout}

282
283
/* Header Left-Aligned

284
********************************/

285
286
#header {

287
	margin-top: 70px;

288
	display: block;

289
	overflow: visible;

290
}

291
292
#header a {

293
	text-decoration: none;

294
}

295
296
.blog-title {

297
	display: block;

298
	float: left;

299
	border: 0px red solid;

300
	width: 50%;

301
	margin-bottom: 100px;

302
}

303
304
.blog-title a {

305
	border-bottom: none;

306
}

307
308
.blog-title img {

309
	max-width: 100%;

310
}

311
312
.blog-title h1 {

313
	font-size: 46px;

314
}

315
316
.blog-description {

317
	font-size: 16px;

318
	line-height: 20px;

319
    margin-top: 8px;

320
}

321
322
.links {

323
	float: right;

324
	margin-top: 10px;

325
    display:none;

326
}

327
328
.links ul {

329
	margin-top: 10px;

330
	padding: 0;

331
	display: block;

332
	float: right;	

333
}

334
335
.links li {

336
	display: inline;

337
	margin-left: 10px;

338
	font-size: 16px;

339
	text-transform: none;

340
}

341
342
.links li:first-child {

343
	margin-left: 0px;

344
}

345
346
{/block:IfAlternateHeaderLayout}

347
348
{block:IfNotAlternateHeaderLayout}

349
/* Header Centered

350
********************************/

351
352
#header {

353
	margin-top: 20px;

354
	margin-bottom: 80px;

355
	display: block;

356
	overflow: visible;

357
}

358
359
#header a {

360
	text-decoration: none;

361
}

362
363
.blog-title {

364
	display: block;

365
	width: 100%;

366
	text-align: center;

367
	margin-top: 70px;

368
}

369
370
.blog-title a {

371
	border-bottom: none;

372
}

373
374
.blog-title img {

375
	max-width: 100%;

376
}

377
378
.blog-description { 

379
	font-size: 16px;

380
	line-height: 20px;

381
	margin-top: 20px;

382
}

383
384
.links {

385
	margin-top: 0px;

386
	text-align: center;

387
	float: none;

388
	border-bottom: 1px solid rgba(136, 136, 136, 0.2);

389
}

390
391
.links ul {

392
	margin-top: 10px;

393
	padding: 0;

394
	display: block;	

395
	text-align: center;

396
	float: none;

397
}

398
399
.links li {

400
	display: inline;

401
	margin-left: 10px;

402
	text-transform: none;	

403
}

404
405
.links li:first-child {

406
	margin-left: 0px;	

407
}

408
409
{/block:IfNotAlternateHeaderLayout}

410
411
/* Post wrappers

412
********************************/

413
414
#content {

415
	width: 100%;

416
	overflow-x: hidden;

417
	clear: both;

418
}

419
420
.post {

421
	margin-bottom: 45px;

422
	padding-bottom: 40px;

423
	width: 100%;

424
}

425
426
.narrow {

427
	max-width: 640px;

428
	margin: auto;

429
}

430
431
432
/* Headings

433
********************************/

434
435
.title h1, .link-title h1, .chat-title h1 {

436
	text-align: center;

437
	margin: auto;

438
	margin-bottom: 25px;

439
	font-size: 42px;

440
	line-height: 50px;

441
}

442
443
.link-title a {

444
	text-decoration: none;

445
	position: relative;

446
	border: none;

447
	color: {AccentColor};

448
}

449
450
span.link-arrow {

451
	position: relative;

452
	font-size: 20px;

453
	bottom: 3px;

454
}

455
456
.quote-short {

457
	font-size: 24px;

458
	line-height: 36px;

459
	margin-bottom: 25px;

460
}

461
462
.photo img, .album-art img, .videoWrapper {

463
    max-width: 100%;

464
	display: block;

465
	margin-left: auto;

466
	margin-right: auto;

467
	margin-bottom: 30px;

468
	border-radius: 2px;

469
}

470
471
.photo img, .album-art img {

472
	min-width: 640px;

473
}

474
475
.photoset-layout {

476
    max-width: 700px;

477
    display: block;

478
    margin: auto;

479
    margin-bottom: 30px;

480
}

481
482
.tumblr_audio_player {

483
	height: 250px;

484
}

485
486
.audio iframe {

487
	width: 100%;

488
	margin-bottom: 20px;

489
}

490
491
.videoWrapper {

492
	position: relative;

493
	padding-bottom: 56.25%; /* 16:9 */

494
	padding-top: 25px;

495
	height: 0;	

496
}

497
498
.videoWrapper iframe, .videoWrapper object {

499
	position: absolute;

500
	top: 0;

501
	left: 0;

502
	width: 100%;

503
	height: 100%;

504
}

505
506
507
508
/* Post body styles

509
********************************/

510
511
.caption p {

512
	margin-bottom: 15px;

513
}

514
515
.caption h1 {

516
	font-weight: bold;

517
	margin-bottom: 15px;

518
}

519
520
.caption h2 {

521
	font-weight: bold;

522
	margin-bottom: 15px;

523
	font-size: 24px;

524
}

525
526
.caption blockquote {

527
	margin-bottom: 10px;

528
	border-left: 3px solid rgba(136, 136, 136, 0.2);

529
	margin-left: 5px;

530
	padding-left: 15px;

531
	line-height: 26px;

532
}

533
534
.caption pre {

535
	white-space: pre-wrap;

536
	white-space: -moz-pre-wrap;

537
	white-space: -pre-wrap;

538
	white-space: -o-pre-wrap;

539
	word-wrap: break-word;

540
	background-color: rgba(136, 136, 136, 0.2);

541
	border-radius: 2px;

542
	padding: 10px 15px 10px 15px;

543
	font-size: 15px;

544
	line-height: 24px;

545
	margin: 15px 0 25px 0;

546
}

547
548
.caption ul, ol {

549
	margin-top: 0;

550
	margin-bottom: 25px;

551
	padding-left: 40px;

552
}

553
554
.caption img {

555
    display: block;

556
    max-width: 100%;

557
    height: auto;

558
    margin: 30px auto 30px auto;

559
    border-radius: 2px;

560
}    

561
562
.quote-short {

563
	line-height: 40px;

564
	font-size: 36px;

565
	margin-bottom: 20px;

566
}

567
568
.quote-medium, .quote-long {

569
	line-height: 32px;

570
	font-size: 24px;

571
	margin-bottom: 20px;

572
}

573
574
ul.chat {

575
	list-style-type: none;

576
	padding-left: 0;

577
}

578
579
.chat li {

580
	border-bottom: 1px solid rgba(136, 136, 136, 0.3);

581
	margin-bottom: 10px;

582
	padding-bottom: 10px;

583
}

584
585
.chat li:last-child {

586
	border: none;

587
	margin-bottom: 0;

588
	padding-bottom: 0;

589
}

590
591
span.odd, span.even  {

592
	font-weight: bold;

593
}

594
595
.more a {

596
	display: block;

597
	width: 99%;

598
	height: 30px;

599
	border: 1px solid rgba(136, 136, 136, 0.3);

600
	text-align: center;

601
	text-decoration: none;

602
	border-radius: 2px;

603
	padding-top: 10px;

604
	margin-bottom: 30px;

605
}

606
607
608
.more a:active {

609
    background: rgba(136, 136, 136, 0.08);

610
    box-shadow: inset 0px 1px 4px rgba(136, 136, 136, 0.2);

611
    top: 0px;

612
} 

613
614
.audio-module {

615
	display: block;

616
	overflow: hidden;

617
	margin-bottom: 25px;

618
}

619
620
a.mobile-player {

621
	border: 1px solid rgba(136, 136, 136, 0.2);

622
	background: rgba(136, 136, 136, 0.1);

623
	width: 99%;

624
	padding: 30px 0 30px 0;

625
	margin-bottom: 25px;

626
	border-radius: 2px;

627
	display: none;

628
}

629
630
a.mobile-player:active {

631
    top: 0px;

632
    box-shadow: inset 0px 1px 4px rgba(136, 136, 136, 0.2);

633
    background: rgba(136, 136, 136, 0.18);

634
    border: 1px solid rgba(136, 136, 136, 0.3);

635
}

636
637
.play-triangle {

638
	margin-left: 20px;

639
	width: 0px;

640
	height: 0px;

641
	border-style: solid;

642
	border-width: 6.5px 0 6.5px 10px;

643
	border-color: transparent transparent transparent rgba(136, 136, 136, 0.8);

644
}

645
646
.album-info {

647
	display: block;

648
	float: left;

649
	width: 63%;

650
}

651
652
.player {

653
	display: block;

654
	background-color: #ffffff;

655
	float: right;

656
	padding-top: 5px;

657
	padding-right: 2px;

658
	border: 1px solid rgba(136, 136, 136, 0.3);

659
}

660
661
.desktop-spotify {

662
	display: block;

663
	

664
}

665
666
.mobile-spotify {

667
	display: none;

668
	width: 290px;

669
	margin: auto;

670
}

671
672
.iphone-video object {

673
    display: block;

674
    margin: 0px auto 20px; 

675
}

676
677
.asker-block, .answer-text {

678
	display: block;

679
	overflow: auto;

680
}

681
682
p.question {

683
	padding-bottom: 10px;

684
	padding-top: 10px;

685
}

686
687
p.album, p.question {

688
	font-size: 24px;

689
	line-height: 32px;

690
}

691
692
h1.qa-letter {

693
	display: block;

694
	float: left;

695
	width: 45px;

696
	position: relative;

697
	bottom: 3px;

698
	font-size: 30px;

699
}

700
701
.q {

702
	margin-bottom: 20px; 

703
}

704
705
img.asker {

706
	float:left;

707
	margin-right: 8px;

708
	border-radius: 2px; 

709
	position: relative;

710
	top: 2px;

711
}

712
713
p.asker {

714
	font-style: italic;

715
}

716
717
p.question {

718
	clear: both;

719
}

720
721
722
/* Metadata

723
********************************/

724
725
.metadata {

726
	border: 0px solid gray;

727
	overflow: auto;

728
	font-size: 12px;

729
	text-transform: uppercase;

730
	margin-top: 20px;

731
}

732
733
.metadata a {

734
	text-decoration: none;

735
}

736
737
.date, .tags, .notes-count {

738
	display: block;

739
	float: left;

740
	margin-right: 15px;

741
}

742
743
.tags a, .notes-count a, .date a {

744
	margin-right: 5px;

745
}

746
747
748
/* Footer

749
********************************/

750
751
#footer {

752
	text-align: center;

753
	margin-bottom: 40px;

754
}

755
756
#footer a {

757
	text-decoration: none;

758
	border-bottom: none;

759
}

760
761
a.back-next {

762
    margin: 0px 10px 0px 10px;    

763
}

764
765
#footer h2 {

766
	font-size: 24px;

767
	text-align: center;

768
	margin-bottom: 40px;

769
}

770
771
772
#footer-links ul {

773
	margin-bottom: 0px;

774
	padding: 0;

775
	display: block;

776
	text-align: center;

777
}

778
779
#footer-links li {

780
	display: inline;

781
	margin-left: 5px;

782
	font-size: 14px;

783
}

784
785
#footer-links li:first-child {

786
	margin-left: 0px;

787
}

788
789
#footer .colophon p {

790
	font-size: 14px;

791
	font-style: italic;

792
}

793
794
#footer p.promo {

795
	font-size: 12px;

796
	text-transform: uppercase;

797
	font-style: normal;

798
}

799
800
801
/* Notes and comments

802
********************************/

803
804
#permalink-content {

805
	margin-top: 40px;

806
}

807
808
.avatar_frame {

809
	position: relative;

810
	top: 4px;

811
	margin-right: 10px;

812
}

813
814
.comments {

815
	margin-bottom: 35px;

816
}

817
818
.comments h3, .permalink-notes h3 {

819
	font-size: 18px;

820
	font-weight: 600;

821
	margin-bottom: 20px;

822
}

823
824
.permalink-notes ol {

825
	padding-left: 0;

826
}

827
828
.permalink-notes li {

829
	list-style: none;

830
	margin-bottom: 10px;

831
	padding-top: 10px;

832
	border-top: 1px solid rgba(136, 136, 136, 0.3);

833
	font-size: 13px; 

834
}

835
836
.permalink-notes blockquote {

837
	margin: 5px 0px 5px 0px;

838
	border-left: 3px solid rgba(136, 136, 136, 0.2);

839
	margin-left: 20px;

840
	padding-left: 15px;

841
    line-height: 24px;

842
}

843
844
.notes a {

845
	border-bottom: none;

846
	text-decoration: underline;

847
}

848
849
850
.post iframe, .post object {

851
max-width: 100%;

852
}

853
854
855
/* Browser size break-points

856
********************************/

857
858
859
@media screen and (max-width: 800px) {

860
861
#header {

862
	margin-top: 20px;

863
	display: block;

864
	overflow: visible;

865
	padding-bottom: 0px;

866
}

867
868
.blog-title {

869
	display: block;

870
	text-align: center;

871
	margin-top: 50px;

872
	float: none;

873
	width: 100%;

874
    margin-bottom: 50px;

875
}

876
877
.blog-title h1 {

878
	font-size: 40px;

879
	margin-bottom: 10px;

880
}

881
882
.blog-description {

883
	font-size: 16px;

884
	line-height: 20px;

885
}

886
887
.links {

888
	margin-top: 0px;

889
	margin-bottom: 0px;

890
	text-align: center;

891
	float: none;

892
	border-bottom: 1px solid rgba(136, 136, 136, 0.4);

893
}

894
895
.links ul {

896
	margin-top: 10px;

897
	padding: 0;

898
	display: block;	

899
	text-align: center;

900
	float: none;

901
}

902
903
.links li {

904
	display: inline;

905
	margin-left: 16px;

906
	font-size: 17px;

907
	text-transform: none;	

908
}

909
910
911
.metadata {

912
	font-size: 16px;

913
	}

914
915
.player {

916
	display: none;

917
}

918
919
a.mobile-player {

920
	display: block;

921
}

922
923
.album-info {

924
	width: 100%

925
}

926
927
.title h1, .link-title h1, .chat-title h1 {

928
text-align: center;

929
font-size: 36px;

930
line-height: 42px;

931
}

932
933
}

934
935
@media screen and (max-width: 740px) {

936
937
#page {

938
	padding-left:  1em;

939
	padding-right: 1em;	

940
}

941
942
#header {

943
	margin-bottom: 50px;

944
}

945
946
/* WRANGLE TUMBLR VIDEO PLAYER */

947
948
949
.iphone-video img {

950
	width: 90%;

951
}

952
953
.iphone-video a {

954
	margin-bottom: 20px;

955
}

956
957
/* IMAGES */

958
959
.photo img, .album-art img {

960
	min-width: 100%;

961
}

962
963
.link-title a {

964
	line-height: 50px;

965
}

966
967
.desktop-spotify {

968
	display: none;

969
}

970
971
.mobile-spotify {

972
	display: block;

973
}

974
975
}

976
977
{CustomCSS}

978
    

979
</style>

980
981
<!-- End header -->

982
    

983
    </head>

984
       

985
	<body>

986
		

987
		<div id="page">

988
		

989
			<div id="header">

990
                

991
                {block:IfShowNavigation}

992
				<div class="links">

993
					<ul>

994
						<li><a href="/">Home</a></li>

995
                        {block:HasPages}

996
                        {block:Pages} 

997
						<li><a href="{URL}">{Label}</a></li>

998
                        {/block:Pages} 

999
                        {/block:HasPages}

1000
                        {block:AskEnabled} 

1001
    					<li><a href="/ask">{AskLabel}</a></li>

1002
						{/block:AskEnabled}

1003
                        {block:SubmissionsEnabled} 

1004
						<li><a href="/submit">{SubmitLabel}</a></li>

1005
						{/block:SubmissionsEnabled}

1006
                        {block:IfShowArchiveNavigationLink}

1007
                        <li><a href="/archive">Archive</a></li>

1008
                        {/block:IfShowArchiveNavigationLink}

1009
					</ul>

1010
				</div>

1011
				{/block:IfShowNavigation}

1012
                

1013
                

1014
                

1015
				<div class="blog-title">

1016
                

1017
                    {block:IfLogoImage}

1018
                    <a href="/"><img src="{image:Logo}" alt="{Title}"/></a>

1019
                    {/block:IfLogoImage}

1020
                    

1021
                    {block:IfNotLogoImage}

1022
                    <h1><a href="/">{Title}</a></h1>

1023
                    {/block:IfNotLogoImage}

1024
					

1025
                    {block:IfShowDescription}

1026
					<p class="blog-description">{Description}</p>

1027
                    {/block:IfShowDescription}

1028
				</div>

1029
				

1030
				

1031
			

1032
			</div> <!-- header end -->

1033
			

1034
			<div id="content">

1035
            {block:Posts}

1036
			

1037
				

1038
                {block:Text}

1039
                <!-- TEXT POST 

1040
				///////////////////////////////////////////////////////-->

1041
				

1042
				<div class="post text">

1043
				

1044
					<div class="narrow">

1045
					    

1046
                        {block:Title}

1047
						<div class="title">

1048
							<h1>{Title}</h1>						

1049
						</div>

1050
                        {/block:Title}

1051
						

1052
						<div class="caption">

1053
						

1054
						{Body}

1055
						

1056
						</div> <!-- End caption -->

1057
					    

1058
                        {block:More} 

1059
						<div class="more">

1060
							<a href="{Permalink}">Read More...</a>

1061
						</div>

1062
                        {/block:More} 

1063
					

1064
						<div class="metadata">

1065
						    

1066
                            {block:Date}

1067
        					<div class="date">

1068
								<a href="{Permalink}">{ShortMonth}. {DayOfMonth} {Year}</a>

1069
							</div>

1070
                            {/block:Date}

1071
							

1072
                            {block:ContentSource}

1073
        					<div class="date">

1074
								<a href="{SourceURL}">Via {SourceTitle}</a>

1075
							</div>

1076
                            {/block:ContentSource}

1077
                            

1078
                            {block:IfShowPostTags} 

1079
							{block:HasTags} 

1080
                            <div class="tags">

1081
                                {block:Tags}

1082
								<a href="{TagURL}">#{Tag}</a>

1083
							    {/block:Tags} 

1084
							</div>

1085
                            {/block:HasTags} 

1086
						    {/block:IfShowPostTags}

1087
                            

1088
                            {block:IfShowPostNotes}

1089
                            {block:NoteCount}

1090
                            <div class="notes-count">

1091
								<a href="{Permalink}">{NoteCountWithLabel}</a>

1092
							</div>

1093
                            {/block:NoteCount}

1094
                            {/block:IfShowPostNotes}

1095
						

1096
						</div> <!-- metadata end -->

1097
				

1098
					</div> <!-- text end -->

1099
				

1100
				</div> <!-- post end -->

1101
                {/block:Text}

1102
				

1103
				{block:Photo} 

1104
				<!-- PHOTO POST 

1105
				///////////////////////////////////////////////////////-->

1106
				

1107
				<div class="post photo">

1108
				

1109
					<div class="wide">

1110
                        {LinkOpenTag}

1111
                        

1112
						<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" />

1113
				        

1114
                        {LinkCloseTag}

1115
					</div>

1116
				

1117
					<div class="narrow">

1118
				        

1119
                        {block:Caption}

1120
						<div class="caption">

1121
						    {Caption}

1122
						</div>

1123
                        {/block:Caption}

1124
						

1125
						<div class="metadata">

1126
						

1127
							{block:Date}

1128
    						<div class="date">

1129
								<a href="{Permalink}">{ShortMonth}. {DayOfMonth} {Year}</a>

1130
							</div>

1131
                            {/block:Date}

1132
							

1133
                            {block:ContentSource}

1134
        					<div class="date">

1135
								<a href="{SourceURL}">Via {SourceTitle}</a>

1136
							</div>

1137
                            {/block:ContentSource}

1138
                            

1139
                            {block:IfShowPostTags} 

1140
							{block:HasTags} 

1141
                            <div class="tags">

1142
                                {block:Tags}

1143
								<a href="{TagURL}">#{Tag}</a>

1144
							    {/block:Tags} 

1145
							</div>

1146
                            {/block:HasTags} 

1147
						    {/block:IfShowPostTags}

1148
                            

1149
                            {block:IfShowPostNotes}

1150
                            {block:NoteCount}

1151
                            <div class="notes-count">

1152
								<a href="{Permalink}">{NoteCountWithLabel}</a>

1153
							</div>

1154
                            {/block:NoteCount}

1155
                            {/block:IfShowPostNotes}

1156
						

1157
						</div> <!-- metadata end -->

1158
				

1159
					</div> <!-- narrow end -->

1160
					

1161
				</div> <!-- post end -->

1162
				

1163
                {/block:Photo}

1164
                

1165
                

1166
                {block:Photoset} 

1167
    			<!-- PHOTOSET POST 

1168
				///////////////////////////////////////////////////////-->

1169
				

1170
				<div class="post photo">

1171
				

1172
					{block:IfNotPhotosetLayout}

1173
					<div class="wide">  		

1174
                        {block:Photos} 

1175
                        {LinkOpenTag}

1176
						<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" />

1177
                        {LinkCloseTag}

1178
                        {/block:Photos}         

1179
					</div>

1180
					{/block:IfNotPhotosetLayout}

1181
					

1182
					{block:IfPhotosetLayout}

1183
					<div class="photoset-layout">

1184
                 		{Photoset}

1185
					</div class="photoset-layout">

1186
					{/block:IfPhotosetLayout}

1187
					

1188
					<div class="narrow">

1189
				        

1190
                        {block:Caption}

1191
						<div class="caption">

1192
						    {Caption}

1193
						</div>

1194
                        {/block:Caption}

1195
						

1196
						<div class="metadata">

1197
						

1198
							{block:Date}

1199
    						<div class="date">

1200
								<a href="{Permalink}">{ShortMonth}. {DayOfMonth} {Year}</a>

1201
							</div>

1202
                            {/block:Date}

1203
							

1204
                            {block:ContentSource}

1205
        					<div class="date">

1206
								<a href="{SourceURL}">Via {SourceTitle}</a>

1207
							</div>

1208
                            {/block:ContentSource}

1209
                            

1210
                            {block:IfShowPostTags} 

1211
							{block:HasTags} 

1212
                            <div class="tags">

1213
                                {block:Tags}

1214
								<a href="{TagURL}">#{Tag}</a>

1215
							    {/block:Tags} 

1216
							</div>

1217
                            {/block:HasTags} 

1218
						    {/block:IfShowPostTags}

1219
                            

1220
                            {block:IfShowPostNotes}

1221
                            {block:NoteCount}

1222
                            <div class="notes-count">

1223
								<a href="{Permalink}">{NoteCountWithLabel}</a>

1224
							</div>

1225
                            {/block:NoteCount}

1226
                            {/block:IfShowPostNotes}

1227
						

1228
						</div> <!-- metadata end -->

1229
				

1230
					</div> <!-- narrow end -->

1231
					

1232
				</div> <!-- post end -->

1233
				

1234
                {/block:Photoset}

1235
                

1236
                

1237
				{block:Link}

1238
				<!-- LINK POST 

1239
				///////////////////////////////////////////////////////-->

1240
				

1241
				<div class="post link">

1242
					

1243
					<div class="narrow">

1244
						

1245
						<div class="link-title">

1246
						

1247
							<h1><a href="{URL}">{Name} <span class="link-arrow">&#10132;</span></a></h1>

1248
				

1249
						</div>

1250
						

1251
                        {block:Description} 

1252
						<div class="caption">

1253
							 {Description}

1254
						</div>

1255
                        {/block:Description} 

1256
						

1257
						<div class="metadata">

1258
						

1259
							{block:Date}

1260
        					<div class="date">

1261
								<a href="{Permalink}">{ShortMonth}. {DayOfMonth} {Year}</a>

1262
							</div>

1263
                            {/block:Date}

1264
							

1265
                            {block:ContentSource}

1266
        					<div class="date">

1267
								<a href="{SourceURL}">Via {SourceTitle}</a>

1268
							</div>

1269
                            {/block:ContentSource}

1270
                            

1271
                            {block:IfShowPostTags} 

1272
							{block:HasTags} 

1273
                            <div class="tags">

1274
                                {block:Tags}

1275
								<a href="{TagURL}">#{Tag}</a>

1276
							    {/block:Tags} 

1277
							</div>

1278
                            {/block:HasTags} 

1279
						    {/block:IfShowPostTags}

1280
                            

1281
                            {block:IfShowPostNotes}

1282
                            {block:NoteCount}

1283
                            <div class="notes-count">

1284
								<a href="{Permalink}">{NoteCountWithLabel}</a>

1285
							</div>

1286
                            {/block:NoteCount}

1287
                            {/block:IfShowPostNotes}

1288
						

1289
						</div> <!-- metadata end -->

1290
				

1291
					</div> <!-- narrow end -->

1292
					

1293
				</div> <!-- post end -->

1294
				{/block:Link}

1295
                

1296
                

1297
				{block:Quote}

1298
				<!-- QUOTE POST 

1299
				///////////////////////////////////////////////////////-->

1300
				

1301
				<div class="post quote">

1302
					

1303
					<div class="narrow">

1304
					

1305
						<div class="quote-{Length}">

1306
						

1307
							&#8220;{Quote}&#8221;

1308
						

1309
						</div>

1310
						

1311
                        {block:Source} 

1312
						<div class="caption">

1313
						

1314
							&#8212; {Source}

1315
						

1316
						</div>

1317
                        {/block:Source} 

1318
						

1319
						<div class="metadata">

1320
						

1321
							{block:Date}

1322
            				<div class="date">

1323
								<a href="{Permalink}">{ShortMonth}. {DayOfMonth} {Year}</a>

1324
							</div>

1325
                            {/block:Date}

1326
							

1327
                            {block:ContentSource}

1328
        					<div class="date">

1329
								<a href="{SourceURL}">Via {SourceTitle}</a>

1330
							</div>

1331
                            {/block:ContentSource}

1332
                            

1333
                            {block:IfShowPostTags} 

1334
							{block:HasTags} 

1335
                            <div class="tags">

1336
                                {block:Tags}

1337
								<a href="{TagURL}">#{Tag}</a>

1338
							    {/block:Tags} 

1339
							</div>

1340
                            {/block:HasTags} 

1341
						    {/block:IfShowPostTags}

1342
                            

1343
                            {block:IfShowPostNotes}

1344
                            {block:NoteCount}

1345
                            <div class="notes-count">

1346
								<a href="{Permalink}">{NoteCountWithLabel}</a>

1347
							</div>

1348
                            {/block:NoteCount}

1349
                            {/block:IfShowPostNotes}

1350
						

1351
						</div> <!-- metadata end -->

1352
				

1353
					</div> <!-- narrow end -->

1354
					

1355
				</div> <!-- post end -->

1356
                {/block:Quote}

1357
				

1358
				

1359
                {block:Chat}

1360
				<!-- CHAT POST 

1361
				///////////////////////////////////////////////////////-->

1362
				

1363
				<div class="post chat">

1364
					

1365
					<div class="narrow">

1366
						

1367
                        {block:Title}

1368
						<div class="chat-title">

1369
							<h1>{Title}</h1>

1370
						</div>

1371
                        {/block:Title}

1372
						

1373
						<div class="caption">	

1374
							

1375
							<ul class="chat">

1376
								{block:Lines}

1377
                                <li>

1378
                                    {block:Label}

1379
                                    <span class="{Alt}">

1380
                                    {Label}

1381
                                    </span>

1382
                                    {/block:Label}

1383
                                    

1384
                                    {Line}

1385
                                        

1386
                                </li>

1387
                                {block:Lines}

1388
								

1389
							</ul><!-- chat end -->

1390
						

1391
						</div><!-- caption end -->

1392
					

1393
						<div class="metadata">

1394
						

1395
							{block:Date}

1396
                			<div class="date">

1397
								<a href="{Permalink}">{ShortMonth}. {DayOfMonth} {Year}</a>

1398
							</div>

1399
                            {/block:Date}

1400
							

1401
                            {block:ContentSource}

1402
        					<div class="date">

1403
								<a href="{SourceURL}">Via {SourceTitle}</a>

1404
							</div>

1405
                            {/block:ContentSource}

1406
                            

1407
                            {block:IfShowPostTags} 

1408
							{block:HasTags} 

1409
                            <div class="tags">

1410
                                {block:Tags}

1411
								<a href="{TagURL}">#{Tag}</a>

1412
							    {/block:Tags} 

1413
							</div>

1414
                            {/block:HasTags} 

1415
						    {/block:IfShowPostTags}

1416
                            

1417
                            {block:IfShowPostNotes}

1418
                            {block:NoteCount}

1419
                            <div class="notes-count">

1420
								<a href="{Permalink}">{NoteCountWithLabel}</a>

1421
							</div>

1422
                            {/block:NoteCount}

1423
                            {/block:IfShowPostNotes}

1424
						

1425
						</div> <!-- metadata end -->

1426
				

1427
					</div> <!-- narrow end -->

1428
					

1429
				</div> <!-- post end -->

1430
                {/block:Chat}

1431
                

1432
                

1433
				

1434
				{block:Audio} 

1435
				<!-- AUDIO POST 

1436
				///////////////////////////////////////////////////////-->

1437
				

1438
				<div class="post audio">

1439
					

1440
					<div class="narrow">

1441
					    

1442
					    

1443
					    {block:AudioEmbed}

1444
                        	{AudioEmbed color="white"}

1445
                        {/block:AudioEmbed}

1446
                        

1447
                        {block:AlbumArt}

1448
						<div class="album-art">

1449
						

1450
							<img src="{AlbumArtURL}">

1451
						

1452
						</div>

1453
                        {/block:AlbumArt}

1454
						

1455
						

1456
                        {block:Caption} 

1457
						<div class="caption">

1458
							{Caption}

1459
						</div>

1460
                        {/block:Caption} 

1461
						

1462
						<div class="metadata">

1463
						

1464
							{block:Date}

1465
                    		<div class="date">

1466
								<a href="{Permalink}">{ShortMonth}. {DayOfMonth} {Year}</a>

1467
							</div>

1468
                            {/block:Date}

1469
							

1470
                            {block:ContentSource}

1471
        					<div class="date">

1472
								<a href="{SourceURL}">Via {SourceTitle}</a>

1473
							</div>

1474
                            {/block:ContentSource}

1475
                            

1476
                            {block:IfShowPostTags} 

1477
							{block:HasTags} 

1478
                            <div class="tags">

1479
                                {block:Tags}

1480
								<a href="{TagURL}">#{Tag}</a>

1481
							    {/block:Tags} 

1482
							</div>

1483
                            {/block:HasTags} 

1484
						    {/block:IfShowPostTags}

1485
                            

1486
                            {block:IfShowPostNotes}

1487
                            {block:NoteCount}

1488
                            <div class="notes-count">

1489
								<a href="{Permalink}">{NoteCountWithLabel}</a>

1490
							</div>

1491
                            {/block:NoteCount}

1492
                            {/block:IfShowPostNotes}

1493
						

1494
						</div> <!-- metadata end -->

1495
				

1496
					</div> <!-- narrow end -->

1497
					

1498
				</div> <!-- post end -->

1499
                {/block:Audio} 

1500
                

1501
                

1502
		

1503
		        {block:Video} 

1504
				<!-- VIDEO POST 

1505
				///////////////////////////////////////////////////////-->

1506
				

1507
				<div class="post video">

1508
				

1509
					<div class="wide">

1510
				        

1511
                        <div class="videoWrapper">

1512
						    {VideoEmbed-700}

1513
                        </div>

1514
				

1515
					</div>

1516
				

1517
					<div class="narrow">

1518
					    

1519
                        {block:Caption} 

1520
						<div class="caption">

1521
				

1522
							{Caption}

1523
						

1524
						</div>

1525
                        {/block:Caption} 

1526
					

1527
						<div class="metadata">

1528
						

1529
							{block:Date}

1530
                        	<div class="date">

1531
								<a href="{Permalink}">{ShortMonth}. {DayOfMonth} {Year}</a>

1532
							</div>

1533
                            {/block:Date}

1534
							

1535
                            {block:ContentSource}

1536
        					<div class="date">

1537
								<a href="{SourceURL}">Via {SourceTitle}</a>

1538
							</div>

1539
                            {/block:ContentSource}

1540
                            

1541
                            {block:IfShowPostTags} 

1542
							{block:HasTags} 

1543
                            <div class="tags">

1544
                                {block:Tags}

1545
								<a href="{TagURL}">#{Tag}</a>

1546
							    {/block:Tags} 

1547
							</div>

1548
                            {/block:HasTags} 

1549
						    {/block:IfShowPostTags}

1550
                            

1551
                            {block:IfShowPostNotes}

1552
                            {block:NoteCount}

1553
                            <div class="notes-count">

1554
								<a href="{Permalink}">{NoteCountWithLabel}</a>

1555
							</div>

1556
                            {/block:NoteCount}

1557
                            {/block:IfShowPostNotes}

1558
						

1559
						</div> <!-- metadata end -->

1560
				

1561
					</div> <!-- narrow end -->

1562
					

1563
				</div> <!-- post end -->

1564
                {/block:Video} 

1565
				

1566
                

1567
                

1568
				{block:Answer} 

1569
				<!-- ANSWER POST 

1570
				///////////////////////////////////////////////////////-->

1571
				

1572
				<div class="post answer">

1573
				

1574
					<div class="narrow">

1575
						

1576
						<div class="q">

1577
							

1578
							<h1 class="qa-letter">Q</h1>

1579
							

1580
							<div class="asker-block">

1581
								<img class="asker" src="{AskerPortraitURL-24}">

1582
								<p>{Asker} asked:</p>

1583
								<p class="question">{Question}</p>

1584
							</div> 

1585
						

1586
						</div><!-- q end -->

1587
						

1588
						<div class="a">

1589
							

1590
							<h1 class="qa-letter">A</h1>

1591
							

1592
							<div class="caption" style="overflow:auto;">

1593
								{Answer}

1594
							</div> 

1595
						

1596
						</div><!-- a end -->

1597
						

1598
						<div class="metadata">

1599
						

1600
							{block:Date}

1601
                            <div class="date">

1602
								<a href="{Permalink}">{ShortMonth}. {DayOfMonth} {Year}</a>

1603
							</div>

1604
                            {/block:Date}

1605
							

1606
                            {block:ContentSource}

1607
        					<div class="date">

1608
								<a href="{SourceURL}">Via {SourceTitle}</a>

1609
							</div>

1610
                            {/block:ContentSource}

1611
                            

1612
                            {block:IfShowPostTags} 

1613
							{block:HasTags} 

1614
                            <div class="tags">

1615
                                {block:Tags}

1616
								<a href="{TagURL}">#{Tag}</a>

1617
							    {/block:Tags} 

1618
							</div>

1619
                            {/block:HasTags} 

1620
						    {/block:IfShowPostTags}

1621
                            

1622
                            {block:IfShowPostNotes}

1623
                            {block:NoteCount}

1624
                            <div class="notes-count">

1625
								<a href="{Permalink}">{NoteCountWithLabel}</a>

1626
							</div>

1627
                            {/block:NoteCount}

1628
                            {/block:IfShowPostNotes}

1629
						

1630
						</div> <!-- metadata end -->

1631
				

1632
					</div> <!-- narrow end -->

1633
					

1634
				</div> <!-- post end -->

1635
                {/block:Answer}

1636
                

1637
            {/block:Posts}

1638
                

1639
            {block:PermalinkPage}

1640
                <!-- PERMALINK CONTENT 

1641
                ////////////////////////////////////////////////// -->

1642
				    

1643
                <div class="narrow">

1644
                    

1645
						<div id="permalink-content">

1646
                        

1647
                        {block:IfDisqusShortname}

1648
1649
                        <div id="disqus_thread"></div>

1650
                        <script type="text/javascript">

1651
    

1652
                        var disqus_shortname = '{text:Disqus Shortname}'; // Required - Replace example with your forum shortname

1653
1654
                            (function() {

1655
                                var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;

1656
                                dsq.src = 'http://' + disqus_shortname + '.disqus.com/embed.js';

1657
                             (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);

1658
    })();

1659
                        </script>

1660
1661
                        <noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>

1662
                        <a href="http://disqus.com" class="dsq-brlink">blog comments powered by <span class="logo-disqus">Disqus</span></a>

1663
1664
                        {/block:IfDisqusShortname}

1665
					        

1666
                            {block:PostNotes} 

1667
							<div class="permalink-notes">

1668
					

1669
								<h3>Notes</h3>

1670
	                    

1671
                                {PostNotes}

1672
                                

1673
							</div> <!-- notes end -->

1674
                            {/block:PostNotes}

1675
					

1676
						</div> <!-- permalink content end -->  

1677
				

1678
				{/block:PermalinkPage}

1679
1680
			</div> <!-- content end -->

1681
			

1682
			<div id="footer">

1683
			    

1684
                {block:IfNotInfiniteScroll}

1685
                {block:Pagination}

1686
				

1687
                <h2>

1688
                {block:PreviousPage}

1689
                <a class="back-next" href="{PreviousPage}">Back</a>

1690
                {/block:PreviousPage}

1691
                

1692
                {block:NextPage}

1693
                <a class="back-next" href="{NextPage}">Next</a>

1694
                {/block:NextPage}

1695
                </h2>

1696
                

1697
                {/block:Pagination}

1698
                {/block:IfNotInfiniteScroll}

1699
                

1700
				<div id="footer-links">

1701
					

1702
						<ul>

1703
							<li><a href="/">Home</a></li>

1704
                            {block:HasPages}

1705
                            {block:Pages} 

1706
    					    <li><a href="{URL}">{Label}</a></li>

1707
                            {/block:Pages} 

1708
                            {/block:HasPages}

1709
                            {block:AskEnabled} 

1710
    					    <li><a href="/ask">{AskLabel}</a></li>

1711
						    {/block:AskEnabled}

1712
                            {block:SubmissionsEnabled} 

1713
						    <li><a href="/submit">{SubmitLabel}</a></li>

1714
						    {/block:SubmissionsEnabled}

1715
                            <li><a href="/archive">Archive</a></li>

1716
					</ul>

1717
				</div>

1718
				

1719
				<div class="colophon">

1720
					

1721
                    {block:IfShowCopyright}

1722
					<p>&copy; {Title} {CopyrightYears}</p>

1723
                    {/block:IfShowCopyright}

1724
1725
					<p class="promo"><a href="http://zacksultan.com">Observer theme by Zack Sultan</a></p>

1726
					

1727
				</div>

1728
			

1729
			</div><!-- content end -->

1730
		

1731
		</div> <!-- page end -->

1732
1733
</body>

1734
1735
</html>
        

    


            


                                


        

            



                
    

        Public Pastes
    

    
            

    

                    

        

    





    


    
    
    
    
    
    
    
    




    


    



                

            We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.             OK, I Understand
        

    
                

            

                
                    
                
            

            

                Not a member of Pastebin yet?

                Sign Up, it unlocks many cool features!