SHOW:
|
|
- or go back to the newest paste.
1 | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" | |
2 | "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> | |
3 | <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> | |
4 | ||
5 | <head> | |
6 | ||
7 | ||
8 | <!-- | |
9 | "Quite Big" theme designed by | |
10 | ||
11 | | | | | |
12 | _` | _ \ _ \ __| _` | _ \ _` | | | __ \ | / | _ \ | | | |
13 | ( | __/ ( | | ( | __/ ( | | | | | < | __/ | | | |
14 | \__, |\___|\___/ _| \__, |\___| \__,_|\__,_|_| _|_|\_\_|\___|\__, | | |
15 | |___/ |___/ ____/ | |
16 | ||
17 | ||
18 | http://www.tumblr.com/theme/3531 | |
19 | --> | |
20 | ||
21 | ||
22 | <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> | |
23 | ||
24 | <meta name="color:Background" content="#ffffff"/> | |
25 | <meta name="color:Title" content="#000000"/> | |
26 | <meta name="color:Text" content="#202020"/> | |
27 | <meta name="color:Minor Text" content="#999999"/> | |
28 | <meta name="color:Line" content="#EEEEEE"/> | |
29 | <meta name="color:Link" content="#49D28D"/> | |
30 | <meta name="color:Hover Link" content="#3FB67A"/> | |
31 | <meta name="color:audio" content="#000000"/> | |
32 | <meta name="color:TopLine" content="#eeeeee"/> | |
33 | <meta name="color:BottomLine" content="#eeeeee"/> | |
34 | <meta name="if:CenterAll" content="0"/> | |
35 | ||
36 | ||
37 | ||
38 | ||
39 | <meta name="font:Heading" content="Futura"/> | |
40 | ||
41 | <meta name="image:Header" content="0"> | |
42 | ||
43 | <meta name="if:Show notes on permalink pages" content="1"> | |
44 | ||
45 | <meta name="if:Show Album Art on Audio Posts" content="1" /> | |
46 | <meta name="if:Ask Enabled" content="0" /> | |
47 | ||
48 | <meta name="font:Description" content="Georgia"/> | |
49 | <meta name="font:Body" content="Georgia"/> | |
50 | ||
51 | <meta name="text:Disqus Shortname" content=""/> | |
52 | ||
53 | <title>{Title}{block:PostSummary}: {PostSummary}{/block:PostSummary}</title> | |
54 | {block:Description}<meta name="description" content="{MetaDescription}"/>{/block:Description} | |
55 | ||
56 | <link rel="shortcut icon" href="{Favicon}"/> | |
57 | <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}"/> | |
58 | ||
59 | <style type="text/css"> | |
60 | - | body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,dl,dt,dd,ul,ol,li,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0;} |
60 | + | body,div,h1,h1,h1,h1,h1,h1,p,blockquote,pre,code,dl,dt,dd,ul,ol,li,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0;} |
61 | html{font-size:14px;} | |
62 | table{border-collapse:collapse;border-spacing:0;} | |
63 | fieldset,img{border:0;} | |
64 | caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;} | |
65 | h1,h2,h3,h4,h5,h6{font-size:12px;font-weight:normal; padding:5px 0;} | |
66 | abbr,acronym{border:0;} | |
67 | ||
68 | body {background:{color:Background}; color:{color:Text}; font:1em/1.5 {font:Body}; margin:0 0 0 0;} | |
69 | ||
70 | h1, h3 {font-family:{font:Heading};} | |
71 | pre,code {font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif} | |
72 | ||
73 | a:link, a:visited {color:{color:Link}; text-decoration:none;} | |
74 | a:hover, a:active {color:{color:Hover Link};} | |
75 | ||
76 | ||
77 | ||
78 | - | #header {color:{color:Minor Text}; position:relative; margin:-49 auto; padding-top:25px; width:875px;} |
78 | + | #header {color:{color:Minor Text}; position:relative; margin:-49 auto; padding-top:25px; width:1260px;} |
79 | ||
80 | #header h1 {color:{color:Title}; font-weight:bold; text-align:center; font-size:80px; line-height:65px; margin-bottom:15px; margin-top:-30px; | |
81 | letter-spacing:-.05em;} | |
82 | #header h1 a:link, #header h1 a:visited {color:{color:Title}; display:block;} | |
83 | #header h1 a:hover, #header h1 a:active {color:{color:Hover Link};} | |
84 | #description {font-family:{font:Description}; font-size:12px; text-align:center; line-height:16px; margin-bottom:20px; margin-top:-5px;} | |
85 | #header form {margin-bottom:20px;} | |
86 | - | #header form input {width:630px;} |
86 | + | #header form input {width:1260px;} |
87 | #header ul {margin:0 -0.25em 1.5em;} | |
88 | #header li {list-style:none; text-transform:lowercase;} | |
89 | #header li a {background:{color:Background}; display:block; padding:0 0.25em; | |
90 | text-decoration:none;} | |
91 | #header li a:hover {background:none;} | |
92 | ||
93 | - | #container {background-color:{color:Container}; margin:30px auto; padding-top:5px; width:875px} |
93 | + | #container {background-color:{color:Container}; margin:30px auto; padding-top:5px; width:1260px} |
94 | ||
95 | ||
96 | ||
97 | ||
98 | #container .box img { | |
99 | max-width: 100%; | |
100 | } | |
101 | ||
102 | ||
103 | ||
104 | ||
105 | #posts {background-color:{color:Background}; border-top:1px solid {color:TopLine}; | |
106 | border-bottom:1px solid {color:BottomLine}; margin:0px; padding:0px; {block:IfCenterAll}text-align:center;{/block:IfCenterAll}font-size:12px;} | |
107 | ||
108 | ||
109 | - | #posts .post {list-style:none; padding-bottom:10px; max-width:875px; |
109 | + | #posts .post {list-style:none; padding-bottom:10px; max-width:1260px; |
110 | clear:both;} | |
111 | #posts .content {color:{color:Text}; padding:0; margin-left:0px;} | |
112 | ||
113 | - | #footer {margin:0 auto; max-width:875px; padding-bottom:30px;} |
113 | + | #footer {margin:0 auto; max-width:1260px; padding-bottom:30px;} |
114 | #pagination p {font-size:14px; min-width:150px; line-height:16px; margin:0 0 10px; | |
115 | white-space:nowrap;} | |
116 | #pagination p.back {display:inline; text-align:right; float:right; margin-left:20px;} | |
117 | #pagination p.forward {display:inline; float:left; margin-right:1.5em;} | |
118 | #pagination a {font-style:italic;} | |
119 | #pagination .page {text-align:center; font:12px {font:Body}; | |
120 | margin-bottom:20px; text-transform:lowercase;} | |
121 | #credits {clear:both; display:inline; text-align:center; font-size:12px; color:{color:Minor Text}; margin:0; padding:1.5em 0;} | |
122 | #footer a:hover, #footer a:active {text-decoration:none;} | |
123 | ||
124 | p {margin-bottom:25px;} | |
125 | form .submit {height:0; overflow:hidden; display:block;} | |
126 | ||
127 | - | .meta {float:left; clear:left; width:65px; {block:IfCenterAll}width:875px{/block:IfCenterAll}; font-size:14px; text-align:left; line-height:10px;} |
127 | + | .meta {float:left; clear:left; width:65px; {block:IfCenterAll}width:1260px{/block:IfCenterAll}; font-size:14px; text-align:left; line-height:10px;} |
128 | .meta h2 {font-size:14px; margin-bottom:5px; border-bottom:1px solid {color:Line};} | |
129 | .meta h2 a {text-decoration:none; display:block; padding:0px 0px;} | |
130 | .meta h2 a:hover {background:none;} | |
131 | .meta p {color:{color:Minor Text}; font-style:italic; margin:0 0 0 1em; | |
132 | text-indent:-0.75em; text-transform:lowercase;} | |
133 | p.meta {color:{color:Minor Text}; font-style:italic; margin:0; | |
134 | width:150px; text-indent:-0.75em; text-transform:lowercase;} | |
135 | .meta a {font-style:normal; white-space:nowrap;} | |
136 | .meta .plays {font-weight:bold; font-style:normal;} | |
137 | ||
138 | h3 {font-size:16px; line-height:20px; padding-bottom:10px; font-weight:bold;} | |
139 | ||
140 | .content a {border-bottom:1px solid {color:Line};} | |
141 | .content a:hover {border-bottom-width:2px;} | |
142 | .content .photo a {border:none !important;} | |
143 | .content ul, .content ol {margin:20px;} | |
144 | .content ul li {list-style:square;} | |
145 | ||
146 | blockquote {margin:0 20px 20px; font-style:italic;} | |
147 | blockquote i, blockquote em, blockquote [lang="ja"] {font-style:normal;} | |
148 | pre, code {font-size:10px; line-height:12px;} | |
149 | pre {background:#e1e1e1; margin:15px; padding:10px; | |
150 | overflow-x:auto;} | |
151 | pre code {display:block;} | |
152 | pre i, code i {font-style:normal; color:{color:Minor Text};} | |
153 | ||
154 | ins {text-decoration:none; font-style:italic;} | |
155 | blockquote ins, em ins, ins em {font-style:normal;} | |
156 | ||
157 | abbr, acronym, .caps {font-size:12px; letter-spacing:0.1em; word-spacing:0.1em;} | |
158 | abbr, acronym {text-transform:uppercase;} | |
159 | .caps {text-transform:uppercase;} | |
160 | ||
161 | ||
162 | .text, .caption {margin-bottom:20px;} | |
163 | .post img, .post object, .post embed {max-width:100%;} | |
164 | ||
165 | .link-post h3 {padding:0; margin-bottom:15px;} | |
166 | ||
167 | .photo-post .photo, .video-post .video {margin-bottom:20px; margin-top:20px; } | |
168 | ||
169 | .quote-post .quote {font-family:{font:Body};} | |
170 | .quote-post .source, .cite | |
171 | {float:right; margin:0 40px 20px 50px; text-indent:-1.5em;} | |
172 | .quote-post .source a:first-child, .cite | |
173 | {letter-spacing:0;} | |
174 | .short-quote .quote, .medium-quote .quote | |
175 | {font-size:14px; line-height:16px; margin:20px 40px 20px 0;} | |
176 | .long-quote .quote {margin:20px;} | |
177 | ||
178 | .audio-post .audio {height:27px; background: {color:audio}; | |
179 | - | display: block; |
179 | + | display: block; |
180 | margin-bottom: 5px; | |
181 | padding: 0px;} | |
182 | ||
183 | ||
184 | .audio-post .audio_player {width:auto;} | |
185 | ||
186 | .chat-post ol {list-style:none; margin:15px 0;} | |
187 | .chat-post li {margin-left:1.5em; text-indent:-1.5em;} | |
188 | .chat-post .label {font-weight:bold; padding-right:0.125em;} | |
189 | .chat-post .speaker {font-style:italic;} | |
190 | .chat-post .speaker2 .label, .chat-post .speaker4 .label, | |
191 | .chat-post .speaker6 .label, .chat-post .speaker8 .label | |
192 | {color:{color:Minor Text};} | |
193 | .chat-post .speaker3 .label, .chat-post .speaker4 .label, | |
194 | .chat-post .speaker7 .label, .chat-post .speaker8 .label | |
195 | {text-transform:uppercase; letter-spacing:0.1em;} | |
196 | .chat-post .speaker5 .label, .chat-post .speaker6 .label, | |
197 | .chat-post .speaker7 .label, .chat-post .speaker8 .label | |
198 | {font-family:{font:Heading};} | |
199 | ||
200 | ||
201 | .day .month {text-transform:uppercase;} | |
202 | {block:DayPage}.day {font-weight:bold;}{/block:DayPage} | |
203 | ||
204 | .content.text-post img { | |
205 | max-width: 100%; | |
206 | } | |
207 | ||
208 | ||
209 | .multi {margin-bottom:30px; margin-right:15px; {block:IfCenterAll}margin-right:10px; margin-left:10px;{/block:IfCenterAll};} | |
210 | ||
211 | .inst { | |
212 | background-color: #49d28d; | |
213 | } | |
214 | ||
215 | ||
216 | .video embed, .video object, .video iframe {width:875px; height:500px;} | |
217 | ||
218 | ||
219 | #comment { | |
220 | font-size: 10px; | |
221 | text-align: left; | |
222 | line-height: 18px; | |
223 | margin: 0px 0px 0px 0px; | |
224 | } | |
225 | ||
226 | #comment a { | |
227 | text-decoration: none; | |
228 | color: {color:Caption}; | |
229 | } | |
230 | ||
231 | #comment a:hover { | |
232 | text-decoration: none; | |
233 | color: {color:Link Hover}; | |
234 | } | |
235 | ||
236 | #dsq-content { | |
237 | background: rgba(0, 0, 0, .30); | |
238 | background: url(' '); | |
239 | padding: 5px 20px 20px 20px; | |
240 | margin-top: 5px; | |
241 | border-radius: 5px; | |
242 | -moz-border-radius: 5px; | |
243 | -webkit-border-radius: 5px; | |
244 | } | |
245 | ||
246 | ||
247 | ||
248 | ||
249 | ||
250 | {block:PermalinkPage} | |
251 | ||
252 | ||
253 | ||
254 | - | p.answer_form_container { width: 512px; } |
254 | + | p.answer_form_container { width: 1260px; } |
255 | ||
256 | - | ol.notes { width: 875px; list-style-type: none; margin:20px auto; padding: 0; } |
256 | + | ol.notes { width:1260px; list-style-type: none; margin:auto; padding: 0; } |
257 | ol.notes li.note { background: #F7F7F7; margin: 0 0 0px 0; padding: 0 4px; } | |
258 | ol.notes a { color: {color:Links In Notes}; } | |
259 | ol.notes img.avatar { display: none; } | |
260 | ol.notes blockquote { margin: 0; } | |
261 | ol.notes blockquote a { text-decoration: none; } | |
262 | {/block:PermalinkPage} | |
263 | ||
264 | ||
265 | ||
266 | ||
267 | ||
268 | ||
269 | a.install { | |
270 | width: 96px; | |
271 | height: 20px; | |
272 | background: url(http://static.tumblr.com/thpaaos/dHHkt0jor/install_theme.png); | |
273 | display: block; | |
274 | position: absolute; | |
275 | top: 26px; | |
276 | right: 3px; | |
277 | } | |
278 | ||
279 | ||
280 | a { | |
281 | outline: none; | |
282 | } | |
283 | ||
284 | ||
285 | ||
286 | ||
287 | ||
288 | {CustomCSS} | |
289 | </style> | |
290 | </head> | |
291 | <body> | |
292 | ||
293 | <div id="container"> | |
294 | ||
295 | ||
296 | <div id="header"> | |
297 | <a href="/"> | |
298 | {block:IfHeaderImage}<img src="{image:Header}" class="logo" />{/block:IfHeaderImage} | |
299 | {block:IfNotHeaderImage}<h1>{Title}</h1>{/block:IfNotHeaderImage}</a> | |
300 | ||
301 | ||
302 | ||
303 | {block:Description}<p id="description"> | |
304 | {Description} | |
305 | </p>{/block:Description} | |
306 | ||
307 | <p> | |
308 | {block:IfCenterAll}<center>{/block:IfCenterAll} | |
309 | ||
310 | {block:Pages} | |
311 | ||
312 | <a class="multi" href="{URL}">{Label}</a> | |
313 | ||
314 | {/block:Pages} | |
315 | ||
316 | ||
317 | {block:IfAskEnabled} | |
318 | <a class="multi" href="/ask">{AskLabel}</a> | |
319 | {block:IfAskEnabled} | |
320 | {block:IfCenterAll}</center>{/block:IfCenterAll}</p> | |
321 | ||
322 | </div> | |
323 | ||
324 | ||
325 | ||
326 | <ol id="posts"><br> | |
327 | {block:Posts} | |
328 | ||
329 | ||
330 | <li class="post" id="post{PostID}"> | |
331 | ||
332 | {block:Text} | |
333 | ||
334 | <div class="meta"> | |
335 | ||
336 | ||
337 | - | {block:IfCenterAll}<center>{/block:IfCenterAll}<h2> |
337 | + | {block:IfCenterAll}<center>{/block:IfCenterAll}<h1> |
338 | <a title="link to this post" href="{Permalink}">{DayOfMonth} {ShortMonth}</a> | |
339 | - | </h2>{block:IfCenterAll}</center>{/block:IfCenterAll} |
339 | + | </h1>{block:IfCenterAll}</center>{/block:IfCenterAll} |
340 | ||
341 | ||
342 | ||
343 | </div><br><br> | |
344 | ||
345 | <div class="content text-post"> | |
346 | - | {block:Title}<h3><span>{Title}</span></h3>{/block:Title} |
346 | + | {block:Title}<h1><span>{Title}</span></h1>{/block:Title} |
347 | ||
348 | <div class="text">{Body}</div> | |
349 | </div> | |
350 | {/block:Text} | |
351 | ||
352 | {block:Photo} | |
353 | ||
354 | ||
355 | <div class="meta"> | |
356 | ||
357 | ||
358 | - | {block:IfCenterAll}<center>{/block:IfCenterAll}<h2> |
358 | + | {block:IfCenterAll}<center>{/block:IfCenterAll}<h1> |
359 | <a title="link to this post" href="{Permalink}">{DayOfMonth} {ShortMonth}</a> | |
360 | - | </h2>{block:IfCenterAll}</center>{/block:IfCenterAll} <span class="permalink"> <a title="" href="{ReblogURL}"> reblog</a> <img src="http://img641.imageshack.us/img641/9808/image2ec.png"> <a title="" href="{Permalink}">{NoteCount} notes</a> |
360 | + | </h1>{block:IfCenterAll}</center>{/block:IfCenterAll} <span class="permalink"> <a title="" href="{ReblogURL}"> reblog</a> <img src="http://img641.imageshack.us/img641/9808/image2ec.png"> <a title="" href="{Permalink}">{NoteCount} notes</a> |
361 | </a></span> | |
362 | ||
363 | ||
364 | ||
365 | </div><br> | |
366 | ||
367 | <div class="content photo-post"> | |
368 | <div class="photo"> | |
369 | ||
370 | {block:IndexPage}<a href="{Permalink}">{/block:IndexPage} | |
371 | {block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage} | |
372 | - | <img src="{block:IndexPage}{PhotoURL-HighRes}{/block:IndexPage}{block:PermalinkPage}{PhotoURL-HighRes}{/block:PermalinkPage}" alt="{PhotoAlt}"> |
372 | + | <img src="{PhotoURL-HighRes}"style="max-width:15000px";" alt="{PhotoAlt}"/> |
373 | {block:IndexPage}</a>{/block:IndexPage} | |
374 | {block:PermalinkPage}{LinkCloseTag}{/block:PermalinkPage} | |
375 | ||
376 | </div> | |
377 | ||
378 | ||
379 | ||
380 | {block:Caption}<div class="caption">{Caption}</div>{/block:Caption} | |
381 | </div> | |
382 | {/block:Photo} | |
383 | ||
384 | {block:Quote} | |
385 | ||
386 | <div class="meta"> | |
387 | ||
388 | ||
389 | - | {block:IfCenterAll}<center>{/block:IfCenterAll}<h2> |
389 | + | {block:IfCenterAll}<center>{/block:IfCenterAll}<h1> |
390 | <a title="link to this post" href="{Permalink}">{DayOfMonth} {ShortMonth}</a> | |
391 | - | </h2>{block:IfCenterAll}</center>{/block:IfCenterAll} |
391 | + | </h1>{block:IfCenterAll}</center>{/block:IfCenterAll} |
392 | ||
393 | ||
394 | </div><br><br> | |
395 | <div class="content quote-post {Length}-quote"> | |
396 | <blockquote class="quote">{Quote}</blockquote> | |
397 | ||
398 | {block:Source}<div class="source">— {Source}</div>{/block:Source} | |
399 | </div> | |
400 | {/block:Quote} | |
401 | ||
402 | {block:Link} | |
403 | ||
404 | <div class="meta"> | |
405 | ||
406 | - | {block:IfCenterAll}<center>{/block:IfCenterAll}<h2> |
406 | + | {block:IfCenterAll}<center>{/block:IfCenterAll}<h1> |
407 | <a title="link to this post" href="{Permalink}">{DayOfMonth} {ShortMonth}</a> | |
408 | - | </h2>{block:IfCenterAll}</center>{/block:IfCenterAll} |
408 | + | </h1>{block:IfCenterAll}</center>{/block:IfCenterAll} |
409 | ||
410 | ||
411 | ||
412 | </div><br><br> | |
413 | <div class="content link-post"> | |
414 | - | <h3 class="link"><a href="{URL}">{Name}</a></h3> |
414 | + | <h1 class="link"><a href="{URL}">{Name}</a></h1> |
415 | ||
416 | {block:Description}<div class="caption">{Description}</div>{/block:Description} | |
417 | </div> | |
418 | {/block:Link} | |
419 | ||
420 | {block:Chat} | |
421 | ||
422 | <div class="meta"> | |
423 | ||
424 | ||
425 | - | {block:IfCenterAll}<center>{/block:IfCenterAll}<h2> |
425 | + | {block:IfCenterAll}<center>{/block:IfCenterAll}<h1> |
426 | <a title="link to this post" href="{Permalink}">{DayOfMonth} {ShortMonth}</a> | |
427 | - | </h2>{block:IfCenterAll}</center>{/block:IfCenterAll} |
427 | + | </h1>{block:IfCenterAll}</center>{/block:IfCenterAll} |
428 | ||
429 | ||
430 | </div><br><br> | |
431 | ||
432 | <div class="content chat-post"> | |
433 | - | {block:Title}<h3>{Title}</h3>{/block:Title} |
433 | + | {block:Title}<h1>{Title}</h1>{/block:Title} |
434 | ||
435 | <ol class="chat"> | |
436 | {block:Lines}<li class="{Alt} speaker{UserNumber}"> | |
437 | {block:Label}<span class="label">{Label}</span>{/block:Label} | |
438 | <span class="line">{Line}</span> | |
439 | </li>{/block:Lines} | |
440 | </ol> | |
441 | </div> | |
442 | {/block:Chat} | |
443 | ||
444 | ||
445 | ||
446 | {block:Video} | |
447 | ||
448 | <div class="meta"> | |
449 | ||
450 | ||
451 | - | {block:IfCenterAll}<center>{/block:IfCenterAll}<h2> |
451 | + | {block:IfCenterAll}<center>{/block:IfCenterAll}<h1> |
452 | <a title="link to this post" href="{Permalink}">{DayOfMonth} {ShortMonth}</a> | |
453 | - | </h2>{block:IfCenterAll}</center>{/block:IfCenterAll} |
453 | + | </h1>{block:IfCenterAll}</center>{/block:IfCenterAll} |
454 | ||
455 | ||
456 | ||
457 | </div><br> | |
458 | <div class="content video-post"> | |
459 | <div class="video">{Video-500}</div> | |
460 | {block:Caption}<div class="caption">{Caption}</div>{/block:Caption} | |
461 | </div> | |
462 | {/block:Video} | |
463 | ||
464 | ||
465 | ||
466 | ||
467 | {block:Audio} | |
468 | ||
469 | <div class="meta"> | |
470 | ||
471 | ||
472 | - | {block:IfCenterAll}<center>{/block:IfCenterAll}<h2> |
472 | + | {block:IfCenterAll}<center>{/block:IfCenterAll}<h1> |
473 | <a title="link to this post" href="{Permalink}">{DayOfMonth} {ShortMonth}</a> | |
474 | - | </h2>{block:IfCenterAll}</center>{/block:IfCenterAll} |
474 | + | </h1>{block:IfCenterAll}</center>{/block:IfCenterAll} |
475 | ||
476 | ||
477 | ||
478 | </div><br><br> | |
479 | ||
480 | ||
481 | ||
482 | ||
483 | ||
484 | {block:IfShowAlbumArtOnAudioPosts} | |
485 | {block:AlbumArt} | |
486 | <div class="album_art"> | |
487 | - | <img src="{AlbumArtURL}" alt="{block:Artist}{Artist}{/block:Artist}{block:TrackName} - {TrackName}{/block:TrackName}" style="margin-bottom: 5px"/> |
487 | + | <img src="{AlbumArtURL}" alt="{block:Artist}{Artist}{/block:Artist}{block:TrackName} - {TrackName}{/block:TrackName}" style="margin-bottom: 15px"/> |
488 | </div> | |
489 | {/block:AlbumArt} | |
490 | {/block:IfShowAlbumArtOnAudioPosts} | |
491 | ||
492 | ||
493 | ||
494 | ||
495 | ||
496 | ||
497 | <div class="content audio-post"> | |
498 | <div class="audio"> | |
499 | <script type="text/javascript" language="javascript" src="http://assets.tumblr.com/javascript/tumblelog.js?7"></script> | |
500 | <span id="audio_player_{PostID}">[<a href="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" target="_blank">Flash 9</a> is required to listen to audio.]</span> | |
501 | <script type="text/javascript" src="/api/read/json?id={PostID}"></script> | |
502 | <script type="text/javascript"> | |
503 | var color = "FFF700"; | |
504 | var player = tumblr_api_read['posts'][0]['audio-player'].replace("color=FFFFFF", "color=" + color); | |
505 | replaceIfFlash(9, "audio_player_{PostID}", player); | |
506 | </script> | |
507 | </div> | |
508 | <p>plays: <span class="plays">{FormattedPlayCount}</span></p> | |
509 | ||
510 | ||
511 | {block:Caption}<div class="caption">{Caption}</div>{/block:Caption} | |
512 | </div> | |
513 | {/block:Audio} | |
514 | ||
515 | <div class="clear"> </div> | |
516 | ||
517 | </li> | |
518 | ||
519 | {/block:Posts} | |
520 | ||
521 | ||
522 | ||
523 | {block:IfDisqusShortname} | |
524 | {block:Permalink} | |
525 | <div id="disqus"> | |
526 | <div id="disqus_thread"></div><script type="text/javascript" src="http://disqus.com/forums/{text:Disqus Shortname}/embed.js"></script><noscript><a href="http://{text:Disqus Shortname}.disqus.com/?url=ref">View the discussion thread.</a></noscript> | |
527 | </div> | |
528 | {/block:Permalink} | |
529 | <script type="text/javascript"> | |
530 | //<![CDATA[ | |
531 | (function() { | |
532 | var links = document.getElementsByTagName('a'); | |
533 | var query = '?'; | |
534 | for(var i = 0; i < links.length; i++) { | |
535 | if(links[i].href.indexOf('#disqus_thread') >= 0) { | |
536 | query += 'url' + i + '=' + encodeURIComponent(links[i].href) + '&'; | |
537 | } | |
538 | } | |
539 | document.write('<script charset="utf-8" type="text/javascript" src="http://disqus.com/forums/{text:Disqus Shortname}/get_num_replies.js' + query + '"></' + 'script>'); | |
540 | })(); | |
541 | //]]> | |
542 | </script> | |
543 | {/block:IfDisqusShortname} | |
544 | ||
545 | ||
546 | </div> <!-- .box --> | |
547 | {/block:Posts} | |
548 | ||
549 | ||
550 | ||
551 | </div> <!-- .posts --> | |
552 | ||
553 | <div style="clear: both"></div> | |
554 | ||
555 | {block:PermalinkPage} | |
556 | {block:IfShowNotesOnPermalinkPages} | |
557 | {PostNotes} | |
558 | {/block:IfShowNotesOnPermalinkPages} | |
559 | {block:PermalinkPage} | |
560 | ||
561 | <div style="clear: both;"></div> | |
562 | ||
563 | ||
564 | ||
565 | ||
566 | ||
567 | </ol> | |
568 | ||
569 | <div id="footer"> | |
570 | ||
571 | <div id="pagination"> | |
572 | {block:Pagination} | |
573 | <p class="back"> {block:NextPage} | |
574 | <a href="{NextPage}">next</a> >>> | |
575 | {/block:NextPage}</p> | |
576 | <p class="forward">{block:PreviousPage} | |
577 | <<< <a href="{PreviousPage}">prev</a> | |
578 | {/block:PreviousPage} </p> | |
579 | ||
580 | ||
581 | ||
582 | ||
583 | ||
584 | {block:PermalinkPagination} | |
585 | {block:PreviousPost}<p class="back"> | |
586 | <a href="{PreviousPost}">next</a> >>> | |
587 | </p>{/block:PreviousPost} | |
588 | {block:NextPost}<p class="forward"> | |
589 | <<< <a href="{NextPost}">prev</a> | |
590 | {/block:NextPost}</p> | |
591 | {/block:PermalinkPagination} | |
592 | ||
593 | {block:DayPagination} | |
594 | {block:PreviousDayPage}<p class="back"> | |
595 | <a href="{PreviousDayPage}">next</a> >>> | |
596 | {/block:PreviousDayPage}</p> | |
597 | {block:NextDayPage}<p class="forward"> | |
598 | <<< <a href="{NextDayPage}">prev</a> | |
599 | </p>{/block:NextDayPage} | |
600 | {/block:DayPagination}<div class="pagination"> | |
601 | {block:JumpPagination length="1000"} | |
602 | {block:CurrentPage} | |
603 | <span class="current_page">{PageNumber} </span> | |
604 | {/block:CurrentPage} | |
605 | ||
606 | {block:JumpPage} | |
607 | <a class="jump_page" href="{URL}">{PageNumber} </a> | |
608 | {/block:JumpPage} | |
609 | {/block:JumpPagination} | |
610 | </div> | |
611 | </div> | |
612 | ||
613 | ||
614 | <br><br /> | |
615 | ||
616 | <center> | |
617 | <a href="/archive">archive</a> // | |
618 | <a href="/random">random post</a> // | |
619 | <a href="{RSS}">RSS</a> | |
620 | <br /> | |
621 | <font size="2"><i>powered by <a href="http://www.tumblr.com/">tumblr</a> - | |
622 | <a href="http://www.tumblr.com/theme/9601">Quite Big theme</a> by <a href="http://georgedunkley.tumblr.com/">George Dunkley</a></i></font></center> | |
623 | ||
624 | ||
625 | ||
626 | </div> | |
627 | ||
628 | ||
629 | ||
630 | <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> | |
631 | <script type="text/javascript"> | |
632 | ||
633 | ||
634 | </script> | |
635 | ||
636 | ||
637 | ||
638 | ||
639 | ||
640 | ||
641 | ||
642 | ||
643 | ||
644 | ||
645 | </div> | |
646 | ||
647 | </body> | |
648 | </html> |