View difference between Paste ID: yUGPiR2P and ByXjTE8a
SHOW: | | - or go back to the newest paste.
1
<!--You cannot remove credit! If you absolutely NEED to move it, I expect it to be placed somewhere else on the theme, preferably on the main page. If you remove credit, I will report you :) I take a lot of time on these theme so please respect that. If you have any questions or problems, just let me know and I'll be happy to help you! :)-->
2
3
<html>
4
5
<head>
6
7
<meta name="color:links" content="#a28979" />
8
<meta name="color:linkshover" content="#a28979" />
9
<meta name="color:sidebar" content="#ffffff" />
10
<meta name="color:background" content="#d6a77f" />
11
<meta name="image:background" content="" />
12
<meta name="image:sidebar" content="" />
13
<meta name="if:link1" content="" />
14
<meta name="text:link1" content=""/>
15
<meta name="text:link1url" content="" />
16
<meta name="if:link2" content="" />
17
<meta name="text:link2" content=""/>
18
<meta name="text:link1ur2" content="" />
19
20
21
22
<link rel="shortcut icon" href="http://i122.photobucket.com/albums/o260/mhilka/minigifs/teacup301.gif">
23
24
{block:Description}
25
<meta name="description" content="{MetaDescription}" />
26
{/block:Description}
27
28
<title>{Title}</title>
29
30
31
<style type="text/css">
32
33
@font-face {font-family:"arma";src:url('http://static.tumblr.com/7glhdxz/B3Mmgevme/pf_arma_five.ttf');}
34
35
@font-face{font-family:"Ginette";src:url('http://static.tumblr.com/9wzbixa/ZKKmj2im3/ginette.ttf');}
36
37
@font-face { font-family: "sunshine"; src: url('http://static.tumblr.com/5fd89aw/U3vli7rvs/sunshine_in_my_soul.ttf'); }
38
39
@font-face{font-family:"Gruenewald"; src: url('http://static.tumblr.com/9wzbixa/Wsomj2iuz/gruenewald_va_normal.ttf');}
40
41
/*GENERAL*/
42
43
body{
44
background-image:url('{image:background}');
45
background-color:{color:background};
46
background-attachment: fixed;
47
font-family:"arma";
48
font-size:8px;
49
color:#2A120A;
50
}
51
52
a:link, a:active, a:visited{
53
color: {color:links}; 
54
text-decoration: none;}
55
56
a:hover {
57
color:{color:linkshover};
58
text-decoration: none;}
59
60
61
/*SIDEBAR*/
62
63
div#sidebar{
64
margin-left:120px;
65
width:200px;
66
height:auto;
67
background:{color:sidebar};
68
margin-top:150px;
69
font-family:"arma";
70
font-size:8px;
71
padding:5px;
72
position:fixed;
73
border: 1px solid #ccc;
74
}
75
76
div#title{
77
margin-left:401px;
78
width:654px;
79
height:50px;
80
text-align:center;
81
font-size:40px;
82
position:fixed;
83
margin-top:50px;
84
background:#ffffff;
85
opacity:.7; 
86
font-family:"Gruenewald";
87
z-index:1;
88
89
}
90
91
/*POSTS*/
92
93
div#posts{
94
margin-left: 400px;
95
margin-top:0px;
96
width:655px;
97
height:110%;
98
background: #ffffff;
99
 
100
}
101
102
103
104
.entry {    
105
margin:3px;
106
padding:5px;
107
float:left;
108
background-color: white;
109
overflow:hidden;
110
border:1px solid #ddd;
111
{block:IndexPage}
112
width:200px;
113
{/block:IndexPage}
114
{block:PermalinkPage}
115
width:500px;
116
line-height:14px;
117
padding:3px;
118
padding-bottom:1px;
119
margin-left: 298px;
120
{/block:PermalinkPage}
121
}
122
123
.tweek {
124
    font-size:15px;
125
    line-height:100%;
126
    padding:2px;
127
    color:#fff;
128
    z-index:987897978978999999;
129
}
130
131
132
#audiostats {display:block; height:auto; position:relative; min-height:80px;}
133
 
