View difference between Paste ID: A3wjV0n3 and 9hEXd6Zy
SHOW: | | - or go back to the newest paste.
1
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
2
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
3
4
<!--
5
6
7
DO YOU REMEMBER theme by
8
F L O R E L S  (✿◠‿◠)   ////
9
started jan 23, 2016
10
finished jan 25, 2016
11
published jan 25, 2016
12
13
14
-->
15
16
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
17
<head>
18
19
20
<link rel="icon" href="{Favicon}"/>
21
<title>{Title}</title>
22
<link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}"/>
23
24
<meta name="image:background" content="" />
25
<meta name="image:banner" content="" />
26
27
<meta name="color:background" content="#fff" />
28
<meta name="color:blog title" content="#000" />
29
<meta name="color:blog title background" content="#ebd7ba" />
30
<meta name="color:blog border" content="#ebd7ba" />
31
<meta name="color:buttons bg" content="#fff" />
32
<meta name="color:buttons text" content="#000" />
33
<meta name="color:buttons text hover" content="#000" />
34
<meta name="color:description" content="#000" />
35
<meta name="color:description link" content="#000" />
36
<meta name="color:link" content="#000" />
37
<meta name="color:nav link" content="#000" />
38
<meta name="color:nav link border" content="#000" />
39
<meta name="color:nav link hover" content="#000" />
40
<meta name="color:permalink" content="#000" />
41
<meta name="color:permalink hover" content="#000" />
42
<meta name="color:post background" content="#fff" />
43
<meta name="color:post border" content="#ebd7ba" />
44
<meta name="color:post shadow" content="#f5e9d3" />
45
<meta name="color:scrollbar" content="#000" />
46
<meta name="color:sidebar background" content="#fff" />
47
<meta name="color:sidebar border" content="#000" />
48
<meta name="color:text" content="#000" />
49
50
<meta name="if:post background" content="0"/>
51
<meta name="if:post border" content="1"/>
52
<meta name="if:post shadow" content="1"/>
53
<meta name="if:sidebar background" content="1"/>
54
<meta name="if:sidebar border" content="0"/>
55
<meta name="if:2 columns" content="1"/>
56
<meta name="if:show blog borders" content="1"/>
57
<meta name="if:show blog title" content="1"/>
58
<meta name="if:show banner" content="0"/>
59
<meta name="if:tiled background image" content="0"/>
60
<meta name="if:custom link 1" content="1" />
61
<meta name="if:custom link 2" content="1" />
62
<meta name="if:custom link 3" content="1" />
63
64
<meta name="text:ask link" content="/ask" />
65
<meta name="text:link 1 url" content="/" />
66
<meta name="text:link 1 url" content="/" />
67
<meta name="text:link 1 title" content="link 1" />
68
<meta name="text:link 2 url" content="/" />
69
<meta name="text:link 2 title" content="link 2" />
70
<meta name="text:link 3 url" content="/" />
71
<meta name="text:link 3 title" content="link 3" />
72
73
<script type='text/javascript' src='http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js'></script>
74
75
76
  
77
{block:IndexPage}
78
<script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>
79
<script src="http://static.tumblr.com/twte3d7/qNulm663d/infinite.js"></script>
80
 
81
<script type="text/javascript">
82
$(window).load(function () {
83
$('#posts').masonry(),
84
$('.masonryWrap').infinitescroll({
85
navSelector : "div.navigation",
86
// selector for the paged navigation (it will be hidden)
87
nextSelector : ".navigation a#next",
88
// selector for the NEXT link (to page 2)
89
itemSelector : ".post",
90
// selector for all items you'll retrieve
91
bufferPx : 10000,
92
extraScrollPx: 10000,
93
loadingImg : "http://static.tumblr.com/bcpenwm/o5Nmy3k0o/florels.gif",
94
loadingText : "<em></em>",
95
},
96
// call masonry as a callback.
97
function() { $('#posts').masonry({ appendedContent: $(this) }); }
98
);
99
});
100
</script>
101
{/block:IndexPage}
102
103
104
105
<div class="navigation">{block:Pagination}{block:NextPage}<span id="page_nav"><span onclick='return false;'><a style="float:right;opacity:0;" href="{NextPage}" id="next"></a>{/block:NextPage}{block:PreviousPage}<a style="float:right;opacity:0;" href="{PreviousPage}"></a></span></span>{/block:PreviousPage}{/block:Pagination}</div>
106
107
108
109
<script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
110
<script>
111
   (function($){
112
       $(document).ready(function(){
113
           $("[title]").style_my_tooltips({
114
               tip_follows_cursor:true,
115
               tip_delay_time:0,
116
               tip_fade_speed:0
117
           }
118
               );
119
       });
120
   })(jQuery);
