View difference between Paste ID: TmhUKJSF and ySijFmWr
SHOW: | | - or go back to the newest paste.
1
<html>
2
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
3
<html xmlns="http://www.w3.org/1999/xhtml">
4
<head>
5
 
6
<!--Default Variables-->
7
<!--Colors-->
8
<meta name="color:Box" content="#f8f8f8"/>
9
<meta name="color:Background" content="#ffffff"/>
10
<meta name="color:Border" content="#e8e8e8"/>
11
<meta name="color:HyperLink" content="#b1486c"/>
12
<meta name="color:HyperLink Hover" content="#d6bfc7"/>
13
<meta name="color:Scrollbar" content="#b1486c"/>
14
<meta name="color:Links Text" content="#d59db0"/>
15
<meta name="color:Link Text Hover" content="#292727"/>
16
<meta name="color:Text" content="#9c8f93"/>
17
 
18
<!--Images-->
19
<meta name="image:Background" content""/>
20
<meta name="image:Sidebar" content""/>
21
 
22
<!--Options-->
23
<meta name="if:Infinite Scrolling" content=""/>
24
 
25
<!--Links-->
26
<meta name="text:Link 1 URL" content="/"/>
27
<meta name="text:Link 1 name" content=""/>
28
<meta name="text:Link 2 URL" content="/"/>
29
<meta name="text:Link 2 name" content=""/>
30
<meta name="text:Link 3 URL" content="/"/>
31
<meta name="text:Link 3 name" content=""/>
32
<meta name="text:Link 4 URL" content="/"/>
33
<meta name="text:Link 4 name" content=""/>
34-
<meta name="text:Link 5 URL" content="/"/>
34+
35-
<meta name="text:Link 5 name" content=""/>
35+
<div style="font-size: 10px; letter-spacing: 1px; float: right; position: fixed; bottom: 5px; right: 5px; text-transform:lowercase;"><a href="http://joshdevin.tumblr.com">©joshdevin</a></div><style type="text/css">
36-
<meta name="text:Link 6 URL" content="/"/>
36+
37-
<meta name="text:Link 6 name" content=""/>
37+
38-
38+
39
<script src="jquery.js"></script>
40
<script>
41
$(document).ready(function(){
42
  $("#flip").click(function(){
43
    $("#panel").slideToggle("fast");
44
  });
45
});
46
</script>
47
 
48
 
49
{block:ifInfiniteScrolling}
50
<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
51
{/block:ifInfiniteScrolling}
52
 
53
{block:Description}
54
<meta name="description" content="{MetaDescription}" />{/block:Description}
55
<title>
56
{block:PostSummary}
57-
</style> 
57+
58-
58+
59
 
60-
60+
61
img{
62
-webkit-transition: opacity 0.5s linear;
63
opacity: 0.75;
64-
opacity: 0.8;
64+
65
 
66
img:hover{
67
-webkit-transition: opacity 0.5s linear;
68
opacity: 1;
69
}
70
 
71
 
72
img{
73
-moz-transition: opacity 0.5s linear;
74
opacity: 0.75;
75-
opacity: 0.8;
75+
76
 
77
img:hover{
78
-moz-transition: opacity 0.5s linear;
79
opacity: 1;
80
}
81
 
82
 
83-
 #bite
83+
84-
#bite a{
84+
85-
display:block
85+
86
 
87-
#bite .death {
87+
88-
margin-top:-40px;filter: alpha(opacity = 0);
88+
89-
opacity:0;-webkit-transition: all 0.5s ease-out;
89+
90-
-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
90+
91
 
92-
92+
93-
#bite:hover .death {
93+
94-
margin-top:2px;
94+
95-
-webkit-transition: all 0.8s ease-out;
95+
96-
-moz-transition: all 0.8s ease-out;
96+
97-
transition: all 0.8s ease-out; 
97+
98-
filter: alpha(opacity = 100);
98+
99-
filter: alpha(opacity = 100);
99+
100-
opacity:100;
100+
101
background-position: center;
102
font-family:calibri;
103
font-size:11px;
104
line-height:12px;
105
color:{color:Text};
106
}
107
 
108
a:link, a:active, a:visited{
109
color: {color:HyperLink};
110
text-decoration:none;
111
-webkit-transition: all 0.4s linear;
112
-moz-transition: all 0.4s linear;
113
transition: all 0.4s linear;
114
}
115
 
116
a:hover{
117
color: {color:HyperLink Hover};
118
{block:iftinycursor}
119
cursor: url(http://i.imgur.com/IepP2.jpg), progress;
120
{/block:iftinycursor}
121
}
122
 
123
#container {
124
margin:auto;
125
width:400px;
126
}
127
 
128
#content {
129
width:400px;
130
padding:20px;
131
margin:auto;
132
margin-top:-10px;
133
}
134
 
