SHOW:
|
|
- or go back to the newest paste.
1 | <!doctype html> | |
2 | <!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ --> | |
3 | <!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="en"> <![endif]--> | |
4 | <!--[if IE 7]> <html class="no-js ie7 oldie" lang="en"> <![endif]--> | |
5 | <!--[if IE 8]> <html class="no-js ie8 oldie" lang="en"> <![endif]--> | |
6 | <!-- Consider adding a manifest.appcache: h5bp.com/d/Offline --> | |
7 | <!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]--> | |
8 | <head> | |
9 | <head> | |
10 | <meta charset="utf-8"> | |
11 | <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> | |
12 | <meta name="viewport" content="width=device-width,initial-scale=1"> | |
13 | ||
14 | <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title> | |
15 | <link rel="shortcut icon" href="{Favicon}"> | |
16 | <link rel="alternate" type="application/rss+xml" href="{RSS}"> | |
17 | <!-- http://static.tumblr.com/x0ukhl9/Se8lwlis5/styles.css --> | |
18 | <!--#1--><link rel="stylesheet" type="text/css" media="screen" href="http://static.tumblr.com/x0ukhl9/vyXm0lsms/styles-lite.css"/><!--!#1--> | |
19 | <!-- css/jquery.fancybox.css --> | |
20 | <link rel="stylesheet" type="text/css" media="screen" href="http://static.tumblr.com/x0ukhl9/u2Llwlc1j/jquery.fancybox.css"/> | |
21 | ||
22 | {block:Description} | |
23 | <meta name="description" content="{MetaDescription}" /> | |
24 | {/block:Description} | |
25 | ||
26 | <!--[if IE]> | |
27 | <style type="text/css"> | |
28 | .clearfix { zoom: 1; } | |
29 | </style> | |
30 | <![endif]--> | |
31 | ||
32 | <!-- js/libs/modernizr.custom.08999.js --> | |
33 | <script src="http://static.tumblr.com/x0ukhl9/fOqlwlc36/modernizr.custom.08999.js"></script> | |
34 | ||
35 | <!-- Boolean --> | |
36 | <meta name="if:Show Background Texture" content="1"/> | |
37 | <meta name="if:Light Colors" content="0"/> | |
38 | <meta name="if:Center Posts" content="0"/> | |
39 | <meta name="if:Center Small Images" content="0"/> | |
40 | <meta name="if:Show Archive Button" content="1"/> | |
41 | <meta name="if:Show RSS Button" content="0"/> | |
42 | <meta name="if:Show Search" content="1"/> | |
43 | <meta name="if:Show About Button" content="1"/> | |
44 | <meta name="if:Show Social Network Icons" content="1"/> | |
45 | <meta name="if:Show Reblogged From" content="0"/> | |
46 | <meta name="if:Show Tags" content="1"/> | |
47 | <meta name="if:Show Disqus Comment Count" content="1"/> | |
48 | <meta name="if:Show Disqus Comments" content="1"/> | |
49 | <meta name="if:Show Note Count" content="1"/> | |
50 | <meta name="if:Show Notes" content="1"/> | |
51 | ||
52 | <!-- Text --> | |
53 | <meta name="text:Title Caption" content=""/> | |
54 | <meta name="text:Search Placeholder" content="Search"/> | |
55 | <meta name="text:Archive Button" content="Archive"/> | |
56 | <meta name="text:RSS Button" content="RSS"/> | |
57 | ||
58 | <!-- Profile Links --> | |
59 | <meta name="text:Disqus Shortname" content=""/> | |
60 | <meta name="text:Dribbble Username" content=""/> | |
61 | <meta name="text:Forrst Username" content=""/> | |
62 | <meta name="text:Twitter Username" content=""/> | |
63 | <meta name="text:Flickr Profile URL" content=""/> | |
64 | <meta name="text:Skype Username" content=""/> | |
65 | <meta name="text:Facebook Profile URL" content=""/> | |
66 | <meta name="text:Google Plus URL" content=""/> | |
67 | <meta name="text:Vimeo Profile URL" content=""/> | |
68 | <meta name="text:Delicious Username" content=""/> | |
69 | <meta name="text:Last fm Username" content=""/> | |
70 | <meta name="text:Youtube Username" content=""/> | |
71 | <meta name="text:Google Analytics ID" content="" /> | |
72 | <meta name="text:Copyright Text" content="" /> | |
73 | ||
74 | <!-- Colors --> | |
75 | <meta name="color:Background Color" content="#202020"/> | |
76 | <meta name="color:Link Color" content="#217ed8"/> | |
77 | <meta name="color:Link Visited Color" content="#BBBBBB"/> | |
78 | ||
79 | <style type="text/css"> | |
80 | body { | |
81 | background-color: {color:Background Color}; | |
82 | } | |
83 | ||
84 | p a, .action a, .light p a, .light .action a { | |
85 | color: {color:Link Color}; | |
86 | } | |
87 | ||
88 | p a:hover, .action a:hover, .light p a:hover, .light .action a:hover { | |
89 | color: {color:Link Color}; | |
90 | } | |
91 | ||
92 | p a:visited, .action a:visited, .light p a:visited, .light .action a:visited { | |
93 | color: {color:Link Visited Color}; | |
94 | } | |
95 | ||
96 | {CustomCSS} | |
97 | </style> | |
98 | </head> | |
99 | ||
100 | <body class="{block:IfShowBackgroundTexture} | |
101 | bg-texture | |
102 | {/block:IfShowBackgroundTexture} | |
103 | {block:IfLightColors} | |
104 | light | |
105 | {/block:IfLightColors} | |
106 | {block:IfCenterPosts} | |
107 | centered | |
108 | {/block:IfCenterPosts} | |
109 | {block:IfCenterSmallImages} | |
110 | centered-small | |
111 | {/block:IfCenterSmallImages}"> | |
112 | <div class="wrapper"> | |
113 | <div id="content" class="clearfix"> | |
114 | ||
115 | <div id="expander" style="display: none;"> | |
116 | <div class="wrap"> | |
117 | <div class="content clearfix"> | |
118 | {block:Description} | |
119 | <p class="description">{Description}</p> | |
120 | {/block:Description} | |
121 | </div> | |
122 | </div> | |
123 | </div> | |
124 | ||
125 | <div id="header"> | |
126 | <div class="content"> | |
127 | <div id="user-info" class="{block:IfTitleCaption}caption{/block:IfTitleCaption}"> | |
128 | <div class="content clearfix"> | |
129 | ||
130 | <a href="/" title="{Title}" class="main"> | |
131 | <img src="{PortraitURL-48}" class="portrait"/> | |
132 | ||
133 | <div class="info"> | |
134 | <h1 class="title">{Title}</h1> | |
135 | ||
136 | {block:IfTitleCaption} | |
137 | <p class="caption">{text:Title Caption}</p> | |
138 | {/block:IfTitleCaption} | |
139 | </div> | |
140 | </a> | |
141 | ||
142 | {block:IfShowSocialNetworkIcons} | |
143 | <ul id="profiles" class="clearfix"> | |
144 | {block:IfDribbbleUsername} | |
145 | <li><a target="_blank" class="dribbble" href="http://dribbble.com/{text:Dribbble Username}"></a></li> | |
146 | {/block:IfDribbbleUsername} | |
147 | ||
148 | {block:IfForrstUsername} | |
149 | <li><a target="_blank" class="forrst" href="http://forrst.com/people/{text:Forrst Username}"></a></li> | |
150 | {/block:IfForrstUsername} | |
151 | ||
152 | {block:IfTwitterUsername} | |
153 | <li><a target="_blank" class="twitter" href="http://twitter.com/{text:Twitter Username}"></a></li> | |
154 | {/block:IfTwitterUsername} | |
155 | ||
156 | {block:IfFlickrProfileURL} | |
157 | <li><a target="_blank" class="flickr" href="{text:Flickr Profile URL}"></a></li> | |
158 | {/block:IfFlickrProfileURL} | |
159 | ||
160 | {block:IfSkypeUsername} | |
161 | <script type="text/javascript" src="http://download.skype.com/share/skypebuttons/js/skypeCheck.js"></script> | |
162 | <li><a class="skype" href="skype:{text:Skype Username}?call"></a></li> | |
163 | {/block:IfSkypeUsername} | |
164 | ||
165 | {block:IfFacebookProfileURL} | |
166 | <li><a target="_blank" class="facebook" href="{text:Facebook Profile URL}"></a></li> | |
167 | {/block:IfFacebookProfileURL} | |
168 | ||
169 | {block:IfGooglePlusURL} | |
170 | <li><a target="_blank" class="google" href="{text:Google Plus URL}"></a></li> | |
171 | {/block:IfGooglePlusURL} | |
172 | ||
173 | {block:IfVimeoProfileURL} | |
174 | <li><a target="_blank" class="vimeo" href="{text:Vimeo Profile URL}"></a></li> | |
175 | {/block:IfVimeoProfileURL} | |
176 | ||
177 | {block:IfDeliciousUsername} | |
178 | <li><a target="_blank" class="delicious" href="http://delicious.com/{text:Delicious Username}"></a></li> | |
179 | {/block:IfDeliciousUsername} | |
180 | ||
181 | {block:IfLastfmUsername} | |
182 | <li><a target="_blank" class="lastfm" href="http://www.last.fm/user/{text:Last fm Username}"></a></li> | |
183 | {/block:IfLastfmUsername} | |
184 | ||
185 | {block:IfYoutubeUsername} | |
186 | <li><a target="_blank" class="youtube" href="http://youtube.com/{text:Youtube Username}"></a></li> | |
187 | {/block:IfYoutubeUsername} | |
188 | </ul> | |
189 | {/block:IfShowSocialNetworkIcons} | |
190 | ||
191 | <ul id="navigation"> | |
192 | {block:Pages} | |
193 | <li><a href="{URL}">{Label}</a></li> | |
194 | {/block:Pages} | |
195 | ||
196 | {block:IfShowRssButton} | |
197 | <li><a href="{RSS}">{text:RSS Button}</a></li> | |
198 | {/block:IfShowRssButton} | |
199 | ||
200 | {block:AskEnabled} | |
201 | <li><a href="/ask">{AskLabel}</a></li> | |
202 | {/block:AskEnabled} | |
203 | ||
204 | {block:IfShowArchiveButton} | |
205 | <li><a href="/archive">{text:Archive Button}</a></li> | |
206 | {/block:IfShowArchiveButton} | |
207 | ||
208 | {block:SubmissionsEnabled} | |
209 | <li><a href="/submit">{SubmitLabel}</a></li> | |
210 | {/block:SubmissionsEnabled} | |
211 | ||
212 | {block:Description} | |
213 | {block:IfShowAboutButton} | |
214 | <li><a id="expand-about" href="#">About</a></li> | |
215 | {/block:IfShowAboutButton} | |
216 | {/block:Description} | |
217 | </ul> | |
218 | ||
219 | {block:IfShowSearch} | |
220 | <form action="/search" method="get" class="search"> | |
221 | <input type="text" name="q" value="{SearchQuery}" placeholder="{text:Search Placeholder}"/><span class="search" onclick="$(this).parent().submit();" autocomplete="off"></span> | |
222 | </form> | |
223 | {/block:IfShowSearch} | |
224 | </div> | |
225 | </div> | |
226 | <div class="divider"></div> | |
227 | </div> | |
228 | </div> | |
229 | ||
230 | <div id="body"> | |
231 | <div class="content {block:Permalink}permalink{/block:Permalink}" id="posts"> | |
232 | - | {block:Posts}<a href="{ReblogURL}" target="_blank">Reblog</a> |
232 | + | {block:Posts}<div class="permalink">{NoteCountWithLabel} <a href="{permalink}"> ∞ Permalink</a> + <a href="{ReblogURL}" target="_blank">Reblog</a> |
233 | <div class="post clearfix {block:IndexPage}index{/block:IndexPage} {PostType}"> | |
234 | ||
235 | <div class="content"> | |
236 | {block:Text} | |
237 | {block:Title} | |
238 | <h1> | |
239 | <a href="{Permalink}">{Title}</a> | |
240 | </h1> | |
241 | {/block:Title} | |
242 | ||
243 | <div class="body clearfix"> | |
244 | {Body} | |
245 | </div> | |
246 | {/block:Text} | |
247 | ||
248 | {block:Photo} | |
249 | <div class="photo loading shadow"> | |
250 | {LinkOpenTag} | |
251 | <img src="{PhotoURL-HighRes}" | |
252 | - | style="max-width:15000px";" alt="{PhotoAlt}"/> |
252 | + | style="max-width:1";" alt="{PhotoAlt}"/> |
253 | {LinkCloseTag} | |
254 | </div> | |
255 | ||
256 | {block:Caption} | |
257 | <div class="body clearfix"> | |
258 | {Caption} | |
259 | </div> | |
260 | {/block:Caption} | |
261 | {/block:Photo} | |
262 | ||
263 | {block:Photoset} | |
264 | ||
265 | {Photoset-500} | |
266 | ||
267 | {block:Caption} | |
268 | <div class="body clearfix"> | |
269 | {Caption} | |
270 | </div> | |
271 | {/block:Caption} | |
272 | {/block:Photoset} | |
273 | ||
274 | {block:Quote} | |
275 | <h1 class="quote {Length}"><a href="{Permalink}">“{Quote}”</a></h1> | |
276 | ||
277 | {block:Source} | |
278 | <div class="body clearfix"> | |
279 | <p class="source">— {Source}</p> | |
280 | </div> | |
281 | {/block:Source} | |
282 | {/block:Quote} | |
283 | ||
284 | {block:Video} | |
285 | ||
286 | <div class="video shadow"> | |
287 | {Video-500} | |
288 | </div> | |
289 | ||
290 | {block:Caption} | |
291 | <div class="body clearfix"> | |
292 | {Caption} | |
293 | </div> | |
294 | {/block:Caption} | |
295 | {/block:Video} | |
296 | ||
297 | {block:Audio} | |
298 | <h1>{block:Artist}{Artist}{/block:Artist}{block:TrackName}{block:Artist} - {/block:Artist}{TrackName}{/block:TrackName}</h1> | |
299 | <div class="audio-player clearfix" rel="{PostID}"> | |
300 | <div class="album-cover"> | |
301 | {block:AlbumArt} | |
302 | <a href="{AlbumArtURL}" class="fancybox" title="{block:Artist}{Artist}{/block:Artist}{block:TrackName}{block:Artist} - {/block:Artist}{TrackName}{/block:TrackName}"><img src="{AlbumArtURL}" class="cover"/></a> | |
303 | {/block:AlbumArt} | |
304 | </div> | |
305 | <div class="track inset"> | |
306 | <div class="flash">{AudioPlayerBlack}</div> | |
307 | <div class="inner"> | |
308 | <div class="loaded"></div> | |
309 | <div class="current"></div> | |
310 | </div> | |
311 | </div> | |
312 | </div> | |
313 | ||
314 | {block:Caption} | |
315 | <div class="body clearfix"> | |
316 | <p class="caption">{Caption}</p> | |
317 | </div> | |
318 | {/block:Caption} | |
319 | {/block:Audio} | |
320 | ||
321 | {block:Chat} | |
322 | {block:Title} | |
323 | <h1> | |
324 | <a href="{Permalink}">{Title}</a> | |
325 | </h1> | |
326 | {/block:Title} | |
327 | ||
328 | <ul class="body"> | |
329 | {block:Lines} | |
330 | <li class="{Alt} clearfix"> | |
331 | {block:Label} <span class="label">{Label}</span>{/block:Label} | |
332 | <p>{Line}</p> | |
333 | </li> | |
334 | {/block:Lines} | |
335 | </ul> | |
336 | {/block:Chat} | |
337 | ||
338 | {block:Link} | |
339 | <h1> | |
340 | <a class="link" href="{URL}" target="{Target}"><div class="icon"></div>{Name}</a> | |
341 | </h1> | |
342 | ||
343 | {block:Description} | |
344 | <div class="body">{Description}</div> | |
345 | {/block:Description} | |
346 | {/block:Link} | |
347 | ||
348 | {block:Answer} | |
349 | <h1 class="quote">{Question}</h1> | |
350 | ||
351 | <div class="body"> | |
352 | {Answer} | |
353 | <p>» Asked by {Asker}</p> | |
354 | </div> | |
355 | {/block:Answer} | |
356 | ||
357 | <div class="meta-info clearfix"> | |
358 | {block:Date} | |
359 | <a href="{Permalink}" class="date inset"> | |
360 | <div class="icon"></div> | |
361 | <span class="month">{ShortMonth}</span> | |
362 | <span class="day">{DayOfMonth}</span> | |
363 | <span class="year">{Year}</span> | |
364 | </a> | |
365 | {/block:Date} | |
366 | ||
367 | {block:IfDisqusShortname} | |
368 | {block:IfShowDisqusComments} | |
369 | {block:IfShowDisqusCommentCount} | |
370 | <a class="inset comments dsq-comment-count" href="{Permalink}#disqus_thread">Comments</a> | |
371 | {/block:IfShowDisqusCommentCount} | |
372 | {/block:IfShowDisqusComments} | |
373 | {/block:IfDisqusShortname} | |
374 | ||
375 | {block:IfShowNoteCount} | |
376 | {block:NoteCount} | |
377 | <a href="{Permalink}" class="note-indicator inset"> | |
378 | {NoteCountWithLabel} | |
379 | </a> | |
380 | {/block:NoteCount} | |
381 | {/block:IfShowNoteCount} | |
382 | ||
383 | {block:IfShowRebloggedFrom} | |
384 | {block:RebloggedFrom} | |
385 | <a href="{ReblogParentURL}" class="reblog inset"> | |
386 | <div class="icon"></div> | |
387 | <span class="title">Reblogged from</span> | |
388 | {ReblogParentName} | |
389 | </a> | |
390 | {/block:RebloggedFrom} | |
391 | {/block:IfShowRebloggedFrom} | |
392 | ||
393 | {block:IfShowTags} | |
394 | {block:HasTags} | |
395 | <ul class="tags"> | |
396 | {block:Tags}<li class="inset"><a class="tag" href="{TagURL}">#{Tag}</a></li>{/block:Tags} | |
397 | </ul> | |
398 | {/block:HasTags} | |
399 | {/block:IfShowTags} | |
400 | </div> | |
401 | ||
402 | {block:Permalink} | |
403 | <div class="commentary clearfix"> | |
404 | <div class="divider"></div> | |
405 | ||
406 | {block:IfDisqusShortname} | |
407 | {block:IfShowDisqusComments} | |
408 | <div class="disqus-wrap"> | |
409 | <div id="disqus_thread"></div> | |
410 | </div> | |
411 | ||
412 | <script> | |
413 | var disqus_url = "{Permalink}"; | |
414 | var disqus_title ="{block:PostTitle}{PostTitle}{/block:PostTitle}"; | |
415 | var disqus_identifier = {PostID}; | |
416 | (function() { | |
417 | var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true; | |
418 | dsq.src = 'http://{text:Disqus Shortname}.disqus.com/embed.js'; | |
419 | (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq); | |
420 | })(); | |
421 | </script> | |
422 | {/block:IfShowDisqusComments} | |
423 | {/block:IfDisqusShortname} | |
424 | ||
425 | {block:PostNotes} | |
426 | {block:IfShowNotes} | |
427 | <div class="notes-wrap {block:IfNotShowDisqusComments}no-pull{/block:IfNotShowDisqusComments}"> | |
428 | {PostNotes} | |
429 | </div> | |
430 | {/block:IfShowNotes} | |
431 | {/block:PostNotes} | |
432 | </div> | |
433 | {/block:Permalink} | |
434 | ||
435 | </div> | |
436 | </div> | |
437 | {/block:Posts} | |
438 | ||
439 | {block:IfDisqusShortname} | |
440 | <script> | |
441 | var disqus_shortname = '{text:Disqus Shortname}'; | |
442 | (function () { | |
443 | var s = document.createElement('script'); s.async = true; | |
444 | s.src = 'http://{text:Disqus Shortname}.disqus.com/count.js'; | |
445 | (document.getElementsByTagName('HEAD')[0] || document.getElementsByTagName('BODY')[0]).appendChild(s); }()); | |
446 | </script> | |
447 | {block:IfDisqusShortname} | |
448 | ||
449 | {block:Pagination} | |
450 | <div class="pagination clearfix"> | |
451 | {block:PreviousPage} | |
452 | <a class="previous" href="{PreviousPage}">Previous</a> | |
453 | {/block:PreviousPage} | |
454 | ||
455 | <div class="jump clearfix"> | |
456 | {block:JumpPagination length="1500"} | |
457 | {block:CurrentPage} | |
458 | <span class="current-page">{PageNumber}</span> | |
459 | {/block:CurrentPage} | |
460 | ||
461 | {block:JumpPage} | |
462 | <a href="{URL}">{PageNumber}</a> | |
463 | {/block:JumpPage} | |
464 | {/block:JumpPagination} | |
465 | </div> | |
466 | ||
467 | {block:NextPage} | |
468 | <a class="next" href="{NextPage}">Next</a> | |
469 | {/block:NextPage} | |
470 | </div> | |
471 | {/block:Pagination} | |
472 | </div> | |
473 | </div> | |
474 | </div> | |
475 | ||
476 | <div class="push"></div> | |
477 | </div> | |
478 | ||
479 | <footer> | |
480 | <div class="wrap"> | |
481 | <div class="content clearfix"> | |
482 | Copyright © {CopyrightYears} | |
483 | {block:IfCopyrightText} | |
484 | {text:CopyrightText} | |
485 | {/block:IfCopyrightText} | |
486 | ||
487 | {block:IfNotCopyrightText} | |
488 | {Title} | |
489 | {/block:IfNotCopyrightText} | |
490 | ‒ | |
491 | <a href="http://www.tumblr.com/theme/33285">HD Exhibit</a> Theme by <a href="https://twitter.com/Breefield">Dustin Hoffman</a> | |
492 | </div> | |
493 | </div> | |
494 | </footer> | |
495 | ||
496 | <!-- Grab Google CDN's jQuery, with a protocol relative URL; fall back to local if offline --> | |
497 | <script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script> | |
498 | <script>window.jQuery || document.write('<script src="http://static.tumblr.com/x0ukhl9/xrulwlc8b/jquery-1.6.2.min.js"><\/script>')</script> | |
499 | <script src="http://static.tumblr.com/x0ukhl9/NX8lwlc8w/jquery.killphotoset.js"></script> | |
500 | <script src="http://static.tumblr.com/x0ukhl9/NjTlwlcaq/jquery.fancybox.pack.js"></script> | |
501 | <!--#2--><script src="http://static.tumblr.com/x0ukhl9/QnBm0lso9/script-lite.js"></script><!--!#2--> | |
502 | ||
503 | {block:IfGoogleAnalyticsID} | |
504 | <script> | |
505 | window._gaq = [['_setAccount','{text:Google Analytics ID}'],['_trackPageview'],['_trackPageLoadTime']]; | |
506 | Modernizr.load({ | |
507 | load: ('https:' == location.protocol ? '//ssl' : '//www') + '.google-analytics.com/ga.js' | |
508 | }); | |
509 | </script> | |
510 | {/block:IfGoogleAnalyticsID} | |
511 | </body> | |
512 | </html> |