121
</script>
122
123
124
125
126
<style type="text/css">
127
128
 
129
iframe#tumblr_controls {
130
top: 0% !important;
131
right:0% !important;
132
position: fixed !important;}
133
134
135
body {
136
    margin:0px;
137
    padding:0px;
138
    margin-top:0px;
139
    margin-bottom:0px;
140
    font-family:'Times';
141
    font-size:11px;
142
    color:{color:text};
143
    background-image:url('{image:background}');
144
    background-attachment:fixed;
145
{block:ifnottiledbackgroundimage}
146
    background-size:cover;
147
{/block:ifnottiledbackgroundimage}
148
    background-color:{color:background};}
149
150
#s-m-t-tooltip{
151
    font-size: 9px; 
152
    color:#000; 
153
    background-color:#fff;
154
    text-align: center;
155
    letter-spacing:1px;
156
    min-width:50px;
157
    max-width:120px;
158
	overflow:auto;
159
	text-transform:lowercase;
160
	font-style:italic;
161
    display: none;
162
    position: absolute;
163
    z-index: 999999999999;
164
    padding:5px;
165
    margin:30px 0 15px 10px;
166
-webkit-transition: all 0.2s ease-in-out;
167
-moz-transition: all 0.2s ease-in-out;
168
transition: all 0.2s ease-in-out;}
169
170
a {
171
    color:{color:link};
172
    text-decoration:underline;}
173
174
a:hover {
175
    text-decoration:none;}
176
177
/**  theme by F L O R E L S  (✿◠‿◠)   ////  **/
178
179
a:active,a:focus {outline:0;}
180
181
::-webkit-scrollbar-thumb{ 
182
    background-color:{color:scrollbar};
183
    border:6px solid {color:background};
184
    height:6px;}
185
186
::-webkit-scrollbar { 
187
    height:13px;
188
    width:13px; 
189
    background-color:{color:background};}
190
191
#top {
192
    height:26px;
193
    width:100%;
194
    top:0;
195
    z-index:99;
196
    position:fixed;
197
    background-color:{color:blog border};}
198
199
#left {
200
    width:26px;
201
    height:100%;
202
    top:0;
203
    z-index:98;
204
    position:fixed;
205
    background-color:{color:blog border};}
206
    
207
#sidebar {
208
    z-index:4;
209
    height:auto;
210
    top:150px;
211
    padding:20px;
212
    left:50%;
213
    width:180px;
214
    position:fixed;
215
{block:ifsidebarbackground}
216
    background-color:{color:sidebar background};
217
{/block:ifsidebarbackground}
218
{block:ifsidebarborder}
219
    border:1px solid {color:sidebar border};
220
{/block:ifsidebarborder}
221
{block:IndexPage}
222
    {block:if2columns}
223
        margin-left:-500px;
224
    {/block:if2columns}
225
    {block:ifnot2columns}
226
        margin-left:-580px;
227
    {/block:ifnot2columns}
228
{/block:IndexPage}
229
{block:PermalinkPage}
230
    margin-left:-480px;
231
{/block:PermalinkPage}}
232
233
#blogtitle{
234
    position:relative;
235
    height:auto;
236
    z-index:5;
237
    color:{color:blog title};
238
    font-size:14px;
239
    text-align:left;
240
    margin-bottom:10px;
241
    width:auto;}   
242
243
#banner {
244
    position:relative;
245
    width:180px;
246
    margin-bottom:5px;
247
    text-align:center;}
248
   
249
#banner img {
250
    width:180px;
251
    max-height:400px;}
