API tools faq
paste
Advertisement
feiinho

UltraPics Theme by UltraLinx

feiinho
Jul 1st, 2014
676
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.14 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.  
  5. <!------------------------------
  6. UltraPics Theme by UltraLinx
  7. http://theultralinx.com/category/tumblr-themes
  8. ------------------------------>
  9.  
  10. <meta charset="UTF-8">
  11.  
  12. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  13.  
  14. <title>{Title}{block:PostSummary} &mdash; {PostSummary}{/block:PostSummary}</title>
  15.  
  16. {block:Description}<meta name="description" content="{MetaDescription}">{/block:Description}
  17.  
  18. <meta name="color:Page Background" content="#1c1c1c">
  19. <meta name="color:Page Text" content="#c2c2c2">
  20. <meta name="color:Posts Text" content="#545454">
  21. <meta name="color:Links" content="#c2c2c2">
  22.  
  23. <meta name="image:Page Background" content="http://static.tumblr.com/hoglrhc/M4Qm8ytu1/bg.png">
  24.  
  25. <meta name="font:Body Font" content="Helvetica, Arial, sans-serif">
  26. <meta name="font:Headings Font" content="Raleway, Helvetica, Arial, sans-serif">
  27.  
  28. <meta name="if:Infinite Scrolling" content="0">
  29. <meta name="if:Show Share Buttons" content="1">
  30. <meta name="if:Show Notes" content="1">
  31. <meta name="if:Show Tags" content="1">
  32. <meta name="if:Show Photo Exif Info" content="1">
  33.  
  34. <meta name="text:Disqus Shortname" content="">
  35. <meta name="text:Google Analytics ID" content="">
  36. <meta name="text:Header Link 1" content="">
  37. <meta name="text:Header Link 1 Title" content="">
  38. <meta name="text:Header Link 2" content="">
  39. <meta name="text:Header Link 2 Title" content="">
  40. <meta name="text:Header Link 3" content="">
  41. <meta name="text:Header Link 3 Title" content="">
  42. <meta name="text:Header Link 4" content="">
  43. <meta name="text:Header Link 4 Title" content="">
  44. <meta name="text:Header Link 5" content="">
  45. <meta name="text:Header Link 5 Title" content="">
  46.  
  47. <link rel="shortcut icon" href="{Favicon}">
  48. <link rel="apple-touch-icon" href="{PortraitURL-128}">
  49.  
  50. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  51.  
  52. <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Raleway:100">
  53. <link rel="stylesheet" href="http://static.tumblr.com/hoglrhc/N4Dm97hm2/style.min.css">
  54.  
  55. <!--[if lt IE 9]>
  56. <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
  57. <![endif]-->
  58.  
  59. <style>
  60. html {
  61. background-color: {color:Page Background};
  62. background-image: url({image:Page Background});
  63. color: {color:Page Text};
  64. font-family: {font:Body Font};
  65. }
  66. a {
  67. color: {color:Links};
  68. }
  69. .site-title,
  70. .content h4 {
  71. font-family: {font:Headings Font};
  72. }
  73. .post {
  74. color: {color:Posts Text};
  75. }
  76.  
  77. {CustomCSS}
  78. </style>
  79. </head>
  80.  
  81. <body>
  82. <div class="install-btn">
  83. <a href="http://theultralinx.com/category/tumblr-themes" target="_blank"><img src="http://static.tumblr.com/8jq17g7/Re3lqefyw/install.png" alt="Install Theme"></a>
  84. </div>
  85.  
  86. <header class="site-header">
  87. <div class="container">
  88. <h1 class="site-title large">
  89. <a href="/">{Title}</a>
  90. </h1>
  91.  
  92. <nav class="site-nav">
  93. <ul class="nav">
  94. {block:HasPages}
  95. {block:Pages}
  96. <li><a href="{URL}">{Label}</a></li>
  97. {/block:Pages}
  98. {/block:HasPages}
  99. {block:SubmissionsEnabled}<li><a href="/submit">{SubmitLabel}</a></li>{/block:SubmissionsEnabled}
  100. {block:AskEnabled}<li><a href="/ask">{AskLabel}</a></li>{/block:AskEnabled}
  101. {block:ifHeaderLink1Title}
  102. <li><a href="{text:Header Link 1}" title="{text:Header Link 1 Title}">{text:Header Link 1 Title}</a></li>
  103. {/block:ifHeaderLink1Title}
  104. {block:ifHeaderLink2Title}
  105. <li><a href="{text:Header Link 2}" title="{text:Header Link 2 Title}">{text:Header Link 2 Title}</a></li>
  106. {/block:ifHeaderLink2Title}
  107. {block:ifHeaderLink3Title}
  108. <li><a href="{text:Header Link 3}" title="{text:Header Link 3 Title}">{text:Header Link 3 Title}</a></li>
  109. {/block:ifHeaderLink3Title}
  110. {block:ifHeaderLink4Title}
  111. <li><a href="{text:Header Link 4}" title="{text:Header Link 4 Title}">{text:Header Link 4 Title}</a></li>
  112. {/block:ifHeaderLink4Title}
  113. {block:ifHeaderLink5Title}
  114. <li><a href="{text:Header Link 5}" title="{text:Header Link 5 Title}">{text:Header Link 5 Title}</a></li>
  115. {/block:ifHeaderLink5Title}
  116. <li><a href="/archive">Archive</a></li>
  117. <li><a href="{RSS}">RSS</a></li>
  118. </ul>
  119. </nav>
  120.  
  121. {block:Description}
  122. <div class="site-description">
  123. <p>{Description}</p>
  124. </div>
  125. {/block:Description}
  126.  
  127. <div id="divider"></div>
  128. </div>
  129. </header> <!-- /site-header -->
  130.  
  131. {block:IndexPage}
  132. <div class="content">
  133. <div class="container">
  134. {block:NoSearchResults}
  135. <h4>Sorry, nothing found for &ldquo;{SearchQuery}&rdquo;.</h4>
  136. {/block:NoSearchResults}
  137.  
  138. {block:TagPage}
  139. <h4>Posts tagged &lsquo;{Tag}&rsquo;</h4>
  140. {/block:TagPage}
  141.  
  142. <div id="loader"></div>
  143.  
  144. <section class="posts" id="masonry">
  145. {block:Posts}
  146. <div class="post-box {PostType}">
  147. <article class="post">
  148. <div class="post-content">
  149. {block:Text}
  150. {block:Title}
  151. <h2 class="delta">{Title}</h2>
  152. {/block:Title}
  153.  
  154. {Body}
  155. {/block:Text}
  156.  
  157. {block:Photo}
  158. <a href="{Permalink}">
  159. <img src="{PhotoURL-250}" alt="{PhotoAlt}">
  160. </a>
  161. {/block:Photo}
  162.  
  163. {block:Photoset}
  164. {Photoset-250}
  165. {/block:Photoset}
  166.  
  167. {block:Quote}
  168. <blockquote>
  169. <p>{Quote}</p>
  170.  
  171. {block:Source}
  172. <b class="source">{Source}</b>
  173. {/block:Source}
  174. </blockquote>
  175. {/block:Quote}
  176.  
  177. {block:Link}
  178. <h2 class="delta"><a href="{URL}"{Target}>{Name}</a></h2>
  179.  
  180. {block:Description}
  181. {Description}
  182. {/block:Description}
  183. {/block:Link}
  184.  
  185. {block:Chat}
  186. {block:Title}
  187. <h2 class="delta">{Title}</h2>
  188. {/block:Title}
  189.  
  190. <ul class="chat-content">
  191. {block:Lines}
  192. <li class="{Alt}">
  193. {block:Label}
  194. <b>{Label}</b>
  195. {/block:Label}
  196.  
  197. {Line}
  198. </li>
  199. {/block:Lines}
  200. </ul>
  201. {/block:Chat}
  202.  
  203. {block:Audio}
  204. {block:AudioEmbed}
  205. {AudioEmbed-250}
  206. {/block:AudioEmbed}
  207.  
  208. {block:AudioPlayer}
  209. {block:AlbumArt}
  210. <img src="{AlbumArtURL}" alt="Album Art" class="cover">
  211. {/block:AlbumArt}
  212.  
  213. <div class="player">
  214. {AudioPlayerBlack}
  215. </div>
  216. {/block:AudioPlayer}
  217. {/block:Audio}
  218.  
  219. {block:Video}
  220. {Video-250}
  221. {/block:Video}
  222.  
  223. {block:Answer}
  224. <h2 class="delta">{Asker} asked: <q>{Question}</q></h2>
  225.  
  226. {Answer}
  227. {/block:Answer}
  228. </div>
  229.  
  230. {block:Date}
  231. <footer>
  232. <ul class="post-meta nav cf">
  233. <li class="post-date"><a href="{Permalink}" title="{DayOfWeek}, {DayOfMonth} {Month} {Year}, {24Hour}:{Minutes}:{Seconds}">{TimeAgo}</a></li>
  234. {block:NoteCount}<li class="post-likes"><a href="{Permalink}">{NoteCountWithLabel}</a></li>{/block:NoteCount}
  235. </ul>
  236. </footer>
  237. {/block:Date}
  238. </article> <!-- /post -->
  239. </div> <!-- /post-box -->
  240. {block:Posts}
  241. </section> <!-- /posts -->
  242.  
  243. {block:Pagination}
  244. <nav class="pagination cf">
  245. {block:PreviousPage}
  246. <a href="{PreviousPage}" class="prev">Prev</a>
  247. {/block:PreviousPage}
  248.  
  249. {block:NextPage}
  250. <a href="{NextPage}" class="next">Next</a>
  251. {/block:NextPage}
  252. </nav>
  253. {/block:Pagination}
  254. </div> <!-- /container -->
  255. </div> <!-- /content -->
  256. {/block:IndexPage}
  257.  
  258. {block:Permalink}
  259. <div class="content permalink-page">
  260. <section class="posts">
  261. {block:Posts}
  262. <article class="post {PostType}">
  263. <div class="post-content">
  264. {block:Text}
  265. {block:Title}
  266. <h2 class="delta">{Title}</h2>
  267. {/block:Title}
  268.  
  269. {Body}
  270. {/block:Text}
  271.  
  272. {block:Photo}
  273. {LinkOpenTag}
  274. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}">
  275. {LinkCloseTag}
  276. {/block:Photo}
  277.  
  278. {block:Photoset}
  279. {Photoset-250}
  280. {/block:Photoset}
  281.  
  282. {block:Quote}
  283. <blockquote>
  284. <p>{Quote}</p>
  285.  
  286. {block:Source}
  287. <b class="source">{Source}</b>
  288. {/block:Source}
  289. </blockquote>
  290. {/block:Quote}
  291.  
  292. {block:Link}
  293. <h2 class="delta"><a href="{URL}"{Target}>{Name}</a></h2>
  294.  
  295. {block:Description}
  296. {Description}
  297. {/block:Description}
  298. {/block:Link}
  299.  
  300. {block:Chat}
  301. {block:Title}
  302. <h2 class="delta">{Title}</h2>
  303. {/block:Title}
  304.  
  305. <ul class="chat-content">
  306. {block:Lines}
  307. <li class="{Alt}">
  308. {block:Label}
  309. <b>{Label}</b>
  310. {/block:Label}
  311.  
  312. {Line}
  313. </li>
  314. {/block:Lines}
  315. </ul>
  316. {/block:Chat}
  317.  
  318. {block:Audio}
  319. {block:AudioEmbed}
  320. {AudioEmbed-500}
  321. {/block:AudioEmbed}
  322.  
  323. {block:AudioPlayer}
  324. <div class="cf">
  325. <div class="audio-block left">
  326. {block:AlbumArt}
  327. <img src="{AlbumArtURL}" alt="Album Art" class="cover">
  328. {/block:AlbumArt}
  329.  
  330. <div class="player">
  331. {AudioPlayerBlack}
  332. </div>
  333. </div>
  334.  
  335. <div class="audio-block right">
  336. <h2 class="song-name">
  337. <span>{block:Artist}{Artist} &mdash;{/block:Artist}</span>
  338. <span>{block:TrackName}{TrackName}{/block:TrackName}</span>
  339. </h2>
  340.  
  341. <p class="played">Played {FormattedPlayCount} times.</p>
  342. </div>
  343. </div>
  344. {/block:AudioPlayer}
  345. {/block:Audio}
  346.  
  347. {block:Video}
  348. {Video-700}
  349. {/block:Video}
  350.  
  351. {block:Answer}
  352. <h2 class="delta">{Asker} asked: <q>{Question}</q></h2>
  353.  
  354. {Answer}
  355. {/block:Answer}
  356. </div>
  357. </article> <!-- /post -->
  358.  
  359. <div class="container cf">
  360. {block:PermalinkPagination}
  361. <nav class="pagination cf">
  362. {block:PreviousPost}
  363. <a href="{PreviousPost}" class="prev">Prev</a>
  364. {/block:PreviousPost}
  365.  
  366. {block:NextPost}
  367. <a href="{NextPost}" class="next">Next</a>
  368. {/block:NextPost}
  369. </nav>
  370. {/block:PermalinkPagination}
  371.  
  372. {block:Date}
  373. <section class="post-info cf">
  374. <div class="block main">
  375. {block:IfShowTags}
  376. {block:HasTags}
  377. <ul class="tags nav islet">
  378. <span>Tags:</span>
  379. {block:Tags}
  380. <li><a href="{TagURL}">{Tag}</a></li>
  381. {/block:Tags}
  382. </ul>
  383. {/block:HasTags}
  384. {/block:IfShowTags}
  385.  
  386. {block:Photo}
  387. {block:Caption}
  388. <div class="caption islet">{Caption}</div>
  389. {/block:Caption}
  390. {/block:Photo}
  391.  
  392. {block:Photoset}
  393. {block:Caption}
  394. <div class="caption islet">{Caption}</div>
  395. {/block:Caption}
  396. {/block:Photoset}
  397.  
  398. {block:Audio}
  399. {block:Caption}
  400. <div class="caption islet">{Caption}</div>
  401. {/block:Caption}
  402. {/block:Audio}
  403.  
  404. {block:Video}
  405. {block:Caption}
  406. <div class="caption islet">{Caption}</div>
  407. {/block:Caption}
  408. {/block:Video}
  409.  
  410. {block:IfDisqusShortname}
  411. <div class="comments islet">
  412. <div id="disqus_thread"></div>
  413. </div>
  414. {block:IfDisqusShortname}
  415.  
  416. {block:IfShowNotes}
  417. {block:PostNotes}
  418. {PostNotes}
  419. {/block:PostNotes}
  420. {/block:IfShowNotes}
  421. </div>
  422.  
  423. <div class="block meta">
  424. <ul class="post-meta">
  425. <li><a href="{Permalink}" title="{DayOfWeek}, {DayOfMonth} {Month} {Year}, {24Hour}:{Minutes}:{Seconds}">{DayOfMonth} {Month} {Year}</a></li>
  426. {block:NoteCount}<li><a href="{Permalink}">{NoteCountWithLabel}</a></li>{/block:NoteCount}
  427. {block:RebloggedFrom}<li><a href="{ReblogParentURL}">Via {ReblogParentName}</a></li>{/block:RebloggedFrom}
  428. <li><a href="{ShortURL}">Permalink / Short URL</a></li>
  429. {block:IfShowShareButtons}
  430. <li class="social-btn">
  431. <div id="fb-root"></div>
  432. <div class="fb-like" data-send="false" data-layout="button_count" data-width="450" data-show-faces="false" data-font="arial"></div>
  433. </li>
  434.  
  435. <li class="social-btn">
  436. <a href="https://twitter.com/share" class="twitter-share-button" data-lang="en">Tweet</a>
  437. </li>
  438. {/block:IfShowShareButtons}
  439. </ul>
  440.  
  441. {block:Photo}
  442. {block:IfShowPhotoExifInfo}
  443. {block:Exif}
  444. <div class="exif-info">
  445. <h5>Exif Info</h5>
  446.  
  447. <dl>
  448. {block:Camera}
  449. <dt>Camera:</dt>
  450. <dd>{Camera}</dd>
  451. {/block:Camera}
  452.  
  453. {block:Aperture}
  454. <dt>Aperture:</dt>
  455. <dd>{Aperture}</dd>
  456. {/block:Aperture}
  457.  
  458. {block:Exposure}
  459. <dt>Exposure:</dt>
  460. <dd>{Exposure}</dd>
  461. {/block:Exposure}
  462.  
  463. {block:FocalLength}
  464. <dt>Focal Length:</dt>
  465. <dd>{FocalLength}</dd>
  466. {/block:FocalLength}
  467. </dl>
  468. </div>
  469. {/block:Exif}
  470. {/block:IfShowPhotoExifInfo}
  471. {/block:Photo}
  472. </div>
  473. </section> <!-- /post-info -->
  474. {/block:Date}
  475. </div> <!-- /container -->
  476. {/block:Posts}
  477. </section> <!-- /posts -->
  478. </div> <!-- /content -->
  479. {/block:Permalink}
  480.  
  481. <div id="theme-banner">
  482. <p><a href="http://theultralinx.com/category/tumblr-themes" target="_blank">UltraPics Theme by UltraLinx</a></p>
  483. </div>
  484.  
  485. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  486.  
  487. <script src="http://static.tumblr.com/hoglrhc/QVRm86erf/jquery.imagesloaded.min.js"></script>
  488. <script src="http://static.tumblr.com/hoglrhc/Q57m82kqz/jquery.masonry.min.js"></script>
  489.  
  490. {block:IfInfiniteScrolling}
  491. <script src="http://static.tumblr.com/hoglrhc/LwLm82qrz/jquery.infinitescroll.min.js"></script>
  492. {block:IfInfiniteScrolling}
  493.  
  494. <script>
  495. $(document).ready(function() {
  496. var $container = $('#masonry');
  497. var $loader = $('#loader');
  498.  
  499. $container.imagesLoaded(function() {
  500. $container.fadeIn(300);
  501. $loader.hide();
  502.  
  503. $container.masonry({
  504. itemSelector: '.post-box',
  505. columnWidth: 250,
  506. gutterWidth: 30
  507. });
  508. });
  509.  
  510. {block:IfInfiniteScrolling}
  511. $container.infinitescroll({
  512. navSelector : "nav.pagination",
  513. nextSelector : "nav.pagination .next",
  514. itemSelector : "#masonry .post-box",
  515. bufferPx : 350,
  516. loading : {
  517. finishedMsg : null,
  518. img : null,
  519. msgText : null
  520. }
  521. },
  522. function(newElements) {
  523. var $newElems = $(newElements).css({ opacity: 0 });
  524.  
  525. $newElems.imagesLoaded(function(){
  526. $newElems.animate({ opacity: 1 });
  527.  
  528. $container.masonry('appended', $newElems, true);
  529.  
  530. $('.post-box')
  531. .hover(
  532. function() {
  533. $(this).addClass('post-box-hover');
  534. },
  535. function() {
  536. $(this).removeClass('post-box-hover');
  537. }
  538. );
  539. });
  540. });
  541. {/block:IfInfiniteScrolling}
  542.  
  543. $('.post-box')
  544. .hover(
  545. function() {
  546. $(this).addClass('post-box-hover');
  547. },
  548. function() {
  549. $(this).removeClass('post-box-hover');
  550. }
  551. );
  552.  
  553. (function(doc, script) {
  554. var js,
  555. fjs = doc.getElementsByTagName(script)[0],
  556. add = function(url, id) {
  557. if (doc.getElementById(id)) {return;}
  558. js = doc.createElement(script);
  559. js.src = url;
  560. id && (js.id = id);
  561. fjs.parentNode.insertBefore(js, fjs);
  562. };
  563.  
  564. {block:IfGoogleAnalyticsID}
  565. // Google Analytics
  566. var _gaq = _gaq || [];
  567. _gaq.push(['_setAccount', '{text:Google Analytics ID}']);
  568. _gaq.push(['_trackPageview']);
  569.  
  570. add(('https:' == location.protocol ? '//ssl' : '//www') + '.google-analytics.com/ga.js', 'ga');
  571. {/block:IfGoogleAnalyticsID}
  572.  
  573. {block:IfShowShareButtons}
  574. // Facebook
  575. add('//connect.facebook.net/en_GB/all.js#xfbml=1', 'facebook-jssdk');
  576.  
  577. // Twitter
  578. add('//platform.twitter.com/widgets.js', 'twitter-wjs');
  579. {/block:IfShowShareButtons}
  580.  
  581. {block:PermalinkPage}
  582. {block:IfDisqusShortname}
  583. var disqus_identifier = "{PostID}";
  584. var disqus_url = "{Permalink}";
  585. var disqus_title = "{block:PostTitle}{PostTitle}{/block:PostTitle}";
  586.  
  587. // Disqus
  588. add('http://{text:Disqus Shortname}.disqus.com/embed.js');
  589. {block:IfDisqusShortname}
  590. {/block:PermalinkPage}
  591. }(document, 'script'));
  592. });
  593. </script>
  594. </body>
  595. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!