View difference between Paste ID: 1n3Lnv37 and Q15Us6k8
SHOW: | | - or go back to the newest paste.
1
<!--
2
theme by cyrusnigga donut remove credit or i'll come to your ask and tell u to put it back how bout that 
3
--> 
4
<html>
5
   
6
       
7
       
8
<head>       
9
<title>{Title}</title>   
10
<script type="text/javascript"
11
src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
12
<link href='http://fonts.googleapis.com/css?family=Anonymous+Pro|Ropa+Sans' rel='stylesheet' type='text/css'>
13
<meta name="color:background" content="#FFFFFF" />
14
<meta name="color:text" content="#57554F" />   
15
<meta name="color:link" content="#f31350" />
16
<meta name="color:hover" content="#000000"/>
17
<meta name="color:links shadow" content="#000000"/>
18
<meta name="image:sidebar" content="" />
19
<meta name="text:link one" content="" />
20
<meta name="text:link one title" content="" />
21
<meta name="text:link two" content="" />
22
<meta name="text:link two title" content="" />
23
<meta name="text:link three" content="" />
24
<meta name="text:link three title" content="" />
25
<meta name="text:link four" content="" />
26
<meta name="text:link four title" content="" />
27
<meta name="text:link five" content="" />
28
<meta name="text:link five title" content="" />
29
<meta name="image:background" content="" />
30
<meta name="if:faded images" content="0"/>
31
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
32
<title>{Title}{block:SearchPage} - Search results for: {SearchQuery}{/block:SearchPage}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
33
{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
34
<link rel="shortcut icon" href="{Favicon}" />
35
<link rel="alternate" type="application/rss+xml" href="{RSS}" />
36
37
38
<style type="text/css">
39
40
{block:iffadedimages}img{-webkit-filter: grayscale(0);-webkit-transition: opacity 0.9s linear; opacity: 0.8}img:hover{ -webkit-filter: grayscale(0);-webkit-transition: opacity 0.9s linear; opacity: 1.0;}{/block:iffadedimages}
41
  
42
body {color:{color:text};background-color:{color:background};background-image: url('{image:background}');background-position: center;background-attachment:fixed;background-repeat: repeat;
43
font-size:12px;font-family:ropa sans;line-height:16px;text-align:justify; letter-spacing: 0px; }
44
45
a{color: {color:link}; text-decoration: none;}
46
47
::-webkit-scrollbar {
48
width: 7px;
49
height: 4px;
50
background: {color:background};
51
}
52
 
53
::-webkit-scrollbar-thumb {
54
background-color:{color:link};
55
-webkit-border-radius: 1ex;
56
}
57
   
58
a:hover { 
59
font-style: none; 
60
color:{color:hover};
61
opacity: 0.7; 
62
text-shadow: 2px  0px  #df8181, -2px 0px #54d2cb; 
63
-webkit-transition: all 1s ease-in-out
64
} 
65
66
#content {
67
margin-left:390px;
68
margin-top:5px; 
69
width:500px
70
}  
71
72
#posts{
73
overflow:hidden; 
74
background-color: {color:background}; 
75
border-left:0px solid; 
76
border-right:0px solid; 
77
padding:3px
78
}
79
80
#title {
81
font-size:20px; 
82
text-align:center; 
83
font-family:; 
84
line-height:110%;
85
}   
86
      
