View difference between Paste ID: PLP7C95v and wg8Yny7n
SHOW: | | - or go back to the newest paste.
1
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2
 
3
<!--
4-
THEME 05: THE AVENGERS BY NUTELLAMONKEYS.TUMBLR.COM
4+
THEME 05: THE AVENGERS (B) BY NUTELLAMONKEYS.TUMBLR.COM
5
 
6
RULES:
7
- DO NOT REDISTRIBUTE OR REUPLOAD AND CLAIM AS YOUR OWN
8
- LEAVE THE CREDITS AS THEY ARE, DO NOT MOVE THEM TO A DIFFERENT PAGE
9
- DO NOT USE AS A BASE CODE
10
 
11
I worked really hard coding this theme so please please don't steal it. Even copying one line is counted as stealing.
12
-->
13
 
14
<html>
15
<head>
16
        <link rel="shortcut icon" href="{Favicon}">
17
        <link rel="alternate" type="application/rss+xml" href="{RSS}">
18
        {block:Description}
19
            <meta name="description" content="{MetaDescription}" />
20
        {/block:Description}
21
 
22-
<meta name="color:Background" content ="#ffffff"/>
22+
<meta name="color:Background" content ="#000000"/>
23-
<meta name="color:Sidebar" content ="#ffffff"/>
23+
<meta name="color:Sidebar" content ="#000000"/>
24-
<meta name="color:Sidebar Hover" content ="#ffffff"/>
24+
<meta name="color:Sidebar Hover" content ="#000000"/>
25-
<meta name="color:Content" content ="#ffffff"/>
25+
<meta name="color:Content" content ="#000000"/>
26
<meta name="image:Background" content=""/>
27
<meta name="image:Sidebar" content=""/>
28-
<meta name="color:Text" content="#055d2d"/>
28+
<meta name="color:Text" content="#ffffff"/>
29-
<meta name="color:Link" content="#8368ad"/>
29+
<meta name="color:Link" content="#3ffaff"/>
30-
<meta name="color:Link Hover" content="#328040"/>
30+
<meta name="color:Link Hover" content="#ffffff"/>
31-
<meta name="color:Navigation" content="#203589"/>
31+
<meta name="color:Navigation" content="#3ffaff"/>
32-
<meta name="color:Navigation Text" content="#fe3747"/>
32+
<meta name="color:Navigation Text" content="#000000"/>
33-
<meta name="color:Navigation Hover" content="fe3747"/>
33+
<meta name="color:Navigation Hover" content="000000"/>
34-
<meta name="color:Navigation Text Hover" content="#203589"/>
34+
<meta name="color:Navigation Text Hover" content="#3ffaff"/>
35-
<meta name="color:Question" content="#f3f3f3"/>
35+
<meta name="color:Question" content="#1a5a5c"/>
36-
<meta name="color:Header" content="#203589"/>
36+
<meta name="color:Header" content="#3ffaff"/>
37-
<meta name="color:Post Info BG" content="#f3f3f3"/>
37+
<meta name="color:Post Info BG" content="#000000"/>
38-
<meta name="color:Chat 1" content="#203589"/>
38+
<meta name="color:Post Info Border" content="#e5e5e5"/>
39-
<meta name="color:Chat 2" content="#fe3747"/>
39+
<meta name="color:Chat 1" content="#3ffaff"/>
40-
<meta name="color:Blockquote" content="#523672"/>
40+
<meta name="color:Chat 2" content="#ffffff"/>
41-
<meta name="color:Blockquote BG" content="#ffffff"/>
41+
<meta name="color:Blockquote" content="#3ffaff"/>
42
<meta name="color:Blockquote BG" content="#000000"/>
43
 
44
<meta name="text:URL1" content="/" />
45
<meta name="text:TITLE1" content="link 1" />
46
<meta name="text:URL2" content="/" />
47
<meta name="text:TITLE2" content="link 2" />
48
<meta name="text:URL3" content="/" />
49
<meta name="text:TITLE3" content="link 3" />
50
<meta name="text:URL4" content="/" />
51
<meta name="text:TITLE4" content="link 4" />
52
53
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
54
 