135
#entry {
136
width:400px;
137
margin-top:20px;
138
margin-left:110px;
139
padding:3px;
140
 
141
}
142
 
143
#permalink{
144
position:relative;
145
margin-top:9px;
146
padding-top:3px;
147
font-size:8px;
148
line-height:10px;
149
font-family:cambria;
150
letter-spacing:1px;
151
text-transform:uppercase;
152
}
153
 
154
#info{
155
position:absolute;
156
margin-top:-11px;
157
font-size:8px;
158
line-height:10px;
159
font-family:cambria;
160
letter-spacing:1px;
161
right:0;
162
text-transform:uppercase;
163
}
164
 
165
#answer {
166
padding-top:50px;
167
}
168
 
169
#ask {
170
float:left;
171
margin-right:5px;
172
padding:5px;
173
background:{color:Ask Background};
174
width:492px;
175
}
176
 
177
#asker {
178
float:left;
179
}
180
 
181
.askername{
182
text-transform:uppercase;
183
font-size:10px;
184
font-weight:bold;
185
letter-spacing:1px;
186
padding-top:3px;
187
margin-top:3px;
188
text-align:right;
189
border-top:1px solid {color:Border};
190
}
191
 
192
#side {
193
position:fixed;
194
text-align:center;
195
width:150px;
196
margin-top:270px;
197
margin-left:-100px;
198
}
199
 
200
#navigate a{
201
text-transform:uppercase;
202
font-family:courier;
203
font-size:8px;
204
letter-spacing:1px;
205
margin-top:3px;
206
margin-left:3px;
207
text-align:center;
208
z-index:1;
209
display:inline-block;
210
background:{color:Sidelinks};
211
color:{color:Links Text};
212
transition: all 0.5s ease-out;
213
-o-transition-transition: all 0.5s ease-out;
214
-webkit-transition: all 0.5s ease-out;
215
-moz-transition: all 0.5s ease-out;
216
}
217
 
218
#navigate a:hover{
219
background:{color:Link Hover};
220-
220+
221-
221+
222
-o-transition-transition: all 0.5s ease-out;
223-
223+
224
-moz-transition: all 0.5s ease-out;
225-
text-transform:uppercase; 
225+
226-
font-family:courier; 
226+
227
.pgs {
228-
letter-spacing:.01px; 
228+
229-
margin-top:1px; 
229+
230-
width:30px; 
230+
231-
margin-left:110px; 
231+
232-
text-align:center; 
232+
233-
display:block; 
233+
234-
background:{color:Sidelinks}; 
234+
235-
color:{color:Links Text}; transition: all 0.5s ease-out; 
235+
236
.posttitle{
237-
-webkit-transition: all 0.5s ease-out; 
237+
238-
-moz-transition: all 0.5s ease-out; }
238+
239
line-height: 20px;
240
}
241
 
242
blockquote{
243
padding:0px 0px 2px 5px;
244
margin:0px 0px 2px 1px;
245
border-left: 3px solid {color:HyperLink Hover};}
246
blockquote p, ul{margin:0px; padding:0px;
247
}
248
 
249
.chat .line{
250
padding: 2px;
251
}
252
 
253
.chat .line .odd{
254
color: {color:Link};
255
}
256
 
257
.label {font-weight:bold; color:{color:text}}
258
 
259
a img{border: 0px;}
260
 
261
.p { padding-top: 5px; }
262
.ol, ul { margin-left: 10px; padding: 5px; }
263
.ul { list-style-type: square; }
264
 
265
.cover {position: absolute; z-index: 1; width:75px; padding:5px; border:1px solid {color:Border};}
266
 
267
.playbox {position: absolute; z-index: 1000;}
268
 