87
#sidebarimg img {
88
max-width:220px; 
89
margin-left:0px; 
90
margin-top:0px;
91
height: auto; 
92
text-align:center;
93
border:1px {color:border};
94
}
95
96
div#sidebar{ 
97
position:fixed !important;
98
width: 220px; 
99
height: auto; 
100
margin-left:120px;
101
margin-top: 160px; 
102
background: transparent; 
103
text-align: center;
104
}
105
106
107
#description {
108
text-align:center; 
109
margin-top:4px;
110
font-size:12px;
111
font-family:ropa sans;
112
line-height:13px;
113
}
114
115
#pagination {
116
font-family:Imprima; 
117
text-align:center; 
118
font-size:14px;
119
}
120
121
h1{
122
color:{color:link};
123
font-family:Imprima;  
124
font-size:15px;
125
line-height:15px;
126
letter-spacing:0px;
127
font-weight:normal;
128
margin:0px;
129
padding:0px;
130
text-align:left
131
}
132
133
h2{
134
color:{color:title};
135
font-family:Imprima;
136
font-size:11px;
137
line-height:14px;
138
letter-spacing:0px;
139
font-weight:normal;
140
margin:0px;
141
padding:0px;
142
margin-bottom:-0px;
143
text-align:justify
144
}
145
146
147
#omg{
148
letter-spacing: 2px;
149
}
150
151
#omg:hover{ 
152
text-shadow: 0px 0px 10px {color:links shadow};
153
}
154
155
.user_1 .label {color:{color:link}; font-weight:bold}
156
.user_2 .label {color:{color:text}; font-weight:bold}
157
ul.chat, .chat ol, .chat li {list-style:none; margin:0px; padding:0px;}
158
159
i, em {color: {color:Link};}
160
b, strong {color: {color:text};}
161
162
::selection {
163
color:{color:Text};
164
background-color: {color:Link};
165
}
166
167
::-moz-selection {
168
color:{color:Text};
169
background-color: {color:Link};
170
}
171
172
::-webkit-selection {
173
color:{color:Text};
174
background-color:{color:Link};
175
}
176
177
blockquote {border-left:2px {color:Link} solid; padding-left:5px; margin:1px 6px 1px 10px}
178
179
p{margin-top:5px; margin-bottom:5px; }
180
181
blockquote {padding:0px; text-align:left; padding-left:5px; margin:5px; background-color:transparent; border-left:3px solid {color:Link};}
182
183
184
ol.notes img {
185
width: 16px;
186
position: relative;
187
display: inline;
188
top: 3px;
189
}
190
.photoset, .photoset_row, div.photoset_photo, .photoset img, .html_photoset {
191
192
margin: 0 auto;
193
}
194
195
.text {
196
padding: 5px;
197
}
198
199
ol.notes {
200
padding: 0 10px;
201
}
202
203
.perma
204
{
205
opacity: 0.0;
206
filter: alpha(opacity = 0);
207
margin-top: -21px;
208
width: px;
209
height: 30px;
210
line-height: 30px;
211
font-size: 9px;
212
position:absolute;
213
text-align: center;
214
z-index:9999991; 
215
color: {color:permalink};
216
217
}
218
a.p
219
{
220
221
color: {color:permalink};
222
}
223
.entry:hover .perma {
224
225
-webkit-transition: opacity 0.4s linear;
226
opacity: 1;
227
-moz-transition: all 0.4s linear;
228
transition: all 0.4s linear;
229
filter: alpha(opacity = 100);
230
231
}
232
233
select {
234
font-size: 9px;
235
width: 100px;
236
margin-left: 10px;
237
238
}
239
option {
240
font-size: 9px;
241
text-align: left;
242
243
}
244
input[type=button]
245
{
246
font-size: 9px;
247
}
248
249
.likep {
250
width: 21px;
251
height: 20px;
252
overflow: hidden;
253
position: relative;
254
z-index: 9999999;
255
position: absolute;
256
margin-top: 26px;
257
margin-left: 5px;
258
}
259
.rep {
260
width: 24px;
261
height: 20px;
262
overflow: hidden;
263
position: relative;
264
z-index: 9999999;
265
position: absolute;
266
margin-top: 26px;
267
margin-left: 29px;
268
} 
269
.likep a:hover {
270
background-position: 0px 0px;
271
}
272
.likep a {
273
background-image: url("http://static.tumblr.com/uiqhh9x/BPnlzww8v/like.png");
274
background-position: 0px 0px;
275
display: block;
276
z-index: 9999999;
277
webkit-transition: all 0s linear;
278
-webkit-transition: all 0s linear;
279
-moz-transition: all 0s linear;
280
transition: all 0s linear;
281
}
282
.likep img {
283
width: 21px;
284
height: 20px;
285
webkit-transition: all 0.2s linear;
286
-webkit-transition: all 0.2s linear;
287
-moz-transition: all 0.2s linear;
288
transition: all 0.2s linear;
289
}
290
.rep img{
291
width: 24px;
292
height: 20px;
293
line-height: 30px;
294
display: inline;
295
}
296
297
.not { position: absolute;
298
background: url("http://static.tumblr.com/uiqhh9x/X6Ym17xp2/middle.png");
299
height: 20px;
300
font-size: 11px;
301
line-height: 20px;
302
color: #fff;
303
position: absolute;
304
margin-top: 26px;
305
margin-left: 56px;
306
padding-left: 4px;
307
padding-right: 4px;
308
-moz-border-radius: 2px;
309
border-radius: 2px;
310
}
311
.not a{
312
color: #fff;
313
font-family: sans-serif;
314
}
315
316
p {
317
margin:0px;
318
margin-top:0px; 
319
} 
320
321
322
</style>
323
324
325
326
<style>#toTop {display:none;text-decoration:none;position:fixed;bottom:20px;right:20px;overflow:hidden;width:30px;height:40px;border:none;text-indent:-999px;background:url(http://static.tumblr.com/hi8vwsz/Q0ull6xz3/totop.png) no-repeat left top;z-index:3000;}#toTopHover {background:url(http://static.tumblr.com/hi8vwsz/Q0ull6xz3/totop.png) no-repeat left -40px;
327
328
width:30px;height:40px;display:block;overflow:hidden;float:left;opacity: 0;-moz-opacity: 0;filter:alpha(opacity=0);}
329
330
#toTop:active, #toTop:focus {outline:none;}#toTop:active, #toTop:focus {outline:none;}</style>
331
332
333
334
<script type="text/javascript" src="http://static.tumblr.com/53unaru/kx3lgzker/jquery-1.3.2.min.js" charset="utf-8"></script>
335
336
<script type="text/javascript" src="http://static.tumblr.com/53unaru/4jtlgzkf8/easing.js"></script>
337
338
<script type="text/javascript" src="http://static.tumblr.com/53unaru/y8wlgzkbt/jquery.ui.totop.js"></script>
339
340
<script type="text/javascript">
341
342
$(document).ready(function() {
343
344
$().UItoTop({ easingType: 'easeOutQuart' });
345
346
});
347
348
</script>
349
    
