API tools faq
paste
View difference between Paste ID: vhqQwYT2 and 4ziqwGsS
SHOW: | | - or go back to the newest paste.
1
<!--
2
3
4
     Solitaire @ planthed
5
6
7
 — DO NOT delete the credit.
8
 — Do not copy or steal any code.
9
 — Do not claim as yours.
10
 — Full credits at @painthemes/c
11
12
13
-->
14
15
<html lang="en">
16
<head>
17
18
19
<title>{Title}</title>
20
<link rel="shortcut icon" href="{favicon}">
21
<link rel="alternate" type="application/rss+xml" href="{RSS}">
22
{block:hidden}
23
<!--Default Variables-->
24
<meta name="image:background" content=""/>
25
26
<meta name="color:Background" content="#ffffff"/>
27
<meta name="color:Text" content="#444444"/>
28
<meta name="color:Accent" content="#D5A5A0"/>
29
<meta name="color:Accent text" content="#444444"/>
30
<meta name="color:Borders" content="#D5A5A0"/>
31
32
<meta name="text:Blogtitle" content="" />
33
<meta name="text:Home label" content="home" />
34
<meta name="text:Ask label" content="ask"/>
35
<meta name="text:Archive label" content="Past" />
36
<meta name="text:Extra link 1" content="" />
37
<meta name="text:Extra link 1 URL" content="http://" />
38
<meta name="text:Extra link 2" content="" />
39
<meta name="text:Extra link 2 URL" content="http://" />
40
41
<meta name="if:White Tiny cursor" content="" />
42
<meta name="if:Black Tiny cursor" content="" />
43
44
{/block:hidden}
45
46
47
<!---pxu script--->
48
<link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
49
50
<!--- tooltips script --->
51
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
52
<script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
53
<script>
54
(function($){
55
$(document).ready(function(){
56
$("a[title]").style_my_tooltips({
57
tip_follows_cursor:true,
58
tip_delay_time:90,
59
tip_fade_speed:600,
60
attribute:"title"
61
});
62
});
63
})(jQuery);
64
</script>
65
66
67
<!-------
68
69
A FEW RULES YOU NEED TO KNOW BEFORE START EDITING THE THEME:
70
71
 > You CAN'T use my themes as base
72
 > You CAN'T remove my credits, even if you edited the theme a lot.
73
 > Don't use any part of my codes without permission.
74
 > You can edit the theme as your own like and make it look too different as the original one but if you edit the theme a lot and you're having problems with it, I'll not allowed to help you.
75
76
77
YOU ARE NOT ALLOWED TO USE MY CODES FOR YOUR OWN THEME OR ANY OTHER THEME
78
BY OTHER THEME MAKER WITHOUT PERMISSION, IF YOU WANNA USE ONE OF MY CODES
79
ASK FIRST, DON'T CLAIM AS YOURS, DON'T BE A BITCH.
80
81
---------->
82
83
84
<style type="text/css">
85
86
87
.video, .video iframe{
88
display:block;
89
{block:indexpage}
90
width:240px;
91
height:auto;
92
{/block:indexpage}
93
{block:PermalinkPage}
94
width:500px;
95
height:auto;
96
{/block:PermalinkPage}
97
}
98
99
/*tooltips style*/
100
#s-m-t-tooltip{
101
max-width:300px;
102
padding:7px;
103
min-height:7px;
104
margin:20px 0px 0px 20px;
105
line-height:100%;
106
color:{color:Accent text};
107
background:{color:Accent};
108
word-wrap:break-word;
109
word-break:break-all;
110
opacity:1;
111
z-index:9999999999999999999;
112
}
113
114
115
 #tumblr_controls, .tmblr-iframe{
116
position:fixed!important;
117
top:0px!important;
118
right:0px!important;
119
opacity:.3;
120
z-index:99999999999999999999999999!important;
121
-webkit-filter:invert(100%);
122
-moz-filter:invert(100%);
123
-o-filter:invert(100%);
124
-ms-filter:invert(100%);
125
filter:invert(100%);
126
-webkit-transition:all 0.6s ease-out;
127
-webkit-transition: opacity 0.7s linear;
128
-webkit-transition: all 0.8s ease-out;
129
-moz-transition: all 0.8s ease-out;
130
transition: all 0.8s ease-out
131
 }
