View difference between Paste ID: adMgfTDB and aXg1nzNQ
SHOW: | | - or go back to the newest paste.
1
    <!DOCTYPE html>
2
    <head><title>{title}</title>
3
    <link rel="shortcut icon" href="{favicon}">  
4
   
5
    <!-------------------------------------------------------------------
6
	
7
    THEME #024 : SUNYATA
8
    published november 1, 2017
9
    ᴀʟʟ ʀɪɢʜᴛs ʀᴇsᴇʀᴠᴇᴅ © ᴀɴɢᴇʟɪᴄxɪ ᴜɴᴅᴇʀ ɢᴘʟ ʟɪᴄᴇɴsɪɴɢ  
10
    ᴜɴᴀᴜᴛʜᴏʀɪᴢᴇᴅ ʀᴇᴅɪsᴛʀɪʙᴜᴛɪᴏɴ ɪs sᴛʀɪᴄᴛʟʏ ᴘʀᴏʜɪʙɪᴛᴇᴅ.
11
   
12
    Terms of Use:
13
    - DO NOT USE AS A BASE CODE.
14
    - DO NOT REDISTRIBUTE, REPRODUCE, OR CLAIM AS YOURS.
15
    - DO NOT MODIFY BEYOND THE POINT OF RECOGNITION.
16
   
17
    By using this theme, you indicate that you have read & agreed to these terms. Any violation will be prosecuted against. If there's anything you'd like me to make clear, please contact me via PM. Enjoy!
18
   
19
    ~Lia
20
   
21
    -------------------------------------------------------------------->
22
	
23
	<!-- META : COLORS -->
24
	<meta name="color:Background" content="#dab4c4"/>
25
	<meta name="color:BG Gradient 1" content="#d7b4c3"/>
26
	<meta name="color:BG Gradient 2" content="#a8b080"/>
27
	<meta name="color:Sidebar" content="#ffffff"/>
28
	<meta name="color:Sidebar Border" content="#ffffff"/>
29
	<meta name="color:Title" content="#d7b4c3"/>
30
	<meta name="color:Title Hover" content="#a8b080"/>
31
	<meta name="color:Description" content="#c8cdaf"/>
32
	<meta name="color:Avatar Border" content="#ffffff"/>
33
	<meta name="color:Secondary Title" content="#ffffff"/>
34
	<meta name="color:Secondary Description" content="#ffffff"/>
35
	<meta name="color:Menu" content="#ffffff"/>
36
	<meta name="color:Menu Hover" content="#c593a8"/>
37
	<meta name="color:SNS Links" content="#ffffff"/>
38
	<meta name="color:SNS Links Hover" content="#c593a8"/>
39
	<meta name="color:Text" content="#000000"/>
40
	<meta name="color:Bold" content="#d74169"/>
41
    <meta name="color:Italic" content="#d74169"/>
42
    <meta name="color:Underline" content="#d74169"/>
43
	<meta name="color:Links" content="#d74169"/>
44
	<meta name="color:Links Hover" content="#a8b080"/>
45
    <meta name="color:Info Links" content="#ffffff"/>
46
    <meta name="color:Info Links Hover" content="#c593a8"/>
47
    <meta name="color:Tags" content="#ffffff"/>
48
    <meta name="color:Tags Hover" content="#c593a8"/>
49
    <meta name="color:Pagination" content="#ffffff"/>
50
    <meta name="color:Pagination Hover" content="#a8b080"/>
51
    <meta name="color:Pagination Border" content="#ffffff"/>
52
    <meta name="color:Post Background" content="#f5f0f0"/>
53
    <meta name="color:Post Info BG" content="#ebe1e1"/>
54
    <meta name="color:Post Border" content="#ffffff"/>
55
    <meta name="color:Post Title" content="#ffffff"/>
56
    <meta name="color:Post Title BG" content="#ebe1e1"/>
57
    <meta name="color:Post Title BG Gradient 1" content="#d7b4c3"/>
58
    <meta name="color:Post Title BG Gradient 2" content="#a8b080"/>
59
    <meta name="color:Audio Post BG" content="#ebe1e1"/>
60
    <meta name="color:Audio Post Details" content="#ffffff"/>
61
    <meta name="color:Audio Post BG Gradient 1" content="#d7b4c3"/>
62
    <meta name="color:Audio Post BG Gradient 2" content="#a8b080"/>
63
	<meta name="color:Credit" content="#ffffff"/>
64
	<meta name="color:Credit Hover" content="#a8b080"/>
65
	
66
	
67
	<!-- META : FEATURES -->
68
    <meta name="image:Background" content=""/>
69
    <meta name="image:Avatar" content=""/>
70
    <meta name="if:300px Posts" content="0"/>
71
    <meta name="if:400px Posts" content="0"/>
72
    <meta name="if:500px Posts" content="1"/>
73
    <meta name="if:600px Posts" content="0"/>
74
    <meta name="if:700px Posts" content="0"/>
75
	<meta name="if:Hide Body Scrollbar" content="1"/>
76
	<meta name="if:Show Body Scrollbar" content="0"/>
77
    <meta name="if:Wallpaper BG" content="1"/>
78
    <meta name="if:Texture BG" content="0"/>
79
    <meta name="if:Gradient BG" content="0"/>
80
    <meta name="if:Plaincolor BG" content="0"/>
81
    <meta name="if:On Hover Menu" content="1"/>
82
    <meta name="if:Sticky Menu" content="0"/>
83
    <meta name="if:Solid Post BG" content="0"/>
84
    <meta name="if:Transparent Post BG" content="1"/>
85
    <meta name="if:Plaincolor Post Title BG" content="0"/>
86
    <meta name="if:Gradient Post Title BG" content="1"/>
87
    <meta name="if:Plaincolor Audio Post BG" content="1"/>
88
    <meta name="if:Gradient Audio Post BG" content="0"/>
89
    <meta name="if:Invert Tumblr Controls" content="0"/>
90
    <meta name="text:Title" content="your title here"/>
91
    <meta name="text:Description" content="keep your description about three lines long"/>
92
    <meta name="text:Secondary Title" content="this is the title in the popup panel"/>
93
    <meta name="text:Secondary Description" content="the popup description is about six lines long"/>
94
    <meta name="text:Home Link Title" content="your home link title"/>
95
    <meta name="text:Home Link URL" content="your home link here"/>
96
    <meta name="text:Ask Link Title" content="your ask link title"/>
97
    <meta name="text:Ask Link URL" content="your ask link here"/>
98
    <meta name="text:Link 1 Title" content="link one title"/>
99
    <meta name="text:Link 1 URL" content="link one url"/>
100
    <meta name="text:Link 2 Title" content="link two title"/>
101
    <meta name="text:Link 2 URL" content="link two url"/>
102
    <meta name="text:Link 3 Title" content="link three title"/>
103
    <meta name="text:Link 3 URL" content="link three url"/>
104
    <meta name="text:Link 4 Title" content="link four title"/>
105
    <meta name="text:Link 4 URL" content="link four url"/>
106
    <meta name="text:SNS Link 1 Title" content="sns links refer to"/>
107
    <meta name="text:SNS Link 1 URL" content="the social media buttons"/>
108
    <meta name="text:SNS Link 2 Title" content="in the pop-up"/>
109
    <meta name="text:SNS Link 2 URL" content="you have six but"/>
110
    <meta name="text:SNS Link 3 Title" content="you can add more"/>
111
    <meta name="text:SNS Link 3 URL" content="as well as change the icons"/>
112
    <meta name="text:SNS Link 4 Title" content="of the built-in ones"/>
113
    <meta name="text:SNS Link 4 URL" content=""/>
114
    <meta name="text:SNS Link 5 Title" content=""/>
