View difference between Paste ID: wHQnEFd4 and GBLXLuR0
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}">&ldquo;{Quote}&rdquo;</a></h1>
276
                                        
277
                                        {block:Source} 
278
                                            <div class="body clearfix">
279
                                                <p class="source">&mdash; {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>&raquo; 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 &copy; {CopyrightYears}
483
                    {block:IfCopyrightText}
484
                        {text:CopyrightText}
485
                    {/block:IfCopyrightText}
486
487
                    {block:IfNotCopyrightText}
488
                        {Title}
489
                    {/block:IfNotCopyrightText}
490
                    &#8210;
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>