132
133
  #tumblr_controls, .tmblr-iframe:hover{
134
opacity:.9;webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;
135
-webkit-transition:all 0.6s ease-out;-webkit-filter:invert(80%); -moz-filter:invert(80%); -o-filter:invert(80%); -ms-filter:invert(80%); filter:invert(80%);
136
  }
137
138
139
/*tumblr controls and lightbox*/
140
141
142
143
#tumblr_lightbox,.tmblr-lightbox{
144
background:rgba({RGBcolor:background}, 0.8)!important;}
145
146
#vignette,#tumblr_lightbox_caption,.vignette,.lightbox-caption{
147
opacity:0!important;
148
}
149
150
#tumblr_lightbox_center_image, #tumblr_lightbox_left_image, #tumblr_lightbox_right_image, .lightbox-image {
151
box-shadow:none!important;
152
border-radius:0px!important;
153
padding:0px!important;
154
background:{color:post background}!important;
155
border:0px solid {color:border}!important;
156
}
157
158
::-webkit-scrollbar{
159
height:3px;
160
width:11px;
161
background:inherit;
162
background:rgba({RGBcolor:borders}, 0.4);
163
border:5px solid {color:background};
164
}
165
166
::-webkit-scrollbar-track {background:transparent;}
167
168
::-webkit-scrollbar-thumb {
169
height:150px!important;
170
background:{color:borders};
171
border:5px solid {color:background};
172
}
173
174
/*tiny cursor*/
175
176
177
html, body, img, a {
178
{block:ifWhiteTinycursor}
179
cursor:url(http://static.tumblr.com/vmteopo/fhxo3gbrd/small_white_cursor.png), auto;
180
{/block:ifWhiteTinycursor}
181
{block:ifBlackTinyCursor}
182
cursor: url('http://33.media.tumblr.com/tumblr_lqs4qdUu8n1qfoi4t.png'), auto;
183
{/block:ifBlackTinyCursor}
184
}
185
186
 a:hover, a:active, iframe{
187
{block:ifWhiteTinycursor}cursor:url(http://static.tumblr.com/vmteopo/RQ9o3gbth/small_white_cursor_help.png), crosshair;
188
{/block:ifWhiteTinycursor}
189
{block:ifBlackTinyCursor}
190
 cursor:url(http://static.tumblr.com/vmteopo/DH3njhg50/help_cursor.png), crosshair;
191
{/block:ifBlackTinyCursor}
192
 }
193
194
195
/*main structure*/
196
197
body{
198
background-color:{color:background};
199
background-image:url({image:Background});
200
background-attachment:fixed;
201
background-repeat:repeat;
202
font-size:10px;
203
font-family:Open sans, sans-serif;
204
color:{color:text};
205
line-height:1.5em;
206
-moz-osx-font-smoothing:grayscale;
207
-webkit-font-smoothing:antialiased;
208
font-smoothing:antialiased;
209
}
210
211
212
a:link, a:active, a:visited{
213
color:{color:Accent};
214
text-decoration:none;
215
-webkit-transition:all 0.5s linear;
216
-moz-transition:all 0.5s linear;
217
transition:all 0.5s linear;
218
}
219
220
a:hover {color:{color:text};}
221
222
223
.center {
224
position:relative;
225
margin:20px auto;
226
width:calc(510px + 120px);
227
{block:PermalinkPage}
228
width:calc(400px + 200px);
229
{/block:PermalinkPage}
230
}
231
232
#posts{
233
position:relative;
234
{block:PermalinkPage}
235
margin-top:70px;
236
{/block:PermalinkPage}
237
}
238
239
240
.entry {
241
margin:35px;
242
border:1px solid {color:Accent};
243
{block:indexpage}
244
width:240px;
245
opacity:0;
246
z-index:-1;
247
{/block:indexpage}
248
{block:PermalinkPage}
249
width:500px;
250
padding-bottom:0px;
251
{/block:PermalinkPage}
252
}
253
254
.entry img{
255
max-width:100%;
256
display:block;
257
position:relative;
258
overflow:hidden;
259
}
260
261
262
263
#zoom{
264
position:relative;
265
overflow:hidden;
266
}
267
268
.entry #zoom img{
269
display:block;
270
height:auto;
271
-webkit-transition:opacity 0.5s linear;
272
-webkit-transition:all 0.5s linear;
273
-moz-transition:all 0.5s linear;
274
transition:all 0.5s linear;
275
}
276
277
.entry:hover #zoom img{
278
-webkit-filter: grayscale(100%);
279
-webkit-transform: scale(1.2);
280
-moz-transform: scale(1.2);
281
-o-transform: scale(1.2);
282
transform: scale(1.2);
283
}
284
285
286
287
.block {
288
position:absolute;
289
width:0px;
290
margin-top:20px;
291
background:{color:Accent};
292
margin-left:110px;
293
opacity:1;
294
height:1px;
295
-webkit-transition: all .3s ease-in-out;
296
-moz-transition: all .3s ease-in-out;
297
-o-transition: all .3s ease-in-out;
298
-ms-transition: all .3s ease-in-out;
299
}
300
301
.entry:hover .block{
302
width:200px;
303
margin-left:21px;
304
-webkit-transition: all .3s ease-in-out;
305
-moz-transition: all .3s ease-in-out;
306
-o-transition: all .3s ease-in-out;
307
-ms-transition: all .3s ease-in-out;
308
}
309
310
311
#permas {
312
position:absolute;
313
text-align:center;
314
font-size:15px;
315
margin-top:25px;
316
margin-left:15px;
317
opacity:0;
318
width:200px;
319
height:0px;
320
z-index:99999999;
321
-webkit-transition: all .3s ease-in-out;
322
-moz-transition: all .3s ease-in-out;
323
-o-transition: all .3s ease-in-out;
324
-ms-transition: all .3s ease-in-out;
325
}
326
327
.entry:hover #permas{
328
opacity:1;
329
margin-top:7px;
330
-webkit-transition-delay: 0.70s;
331
-webkit-transition: all 0.70s;
332
transition: all 0.70s;
333
transition-delay: 0.70s;
334
}
335
336
337
#permas a{
338
background:{color:background};
339
margin:5px;
340
padding:0px 10px 0px 10px;
341
display:inline-block;
342
color:{color:text};
343
}
344
345
#permas a:hover{
346
color:{color:Accent};
347
}
348
349
350
351
.custom-like-button {
352
position: relative;
353
display: inline-block;
354
width:20px;
355
height:20px;
356
background:{color:background};
357
margin:5px;
358
cursor: pointer;
359
}
360
361
.like_button {
362
position: absolute;
363
top:0;
364
left:0;
365
right:0;
366
bottom:0;
367
width:100%;
368
height:100%;
369
opacity:0;
370
z-index:999!important;
371
}
372
.like_button iframe {
373
width:100% !important;
374
height:100% !important;
375
}
376
377
.custom-like-button:hover i{color:{color:Accent}!important;}
378
379
.like_button.liked + i { color:red!important;}
380
381
382
pre {
383
white-space: pre-wrap;
384
white-space: -moz-pre-wrap;
385
white-space: -pre-wrap;
386
white-space: -o-pre-wrap;
387
word-wrap: break-word;
388
}
389
390
p {margin:5px 0;}
391
392
p:first-of-type {
393
    margin-top:0;
394
    padding-top:0;
395
}
396
397
p:last-of-type {
398
    margin-bottom:0;
399
    padding-bottom:0;
400
}
401
402
403
small, big {font-size:1em;}
404
405
h1, h2, h3, h4 {
406
font-size:2em;
407
line-height:24px;
408
margin:0;
409
padding:0;
410
}
411
412
.entry li {
413
position:relative;
414
display:block;
415
margin-left:-20px;
416
}
417
418
.entry li:before {
419
content:'›';
420
font-size:15px;
421
position:absolute;
422
left:-13px;
423
color:{color:Accent};
424
top:-1px;
425
font-family:karla;}
426
427
.back{
428
padding:15px;
429
}
430
431
.back a, .a a{
432
color:{color:text};
433
border-bottom:1px solid {color:borders};
434
}
435
436
.back a:hover, .a a:hover{
437
color:{color:Accent};
438
border-bottom:1px solid {color:Accent};
439
}
440
441
.permalinktext{
442
display:block;
443
text-transform:uppercase;
444
letter-spacing:1px;
445
font-size:8px;
446
padding-left:2px;
447
padding-right:2px;
448
margin-top:0px;
449
line-height:16px;
450
padding:7px;
451
border-top:1px solid {color:Accent};
452
}
453
454
455
.permalinktext a:hover{
456
    color:{color:text};
457
    letter-spacing:3px;font-weight:700;
458
}
459
460
/*audio player*/
461
462
463
#audio {
464
width:auto;
465
margin:0px;
466
height:auto;
467
min-height:60px;
468
line-height:20px;
469
}
470
.cover {
471
z-index:1;
472
width:70px;
473
height:70px;
474
position:absolute;
475
}
476
.cover img {
477
float:left;
478
position:absolute;
479
border-radius:0px;
480
width:70px;
481
height:70px;
482
}
483
484
.playbox {
485
position:absolute;
486
z-index:9;
487
background:black;
488
opacity:0;
489
width:70px;
490
height:70px;
491
-webkit-transition:opacity 0.5s linear;
492
-webkit-transition:all 0.5s linear;
493
-moz-transition:all 0.5s linear;
494
transition:all 0.5s linear;
495
}
496
497
.entry:hover .playbox{
498
opacity:.8;
499
-webkit-transition:opacity 0.5s linear;
500
-webkit-transition:all 0.5s linear;
501
-moz-transition:all 0.5s linear;
502
transition:all 0.5s linear;
503
}
504
505
.button {
506
position:relative;
507
z-index: 1000;
508
overflow:hidden;
509
width:25px;
510
height:25px;
511
margin:20px 20px 20px 20px;
512
}
513
514
515
.info {
516
margin-left:70px;
517
margin-top:0px;
518
font-size:10px;
519
letter-spacing:2px;
520
text-align:right;
521
text-transform:uppercase;
522
line-height:25px;
523
background:{color:Accent};
524
color:{color:Accent text};
525
padding:10px;
526
}
527
528
/*title*/
529
530
.title{
531
padding:8px;
532
padding-left:11px;
533
margin-bottom:10px;
534
font-size:14px;
535
font-family:raleway;
536
color:{color:Accent text};
537
background:{color:Accent};
538
text-transform:uppercase;
539
letter-spacing:2px;
540
line-height:28px;
541
}
542
543
.title a{
544
color:{color:Accent text};
545
}
546
547
/*blockquote & quote*/
548
549
blockquote{
550
border-left:1px solid {color:borders};
551
margin:5px;
552
padding-left:10px;
553
line-height:15px;
554
}
555
556
.quote{
557
font-size:10px;
558
text-transform:uppercase;
559
letter-spacing:1px;
560
line-height:20px;
561
padding:7px;
562
background:{color:Accent};
563
color:{color:Accent text};
564
}
565
566
.cite{
567
line-height:15px;
568
text-align:right;
569
font-family:9px;
570
font-style:italic;
571
padding:10px;
572
padding-bottom:7px;
573
background:rgba({RGBcolor:Accent}, 0.7);
574
color:{color:Accent text};
575
}
576
577
.cite a{
578
    color:{color:Accent text};
579
}
580
581
/*ask style*/
582
583
584
.as{
585
color:{color:text};
586
letter-spacing:0px;
587
text-transform:uppercase;
588
letter-spacing:1px;
589
padding:10px;
590
font-family:roboto;
591
font-size:10px;
592
text-align:center;
593
overflow:hidden;
594
background:{color:Accent};
595
color:{color:Accent text};
596
}
597
598
.as a{color:{color:Accent text};}
599
600
.q{
601
margin-top:10px;
602
margin-bottom:10px;
603
line-height:14px;
604
}
605
606
.qline{
607
height:1px;
608
display:block;
609
width:50%;
610
margin-left:25%;
611
background:{color:borders};
612
}
613
614
.a{
615
line-height:14px;
616
margin-top:10px;
617
}
618
619
 .a img{
620
     width:100%;
621
     height:auto;
622
 }