134
.audioentry {width:200px; background-color:#ffffff; position:relative;  padding:5px; {block:IndexPage}overflow:hidden;{/block:IndexPage}; min-height:80px;}
135
 
136
.audio {top: 15px; left: 15px; -webkit-border-radius: 50px; -moz-border-radius: 50px; position: absolute; z-index: 3; background: white; opacity: .5; filter:alpha(opacity=50)}
137
 
138
.audioplayer {width: 20px; height: 30px; overflow: hidden; margin: 17px 24px 13px 16px;}
139
140
.perms {
141
border-bottom: 1px solid {color:border};
142
color:#777;
143
font-size:8px;
144
opacity: 0; 
145
-webkit-transition-duration: .75s;top:0px;
146
width:200px; 
147
height:22px;
148
padding-bottom:4px;
149
background-color: #fff; 
150
position: absolute; 
151
margin-top:6px;
152
text-align:center;
153
text-transform:uppercase;
154
font-family:consolas;
155
letter-spacing:1px;
156
display:block;
157
}
158
159
.entry:hover .perms {
160
opacity:0.9;
161
z-index:999999;
162
padding-top:4px;}
163
164
.permalinktext{
165
text-align:center;
166
}
167
168
169
170
/*NAVIGATION*/
171
172
div#navi{
173
margin-top:420px;
174
margin-left:121px;
175
width:210px;
176
background:#FAFAD2;
177
font-size:8px;
178
text-align:center;
179
position:fixed;
180
}
181
182
/*EXTRAS*/
183
184
div#flowers{
185
margin-left:110px;
186
margin-top: 100px;
187
position:fixed;
188
width:auto;
189
height: auto;
190
}
191
192
193
194
195
    
196
    
197
</style>
198
199
200
201
</head>
202
203
<body>
204
205
<div id="title">{Title}</div>
206
207
208
<div id="sidebar">
209
<img src="{image:sidebar}" width=200px height=200px;>
210
<br><br>
211
{Description}
212
<br>
213
    
214
    
215
</div>
216
217
<div id="flowers"><img src=http://4.bp.blogspot.com/-8TQ5soCaw1w/UgqhZoDHKUI/AAAAAAAAA28/0tvRuCAoRqc/s320/autumn+leaves+falling.png" width=250px;></div>
218
219
<div id="navi"><a href="/">home</a>
220
    
221
|    
222
223
<a href="/ask">ask</a>
224
225
{block:IfLink1}
226
227
|
228
229
<a href="{text:link1url}">{text:link1}</a>{/block:IfLink1}
230
231
{block:IfLink2}
232
233
|
234
235
<a href="{text:link2url}">{text:link2}</a>{/block:IfLink2}
236
237
|
238
<a href="/archive">archive</a>
239
    
240
|
241
<a href="http://www.tobemarissa.tumblr.com">credit</a>    
242
    
243
</div>
244
245
246
247
248
<div id="posts">
249
 
250
{block:Posts}
251
<div class="entry">
252
 
253
 
254
 
255
 
256
{block:Text}
257
<div class="text">
258
<div style="text-transform:uppercase">{block:Title}
259
<a href="{Permalink}">{Title}</a>
260
{/block:Title}</div>
261
{Body}
262
{block:IndexPage}
263
<div class="permalinktext">
264
______________________________________________
265
posted on {shortmonth} {dayofmonth} with <a href="{permalink}">{notecountwithlabel}</a>
266
</div>
267
{/block:IndexPage}
268
 
269
</div>
270
{/block:Text}
271
 
272
 
273
{block:Link}
274
<div class="text">
275
<span style="text-transform:uppercase;"><a href="{URL}" class="link" {Target}>{Name}</a></span>
276
{block:Description}
277
<div class="description">{Description}</div>
278
{/block:Description}
279
{block:IndexPage}
280
<div class="permalinktext">
281
______________________________________________
282
posted on {shortmonth} {dayofmonth} with <a href="{permalink}">{notecountwithlabel}</a>
283
</div>
284
{/block:IndexPage}
285
</div>{/block:Link}
286
 