115
    <meta name="text:SNS Link 5 URL" content=""/>
116
    <meta name="text:SNS Link 6 Title" content=""/>
117
    <meta name="text:SNS Link 6 URL" content=""/>
118
    <meta name="text:Popup Panel BG" content="rgba(215, 180, 195, 0.9)"/>
119
    <meta name="text:Credit BG" content="rgba(225, 225, 225, 1)"/>
120
    <meta name="text:Transparent Post BG" content="rgba(235, 225, 225, 0.5)"/>
121
    <meta name="text:Pagination BG" content="rgba(235, 225, 225, 0.5)"/>
122
    
123
	
124
	<!-- META : FONTS -->
125
	<link href="https://fonts.googleapis.com/css?family=Playfair+Display+SC" rel="stylesheet"> 
126
	<link href="https://fonts.googleapis.com/css?family=Playfair+Display" rel="stylesheet"> 
127
	<link href="https://fonts.googleapis.com/css?family=Nunito+Sans" rel="stylesheet"> 
128
	<script src="https://use.fontawesome.com/ef30ca543c.js"></script>   
129
	
130
	
131
	<style type="text/css">
132
	
133
	body {
134
	    margin: 0px;
135
	}
136
	
137
	#screen {
138
	    {block:IfWallpaperBG}
139
		background-image: url('{image:background}');
140
		background-size: cover;
141
		{/block:IfWallpaperBG}
142
		{block:IfTextureBG}
143
		background-image: url('{image:background}');
144
		{/block:IfTextureBG}
145
		{block:IfGradientBG}
146
		background: linear-gradient(130deg, {color:bg gradient 1} 0%, {color:bg gradient 2} 100%);
147
		{/block:IfGradientBG}
148
	    {block:IfPlaincolorBG}
149
	    background: {color:background};
150
	    {/block:IfPlaincolorBG}
151
	    height: 100vh;
152
		width: 100vw;
153
		position: fixed;
154
		z-index: 0;
155
	}
156
	
157
	a, a:active, a:visited {
158
	    text-decoration: none;
159
	}
160
	
161
	a:hover {
162
	    transition: all ease-in-out 0.4s;
163
	}
164
	
165
	a:focus {
166
	    outline: 0;
167
	}
168
   
169
    small {
170
        font-size: 95%;
171
    }
172
   
173
    pre {
174
        font-size: 95%;
175
        word-wrap: break-all;
176
        word-break: break-all;
177
    }
178
   
179
    hr {
180
        color: {color:post border};
181
        height: 1px;
182
    }
183
   
184
    blockquote {
185
        word-wrap: normal;
186
        word-break: normal;
187
        margin-left: 10px;
188
        margin-right: 0px;
189
        padding: 5px;
190
        border-left: 2px solid {color:post border};
191
    }
192
   
193
    blockquote blockquote {
194
        word-wrap: normal;
195
        word-break: normal;
196
        margin-left: 15px;
197
        margin-right: 0px;
198
        padding: 5px;
199
        border-left: 2px solid {color:post border};
200
    }
201
   
202
    blockquote img {
203
        width: auto;
204
        {block:If300pxPosts}
205
        max-width: 260px;
206
        {/block:If300pxPosts}
207
        {block:If400pxPosts}
208
        max-width: 360px;
209
        {/block:If400pxPosts}
210
        {block:If500pxPosts}
211
        max-width: 460px;
212
        {/block:If500pxPosts}
213
        {block:If600pxPosts}
214
        max-width: 560px;
215
        {/block:If600pxPosts}
216
        {block:If700pxPosts}
217
        max-width: 660px;
218
        {/block:If700pxPosts}
219
        overflow: hidden;
220
    }
221
   
222
    blockquote blockquote img {
223
        width: auto;
224
        {block:If300pxPosts}
225
        max-width: 225px;
226
        {/block:If300pxPosts}
227
        {block:If400pxPosts}
228
        max-width: 325px;
229
        {/block:If400pxPosts}
230
        {block:If500pxPosts}
231
        max-width: 425px;
232
        {/block:If500pxPosts}
233
        {block:If600pxPosts}
234
        max-width: 525px;
235
        {/block:If600pxPosts}
236
        {block:If700pxPosts}
237
        max-width: 625px;
238
        {/block:If700pxPosts}
239
        overflow: hidden;
240
    }
241
   
242
    u, li img {
243
        width: auto;
244
        {block:If300pxPosts}
245
        max-width: 225px;
246
        {/block:If300pxPosts}
247
        {block:If400pxPosts}
248
        max-width: 325px;
249
        {/block:If400pxPosts}
250
        {block:If500pxPosts}
251
        max-width: 425px;
252
        {/block:If500pxPosts}
253
        {block:If600pxPosts}
254
        max-width: 525px;
255
        {/block:If600pxPosts}
256
        {block:If700pxPosts}
257
        max-width: 625px;
258
        {/block:If700pxPosts}
259
        overflow: hidden;
260
    }
261
	
262
	/* TITLE */
263
	h1 {
264
		height: 10px;
265
		width: 160px;
266
		color: {color:title};
267
		font-family: 'Playfair Display SC';
268
		font-size: 14px;
269
		font-weight: 700;
270
		letter-spacing: 1px;
271
		text-transform: uppercase;
272
		text-align: center;
273
		margin-top: calc(50vh - 45px);
274
		margin-left: calc(22vw - 204px);
275
		padding-top: 5px;
276
		padding-bottom: 15px;
277
		position: fixed;
278
		z-index: 10;
279
	}
280
	
281
	h1:hover {
282
	    color: {color:title hover};
283
		transition: all ease-in-out 0.4s;
284
		cursor: help;
285
	}
286
   
287
   /* TEXT POST HEADINGS */
288
    h2 {
289
		font-family: 'Playfair Display SC';
290
		font-size: 14px;
291
		font-weight: 700;
292
		letter-spacing: 1px;
293
		text-transform: uppercase;
294
        padding: 10px;
295
    }
296
	
297
	/* SECONDARY TITLE */
298
	h3 {
299
		height: 10px;
300
		width: 350px;
301
		color: {color:secondary title};
302
		font-family: 'Playfair Display SC';
303
		font-size: 15px;
304
		font-weight: 500;
305
		text-transform: uppercase;
306
		text-align: center;
307
		padding-top: 5px;
308
		padding-bottom: 15px;
309
		margin-top: 192px;
310
		margin-left: calc(50vw - 175px);
311
		position: fixed;
312
	}  
313
   
314
    /* POST TITLE */
315
    h4 {
316
        {block:If300pxPosts}
317
        width: 260px;
318
        {/block:If300pxPosts}
319
        {block:If400pxPosts}
320
        width: 360px;
321
        {/block:If400pxPosts}
322
        {block:If500pxPosts}
323
        width: 460px;
324
        {/block:If500pxPosts}
325
        {block:If600pxPosts}
326
        width: 560px;
327
        {/block:If600pxPosts}
328
        {block:If700pxPosts}
329
        width: 660px;
330
        {/block:If700pxPosts}
331
        {block:IfPlaincolorPostTitleBG}
332
        background: {color:post title bg};
333
        {/block:IfPlaincolorPostTitleBG}
334
        {block:IfGradientPostTitleBG}
335
        background: linear-gradient(130deg, {color:post title bg gradient 1}  0%, {color:post title bg gradient 2} 100%);
336
        {/block:IfGradientPostTitleBG}
337
        color: {color:post title};
338
        font-family: 'Playfair Display SC';
339
        font-size: 15px;
340
        font-weight: 400;
341
        letter-spacing: 1px;
342
        text-align: center;
343
        text-transform: uppercase;
344
        padding: 20px;
345
        margin-top: 5px;
346
        margin-bottom: 15px;
347
    }