252
253
#description {
254
    text-align:left;
255
    color:{color:description};
256
    position:relative;
257
    z-index:6;
258
    width:180px;
259
    margin:10px 0 35px 0;}
260
    
261
#description a{
262
    z-index:7;
263
    position:relative;
264
    color:{color:description link};
265
    text-decoration:underline;}
266
267
#description a:hover{
268
    text-decoration:none;}
269
270
#navlinks {
271
    position:relative;
272
    z-index:5;
273
    line-height:160%;
274
    text-align:left;}
275
276
#navlinks a {
277
    color:{color:nav link};
278
    text-decoration:none;
279
    font-size:1em;
280
    border-bottom:none;
281
    margin:0 10px 0 0;}
282
283
#navlinks a:hover {
284
    color:{color:nav link hover};
285
    text-decoration:underline;}
286
    
287
.notes {
288
    padding-left:20px;
289
    padding-top:5px;
290
    position:relative;
291
    float:left;
292
    font-size:1em;}
293
   
294
li.notes {
295
    float:left;
296
    width:400px;
297
    padding-left:5px;
298
    margin-top:10px;
299
    overflow-x:hidden;
300
    overflow-y:scroll;
301
    list-style-type:none;
302
    font-weight:normal;
303
    font-size:1em;
304
    text-transform:none;}
305
  
306
/**  theme by F L O R E L S  (✿◠‿◠)   ////  **/
307
308
li.note {
309
    padding-top:2px;
310
    opacity:1;}
311
   
312
li.note img.avatar {
313
    width:14px;
314
    height:14px;}
315
316
.permalink {
317
    color:{color:permalink};
318
    position:relative;
319
    display:block;
320
    font-size:1em;
321
    opacity:1;
322
    right:0;
323
    text-align:right;
324
    margin:7px 0 0 0;
325
{block:ifpostbg}
326
    background:{color:post background};
327
{/block:ifpostbg}}
328
 
329
.permalink a{
330
    color:{color:permalink};
331
    font-family:'Times';
332
    text-decoration:none;
333
    margin:0 3px;
334
-webkit-transition: all 0.3s ease-in-out;
335
-moz-transition: all 0.3s ease-in-out;
336
-o-transition: all 0.3s ease-in-out;}
337
 
338
.permalink a:hover{
339
    color:{color:permalink};
340
    text-decoration:underline;}
341
342
.buttons {  
343
    position:absolute;
344
    top:20px;
345
    opacity:0;
346
    padding:5px;
347
    color:{color:buttons text};
348
    font-size:10px;
349
    width:150px;
350
    left:50%;
351
    margin-left:-80px;
352
    text-align:center;
353
    background-color:{color:buttons bg};
354
-webkit-transition: all 0.3s ease-in-out;
355
-moz-transition: all 0.3s ease-in-out;
356
transition: all 0.3s ease-in-out;}
357
 
358
.buttons a{
359
    color:{color:buttons text};
360
    text-decoration:none;
361
    margin:0 3px;
362
-webkit-transition: all 0.3s ease-in-out;
363
-moz-transition: all 0.3s ease-in-out;
364
-o-transition: all 0.3s ease-in-out;}
365
 
366
.buttons a:hover{
367
    color:{color:buttons text hover};
368
    text-decoration:underline;}
369
   
370
.post:hover .buttons{
371
    opacity:1;
372
    display:block;
373
-webkit-transition: all 0.3s ease-in-out;
374
-moz-transition: all 0.3s ease-in-out;
375
transition: all 0.3s ease-in-out;}
376
377
.headings{
378
    font-size:1.5em;
379
    text-align:left;
380
    font-style:italic;}
381
382
.audiopost {
383
{block:IndexPage}
384
    width:250px;
385
    padding-bottom:10px;
386
{/block:IndexPage}
387
{block:PermalinkPage}
388
    width:400px;
389
    padding-bottom:110px;
390
{/block:PermalinkPage}}
391
 
392
.albumart {
393
    position:absolute;
394
{block:IndexPage}
395
    width:50px;
396
    height:50px;
397
{/block:IndexPage}
398
{block:PermalinkPage}
399
    width:150px;
400
    height:150px;
401
{/block:PermalinkPage}}
402
 