350
351
352
<style type="text/css">{CustomCSS}</style>
353
354
</head>   
355
356
<body>
357
<div id="sidebar">
358
{block:ifitalic}<i>{/block:ifitalic}<div id="sidebarimg"><img src="{image:sidebar}"></div>
359
360
<div id="description">
361
362
<center><a href="{text:link one}">{text:link one title}</a> -
363
<a href="{text:link two}">{text:link two title}</a> -
364
<a href="{text:link three}">{text:link three title}</a> -
365
<a href="{text:link four}">{text:link four title}</a> -
366
<a href="{text:link five}">{text:link five title}</a> 
367
368
<center>
369
{Description}
370
371
372
373
374
<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
375
376
 </div>
377
378
379
</div>
380
</div>
381
382
<div id="content">
383
384
385
386
387
{block:Posts}
388
389
390
391
<div class="entry">
392
{block:IndexPage}<div class="perma">
393
<div class="likep"><a id="like{PostID}" href="javascript:likelink('{PostID}','{Permalink}','');"><img src="http://static.tumblr.com/lba83dv/OUUltd958/spacer.gif" width="21" height="20" alt="Like this post" id="likeimage{PostID}"/></a></div> <div class="rep"><a href="{reblogurl}" target="_blank"><img src="http://static.tumblr.com/uiqhh9x/OAClzwwao/reblog.png" width="30"/></a></div>
394
<div class="not"><a id="notes{PostID}" href="{Permalink}">{notecount}</a></div>
395
396
397
398
</div> 
399
{/block:IndexPage}
400
{block:Text}
401
<div class="text">
402
{block:Title}
403
<a href="{Permalink}">{Title}</a>
404
{/block:Title}
405
{Body}
406
</div>
407
{/block:Text}
408
409
{block:Photo}
410
{block:IndexPage}
411
{LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="500px"/>{LinkCloseTag}
412
{/block:IndexPage}
413
{block:permalinkpage}{LinkOpenTag}
414
<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="500px"/>{LinkCloseTag}
415
{/block:permalinkpage}
416
417
{/block:Photo}
418
419
{block:Photoset}
420
{block:IndexPage}
421
{Photoset-500}
422
{/block:IndexPage}
423
{block:permalinkpage}
424
{Photoset-500}
425
{/block:permalinkpage}
426
{/block:Photoset}
427
428
{block:Quote}
429
<div class="text">
430
"{Quote}"
431
{block:Source}
432
<div class="source">{Source}</div>
433
{/block:Source}
434
</div>
435
{/block:Quote}
436
437
{block:Link}
438
<div class="text">
439
<a href="{URL}" class="link" {Target}>{Name}</a>
440
{block:Description}
441
<div class="description">{Description}</div>
442
{/block:Description}
443
</div>
444
{/block:Link}
445
446
{block:Chat}
447
<div class="text">
448
{block:Title}
449
<h3><a href="{Permalink}">{Title}</a></h3>
450
{/block:Title}
451
<ul class="chat">
452
{block:Lines}
453
<li class="{Alt} user_{UserNumber}"> {block:Label} <span class="label">{Label}</span> {/block:Label}
454
455
{Line} </li>
456
{/block:Lines}
457
</ul>
458
</div>
459
{/block:Chat}  
460
461
462
{block:Video}
463
464
{block:IndexPage}
465
{Video-500}
466
{/block:IndexPage}
467
{block:permalinkpage}
468
{Video-500}
469
{/block:permalinkpage}
470
{/block:Video}
471
472
{block:Audio}
473
{AudioPlayerBlack}
474
<div class="text">
475
{block:Caption}
476
{Caption}
477
{/block:Caption}
478
</div>
479
{/block:Audio}
480
{block:PermalinkPage}
481
<center>{block:Date}{ShortMonth} {DayofMonth}{DayofMonthSuffix} {Year}{/block:Date}{block:NoteCount} - {NoteCountWithLabel}{/block:NoteCount}{block:HasTags} - Tags: {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}{/block:HasTags}</center>
482
{/block:PermalinkPage}
483
{block:PostNotes}{PostNotes}{/block:PostNotes}
484
</div>
485
{/block:Posts}
486
</div>
487
</div>
488
489
{block:Pagination}
490-
{block:ifendlessscroll}
490+
491
{block:PreviousPage}
492
<li><a href="{PreviousPage}"</a></li>
493
{/block:PreviousPage}
494
{block:JumpPagination length="5"}
495
{block:CurrentPage}
496
<li><span class="current_page numbersNav"><strong>{PageNumber}</strong></span></li>
497
{/block:CurrentPage}
498
{block:JumpPage}
499
<li><a class="jump_page numbersNav" href="{URL}">{PageNumber}</a></li>
500
{/block:JumpPage}
501
{/block:JumpPagination}
502
{block:NextPage}
503
<li><a id="nextPage" href="{NextPage}"></a></li>
504
{/block:NextPage}
505
</ul>    
506
{/block:Pagination}    
507
{block:IndexPage}
508
<script type="text/javascript" src="http://static.tumblr.com/xek1qzw/TKgn8tjki/jquerymsnryv2.js"></script>
509
<script type="text/javascript">
510-
<script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
510+
511
var $content = $('#content');  
512
$content.infinitescroll({
513
navSelector : '#pagination', 
514
nextSelector : '#pagination a#nextPage',
515
itemSelector : '.entry',
516
loading: {
517
finishedMsg: '',
518
img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
519
},
520
bufferPx : 200,
521
debug : false,   
522
});
523
});
524
</script>
525
{/block:IndexPage}
526
527-
{/block:IndexPage}{/block:ifendlessscroll}
527+
528
<iframe id="likeiframe" style="width: 0px; height: 0px;"></iframe>
529
530
</body>
531
</html>