348
	
349
	#left {
350
		height: 100vh;
351
		width: 22vw;
352
		position: fixed;
353
		z-index: 3;
354
	}
355
	
356
	#topline {
357
	    background: {color:sidebar border};
358
		height: calc(50vh - 122px);
359
		width: 2px;
360
		margin-left: calc(22vw - 125px);
361
		position: fixed;
362
		z-index: 8px;
363
	}
364
	
365
	#topline:hover #menu {
366
	    display: block;
367
		transition: all ease-in-out 0.4s;
368
	}
369
	
370
	#menu {
371
	    {block:IfOnHoverMenu}
372
		display: none;
373
		{/block:IfOnHoverMenu}
374
		{block:IfStickyMenu}
375
		display: block;
376
		{/block:IfStickyMenu}
377
		height: 160px;
378
		width: 10px;
379
		color: {color:menu};
380
		font-size: 8px;
381
		font-weight: 100;
382
		text-align: center;
383
		padding: 10px;
384
		margin-top: calc(50vh - 292px);
385
		margin-left: 2px;
386
		position: fixed;
387
	}
388
	
389
	#menu a, a:active, a:visited {
390
	    color: {color:menu};
391
	}
392
	
393
	#menu a:hover {
394
	    color: {color:menu hover};
395
	}
396
	
397
	#diamond {
398
	    background: {color:sidebar};
399
		height: 160px;
400
		width: 160px;
401
		outline: 2px solid {color:sidebar border};
402
		outline-offset: 5px;
403
		margin-top: calc(50vh - 80px);
404
		margin-left: calc(22vw - 204px);
405
		transform: rotate(45deg);
406
		position: fixed;
407
		z-index: 9;
408
	}
409
	
410
	#bottomline {
411
	    background: {color:sidebar border};
412
		height: calc(50vh - 122px);
413
		width: 2px;
414
		margin-top: calc(100vh - (50vh - 122px));
415
		margin-left: calc(22vw - 125px);
416
		position: fixed;
417
		z-index: 8px;
418
	}
419
	
420
	#description {
421
	    height: 50px;
422
		width: 180px;
423
		color: {color:description};
424
		font-family: 'Nunito Sans';
425
		font-size: 10px;
426
		font-style: italic;
427
		text-align: center;
428
		margin-top: calc(50vh - 15px);
429
		margin-left: calc(22vw - 219px);
430
		padding: 5px;
431
		position: fixed;
432
		z-index: 10;		
433
	}	
434
435
    #description a, a:active, a:visited {
436
		color: {color:title};
437
	}
438
	
439
	#description a:hover {
440
	    color: {color:title hover};
441
	}
442
443
    #description b {
444
		color: {color:title};
445
	}
446
	
447
	#overlay {
448
	    display: none;
449
		background-color: {text:popup panel bg};
450
		height: 100vh;
451
		width: 100vw;
452
		top: 0;
453
		left: 0;
454
		position: fixed;
455
		z-index: 11;
456
	}
457
	
458
	#overlay:target {
459
	    display: block;
460
		transition: ease-in-out 0.4s;
461
	}
462
	
463
	#wrap {
464
	    height: 350px;
465
		width: 100vw;
466
		margin-top: calc(50vh - 175px);
467
		position: fixed;
468
		z-index: 11;	
469
	}
470
	
471
	#avatar {
472
		height: 100px;
473
		width: 100px;
474
		outline: 2px solid {color:avatar border};
475
		outline-offset: 5px;
476
		margin-top: 32px;
477
		margin-left: calc(50vw - 50px);
478
		transform: rotate(45deg);
479
		overflow: hidden;
480
		position: fixed;
481
	}
482
	
483
	#avatar img {
484
	    height: 150px;
485
		width: 150px;
486
		margin-top: -25px;
487
		margin-left: -25px;
488
		transform: rotate(-45deg);
489
        position: fixed;		
490
	}
491
	
492
	#avatar:hover #return {
493
	    display: block;
494
		transition: ease-in-out 0.4s;
495
	}
496
	
497
	#return {
498
	    display: none;
499
		background: {color:avatar border};
500
		height: 5px;
501
		width: 130px;
502
		font-family: 'Arial';
503
		font-size: 10px;
504
		font-weight: 500;
505
		font-variant: small-caps;
506
		letter-spacing: 1px;
507
		text-align: center;
508
		padding-top: 6px;
509
		padding-left: 10px;
510
		padding-right: 10px;
511
		padding-bottom: 14px;
512
		margin-top: 38px;
513
		margin-left: -25px;
514
		transform: rotate(-45deg);
515
        position: fixed;		
516
	}	
517
518
    #return a, a:active, a:visited {
519
		color: {color:links};
520
	}
521
	
522
	#return a:hover {
523
	    color: {color:links hover};
524
		font-style: italic;
525
		font-variant: normal;
526
	}
527
	
528
	#leftline {
529
	    background: {color:avatar border};
530
		height: 2px;
531
		width: calc(50vw - 77px);
532
		margin-top: 81px;
533
		position: fixed;
534
	}
535
	
536
	#rightline {
537
	    background: {color:avatar border};
538
		height: 2px;
539
		width: calc(50vw - 77px);
540
		margin-top: 81px;
541
		margin-left: calc(100vw - (50vw - 77px));
542
		position: fixed;
543
	}
544
	
545
	#sdesc {
546
		height: 80px;
547
		width: 350px;
548
		color: {color:secondary description};
549
		font-family: 'Nunito Sans';
550
		font-size: 10px;
551
		text-align: center;
552
		padding-top: 5px;
553
		padding-bottom: 15px;
554
		margin-top: 222px;
555
		margin-left: calc(50vw - 175px);
556
		position: fixed;
557
	}
558
	
559
	#sns {
560
	    width: 400px;
561
		color: {color:sns links};
562
		font-size: 12px;
563
		font-weight: 100;
564
		text-align: center;
565
		margin-top: 329px;
566
		margin-left: calc(50vw - 200px);
567
		position: fixed;
568
	}
569
	
570
	#sns a, a:active, a:visited {
571
		color: {color:sns links};
572
	}
573
	
574
	#sns a:hover {
575
	    color: {color:sns links hover};
576
	}
577
	
578
	#right {
579
	    height: 100vh;
580
		width: 78vw;
581
		padding-left: 40px;
582
		{block:IfHideBodyScrollbar}
583
		padding-right: 1500px;
584
		{/block:IfHideBodyScrollbar}
585
		margin-left: calc(22vw - 60px);
586
		overflow-x: hidden;
587
		overflow-y: auto;
588
		position: absolute;
589
	}
590
   
591
   
592
    /* POSTS */
593
   
594
    #post {
595
        {block:If300pxPosts}
596
        width: 300px;
597
        {/block:If300pxPosts}
598
        {block:If400pxPosts}
599
        width: 400px;
600
        {/block:If400pxPosts}
601
        {block:If500pxPosts}
602
        width: 500px;
603
        {/block:If500pxPosts}
604
        {block:If600pxPosts}
605
        width: 600px;
606
        {/block:If600pxPosts}
607
        {block:If700pxPosts}
608
        width: 700px;
609
        {/block:If700pxPosts}
610
        {block:IfSolidPostBG}
611
        background-color: {color:post background};
612
        {/block:IfSolidPostBG}
613
        {block:IfTransparentPostBG}
614
        background-color: {text:transparent post bg};
615
        {/block:IfTransparentPostBG}
616
        color: {color:text};
617
        font-family: 'Arial';
618
        font-size: 10.5px;
619
        word-wrap: normal;
620
        border: 1px solid {color:post border};
621
        padding-top: 20px;
622
        padding-left: 20px;