269
.playbutton {width: 26px;  height: 26px;  overflow: hidden;  position: relative; z-index:2;border:5px solid white;}
270
 
271
.playbox {background-color: black;   position: absolute;  z-index:2; margin-top: 25px;  margin-left: 24px; opacity:.6;
272
-webkit-transition: all 0.6s linear;
273
-moz-transition: all 0.6s linear;
274
transition: all 0.6s linear;}
275
 
276
.playbox:hover {opacity:.8;}
277
 
278
.title{
279
width:
280
position:absolute;
281
line-height:23px;
282
margin-left:90px;
283
padding:4px;
284
z-index: 1000;
285
text-transform:uppercase;
286
}
287
 
288
.video embed, .post div.video object {width:250px; height:187px}
289
 
290
.notes img{width:10px; position:left; top:3px;}
291
 
292
 
293
{CustomCSS}
294
</style>
295
 
296
<link rel="shortcut icon" href="{Favicon}">
297
<link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" /><meta name="viewport" content="width=820" />
298
 
299
</head>
300
<body>
301
<div id="container">
302
<div id="content">
303
<div id="side">
304
<div id="sidepic">
305
<a href="/"><img src="{image:Sidebar}" width="130" style="z-index:999;padding:5px; background:white; border:1px solid {color:Border};margin-top:2px;margin-left:2px;"></a>
306
</div>
307
 
308
<div class="desc">
309-
309+
310-
#description {
310+
<a href="{text:Link 1 URL}">{text:Link 1 name}</a>
311-
margin-top:118px;
311+
<a href="{text:Link 2 URL}">{text:Link 2 name}</a>
312-
margin-left:-2px;
312+
<a href="{text:Link 3 URL}">{text:Link 3 name}</a>
313
<a href="{text:Link 4 URL}">{text:Link 4 name}</a>
314
</div>
315-
font-style:italic;
315+
316-
font-size:9px;
316+
317-
width:110px;
317+
<div style="padding:2px;margin-top:2px;width:100px;margin-left:24px;font-size:10px;">
318
{block:Pagination}{/block:Pagination}
319-
z-index:-1;
319+
{Description}
320
{block:PreviousPage}<a href="{PreviousPage}">←</a>{/block:PreviousPage}
321-
line-height:100%;}
321+
{block:NextPage}<a href="{NextPage}">→</a>{/block:NextPage}
322
<hr color="#d6d5d5" size=".5" width="85%">
323
 
324
</div>
325
{block:ifNotInfiniteScrolling}
326
{block:PreviousPage}
327
{/block:PreviousPage}
328
{block:NextPage}
329
{/block:NextPage}
330
</div>
331
{/block:ifNotInfiniteScrolling}
332
</div>
333
 
334
{block:Posts}
335
<div style="border: 1px solid {color:border};padding:10px;" id="entry">
336
 
337
{block:Text}
338
{block:Title}
339
<div class="posttitle">{Title}</div>
340-
<div id="bite">
340+
341
{Body}
342-
<a href="/"><img src="{image:Sidebar}" width="100" style="posiion:fixed;z-index:999; padding:5px; background:white; border:1px solid {color:Border};margin-top:2px;margin-left:2px;"></a>
342+
343
 
344-
344+
345-
<div style="padding:2px;margin-top:-113px;width:100px;margin-left:22px;text-align:cent;">
345+
346-
<div id="description">{Description}<br>{block:Pagination}{/block:Pagination}
346+
347
</div>
348-
{block:NextPage}<a href="{NextPage}">→</a>{/block:NextPage}</div>
348+
349-
349+
350
 
