API tools faq
paste
Advertisement
feiinho

Theme #46 by Heidi @ladmilk

feiinho
Jun 26th, 2016
360
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.89 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3.  
  4. <!---
  5.  
  6. Theme #46 by Heidi @ladmilk
  7.  
  8.  
  9. Credit:
  10. Infinitescroll: Paulirish (https://github.com/infinite-scroll/infinite-scroll)
  11. Photoset: PixelUnion (https://github.com/PixelUnion/Extended-Tumblr-Photoset)
  12. Video Resizing: Shy Themes (http://shythemes.tumblr.com/post/134536748863/tutorial-resizing-videos)
  13.  
  14. ---->
  15.  
  16. <head>
  17. <title>{Title}</title>
  18. {block:Description}
  19. <meta name="description" content="{MetaDescription}" />
  20. {/block:Description}
  21. <link rel="shortcut icon" href="{FavIcon}" />
  22. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  23.  
  24. <meta name="color:Background" content="#ffffff" />
  25. <meta name="color:Text" content="#666666" />
  26. <meta name="color:Links" content="#bbbbbb" />
  27. <meta name="color:Links Hover" content="#444444" />
  28. <meta name="color:Bold" content="#555555" />
  29. <meta name="color:Italic" content="#bbbbbb"/>
  30. <meta name="color:Blockquote" content="#eeeeee" />
  31. <meta name="color:Corners" content="#e3e3e3" />
  32. <meta name="color:Accent" content="#dcecf5" />
  33. <meta name="color:Header" content="#f6f6f6"/>
  34. <meta name="color:Header Text" content="#666666"/>
  35. <meta name="color:Header Borders" content="#f6f6f6"/>
  36. <meta name="color:Scroll" content="#ffffff" />
  37. <meta name="color:Scrollbar" content="#dddddd" />
  38.  
  39.  
  40. <meta name="if:Show Captions" content="0" />
  41. <meta name="if:Show Tags" content="1" />
  42.  
  43. <meta name="if:Infinitescroll" content="0" />
  44. <meta name="if:Manual Load" content="0" />
  45.  
  46.  
  47. <meta name="select:Tumblr Controls" content="t_w" title="White" />
  48. <meta name="select:Tumblr Controls" content="t_g" title="Grey" />
  49. <meta name="select:Tumblr Controls" content="t_b" title="Black" />
  50.  
  51. <meta name="select:Post Size" content="350" title="350px" />
  52. <meta name="select:Post Size" content="250" title="250px" />
  53. <meta name="select:Post Size" content="300" title="300px" />
  54. <meta name="select:Post Size" content="400" title="400px" />
  55. <meta name="select:Post Size" content="450" title="450px" />
  56. <meta name="select:Post Size" content="500" title="500px" />
  57.  
  58.  
  59. <meta name="text:Home Title" content="refresh" />
  60. <meta name="text:Ask Title" content="inbox" />
  61. <meta name="text:Archive Title" content="archive" />
  62. <meta name="text:Link1" content="" />
  63. <meta name="text:Title1" content="" />
  64. <meta name="text:Link2" content="" />
  65. <meta name="text:Title2" content="" />
  66. <meta name="text:Link3" content="" />
  67. <meta name="text:Title3" content="" />
  68.  
  69.  
  70. <link href="http://static.tumblr.com/3yblkz0/EkLnyuqmx/pxu_ps.css" rel="stylesheet" type="text/css"/>
  71.  
  72.  
  73. <!----------- Font ---------------->
  74.  
  75.  
  76. <meta name="select:Body Font" content="Lora" title="Lora" />
  77. <meta name="select:Body Font" content="Source Sans Pro" title="Source Sans Pro" />
  78. <meta name="select:Body Font" content="Open Sans" title="Open Sans" />
  79. <meta name="select:Body Font" content="Karla" title="Karla" />
  80. <meta name="select:Body Font" content="Lato" title="Lato" />
  81. <meta name="select:Body Font" content="Roboto" title="Roboto" />
  82. <meta name="select:Body Font" content="calibri" title="Calibri" />
  83. <meta name="select:Body Font" content="helvetica" title="Helvetica" />
  84. <meta name="select:Body Font" content="trebuchet ms" title="Trebuchet ms" />
  85. <meta name="select:Body Font" content="Droid Serif" title="Droid Serif" />
  86. <meta name="select:Body Font" content="cambria" title="Cambria" />
  87. <meta name="select:Body Font" content="georgia" title="Georgia" />
  88. <meta name="select:Body Font" content="times new roman" title="Times New Roman" />
  89. <meta name="select:Body Font" content="courier" title="Courier" />
  90. <meta name="select:Body Font" content="consolas" title="Consolas" />
  91. <meta name="select:Body Font" content="lucida console" title="Lucida Console" />
  92.  
  93.  
  94. <meta name="select:Body Font Size" content="10" title="10px" />
  95. <meta name="select:Body Font Size" content="9" title="9px" />
  96. <meta name="select:Body Font Size" content="11" title="11px" />
  97.  
  98.  
  99. <meta name="select:Accent Font" content="Karla" title="Karla" />
  100. <meta name="select:Accent Font" content="Source Sans Pro" title="Source Sans Pro" />
  101. <meta name="select:Accent Font" content="Open Sans" title="Open Sans" />
  102. <meta name="select:Accent Font" content="Lato" title="Lato" />
  103. <meta name="select:Accent Font" content="Roboto" title="Roboto" />
  104. <meta name="select:Accent Font" content="calibri" title="Calibri" />
  105. <meta name="select:Accent Font" content="helvetica" title="Helvetica" />
  106. <meta name="select:Accent Font" content="trebuchet ms" title="Trebuchet ms" />
  107. <meta name="select:Accent Font" content="Lora" title="Lora" />
  108. <meta name="select:Accent Font" content="Droid Serif" title="Droid Serif" />
  109. <meta name="select:Accent Font" content="cambria" title="Cambria" />
  110. <meta name="select:Accent Font" content="georgia" title="Georgia" />
  111. <meta name="select:Accent Font" content="times new roman" title="Times New Roman" />
  112. <meta name="select:Accent Font" content="courier" title="Courier" />
  113. <meta name="select:Accent Font" content="consolas" title="Consolas" />
  114. <meta name="select:Accent Font" content="lucida console" title="Lucida Console" />
  115.  
  116.  
  117. <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,700|Roboto:400,700|Lato:400,700|Lora:400,700|Droid+Serif:400,700|Karla:400,700|Source+Sans+Pro:300,400,700' rel='stylesheet' type='text/css' />
  118.  
  119.  
  120. <style type="text/css">
  121.  
  122.  
  123.  
  124. /* Tumblr Controls */
  125.  
  126.  
  127. .t_b .tmblr-iframe--desktop-logged-in-controls, .tmblr-iframe, .t_b #tumblr_controls, #tumblr_controls {
  128. top:5px!important;
  129. right:5px!important;
  130. position:fixed!important;
  131. z-index:999999!important;
  132. }
  133.  
  134. .t_w .tmblr-iframe--desktop-logged-in-controls, .t_w #tumblr_controls {
  135. -webkit-filter:invert(100%);
  136. -moz-filter:invert(100%);
  137. -o-filter:invert(100%);
  138. -ms-filter:invert(100%);
  139. filter:invert(100%);
  140. opacity:0.3;
  141. }
  142.  
  143. .t_g .tmblr-iframe--desktop-logged-in-controls, .t_g #tumblr_controls {
  144. -webkit-filter:invert(70%);
  145. -moz-filter:invert(70%);
  146. -o-filter:invert(70%);
  147. -ms-filter:invert(70%);
  148. filter:invert(70%);
  149. opacity:0.4;
  150. }
  151.  
  152.  
  153.  
  154. /* Scrollbar */
  155.  
  156.  
  157. ::-webkit-scrollbar { width:5px; height:5px; }
  158.  
  159. ::-webkit-scrollbar-track-piece { background-color:{color:Scroll}; }
  160.  
  161. ::-webkit-scrollbar-thumb { background-color:{color:Scrollbar}; }
  162.  
  163. ol.notes::-webkit-scrollbar { width:1px; height:1px; }
  164.  
  165. ol.notes::-webkit-scrollbar-track-piece { background-color:{color:Background}; }
  166.  
  167. ol.notes::-webkit-scrollbar-thumb { background-color:{color:Corners}; }
  168.  
  169.  
  170. /* Body - General- Universal */
  171.  
  172.  
  173. html, body, * { margin:0; padding:0; border:0; }
  174.  
  175. body {
  176. background-color:{color:Background};
  177. color:{color:Text};
  178. font-family:{select:Body Font}, arial, sans-serif;
  179. font-size:{select:Body Font Size}px;
  180. line-height:1.4em;
  181. word-wrap:break-word;
  182. -webkit-font-smoothing:antialiased;
  183. -moz-osx-font-smoothing:grayscale;
  184. }
  185.  
  186. p { margin:5px 0; }
  187.  
  188. p:first-of-type { margin-top:0; }
  189.  
  190. p:last-of-type { margin-bottom:0; }
  191.  
  192. pre {
  193. margin:5px 0;
  194. padding:2px 5px;
  195. background:#f5f5f5;
  196. white-space:pre-wrap;
  197. word-wrap:break-word;
  198. }
  199.  
  200. blockquote {
  201. margin:5px 0;
  202. padding:2px 10px;
  203. border-left:1px solid {color:Blockquote};
  204. }
  205.  
  206. hr {
  207. width:25%;
  208. margin:10px auto;
  209. border-top:1px solid {color:Blockquote};
  210. }
  211.  
  212. .cap { margin:20px 0 0 0; }
  213.  
  214. .cp { display:none; }
  215.  
  216. ul, ol { margin:5px 0 5px 20px; }
  217.  
  218. .ab a, .source span { border-bottom:1px solid {color:Accent}; }
  219.  
  220. a, .header, .perma_outer {
  221. -webkit-transition:all 0.8s ease-in-out;
  222. -moz-transition:all 0.8s ease-in-out;
  223. -o-transition:all 0.8s ease-in-out;
  224. transition:all 0.8s ease-in-out;
  225. }
  226.  
  227.  
  228.  
  229. /* Common Typography */
  230.  
  231.  
  232. a { color:{color:Links}; text-decoration:none; }
  233.  
  234. a:hover { color:{color:Links Hover}; }
  235.  
  236. b, strong { color:{color:Bold}; font-weight:bold; }
  237.  
  238. i, em { color:{color:Italic}; font-style:italic; }
  239.  
  240. small, sub, sup { font-size:.90em; }
  241.  
  242. big { font-size:1.10em; }
  243.  
  244. sub, sup, small, big { vertical-align:baseline; }
  245.  
  246. h1, h2, h3, h4 {
  247. margin:5px 0;
  248. font-weight:normal;
  249. line-height:1.40em;
  250. }
  251.  
  252. h2.post_title {
  253. margin:0 0 10px 0;
  254. font-family:{select:Accent Font}, arial, sans-serif;
  255. font-size:1.6em;
  256. line-height:1.2em;
  257. letter-spacing:2px;
  258. text-transform:uppercase;
  259. text-align:center;
  260. }
  261.  
  262. h2.post_title a { display:block; }
  263.  
  264. h2.post_title:only-child { margin:0; }
  265.  
  266. .tumblr_blog {
  267. margin-bottom:5px;
  268. display:inline-block;
  269. font-family:{select:Accent Font}, arial, sans-serif;
  270. }
  271.  
  272.  
  273.  
  274. /* Center Wrapper - Posts */
  275.  
  276.  
  277. #wrapper {
  278. width:calc({select:Post Size}px + 20px*2 + 2px);
  279. margin:150px auto;
  280. position:relative;
  281. }
  282.  
  283. .posts_outer {
  284. width:calc({select:Post Size}px + 20px*2);
  285. margin:150px auto;
  286. position:relative;
  287. background:{color:Background};
  288. }
  289.  
  290. .posts {
  291. width:{select:Post Size}px;
  292. height:auto;
  293. min-height:20px;
  294. padding:20px;
  295. position:relative;
  296. background:inherit;
  297. color:inherit;
  298. }
  299.  
  300. .posts_outer:before, .posts_outer:after {
  301. content:"";
  302. width:30px;
  303. height:30px;
  304. position:absolute;
  305. background:{color:Corners};
  306. z-index:-1;
  307. }
  308.  
  309. .posts_outer:before { top:-1px; right:-1px; }
  310.  
  311. .posts_outer:after { bottom:-1px; left:-1px; }
  312.  
  313.  
  314.  
  315. /* Image */
  316.  
  317.  
  318. .posts img, img :not(.lightbox-image) { max-width:100%; height:auto; }
  319.  
  320. .photo img { width:100%; display:block; }
  321.  
  322.  
  323.  
  324. /* Photoset */
  325.  
  326.  
  327. .tmblr-lightbox, #tumblr_lightbox {
  328. background:rgba({RGBcolor:Background}, 1)!important;
  329. }
  330.  
  331. .vignette, #vignette, .lightbox-caption, #tumblr_lightbox_caption {
  332. opacity:0!important;
  333. }
  334.  
  335. .lightbox-image, #tumblr_lightbox img {
  336. padding:0!important;
  337. -webkit-border-radius:0px!important;
  338. -moz-border-radius:0px!important;
  339. border-radius:0px!important;
  340. -webkit-box-shadow:none!important;
  341. -moz-box-shadow:none!important;
  342. box-shadow:none!important;
  343. }
  344.  
  345.  
  346.  
  347. /* Video */
  348.  
  349.  
  350. .video, .video iframe { display:block; overflow:hidden; }
  351.  
  352.  
  353.  
  354. /* Audio */
  355.  
  356.  
  357. #audio_outer {
  358. width:100%;
  359. display:table;
  360. border:1px solid #eee;
  361. }
  362.  
  363. #audio {
  364. width:50px;
  365. display:table-cell;
  366. vertical-align:middle;
  367. border-right:1px solid #eee;
  368. background:#fff;
  369. }
  370.  
  371. iframe.tumblr_audio_player {
  372. width:30px;
  373. height:30px;
  374. padding:10px;
  375. display:block;
  376. overflow:hidden;
  377. }
  378.  
  379. #audio_info {
  380. padding:10px 20px;
  381. display:table-cell;
  382. vertical-align:middle;
  383. background:#fff;
  384. }
  385.  
  386. iframe.soundcloud_audio_player { height:auto!important; display:block; }
  387.  
  388. iframe.spotify_audio_player { height:80px!important; display:block; }
  389.  
  390.  
  391.  
  392. /* Ask */
  393.  
  394.  
  395. .question {
  396. padding:15px;
  397. background:{color:Header};
  398. color:{color:Header Text};
  399. text-align:center;
  400. }
  401.  
  402. .question_answer { margin-top:10px; }
  403.  
  404. .question_answer:empty { margin:0; }
  405.  
  406. .question_asker { font-weight:bold; }
  407.  
  408. .question_asker a { color:{color:Header Text}; }
  409.  
  410.  
  411.  
  412. /* Quote */
  413.  
  414.  
  415. .quote {
  416. font-size:1.4em;
  417. line-height:1.2em;
  418. text-align:center;
  419. }
  420.  
  421. .source {
  422. margin-top:10px;
  423. color:{color:Links};
  424. text-align:center;
  425. }
  426.  
  427.  
  428.  
  429. /* Permalink - Tags - Indexpage */
  430.  
  431.  
  432. .perma_outer {
  433. width:100%;
  434. height:100%;
  435. top:0px;
  436. left:0px;
  437. position:absolute;
  438. opacity:0;
  439. overflow:hidden;
  440. background:{color:Background};
  441. }
  442.  
  443. .posts_outer:hover .perma_outer { opacity:1; z-index:999; }
  444.  
  445. .perma {
  446. top:50%;
  447. padding:0 20px;
  448. position:relative;
  449. font-size:1.4em;
  450. text-align:center;
  451. -webkit-transform:translateY(-50%);
  452. -ms-transform:translateY(-50%);
  453. transform:translateY(-50%);
  454. }
  455.  
  456. .tag {
  457. padding-top:11px;
  458. position:relative;
  459. font-family:{select:Accent Font}, arial, sans-serif;
  460. font-size:8px;
  461. letter-spacing:1px;
  462. text-transform:uppercase;
  463. }
  464.  
  465. .tag:before {
  466. content:"";
  467. width:40px;
  468. height:1px;
  469. top:6px;
  470. left:0;
  471. right:0;
  472. margin:0 auto;
  473. position:absolute;
  474. background:{color:Accent};
  475. }
  476.  
  477. .tag a { margin:0 4px; }
  478.  
  479.  
  480.  
  481. /* Post Information - Notes - Permalinkpage */
  482.  
  483.  
  484. .post_info { padding:20px; }
  485.  
  486. .post_info p { margin:0; }
  487.  
  488. .tags a { margin-right:4px; }
  489.  
  490. p.noten { margin:20px 0 0 0; }
  491.  
  492. ol.notes {
  493. max-height:182px;
  494. margin:0;
  495. overflow:auto;
  496. list-style:none;
  497. }
  498.  
  499. ol.notes img { display:none; }
  500.  
  501. .more_notes_link_container { text-align:left!important; }
  502.  
  503.  
  504.  
  505. /* Header - Top - Navigation */
  506.  
  507.  
  508. header {
  509. width:calc({select:Post Size}px + 20px*2 + 2px);
  510. height:150px;
  511. margin:150px auto;
  512. position:relative;
  513. overflow:hidden;
  514. border:1px solid {color:Header Borders};
  515. box-sizing:border-box;
  516. background:{color:Header};
  517. color:{color:Header Text};
  518. }
  519.  
  520. .header {
  521. width:100%;
  522. height:150px;
  523. padding:30px;
  524. overflow:hidden;
  525. box-sizing:border-box;
  526. text-align:center;
  527. }
  528.  
  529. .header.top { opacity:1; }
  530.  
  531. .header.nav { opacity:0; }
  532.  
  533. header:hover .header.top { margin-top:-150px; opacity:0; }
  534.  
  535. header:hover .header.nav { opacity:1; }
  536.  
  537. .inner {
  538. top:50%;
  539. position:relative;
  540. -webkit-transform:translateY(-50%);
  541. -ms-transform:translateY(-50%);
  542. transform:translateY(-50%);
  543. }
  544.  
  545. .inner.top h1 {
  546. margin:0 0 10px 0;
  547. font-family:{select:Accent Font}, arial, sans-serif;
  548. font-size:1.6em;
  549. line-height:1.2em;
  550. letter-spacing:4px;
  551. text-transform:uppercase;
  552. text-align:center;
  553. }
  554.  
  555. .inner.nav a {
  556. margin:3px 5px;
  557. display:inline-block;
  558. color:{color:Header Text};
  559. letter-spacing:1px;
  560. }
  561.  
  562.  
  563.  
  564. /* Footer - Pagination - Manual Load */
  565.  
  566.  
  567. footer, .pagination {
  568. width:calc({select:Post Size}px + 20px*2 + 2px);
  569. margin:150px auto;
  570. padding:30px;
  571. position:relative;
  572. box-sizing:border-box;
  573. background:{color:Header};
  574. color:{color:Header Text};
  575. font-family:{select:Accent Font}, arial, sans-serif;
  576. text-transform:uppercase;
  577. letter-spacing:1px;
  578. }
  579.  
  580. .pagination a { width:50%; display:inline-block; }
  581.  
  582. #next { text-align:right; }
  583.  
  584. #next:only-child { width:100%; }
  585.  
  586. #load { text-align:center; cursor:pointer; }
  587.  
  588. {block:ifInfinitescroll}
  589. #infscr-loading, .pagination { display:none!important; }
  590. {/block:ifInfinitescroll}
  591.  
  592.  
  593.  
  594. {CustomCSS}
  595.  
  596.  
  597.  
  598. </style>
  599.  
  600.  
  601. <!---- Scripts ---->
  602.  
  603.  
  604. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  605.  
  606. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  607. <script src="http://static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  608. {block:IndexPage}
  609. {block:ifInfinitescroll}
  610. <script src="http://static.tumblr.com/3yblkz0/OZInz27pe/jquery.infinitescroll.min.js"></script>
  611. {/block:ifInfinitescroll}
  612. {/block:IndexPage}
  613.  
  614. <script>
  615. $(document).ready(function(){
  616. $('.photo-slideshow').pxuPhotoset({
  617. lightbox: true,
  618. highRes: true,
  619. rounded: false,
  620. gutter: '3px',
  621. photoset: '.photo-slideshow',
  622. photoWrap: '.photo-data',
  623. photo: '.pxu-photo',
  624. });
  625. {block:IndexPage}
  626. {block:ifInfinitescroll}
  627. var $container = $('#wrapper');
  628. $container.infinitescroll({
  629. itemSelector:".posts_outer",
  630. navSelector: ".pagination",
  631. nextSelector: ".pagination a#next",
  632. loadingImg: "",
  633. loadingText: "",
  634. bufferPx: 800,
  635. {block:ifManualLoad}
  636. errorCallback: function(){ jQuery('footer').fadeOut(400); },
  637. {/block:ifManualLoad}
  638. },
  639. function(newElements) {
  640. var $newElems = $(newElements).css({opacity:0});
  641. resizeVideos();
  642. $newElems.find('.photo-slideshow').pxuPhotoset({
  643. lightbox: true,
  644. highRes: true,
  645. rounded: false,
  646. gutter: '3px',
  647. photoset: '.photo-slideshow',
  648. photoWrap: '.photo-data',
  649. photo: '.pxu-photo',
  650. });
  651. $newElems.animate({opacity:1});
  652. });
  653. {block:ifManualLoad}
  654. $(window).unbind('.infscr');
  655. $('#load').click(function() {
  656. $container.infinitescroll('retrieve');
  657. return false;
  658. });
  659. {/block:ifManualLoad}
  660. {/block:ifInfinitescroll}
  661. {/block:IndexPage}
  662. });
  663. </script>
  664.  
  665.  
  666. </head>
  667. <body class="{select:Tumblr Controls}">
  668.  
  669.  
  670.  
  671. <header>
  672. <section class="header top">
  673. <div class="inner top ab">
  674. {block:ShowTitle}<h1>{Title}</h1>{/block:ShowTitle}
  675. {block:ShowDescription}{Description}{/block:ShowDescription}
  676. </div>
  677. </section>
  678. <section class="header nav">
  679. <div class="inner nav">
  680. {block:ifHomeTitle}<a href="/">{text:Home Title}</a>{/block:ifHomeTitle}
  681. {block:ifAskTitle}<a href="/ask">{text:Ask Title}</a>{/block:ifAskTitle}
  682. {block:ifArchiveTitle}<a href="/archive">{text:Archive Title}</a>{/block:ifArchiveTitle}
  683. {block:ifLink1}<a href="{text:Link1}">{text:Title1}</a>{/block:ifLink1}
  684. {block:ifLink2}<a href="{text:Link2}">{text:Title2}</a>{/block:ifLink2}
  685. {block:ifLink3}<a href="{text:Link3}">{text:Title3}</a>{/block:ifLink3}
  686. </div>
  687. </section>
  688. </header>
  689.  
  690.  
  691.  
  692. <section id="wrapper">
  693. {block:Posts}
  694. <article class="posts_outer">
  695.  
  696.  
  697. {block:IndexPage}
  698. <div class="perma_outer">
  699. <div class="perma">
  700. <a href="{Permalink}">{TimeAgo}</a>
  701. {block:ifShowTags}{block:HasTags}
  702. <div class="tag">
  703. {block:Tags}<a href="{TagURL}" target="_blank">#{Tag}</a>{/block:Tags}
  704. </div>
  705. {/block:HasTags}{/block:ifShowTags}
  706. </div>
  707. </div>
  708. {/block:IndexPage}
  709.  
  710.  
  711. <div class="posts">
  712.  
  713.  
  714. {block:ContentSource}
  715. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  716. {/block:SourceLogo}
  717. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  718. {/block:ContentSource}
  719.  
  720.  
  721. {block:Photo}
  722. <div class="photo">
  723. {LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" />{LinkCloseTag}
  724. </div>
  725. {/block:Photo}
  726.  
  727.  
  728. {block:Photoset}
  729. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">
  730. {block:Photos}
  731. <div class="photo-data">
  732. <div class="pxu-photo">
  733. <img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}">
  734. </div>
  735. <a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a>
  736. </div>
  737. {/block:Photos}
  738. </div>
  739. {/block:Photoset}
  740.  
  741.  
  742. {block:Video}
  743. <div class="video">{Video-500}</div>
  744. {/block:Video}
  745.  
  746.  
  747. {block:Audio}
  748. <div id="audio_outer">
  749. <div id="audio">{AudioPlayerWhite}</div>
  750. <div id="audio_info">
  751. {block:TrackName}<p><b>{TrackName}</b></p>{/block:TrackName}
  752. {block:Artist}{Artist}{/block:Artist}
  753. </div>
  754. </div>
  755. {/block:Audio}
  756.  
  757.  
  758. {block:Text}
  759. {block:Title}<h2 class="post_title">{Title}</h2>{/block:Title}
  760. {block:Body}<div class="ab">{Body}</div>{/block:Body}
  761. {/block:Text}
  762.  
  763.  
  764. {block:Link}
  765. <h2 class="post_title"><a href="{URL}" {Target}>{Name}</a></h2>
  766. {block:Description}<div class="ab">{Description}</div>{/block:Description}
  767. {/block:Link}
  768.  
  769.  
  770. {block:Answer}
  771. <div class="question">
  772. <div class="question_asker">{Asker} asked:</div>
  773. {Question}
  774. </div>
  775. <div class="question_answer ab">{Answer}</div>
  776. {/block:Answer}
  777.  
  778.  
  779. {block:Quote}
  780. <div class="quote">{Quote}</div>
  781. {block:Source}<div class="source"><span>{Source}</span></div>{/block:Source}
  782. {/block:Quote}
  783.  
  784.  
  785. {block:Chat}
  786. {block:Title}<h2 class="post_title">{Title}</h2>{/block:Title}
  787. {block:Lines}
  788. <p>{block:Label}<b>{Label}</b>{/block:Label} {Line}</p>
  789. {/block:Lines}
  790. {/block:Chat}
  791.  
  792.  
  793. {block:Caption}<div class="cap {block:IndexPage}{block:ifnotShowCaptions}cp{/block:ifnotShowCaptions}{/block:IndexPage} ab">{Caption}</div>{/block:Caption}
  794.  
  795.  
  796. </div>
  797.  
  798.  
  799. {block:PermalinkPage}
  800. {block:Date}
  801. <div class="post_info">
  802. <p><b>— Information</b></p>
  803. <p>Posted on {Month} {DayOfMonth}, {Year} {block:NoteCount} with {NoteCountWithLabel}{/block:NoteCount}</p>
  804. {block:RebloggedFrom}
  805. <p>via <a href="{ReblogParentURL}">{ReblogParentName}</a> — by <a href="{ReblogRootURL}">{ReblogRootName}</a></p>
  806. {/block:RebloggedFrom}
  807. {block:HasTags}
  808. <p class="tags ab">{block:Tags}<a href="{TagURL}">{Tag}</a>{/block:Tags}</p>
  809. {/block:HasTags}
  810. {block:PostNotes}
  811. <p class="noten"><b>— Notes</b></p>
  812. {PostNotes}
  813. {/block:PostNotes}
  814. </div>
  815. {/block:Date}
  816. {/block:PermalinkPage}
  817.  
  818.  
  819. </article>
  820. {/block:Posts}
  821. </section>
  822.  
  823.  
  824.  
  825. {block:Pagination}
  826. <div class="pagination">
  827. {block:PreviousPage}<a href="{PreviousPage}">back</a>{/block:PreviousPage}{block:NextPage}<a href="{NextPage}" id="next">next</a>{/block:NextPage}
  828. </div>
  829. {/block:Pagination}
  830.  
  831.  
  832. {block:IndexPage}{block:ifInfinitescroll}{block:ifManualLoad}
  833. <footer id="load">load more</footer>
  834. {/block:ifManualLoad}{/block:ifInfinitescroll}{/block:IndexPage}
  835.  
  836.  
  837.  
  838. <a href="http://ladmilk.tumblr.com" style="padding:10px; bottom:5px; left:5px; position:fixed;" title="Theme by Heidi">cr.</a>
  839.  
  840.  
  841.  
  842. </body>
  843. </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!