623
        padding-bottom: 30px;
624
        padding-right: 20px;
625
        margin-top: 50px;
626
        margin-left: auto;
627
        margin-right: auto;
628
        z-index: 9;
629
    }
630
   
631
    #post p {
632
        margin: 10px;
633
    }
634
   
635
    #post a, a:active, a:visited {
636
        color: {color:links};
637
        text-decoration: none;
638
    }
639
   
640
    #post a:hover {
641
        color: {color:links hover};
642
        text-decoration: none;
643
    }
644
   
645
    #post b, strong {
646
        color: {color:bold};
647
        font-weight: 600;
648
    }
649
   
650
    #post i, em {
651
        color: {color:italic};
652
    }
653
   
654
    #post u, underline {
655
        color: {color:underline};
656
        text-decoration: underline;
657
    }
658
   
659-
	#post img {
659+
    #post img {
660
        {block:If300pxPosts}
661-
        max-width: 300px;
661+
662
        {/block:If300pxPosts}
663
        {block:If400pxPosts}
664-
        max-width: 400px;
664+
665
        {/block:If400pxPosts}
666
        {block:If500pxPosts}
667-
        max-width: 500px;
667+
668
        {/block:If500pxPosts}
669
        {block:If600pxPosts}
670-
        max-width: 600px;
670+
671
        {/block:If600pxPosts}
672
        {block:If700pxPosts}
673-
        max-width: 700px;
673+
674
        {/block:If700pxPosts}
675
        margin-left: -1px;
676
    }
677-
	#post video {
677+
678
    #info {
679-
        max-width: 300px;
679+
680
        width: 300px;
681
        {/block:If300pxPosts}
682-
        max-width: 400px;
682+
683
        width: 400px;
684
        {/block:If400pxPosts}
685-
        max-width: 500px;
685+
686
        width: 500px;
687
        {/block:If500pxPosts}
688-
        max-width: 600px;
688+
689
        width: 600px;
690
        {/block:If600pxPosts}
691-
        max-width: 700px;
691+
692
        width: 700px;
693
        {/block:If700pxPosts}
694
        background-color: {color:post info bg};
695
        color: {color:info links};
696
        font-family: 'Arial';
697
        font-size: 10px;
698
        font-variant: small-caps;
699
        text-transform: lowercase;
700
        text-align: center;
701
        border-left: 1px solid {color:post border};
702
        border-right: 1px solid {color:post border};
703
        border-bottom: 1px solid {color:post border};
704
        padding: 20px;
705
        margin-top: 0px;
706
        margin-left: auto;
707
        margin-right: auto;
708
        z-index: 9;
709
    }
710
   
711
    #info a, a:active, a:visited {
712
        color: {color:info links};
713
    }
714
   
715
    #info a:hover {
716
        color: {color:info links hover};
717
    }
718
   
719
    #tags {
720
        {block:If300pxPosts}
721
        width: 300px;
722
        {/block:If300pxPosts}
723
        {block:If400pxPosts}
724
        width: 400px;
725
        {/block:If400pxPosts}
726
        {block:If500pxPosts}
727
        width: 500px;
728
        {/block:If500pxPosts}
729
        {block:If600pxPosts}
730
        width: 600px;
731
        {/block:If600pxPosts}
732
        {block:If700pxPosts}
733
        width: 700px;
734
        {/block:If700pxPosts}
735
        background-color: transparent;
736
        color: {color:post border};
737
        font-family: 'Nunito Sans';
738
        font-size: 10.5px;
739
        letter-spacing: 1px;
740
        text-transform: lowercase;
741
        word-break: break-all;
742
        margin-top: 0px;
743
        margin-bottom: 50px;
744
        margin-left: auto;
745
        margin-right: auto;
746
        padding: 10px;
747
    }
748
   
749
    #tags a, a:active, a:visited {
750
       color: {color:tags};
751
       text-decoration: none;
752
    }
753
   
754
    #tags a:hover {
755
        color: {color:tags hover};
756
    }
757
   
758
    /* POST TYPES */
759
   
760
    .user-text {
761
        background-color: {color:post border};
762
        font-family: 'Arial';
763
        font-size: 11px;
764
        font-weight: 600;
765
        font-variant: small-caps;
766
        letter-spacing: 1px;
767
        text-align: center;
768
        padding: 10px;
769
        margin-top: 7px;
770
    }
771
   
772
    .user-photo {
773
        background-color: {color:post border};
774
        font-family: 'Arial';
775
        font-size: 11px;
776
        font-weight: 600;
777
        font-variant: small-caps;
778
        letter-spacing: 1px;
779
        text-align: center;
780
        padding: 10px;
781
        margin-top: 15px;
782
    }
783
   
784
    .branch {
785
        {block:If300pxPosts}
786
        width: 298px;
787
        {/block:If300pxPosts}
788
        {block:If400pxPosts}
789
        width: 398px;
790
        {/block:If400pxPosts}
791
        {block:If500pxPosts}
792
        width: 498px;
793
        {/block:If500pxPosts}
794
        {block:If600pxPosts}
795
        width: 598px;
796
        {/block:If600pxPosts}
797
        {block:If700pxPosts}
798
        width: 698px;
799
        {/block:If700pxPosts}
800
        border: 1px solid {color:post border};
801-
    #branch {
801+
802
    }
803
   
804
    .photo {
805
        {block:If300pxPosts}
806
        width: 300px;
807
        {/block:If300pxPosts}
808
        {block:If400pxPosts}
809
        width: 400px;
810
        {/block:If400pxPosts}
811
        {block:If500pxPosts}
812
        width: 500px;
813
        {/block:If500pxPosts}
814
        {block:If600pxPosts}
815
        width: 600px;
816
        {/block:If600pxPosts}
817
        {block:If700pxPosts}
818
        width: 700px;
819
        {/block:If700pxPosts}
820
    }
821-
	#branch img {
821+
822
    .photo img {
823-
        max-width: 298px;
823+
824
        width: 300px;
825
        {/block:If300pxPosts}
826-
        max-width: 398px;
826+
827
        width: 400px;
828
        {/block:If400pxPosts}
829-
        max-width: 498px;
829+
830
        width: 500px;
831
        {/block:If500pxPosts}
832-
        max-width: 598px;
832+
833
        width: 600px;
834
        {/block:If600pxPosts}
835-
        max-width: 698px;
835+
836
        width: 700px;
837
        {/block:If700pxPosts}
838
    }  
839-
	#branch video {
839+
840
    .postnote {
841-
        max-width: 298px;
841+
842
        width: 320px;
843
        {/block:If300pxPosts}
844-
        max-width: 398px;
844+
845
        width: 420px;
846
        {/block:If400pxPosts}
847-
        max-width: 498px;
847+
848
        width: 520px;
849
        {/block:If500pxPosts}
850-
        max-width: 598px;
850+
851
        width: 620px;
852
        {/block:If600pxPosts}
853-
        max-width: 698px;
853+
854
        width: 720px;
855
        {/block:If700pxPosts}
856
        color: {color:post border};
857-
    #photo {
857+
858
        font-size: 9px;
859
        letter-spacing: 1px;
860
        padding: 10px;
861
        margin-left: auto;
862
        margin-right: auto;
863
    }
864
   
865
    .postnote a, a:active, a:visited {
866
        color: {color:tags};
867
    }
868
   
869
    .postnote a:hover {
870
        color: {color:tags hover};
871
    }
872
   
873
    /* QUOTE */
874
   
875-
    #photo img {
875+
876
        {block:If300pxPosts}
877
        width: 230px;
878
        {/block:If300pxPosts}
879
        {block:If400pxPosts}
880
        width: 330px;
881
        {/block:If400pxPosts}
882
        {block:If500pxPosts}