55
<script src="http://static.tumblr.com/ofgq56z/KuXmourur/jquery.style-my-tooltips.js" type="text/javascript"></script>
56
 
57
<script>
58
(function($){
59
$(document).ready(function(){
60
$("[title],a[title],img[title]").style_my_tooltips({
61
    tip_follows_cursor:"true",
62
    tip_delay_time:70,
63
    tip_fade_speed:500,
64
    attribute:"title"
65
});
66
});
67
})(jQuery);
68
</script>
69
70
<link href='http://fonts.googleapis.com/css?family=Economica' rel='stylesheet' type='text/css'>
71
<link href='http://fonts.googleapis.com/css?family=Economica:700' rel='stylesheet' type='text/css'>
72
73
 
74
<style type="text/css">
75
76
@font-face{ 
77
font-family: 'WebSymbolsRegular'; src: url(http://static.tumblr.com/ofgq56z/hxYm994uu/websymbols-regular.otf)
78
}
79
 
80
body {
81
background-color: {color:Background};
82
background-image: url({image:Background});
83
background-attachment:fixed;
84
font-family: Helvetica, sans-serif;
85
font-size: 12px;
86
color: {color:Text};
87
}
88
 
89
a {
90
color: {color:Link};
91
text-decoration: none;
92
transition: all 0.5s ease;
93
-webkit-transition: all 0.5s ease;
94
-moz-transition: all 0.5s ease;
95
-o-transition: all 0.5s ease;
96
-ms-transition: all 0.5s ease;
97
}
98
 
99
a:hover {
100
color: {color:Link Hover};
101
transition: all 0.5s ease;
102
-webkit-transition: all 0.5s ease;
103
-moz-transition: all 0.5s ease;
104
-o-transition: all 0.5s ease;
105
-ms-transition: all 0.5s ease;
106
}
107
 
108
a img {
109
border: 0px;
110
transition: all 0.5s ease;
111
-webkit-transition: all 0.5s ease;
112
-moz-transition: all 0.5s ease;
113
-o-transition: all 0.5s ease;
114
-ms-transition: all 0.5s ease;
115
}
116
117
#s-m-t-tooltip {
118
max-width: 200px;
119
font-size:9px;
120
letter-spacing:1px;
121
padding-left:6px;
122
padding-right:6px;
123
padding-top:4px;
124
padding-bottom:4px;
125
font-family:consolas;
126
text-transform: uppercase;
127
background-color:{color:Content};
128
color: {color:Link};
129
position: absolute;
130
display:inline;
131
margin-top: 20px;
132
margin-left: 10px;
133
text-align:center;
134
z-index:9999;
135
}
136
 
137
#content {
138
margin-left: 50px!important;
139
margin: 20px;
140
width: 500px;
141
padding: 10px;
142
background-color: {color:Content};
143
}
144
 
145
#sidebar {
146
background-repeat: no repeat;
147
position: fixed;
148
top: 100px;
149
left: 750px;
150
background-color: {color:Sidebar};
151
width: 320px;
152
height: 320px;
153
-moz-border-radius: 175px; 
154
-webkit-border-radius: 175px; 
155
border-radius: 175px;
156
transition: all 0.8s ease;
157
-webkit-transition: all 0.8s ease;
158
-moz-transition: all 0.8s ease;
159
-o-transition: all 0.8s ease;
160-
max-width:100%;
160+
-ms-transition: all 0.8s ease;
161
}
162
163
#sidebarimage {
164
width:320px;
165
height:320px;
166
position:fixed;
167
-moz-border-radius: 175px; 
168
-webkit-border-radius: 175px; 
169
border-radius: 175px;
170
background-color: transparent;
171
background-image: url({image:Sidebar});
172
background-position: center;
173
background-repeat: no-repeat;
174
}
175
176
#sideinfo {
177
top:99px;
178
left:749px;
179
width:272px;
180
height:272px;
181
position:fixed;
182
text-align: center;
183
-moz-border-radius: 300px; 
184
-webkit-border-radius: 300px; 
185
border-radius: 300px;
186
padding: 25px;
187
opacity: 0;
188
transition: all 0.8s ease;
189
-webkit-transition: all 0.8s ease;
190
-moz-transition: all 0.8s ease;
191
-o-transition: all 0.8s ease;
192
-ms-transition: all 0.8s ease;
193
}
194
195
#sideinfo:hover {
196
background-color: {color:Sidebar Hover};
197
opacity: 0.85;
198
transition: all 0.8s ease;
199
-webkit-transition: all 0.8s ease;
200
-moz-transition: all 0.8s ease;
201
-o-transition: all 0.8s ease;
202
-ms-transition: all 0.8s ease;
203
}
204
    