403
.albumart img {
404
    float:left;
405
{block:IndexPage}
406
    width:50px;
407
    height:50px;
408
{/block:IndexPage}
409
{block:PermalinkPage}
410
    width:150px;
411
    height:150px;
412
{/block:PermalinkPage}}
413
414
/**  theme by F L O R E L S  (✿◠‿◠)   ////  **/
415
416
.playbox {
417
    opacity:0.6;
418
    width:27px;
419
    height:30px;
420
    overflow:hidden;
421
    position:absolute;
422
    z-index:2;
423
{block:IndexPage}
424
    margin-left:11px;
425
    margin-top:12px;
426
{block:IndexPage}
427
{block:PermalinkPage}
428
    margin-left:60px;
429
    margin-top:61px;
430
{/block:PermalinkPage}}
431
432
.info {
433
    margin-top:2px;
434
    line-height:12px;
435
    font-size:0.9em;
436
    text-transform:uppercase;
437
{block:IndexPage}
438
    margin-left:58px;
439
{block:IndexPage}
440
{block:PermalinkPage}
441
    margin-left:158px;
442
{/block:PermalinkPage}}
443
444
#posts { 
445
    position:absolute;
446
    left:50%;
447
    z-index:1;
448
    top:40px;
449
{block:IndexPage}
450
    padding:12px 12px 100px 12px;
451
        {block:ifnot2columns}
452
            width:894px;
453
            margin-left:-330px;
454
        {/block:ifnot2columns}
455
        {block:if2columns}
456
            width:596px;
457
            margin-left:-250px;
458
        {/block:if2columns}
459
{/block:IndexPage}
460
{block:PermalinkPage}
461
    margin-left:-215px;
462
    width:400px;
463
    padding:15px 15px 55px 15px;
464
{block:ifpostborder}
465
        border:1px solid {color:post border};
466
{/block:ifpostborder}
467
{block:ifpostbackground}
468
    background:{color:post background}; 
469
{/block:ifpostbackground}
470
{/block:PermalinkPage}}
471
472
.post {
473
{block:IndexPage}
474
    margin:15px;
475
    padding:8px;
476
    width:250px;
477
        {block:ifnotpostborder}
478
            border:1px solid rgba(0,0,0,0);
479
        {/block:ifnotpostborder}
480
        {block:ifpostborder}
481
            border:1px solid {color:post border};
482
            border-radius:{text:post border radius};
483
        {/block:ifpostborder}
484
        {block:ifpostshadow}
485
            box-shadow:3px 3px {color:post shadow};
486
        {/block:ifpostshadow}
487
{/block:IndexPage}
488
{block:PermalinkPage}
489
    width:400px;
490
{/block:PermalinkPage}
491
    float:left;
492
    position:relative;
493
{block:ifpostbackground}
494
    background:{color:post background};
495
{/block:ifpostbackground}
496
    font-size:1em;
497
    color:{color:text};}
498
499
.post img{
500
    max-width:100%;
501
-webkit-transition: all 0.4s ease-in-out;
502
-moz-transition: all 0.4s ease-in-out;
503
transition: all 0.4s ease-in-out;}
504
    
505
.photo {
506
    height:auto;
507
-webkit-transition: all 0.4s ease-in-out;
508
-moz-transition: all 0.4s ease-in-out;
509
transition: all 0.4s ease-in-out;}
510
511
.quote {
512
    text-align:center;
513
    font-size:1.2em;}
514
515
.quotesource {
516
    text-align:right;}
517
518
/**  theme by F L O R E L S  (✿◠‿◠)   ////  **/
519
520
.question {
521
    color:{color:text};}
522
523
.asker {}
524
525
.answer {
526
    font-style:italic;
527
    padding:0 10px 0 20px;}
528
529
.captions {
530
    margin-top:-8px;}
531
532
 #pleasedontremove{
533
     position:fixed;
534
     right:5px;
535
     z-index:6;
536
     top:35px;}
