SHOW:
|
|
- or go back to the newest paste.
1 | <!-- | |
2 | ╱╭╮╱╭╮ | |
3 | ╭╯╰┳╯╰╮ | |
4 | ╰╮╭╋╮╭╋━━┳━╮ | |
5 | ╱┃┃┣┫┃┃╭╮┃╭╮╮ | |
6 | ╱┃╰┫┃╰┫╭╮┃┃┃┃ | |
7 | ╱╰━┻┻━┻╯╰┻╯╰╯ | |
8 | ↳ http://titanjelly.tumblr.com | |
9 | ↳ DO NOT Claim/Repost as your own or Remove the theme credit! | |
10 | ↳ DO NOT Use as a theme base or Make heavy modifications! | |
11 | --> | |
12 | ||
13 | <head> | |
14 | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | |
15 | ||
16 | <title>{title}</title> | |
17 | ||
18 | - | <meta name="image:Background" content="" /> |
18 | + | <meta name="image:Background" content="http://static.tumblr.com/480aa3b2d04aba474a92314e614e819f/9hiqgmd/RQ0n9kip5/tumblr_static_f5564q1x6ds80ks8kog4kcosk.png" /> |
19 | - | <meta name="image:Sidebar Image" content="" /> |
19 | + | <meta name="image:Sidebar Image" content="http://static.tumblr.com/cdcd8114967dca97c0a83d3bb92aa13f/9hiqgmd/Cg9n9kfxv/tumblr_static_7xtit093a2kgookwg4so048kc.jpg" /> |
20 | - | <meta name="image:Sidebar Background" content="" /> |
20 | + | <meta name="image:Sidebar Background" content="http://static.tumblr.com/b429d31ad3a25749c092026cd901c12a/9hiqgmd/PdGn9kdw0/tumblr_static_9cx80y20wr8c4so8s4ccw8go4.png" /> |
21 | ||
22 | <meta name="color:Body Background" content="#FFFFFF"/> | |
23 | <meta name="color:Body Scrollbar" content="#4A2F49"/> | |
24 | <meta name="color:Body Text" content="#3c3c3c"/> | |
25 | <meta name="color:Body Links" content="#fb6767"/> | |
26 | <meta name="color:Body Links Hover" content="#000000"/> | |
27 | <meta name="color:Sidebar Background" content="#FE93A7"/> | |
28 | <meta name="color:Title Text" content="#FFFFFF"/> | |
29 | <meta name="color:Title Background" content="#4A2F49"/> | |
30 | <meta name="color:Menu Text" content="#ffffff"/> | |
31 | <meta name="color:Menu Text Hover" content="#4A2F49"/> | |
32 | <meta name="color:Menu Background" content="#4A2F49"/> | |
33 | <meta name="color:Menu Background Hover" content="#DF5174"/> | |
34 | <meta name="color:Description Text" content="#FFFFFF"/> | |
35 | <meta name="color:Description Background" content="#FEACBB"/> | |
36 | <meta name="color:Post Borders" content="#4A2F49"/> | |
37 | <meta name="color:Post Background" content="#FFFFFF"/> | |
38 | <meta name="color:Ask Question Text" content="#FFFFFF"/> | |
39 | <meta name="color:Ask Question Background" content="#4A2F49"/> | |
40 | <meta name="color:Ask Answer Text" content="#000000"/> | |
41 | <meta name="color:Post Info Text" content="#FFFFFF"/> | |
42 | <meta name="color:Post Info Text Hover" content="#4A2F49"/> | |
43 | <meta name="color:Post Info Background" content="#4A2F49"/> | |
44 | <meta name="color:Post Info Background Hover" content="#DF5174"/> | |
45 | <meta name="color:BTT Text" content="#FFFFFF"/> | |
46 | <meta name="color:BTT Hover" content="#DF5174"/> | |
47 | <meta name="color:BTT Background" content="#4A2F49"/> | |
48 | <meta name="color:Tag Text" content="#FFFFFF"/> | |
49 | ||
50 | <meta name="if:Infinite Scroll" content="0"/> | |
51 | <meta name="if:Uppercase Text" content="1"/> | |
52 | <meta name="if:Show BTT Button" content="1"/> | |
53 | <meta name="if:Show Extra Links" content="1"/> | |
54 | <meta name="if:Show Captions" content="1"/> | |
55 | <meta name="if:Show Tags" content="1"/> | |
56 | <meta name="if:500px Posts" content="1"/> | |
57 | ||
58 | <meta name="text:Title" content=""/> | |
59 | <meta name="text:Body Font Size" content="9"/> | |
60 | <meta name="text:Title Font Size" content="12"/> | |
61 | <meta name="text:Subtitle Font Size" content="12"/> | |
62 | <meta name="text:Menu Font Size" content="12"/> | |
63 | <meta name="text:Description Font Size" content="11"/> | |
64 | <meta name="text:Post Info Font Size" content="11"/> | |
65 | <meta name="text:Tags Font Size" content="8"/> | |
66 | <meta name="text:Menu Link01 Title" content="home"/> | |
67 | <meta name="text:Menu Link01 URL" content="/"/> | |
68 | <meta name="text:Menu Link02 Title" content="ask"/> | |
69 | <meta name="text:Menu Link02 URL" content="/"/> | |
70 | <meta name="text:Menu Link03 Title" content="archive"/> | |
71 | <meta name="text:Menu Link03 URL" content="/"/> | |
72 | <meta name="text:Extra Link01 Title" content="link"/> | |
73 | <meta name="text:Extra Link01 URL" content="/"/> | |
74 | <meta name="text:Extra Link02 Title" content="link"/> | |
75 | <meta name="text:Extra Link02 URL" content="/"/> | |
76 | <meta name="text:Extra Link03 Title" content="link"/> | |
77 | <meta name="text:Extra Link03 URL" content="/"/> | |
78 | <meta name="text:Extra Link04 Title" content="link"/> | |
79 | <meta name="text:Extra Link04 URL" content="/"/> | |
80 | <meta name="text:Extra Link05 Title" content="link"/> | |
81 | <meta name="text:Extra Link05 URL" content="/"/> | |
82 | <meta name="text:Extra Link06 Title" content="link"/> | |
83 | <meta name="text:Extra Link06 URL" content="/"/> | |
84 | ||
85 | ||
86 | <link rel="shortcut icon" href="{Favicon}" /> | |
87 | <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script> | |
88 | ||
89 | <style type="text/css"> | |
90 | ||
91 | body, html {height: 100%;} | |
92 | ||
93 | @font-face { | |
94 | font-family: HeaderTitle; | |
95 | src: url(http://static.tumblr.com/9hiqgmd/Xjxn9kfo4/fight_night.otf);} | |
96 | ||
97 | body { | |
98 | font-size:{text:Body Font Size}px; | |
99 | font-family: "Arial Narrow", Arial, sans-serif; | |
100 | {block:ifUppercaseText} | |
101 | text-transform:uppercase; | |
102 | {/block:ifUppercaseText} | |
103 | letter-spacing:1px; | |
104 | margin:0; | |
105 | color:{color:Body Text}; | |
106 | background:{color:Body Background} url('{image:Background}') fixed;} | |
107 | ||
108 | ::-webkit-scrollbar-thumb:vertical { | |
109 | background:{color:Body Scrollbar};} | |
110 | ::-webkit-scrollbar-thumb:horizontal { | |
111 | background:{color:Body Scrollbar};height:10px;} | |
112 | ::-webkit-scrollbar { | |
113 | background-color:{color:Body Background}; | |
114 | background-image:url('{image:Background}'); | |
115 | height:10px;width:6px;} | |
116 | ||
117 | a {-webkit-transition: 0.3s;transition: 0.3s;} | |
118 | .sidebar:hover, .more_links:hover { | |
119 | -webkit-transition: 1s;transition: 1s;} | |
120 | .more_links {-webkit-transition: 0.8s;transition: 0.8s;} | |
121 | .link0, .link1 {-webkit-transition: 0.5s;transition: 0.5s;} | |
122 | .sidebar_menu a {-webkit-transition: 0.5s;transition: 0.5s;} | |
123 | ||
124 | a {color:{color:Body Links};text-decoration:none;} | |
125 | a:hover{color:{color:Body Links Hover};} | |
126 | ||
127 | /*Container CSS | |
128 | -------------------------------------------------*/ | |
129 | .container{ | |
130 | {block:if500pxPosts}width:800px;{/block:if500pxPosts} | |
131 | {block:ifnot500pxPosts}width:700px;{/block:ifnot500pxPosts} | |
132 | margin:20px auto;height:100%;} | |
133 | ||
134 | /* Sidebar CSS | |
135 | -------------------------------------------------*/ | |
136 | #sidebar_container { | |
137 | width:225px; | |
138 | position:fixed; | |
139 | top:75px;bottom:0; | |
140 | padding:0px; | |
141 | background:{color:Sidebar Background} url('{image:Sidebar Background}'); | |
142 | background-position:bottom; | |
143 | background-repeat:no-repeat; | |
144 | background-attachment:scroll; | |
145 | text-align:center;} | |
146 | ||
147 | .sidebar { | |
148 | margin-top:0px; | |
149 | width:225px;} | |
150 | ||
151 | .sidebar_title { | |
152 | color:{color:Title Text}; | |
153 | background:{color:Title Background}; | |
154 | width:263px; | |
155 | margin:0px 0px 5px -58px; | |
156 | padding:5px 10px; | |
157 | font-family:HeaderTitle; | |
158 | font-size:{text:Title Font Size}px; | |
159 | font-weight:normal; | |
160 | text-align:right; | |
161 | letter-spacing:1px; | |
162 | position:relative;} | |
163 | ||
164 | .sidebar_image {margin:0px 5px 0px 5px;z-index:1000;} | |
165 | .sidebar_image img {max-width:215px;} | |
166 | ||
167 | .sidebar_menu { | |
168 | z-index:10000; | |
169 | position:absolute; | |
170 | margin-left:-58px;} | |
171 | ||
172 | .link0 {opacity:1;font-weight:bold;} | |
173 | .link1 {display:none;opacity:0;} | |
174 | ||
175 | .sidebar_menu a:hover .link0 {display:none;opacity:0;} | |
176 | .sidebar_menu a:hover .link1 {display:inline-block;opacity:1;} | |
177 | ||
178 | .sidebar_menu a { | |
179 | display:block; | |
180 | color:{color:Menu Text}; | |
181 | background:{color:Menu Background}; | |
182 | padding:20px 2px; | |
183 | width:50px;height:15px; | |
184 | margin:0px 2px 5px 0px; | |
185 | font-size:{text:Menu Font Size}px; | |
186 | font-weight:normal; | |
187 | overflow:hidden; | |
188 | text-transform:uppercase; | |
189 | letter-spacing:1px;} | |
190 | ||
191 | .sidebar_menu a:hover { | |
192 | width:279px; | |
193 | color:{color:Menu Text Hover}; | |
194 | background:{color:Menu Background Hover};} | |
195 | ||
196 | .sidebar_chunk { | |
197 | pointer-events:none; | |
198 | position:absolute; | |
199 | background:{color:Menu Background}; | |
200 | height:10000px; | |
201 | width:50px; | |
202 | padding:2px;} | |
203 | ||
204 | .more_links { | |
205 | opacity:0; | |
206 | max-height:0px; | |
207 | - | font-size:9px; |
207 | + | |
208 | margin:5px 5px 3px 5px;} | |
209 | ||
210 | - | #sidebar_container:hover .more_links {opacity:1;max-height:300px;} |
210 | + | .sidebar:hover .more_links {opacity:1;max-height:300px;} |
211 | ||
212 | .more_links a { | |
213 | width:94px; | |
214 | display:inline-block; | |
215 | margin:0px 1px 3px 1px; | |
216 | padding:5px; | |
217 | - | font-size:9px; |
217 | + | font-size:80%; |
218 | color:{color:Menu Text}; | |
219 | background:{color:Menu Background};} | |
220 | ||
221 | .more_links a:hover { | |
222 | color:{color:Menu Text Hover}; | |
223 | background:{color:Menu Background Hover};} | |
224 | ||
225 | .description { | |
226 | opacity:0.8; | |
227 | padding:5px; | |
228 | - | margin:3px 5px; |
228 | + | |
229 | margin:0px 5px; | |
230 | {/block:ifShowExtraLinks} | |
231 | {block:ifnotShowExtraLinks} | |
232 | margin:5px 5px; | |
233 | {/block:ifnotShowExtraLinks} | |
234 | font-size:{text:Description Font Size}px; | |
235 | color:{color:Description Text}; | |
236 | background:{color:Description Background}; | |
237 | line-height:13px; | |
238 | letter-spacing:1px; | |
239 | text-transform:lowercase; | |
240 | text-align:justify;} | |
241 | ||
242 | .description::first-letter { | |
243 | padding:4px; | |
244 | float:left; | |
245 | color:{color:Menu Text}; | |
246 | background:{color:Menu Background}; | |
247 | font-size:20px; | |
248 | text-transform:uppercase; | |
249 | font-style:none; | |
250 | font-weight:normal; | |
251 | line-height:90%; | |
252 | margin-right:3px; | |
253 | padding-right:7px; | |
254 | padding-left:7px;} | |
255 | ||
256 | /* Navigation CSS | |
257 | -------------------------------------------------*/ | |
258 | .nav { | |
259 | position:absolute; | |
260 | width:225px;bottom:0px; | |
261 | text-align:center; | |
262 | text-transform:lowercase;} | |
263 | ||
264 | .current_page { | |
265 | color:{color:Menu Text}; | |
266 | background:{color:Menu Background}; | |
267 | margin:3px; | |
268 | display:inline-block; | |
269 | padding:5px 10px;} | |
270 | ||
271 | .nav a { | |
272 | color:{color:Menu Text}; | |
273 | background:{color:Menu Background}; | |
274 | margin:3px; | |
275 | display:inline-block; | |
276 | padding:5px 10px;} | |
277 | ||
278 | .nav a:hover { | |
279 | color:{color:Menu Text Hover}; | |
280 | background:{color:Menu Background Hover};} | |
281 | ||
282 | /* Posts CSS | |
283 | -------------------------------------------------*/ | |
284 | .post_container { | |
285 | min-height:100%; | |
286 | {block:if500pxPosts}width:540px;{/block:if500pxPosts} | |
287 | {block:ifnot500pxPosts}width:440px;{/block:ifnot500pxPosts} | |
288 | margin-top:40px; | |
289 | margin-left:260px; | |
290 | position:relative; | |
291 | z-index:999999;} | |
292 | ||
293 | .post { | |
294 | {block:if500pxPosts} | |
295 | width:500px; | |
296 | {/block:if500pxPosts} | |
297 | {block:ifnot500pxPosts} | |
298 | width:400px; | |
299 | {/block:ifnot500pxPosts} | |
300 | background:{color:Post Background}; | |
301 | border:10px solid {color:Post Borders}; | |
302 | padding:10px; | |
303 | margin-bottom:60px; | |
304 | position:relative; | |
305 | z-index:9999999;} | |
306 | ||
307 | ||
308 | /* Post Elements CSS | |
309 | -------------------------------------------------*/ | |
310 | .post h2, .post h2 a { | |
311 | color:{color:Body Links}; | |
312 | font-size:12px; | |
313 | font-weight:bold; | |
314 | text-transform:uppercase; | |
315 | text-align:center; | |
316 | border-bottom:1px solid {color:Body Links}; | |
317 | padding:5px 0px; | |
318 | margin:0px;} | |
319 | ||
320 | .post h2 a:hover {color:{color:Body Links};} | |
321 | ||
322 | .post li {list-style: square;} | |
323 | .post blockquote { | |
324 | border-left: 4px solid {color:Body Links}; | |
325 | margin-left:10px; | |
326 | padding-left: 5px;} | |
327 | .post img, .post li, .post blockquote {max-width: 100%;} | |
328 | .post_caption {padding-top:10px;} | |
329 | ||
330 | .question { | |
331 | padding:20px; | |
332 | text-align:left; | |
333 | color:{color:Ask Question Text}; | |
334 | background:{color:Ask Question Background};} | |
335 | .question a {color:{color:Ask Question Text};} | |
336 | ||
337 | .question_arrow { | |
338 | position:absolute; | |
339 | margin-left:20px; | |
340 | width:0;height:0; | |
341 | border-left: 10px solid transparent; | |
342 | border-right: 10px solid transparent; | |
343 | border-top: 10px solid {color:Ask Question Background};} | |
344 | ||
345 | .answer { | |
346 | padding:10px; | |
347 | text-align:left; | |
348 | margin-left:10px; | |
349 | margin-right:10px; | |
350 | color:{color:Ask Answer Text};} | |
351 | ||
352 | .quote {width: 80%; margin: auto;} | |
353 | .quotetext_short {font-size: 18px;} | |
354 | - | .post ul { |
354 | + | |
355 | - | padding:0px 5px 10px 5px; |
355 | + | |
356 | - | margin:0px 0px 0px 0px;} |
356 | + | |
357 | .source {text-align:right;} | |
358 | ||
359 | .convo li { | |
360 | - | padding:10px 5px 10px 10px; |
360 | + | padding:15px 5px 15px 0px; |
361 | - | margin:0px 0px 5px 0px;} |
361 | + | |
362 | margin-bottom:5px; | |
363 | - | .line_odd {border:1px solid rgba(0,0,0,0.2);} |
363 | + | margin-left:-25px;} |
364 | - | .line_even {border:1px solid rgba(0,0,0,0.2);} |
364 | + | |
365 | - | .line_odd .label {color:{color:Body Text};} |
365 | + | .line_odd {border:1px solid {color:Body Links};} |
366 | - | .line_even .label {color:{color:Body Text};} |
366 | + | .line_even {border:1px solid {color:Body Text};} |
367 | .line_odd .label { | |
368 | - | .convo .label {font-weight:bold;} |
368 | + | background:{color:Body Links}; |
369 | color:{color:Body Text};} | |
370 | .line_even .label { | |
371 | background:{color:Body Text}; | |
372 | color:{color:Body Links};} | |
373 | ||
374 | .convo .label {padding:15px; | |
375 | margin-right:5px; | |
376 | text-transform: uppercase;} | |
377 | ||
378 | ||
379 | /* Audio CSS | |
380 | -------------------------------------------------*/ | |
381 | .cover { | |
382 | position:relative; | |
383 | min-height:200px; | |
384 | {block:if500pxPosts}width:500px;{/block:if500pxPosts} | |
385 | {block:ifnot500pxPosts}width:400px;{/block:ifnot500pxPosts} | |
386 | border-bottom:2px solid {color:Body Links}; | |
387 | background:{color:Body Text}; | |
388 | z-index:100;} | |
389 | .cover img { | |
390 | {block:if500pxPosts}width:500px;{/block:if500pxPosts} | |
391 | {block:ifnot500pxPosts}width:400px;{/block:ifnot500pxPosts} | |
392 | margin-bottom:-2px;} | |
393 | ||
394 | .covericon { | |
395 | position:absolute; | |
396 | background:{color:Body Text}; | |
397 | border:4px solid {color:Post Background}; | |
398 | margin-top:-5px; | |
399 | margin-left:-115px; | |
400 | width:100px;} | |
401 | ||
402 | .playbutton { | |
403 | width:25px; | |
404 | overflow:hidden; | |
405 | position:relative; | |
406 | z-index:1000;} | |
407 | ||
408 | .playbox { | |
409 | border-top:2px solid {color:Body Links}; | |
410 | background:#000; | |
411 | z-index:1000;} | |
412 | ||
413 | .audioinfo { | |
414 | color:{color:Body Text}; | |
415 | background:{color:Post Background}; | |
416 | position:absolute; | |
417 | z-index:1000; | |
418 | padding:5px 10px; | |
419 | margin-top:5px; | |
420 | margin-left:110px;} | |
421 | ||
422 | .audiotrack {font-size: 14px;font-weight: bold;} | |
423 | ||
424 | ||
425 | /* Post Information CSS | |
426 | -------------------------------------------------*/ | |
427 | .postinfo_container { | |
428 | position:absolute; | |
429 | z-index:-99999999; | |
430 | width:200px; | |
431 | margin-top:-20px; | |
432 | {block:if500pxPosts} | |
433 | margin-left:510px; | |
434 | {/block:if500pxPosts} | |
435 | {block:ifnot500pxPosts} | |
436 | margin-left:410px; | |
437 | {/block:ifnot500pxPosts} | |
438 | padding:0px 20px;} | |
439 | ||
440 | .postinfo { | |
441 | width:200px; | |
442 | font-size:{text:Body Font Size}px; | |
443 | text-align:center; | |
444 | text-transform:lowercase; | |
445 | letter-spacing:2px; | |
446 | color:{color:Post Info Text};} | |
447 | ||
448 | .postinfo a { | |
449 | display:block; | |
450 | color:{color:Post Info Text}; | |
451 | background:{color:Post Info Background}; | |
452 | padding:15px 2px; | |
453 | width:40px; | |
454 | margin-bottom:10px; | |
455 | font-weight:normal; | |
456 | text-transform:uppercase; | |
457 | letter-spacing:1px;} | |
458 | .postinfo a:hover { | |
459 | color:{color:Post Info Text Hover}; | |
460 | background:{color:Post Info Background Hover};} | |
461 | ||
462 | .post_tags { | |
463 | position:absolute; | |
464 | width:121px; | |
465 | margin-left:-4px; | |
466 | text-align:left; | |
467 | letter-spacing:1px; | |
468 | font-size:{text:Tags Font Size}px;} | |
469 | .post_tags a { | |
470 | display:block; | |
471 | padding:2px 5px; | |
472 | color:{color:Tag Text};opacity:0.5;} | |
473 | .post_tags a:hover {color:{color:Body Links};opacity:1;} | |
474 | ||
475 | .sources {filter:alpha(opacity=0);opacity:0;display:none;} | |
476 | ||
477 | .postnotes { | |
478 | {block:if500pxPosts}width:500px;{/block:if500pxPosts} | |
479 | {block:ifnot500pxPosts}width:400px;{/block:ifnot500pxPosts} | |
480 | position:relative; | |
481 | padding:10px; | |
482 | margin-bottom:20px; | |
483 | color:{color:Body Text}; | |
484 | background:{color:Post Background};} | |
485 | ||
486 | .postnotes a {color:{color:Body Text};font-weight:bold;} | |
487 | .postnotes a:hover {color:{color:Body Links};} | |
488 | ||
489 | .postnotes ol { | |
490 | list-style-type:none; | |
491 | padding:0px; | |
492 | margin:0px;} | |
493 | ||
494 | .postnotes img {display:none;} | |
495 | .avatar_frame {display:none;} | |
496 | ||
497 | .more_notes_link { | |
498 | display:block; | |
499 | margin-top:10px; | |
500 | padding:5px; | |
501 | color:{color:Post Info Text}; | |
502 | background:{color:Post Info Background};} | |
503 | ||
504 | /* BTT CSS | |
505 | -------------------------------------------------*/ | |
506 | .back-to-top { | |
507 | position:fixed; | |
508 | font-size:{text:Body Font Size}px; | |
509 | font-weight:normal; | |
510 | text-align:center; | |
511 | text-transform:uppercase; | |
512 | padding:10px; | |
513 | color:{color:BTT Text}; | |
514 | background:{color:BTT Background}; | |
515 | - | .credit { |
515 | + | |
516 | display:none;} | |
517 | - | z-index:10000000; |
517 | + | |
518 | .back-to-top:hover {color:{color:BTT Hover};} | |
519 | ||
520 | /* Credit CSS - DO NOT REMOVE | |
521 | - | font-size:7px; |
521 | + | |
522 | - | font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif; |
522 | + | |
523 | font-family: Credit; | |
524 | src: url(http://static.tumblr.com/9hiqgmd/sLFn9dshx/kubasta.ttf);} | |
525 | ||
526 | - | position:fixed;right:5px;bottom:7px;} |
526 | + | .credit a { |
527 | - | .credit a {color:#fff;} |
527 | + | |
528 | - | .creditname { |
528 | + | |
529 | - | transition: max-width 1s ease 0s; |
529 | + | |
530 | - | -webkit-transition: max-width 1s ease 0s; |
530 | + | |
531 | - | max-width:5px;overflow:hidden;} |
531 | + | font-family:Credit; |
532 | - | .credit:hover .creditname {max-width:400px;} |
532 | + | |
533 | font-weight:normal; | |
534 | text-align:center; | |
535 | text-transform:uppercase; | |
536 | position:fixed;right:5px;bottom:10px;} | |
537 | ||
538 | .credit a:hover{color:{color:Body Links};} | |
539 | </style> | |
540 | ||
541 | {block:ifInfiniteScroll} | |
542 | <script type="text/javascript" src="http://codysherman.tumblr.com/tools/infinite-scrolling/code"></script> | |
543 | {/block:ifInfiniteScroll} | |
544 | ||
545 | <script> | |
546 | jQuery(document).ready(function() { | |
547 | var offset = 220; | |
548 | var duration = 500; | |
549 | jQuery(window).scroll(function() { | |
550 | if (jQuery(this).scrollTop() > offset) { | |
551 | jQuery('.back-to-top').fadeIn(duration); | |
552 | } else { | |
553 | jQuery('.back-to-top').fadeOut(duration); | |
554 | } | |
555 | }); | |
556 | ||
557 | jQuery('.back-to-top').click(function(event) { | |
558 | event.preventDefault(); | |
559 | jQuery('html, body').animate({scrollTop: 0}, duration); | |
560 | return false; | |
561 | }) | |
562 | }); | |
563 | </script> | |
564 | ||
565 | </head> | |
566 | <body> | |
567 | ||
568 | <div class="container"> | |
569 | ||
570 | <div id="sidebar_container"> | |
571 | <div class="sidebar"> | |
572 | <div class="sidebar_title"> | |
573 | {text:Title}</div> | |
574 | <div class="sidebar_menu"> | |
575 | <a href="{text:Menu Link01 URL}"> | |
576 | <span class="link0">00.1</span> | |
577 | <span class="link1">{text:Menu Link01 Title}</span></a> | |
578 | <a href="{text:Menu Link02 URL}"> | |
579 | <span class="link0">00.2</span> | |
580 | <span class="link1">{text:Menu Link02 Title}</span></a> | |
581 | <a href="{text:Menu Link03 URL}"> | |
582 | <span class="link0">00.3</span> | |
583 | <span class="link1">{text:Menu Link03 Title}</span></a> | |
584 | <a href="http://www.titanjelly.tumblr.com/themes"> | |
585 | <span class="link0">00.4</span> | |
586 | <span class="link1">theme</span></a> | |
587 | - | {description} |
587 | + | |
588 | </div> | |
589 | <div class="sidebar_image"> | |
590 | <img src="{image:Sidebar Image}"> | |
591 | </div> | |
592 | - | {block:ifExtraLink01URL} |
592 | + | |
593 | <div class="more_links"> | |
594 | - | {/block:ifExtraLink01URL} |
594 | + | |
595 | - | {block:ifExtraLink02URL} |
595 | + | |
596 | <a href="{text:Extra Link02 URL}">{text:Extra Link02 Title}</a> | |
597 | - | {/block:ifExtraLink02URL} |
597 | + | |
598 | <div class="ml_line02"> | |
599 | <a href="{text:Extra Link03 URL}">{text:Extra Link03 Title}</a> | |
600 | - | {block:ifExtraLink03URL} |
600 | + | |
601 | </div> | |
602 | - | {/block:ifExtraLink03URL} |
602 | + | |
603 | - | {block:ifExtraLink04URL} |
603 | + | |
604 | <a href="{text:Extra Link06 URL}">{text:Extra Link06 Title}</a> | |
605 | - | {/block:ifExtraLink04URL} |
605 | + | |
606 | </div> | |
607 | {/block:ifShowExtraLinks} | |
608 | - | {block:ifExtraLink05URL} |
608 | + | |
609 | {description}</div> | |
610 | - | {/block:ifExtraLink05URL} |
610 | + | |
611 | - | {block:ifExtraLink06URL} |
611 | + | |
612 | {block:Pagination} | |
613 | - | {/block:ifExtraLink06URL} |
613 | + | |
614 | <a href="{PreviousPage}">Back</a> | |
615 | {/block:PreviousPage}{block:JumpPagination length="5"}{block:CurrentPage} | |
616 | <span class="current_page">{PageNumber}</span> | |
617 | {/block:CurrentPage}{block:JumpPage} | |
618 | <a class="jump_page" href="{URL}">{PageNumber}</a> | |
619 | {/block:JumpPage}{/block:JumpPagination}{block:NextPage} | |
620 | <a href="{NextPage}">Next</a> | |
621 | {/block:NextPage}</div>{/block:Pagination} | |
622 | {/block:ifnotInfiniteScroll} | |
623 | </div> | |
624 | ||
625 | <div class="post_container"> | |
626 | <div class="autopagerize_page_element"> | |
627 | {block:Posts} | |
628 | <div class="post"> | |
629 | ||
630 | {block:ContentSource} | |
631 | <div class="sources"> | |
632 | {SourceURL}{block:SourceLogo} | |
633 | <img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" /> | |
634 | {/block:SourceLogo} | |
635 | {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} | |
636 | </div> | |
637 | {/block:ContentSource} | |
638 | ||
639 | <div class="postinfo_container"> | |
640 | <div class="postinfo"> | |
641 | <div class="arrow_top"></div> | |
642 | {block:Date} | |
643 | <a href="{Permalink}" title="permalink">{DayOfMonthWithZero}.{MonthNumberWithZero}</a> | |
644 | {/block:Date} | |
645 | {block:Notecount} | |
646 | <a href="{Permalink}" title="with {NoteCountWithLabel}">{NoteCount}</a> | |
647 | {/block:Notecount} | |
648 | {block:PermalinkPage} | |
649 | {block:RebloggedFrom} | |
650 | <a href="{ReblogParentURL}" title="{ReblogParentTitle}">VIA</a> | |
651 | <a href="{ReblogRootURL}" title="{ReblogRootTitle}">SOURCE</a> | |
652 | {/block:RebloggedFrom} | |
653 | {/block:PermalinkPage} | |
654 | </div> | |
655 | ||
656 | {block:ifShowTags} | |
657 | {block:HasTags} | |
658 | - | <a href="{ReblogRootURL}" title="{ReblogRootTitle}">SRC</a> |
658 | + | |
659 | <div class="tags"> | |
660 | {block:Tags} | |
661 | <a href="{TagURL}">{Tag}</a> | |
662 | {/block:Tags} | |
663 | </div> | |
664 | </div> | |
665 | {/block:HasTags} | |
666 | {/block:ifShowTags} | |
667 | </div> | |
668 | ||
669 | {block:Text} | |
670 | {block:Title}<h2>{Title}</h2>{/block:Title} | |
671 | <div class="post_caption"> | |
672 | {Body} | |
673 | </div> | |
674 | {/block:Text} | |
675 | ||
676 | {block:Answer} | |
677 | <div class="question"> | |
678 | <b>{Asker} asked:</b> {Question}</div> | |
679 | <div class="question_arrow"></div> | |
680 | <div class="answer">{Answer}</div> | |
681 | {/block:Answer} | |
682 | ||
683 | {block:Quote} | |
684 | <div class="quote"> | |
685 | <div class="quotetext_{Length}">"{Quote}"</div> | |
686 | {block:Source}<div class="source">{Source}</div>{/block:Source} | |
687 | </div> | |
688 | {/block:Quote} | |
689 | ||
690 | {block:Link} | |
691 | <h2><a href="{URL}">{Name}</a></h2> | |
692 | {block:Description} | |
693 | <div class="post_caption"> | |
694 | {Description} | |
695 | </div> | |
696 | {/block:Description} | |
697 | {/block:Link} | |
698 | ||
699 | {block:Chat} | |
700 | {block:Title}<h2>{Title}</h2>{/block:Title} | |
701 | <div class="post_caption"> | |
702 | <ul class="convo"> | |
703 | {block:Lines} | |
704 | <li class="line_{Alt}">{block:Label} | |
705 | <span class="label">{Label}</span> | |
706 | {/block:Label}{Line}</li>{/block:Lines}</ul> | |
707 | </div> | |
708 | {/block:Chat} | |
709 | ||
710 | {block:Photo} | |
711 | <a href="{Permalink}"> | |
712 | {block:if500pxPosts} | |
713 | <img src="{PhotoURL-500}" alt="{PhotoAlt}" width="500px"> | |
714 | {/block:if500pxPosts} | |
715 | {block:ifnot500pxPosts} | |
716 | <img src="{PhotoURL-500}" alt="{PhotoAlt}" width="400px"> | |
717 | {/block:ifnot500pxPosts}</a> | |
718 | {block:ifShowCaptions} | |
719 | {block:Caption} | |
720 | <div class="post_caption"> | |
721 | {Caption}</div> | |
722 | {/block:Caption} | |
723 | {/block:ifShowCaptions} | |
724 | {block:ifnotShowCaptions} | |
725 | {block:PermalinkPage} | |
726 | {block:Caption} | |
727 | <div class="post_caption"> | |
728 | {Caption}</div> | |
729 | {/block:Caption} | |
730 | {/block:PermalinkPage} | |
731 | {/block:ifnotShowCaptions} | |
732 | {/block:Photo} | |
733 | ||
734 | {block:Photoset} | |
735 | {block:if500pxPosts} | |
736 | {Photoset-500} | |
737 | {/block:if500pxPosts} | |
738 | {block:ifnot500pxPosts} | |
739 | {Photoset-400} | |
740 | {/block:ifnot500pxPosts} | |
741 | {block:ifShowCaptions} | |
742 | {block:Caption} | |
743 | <div class="post_caption"> | |
744 | {Caption}</div> | |
745 | {/block:Caption} | |
746 | {/block:ifShowCaptions} | |
747 | {block:ifnotShowCaptions} | |
748 | {block:PermalinkPage} | |
749 | {block:Caption} | |
750 | <div class="post_caption"> | |
751 | {Caption}</div> | |
752 | {/block:Caption} | |
753 | {/block:PermalinkPage} | |
754 | {/block:ifnotShowCaptions} | |
755 | {/block:Photoset} | |
756 | ||
757 | {block:Audio} | |
758 | <div class="audioinfo"> | |
759 | <div class="covericon"> | |
760 | {block:AlbumArt} | |
761 | <img src="{AlbumArtURL}"> | |
762 | {/block:AlbumArt} | |
763 | </div> | |
764 | <div class="audiotrack"> | |
765 | {block:TrackName}{TrackName}{/block:TrackName} | |
766 | </div> | |
767 | <div class="audioartist"> | |
768 | {block:Artist}{Artist}{/block:Artist} | |
769 | </div> | |
770 | <div class="audioplay"> | |
771 | {block:PlayCount}{PlayCountWithLabel}{/block:PlayCount} | |
772 | </div> | |
773 | </div> | |
774 | <div class="cover"> | |
775 | {block:AlbumArt} | |
776 | <img src="{AlbumArtURL}"> | |
777 | {/block:AlbumArt} | |
778 | </div> | |
779 | <div class="playbox"> | |
780 | <div class="playbutton"> | |
781 | {block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer} | |
782 | </div> | |
783 | </div> | |
784 | {block:ifShowCaptions} | |
785 | {block:Caption} | |
786 | <div class="post_caption"> | |
787 | {Caption}</div> | |
788 | {/block:Caption} | |
789 | {/block:ifShowCaptions} | |
790 | {block:ifnotShowCaptions} | |
791 | {block:PermalinkPage} | |
792 | {block:Caption} | |
793 | <div class="post_caption"> | |
794 | {Caption}</div> | |
795 | {/block:Caption} | |
796 | {/block:PermalinkPage} | |
797 | {/block:ifnotShowCaptions} | |
798 | {/block:Audio} | |
799 | ||
800 | {block:Video} | |
801 | {block:if500pxPosts} | |
802 | {Video-500} | |
803 | {/block:if500pxPosts} | |
804 | {block:ifnot500pxPosts} | |
805 | {Video-400} | |
806 | {/block:ifnot500pxPosts} | |
807 | {block:ifShowCaptions} | |
808 | {block:Caption} | |
809 | <div class="post_caption"> | |
810 | {Caption}</div> | |
811 | {/block:Caption} | |
812 | {/block:ifShowCaptions} | |
813 | {block:ifnotShowCaptions} | |
814 | {block:PermalinkPage} | |
815 | {block:Caption} | |
816 | <div class="post_caption"> | |
817 | {Caption}</div> | |
818 | {/block:Caption} | |
819 | {/block:PermalinkPage} | |
820 | {/block:ifnotShowCaptions} | |
821 | {/block:Video} | |
822 | </div> | |
823 | ||
824 | {block:PermalinkPage} | |
825 | {block:PostNotes} | |
826 | <div class="postnotes"> | |
827 | {PostNotes} | |
828 | </div> | |
829 | {/block:PostNotes} | |
830 | {/block:PermalinkPage} | |
831 | ||
832 | {/block:Posts} | |
833 | </div> | |
834 | ||
835 | </div> | |
836 | ||
837 | </div> | |
838 | ||
839 | {block:ifShowBTTButton} | |
840 | <a href="#" class="back-to-top">Back to Top</a> | |
841 | {/block:ifShowBTTButton} | |
842 | ||
843 | <!-- Credit / Copyright Information - DO NOT REMOVE --> | |
844 | <div class="credit"> | |
845 | <a href="http://titanjelly.tumblr.com/themes">T</a> | |
846 | </div> | |
847 | ||
848 | </body> |