205
206
.navigation {
207
position:fixed;
208
top:90px;
209
left:700px;
210
}
211
 
212
.navigation a {
213
width: 70px;
214
height: 50px;
215
font-family: 'Economica', sans-serif;
216
text-transform:uppercase;
217
font-size: 15px;
218
display:block;
219
text-align: center;
220
background-color: {color:Navigation};
221
color: {color:Navigation Text};
222
padding-top: 10px;
223
padding-bottom: 10px;
224
line-height: 50px;
225
-webkit-border-radius: 250px;
226
-moz-border-radius: 250px;
227
transition: all 0.5s ease-in-out;
228
-webkit-transition: all 0.5s ease-in-out;
229
-moz-transition: all 0.5s ease-in-out;
230
-o-transition: all 0.5s ease-in-out;
231
-ms-transition: all 0.5s ease-in-out;
232
}
233
234
.navigation a:hover {
235
background-color: {color:Navigation Hover};
236
color: {color:Navigation Text Hover};
237
transition: all 0.5s ease-in-out;
238
-webkit-transition: all 0.5s ease-in-out;
239
-moz-transition: all 0.5s ease-in-out;
240
-o-transition: all 0.5s ease-in-out;
241
-ms-transition: all 0.5s ease-in-out;
242
}
243
244
#home {
245
position: fixed;
246
top: 90px;
247
left: 700px;
248
}
249
250
#link1 {
251
position: fixed;
252
top: 230px;
253
left: 655px;
254
}
255
256
#link2 {
257
position: fixed;
258
top: 370px;
259
left: 700px;
260
}
261
262
#mssg {
263
position: fixed;
264
top: 90px;
265
left: 1050px;
266
}
267
268
#link3 {
269
position: fixed;
270
top: 230px;
271
left: 1100px;
272
}
273
274
#link4 {
275
position: fixed;
276
top: 370px;
277
left: 1050px;
278
}
279
 
280
.notesandtags {
281
padding: 5px;
282
background-color: {color:Post Info BG};
283
border-top: solid 1px {color:Post Info Border};
284
border-bottom: solid 1px {color:Post Info Border};
285
margin-top: 3px;
286
}
287
288
#note li {
289
list-style-type:none;
290
}
291
292
.tags {
293
font-size: 9px;
294
text-align: center;
295
letter-spacing:1px;
296
display: inline;
297
font-family: Consolas;
298
padding-right: 5px;
299
}
300
301
.taggy {
302
font-family: 'WebSymbolsRegular';
303
display: inline;
304
font-size: 12px;
305
}
306
307
    
308
.time {
309
font-size: 10px;
310
text-transform: uppercase;
311
font-family: Consolas;
312
text-align: center;
313
letter-spacing:1px;
314
}
315
 
316
h3 {
317
font-size: 26px;
318
margin: 0px;
319
text-transform: uppercase;
320
font-family: 'Economica', sans-serif;
321
color: {color:Header};
322
}
323
 
324
.quote {
325
font-family: 'Economica', sans-serif;
326
font-style: italic;
327
font-weight: bold;
328
font-size: 21px;
329
color: {color:Link};
330
}
331
 