537
538
/**  theme by F L O R E L S  (✿◠‿◠)   ////  **/
539
540
</style>
541
</head>
542
543
<body> 
544
545
{block:ifshowblogborders}<div id="top"></div>
546
<div id="left"></div>{/block:ifshowblogborders}
547
548
<div id="pleasedontremove"><a href="http://florels.tumblr.com/" target="_blank" title="DO YOU REMEMBER theme by florels"><img src="http://static.tumblr.com/bcpenwm/j7zmzdu17/florels.png"></a></div>
549
550
551
<div id="sidebar">
552
{block:ifshowblogtitle}<div id="blogtitle"><span style="padding:3px 4px;background-color:{color:blog title background}">{Title}</span></div>{/block:ifshowblogtitle}
553
{block:ifshowbanner}<div id="banner"><img src="{image:banner}"/></div>{/block:ifshowbanner}
554
    <div id="description">{Description}</div>
555
    <div id="navlinks">
556
        <a href="/">home</a>
557
        <a href="{text:ask link}">message</a>
558
        <a href="/archive">archive</a>
559
        {block:ifcustomlink1}<a href="{text:link 1 url}">{text:link 1 title}</a>{/block:ifcustomlink1}     
560
        {block:ifcustomlink2}<a href="{text:link 2 url}">{text:link 2 title}</a>{/block:ifcustomlink2}
561
        {block:ifcustomlink3}<a href="{text:link 3 url}">{text:link 3 title}</a>{/block:ifcustomlink3}
562
        <a href="http://florels.tumblr.com">theme </a>
563
</div>
564
565
</div>
566
567
568
569
570
571
<div id="posts"> 
572
573
{block:Posts}
574
575
{block:Text} 
576
    <div class="post">
577
    <div class="headings">{block:Title}{Title}{/block:Title}</div> {Body}
578
{block:IndexPage}
579
    <div class="permalink">
580
        <a href="{Permalink}">{ShortDayofWeek} {DayofMonth}</a> <a href="{Permalink}">{NoteCount}</a> <a href="{ReblogURL}">reblog</a>
581
    </div>
582
{/block:IndexPage}
583
    </div>
584
{/block:Text}
585
586
587
{block:Photo}
588
<div class="post"><div class="photo">
589
{block:IndexPage}
590
    <a href="{permalink}"><img src="{PhotoURL-250}"alt="{PhotoAlt}"/></a>
591
            <div class="buttons">
592
                <a href="{Permalink}">{ShortDayofWeek} {DayofMonth}</a> <a href="{Permalink}">{NoteCount}</a> <a href="{ReblogURL}">reblog</a>
593
            </div>
594
{/block:IndexPage}
595
 
596
{block:PermalinkPage}
597
    <img src="{PhotoURL-400}"  alt="{PhotoAlt}"/>
598
{/block:PermalinkPage}
599
    </div></div>
600
{/block:Photo}
601
602
603
{block:Photoset}
604
<div class="post">
605
{block:IndexPage}
606
    {Photoset}
607
        <div class="permalink">
608
        <a href="{Permalink}">{ShortDayofWeek} {DayofMonth}</a> <a href="{Permalink}">{NoteCount}</a> <a href="{ReblogURL}">reblog</a>
609
    </div>
610
{/block:IndexPage}
611
{block:PermalinkPage}
612
    {Photoset-400}
613
{/block:PermalinkPage}
614
    </div>
615
{/block:Photoset}
616
617
618
{block:Quote}
619
<div class="post">
620
    <div class="quote">
621
        '<i>{Quote}</i>'
622
    </div>
623
    <div class="quotesource">
624
        — {Source}
625
    </div>
626
{block:IndexPage}
627
    <div class="permalink">
628
        <a href="{Permalink}">{ShortDayofWeek} {DayofMonth}</a> <a href="{Permalink}">{NoteCount}</a> <a href="{ReblogURL}">reblog</a>
629
    </div>
630
{/block:IndexPage}
631
    </div>
632
{/block:Quote}
633
634
635
{block:Link}
636
<div class="post">
637
    <div class="headings">
638
        <a href="{URL}">{Name}</a>
639
    </div>
640
    {block:Description}{Description}{/block:Description}
641
{block:IndexPage}
642
    <<div class="permalink">
