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} →</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> |