883
        width: 430px;
884
        {/block:If500pxPosts}
885
        {block:If600pxPosts}
886
        width: 530px;
887
        {/block:If600pxPosts}
888
        {block:If700pxPosts}
889
        width: 630px;
890
        {/block:If700pxPosts}
891
        font-family: 'Playfair Display';
892
        font-size: 13px;
893
        font-weight: 400;
894
        text-align: center;
895
        border-bottom: 1px solid {color:post border};
896
        padding: 10px;
897
        margin-left: auto;
898
        margin-right: auto;
899
    }
900
   
901
    .qusource {
902
        font-size: 10px;
903
        font-variant: small-caps;
904
        letter-spacing: 1px;
905
        text-transform: lowercase;
906
        text-align: center;
907
        padding-top: 10px;
908
    }
909
   
910
    /* CHAT */
911
   
912
    .chat {
913
        height: auto;
914
        width: auto;
915
        text-align: justify;
916
        border-top: 1px solid {color:post border};
917
        border-left: 1px solid {color:post border};
918
        border-right: 1px solid {color:post border};
919
    }
920
   
921
    .line {
922
        height: auto;
923
        width: auto;
924
        border-bottom: 1px solid {color:post border};
925
    }
926
   
927
    /* ASKS */
928
   
929
    .ask {
930
        {block:If300pxPosts}
931
        width: 230px;
932
        {/block:If300pxPosts}
933
        {block:If400pxPosts}
934
        width: 330px;
935
        {/block:If400pxPosts}
936
        {block:If500pxPosts}
937
        width: 430px;
938
        {/block:If500pxPosts}
939
        {block:If600pxPosts}
940
        width: 530px;
941
        {/block:If600pxPosts}
942
        {block:If700pxPosts}
943
        width: 630px;
944
        {/block:If700pxPosts}
945
        font-family: 'Nunito Sans';
946
        font-size: 11px;
947
        font-style: italic;
948
        text-align: justify;
949
        border-bottom: 1px solid {color:post border};
950
        padding: 10px;
951
        margin-left: auto;
952
        margin-right: auto;
953
    }
954
   
955
    .asker {
956
        {block:If300pxPosts}
957
        width: 230px;
958
        {/block:If300pxPosts}
959
        {block:If400pxPosts}
960
        width: 330px;
961
        {/block:If400pxPosts}
962
        {block:If500pxPosts}
963
        width: 430px;
964
        {/block:If500pxPosts}
965
        {block:If600pxPosts}
966
        width: 530px;
967
        {/block:If600pxPosts}
968
        {block:If700pxPosts}
969
        width: 630px;
970
        {/block:If700pxPosts}
971
        font-family: 'Arial';
972
        font-size: 10px;
973
        font-variant: small-caps;
974
        letter-spacing: 1px;
975
        text-transform: lowercase;
976
        text-align: center;
977
        border-bottom: 1px solid {color:post border};
978
        padding: 10px;
979
        margin-left: auto;
980
        margin-right: auto;
981
    }
982
   
983
    .asker a, a:active, a:visited {
984
        color: {color:post border};
985
    }
986
   
987
    .answer {
988
        {block:If300pxPosts}
989
        width: 230px;
990
        {/block:If300pxPosts}
991
        {block:If400pxPosts}
992
        width: 330px;
993
        {/block:If400pxPosts}
994
        {block:If500pxPosts}
995
        width: 430px;
996
        {/block:If500pxPosts}
997
        {block:If600pxPosts}
998
        width: 530px;
999
        {/block:If600pxPosts}
1000
        {block:If700pxPosts}
1001
        width: 630px;
1002
        {/block:If700pxPosts};
1003
        text-align: justify;
1004
        padding: 10px;
1005
        margin-left: 25px;
1006
        margin-top: 35px;
1007
        border: 1px solid {color:post border};
1008
    }
1009
   
1010
    .answerer {
1011
        color: {color:links};
1012
        font-family: 'Arial';
1013
        font-size: 10px;
1014
        font-variant: small-caps;
1015
        letter-spacing: 1px;
1016
        text-transform: lowercase;
1017
        text-align: center;
1018
        padding-top: 7px;
1019
    }
1020
   
1021
    /* AUDIO */
1022
   
1023
    #audio {
1024
        {block:If300pxPosts}
1025
        width: 300px;
1026
        {/block:If300pxPosts}
1027
        {block:If400pxPosts}
1028
        width: 400px;
1029
        {/block:If400pxPosts}
1030
        {block:If500pxPosts}
1031
        width: 500px;
1032
        {/block:If500pxPosts}
1033
        {block:If600pxPosts}
1034
        width: 600px;
1035
        {/block:If600pxPosts}
1036
        {block:If700pxPosts}
1037
        width: 700px;
1038
        {/block:If700pxPosts}
1039
    }
1040
   
1041
    #audio b, strong {
1042
        color: {color:audio post details};
1043
    }
1044
   
1045
    #albumart {
1046
        height: 105px;
1047
        width: 105px;
1048
        border: 5px solid {color:post border};
1049
        margin-top: 7px;
1050
        overflow: hidden;
1051
        z-index: 9;
1052
    }
1053
   
1054
    #albumart img {
1055
        height: 106px;
1056
        width: 106px;
1057
    }
1058
   
1059
    .player {
1060
        background-color: transparent;
1061
        opacity: 0.5;
1062
        width: 25px;
1063
        height: 25px;
1064
        border-radius: 25px;
1065
        -moz-border-radius: 25px;
1066
        -webkit-border-radius: 25px;
1067
        -o-border-radius: 25px;
1068
        margin-top: -68px;
1069
        margin-left: 45px;
1070
        overflow: hidden;
1071
        position: absolute;
1072
        z-index: 10;
1073
    }
1074
   
1075
    .adetails {
1076
        {block:IfPlaincolorAudioPostBG}
1077
        background: {color:audio post bg};
1078
        {/block:IfPlaincolorAudioPostBG}
1079
        {block:IfGradientAudioPostBG}
1080
        background: linear-gradient(130deg, {color:audio post bg gradient 1}  0%, {color:audio post bg gradient 2} 100%);
1081
        {/block:IfGradientAudioPostBG}
1082
        height: 85px;
1083
        {block:If300pxPosts}
1084
        width: 184px;
1085
        {/block:If300pxPosts}
1086
        {block:If400pxPosts}
1087
        width: 284px;
1088
        {/block:If400pxPosts}
1089
        {block:If500pxPosts}
1090
        width: 384px;
1091
        {/block:If500pxPosts}
1092
        {block:If600pxPosts}
1093
        width: 484px;
1094
        {/block:If600pxPosts}
1095
        {block:If700pxPosts}
1096
        width: 584px;
1097
        {/block:If700pxPosts}
1098
        color: {color:audio post details};
1099
        font-family: 'Arial';
1100
        font-size: 9px;
1101
        letter-spacing: 1px;
1102
        text-transform: lowercase;
1103
        text-align: center;
1104
        padding-top: 30px;
1105
        margin-top: -115px;
1106
        margin-left: 116px;
1107
        z-index: 9;
1108
    }
1109
   
1110
    #pagination {
1111
        background: {text:pagination bg};
1112
        height: 10px;
1113
        {block:If300pxPosts}
1114
        width: 340px;
1115
        {/block:If300pxPosts}
1116
        {block:If400pxPosts}
1117
        width: 440px;
1118
        {/block:If400pxPosts}
1119
        {block:If500pxPosts}
1120
        width: 540px;
1121
        {/block:If500pxPosts}
1122
        {block:If600pxPosts}
1123
        width: 640px;
1124
        {/block:If600pxPosts}
1125
        {block:If700pxPosts}
