SHOW:
|
|
- or go back to the newest paste.
1 | <!-- | |
2 | ||
3 | ||
4 | [ T H E M E B Y ] | |
5 | ||
6 | ○ ● ○ | |
7 | ||
8 | [ T O M K I R K ] | |
9 | ||
10 | ||
11 | ||
12 | --> | |
13 | <html> | |
14 | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> | |
15 | <html xmlns="http://www.w3.org/1999/xhtml"> | |
16 | <head> | |
17 | {block:ifCursorSparkles} | |
18 | <script type="text/javascript"> | |
19 | // <![CDATA[ | |
20 | var colour="random"; // in addition to "random" can be set to any valid colour eg "#f0f" or "red" | |
21 | var sparkles=50; | |
22 | ||
23 | ||
24 | ||
25 | /**************************** | |
26 | * Tinkerbell Magic Sparkle * | |
27 | *(c)2005-11 mf2fm web-design* | |
28 | * http://www.mf2fm.com/rv * | |
29 | * DON'T EDIT BELOW THIS BOX * | |
30 | ****************************/ | |
31 | ||
32 | var x=ox=400; | |
33 | var y=oy=300; | |
34 | var swide=800; | |
35 | var shigh=600; | |
36 | var sleft=sdown=0; | |
37 | var tiny=new Array(); | |
38 | var star=new Array(); | |
39 | var starv=new Array(); | |
40 | var starx=new Array(); | |
41 | var stary=new Array(); | |
42 | var tinyx=new Array(); | |
43 | var tinyy=new Array(); | |
44 | var tinyv=new Array(); | |
45 | ||
46 | window.onload=function() { if (document.getElementById) { | |
47 | var i, rats, rlef, rdow; | |
48 | for (var i=0; i<sparkles; i++) { | |
49 | var rats=createDiv(3, 3); | |
50 | rats.style.visibility="hidden"; | |
51 | document.body.appendChild(tiny[i]=rats); | |
52 | starv[i]=0; | |
53 | tinyv[i]=0; | |
54 | var rats=createDiv(5, 5); | |
55 | rats.style.backgroundColor="transparent"; | |
56 | rats.style.visibility="hidden"; | |
57 | var rlef=createDiv(1, 5); | |
58 | var rdow=createDiv(5, 1); | |
59 | rats.appendChild(rlef); | |
60 | rats.appendChild(rdow); | |
61 | rlef.style.top="2px"; | |
62 | rlef.style.left="0px"; | |
63 | rdow.style.top="0px"; | |
64 | rdow.style.left="2px"; | |
65 | document.body.appendChild(star[i]=rats); | |
66 | } | |
67 | ||
68 | set_width(); | |
69 | sparkle(); | |
70 | }} | |
71 | ||
72 | function sparkle() { | |
73 | var c; | |
74 | if (x!=ox || y!=oy) { | |
75 | ox=x; | |
76 | oy=y; | |
77 | for (c=0; c<sparkles; c++) if (!starv[c]) { | |
78 | star[c].style.left=(starx[c]=x)+"px"; | |
79 | star[c].style.top=(stary[c]=y)+"px"; | |
80 | star[c].style.clip="rect(0px, 5px, 5px, 0px)"; | |
81 | star[c].childNodes[0].style.backgroundColor=star[c].childNodes[1].style.backgroundColor=(colour=="random")?newColour():colour; | |
82 | ||
83 | star[c].style.visibility="visible"; | |
84 | starv[c]=50; | |
85 | break; | |
86 | } | |
87 | } | |
88 | for (c=0; c<sparkles; c++) { | |
89 | if (starv[c]) update_star(c); | |
90 | if (tinyv[c]) update_tiny(c); | |
91 | } | |
92 | setTimeout("sparkle()", 40); | |
93 | } | |
94 | ||
95 | ||
96 | ||
97 | function update_star(i) { | |
98 | if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)"; | |
99 | if (starv[i]) { | |
100 | stary[i]+=1+Math.random()*3; | |
101 | if (stary[i]<shigh+sdown && starx[i]>0) { | |
102 | star[i].style.top=stary[i]+"px"; | |
103 | starx[i]+=(i%5-2)/5; | |
104 | star[i].style.left=starx[i]+"px"; | |
105 | } | |
106 | else { | |
107 | star[i].style.visibility="hidden"; | |
108 | starv[i]=0; | |
109 | return; | |
110 | } | |
111 | } | |
112 | ||
113 | else { | |
114 | tinyv[i]=50; | |
115 | tiny[i].style.top=(tinyy[i]=stary[i])+"px"; | |
116 | tiny[i].style.left=(tinyx[i]=starx[i])+"px"; | |
117 | tiny[i].style.width="2px"; | |
118 | tiny[i].style.height="2px"; | |
119 | tiny[i].style.backgroundColor=star[i].childNodes[0].style.backgroundColor; | |
120 | star[i].style.visibility="hidden"; | |
121 | tiny[i].style.visibility="visible" | |
122 | } | |
123 | } | |
124 | ||
125 | function update_tiny(i) { | |
126 | if (--tinyv[i]==25) { | |
127 | tiny[i].style.width="1px"; | |
128 | tiny[i].style.height="1px"; | |
129 | } | |
130 | ||
131 | if (tinyv[i]) { | |
132 | tinyy[i]+=1+Math.random()*3; | |
133 | if (tinyy[i]<shigh+sdown && tinyx[i]>0) { | |
134 | tiny[i].style.top=tinyy[i]+"px"; | |
135 | tinyx[i]+=(i%5-2)/5; | |
136 | tiny[i].style.left=tinyx[i]+"px"; | |
137 | } | |
138 | ||
139 | else { | |
140 | tiny[i].style.visibility="hidden"; | |
141 | tinyv[i]=0; | |
142 | return; | |
143 | } | |
144 | } | |
145 | else tiny[i].style.visibility="hidden"; | |
146 | } | |
147 | ||
148 | document.onmousemove=mouse; | |
149 | function mouse(e) { | |
150 | set_scroll(); | |
151 | y=(e)?e.pageY:event.y+sdown; | |
152 | x=(e)?e.pageX:event.x+sleft; | |
153 | } | |
154 | ||
155 | function set_scroll() { | |
156 | if (typeof(self.pageYOffset)=="number") { | |
157 | sdown=self.pageYOffset; | |
158 | sleft=self.pageXOffset; | |
159 | } | |
160 | else if (document.body.scrollTop || document.body.scrollLeft) { | |
161 | sdown=document.body.scrollTop; | |
162 | sleft=document.body.scrollLeft; | |
163 | } | |
164 | else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) { | |
165 | sleft=document.documentElement.scrollLeft; | |
166 | sdown=document.documentElement.scrollTop; | |
167 | } | |
168 | else { | |
169 | sdown=0; | |
170 | sleft=0; | |
171 | } | |
172 | } | |
173 | ||
174 | window.onresize=set_width; | |
175 | function set_width() { | |
176 | if (typeof(self.innerWidth)=="number") { | |
177 | swide=self.innerWidth; | |
178 | shigh=self.innerHeight; | |
179 | } | |
180 | ||
181 | else if (document.documentElement && document.documentElement.clientWidth) { | |
182 | swide=document.documentElement.clientWidth; | |
183 | shigh=document.documentElement.clientHeight; | |
184 | } | |
185 | ||
186 | else if (document.body.clientWidth) { | |
187 | swide=document.body.clientWidth; | |
188 | shigh=document.body.clientHeight; | |
189 | } | |
190 | } | |
191 | ||
192 | function createDiv(height, width) { | |
193 | var div=document.createElement("div"); | |
194 | div.style.position="absolute"; | |
195 | div.style.height=height+"px"; | |
196 | div.style.width=width+"px"; | |
197 | div.style.overflow="hidden"; | |
198 | return (div); | |
199 | } | |
200 | ||
201 | function newColour() { | |
202 | var c=new Array(); | |
203 | c[0]=255; | |
204 | c[1]=Math.floor(Math.random()*256); | |
205 | c[2]=Math.floor(Math.random()*(256-c[1]/2)); | |
206 | c.sort(function(){return (0.5 - Math.random());}); | |
207 | return ("rgb("+c[0]+", "+c[1]+", "+c[2]+")"); | |
208 | } | |
209 | ||
210 | // ]]> | |
211 | </script> | |
212 | {/block:ifCursorSparkles} | |
213 | ||
214 | <!--Default Variables--> | |
215 | <!--Colors--> | |
216 | <meta name="color:Ask Background" content="#fbff00"/> | |
217 | <meta name="color:Ask Text" content="#000000"/> | |
218 | <meta name="color:Background" content="#ffffff"/> | |
219 | <meta name="color:Text" content="#000000"/> | |
220 | <meta name="color:Link" content="#ff8400"/> | |
221 | <meta name="color:Link Hover" content="#3300ff"/> | |
222 | <meta name="color:Accent" content="#fbff00"/> | |
223 | <meta name="color:Title" content="#29aa36"/> | |
224 | <meta name="color:Side Links" content="#febebe"/> | |
225 | <meta name="color:Description Title" content="#ffffff"/> | |
226 | <meta name="color:Description Title Text" content="#000000"/> | |
227 | <meta name="color:Tool Tip" content="#ffffff"/> | |
228 | <meta name="color:Tool Tip Text" content="#000000"/> | |
229 | ||
230 | <!--Images--> | |
231 | <meta name="image:Background" content=""/> | |
232 | ||
233 | <!--Options--> | |
234 | <meta name="if:Infinite Scroll" content=""/> | |
235 | <meta name="if:Captions" content="1"/> | |
236 | <meta name="if:Show Album Art" content="1"/> | |
237 | <meta name="if:Cursor Sparkles" content="1"/> | |
238 | <meta name="if:Flower Cursor" content="1"/> | |
239 | <meta name="if:Crosshair Cursor" content=""/> | |
240 | <meta name="if:Full Bkg Img" content="" /> | |
241 | ||
242 | <!--Links--> | |
243 | <meta name="text:Description Title" content="123456789.abt_me"> | |
244 | <meta name="text:Link 1 URL" content="/"/> | |
245 | <meta name="text:Link 1 name" content=""/> | |
246 | <meta name="text:Link 2 URL" content="/"/> | |
247 | <meta name="text:Link 2 name" content=""/> | |
248 | <meta name="text:Link 3 URL" content="/"/> | |
249 | <meta name="text:Link 3 name" content=""/> | |
250 | <meta name="text:Link 4 URL" content="/"/> | |
251 | <meta name="text:Link 4 name" content=""/> | |
252 | ||
253 | <link href='http://fonts.googleapis.com/css?family=Quicksand:400,700' rel='stylesheet' type='text/css'> | |
254 | <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet"> | |
255 | <link href="http://terribleideas.neocities.org/badideas.css" rel="stylesheet" type="text/css" media="all"> | |
256 | ||
257 | <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script> | |
258 | ||
259 | <script src="jquery.js"></script> | |
260 | <script> | |
261 | $(document).ready(function(){ | |
262 | $("#click").click(function(){ | |
263 | $("#guts").slideToggle("fast"); | |
264 | }); | |
265 | }); | |
266 | </script> | |
267 | ||
268 | {block:Description} | |
269 | <meta name="description" content="{MetaDescription}" /> | |
270 | {/block:Description} | |
271 | <meta charset="utf-8"> | |
272 | <meta name="viewport" content="initial-scale=1.0, width=device-width" /> | |
273 | <title>{block:TagPage}{Tag} posts - {/block:TagPage} {block:SearchPage}{lang:Search results for SearchQuery} - {/block:SearchPage}{block:PostSummary}{PostSummary} - {/block:PostSummary}{Title}</title> | |
274 | <link rel="shortcut icon" href="{Favicon}"> | |
275 | <link rel="alternate" type="application/rss+xml" href="{RSS}"> | |
276 | <style type="text/css"> | |
277 | ||
278 | iframe#tumblr_controls {-webkit-filter:invert(100%);-moz-filter:invert(100%);-filter:invert(100%);right:3px;-webkit-transition: all 0.4s linear;-moz-transition: all 0.4s linear;transition: all 0.4s linear;} | |
279 | ||
280 | iframe#tumblr_controls:hover{opacity:1;} | |
281 | ||
282 | html,body,a,a:hover{ | |
283 | {block:ifFlowerCursor}cursor:url(http://cur.cursors-4u.net/nature/nat-8/nat801.cur), progress; {/block:ifFlowerCursor}{block:ifCrosshairCursor}cursor:crosshair;{/block:ifCrosshairCursor} | |
284 | } | |
285 | ||
286 | body{background:{color:Background};{block:ifbackgroundimage}background-image:url('{image:background}');{/block:ifbackgroundimage}background-attachment:fixed;background-repeat:repeat;background-position:center;font-family:courier new;font-size:13px;line-height:17px;color:{color:Text}; | |
287 | {block:ifTinyCursor}cursor:url(http://cur.cursors-4u.net/nature/nat-8/nat801.cur), progress; {/block:ifTinyCursor}{block:ifCrosshairCursor}cursor:crosshair;{/block:ifCrosshairCursor}{block:ifFullBkgImg}background-size:100% 100%;{/block:ifFullBkgImg} | |
288 | } | |
289 | ||
290 | a:link, a:active, a:visited{color:{color:Link};text-decoration:none;-webkit-transition: all 0.s linear;-moz-transition: all 0.s linear;transition: all 0.s linear;{block:ifTinyCursor}cursor:url(http://cur.cursors-4u.net/nature/nat-8/nat801.cur), progress; {/block:ifTinyCursor}{block:ifCrosshairCursor}cursor:crosshair;{/block:ifCrosshairCursor}} | |
291 | ||
292 | a:hover{color:{color:Link Hover};} | |
293 | ||
294 | #s-m-t-tooltip { | |
295 | max-width:200px; | |
296 | margin:25px 20px 25px 20px; | |
297 | background-color:{color:Tool Tip}; | |
298 | color:{color:Tool Tip Text}; | |
299 | border:0px solid {color:Border}; | |
300 | font-size:12px; | |
301 | line-height:12px; | |
302 | padding:3px 5px 2px 5px; | |
303 | box-shadow:rgba(0,0,0,0.07) 4px 4px; | |
304 | -webkit-transition: all 0.3s ease-out; | |
305 | -moz-transition: all 0.3s ease-out; | |
306 | transition: all 0.3s ease-out; | |
307 | z-index:999999999999999999999999999999999999; | |
308 | } | |
309 | ||
310 | #container { | |
311 | margin:auto; | |
312 | {block:IndexPage}width:900px{/block:IndexPage} | |
313 | {block:PermalinkPage}width:900px;{/block:PermalinkPage} | |
314 | } | |
315 | ||
316 | #content{ | |
317 | {block:IndexPage} width:500px;{/block:IndexPage} | |
318 | {block:PermalinkPage}width:500px;{/block:PermalinkPage} | |
319 | } | |
320 | ||
321 | article{ | |
322 | float:center; | |
323 | position:relative; | |
324 | {block:IndexPage}width:400px;margin:20px 20px 80px 200px;{/block:IndexPage} | |
325 | {block:PermalinkPage}width:500px;margin:20px 20px 70px 200px;{/block:PermalinkPage} | |
326 | } | |
327 | ||
328 | article img{{block:indexPage}display:block;{/block:IndexPage}height:auto;} | |
329 | ||
330 | article .cap{ | |
331 | padding:0; | |
332 | } | |
333 | ||
334 | article #permalink{ | |
335 | position:relative; | |
336 | margin:30px 0 0 0; | |
337 | text-align:left; | |
338 | line-height:20px; | |
339 | text-align:center; | |
340 | } | |
341 | ||
342 | #permalink a{ | |
343 | text-decoration:underline; | |
344 | } | |
345 | ||
346 | #permalink a:hover{ | |
347 | text-shadow:rgba(255, 55, 150,0) 0px 0px 8px; | |
348 | text-decoration:none; | |
349 | } | |
350 | ||
351 | #permalinkpg{ | |
352 | margin:10px 0 0 0; | |
353 | } | |
354 | ||
355 | .glow{ | |
356 | box-shadow:{color:Glow} 0px 0px 0px; | |
357 | width:auto; | |
358 | } | |
359 | ||
360 | #pic { | |
361 | position:relative; | |
362 | } | |
363 | ||
364 | #pic img{ | |
365 | display:block; | |
366 | -webkit-transition: all 0.4s linear; | |
367 | -moz-transition: all 0.4s linear; | |
368 | transition: all 0.4s linear; | |
369 | } | |
370 | ||
371 | article #pc{ | |
372 | float:center; | |
373 | } | |
374 | ||
375 | article #pc:hover{ | |
376 | -webkit-transition: all 0.4s linear; | |
377 | -moz-transition: all 0.4s linear; | |
378 | transition: all 0.4s linear; | |
379 | } | |
380 | ||
381 | article #ugh{ | |
382 | display:block; | |
383 | margin-bottom:-10px; | |
384 | -webkit-transition: all 0.4s linear; | |
385 | -moz-transition: all 0.4s linear; | |
386 | transition: all 0.4s linear; | |
387 | } | |
388 | ||
389 | article:hover #ugh{ | |
390 | {block:ifPhotoZoom} | |
391 | {block:IndexPage} | |
392 | -ms-transform: scale(1.10); /* IE 9 */ | |
393 | -webkit-transform: scale(1.10); /* Chrome, Safari, Opera */ | |
394 | transform: scale(1.10); /* Standard syntax */ | |
395 | {/block:IndexPage} | |
396 | {/block:ifPhotoZoom} | |
397 | } | |
398 | ||
399 | #permalinkpg{margin:20px 0 0 0;line-height:17px;} | |
400 | ||
401 | ||
402 | #ask { | |
403 | padding:10px; | |
404 | background:{color:Ask Background}; | |
405 | color:{color:Ask Text}; | |
406 | -webkit-border-radius: 4px; | |
407 | -moz-border-radius: 4px; | |
408 | border-radius: 4px; | |
409 | } | |
410 | ||
411 | .asktri1{ | |
412 | margin:-6px 0 0 30px; | |
413 | color:{color:Ask Background}; | |
414 | font-size:65px; | |
415 | font-family:arial; | |
416 | } | |
417 | ||
418 | .askername{ | |
419 | position:Absolute; | |
420 | margin:-29px 0 0 39px; | |
421 | } | |
422 | ||
423 | .askername a{ | |
424 | color:{color:Ask Text}; | |
425 | } | |
426 | ||
427 | .askerimg{ | |
428 | margin-bottom:8px; | |
429 | } | |
430 | ||
431 | .askerimg img{ | |
432 | width:30px; | |
433 | border-radius:30px; | |
434 | -webkit-border-radius:30px; | |
435 | -moz-border-radius:30px; | |
436 | } | |
437 | ||
438 | #answer{ | |
439 | margin:10px 15px 20px 15px; | |
440 | } | |
441 | ||
442 | ||
443 | h1{ | |
444 | font-size:25px; | |
445 | line-height:28px; | |
446 | font-weight:bold; | |
447 | margin:0 0 0 0; | |
448 | } | |
449 | ||
450 | h2{ | |
451 | font-size:25px; | |
452 | line-height:28px; | |
453 | font-weight:bold; | |
454 | margin:0 0 10px 0; | |
455 | } | |
456 | ||
457 | .q_q{ | |
458 | position:absolute; | |
459 | font-size:times new roman; | |
460 | font-weight:bold; | |
461 | font-size:80px; | |
462 | line-height:70px; | |
463 | opacity:.15; | |
464 | } | |
465 | ||
466 | blockquote{ | |
467 | padding-left:10px; | |
468 | margin:0 0 0 15px; | |
469 | border-left:2px solid rgba(0,0,0,0.2); | |
470 | } | |
471 | ||
472 | p { | |
473 | margin:10px 0 10px 0; | |
474 | } | |
475 | ||
476 | .ol, ul { | |
477 | margin-left:30px; | |
478 | padding:5px; | |
479 | } | |
480 | ||
481 | .ul { | |
482 | list-style-type:square; | |
483 | } | |
484 | ||
485 | .chat .line{ | |
486 | padding: 2px; | |
487 | } | |
488 | ||
489 | .chat .line .odd{ | |
490 | padding:2px; | |
491 | color:{color:Ask Text}; | |
492 | background:{color:Ask Background}; | |
493 | } | |
494 | ||
495 | .label { | |
496 | font-weight:bold; | |
497 | } | |
498 | ||
499 | .audioart img{ | |
500 | {block:IndexPage} | |
501 | {block:ifShowAlbumArt}width:400px;{/block:ifShowAlbumArt} | |
502 | {/block:IndexPage} | |
503 | {block:PermalinkPage}width:500px;{/block:PermalinkPage} | |
504 | } | |
505 | ||
506 | .audioplayer{ | |
507 | padding:10px; | |
508 | background:black; | |
509 | opacity:1; | |
510 | } | |
511 | ||
512 | .audioinfo{ | |
513 | border-top:1px solid rgba(255,255,255,1); | |
514 | padding:10px; | |
515 | background:black; | |
516 | color:white; | |
517 | opacity:1; | |
518 | } | |
519 | ||
520 | .notes img{ | |
521 | width:10px; | |
522 | position:left; | |
523 | margin:3px 5px 0 0; | |
524 | -webkit-border-radius:10px; | |
525 | -moz-border-radius:10px; | |
526 | border-radius:10px; | |
527 | } | |
528 | ||
529 | .notes{ | |
530 | line-height:30px; | |
531 | } | |
532 | ||
533 | #pgs{ | |
534 | margin:10px 0 0 0; | |
535 | } | |
536 | ||
537 | #pgs a{ | |
538 | border-bottom:0px; | |
539 | color:#777; | |
540 | } | |
541 | ||
542 | .com:last-child{display:none;} | |
543 | ||
544 | ||
545 | #infscr-loading{ | |
546 | position:absolute; | |
547 | left:50%; | |
548 | bottom:-40px; | |
549 | opacity:0; | |
550 | ||
551 | } | |
552 | ||
553 | /* full side | |
554 | #side{ | |
555 | position:fixed; | |
556 | color:{color:Side Text}; | |
557 | width:120px; | |
558 | margin:15px 0 0 0; | |
559 | {block:IndexPage}left:600px;{/block:IndexPage} | |
560 | {block:PermalinkPage}left:800px;{/block:PermalinkPage} | |
561 | z-index:1; | |
562 | } | |
563 | ||
564 | #side a{ | |
565 | color:{color:Side Text}; | |
566 | text-decoration:underline; | |
567 | } | |
568 | ||
569 | #side a:hover{ | |
570 | text-decoration:none; | |
571 | } | |
572 | ||
573 | #right{ | |
574 | position:fixed; | |
575 | top:0; | |
576 | {block:IndexPage}left:440px;{/block:IndexPage} | |
577 | {block:PermalinkPage}left:720px;{/block:PermalinkPage} | |
578 | height:100%; | |
579 | width:100%; | |
580 | background:{color:Side}; | |
581 | } | |
582 | ||
583 | */ | |
584 | ||
585 | #side2{ | |
586 | width:200px; | |
587 | top:0; | |
588 | position:fixed; | |
589 | z-index:9999; | |
590 | border-bottom:5px dashed {color:Accent}; | |
591 | padding:10px 0 10px 0; | |
592 | } | |
593 | ||
594 | .title a{ | |
595 | color:{color:Title}; | |
596 | font-size:30px; | |
597 | line-height:20px; | |
598 | } | |
599 | ||
600 | .nav a{ | |
601 | margin:0 5px 0 0; | |
602 | color:{color:Side Links}; | |
603 | } | |
604 | ||
605 | #side3{ | |
606 | width:250px; | |
607 | margin-top:400px; | |
608 | margin-left:600px; | |
609 | position:fixed; | |
610 | z-index:9999; | |
611 | border-left:5px dashed {color:Accent}; | |
612 | padding:10px 0 10px 10px; | |
613 | } | |
614 | ||
615 | #guts,#click{ | |
616 | padding:1px; | |
617 | display:inline-block; | |
618 | } | |
619 | ||
620 | #click{ | |
621 | margin-bottom:4px; | |
622 | background:{color:Description Title}; | |
623 | color:{color:Description Title Text}; | |
624 | } | |
625 | ||
626 | #click:hover{ | |
627 | cursor:help; | |
628 | } | |
629 | ||
630 | #click:active{ | |
631 | background:{color:Description Title}; | |
632 | color:{color:Background}; | |
633 | } | |
634 | ||
635 | #guts{ | |
636 | padding:1px; | |
637 | display:none; | |
638 | } | |
639 | ||
640 | ||
641 | {CustomCSS} | |
642 | </style> | |
643 | ||
644 | <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script> | |
645 | <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script> | |
646 | <script> | |
647 | (function($){ | |
648 | $(document).ready(function(){ | |
649 | $("a[title]").style_my_tooltips({ | |
650 | tip_follows_cursor:true, | |
651 | tip_delay_time:0, | |
652 | tip_fade_speed:0, | |
653 | attribute:"title" | |
654 | }); | |
655 | }); | |
656 | })(jQuery); | |
657 | </script> | |
658 | ||
659 | ||
660 | </head> | |
661 | <body> | |
662 | ||
663 | <div id="right"></div> | |
664 | ||
665 | <div id="container"> | |
666 | <br><br><br> | |
667 | ||
668 | <div id="side2"> | |
669 | <div class="title"> | |
670 | <blink><a href="/">{Title}</a></blink> | |
671 | </div> | |
672 | ||
673 | <div style="background:yellow;"> | |
674 | </div> | |
675 | ||
676 | <div class="nav"> | |
677 | <a href="{text:Link 1 URL}">{text:Link 1 name}</a> | |
678 | <a href="{text:Link 2 URL}">{text:Link 2 name}</a> | |
679 | <a href="{text:Link 3 URL}">{text:Link 3 name}</a> | |
680 | <a href="{text:Link 4 URL}">{text:Link 4 name}</a> | |
681 | </div> | |
682 | ||
683 | {block:ifNotInfiniteScroll} | |
684 | {block:IndexPage} | |
685 | <div id="pgs"> | |
686 | {block:Pagination} | |
687 | {block:PreviousPage} <a href="{PreviousPage}">last</a>{/block:PreviousPage} | |
688 | {/block:JumpPagination} | |
689 | {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage} | |
690 | {/block:Pagination} | |
691 | </div> | |
692 | {/block:IndexPage} | |
693 | {/block:ifNotInfiniteScroll} | |
694 | ||
695 | ||
696 | </div> | |
697 | ||
698 | <div id="side3"> | |
699 | ||
700 | <div id="click">{text:Description Title}</div> | |
701 | ||
702 | <div id="guts"> | |
703 | {description} | |
704 | </div> | |
705 | ||
706 | </div> | |
707 | ||
708 | <!-- | |
709 | <div id="side"> | |
710 | ||
711 | {block:ifNotInfiniteScroll} | |
712 | {block:IndexPage} | |
713 | <div id="pgs"> | |
714 | {block:Pagination} | |
715 | {block:PreviousPage} <a href="{PreviousPage}"><i class="fa fa-caret-left"></i></a>{/block:PreviousPage} | |
716 | {CurrentPage} of {TotalPages} | |
717 | {/block:JumpPagination} | |
718 | {block:NextPage}<a href="{NextPage}"><i class="fa fa-caret-right"></i></a>{/block:NextPage} | |
719 | {/block:Pagination} | |
720 | </div> | |
721 | {/block:IndexPage} | |
722 | {/block:ifNotInfiniteScroll} | |
723 | </div> | |
724 | ||
725 | --> | |
726 | ||
727 | <div id="content"> | |
728 | ||
729 | {block:Posts} | |
730 | <article> | |
731 | ||
732 | {block:Answer} | |
733 | <div id="ask"> | |
734 | <div class="askerimg"><img src="{AskerPortraitURL-128}"></div> | |
735 | <span class="askername"> {Asker} asked:</span> | |
736 | <span style="padding-left:3px;padding-right:3px;">{Question}</span> | |
737 | </div> | |
738 | <div class="asktri1">▾</div> | |
739 | <div id="answer">{Answer}</div> | |
740 | {/block:Answer} | |
741 | ||
742 | {block:Text} | |
743 | <div class="cap"> | |
744 | {block:Title} | |
745 | <h1>{Title}</h1> | |
746 | {/block:Title} | |
747 | {Body} | |
748 | </div> | |
749 | {/block:Text} | |
750 | ||
751 | {block:Link} | |
752 | <div class="cap"> | |
753 | <h1><a href="{URL}">{Name} »</a></h1> | |
754 | {block:Description}{Description}{/block:Description} | |
755 | </div> | |
756 | {/block:Link} | |
757 | ||
758 | {block:Photo} | |
759 | <div id="pic"> | |
760 | <div id="pc"> | |
761 | ||
762 | {block:IndexPage} | |
763 | <center> | |
764 | <a href="{Permalink}"> | |
765 | {block:Post1} | |
766 | <img src="{PhotoURL-500}" alt="{PhotoAlt}" style="width:250px;"> | |
767 | {/block:Post1} | |
768 | {block:Post2} | |
769 | <img src="{PhotoURL-500}" alt="{PhotoAlt}" style="width:400px;margin-left:-60px;"> | |
770 | {/block:Post2} | |
771 | {block:Post3} | |
772 | <img src="{PhotoURL-500}" alt="{PhotoAlt}" style="width:300px;"> | |
773 | {/block:Post3} | |
774 | {block:Post4} | |
775 | <img src="{PhotoURL-500}" alt="{PhotoAlt}" style="width:350px;margin-left:-40px;"> | |
776 | {/block:Post4} | |
777 | {block:Post5} | |
778 | <img src="{PhotoURL-500}" alt="{PhotoAlt}" style="width:250px;"> | |
779 | {/block:Post5} | |
780 | {block:Post6} | |
781 | <img src="{PhotoURL-500}" alt="{PhotoAlt}" style="width:400px;margin-left:-60px;"> | |
782 | {/block:Post6} | |
783 | {block:Post7} | |
784 | <img src="{PhotoURL-500}" alt="{PhotoAlt}" style="width:250px;"> | |
785 | {/block:Post7} | |
786 | {block:Post8} | |
787 | <img src="{PhotoURL-500}" alt="{PhotoAlt}" style="width:150px;"> | |
788 | {/block:Post8} | |
789 | {block:Post9} | |
790 | <img src="{PhotoURL-500}" alt="{PhotoAlt}" style="width:300px;"> | |
791 | {/block:Post9} | |
792 | {block:Post10} | |
793 | <img src="{PhotoURL-500}" alt="{PhotoAlt}" style="width:250px;"> | |
794 | {/block:Post10} | |
795 | {block:Post11} | |
796 | <img src="{PhotoURL-500}" alt="{PhotoAlt}" style="width:400px;margin-left:-60px;"> | |
797 | {/block:Post11} | |
798 | {block:Post12} | |
799 | <img src="{PhotoURL-500}" alt="{PhotoAlt}" style="width:150px;"> | |
800 | {/block:Post12} | |
801 | {block:Post13} | |
802 | <img src="{PhotoURL-500}" alt="{PhotoAlt}" style="width:350px;margin-left:-40px;"> | |
803 | {/block:Post13} | |
804 | {block:Post14} | |
805 | <img src="{PhotoURL-500}" alt="{PhotoAlt}" style="width:250px;"> | |
806 | {/block:Post14} | |
807 | {block:Post15} | |
808 | <img src="{PhotoURL-500}" alt="{PhotoAlt}" style="width:360px;margin-left:-40px;"> | |
809 | {/block:Post15} | |
810 | </a> | |
811 | </center> | |
812 | {/block:IndexPage} | |
813 | ||
814 | {block:PermalinkPage} | |
815 | <img src="{PhotoURL-500}" alt="{PhotoAlt}" style="width: 500px;"> | |
816 | {/block:PermalinkPage} | |
817 | ||
818 | </div> | |
819 | </div> | |
820 | {block:ifCaptions} | |
821 | {block:Caption}<div class="cap">{Caption}</div>{/block:Caption} | |
822 | {/block:ifCaptions} | |
823 | {block:ifNotCaptions} | |
824 | {block:PermalinkPage} | |
825 | {block:Caption}<div class="cap">{Caption}</div>{/block:Caption} | |
826 | {/block:PermalinkPage} | |
827 | {/block:ifNotCaptions} | |
828 | {block:ContentSource} | |
829 | <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" | |
830 | width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" /> | |
831 | {/block:SourceLogo} | |
832 | {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} --> | |
833 | {/block:ContentSource} | |
834 | {block:ReblogParentURL} | |
835 | <!-- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} --> | |
836 | {/block:ReblogParentURL} | |
837 | {/block:Photo} | |
838 | ||
839 | {block:Photoset} | |
840 | {block:IndexPage} | |
841 | <div class="glow"> | |
842 | <div id="pic"> | |
843 | <div id="ugh"> | |
844 | <center> | |
845 | {block:Post1}<div style="margin-left:-60px">{Photoset-400}</div>{/block:Post1} | |
846 | {block:Post2}<div style="margin-left:-60px">{Photoset-400}</div>{/block:Post2} | |
847 | {block:Post3}{Photoset-250}{/block:Post3} | |
848 | {block:Post4}<div style="margin-left:-60px">{Photoset-400}</div>{/block:Post4} | |
849 | {block:Post5}{Photoset-250}{/block:Post5} | |
850 | {block:Post6}<div style="margin-left:-60px">{Photoset-400}</div>{/block:Post6} | |
851 | {block:Post7}{Photoset-250}{/block:Post7} | |
852 | {block:Post8}<div style="margin-left:-60px">{Photoset-400}</div>{/block:Post8} | |
853 | {block:Post9}{Photoset-250}{/block:Post9} | |
854 | {block:Post10}<div style="margin-left:-60px">{Photoset-400}</div>{/block:Post10} | |
855 | {block:Post11}{Photoset-250}{/block:Post11} | |
856 | {block:Post12}<div style="margin-left:-60px">{Photoset-400}</div>{/block:Post12} | |
857 | {block:Post13}{Photoset-250}{/block:Post13} | |
858 | {block:Post14}<div style="margin-left:-60px">{Photoset-400}</div>{/block:Post14} | |
859 | {block:Post15}{Photoset-250}{/block:Post15} | |
860 | </center> | |
861 | </div> | |
862 | </div> | |
863 | </div> | |
864 | {/block:IndexPage} | |
865 | {block:PermalinkPage}<div class="glow">{Photoset-500}</div>{/block:PermalinkPage} | |
866 | {block:ifCaptions} | |
867 | {block:Caption}<div class="cap">{Caption}</div>{/block:Caption} | |
868 | {/block:ifCaptions} | |
869 | {block:ifNotCaptions} | |
870 | {block:PermalinkPage} | |
871 | {block:Caption}<div class="cap">{Caption}</div>{/block:Caption} | |
872 | {/block:PermalinkPage} | |
873 | {/block:ifNotCaptions} | |
874 | {/block:Photoset} | |
875 | ||
876 | {block:Quote} | |
877 | <div class="cap"> | |
878 | <div class="q_q">❝</div> | |
879 | <h2>{Quote}</h2> | |
880 | {block:Source} | |
881 | - {Source} | |
882 | {/block:Source} | |
883 | </div> | |
884 | {/block:Quote} | |
885 | ||
886 | {block:Chat} | |
887 | <div class="cap"> | |
888 | {block:Title} | |
889 | <h1>{Title}</h1> | |
890 | {/block:Title} | |
891 | <div class="chat"> | |
892 | {block:Lines} | |
893 | <div class="chat"> | |
894 | <div class="line {Alt}"> | |
895 | <div class="{Alt} user_{UserNumber}"> | |
896 | {block:Label} | |
897 | <b>{Label} </b> | |
898 | {/block:Label} | |
899 | {Line} | |
900 | </div> | |
901 | </div> | |
902 | </div> | |
903 | {/block:Lines} | |
904 | </div> | |
905 | </div> | |
906 | {/block:Chat} | |
907 | ||
908 | {block:Audio} | |
909 | {block:AlbumArt} | |
910 | <div class="audioart"> | |
911 | <img src="{AlbumArtURL}"> | |
912 | </div> | |
913 | {/block:AlbumArt} | |
914 | {block:AudioPlayer} | |
915 | <div class="audioplayer"> | |
916 | {AudioPlayerBlack} | |
917 | </div> | |
918 | {/block:AudioPlayer} | |
919 | {block:TrackName} | |
920 | <div class="audioinfo"> | |
921 | Song : {TrackName} | |
922 | </div> | |
923 | {/block:TrackName} | |
924 | {block:Artist} | |
925 | <div class="audioinfo"> | |
926 | Artist : {Artist} | |
927 | </div> | |
928 | {/block:Artist} | |
929 | {block:Album} | |
930 | <div class="audioinfo"> | |
931 | Album : {Album} | |
932 | </div> | |
933 | {/block:Album} | |
934 | {block:Caption}<div class="cap">{Caption}</div>{/block:Caption} | |
935 | {/block:Audio} | |
936 | ||
937 | {block:Video} | |
938 | <center> | |
939 | {block:IndexPage}<div class="glow">{Video-250}</div>{/block:IndexPage} | |
940 | {block:PermalinkPage}<div class="glow">{Video-500}</div>{/block:PermalinkPage} | |
941 | </center> | |
942 | {block:ifCaptions} | |
943 | {block:Caption}<div class="cap">{Caption}</div>{/block:Caption} | |
944 | {/block:ifCaptions} | |
945 | {block:ifNotCaptions} | |
946 | {block:PermalinkPage} | |
947 | {block:Caption}<div class="cap">{Caption}</div>{/block:Caption} | |
948 | {/block:PermalinkPage} | |
949 | {/block:ifNotCaptions} | |
950 | {/block:Video} | |
951 | ||
952 | {block:IndexPage} | |
953 | <div id="permalink"> | |
954 | <a href="{Permalink}">{TimeAgo}</a> with | |
955 | <a href="{Permalink}">{NoteCountWithLabel}</a> | |
956 | {block:HasTags} | |
957 | <br> | |
958 | filed under: | |
959 | {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags} | |
960 | {/block:HasTags} | |
961 | </div> | |
962 | {/block:IndexPage} | |
963 | ||
964 | {block:PermalinkPage} | |
965 | {block:Date} | |
966 | <div id="permalinkpg"> | |
967 | <b>Posted:</b> {TimeAgo} on | |
968 | {ShortMonth} {DayofMonth},{Year} at | |
969 | {12Hour}:{Minutes} {CapitalAmPm} | |
970 | {block:NoteCount}<br> | |
971 | <b>Notes:</b> | |
972 | {NoteCount} | |
973 | {/block:NoteCount} | |
974 | {block:HasTags} | |
975 | <br> | |
976 | <b>Tags:</b> | |
977 | {block:Tags}<a href="{TagURL}">#{Tag}</a> | |
978 | {/block:Tags} | |
979 | {/block:HasTags} | |
980 | <br>{block:RebloggedFrom} | |
981 | <b>Via:</b> <a href="{ReblogParentURL}" target="_blank">{ReblogParentName}</a><br> <b>Src:</b> <a href="{ReblogRootURL}" target="_blank">{ReblogRootName}</a> {/block:RebloggedFrom} | |
982 | </div> | |
983 | <div class="cap"> | |
984 | {block:PostNotes} | |
985 | {PostNotes} | |
986 | {/block:PostNotes} | |
987 | </div> | |
988 | {/block:Date} | |
989 | {/block:PermalinkPage} | |
990 | ||
991 | </article> | |
992 | {/block:Posts} | |
993 | ||
994 | ||
995 | </div> | |
996 | ||
997 | <!--Pagination: previous/next page links--> | |
998 | {block:Pagination} | |
999 | <div class="pagination"> | |
1000 | {block:PreviousPage}<a href="{PreviousPage}"> </a>{/block:PreviousPage} | |
1001 | {block:NextPage}<a href="{NextPage}"> </a>{/block:NextPage} | |
1002 | </div> | |
1003 | {/block:Pagination} | |
1004 | ||
1005 | <!--Links to jQuery library, Masonry, infinite scroll and imagesLoaded--> | |
1006 | <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script> | |
1007 | <script src="http://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script> | |
1008 | {block:IfInfiniteScroll} | |
1009 | <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script> | |
1010 | <script src="http://static.tumblr.com/iwtk77u/Yhym2yygt/jquery.imagesloaded.min.js"></script> | |
1011 | {/block:IfInfiniteScroll} | |
1012 | <!--Code for infinite scroll and grid layout--> | |
1013 | <script> | |
1014 | (function() { | |
1015 | var $tumblelog = $('#content'); | |
1016 | {block:IfInfiniteScroll} | |
1017 | $tumblelog.infinitescroll({ | |
1018 | navSelector : ".pagination", | |
1019 | nextSelector : ".pagination a:first", | |
1020 | itemSelector : "article", | |
1021 | bufferPx : 50, | |
1022 | done : "", | |
1023 | loading: { | |
1024 | finishedMsg: "<p> </p>", | |
1025 | img : "http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif", | |
1026 | msg: null, | |
1027 | msgText: "<p> </p>" | |
1028 | }, | |
1029 | }, | |
1030 | function( newElements ) { | |
1031 | var $newElems = $( newElements ).css({ opacity: 0 }); | |
1032 | $newElems.imagesLoaded(function(){ | |
1033 | $newElems.animate({ opacity: 1 }); | |
1034 | $tumblelog.masonry( 'appended', $newElems); | |
1035 | }); | |
1036 | } | |
1037 | ); | |
1038 | {/block:IfInfiniteScroll} | |
1039 | $tumblelog.imagesLoaded( function(){ | |
1040 | $tumblelog.masonry({ | |
1041 | columnWidth: function( containerWidth ) { | |
1042 | return containerWidth / 100; | |
1043 | } | |
1044 | }); | |
1045 | }); | |
1046 | })(); | |
1047 | </script> | |
1048 | </div> | |
1049 | ||
1050 | <div style="position:fixed;bottom:0;right:0;padding:0 30px 30px 0;font-size:14px;"><a title="theme by tomkirk" style="background:transparent;"href="http://tomkirk.tumblr.com/">▲</a></div> | |
1051 | ||
1052 | </body> | |
1053 | </html> |