View difference between Paste ID: fDMVfmu0 and xRMa2D7A
SHOW: | | - or go back to the newest paste.
1
<!--Theme by iusedtobeher | tumblr . Please don't remove credit. I love you. Have an amazing day! โ™ฅ-->
2
3
<html lang="en">
4
<!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
5
<html xmlns="http://www.w3.org/1999/xhtml">
6
<head>
7
8
<script type="text/javascript"
9
src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
10
11
<!-- DEFAULT VARIABLES -->
12
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
13
14
<meta name="color:background" content="#fff"/>
15
<meta name="color:link" content="#777"/>
16
<meta name="color:text" content="#777"/>
17
<meta name="color:title" content="#888"/>
18
<meta name="color:borders" content="#ccc"/>
19
<meta name="color:hover" content="#fff"/>
20
<meta name="color:sidebar border" content="#ccc">
21
<meta name="color:scrollbar" content="#ccc" />
22
23
<meta name="image:sidebar" content=""/>
24
<meta name="image:background" content=""/>
25
26
<meta name="text:Link Three Title" content="link 3" />
27
<meta name="text:Link Three" content="" />
28
<meta name="text:Link Four Title" content="link 4" />
29-
<meta name="text:blogtitle" content="title here" />
29+
30
<meta name="text:Link Five Title" content="link 5" />
31
<meta name="text:Link Five" content="" />
32
<meta name="text:Link six Title" content="link 6" />
33
<meta name="text:Link six" content="" />
34
35
<link href='http://fonts.googleapis.com/css?family=Parisienne' rel='stylesheet' type='text/css'>
36
37
38
<style type="text/css">
39
::-webkit-scrollbar {width: 4px; height: 4px; border:1px solid {color:borders}; background-color:{color:background};}
40
::-webkit-scrollbar-thumb { border-left:0px solid #ddd; background: {color:scrollbar};}
41
iframe#tumblr_controls {right:2px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.8;-webkit-transition: all 0.8s ease-out;-moz-
42
43
transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
44
45
iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity:1;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all
46
47
0.4s ease-out;}
48
49
iframe#tumblr_controls {
50
position:fixed !important;-webkit-filter: invert(100%) ;
51
-moz-transition: all 0.8s ease-out;
52
-webkit-transition: opacity 0.7s linear;
53
-webkit-transition: all 0.8s ease-out;
54
transition: all 0.8s ease-out;
55
opacity: 0.5;}
56
57
58
p {
59
margin:0px;
60
margin-top:0px;
61
}
62
63
64
::selection {
65
background: #ffffff;
66
color: #fff;
67
}
68
69
::-moz-selection {
70
background: #ffffff;
71
color: #ffffff;
72
}
73
74
body {
75
padding: 0px;
76
margin: 0px;
77
color:{color:text};
78
font-family: consolas;
79
line-height:12px;
80
font-size:10px;
81
background-image:url();
82
background-color: {color:Background};
83
background-attachment: fixed;
84
background-repeat: repeat;
85
}
86
87
88
a:link, a:active, a:visited{
89
-webkit-transition: color 0.3s ease-out;
90
-moz-transition: color 0.3s ease-out;
91
transition: color 0.3s ease-out;
92
color:{color:link};
93
text-decoration: none;}
94
95
96
a:hover {
97
background:{color:hover};
98
border-bottom:1px solid #ddd;
99
100
}
101
102
faqq {
103
font-size:40px;
104
line-height:15px;
105
margin:4px;
106
color:#92afbb;
107
text-shadow: 2px 2px 1px #eee;
108
font-family:ca;
109
}
110
111
askname{
112
font-family:jenna;
113
font-size:13px;
114
z-index:99;
115
}
116
117
.entry {
118
float:left;
119
display: block;
120
margin:2px;
121
line-height:7px;
122
padding:1px;
123
border: 1px solid #ddd;
124
overflow:hidden;
125
width:275px;
126
opacity:1;
127
{block:PermalinkPage}
128
width:428px;
129
text-align:left;
130
line-height:10px;
131
{/block:PermalinkPage}
132
background-color:white;
133
}
134
135
.entry .perma a{
136
color:#444;
137
}
138
139
.entry .perma a:hover {
140
text-decoration: none;
141
font-style:;
142
text-shadow:0px 0px 2px #000;
143
color: {color:Hover};
144
}
145
146
.entry .perma{
147
148
149
}
150
151
.entry:hover .perma{
152
margin-left: 0px;
153
left:5px;
154
overflow:visible;
155
opacity:0.85;
156
}
157
158
.entry .perma2 a{
159
color:#444;}
160
161
.entry .perma2 a:hover {
162
text-decoration: none;
163
font-style:;
164
color: {color:Hover};
165
}
166
167
.entry .perma2{
168
width:296px;
169
height: 22px;
170
font-family: consolas;
171
text-transform:uppercase;
172
position: absolute;
173
font-size: 9.5px;
174
line-height: 22px;
175
text-align: center;
176
overflow:hidden;
177
background-color:#fff;
178
letter-spacing:0px;
179
bottom:-10px;
180
margin-left: 0px;
181
padding-bottom:1px;
182
border-top: 4px solid #ebf1f0;
183
border-radius: 0px;
184
-webkit-transition: opacity 0.5s linear; opacity: 0.0;
185
-webkit-transition: all 0.5s linear;
186
-moz-transition: all 0.5s linear;
187
transition: all 0.5s linear;
188
}
189
190
.entry:hover .perma2{
191
overflow:visible;
192
opacity:.9;
193
bottom:10px;
194
border-top-right-radius: 0px;
195
border-bottom-left-radius: 0px;
196
-webkit-transition: all 0.5s linear;
197
-webkit-transition: all 0.5s linear;
198
-moz-transition: all 0.5s linear;
199
transition: all 0.5s linear;
200
}
201
#posts {
202
width:800px;
203
margin-top:10px;
204
z-index:1;
205
margin-left:220px;
206
right:auto;
207
background:transparent;
208
margin-right:auto;
209
position:relative;
210
overflow-y: hidden;
211
}
212
213
div#center{
214
position:fixed;
215
width:300px;
216
overflow:auto;
217
overflow-y:hidden;
218
margin-left:950px;
219
margin-top:10px;
220
}
221
222
background{
223
padding:1px;
224
}
225
226
.title{
227
font-family:consolas;
228
font-size: 13px;
229
text-transform:uppercase;
230
line-height: 13px;
231
color:{color:Title};
232
letter-spacing: 0px;
233
word-spacing:2px;
234
font-weight: normal;
235
padding:0px 0px 0px 0px;
236
}
237
238
#under{
239
color:#ddd;
240
width:638px;
241
height:60px;
242
padding:5px;
243
letter-spacing:0px;
244
margin-top:-180px;
245
position:relative;
246
font-family:s;
247
font-size:56px;
248
line-height:40px;
249
margin-left:320px;
250
letter-spacing:1px;
251
text-align:center;
252
text-shadow:2px 2px 0px #fff;
253
-webkit-transform: rotate(0deg);
254
-moz-transform: rotate(0deg);
255
}
256
257
.permalink{
258
text-transform: normal;
259
display: block;
260
text-align: right;
261
text-decoration: none;
262
}
263
264
#infscr-loading{
265
bottom: -70px;
266
position: absolute;
267
left: 50%;
268
margin-left:-8px;
269
width:16px;
270
height:11px;
271
overflow:hidden;
272
margin-bottom: 50px;
273
}
274
275
#postnotes{
276
text-align: justify;}
277
278
#postnotes blockquote{
279
border: 0px;}
280
281
#blockquote{
282
padding:0px 0px 2px 5px;
283
margin:0px 0px 2px 10px;
284
border-left: 1px dotted #555555;
285
}
286-
blockquote{
286+
287
#blockquote p, ul{
288
margin:0px;
289
padding:0px;
290
}
291
292-
blockquote p, ul{
292+
#blogtitle{
293
margin-top:190px;
294
margin-left:50px;
295
color:black;
296
height:50px;
297
padding:3px;
298
letter-spacing:0px;
299
position:relative;
300
font-family: 'Parisienne', cursive;
301
font-size:51px;
302
line-height:70px;
303
letter-spacing:1px;
304
text-align:center;
305
}
306
307
308
a img{border: 0px;}
309
310
311
ul, ol, li{list-style:none; margin:0px; padding:0px;}
312
313
.user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
314
.user_7 .label, .user_8 .label, .user_9 .label {color:{color:text};}
315
316
.notes img{width:10px; position:relative; top:3px;}
317
<--ses-->
318
small{font-size: 90%;}
319
320
{CustomCSS}
321
322
</style>
323
324
{block:IndexPage}
325
<script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
326
<script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
327
328
<script type="text/javascript">
329
$(window).load(function(){
330
var $wall = $('#posts');
331
$wall.imagesLoaded(function(){
332
$wall.masonry({
333
itemSelector: '.entry, .entry_photo',
334
isAnimated : false
335
});
336
});
337
338
$wall.infinitescroll({
339
navSelector : '#pagination',
340
nextSelector : '#pagination a',
341
itemSelector : '.entry, .entry_photo',
342
bufferPx : 2000,
343
debug : false,
344
errorCallback: function() {
345
$('#infscr-loading').fadeOut('normal');
346
}},
347
function( newElements ) {
348
var $newElems = $( newElements );
349
$newElems.hide();
350
$newElems.imagesLoaded(function(){
351-
<title>{title}</title>
351+
352
});
353
}); $('#posts').show(500);
354
});
355
</script>
356
357
358
{/block:IndexPage}
359
360
361
<link rel="shortcut icon" href="{favicon}" />
362
<meta name="viewport" content="width=820" />
363
</head>
364
365
<body>
366-
<div id="blogtitle">
366+
367-
<div style="
367+
368-
margin-top:190px; 
368+
369
370
<div style="margin-top:50px; margin-left:1000px; position:fixed;"><img src="{image:sidebar}" width=150px height=200px></div><div class="sidebar"></div></div>
371
</br>
372
<div id="center">
373
374
<div id="blogtitle">{title}</div>
375-
background-white;
375+
376
</center>
377
</br>
378
<center>
379
<div id="desc">
380-
text-align:center;">
380+
381-
{text:blogtitle}</div></div>
381+
382
</br>
383
<a href="/">home</a> /
384
<a href="/ask">ask</a> /
385
<a href="{text:Link Three}">{text:Link Three Title}</a>
386
</br></br>
387
<a href="{text:Link Four}">{text:Link Four Title}</a> /
388
<a href="{text:Link Five}">{text:Link Five Title}</a> /
389
<a href="{text:Link six}">{text:Link six Title}</a>
390
</br></br>
391
</center>
392
    
