View difference between Paste ID: PUT94aaz 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="/"/>
35
<meta name="text:Link 5 name" content=""/>
36
<meta name="text:Link 6 URL" content="/"/>
37
<meta name="text:Link 6 name" content=""/>
38
 
39
 
40
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
41
 
42
<script src="jquery.js"></script>
43
<script>
44
$(document).ready(function(){
45
  $("#flip").click(function(){
46
    $("#panel").slideToggle("fast");
47
  });
48
});
49
</script>
50
 
51
 {block:Description}
52-
{block:Description}
52+
53
<title>
54
{block:PostSummary}
55
{PostSummary} - {/block:PostSummary}{Title}</title>
56
</style>
57-
</style> 
57+
58
 
59
 
60
<style type="text/css">
61
img{
62
-webkit-transition: opacity 0.5s linear;
63
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.8;
75
}
76
 
77
img:hover{
78
-moz-transition: opacity 0.5s linear;
79
opacity: 1;
80
}
81
 
82
 #bite
83
#bite a{
84
display:block
85
}
86
#bite .death {
87
margin-top:-40px;filter: alpha(opacity = 0);
88
opacity:0;-webkit-transition: all 0.5s ease-out;
89
-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
90
}
91
 
92
#bite:hover .death {
93
margin-top:2px;
94
-webkit-transition: all 0.8s ease-out;
95
-moz-transition: all 0.8s ease-out;
96
transition: all 0.8s ease-out;
97-
transition: all 0.8s ease-out; 
97+
98
filter: alpha(opacity = 100);
99
opacity:100;
100
}
101
 
102
 
103
 
104
iframe#tumblr_controls {right:3px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.2;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
105
 
106
 
107
iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: .9;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
108
 
109
::-webkit-scrollbar {width: 5px; height: 5px; background:{color:Scrollbar Background}; }
110
::-webkit-scrollbar-thumb { background-color: {color:Scrollbar};}
111
 
112
{block:iftinycursor}
113
body, a, a:hover {cursor: url(http://media.tumblr.com/tumblr_lyovxfnDb71qfoi4t.png), progress;}
114
{/block:iftinycursor}
115
 
116
body{
117
background-color: {color:Background};
118
background-image: url({image:Background});
119
background-attachment: fixed;
120
background-repeat: repeat;
121
background-position: center;
122
font-family:calibri;
123
font-size:11px;
124
line-height:12px;
125
color:{color:Text};
126
}
127
 
128
a:link, a:active, a:visited{
129
color: {color:HyperLink};
130
text-decoration:none;
131
-webkit-transition: all 0.4s linear;
132
-moz-transition: all 0.4s linear;
133
transition: all 0.4s linear;
134
}
135
 
136
a:hover{
137
color: {color:HyperLink Hover};
138
{block:iftinycursor}
139
cursor: url(http://i.imgur.com/IepP2.jpg), progress;
140
{/block:iftinycursor}
141
}
142
 
143
#container {
144
margin:auto;
145
width:500px;
146-
width:400px;
146+
147
 
148
#content {
149
width:500px;
150-
width:400px;
150+
151
margin:auto;
152
margin-top:-10px;
153
}
154
 
155
#entry {
156
width:500px;
157-
width:400px;
157+
158
margin-left:110px;
159
padding:3px;
160
 
161
}
162
163
 
164-
#permalink{
164+
165
position:fixed;
166-
margin-top:9px;
166+
167-
padding-top:3px;
167+
168
margin-top:270px;
169-
line-height:10px;
169+
170
}
171
 
172
 
173
 
174
 