623
624
625
626
/*chat styling*/
627
628
.user_1, .user_3, .user_5, .user_7, .user_9, .user_11, .user_13, .user_15, .user_17, .user_19, .user_21, .user_23, .user_25, .user_27, .user_29, .user_31, .user_33, .user_35, .user_37, .user_39, .user_41, .user_43, .user_45, .user_47, .user_49, .user_51, .user_53, .user_55, .user_57, .user_59, .user_61, .user_63, .user_65, .user_67, .user_69, .user_71, .user_73, .user_75, .user_77, .user_79, .user_81, .user_83, .user_85, .user_87, .user_89, .user_91, .user_93, .user_95, .user_97, .user_99, .user_101, .user_103, .user_105, .user_107, .user_109, .user_111, .user_113, .user_115, .user_117, .user_119, .user_121, .user_123, .user_125, .user_127, .user_129, .user_131, .user_133, .user_135, .user_137, .user_139, .user_141, .user_143, .user_145, .user_147, .user_149{
629
background:rgba({RGBcolor:Accent}, 1);
630
padding:7px;
631
color:{color:Accent text};}
632
633
.user_2, .user_4, .user_6, .user_8, .user_10, .user_12, .user_14, .user_16, .user_18, .user_20, .user_22, .user_24, .user_26, .user_28, .user_30, .user_32, .user_34, .user_36, .user_38, .user_40, .user_42, .user_44, .user_46, .user_48, .user_50, .user_52, .user_54, .user_56, .user_58, .user_60, .user_62, .user_64, .user_66, .user_68, .user_70, .user_72, .user_74, .user_76, .user_78, .user_80, .user_82, .user_84, .user_86, .user_88, .user_90, .user_92, .user_94, .user_96, .user_98, .user_100, .user_102, .user_104, .user_106, .user_108, .user_110, .user_112, .user_114, .user_116, .user_118, .user_120, .user_122, .user_124, .user_126, .user_128, .user_130, .user_132, .user_134, .user_136, .user_138, .user_140, .user_142, .user_144, .user_146, .user_148, .user_150{
634
background:rgba({RGBcolor:Accent}, 0.8);
635
padding:7px;
636
color:{color:Accent text};}
637
638
639
640
/*permalink notes*/
641
642
.caption{
643
padding:10px;
644
}
645
646
647
.inf{
648
display:block;
649
line-height:17px;
650
padding:10px;
651
border-top:1px solid {color:borders};
652
}
653
654
.tg{display:block;}
655
.tg a:after{content:',';}
656
.tg a:last-of-type:after {content:'.';}
657
.inf a, .notas a, .tg a{color:{color:text};}
658
.inf a:hover, .notas a:hover, .tg a:hover{color:{color:Accent};}
659
660
.notas{
661
margin-top:0px;
662
display:none;
663
padding:10px
664
color:{color:text};
665
}
666
667
.notas li {margin-left:0px;}
668
.notas li:before {display:none;}
669
ol.notes{padding:0px;margin:0px;list-style-type:none;}
670
ol.notes li.note{text-align:left;border-top:1px solid {color:borders};padding:10px;}
671
ol.notes li.note img.avatar {float:right;margin-right:5px;}
672
ol.notes li.note blockquote a {text-decoration:none;}
673
li.more_notes_link_container {text-transform: uppercase;font-size:1em;line-height:150%;letter-spacing:1px;}
674
li.more_notes_link_container:hover{letter-spacing:4px;}
675
img:not(.lightbox-image) {max-width:100%;height:auto;}
676
677
678
679
#left{
680
position:fixed;
681
top:0px;
682
left:0px;
683
width:25px;
684
height:100%;
685
background:{color:Accent};
686
z-index:9999;
687
}
688
689
#left2{
690
position:fixed;
691
top:0px;
692
left:30px;
693
width:1px;
694
height:100%;
695
background:{color:Accent};
696
z-index:999999999999;
697
}
698
699
700
701
#sidebar {
702
position:fixed;
703
margin-left:calc(20px - 250px);
704
top:180px;
705
width:150px;
706
height:auto;
707
z-index:999999;
708
text-align:center;
709
}
710
711
712
.titulo {
713
display:inline-block;
714
padding-bottom:5px;
715
border-bottom:1px solid {color:Accent};
716
font-family:raleway;
717
font-size:15px;
718
letter-spacing:1px;
719
text-transform:uppercase;
720
}
721
722
.desc{
723
margin-top:4px;
724
padding-bottom:5px;
725
border-bottom:1px solid {color:Accent};
726
}
727
728
.nav{
729
opacity:1;
730
transition:0.4s;
731
}
732
733
734
.nav a{
735
font-size:11px;
736
display:inline-block;
737
text-align:center;
738
margin:8px;
739
color:{color:text};
740
-webkit-transition:All 0.5s ease-in-out;
741
-moz-transition:All 0.5s ease-in-out;
742
-ms-transition:All 0.5s ease-in-out;
743
-o-transition:All 0.5s ease-in-out;
744
transition:All 0.5s ease-in-out;
745
}
746
747
.nav a:hover{
748
color:{color:Accent};
749
-webkit-animation:pop 1s;
750
}
751
752
@-webkit-keyframes pop{0% {-webkit-transform: scale(1);}50% {-webkit-transform: scale(.8);}100% {-webkit-transform: scale(1);}}
753
754
755
756
#infscr-loading { display:none!important; }
757
758
759
</style>
760
</head>
761
762
<body>
763
764
765
<div id="top"></div>
766
<div id="top2"></div>
767
<div id="left"></div>
768
<div id="left2"></div>
769
770
<div class="center">
771
772
<div id="sidebar">
773
<div class="titulo">{text:blogtitle}</div>
774
<div class="desc">
775
{description}
776
</div>
777
<div class="nav">
778
<a title="{text:Home Label}" href="/"><i class="fa fa-refresh"></i></a>
779
<a title="{text:Ask Label}" href="/ask"><i class="fa fa-envelope-o"></i></a>
780
<a title="{text:Extra link 1}" href="{text:Extra link 1 URL}"><i class="fa fa-bars"></i></a>
781
<a title="{text:Extra link 2}" href="{text:Extra link 2 URL}"><i class="fa fa-heart-o"></i></a>
782
<a title="{text:Archive Label}" href="/archive"><i class="fa fa-folder-open-o"></i></a>
783
</div>
784
</div>
785
786
787
<div id="posts">
788
{block:Posts}
789
<div class="entry" id="{PostID}">
790
791
{block:Text}<div class="back">
792
{block:Title}<div class="title">{Title}</div>{/block:Title}{Body}</div>
793
{block:IndexPage}
794
<div class="permalinktext">
795
Posted on {Month} {DayOfMonth}, {Year} <div style="text-align:right;margin-top:-16px"><a href="{permalink}" target="_blank">{notecountwithlabel}</a></div></div>
796
{/block:IndexPage}
797
{/block:Text}
798
799
800
{block:Link}<div class="back">
801
<div class="title">
802
<a href="{URL}">{Name} <i class="fa fa-angle-right"></i></a></div>
803
{block:Description}{Description}{/block:Description}
804
</div>{block:IndexPage}
805
<div class="permalinktext">
806
Posted on {Month} {DayOfMonth}, {Year} <div style="text-align:right;margin-top:-16px"><a href="{permalink}" target="_blank">{notecountwithlabel}</a></div></div>
807
{/block:IndexPage}
808
{block:Link}
809
810
811
812
{block:Photo}
813
{block:IndexPage}
814
<div id="zoom">
815
<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></div>
816
<div class="block"></div>
817
<div id="permas">
818
<a title="reblog this post" href="{ReblogURL}" target="_blank">
819
<i class="icon ion-android-sync"></i></a>
820
<a title="Posted {timeago} with {notecountwithlabel}" href="{permalink}"><i class="icon ion-android-time"></i></a>
821
<div class="custom-like-button">
822
{LikeButton}
823
<i class="icon ion-android-favorite-outline"></i>
824
</div>
825
826
</div>
827
{/block:IndexPage}
828
{block:PermalinkPage}
829
<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/>
830
{/block:PermalinkPage}
831
{/block:Photo}
832
833
834
{block:Photoset}
835
<div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div>
836
{block:IndexPage}
837
<div class="permalinktext">
838
Posted on {Month} {DayOfMonth}, {Year} <div style="text-align:right;margin-top:-16px"><a href="{permalink}" target="_blank">{notecountwithlabel}</a></div></div>
839
{/block:IndexPage}
840
{/block:Photoset}
841
842
843
{block:Quote}
844
<div class="back"><div class="quote">❝&nbsp;{quote}</div>
845
<div class="cite">&mdash; {Source}</div></div>
846
{block:IndexPage}
847
<div class="permalinktext">
848
Posted on {Month} {DayOfMonth}, {Year} <div style="text-align:right;margin-top:-16px"><a href="{permalink}" target="_blank">{notecountwithlabel}</a></div></div>
849
{/block:IndexPage}
850
{/block:Quote}
851
852
{block:Chat}<div class="back">
853
<div class="chat">
854
{block:Title}<span class="title">{Title}</span></span>{/block:Title}
855
{block:Lines}<div class="lines {Alt}"><div class="{Alt} user_{UserNumber}">{block:Label}<i>{Label}</i> {/block:Label}{Line}</div></div>{/block:Lines}
856
</div></div>
857
{block:IndexPage}
858
<div class="permalinktext">
859
Posted on {Month} {DayOfMonth}, {Year} <div style="text-align:right;margin-top:-16px"><a href="{permalink}" target="_blank">{notecountwithlabel}</a></div></div>
860
{/block:IndexPage}
861
{/block:Chat}
862
863
{block:Audio}<div class="back">
864
<div id="audio">
865
<div class="cover"><img src="http://static.tumblr.com/k9utpfa/tcom8wpif/default_cover_m.jpg"></div>
866
{block:AlbumArt}
867
<div class="cover"><img src="{AlbumArtURL}"></div>
868
{/block:AlbumArt}
869
<div class="playbox">
870
<div class="button">
871
{block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}</div></div>
872
<div class="info">
873
<span{block:TrackName} style="display:none;"{/block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}
874
<div style="text-transform:uppercase;font-size:8px;letter-spacing:2px;color:{color:Accent text};font-family:{select:Font};">
875
<span{block:Artist} style="display:none;"{/block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist}</div>
876
</div>
877
</div></div>
878
{block:IndexPage}
879
<div class="permalinktext">
880
Posted on {Month} {DayOfMonth}, {Year} <div style="text-align:right;margin-top:-16px"><a href="{permalink}" target="_blank">{notecountwithlabel}</a></div></div>
881
{/block:IndexPage}
882
{/block:Audio}
883
884
885
{block:Video}
886
<div class="video">{Video-500}</div>
887
{block:IndexPage}
888
<div class="permalinktext">
889
Posted on {Month} {DayOfMonth}, {Year} <div style="text-align:right;margin-top:-16px"><a href="{permalink}" target="_blank">{notecountwithlabel}</a></div></div>
890
{/block:IndexPage}
891
{/block:Video}
892
893
894
{block:Answer}<div class="back">
895
<div class="as">{Asker} asked:</div>
896
<div class="q">{Question}</div>
897
<div class="qline"></div>
898
<div class="a">{Answer}</div></div>
899
{block:IndexPage}
900
<div class="permalinktext">
901
Posted on {Month} {DayOfMonth}, {Year} <div style="text-align:right;margin-top:-16px"><a href="{permalink}" target="_blank">{notecountwithlabel}</a></div></div>
902
{/block:IndexPage}
903
{/block:Answer}
904
905
{block:ContentSource}<!-- {SourceURL}
906
{block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
907
{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
908
{/block:ContentSource}
909
910
<!-- {block:NoRebloggedFrom}
911
{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
912
{/block:NoRebloggedFrom} -->
913
914
915
{block:PermalinkPage}
916
{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
917
{block:Date}
918
<div class="l"></div>
919
<div class="inf">
920
Posted on {month} {dayofmonth}{dayofmonthsuffix} at {12hour}:{minutes}{ampm} <br>
921
{block:RebloggedFrom}
922
source: <a href="{ReblogRootURL}">{ReblogRootName}</a> <br> via: <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
923
{/block:RebloggedFrom}
924
<div class="tg">
925
{block:HasTags}
926
tags: {block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp;
927
{/block:Tags}{/block:HasTags}
928
</div>
929
<a title="show notes" class="show">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}</a></div>
930
<div class="notas">
931
{block:PostNotes}
932
{PostNotes}
933
{/block:PostNotes}
934
{/block:Date}
935
</div>
936
{/block:PermalinkPage}
937
{/block:Date}
938
</div>
939
{/block:Posts}
940
</div>
941
942
943
<div class="pagination">
944
{block:Pagination}
945
{block:PreviousPage}
946
<a href="{PreviousPage}"></a>
947
{/block:PreviousPage}
948
949
{block:NextPage}
950
<a href="{NextPage}" class="next"></a>
951
{/block:NextPage}
952
{/block:Pagination}</div></div>
953
954
<!--Like seriously guys, DON'T TOUCH any of this scripts unless you know what it does or you will ruin your whole theme--->
955
<link rel="stylesheet" href="//code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
956
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
957
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css">
958
<link href='https://fonts.googleapis.com/css?family=Montserrat:400,700|Source+Sans+Pro:400,700|Hind:400,700|Dancing+Script:400,700|Open+Sans:400,700|Muli|Kurale|PT+Serif:400,700|Old+Standard+TT:400,700|Roboto:400,700|Roboto+Condensed:400,700|Lato:400,700|Raleway:400,700,300|Montez|Karla:400,700|Quicksand:400,700|Petit+Formal+Script|Clicker+Script|Mako|Maven+Pro:400,700' rel='stylesheet' type='text/css'>
959
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
960
<script src ="http://static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
961
<link rel="stylesheet" href="http://static.tumblr.com/8pnyeus/29To2og0o/styles.css">
962
<script src="http://static.tumblr.com/8pnyeus/nfIo2oh8w/l-script.js" type="text/javascript"></script>
963
<script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
964
{block:IndexPage}
965
<script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
966
<script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
967
{/block:IndexPage}
968
<script>
969
$(document).ready(function(){
970
    $(".show").click(function(){
971
        $(".notas").slideToggle("slow");
972
    });
973
});
974
$(document).ready(function(){
975
    $('.photo-slideshow').pxuPhotoset({
976
        lightbox: true,
977
        rounded: false,
978
        gutter: '3px',
979
        photoset: '.photo-slideshow',
980
        photoWrap: '.photo-data',
981
        photo: '.pxu-photo'
982
    });
983
    {block:IndexPage}
984
    var $container = $('#posts');
985
    $container.masonry({ itemSelector: '.entry' });
986
    $container.imagesLoaded(function(){
987
        $container.masonry();
988
        $container.find('.entry').animate({ opacity: 1, zIndex: 1 });
989
    });
990
    $container.infinitescroll({
991
        itemSelector: '.entry',
992
        navSelector: '.pagination',
993
        nextSelector: '.next',
994
        loadingImg: '',
995
        loadingText: '<em></em>',
996
        bufferPx: 2000
997
    },
998
    function( newElements ) {
999
        var $newElems = $( newElements );
1000
        $newElems.find('.photo-slideshow').pxuPhotoset({
1001
            lightbox: true,
1002
            rounded: false,
1003
            gutter: '3px',
1004
            photoset: '.photo-slideshow',
1005
            photoWrap: '.photo-data',
1006
            photo: '.pxu-photo'
1007
        },
1008
1009
    function(){
1010
     resizeVideos(); },
1011
1012
        function(){
1013
            $container.masonry();
1014
        });
1015
        var $newElemsIDs = $newElems.map(function(){
1016
            return this.id;
1017
        }).get();
1018
        console.log($newElems, $newElemsIDs);
1019
        Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
1020
1021
        $newElems.imagesLoaded(function(){
1022
            $container.masonry( 'appended', $newElems );
1023
            $newElems.animate({ opacity: 1, zIndex: 1 });
1024
        });
1025
    });
1026
    {/block:IndexPage}
1027
});
1028
</script>
1029
</body>
1030
</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!