1126
        width: 740px;
1127
        {/block:If700pxPosts}
1128
        color: {color:pagination};
1129
        font-family: 'Arial';
1130
        font-size: 10px;
1131
        font-variant: small-caps;
1132
        letter-spacing: 1px;
1133
        text-align: center;
1134
        border: 1px solid {color:pagination border};
1135
        padding-top: 10px;
1136
        padding-bottom: 12px;
1137
        margin-left: auto;
1138
        margin-right: auto;
1139
        margin-bottom: 50px;
1140
    }
1141
   
1142
    #pagination a, a:active, a:visited {
1143
        color: {color:pagination};
1144
    }
1145
   
1146
    #pagination a:hover {
1147
        color: {color:pagination hover};
1148
    }
1149
	
1150
   
1151
    /* DO NOT REMOVE CREDIT! */
1152
    #credit {
1153
        height: 42px;
1154
		width: 66px;
1155
		color: {color:credit};
1156
        text-align: center;
1157
        margin-top: calc(100vh - 67px);
1158
		{block:IfHideBodyScrollbar}
1159
        margin-left: calc(100vw - 87px);
1160
		{/block:IfHideBodyScrollbar}
1161
		{block:IfShowBodyScrollbar}
1162
		margin-left: calc(100vw - 107px);
1163
		{/block:IfShowBodyScrollbar}
1164
        position: fixed;
1165
        z-index: 15;
1166
    }
1167
   
1168
    #credit a, a:active, a:visited {
1169
        color: {color:credit};
1170
    }
1171
   
1172
    #credit a:hover {
1173
	    color: {color:credit hover};
1174
    }
1175
	
1176
	/* TUMBLR CONTROLS */
1177
    .iframe-controls--desktop {
1178
        {block:IfInvertTumblrControls}
1179
        filter: invert(100%);
1180
        {/block:IfInvertTumblrControls}
1181
		padding-top: 5px;
1182
		{block:IfHideBodyScrollbar}
1183
        padding-right: 7px;
1184
		{/block:IfHideBodyScrollbar}
1185
		{block:IfShowBodyScrollbar}
1186
	    margin-right: 27px;
1187
		{/block:IfShowBodyScrollbar}
1188
        transform: scale(0.8);
1189
        transform-origin: 100% 0;
1190
        -webkit-transform: scale(0.8);
1191
        -webkit-transform-origin: 100% 0;
1192
        -moz-transform: scale(0.8);
1193
        -moz-transform-origin: 100% 0;
1194
        -ms-transform: scale(0.8);
1195
        -ms-transform-origin: 100% 0;
1196
        -o-transform: scale(0.8);
1197
        -o-transform-origin: 100% 0;
1198
    }
1199
	    
1200
	    
1201
	</style></head>
1202
	<body>
1203
	<!-- beginning all -->
1204
	<div id="screen">
1205
	<!-- beginning left side -->
1206
	<div id="left">
1207
	<!-- top/first line -->
1208
	<div id="topline">
1209
	<!-- beginning menu -->
1210
	<div id="menu">
1211
	<span style="font-size: 14px;"><a href="{text:home link url}" title="{text:home link title}"><i class="fa fa-power-off"></i></a></span><br><br>
1212
	<span style="font-size: 13px;"><a href="{text:ask link url}" title="{text:ask link title}"><i class="fa fa-telegram"></i></a></span><br><br>
1213
	<span style="font-size: 13px;"><a href="{text:link 1 url}" title="{text:link 1 title}"><i class="fa fa-user-circle-o"></i></a></span><br><br>
1214
	<span style="font-size: 15px;"><a href="{text:link 2 url}" title="{text:link 2 title}"><i class="fa fa-question-circle"></i></a></span><br><br>
1215
	<span style="font-size: 15px;"><a href="{text:link 3 url}" title="{text:link 3 title}"><i class="fa fa-ban"></i></a></span><br><br>
1216
	<span style="font-size: 15px;"><a href="{text:link 4 url}" title="{text:link 4 title}"><i class="fa fa-check-circle"></i></a></span>
1217
	</div>
1218
	<!-- end menu -->
1219
	</div>
1220
	<!-- sidebar -->
1221
	<div id="diamond"></div>
1222
	<!-- bottom/second line -->
1223
	<div id="bottomline"></div>
1224
	<!-- title -->
1225
	<a href="#overlay" title="ᴄʟɪᴄᴋ ᴍᴇ"><h1>{text:title}</h1></a>
1226
	<!-- description -->
1227
	<div id="description">{text:description}</div>
1228
	
1229
	<!-- beginning overlay -->
1230
	<div id="overlay">
1231
	<!-- content-wrap -->
1232
	<div id="wrap">
1233
	<!-- avatar wrap -->
1234
	<div id="avatar">
1235
	<!-- icon -->
1236
	<img src="{image:avatar}">
1237
	<!-- return button -->
1238
	<div id="return"><a href="#">return</a></div>
1239
	</div>
1240
	<!-- end avatar -->
1241
	
1242
	<!-- left line -->
1243
	<div id="leftline"></div>
1244
	<!-- right line -->
1245
	<div id="rightline"></div>
1246
	
1247
	<!-- secondary title -->
1248
	<h3>{text:secondary title}</h3>
1249
	<!-- secondary description -->
1250
	<div id="sdesc">{text:secondary description}</div>
1251
	<!-- social media buttons -->
1252
	<div id="sns">
1253
	<span style="font-size: 14px;"><a href="{text:sns link 1 url}" title="{text:sns link 1 title}"><i class="fa fa-share-alt"></i></a></span> &nbsp;&nbsp; 
1254
	<span style="font-size: 17px;"><a href="{text:sns link 2 url}" title="{text:sns link 2 title}"><i class="fa fa-pinterest"></i></a></span> &nbsp;&nbsp; 
1255
	<span style="font-size: 16px;"><a href="{text:sns link 3 url}" title="{text:sns link 3 title}"><i class="fa fa-instagram"></i></a></span> &nbsp;&nbsp; 
1256
	<span style="font-size: 17px;"><a href="{text:sns link 4 url}" title="{text:sns link 4 title}"><i class="fa fa-spotify"></i></a></span> &nbsp;&nbsp; 
1257
	<span style="font-size: 17px;"><a href="{text:sns link 5 url}" title="{text:sns link 5 title}"><i class="fa fa-twitter-square"></i></a></span> &nbsp;&nbsp; 
1258
	<span style="font-size: 15px;"><a href="{text:sns link 6 url}" title="{text:sns link 6 title}"><i class="fa fa-bandcamp"></i></a></span>
1259
	</div>
1260
	<!-- end sns -->
1261
	</div></div>
1262
	<!-- end content-wrap, end overlay -->
1263
	</div>
1264
	<!-- end left side -->
1265
	
1266
	
1267
	<!-- beginning right side -->
1268
	<div id="right">
1269
    <!-- beginning posts -->
1270
    {block:Posts}
1271
    <div id="post">
1272
    {block:Text}
1273
   
1274
    {block:Title}<h4>{Title}</h4>{/block:Title}
1275
    {block:NotReblog}{Body}{/block:NotReblog}
1276
    {block:RebloggedFrom}
1277
    {block:Reblogs}
1278
    {block:IsActive}<div class="user-text"><a href="{PermaLink}">{Username}</a></div>{/block:IsActive}
1279
    {block:IsDeactivated}<div class="user-text"><a>{Username}</a></div>{block:IsDeactivated}
1280
    <div class="branch">{Body}</div>
1281
    {/block:Reblogs}
1282
    {/Block:RebloggedFrom}
1283
   
1284
    {/block:Text}
1285
   
1286
   
1287
    {block:Link}<h4><a href="{URL}" {Target}>{Name}</a></h4>