175-
#info{
175+
176
text-transform:uppercase;
177-
margin-top:-11px;
177+
font-family:courier;
178
font-size:8px;
179-
line-height:10px;
179+
letter-spacing:.01px;
180
margin-top:1px;
181
width:30px;
182
margin-left:110px;
183
text-align:center;
184
display:block;
185
background:{color:Sidelinks};
186-
#answer {
186+
color:{color:Links Text}; transition: all 0.5s ease-out;
187-
padding-top:50px;
187+
188
-webkit-transition: all 0.5s ease-out;
189
-moz-transition: all 0.5s ease-out; }
190-
#ask {
190+
191-
float:left;
191+
192-
margin-right:5px;
192+
193-
padding:5px;
193+
194-
background:{color:Ask Background};
194+
195-
width:492px;
195+
196
-webkit-transition: all 0.5s ease-out;
197
-moz-transition: all 0.5s ease-out;
198-
#asker {
198+
199-
float:left;
199+
200
201
#description {
202-
.askername{
202+
203
margin-left:-2px;
204-
font-size:10px;
204+
205-
font-weight:bold;
205+
206
font-style:italic;
207-
padding-top:3px;
207+
208-
margin-top:3px;
208+
209-
text-align:right;
209+
210-
border-top:1px solid {color:Border};
210+
211
letter-spacing:1px;
212
line-height:100%;}
213
 
214
 
215
.video embed, .post div.video object {width:250px; height:187px}
216
 