351-
<div class="death">
351+
352
<center>
353-
<a style="border: 1px solid {color:Border}; padding:1px;" href="{text:Link 1 URL}">{text:Link 1 name}</a>
353+
354-
<a style="border: 1px solid {color:border}; padding:1px;"href="{text:Link 2 URL}">{text:Link 2 name}</a>
354+
355-
<a style="border: 1px solid {color:border}; padding:1px;"href="{text:Link 3 URL}">{text:Link 3 name}</a>
355+
356-
<a style="border: 1px solid {color:border}; padding:1px;"href="{text:Link 4 URL}">{text:Link 4 name}</a>
356+
357-
<a style="border: 1px solid {color:border}; padding:1px;"href="{text:Link 5 URL}">{text:Link 5 name}</a>
357+
358-
<a style="border: 1px solid {color:border}; padding:1px;"href="{text:Link 6 URL}">{text:Link 6 name}</a>
358+
359
</center>
360
{block:Caption}{Caption}{/block:Caption}
361
{block:ContentSource}
362-
362+
363
width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
364
{/block:SourceLogo}
365
{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
366
{/block:ContentSource}
367
{block:ReblogParentURL}
368
<!-- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
369
{/block:ReblogParentURL}
370
{/block:Photo}
371
 
372
{block:Photoset}
373
<center>
374
<div class="photo">
375
{Photoset-400}
376
</div>
377
</center>
378
{block:Caption}{Caption}{/block:Caption}
379
{/block:Photoset}
380
 
381
{block:Quote}
382
<div class="posttitle">"{Quote}"</div>
383
{block:Source}
384
<i> - {Source}</i>
385
{/block:Source}
386
{/block:Quote}
387
 
388
{block:Chat}
389
{block:Title}
390
<div class="posttitle">
391
{Title}
392
</div>
393
{/block:Title}
394
<div class="chat">
395
{block:Lines}
396
<div class="chat">
397
<div class="line {Alt}">
398
<div class="{Alt} user_{UserNumber}">
399
{block:Label}
400
<b>{Label} </b>
401
{/block:Label}
402
{Line}
403
</div>
404
</div>
405
</div>
406
{/block:Lines}
407
</div>
408
{/block:Chat}
409
 
410
{block:Audio}
411
<div class="playbox">
412
<div class="playbutton">
413
{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}
414
</div></div>
415
{block:AlbumArt}
416
<img src="{AlbumArtURL}" class="cover">
417
{/block:AlbumArt}
418
 
419
<div class="title">
420
{block:TrackName}
421
<b>Title</b>:{TrackName}
422
{/block:TrackName}
423
</div>
424
 
425
<div class="title">
426
{block:Artist}
427
<b>Artist:</b>{Artist}
428
{/block:Artist}
429
</div>
430
 
431
<div class="title">
432
{PlayCountWithLabel}
433
</div>
434
 
435
<br>
436
{block:Caption}{Caption}{/block:Caption}
437
{/block:Audio}
438
 
439
{block:Video}
440
<center>
441
<div class="photo">
442
{Video-500}
443
</div>
444
</center>
445
{block:Caption}{Caption}{/block:Caption}
446
{/block:Video}
447
 
448
{block:IndexPage}
449
<div id="permalink">posted
450
<a href="{Permalink}"> {TimeAgo}</a>
451
with
452
<a href="{Permalink}">{NoteCountWithLabel}</a>
453
<div id="info">
454
{block:RebloggedFrom}<a href="{ReblogParentURL}" target="_blank">via:{ReblogParentName}</a> / (<a href="{ReblogRootURL}" target="_blank">©:{ReblogRootName}</a>)  {/block:RebloggedFrom}
455
</div>
456
<br>
457
{block:HasTags}
458
TAGGED AS:
459
{block:Tags}<a href="{TagURL}">#{Tag}</a>
460
{/block:Tags}
461
{/block:HasTags}
462
</div>
463
{/block:IndexPage}
464
 
465
{block:PermalinkPage}
466
<center>
467
<div id="permalink">
468
{block:Date}
469
{TimeAgo} on
470
{ShortMonth} {DayofMonth},{Year}
471
{/block:Date}
472
{block:NoteCount} · {NoteCountWithLabel}
473
{/block:NoteCount}
474
{block:HasTags} · Tags:
475
{block:Tags}<a href="{TagURL}">#{Tag} </a>
476
{/block:Tags}
477
{/block:HasTags}
478
<br>{block:RebloggedFrom}via: <a href="{ReblogParentURL}" target="_blank">{ReblogParentName}</a> · (©: <a href="{ReblogRootURL}" target="_blank">{ReblogRootName}</a>)  {/block:RebloggedFrom}
479
</div>
480
</center>
481
{/block:PermalinkPage}
482
 
483
{block:PostNotes}
484
{PostNotes}
485
{/block:PostNotes}
486
</div>
487
{/block:Posts}
488
</div>
489
 
490
 
491
</body>
492
</html>