393
</div>
394
</div></div></div></div></div></div>
395
</div></div></div>
396
397
<div class="left">
398
<div id="posts">
399
{block:Posts}
400
<div class="entry">
401
402
{block:Answer}
403
<div style="margin-top:2px; margin-bottom:0px; overflow:auto;height:40px; padding: 4px; background-color:#fff;border:1px solid {color:borders};border-radius:4px;">
404
<img src="{AskerPortraitURL-40}" width="40" align="left" style="margin-right:3.5px;"/><askname>{asker}</askname>: {Question}</div>
405
<div style="margin-top:2px; margin-bottom:4px; background: transparent;">{Answer}</div>
406
<div class="permalink"> <a href="{permalink}">{notecountwithlabel}</a> </div>
407
{/block:Answer}
408
409
{block:Text}{block:Title}<span class="title">{Title}</span>{/block:Title}<span class="body">{Body}</span><p align=right><span class="permalink"><a
410
411
href="{Permalink}"><a href="{Permalink}"><a href="{Permalink}">{notecountwithlabel}</a></a><br>{/block:HasTags}</span></align>
412
{/block:Text}
413
414
{block:Link}<a href="{URL}" class="title">{Name}</a>{block:Description}<div class="body">{Description}</div>{/block:Description} <p align=right><span
415
416
class="permalink"><a href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}"></span></align>{block:Link}
417
418
{block:Photo}
419
{block:IndexPage}
420
<center>
421
<div class="perma2">
422
<a id="notes{PostID}" href="{Permalink}">{NoteCountWithLabel}</a> ยท <a href="{permalink}">{timeago}</a> ยท <a href="{reblogurl}" target="_blank">reblog</a></div>
423
424
<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
425
{/block:IndexPage}
426
{block:PermalinkPage}
427
{LinkOpenTag}<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
428
429
{LinkCloseTag}
430
{/block:PermalinkPage}
431
{/block:Photo}
432
433
{block:Photoset}
434
{block:IndexPage}
435
<center>
436
<div class="perma2">
437
<a href="{Permalink}"> notecount</a> </div>
438
<div class="perma">
439
<a href="{ReblogURL}" target="_blank"> reblog </a> </div>
440
{Photoset-250}</center>
441
{/block:IndexPage}
442
{block:PermalinkPage}
443
<center>
444
{Photoset-500}</center>
445
{/block:PermalinkPage}
446
{/block:Photoset}
447
448
{block:Quote}<span class="title">"{Quote}"</span> โ€” {block:Source}<b>{Source}</b>{/block:Source}<br><p align=right><span class="permalink"><a
449
450
href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}"> </span>{/block:Quote}
451
452
{block:Chat}{block:Title}<span class="title">{Title}</span>{/block:Title}
453
<ul class="chat">
454
{block:Lines}
455
<li class="user_{UserNumber}">
456
{block:Label}
457
<span class="label">{Label}</span>
458
{/block:Label}
459
460
{Line}
461
</li>
462
{/block:Lines}
463
<p align=right><span class="permalink"><a href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}">
464
{/block:Chat}
465
466
{block:Audio}
467
<div style="width:200px; height:30px;">
468
{AudioPlayerBlack}
469
</div>
470
{block:IndexPage}{caption}<span class="permalink">
471
<p align=right><span class="permalink"><a href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}"> </a>
472
</span>{/block:IndexPage}
473
{/block:Audio}
474
475
{block:Video}
476
{block:IndexPage}
477
<center>
478
<div class="perma2">
479
<a href="{Permalink}"> {notecount}</a> </div>
480
<div class="perma">
481
<a href="{ReblogURL}" target="_blank"> reblog </a> </div>
482
{Video-250}</center>
483
{/block:IndexPage}
484
{block:PermalinkPage}
485
<center>
486
{Video-400}</center>
487
{/block:PermalinkPage}
488
{block:Video}
489
490
491
{block:PostNotes}<div align="middle">{caption}</div>
492
<center>
493
494
{block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
495
496
{block:HasTags}
497
tags: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br> {/block:HasTags}
498
{block:RebloggedFrom}
499
reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
500
posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
501
502
{/block:RebloggedFrom}
503
</center></span>
504
<br>
505
<div id="postnotes">{PostNotes}</div><br>
506
507
<center>{block:ContentSource}
508
<br><a href="{SourceURL}">
509
{lang:Source}:
510
{block:SourceLogo}
511
<img src="{BlackLogoURL}" width="{LogoWidth}"
512
height="{LogoHeight}" alt="{SourceTitle}" />
513
{/block:SourceLogo}
514
{block:NoSourceLogo}
515
{SourceLink}
516
{/block:NoSourceLogo}
517
</a>
518
{/block:ContentSource}</center>
519
520
{/block:PostNotes}
521
</div>
522
{/block:Posts}
523
</div></div>
524
525
{block:IndexPage}
526
{block:Pagination}
527
<div id="pagination">
528
{block:NextPage}
529
<a id="nextPage" href="{NextPage}"></a>
530
{/block:NextPage}
531
{block:PreviousPage}
532
<a href="{PreviousPage}"></a>
533
{/block:PreviousPage}
534
</div>
535
{/block:Pagination}
536
{/block:IndexPage}
537
538
</body>
539
</body>
540
541
<div style="bottom:5px;right:4px;position:fixed;"><a href="http://iusedtobeher.tumblr.com/">c</a></div>
542
543
</html>
544
</div>