API tools faq
paste
feiinho

HD Exhibit Theme by Dustin Hoffman

feiinho
Jan 20th, 2018
351
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 28.49 KB | None | 0 0
raw download clone embed print report
  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>
  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}"/>
  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>
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!