1288
    {block:Description}
1289
    {block:NotReblog}{Description}{/block:NotReblog}
1290
    {block:RebloggedFrom}
1291
    {block:Reblogs}
1292
    {block:IsActive}<div class="user-text"><a href="{PermaLink}">{Username}</a></div>{/block:IsActive}
1293
    {block:IsDeactivated}<div class="user-text"><a>{Username}</a></div>{block:IsDeactivated}
1294
    <div class="branch">{Description}</div>
1295
    {/block:Reblogs}
1296
    {/Block:RebloggedFrom}
1297
    {/block:Description}{/block:Link}
1298
   
1299
   
1300
    {block:Photo}
1301
    <div class="photo">{LinkOpenTag}<img src="{PhotoURL-HighRes}">{LinkCloseTag}</div>
1302
    {block:Caption}
1303
   
1304
    {block:NotReblog}{Caption}{/block:NotReblog}
1305
   
1306
    {block:RebloggedFrom}
1307
    {block:Reblogs}
1308
    {block:IsActive}<div class="user-photo"><a href="{PermaLink}">{Username}</a></div>{/block:IsActive}
1309
    {block:IsDeactivated}<div class="user-photo"><a>{Username}</a></div>{block:IsDeactivated}
1310
    <div class="branch">{Body}</div>
1311
    {/block:Reblogs}
1312
    {/Block:RebloggedFrom}
1313
   
1314
    {/block:Caption}
1315
    {/block:Photo}
1316
   
1317
   
1318
    {block:If300pxPosts}
1319
    {block:Photoset}
1320
    {Photoset}
1321
    {block:Caption}
1322
   
1323
    {block:NotReblog}{Caption}{/block:NotReblog}
1324
   
1325
    {block:RebloggedFrom}
1326
    {block:Reblogs}
1327
    {block:IsActive}<div class="user-photo"><a href="{PermaLink}">{Username}</a></div>{/block:IsActive}
1328
    {block:IsDeactivated}<div class="user-photo"><a>{Username}</a></div>{block:IsDeactivated}
1329
    <div class="branch">{Body}</div>
1330
    {/block:Reblogs}
1331
    {/Block:RebloggedFrom}
1332-
    {block:IsDeactivated}<div class="user-text"><a>{Username}</a></div>{/block:IsDeactivated}
1332+
1333-
    <div id="branch">{Body}</div>
1333+
1334
    {/block:If300pxPosts}
1335
   
1336
   
1337
    {block:If400pxPosts}
1338
    {block:Photoset}
1339
    {Photoset-400}
1340
    {block:Caption}
1341
   
1342
    {block:NotReblog}{Caption}{/block:NotReblog}
1343
   
1344
    {block:RebloggedFrom}
1345
    {block:Reblogs}
1346-
    {block:IsDeactivated}<div class="user-text"><a>{Username}</a></div>{/block:IsDeactivated}
1346+
1347-
    <div id="branch">{Description}</div>
1347+
    {block:IsDeactivated}<div class="user-photo"><a>{Username}</a></div>{block:IsDeactivated}
1348
    <div class="branch">{Body}</div>
1349
    {/block:Reblogs}
1350
    {/Block:RebloggedFrom}
1351
   
1352
    {/block:Caption}{/block:Photoset}
1353
    {/block:If400pxPosts}
1354-
    <div id="photo">{LinkOpenTag}<img src="{PhotoURL-HighRes}">{LinkCloseTag}</div>
1354+
1355
   
1356
    {block:If500pxPosts}
1357
    {block:Photoset}
1358
    {Photoset-500}
1359
    {block:Caption}
1360
   
1361
    {block:NotReblog}{Caption}{/block:NotReblog}
1362-
    {block:IsDeactivated}<div class="user-photo"><a>{Username}</a></div>{/block:IsDeactivated}
1362+
1363-
    <div id="branch">{Body}</div>
1363+
1364
    {block:Reblogs}
1365
    {block:IsActive}<div class="user-photo"><a href="{PermaLink}">{Username}</a></div>{/block:IsActive}
1366
    {block:IsDeactivated}<div class="user-photo"><a>{Username}</a></div>{block:IsDeactivated}
1367
    <div class="branch">{Body}</div>
1368
    {/block:Reblogs}
1369
    {/Block:RebloggedFrom}
1370
   
1371
    {/block:Caption}{/block:Photoset}
1372
    {/block:If500pxPosts}
1373
   
1374
   
1375
    {block:If600pxPosts}
1376
    {block:Photoset}
1377
    {Photoset}
1378
    {block:Caption}
1379
   
1380
    {block:NotReblog}{Caption}{/block:NotReblog}
1381-
    {block:IsDeactivated}<div class="user-photo"><a>{Username}</a></div>{/block:IsDeactivated}
1381+
1382-
    <div id="branch">{Body}</div>
1382+
1383
    {block:Reblogs}
1384
    {block:IsActive}<div class="user-photo"><a href="{PermaLink}">{Username}</a></div>{/block:IsActive}
1385
    {block:IsDeactivated}<div class="user-photo"><a>{Username}</a></div>{block:IsDeactivated}
1386
    <div class="branch">{Body}</div>
1387
    {/block:Reblogs}
1388
    {/Block:RebloggedFrom}
1389
   
1390
    {/block:Caption}{/block:Photoset}
1391
    {/block:If600pxPosts}
1392
   
1393
   
1394
    {block:If700pxPosts}
1395
    {block:Photoset}
1396
    {Photoset-700}
1397
    {block:Caption}
1398
   
1399
    {block:NotReblog}{Caption}{/block:NotReblog}
1400-
    {block:IsDeactivated}<div class="user-photo"><a>{Username}</a></div>{/block:IsDeactivated}
1400+
1401-
    <div id="branch">{Body}</div>
1401+
1402
    {block:Reblogs}
1403
    {block:IsActive}<div class="user-photo"><a href="{PermaLink}">{Username}</a></div>{/block:IsActive}
1404
    {block:IsDeactivated}<div class="user-photo"><a>{Username}</a></div>{block:IsDeactivated}
1405
    <div class="branch">{Body}</div>
1406
    {/block:Reblogs}
1407
    {/Block:RebloggedFrom}
1408
   
1409
    {/block:Caption}{/block:Photoset}
1410
    {/block:If700pxPosts}
1411
   
1412
     
1413
    {block:If300pxPosts}
1414
    {block:Video}{Video-300}
1415
    {block:Caption}
1416
   
1417
    {block:NotReblog}{Caption}{/block:NotReblog}
1418
   
1419-
    {block:IsDeactivated}<div class="user-photo"><a>{Username}</a></div>{/block:IsDeactivated}
1419+
1420-
    <div id="branch">{Body}</div>
1420+
1421
    {block:IsActive}<div class="user-photo"><a href="{PermaLink}">{Username}</a></div>{/block:IsActive}
1422
    {block:IsDeactivated}<div class="user-photo"><a>{Username}</a></div>{block:IsDeactivated}
1423
    <div class="branch">{Body}</div>
1424
    {/block:Reblogs}
1425
    {/Block:RebloggedFrom}
1426
   
1427
    {/block:Caption}{/block:Video}
1428
    {/block:If300pxPosts}
1429
   
1430
     
1431
    {block:If400pxPosts}
1432
    {block:Video}{Video-400}
1433
    {block:Caption}
1434
   
1435
    {block:NotReblog}{Caption}{/block:NotReblog}
1436
   
1437
    {block:RebloggedFrom}
1438-
    {block:IsDeactivated}<div class="user-photo"><a>{Username}</a></div>{/block:IsDeactivated}
1438+
1439-
    <div id="branch">{Body}</div>