332
.source {
333
text-align:right;
334
}
335
 
336
.link {
337
color: {color:Link};
338
font-size: 20px;
339
font-family: 'Economica', sans-serif;
340
text-transform: uppercase;
341
 
342
}
343
 
344
.link:hover {
345
color:{color:Link Hover};
346
}
347
 
348
ul.chat {
349
margin: 0;
350
padding: 0;
351
}
352
 
353
.chat li {
354
list-style-type: none;
355
margin-left: 0px;
356
padding: 3px;
357
}
358
 
359
.chat li.odd {
360
color: {color:Chat 1};
361
margin-bottom: 1px;
362
}
363
 
364
.chat li.even {
365
color: {color:Chat 2};
366
margin-bottom: 1px;
367
}
368
369
 
370
.title {
371
font-size: 26px;
372
font-family: 'Economica', sans-serif;
373
color: {color:Header};
374
text-align: center;
375
}
376
 
377
.ask {
378
padding: 10px;
379
background-color:{color:Question};
380
}
381
 
382
.prev {
383
font-family: 'WebSymbolsRegular';
384
position: fixed;
385
top: 450px;
386
left: 855px;
387
font-size: 42px;
388
}
389
390
.next {
391
font-family: 'WebSymbolsRegular';
392
position: fixed;
393
top: 450px;
394
left: 920px;
395
font-size: 42px;
396
}
397
398
blockquote {
399
color: {color:Blockquote};
400
background: {color:Blockquote BG};
401
border-left: 3px solid {color:Dashed Lines};
402
margin: 0px;
403
padding: 0 0 0 10px;
404
font-size: 12px;
405
}
406
407
#nutella {
408
right:5px;
409
bottom:5px;
410
position:fixed;
411
font-size:9px;
412
width:40px;
413
padding:3px;
414
letter-spacing:1px;
415
text-align:center;
416
background:{color:Content};
417
color:{color:Link};
418
transition: all 0.5s ease;
419
-webkit-transition: all 0.5s ease;
420
-moz-transition: all 0.5s ease;
421
-o-transition: all 0.5s ease;
422
-ms-transition: all 0.5s ease;
423
}
424
 
425
#nutella:hover {
426
bottom:8px;
427
transition: all 0.5s ease;
428
-webkit-transition: all 0.5s ease;
429
-moz-transition: all 0.5s ease;
430
-o-transition: all 0.5s ease;
431
-ms-transition: all 0.5s ease;
432
}
433
 
434
#nutella a{
435
color:{color:Link};
436
}
437
438
 
439
iframe#tumblr_controls{ right: 3px !important; position: fixed !important; }
440
441
{CustomCSS}
442
</style>
443
444
<div id="nutella"><a href="http://nutellamonkeys.tumblr.com/">THEME</a></div>
445
 
446
<title>{Title}</title>
447
 
448
</head>
449
 
450
<body>
451
 
452
453
{block:Posts}
454
455
<div id="content">
456
 
457
{block:Text}
458
<div class="post">
459
{block:Title}
460
<h3><a href="{Permalink}">{Title}</a></h3>
461
{/block:Title}
462
{Body}
463
</div>
464
{/block:Text}
465
 
466
{block:Photo}
467
<div class="post">
468
{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}
469
{block:Caption}
470
<div class="caption">{Caption}</div>
471
{/block:Caption}
472
</div>
473
{/block:Photo}
474
 
475
{block:Photoset}
476
<div class="post">
477
<center>{Photoset-500}</center>
478
{block:Caption}
479
<div class="caption">{Caption}</div>
480
{/block:Caption}
481
</div>
482
{/block:Photoset}
483
 
484
{block:Quote}
485
<div class="post">
486
<span class="quote">"{Quote}"</span>
487
{block:Source}
488
<div class="source">- {Source}</div>
489
{/block:Source}
490
</div>
491
{/block:Quote}
492
 