217
#tags{
218
padding-top:6px;
219
font-size:9px;
220
position:relative;
221
font-family:courier;
222
}
223
224
#via{
225-
text-transform:uppercase; 
225+
226-
font-family:courier; 
226+
227
font-size:9px;
228-
letter-spacing:.01px; 
228+
font-family:courier;
229-
margin-top:1px; 
229+
230-
width:30px; 
230+
231-
margin-left:110px; 
231+
.head{
232-
text-align:center; 
232+
233-
display:block; 
233+
234-
background:{color:Sidelinks}; 
234+
font-size: 15px;
235-
color:{color:Links Text}; transition: all 0.5s ease-out; 
235+
236
 
237-
-webkit-transition: all 0.5s ease-out; 
237+
238
{CustomCSS}
239
</style>
240
 
241
<link rel="shortcut icon" href="{Favicon}">
242
<link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" /><meta name="viewport" content="width=820" />
243
 
244
</head>
245
<body>
246
<div id="container">
247
<div id="content">
248
<div id="side">
249-
.pgs {
249+
250-
text-align:right;
250+
251
<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>
252-
font-size:10px;
252+
253
 
254-
margin-left:10px;
254+
255-
border-top:1px solid {color:Border};
255+
256
{block:PreviousPage}<a href="{PreviousPage}">←</a>{/block:PreviousPage}
257
{block:NextPage}<a href="{NextPage}">→</a>{/block:NextPage}</div>
258-
.posttitle{
258+
259
<div class="desc">
260-
font-size: 17px;
260+
261-
line-height: 20px;
261+
262
<a style="border: 1px solid {color:Border}; padding:1px;" href="{text:Link 1 URL}">{text:Link 1 name}</a>
263
<a style="border: 1px solid {color:border}; padding:1px;"href="{text:Link 2 URL}">{text:Link 2 name}</a>
264-
blockquote{
264+
265-
padding:0px 0px 2px 5px;
265+
266-
margin:0px 0px 2px 1px;
266+
267-
border-left: 3px solid {color:HyperLink Hover};}
267+
268-
blockquote p, ul{margin:0px; padding:0px;
268+
269
</div>
270
</div>
271-
.chat .line{
271+
272-
padding: 2px;
272+
273
</div>
274
{block:ifNotInfiniteScrolling}
275-
.chat .line .odd{
275+
276-
color: {color:Link};
276+
277
{block:NextPage}
278
{/block:NextPage}
279-
.label {font-weight:bold; color:{color:text}}
279+
280
{/block:ifNotInfiniteScrolling}
281-
a img{border: 0px;}
281+
282
 
283-
.p { padding-top: 5px; }
283+
284-
.ol, ul { margin-left: 10px; padding: 5px; }
284+
285-
.ul { list-style-type: square; }
285+
286
{block:Text}
287-
.cover {position: absolute; z-index: 1; width:75px; padding:5px; border:1px solid {color:Border};}
287+
288
<div class="head">{Title}</div>
289-
.playbox {position: absolute; z-index: 1000;}
289+
290
{Body}
291-
.playbutton {width: 26px;  height: 26px;  overflow: hidden;  position: relative; z-index:2;border:5px solid white;}
291+
292
 
293-
.playbox {background-color: black;   position: absolute;  z-index:2; margin-top: 25px;  margin-left: 24px; opacity:.6;
293+
294-
-webkit-transition: all 0.6s linear;
294+
<div class="head">
295-
-moz-transition: all 0.6s linear;
295+
296-
transition: all 0.6s linear;}
296+
297
{block:Description}{Description}{/block:Description}
298-
.playbox:hover {opacity:.8;}
298+
299
 
300-
.title{
300+
301-
width:
301+
302
{LinkOpenTag}
303-
line-height:23px;
303+
304-
margin-left:90px;
304+
<a href="{tags}">
305-
padding:4px;
305+
<img src="{PhotoURL-500}" alt="{PhotoAlt}" width="500"></a>
306-
z-index: 1000;
306+
307
{LinkCloseTag}
308
</center>
309
{block:Caption}{Caption}{/block:Caption}
310
{block:ContentSource}
311
{/block:ContentSource}
312
{block:ReblogParentURL}
313
{/block:ReblogParentURL}
314
{/block:Photo}
315
 
316
{block:Photoset}
317
<center>
318
<div class="photo">
319
{Photoset-500}
320
</div>
321
</center>
322
{block:Caption}{Caption}{/block:Caption}
323
{/block:Photoset}
324
 
325
{block:Quote}
326-
.notes img{width:10px; position:left; top:3px;}
326+
<div class="head">"{Quote}"</div>
327
{block:Source}
328
<i> ~ {Source}</i>
329
{/block:Source}
330
{/block:Quote}
331
 
332
{block:Chat}
333
{block:Title}
334
<div class="head">
335
{Title}
336
</div>
337
{/block:Title}
338
{block:Lines}
339
<div class="line {Alt}">
340
<div class="{Alt} user_{UserNumber}">
341
{block:Label}
342
<b>{Label} </b>
343
{/block:Label}
344
{Line}
345
</div>
346
</div>
347
{/block:Lines}
348
{/block:Chat}
349
 
350
{block:Audio}
351
{block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}
352
 
353
{block:TrackName}
354
{TrackName}
355
{/block:TrackName}
356
357
{block:Artist}
358
{Artist}
359
{/block:Artist}
360
 
361
 
362
<br>
363
{block:Caption}{Caption}{/block:Caption}
364
{/block:Audio}
365
 
366
{block:Video}
367
<center>
368
<div class="photo">
369
{Video-500}
370
</div>
371
</center>
372
{block:Caption}{Caption}{/block:Caption}
373
{/block:Video}
374
 
375
{block:IndexPage}
376
<div id="tags">posted
377
<a href="{Permalink}"> {TimeAgo}</a>
378
with
379-
<div class="posttitle">{Title}</div>
379+
380
<div id="via">
381
{block:RebloggedFrom}<a href="{ReblogParentURL}" target="_blank">{ReblogParentName}</a> ~ (<a href="{ReblogRootURL}" target="_blank">{ReblogRootName}</a>) {/block:RebloggedFrom}
382
</div>
383
<br>
384
{block:HasTags}
385-
<div class="posttitle">
385+
386
{/block:Tags}
387
{/block:HasTags}
388
</div>
389
{/block:IndexPage}
390
 
391
{block:PermalinkPage}
392
<center>
393
<div id="tags">
394
{block:Date}
395-
<a href="{permalink}">
395+
396-
<img src="{PhotoURL-400}" alt="{PhotoAlt}" width="400"></a>
396+
397
{/block:Date}
398
{block:NoteCount}  {NoteCountWithLabel}
399
{/block:NoteCount}<br>
400
{block:HasTags} 
401
{block:Tags}<a href="{TagURL}">#{Tag} </a>
402-
<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
402+
403-
width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
403+
404-
{/block:SourceLogo}
404+
<br>{block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank">{ReblogParentName}</a>  ( <a href="{ReblogRootURL}" target="_blank">{ReblogRootName}</a>)  {/block:RebloggedFrom}
405-
{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
405+
406
</center>
407
{/block:PermalinkPage}
408-
<!-- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
408+
409
{block:PostNotes}
410
{PostNotes}
411
{/block:PostNotes}
412
</div>
413
{/block:Posts}
414
</div>
415-
{Photoset-400}
415+
416
 
417
</body>
418
</html>