1439+
1440
    {block:IsDeactivated}<div class="user-photo"><a>{Username}</a></div>{block:IsDeactivated}
1441
    <div class="branch">{Body}</div>
1442
    {/block:Reblogs}
1443
    {/Block:RebloggedFrom}
1444
   
1445
    {/block:Caption}{/block:Video}
1446
    {/block:If400pxPosts}
1447
     
1448
     
1449
    {block:If500pxPosts}
1450
    {block:Video}{Video-500}
1451
    {block:Caption}
1452
   
1453
    {block:NotReblog}{Caption}{/block:NotReblog}
1454
   
1455
    {block:RebloggedFrom}
1456
    {block:Reblogs}
1457-
    {block:IsDeactivated}<div class="user-photo"><a>{Username}</a></div>{/block:IsDeactivated}
1457+
1458-
    <div id="branch">{Body}</div>
1458+
    {block:IsDeactivated}<div class="user-photo"><a>{Username}</a></div>{block:IsDeactivated}
1459
    <div class="branch">{Body}</div>
1460
    {/block:Reblogs}
1461
    {/Block:RebloggedFrom}
1462
   
1463
    {/block:Caption}{/block:Video}
1464
    {/block:If500pxPosts}
1465
   
1466
     
1467
    {block:If600pxPosts}
1468
    {block:Video}{Video-600}
1469
    {block:Caption}
1470
   
1471
    {block:NotReblog}{Caption}{/block:NotReblog}
1472
   
1473
    {block:RebloggedFrom}
1474
    {block:Reblogs}
1475-
    {block:IsDeactivated}<div class="user-photo"><a>{Username}</a></div>{/block:IsDeactivated}
1475+
1476-
    <div id="branch">{Body}</div>
1476+
    {block:IsDeactivated}<div class="user-photo"><a>{Username}</a></div>{block:IsDeactivated}
1477
    <div class="branch">{Body}</div>
1478
    {/block:Reblogs}
1479
    {/Block:RebloggedFrom}
1480
   
1481
    {/block:Caption}{/block:Video}
1482
    {/block:If600pxPosts}
1483
   
1484
     
1485
    {block:If700pxPosts}
1486
    {block:Video}{Video-700}
1487
    {block:Caption}
1488
   
1489
    {block:NotReblog}{Caption}{/block:NotReblog}
1490
   
1491
    {block:RebloggedFrom}
1492
    {block:Reblogs}
1493-
    {block:IsDeactivated}<div class="user-photo"><a>{Username}</a></div>{/block:IsDeactivated}
1493+
1494-
    <div id="branch">{Body}</div>
1494+
    {block:IsDeactivated}<div class="user-photo"><a>{Username}</a></div>{block:IsDeactivated}
1495
    <div class="branch">{Body}</div>
1496
    {/block:Reblogs}
1497
    {/Block:RebloggedFrom}
1498
   
1499
    {/block:Caption}{/block:Video}
1500
    {/block:If700pxPosts}
1501
   
1502
   
1503
    {block:Audio}
1504
    <div id="audio">
1505
    <div id="albumart">{block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}</div>
1506
    <div class="player">{AudioPlayer}</div>
1507
    <div class="adetails">
1508
    {block:TrackName}<span style="color:{color:audio post title}; font-family: 'Playfair Display'; font-size: 12px;  font-style: italic; font-weight: 500; letter-spacing: 1px;">{TrackName}</span><br>{/block:TrackName}
1509
    <span style="font-family: 'Arial'; font-variant: small-caps; margin-top: -15px;">
1510
    {block:Artist}<b>artist:</b>&nbsp; {Artist}<br>{/block:Artist}
1511-
    {block:IsDeactivated}<div class="user-photo"><a>{Username}</a></div>{/block:IsDeactivated}
1511+
1512-
    <div id="branch">{Body}</div>
1512+
1513
    </div>
1514
    </div>
1515
    {/block:Audio}
1516
   
1517
    {block:Quote}
1518
    <div class="quote">{Quote}</div>
1519
    {block:Source}
1520
    <div class="qusource">{Source}</div>
1521
    {/block:Source}
1522
    {/block:Quote}
1523
   
1524
    {block:Chat}
1525
    {block:Title}<p><h4>{Title}</h4></p>{/block:Title}
1526
    <div class="chat">
1527
    {block:Lines}
1528
    <div class="line"><p>{block:Label}<span style="font-size: 11px; font-variant: small-caps; text-transform: lowercase;"><b>{Label}</b></span>{/block:Label} &nbsp; {Line}</p></div>
1529-
    {block:IsDeactivated}<div class="user-photo"><a>{Username}</a></div>{/block:IsDeactivated}
1529+
1530-
    <div id="branch">{Body}</div>
1530+
1531
    {/block:Chat}
1532
       
1533
    {block:Answer}
1534
    <div class="asker">{Asker} {text:asker}</div>
1535
    <div class="ask"><p>{Question}</p></div>
1536
    {block:Answerer}
1537
    <div class="answer">{Answer}</div>
1538
    <div class="answerer">{Answerer}</div>
1539
    {/block:Answerer}
1540
    {Replies}
1541
    {/block:Answer}
1542
       
1543
    </div>
1544
    <!--END OF POST ITSELF, START OF INFO BLOCKS-->
1545
    <div id="info">
1546
    <b><a href="{Permalink}">{block:Date}{DayOfMonthWithZero} {Month} {Year}{/block:Date}</a>{block:NoteCount} &nbsp; ♦ &nbsp; <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}<br>
1547-
    {block:IsDeactivated}<div class="user-photo"><a>{Username}</a></div>{/block:IsDeactivated}
1547+
1548-
    <div id="branch">{Body}</div>
1548+
1549
    <!--END OF INFO BLOCK, START OF TAGS-->
1550
    <div id="tags">{block:HasTags}<i class="fa fa-tag" aria-hidden="true"></i> &nbsp; <span style="font-size: 8px; font-style:italic;">{block:Tags}<a href="{TagURL}">{Tag};</a>&nbsp;&nbsp;{/block:Tags}</span>{/block:HasTags}</div>
1551
    <!--END OF TAGS-->
1552
    {/block:Posts}
1553
    <!--END OF POSTS, START OF POSTNOTE BLOCK-->
1554
    <div class="postnote">
1555
    {block:PostNotes}{PostNotes}{/block:PostNotes}
1556
    </div>
1557
    <!--END OF POSTNOTE BLOCK-->
1558
    <!-- end posts -->      
1559
	
1560
	<!-- begin pagination-->
1561
	{block:Pagination}
1562
	<div id="pagination">
1563
	{block:PreviousPage} &nbsp;<a href="{PreviousPage}"><b>collapse</b></a>&nbsp;&nbsp; • &nbsp;{/block:PreviousPage}{block:NextPage}&nbsp;<a href="{NextPage}"><b>forward</b></a>{/block:NextPage}
1564
	</div>
1565
	{/block:Pagination}
1566
	<!-- end pagination -->
1567
	
1568
	</div>
1569
	<!-- end right side -->
1570
	
1571
	
1572
	<!-- beginning credit -->
1573
    <div id="credit">
1574
	<i class="fa fa-cloud"></i><br>
1575
    <span style="background-color: {text:credit bg}; font-family: 'Arial'; font-size: 10px; font-variant: small-caps; border: 1px solid {color:credit}; padding-top: 2px; padding-left: 10px; padding-right: 10px; padding-bottom: 2px;"><a href="https://angelicxi.tumblr.com/" title="ᴛʜᴇᴍᴇ ʙʏ ᴀɴɢᴇʟɪᴄxɪ">angelicxi</a></span>
1576
    </div>
1577
	<!-- end credit -->
1578
	
1579
	</div>
1580
	</body></html>