493
{block:Link}
494
<div class="post">
495
<center><a href="{URL}" class="link" {Target}>{Name} &#8594;</a></center>
496
{block:Description}
497
<div class="description">{Description}</div>
498
{/block:Description}
499
</div>
500
{/block:Link}
501
 
502
{block:Chat}
503
<div class="post">
504
{block:Title}
505
<h3><a href="{Permalink}">{Title}</a></h3>
506
{/block:Title}
507
<ul class="chat">
508
{block:Lines}
509
<li class="{Alt} user_{UserNumber}">
510
{block:Label}
511
<span class="label">{Label}</span>
512
{/block:Label}
513
{Line}
514
</li>
515
{/block:Lines}
516
</ul>
517
</div>
518
{/block:Chat}
519
 
520
{block:Video}
521
<div class="post">
522
<center>{Video-500}</center>
523
{block:Caption}
524
<div class="caption">{Caption}</div>
525
{/block:Caption}
526
</div>
527
{/block:Video}
528
 
529
{block:Answer}
530
<div class="ask">{Asker} <b>:</b> {Question}</div>
531
{Answer}
532
{/block:Answer}
533
 
534
{block:Audio}
535
<div class="post">
536
{AudioPlayerWhite}
537
{block:Caption}
538
<div class="caption">{Caption}</div>
539
{/block:Caption}
540
</div>
541
{/block:Audio}
542
 
543
<div class="notesandtags">
544
<div class="time">{block:Date}<a href="{Permalink}" title="Permalink">{TimeAgo}</a>{block:NoteCount} - <a href="{Permalink}" title="Permalink">{NoteCountWithLabel}</a>{/block:NoteCount}</a>{/block:Date}{block:RebloggedFrom} - <a href="{ReblogParentURL}" title="{ReblogParentName}">Via</a> - <a href="{ReblogRootURL}" title="{ReblogRootName}">Source</a>{/block:RebloggedFrom}
545
{block:HasTags}<div class="tags"><br>{block:Tags}<a href="{TagURL}" class="tag">#{Tag}</a> {block:Tags}</div>{/block:HasTags}
546
</div>
547
</div> 
548
{block:PermalinkPage}
549
{block:PostNotes}
550
<div id="note">{PostNotes}</div>
551
{/block:PostNotes}
552
{/block:permalinkpage}
553
554
</div>
555
556
{block:ContentSource}
557
<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
558
width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
559
{/block:SourceLogo}
560
{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
561
{/block:ContentSource}
562
563
{/block:Posts}
564
565
566
{block:Pagination}
567
568
<div class="prev">
569
{block:PreviousPage}<a href="{PreviousPage}">(</a>{/block:PreviousPage} 
570
</div>
571
572
<div class="next">
573
{block:NextPage}<a href="{NextPage}">)</a>{/block:NextPage}
574
</div>
575
576
{/block:Pagination}
577
578
<div id="sidebar">
579
580
<div id="sidebarimage"></div>
581
582
<div id="sideinfo">
583
 
584
<div class="title">{Title}</div>
585
586
 
587
{block:Description}<p>{Description}{/block:Description}
588
589
</div>
590
591
<p align="center">
592
 
593
     
594
</div>
595
 
596
<div class="navigation">
597
<a href="/" id="home">HOME</a>
598
<a href="/ask" id="mssg">ASK</a>
599
{block:ifTITLE1}<a href="{text:URL1}"  id="link1">{text:TITLE1}</a>{/block:ifTITLE1}
600
{block:ifTITLE2}<a href="{text:URL2}"  id="link2">{text:TITLE2}</a>{/block:ifTITLE2}
601
{block:ifTITLE3}<a href="{text:URL3}"  id="link3">{text:TITLE3}</a>{/block:ifTITLE3}
602
{block:ifTITLE4}<a href="{text:URL4}"  id="link4">{text:TITLE4}</a>{/block:ifTITLE4}
603
</div>
604
</body>
605
</html>