287
{block:Photo}
288
{block:IndexPage}<div class="perms">
289
posted on {DayOfWeek} <br> with <a href="{permalink}">{notecountwithlabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a>
290
</div> {/block:IndexPage}
291
{block:IndexPage}<img src="{PhotoURL-500}" alt="{PhotoAlt}" style="opacity:0.6" width=
292
"200px"/></a>{/block:IndexPage}{block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" style="opacity:0.6" width="500px"/>{LinkCloseTag}{/block:PermalinkPage}
293
{block:ifshowcaption}{caption}{/block:ifshowcaption}
294
{/block:Photo}
295
 
296-
{block:IndexPage}<div id="permalink"><div class="reblogg"><a href="{reblogurl}">reblog</a></span></div></div>
296+
297
{block:IndexPage}<div class="perms">
298-
{block:IndexPage}<center>{Photoset-200}</center>{/block:IndexPage}
298+
299
</div> {/block:IndexPage}
300
{block:IndexPage}<center>{Photoset-250}</center>{/block:IndexPage}
301
<center>{block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}</center>
302
{/block:Photoset}
303
 
304
 
305
{block:Quote}
306
<div class="text">
307
<div class="quote">&#10077;</div>
308
<div style="margin-top:2px;;margin-bottom:0px;min-height:30px; padding: 4px; background-color:#fafafa;border:1px dotted #eee; letter-spacing:1px;text-transform:uppercase; font-size:8px; font-family: consolas; border-radius:5px;">
309
{Quote} </div>
310
{block:Source}
311
<div class="source"><div style="text-align:right; color:{color:link};padding-top:5px;"> • {Source}</div></div>
312
{/block:Source}
313
{block:IndexPage}
314
<div class="permalinktext">
315
______________________________________________
316
posted on {shortmonth} {dayofmonth} with <a href="{permalink}">{notecountwithlabel}</a>
317
</div>
318
{/block:IndexPage}
319
</div>{/block:Quote}
320
{block:Chat}
321
<div class="text">
322
{block:Title}
323
<a href="{Permalink}">{Title}</a>
324
{/block:Title}
325
<ul class="chat">
326
{block:Lines}
327
<li class="{Alt} user_{UserNumber}"> {block:Label} <span class="label">{Label}</span> {/block:Label}
328
 
329
{Line} </li>
330
{/block:Lines}
331
</ul>
332
{block:IndexPage}
333
<div class="permalinktext">
334
______________________________________________
335
posted on {shortmonth} {dayofmonth} with <a href="{permalink}">{notecountwithlabel}</a>
336
</div>
337
{/block:IndexPage}
338
</div>{/block:Chat}
339
 
340
 
341
 
342
{block:Audio}
343
 
344
<div id="audiostats">
345
<div class="audioentry">
346
 
347
<img src="http://static.tumblr.com/2lqtwbf/coolyqooj/untitled-1.png" alt="default album art" width="80" height="80" style="position:absolute; vertical-align:middle;" />
348
349
{block:AlbumArt}<img width="80" height="80" src="{AlbumArtURL}" style="position:absolute;" />{/block:AlbumArt}
350
 
351
<div class="audio"><div class="audioplayer">{AudioPlayerWhite}</div></div>
352
353
<div style="margin-left:90px; line-height:12px">{block:TrackName}<b>Song:</b> {TrackName}<br>{/block:TrackName}
354
{block:Artist}<b>Artist:</b> {Artist}<br>{/block:Artist}
355
{block:Album}<b>Album:</b> {Album}<br>{/block:Album}
356
{FormattedPlayCount} plays{block:Caption}{Caption}{/block:Caption}</div>
357
</div>
358
<div class="permalinktext">
359
______________________________________________
360
posted on {shortmonth} {dayofmonth} with <a href="{permalink}">{notecountwithlabel}</a></span></div>
361
{/block:IndexPage}
362
{/block:Audio}
363-
{block:IndexPage}<div id="permalink"><div class="reblogg"><a href="{reblogurl}">reblog</a></span></div></div>
363+
364
{block:Video}
365
{block:IndexPage}<div class="perms">
366
posted on {DayOfWeek} <br> with <a href="{permalink}">{notecountwithlabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a>
367
</div> {/block:IndexPage}
368
<center>
369
{block:IndexPage}
370
{Video-250}
371
{/block:IndexPage}
372
</center>
373
{block:PermalinkPage}
374
<center>{Video-500}</center>
375
{/block:PermalinkPage}
376
{block:Video}
377
 
378
{block:Answer}
379
<div style="padding:13px;text-align:left;">
380
<strong><i>{asker}:</i> {question}</strong>
381
<div class="caption" style="margin-top:3px;">
382
{Answer}</div>
383
{block:indexpage}
384
<div align="right" style="padding-right:10px; padding-top:3px;padding-bottom:0px;"><a href="{Permalink}">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
385
</a>&nbsp;&nbsp;-&nbsp;&nbsp;<a href="{Permalink}">{DayOfMonth} {Month}
386
</a></div>{/block:indexpage}
387
</div>
388
{/block:Answer}
389
 
390
{block:IndexPage}<div style="display:none;">{block:ContentSource}<a href="{SourceURL}">{SourceTitle}</a> {block:RebloggedFrom}<a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}{/block:ContentSource}</div>{/block:IndexPage}
391
 
392
{block:PermalinkPage}
393
{block:caption}{caption}<br>{/block:caption}
394
<center>{block:Date}Posted on {DayOfWeek}, {Month} {DayOfMonth}, {Year} with {NoteCountWithLabel}{/block:Date}
395
{block:RebloggedFrom}<br><b>via</b>: <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}{block:ContentSource} | <b>source</b>: <a href="{SourceURL}">{SourceTitle}</a> {/block:ContentSource}
396
</center>
397
{/block:PermalinkPage}
398
 
399
<div style="text-align:left;">
400
{block:PostNotes}{PostNotes}
401
{/block:PostNotes}</div>
402
</div>
403
 
404
 
405
 
406
{/block:Posts}
407
</div>
408
</div>
409
{block:IndexPage}<br>
410
{block:Pagination}
411
<div id="pagination">
412
{block:NextPage}
413
<a id="nextPage" href="{NextPage}">next</a>
414
{/block:NextPage}
415
{block:PreviousPage}
416
<a href="{PreviousPage}">back</a>
417
{/block:PreviousPage}
418
</div>
419
{/block:Pagination}
420
{/block:IndexPage}
421
</div>
422
</body>
423
 
424
{block:indexpage}
425
{block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}
426
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
427
<script type="text/javascript" src="http://static.tumblr.com/bswe8t6/UFVlryaq2/jquerymsnryv2.js"></script>
428
<script type="text/javascript">
429
$(window).load(function(){
430
var $wall = $('#posts');
431
$wall.imagesLoaded(function(){
432
$wall.masonry({
433
itemSelector: '.entry, .entry_photo',
434
isAnimated : false
435
});
436
});
437
 
438
$wall.infinitescroll({
439
navSelector : '#page-nav',
440
nextSelector : '#page-nav a',
441
itemSelector : '.entry, .entry_photo',
442
bufferPx : 2000,
443
debug : false,
444
errorCallback: function() {
445
$('#infscr-loading').fadeOut('normal');
446
}},
447
function( newElements ) {
448
var $newElems = $( newElements );
449
$newElems.hide();
450
$newElems.imagesLoaded(function(){
451
$wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
452
});
453
}); $('#content').show(500);
454
});
455
</script>
456
{/block:indexpage}
457
 
458
<script type="text/javascript">
459
$(function() {
460
$("#topDivA").click(function(){
461
var target = $("html");
462
$('html, body').animate({
463
scrollTop: target.offset().top
464
}, 1000);
465
});
466
 
467
});</script>
468
469
470
</body>
471
472
<hmtl>