643
        <a href="{Permalink}">{ShortDayofWeek} {DayofMonth}</a> <a href="{Permalink}">{NoteCount}</a> <a href="{ReblogURL}">reblog</a>
644
    </div>
645
{/block:IndexPage}
646
    </div>
647
{/block:Link}
648
649
650
{block:Chat}
651
<div class="post">
652
        {block:Title}{Title}{/block:Title}<br>
653
        {block:Lines}{block:Label}<i>{Label}</i><br> {Line} <br><br>
654
        {/block:Label}{/block:Lines}
655
{block:IndexPage}
656
    <div class="permalink">
657
        <a href="{Permalink}">{ShortDayofWeek} {DayofMonth}</a> <a href="{Permalink}">{NoteCount}</a> <a href="{ReblogURL}">reblog</a>
658
    </div>
659
{/block:IndexPage}
660
    </div>
661
{/block:Chat}
662
663
664
{block:Video}
665
<div class="post">
666
{block:IndexPage}
667
    <div class="video">
668
        {Video-250}
669
    </div>
670
    <div class="permalink">
671
            <a href="{Permalink}">{ShortDayofWeek} {DayofMonth}</a> <a href="{Permalink}">{NoteCount}</a> <a href="{ReblogURL}">reblog</a>
672
        </div>
673
{/block:IndexPage}
674
{block:PermalinkPage}
675
    {Video-400}
676
{/block:PermalinkPage}
677
    </div>
678
{/block:Video}
679
680
681
{block:Audio}
682
<div class="post">
683
    <div class="audiopost">
684
        {block:AlbumArt}
685
            <div class="albumart">
686
                <img src="{AlbumArtURL}">
687
            </div>
688
        {/block:AlbumArt}
689
        {block:AudioPlayer}
690
            <div class="playbox">
691
                {AudioPlayerWhite}
692
            </div>
693
        {/block:AudioPlayer}
694
            <div class="info">
695
                Artist: <span{block:Artist} style="display:none;"{/block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist}</br>
696
                Title: <span{block:TrackName} style="display:none;"{/block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}</br>
697
                Album: <span{block:Album} style="display:none;"{/block:Album}>Unknown</span>{block:Album}{Album}{/block:Album}{block:PlayCount}</br>
698
                Plays: {FormattedPlayCount}{/block:PlayCount}
699
            </div>
700
        </div>
701
{block:IndexPage}
702
    <div class="permalink">
703
        <a href="{Permalink}">{ShortDayofWeek} {DayofMonth}</a> <a href="{Permalink}">{NoteCount}</a> <a href="{ReblogURL}">reblog</a>
704
    </div>
705
{/block:IndexPage}
706
    </div>
707
{/block:Audio}
708
709
710
{block:Answer}
711
<div class="post">
712
    <div class="question">{Asker} said: {Question}</div>
713
    <div class="answer">{Answer}</div>
714
{block:IndexPage}
715
    <div class="permalink">
716
        <a href="{Permalink}">{ShortDayofWeek} {DayofMonth}</a> <a href="{Permalink}">{NoteCount}</a> <a href="{ReblogURL}">reblog</a>
717
    </div>
718
{/block:IndexPage}
719
    </div>
720
{/block:Answer}
721
722
723
{block:PermalinkPage}
724
<div class="notes">
725
    {block:Date}{Caption}<b>Posted:</b> {TimeAgo}</br>{/block:Date}
726
    {block:NoteCount}<b>Notes:</b>{NoteCount}</br>{/block:NoteCount}
727
    {block:RebloggedFrom}<b>Reblogged from:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a></br>{/block:RebloggedFrom}
728
    {block:ContentSource}<b>Source:</b> <a href="{SourceURL}">{SourceTitle}</a></br>{/block:ContentSource}
729
    {block:hastags}<b>Tagged with:</b> {block:tags}#<a href="/tagged/{Tag}">{Tag}</a> {/block:tags}</br>{/block:hastags}
730
{PostNotes}</div>
731
{/block:PermalinkPage}
732
733
734
{/block:posts} 
735
736
737
</div></div>
738
739
</body>
740
    
741
</html>