API tools faq
paste
ladmilk

Forty Eight

ladmilk
Oct 31st, 2014
10,845
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.14 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3.  
  4. <!---
  5.  
  6. Theme #48 by Heidi @ladmilk
  7.  
  8. Credit:
  9. Infinitescroll: Paulirish (https://github.com/infinite-scroll/infinite-scroll)
  10. Photoset: PixelUnion (https://github.com/PixelUnion/Extended-Tumblr-Photoset)
  11. Video Resizing: Shy Themes (http://shythemes.tumblr.com/post/134536748863/tutorial-resizing-videos)
  12. Icons: Outicons by Anton Saputro (http://www.antonps.com/outicons/)
  13.  
  14. ---->
  15.  
  16.  
  17. <head>
  18. <title>{Title}</title>
  19. {block:Description}
  20. <meta name="description" content="{MetaDescription}" />
  21. {/block:Description}
  22. <link rel="shortcut icon" href="{FavIcon}" />
  23. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  24.  
  25. <meta name="color:Background" content="#ffffff" />
  26. <meta name="color:Title" content="#777777" />
  27. <meta name="color:Text" content="#777777" />
  28. <meta name="color:Links" content="#aaaaaa" />
  29. <meta name="color:Links Hover" content="#000000" />
  30. <meta name="color:Blockquote" content="#eeeeee" />
  31. <meta name="color:Caption" content="#f6f6f6" />
  32. <meta name="color:Caption Text" content="#666666" />
  33. <meta name="color:Perma" content="#aaaaaa" />
  34. <meta name="color:Scroll" content="#ffffff" />
  35. <meta name="color:Scrollbar" content="#cccccc" />
  36.  
  37.  
  38. <meta name="if:Show Navigation" content="0" />
  39. <meta name="if:Show Captions" content="1" />
  40. <meta name="if:Show Tags" content="1" />
  41.  
  42. <meta name="if:Infinitescroll" content="0" />
  43. <meta name="if:Manual Load" content="0" />
  44.  
  45.  
  46. <meta name="select:Tumblr Controls" content="t_w" title="White" />
  47. <meta name="select:Tumblr Controls" content="t_g" title="Grey" />
  48. <meta name="select:Tumblr Controls" content="t_b" title="Black" />
  49.  
  50. <meta name="select:Post Size" content="400" title="400px" />
  51. <meta name="select:Post Size" content="250" title="250px" />
  52. <meta name="select:Post Size" content="300" title="300px" />
  53. <meta name="select:Post Size" content="350" title="350px" />
  54. <meta name="select:Post Size" content="450" title="450px" />
  55. <meta name="select:Post Size" content="500" title="500px" />
  56. <meta name="select:Post Size" content="540" title="540px" />
  57.  
  58.  
  59. <meta name="text:Home Title" content="" />
  60. <meta name="text:Ask Title" content="ask" />
  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. <meta name="text:Link4" content="" />
  69. <meta name="text:Title4" content="" />
  70.  
  71.  
  72. <link href="http://static.tumblr.com/3yblkz0/EkLnyuqmx/pxu_ps.css" rel="stylesheet" type="text/css"/>
  73.  
  74.  
  75. <!----------- Font ---------------->
  76.  
  77.  
  78. <meta name="select:Body Font" content="Karla" title="Karla" />
  79. <meta name="select:Body Font" content="Open Sans" title="Open Sans" />
  80. <meta name="select:Body Font" content="Source Sans Pro" title="Source Sans Pro" />
  81. <meta name="select:Body Font" content="Lato" title="Lato" />
  82. <meta name="select:Body Font" content="Roboto" title="Roboto" />
  83. <meta name="select:Body Font" content="calibri" title="Calibri" />
  84. <meta name="select:Body Font" content="helvetica" title="Helvetica" />
  85. <meta name="select:Body Font" content="trebuchet ms" title="Trebuchet ms" />
  86. <meta name="select:Body Font" content="Lora" title="Lora" />
  87. <meta name="select:Body Font" content="Droid Serif" title="Droid Serif" />
  88. <meta name="select:Body Font" content="cambria" title="Cambria" />
  89. <meta name="select:Body Font" content="georgia" title="Georgia" />
  90. <meta name="select:Body Font" content="times new roman" title="Times New Roman" />
  91. <meta name="select:Body Font" content="courier" title="Courier" />
  92. <meta name="select:Body Font" content="consolas" title="Consolas" />
  93. <meta name="select:Body Font" content="lucida console" title="Lucida Console" />
  94.  
  95. <meta name="select:Body Font Size" content="10" title="10px" />
  96. <meta name="select:Body Font Size" content="9" title="9px" />
  97. <meta name="select:Body Font Size" content="11" title="11px" />
  98.  
  99.  
  100. <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' />
  101.  
  102.  
  103. <style type="text/css">
  104.  
  105.  
  106.  
  107. /* Tumblr Controls */
  108.  
  109.  
  110. .t_b .tmblr-iframe--desktop-logged-in-controls, .tmblr-iframe, .t_b #tumblr_controls, #tumblr_controls {
  111. top:5px!important;
  112. right:5px!important;
  113. position:fixed!important;
  114. z-index:999999!important;
  115. }
  116.  
  117. .t_w .tmblr-iframe--desktop-logged-in-controls, .t_w #tumblr_controls {
  118. -webkit-filter:invert(100%);
  119. -moz-filter:invert(100%);
  120. -o-filter:invert(100%);
  121. -ms-filter:invert(100%);
  122. filter:invert(100%);
  123. opacity:0.3;
  124. }
  125.  
  126. .t_g .tmblr-iframe--desktop-logged-in-controls, .t_g #tumblr_controls {
  127. -webkit-filter:invert(70%);
  128. -moz-filter:invert(70%);
  129. -o-filter:invert(70%);
  130. -ms-filter:invert(70%);
  131. filter:invert(70%);
  132. opacity:0.4;
  133. }
  134.  
  135.  
  136.  
  137. /* Scrollbar */
  138.  
  139.  
  140. ::-webkit-scrollbar { width:7px; height:7px; }
  141.  
  142. ::-webkit-scrollbar-track-piece { background-color:{color:Scroll}; }
  143.  
  144. ::-webkit-scrollbar-thumb {
  145. background-color:{color:Scrollbar};
  146. border:2px solid {color:Scroll};
  147. }
  148.  
  149.  
  150.  
  151. /* Body - General- Universal */
  152.  
  153.  
  154. html, body, * { margin:0; padding:0; border:0; }
  155.  
  156. body {
  157. background-color:{color:Background};
  158. color:{color:Text};
  159. font-family:{select:Body Font}, arial, sans-serif;
  160. font-size:{select:Body Font Size}px;
  161. line-height:1.4em;
  162. word-wrap:break-word;
  163. -webkit-font-smoothing:antialiased;
  164. -moz-osx-font-smoothing:grayscale;
  165. }
  166.  
  167. p { margin:5px 0; }
  168.  
  169. p:first-of-type { margin-top:0; }
  170.  
  171. p:last-of-type { margin-bottom:0; }
  172.  
  173. pre {
  174. margin:5px 0;
  175. padding:2px 5px;
  176. background:#f5f5f5;
  177. white-space:pre-wrap;
  178. word-wrap:break-word;
  179. }
  180.  
  181. blockquote {
  182. margin:5px 0;
  183. padding:2px 10px;
  184. border-left:1px solid {color:Blockquote};
  185. }
  186.  
  187. hr {
  188. width:25%;
  189. margin:10px auto;
  190. border-top:1px solid {color:Blockquote};
  191. }
  192.  
  193. .cap {
  194. margin:10px 0 0 0;
  195. padding:10px;
  196. background:{color:Caption};
  197. color:{color:Caption Text};
  198. }
  199.  
  200. .cp { display:none; }
  201.  
  202. ul, ol { margin:5px 20px; list-style:square; }
  203.  
  204. svg { fill:{color:Perma}; }
  205.  
  206.  
  207.  
  208. /* Common Typography */
  209.  
  210.  
  211. a, .tags.index a {
  212. color:{color:Links};
  213. text-decoration:none;
  214. transition-duration: 0.6s;
  215. -moz-transition-duration: 0.6s;
  216. -webkit-transition-duration: 0.6s;
  217. -o-transition-duration: 0.6s;
  218. }
  219.  
  220. a:hover, .posts h2 a:hover,
  221. aside h1 a:hover, nav a:hover,
  222. .tags.index a:hover { color:{color:Links Hover}; }
  223.  
  224. small, sub, sup { font-size:.9em; }
  225.  
  226. big { font-size:1.1em; }
  227.  
  228. sub, sup, small, big { vertical-align:baseline; }
  229.  
  230. h1, h2, h3, h4 {
  231. margin:5px 0;
  232. font-weight:normal;
  233. line-height:1.4em;
  234. }
  235.  
  236. .posts h2 { font-size:1.4em; }
  237.  
  238. .posts h2:only-child { margin:0; }
  239.  
  240. .posts h2, .posts h2 a, aside h1 a { color:{color:Title}; }
  241.  
  242. .perma, aside { font-size:9px; }
  243.  
  244. nav, .pagination { text-transform:capitalize; }
  245.  
  246.  
  247.  
  248. /* Center Wrapper */
  249.  
  250.  
  251. #wrapper, .posts {
  252. width:{select:Post Size}px;
  253. margin:200px auto;
  254. position:relative;
  255. }
  256.  
  257. .posts { min-height:55px; height:auto; }
  258.  
  259.  
  260.  
  261. /* Image */
  262.  
  263.  
  264. .posts img, img :not(.lightbox-image) { max-width:100%; height:auto; }
  265.  
  266. .photo img { width:100%; display:block; }
  267.  
  268.  
  269.  
  270. /* Photoset */
  271.  
  272.  
  273. .tmblr-lightbox, #tumblr_lightbox {
  274. background:rgba({RGBcolor:Background}, 1)!important;
  275. }
  276.  
  277. .vignette, #vignette, .lightbox-caption, #tumblr_lightbox_caption {
  278. opacity:0!important;
  279. }
  280.  
  281. .lightbox-image, #tumblr_lightbox img {
  282. padding:0!important;
  283. -webkit-border-radius:0px!important;
  284. -moz-border-radius:0px!important;
  285. border-radius:0px!important;
  286. -webkit-box-shadow:none!important;
  287. -moz-box-shadow:none!important;
  288. box-shadow:none!important;
  289. }
  290.  
  291.  
  292.  
  293. /* Video */
  294.  
  295.  
  296. .video, .video iframe { display:block; overflow:hidden; }
  297.  
  298.  
  299.  
  300. /* Audio */
  301.  
  302.  
  303. .audio_outer {
  304. width:calc(100% - 2px);
  305. display:table;
  306. border:1px solid #eee;
  307. background:#fff;
  308. }
  309.  
  310. .audio { display:table-cell; vertical-align:middle; }
  311.  
  312. .audio.play { width:50px; }
  313.  
  314. iframe.tumblr_audio_player {
  315. width:30px;
  316. height:30px;
  317. padding:10px;
  318. display:block;
  319. overflow:hidden;
  320. }
  321.  
  322. .audio.info { padding:20px; text-align:right; }
  323.  
  324. iframe.soundcloud_audio_player { height:auto!important; display:block; }
  325.  
  326. iframe.spotify_audio_player { height:80px!important; display:block; }
  327.  
  328.  
  329.  
  330. /* Ask */
  331.  
  332.  
  333. .question_asker {
  334. margin-bottom:5px;
  335. padding-left:16px;
  336. color:{color:Links};
  337. font-weight:bold;
  338. }
  339.  
  340. .question_asker .aq {
  341. top:1px;
  342. left:0;
  343. position:absolute;
  344. }
  345.  
  346. .question {
  347. padding:10px;
  348. background:{color:Caption};
  349. color:{color:Caption Text};
  350. }
  351.  
  352. .question_answer { margin-top:10px; }
  353.  
  354.  
  355.  
  356. /* Quote */
  357.  
  358.  
  359. .quote {
  360. font-size:1.2em;
  361. font-style:italic;
  362. line-height:1.2em;
  363. text-align:center;
  364. }
  365.  
  366. .source { margin-top:15px; text-align:center; }
  367.  
  368.  
  369.  
  370. /* Permalink - Indexpage */
  371.  
  372.  
  373. .perma {
  374. width:120px;
  375. top:0;
  376. right:-130px;
  377. position:absolute;
  378. color:{color:Perma};
  379. line-height:1.5em;
  380. }
  381.  
  382. .perma a { color:{color:Perma}; }
  383.  
  384. .perma p { margin:0; }
  385.  
  386. .tt { display:inline-block; cursor:help; }
  387.  
  388. .tags.index { display:none; font-style:italic; }
  389.  
  390. .svgreblog { margin-bottom:-2px; margin-left:-2px; }
  391.  
  392.  
  393.  
  394. /* Post information - Notes -Permalinkpage */
  395.  
  396.  
  397. .post_info { margin-top:40px; }
  398.  
  399. .post_info p { margin:0; }
  400.  
  401. .tags.permalink {
  402. margin-top:20px;
  403. position:relative;
  404. padding-left:15px;
  405. }
  406.  
  407. .tags.permalink a { margin-right:5px; }
  408.  
  409. .tags .tg {
  410. top:1px;
  411. left:0;
  412. position:absolute;
  413. }
  414.  
  415. ol.notes { margin:20px 0 0 0; list-style-type:none; }
  416.  
  417. img.avatar { display:none; }
  418.  
  419. .more_notes_link_container { text-align:left!important; }
  420.  
  421. .more_notes_link_container a { color:{color:Text}; font-weight:bold; }
  422.  
  423.  
  424.  
  425. /* Sidebar */
  426.  
  427.  
  428. aside {
  429. width:160px;
  430. left:40px;
  431. bottom:40px;
  432. position:fixed;
  433. }
  434.  
  435. aside h1 {
  436. margin:0;
  437. {block:ifnotShowNavigation}
  438. position:relative;
  439. padding-left:17px;
  440. {/block:ifnotShowNavigation}
  441. font-size:1.6em;
  442. font-weight:bold;
  443. }
  444.  
  445. {block:ifnotShowNavigation}
  446. .nn {
  447. left:0;
  448. bottom:-2px;
  449. position:absolute;
  450. cursor:help;
  451. }
  452.  
  453. nav { display:none; }
  454. {/block:ifnotShowNavigation}
  455.  
  456. nav a { margin-right:5px; }
  457.  
  458. .desc {
  459. margin:5px 0;
  460. padding:10px;
  461. background:{color:Caption};
  462. color:{color:Caption Text};
  463. }
  464.  
  465. .pagination a { margin:0 3px; }
  466.  
  467. {block:ifInfinitescroll}
  468. #infscr-loading { text-align:center; }
  469.  
  470. .pagination, #infscr-loading img { display:none!important; }
  471. {/block:ifInfinitescroll}
  472.  
  473. footer {
  474. width:{select:Post Size}px;
  475. margin:200px auto 50px auto;
  476. position:relative;
  477. font-weight:bold;
  478. text-align:center;
  479. cursor:pointer;
  480. }
  481.  
  482.  
  483. {CustomCSS}
  484.  
  485.  
  486. </style>
  487.  
  488.  
  489. <!---- Scripts ---->
  490.  
  491.  
  492. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  493.  
  494. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  495. <script src="http://static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  496. {block:IndexPage}
  497. {block:ifInfinitescroll}
  498. <script src="http://static.tumblr.com/3yblkz0/OZInz27pe/jquery.infinitescroll.min.js"></script>
  499. {/block:ifInfinitescroll}
  500. {/block:IndexPage}
  501.  
  502.  
  503. <script>
  504. $(document).ready(function(){
  505. $('.photo-slideshow').pxuPhotoset({
  506. lightbox: true,
  507. highRes: true,
  508. rounded: false,
  509. gutter: '1px',
  510. photoset: '.photo-slideshow',
  511. photoWrap: '.photo-data',
  512. photo: '.pxu-photo',
  513. });
  514. $('.tt').click(function(){
  515. $(this).parents('.perma').find(".tags.index").slideToggle();
  516. return false;
  517. });
  518. $('.nn').click(function(){
  519. $(this).parents('aside').find("nav").slideToggle();
  520. return false;
  521. });
  522. {block:IndexPage}
  523. {block:ifInfinitescroll}
  524. var $container = $('#wrapper');
  525. $container.infinitescroll({
  526. itemSelector:".posts",
  527. navSelector: ".pagination",
  528. nextSelector: ".pagination a#next",
  529. loading: {
  530. finishedMsg: "Finished",
  531. img: "",
  532. msgText: "Loading...",
  533. },
  534. bufferPx: 800,
  535. {block:ifManualLoad}
  536. errorCallback: function(){ jQuery('footer').fadeOut(400); },
  537. {/block:ifManualLoad}
  538. },
  539. function(newElements) {
  540. var $newElems = $(newElements).css({opacity:0});
  541. resizeVideos();
  542. $newElems.find('.photo-slideshow').pxuPhotoset({
  543. lightbox: true,
  544. highRes: true,
  545. rounded: false,
  546. gutter: '1px',
  547. photoset: '.photo-slideshow',
  548. photoWrap: '.photo-data',
  549. photo: '.pxu-photo',
  550. });
  551. $newElems.find('.nn').click(function(){
  552. $(this).parents('aside').find("nav").slideToggle();
  553. return false;
  554. });
  555. $newElems.animate({opacity:1});
  556. });
  557. {block:ifManualLoad}
  558. $(window).unbind('.infscr');
  559. $('#load').click(function() {
  560. $container.infinitescroll('retrieve');
  561. return false;
  562. });
  563. {/block:ifManualLoad}
  564. {/block:ifInfinitescroll}
  565. {/block:IndexPage}
  566. });
  567. </script>
  568.  
  569.  
  570.  
  571. </head>
  572. <body class="{select:Tumblr Controls}">
  573.  
  574.  
  575.  
  576. <aside>
  577. <h1>
  578. {block:ifnotShowNavigation}
  579. <div class="nn"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve" width="12px"><path d="M45,72h128c3.3,0,6-2.7,6-6s-2.7-6-6-6H45c-3.3,0-6,2.7-6,6S41.7,72,45,72z"/><path d="M45,117h128c3.3,0,6-2.7,6-6s-2.7-6-6-6H45c-3.3,0-6,2.7-6,6S41.7,117,45,117z"/><path d="M45,162h128c3.3,0,6-2.7,6-6s-2.7-6-6-6H45c-3.3,0-6,2.7-6,6S41.7,162,45,162z"/></svg></div>
  580. {/block:ifnotShowNavigation}
  581. <a href="/">{Title}</a>
  582. </h1>
  583. <nav>
  584. {block:ifHomeTitle}<a href="/">{text:Home Title}</a>{/block:ifHomeTitle}
  585. {block:ifAskTitle}<a href="/ask">{text:Ask Title}</a>{/block:ifAskTitle}
  586. {block:ifArchiveTitle}<a href="/archive">{text:Archive Title}</a>{/block:ifArchiveTitle}
  587. {block:ifLink1}<a href="{text:Link1}">{text:Title1}</a>{/block:ifLink1}
  588. {block:ifLink2}<a href="{text:Link2}">{text:Title2}</a>{/block:ifLink2}
  589. {block:ifLink3}<a href="{text:Link3}">{text:Title3}</a>{/block:ifLink3}
  590. {block:ifLink4}<a href="{text:Link4}">{text:Title4}</a>{/block:ifLink4}
  591. </nav>
  592. {block:ShowDescription}<div class="desc">{Description}</div>{/block:ShowDescription}
  593. {block:Pagination}
  594. <div class="pagination">
  595. {block:ifnotShowNavigation}— {/block:ifnotShowNavigation}
  596. {block:PreviousPage}<a href="{PreviousPage}">Prev</a>{/block:PreviousPage}
  597. {block:NextPage}<a href="{NextPage}" id="next">Next</a>{/block:NextPage}
  598. </div>
  599. {/block:Pagination}
  600. </aside>
  601.  
  602.  
  603.  
  604. <section id="wrapper">
  605. {block:Posts}
  606. <article class="posts">
  607.  
  608.  
  609. {block:ContentSource}
  610. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  611. {/block:SourceLogo}
  612. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  613. {/block:ContentSource}
  614.  
  615.  
  616. {block:IndexPage}
  617. <div class="perma">
  618. <p><a href="{Permalink}">{DayOfWeek}</a></p>
  619. <p><a href="{Permalink}">Week {WeekOfYear}</a></p>
  620. <p><a href="{ReblogURL}"><svg class="svgreblog" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve" width="12px"><path d="M108.7,159.2c-22.3,0-42.4-14.9-48.8-36.2c-1-3.2-4.3-5-7.5-4c-3.2,1-5,4.3-4,7.5c8.1,26.8,32.3,44.7,60.3,44.7
  621. c34.7,0,63-28.3,63-63c0-34.7-28.3-63-63-63c-19.7,0-38.2,9.4-50,24.6l-2.5-19.8c-0.4-3.3-3.4-5.6-6.7-5.2c-3.3,0.4-5.6,3.4-5.2,6.7
  622. L49,88.1c0.4,3,3,5.2,5.9,5.2c0.2,0,0.5,0,0.7,0l36.2-4.1c3.3-0.4,5.7-3.3,5.3-6.6s-3.3-5.7-6.6-5.3L66.2,80
  623. c9.4-14.1,25.3-22.8,42.5-22.8c28.1,0,51,22.9,51,51S136.8,159.2,108.7,159.2z"/></svg></a></p>
  624. {block:ifShowTags}{block:HasTags}
  625. <div class="tt"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve" width="11px"><path d="M95.2,186C95.3,186,95.3,186,95.2,186c1.7,0,3.2-0.6,4.3-1.7l64.8-66.7c2.3-2.4,2.3-6.1-0.1-8.4L94.7,39.7
  626. c-1.1-1.1-2.7-1.7-4.2-1.7c0,0,0,0,0,0l-67.1,0.1c-3.3,0-6,2.6-6,5.9L17,109.9c0,1.6,0.6,3.2,1.8,4.3l72.3,70.2
  627. C92.2,185.5,93.7,186,95.2,186z M29.4,50L88,49.8l63.6,63.6l-56.5,58.2L29,107.4L29.4,50z M200.3,110.2c2.3,2.3,2.3,6,0,8.4
  628. c2.4-2.3,6.2-2.3,8.5,0.1L200.3,110.2z M67.1,77.7c0,4.6-3.8,8.4-8.4,8.4s-8.4-3.8-8.4-8.4c0-4.6,3.8-8.4,8.4-8.4
  629. S67.1,73.1,67.1,77.7z"/></svg></div>
  630. <div class="tags index">
  631. {block:Tags}<p><a href="{TagURL}">{Tag}</a></p>{/block:Tags}
  632. </div>
  633. {/block:HasTags}{/block:ifShowTags}
  634. </div>
  635. {/block:IndexPage}
  636.  
  637.  
  638. {block:Photo}
  639. <div class="photo">
  640. {LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" />{LinkCloseTag}
  641. </div>
  642. {/block:Photo}
  643.  
  644.  
  645. {block:Photoset}
  646. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">
  647. {block:Photos}
  648. <div class="photo-data">
  649. <div class="pxu-photo">
  650. <img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}">
  651. </div>
  652. <a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a>
  653. </div>
  654. {/block:Photos}
  655. </div>
  656. {/block:Photoset}
  657.  
  658.  
  659. {block:Video}
  660. <div class="video">{Video-500}</div>
  661. {/block:Video}
  662.  
  663.  
  664. {block:Audio}
  665. <div class="audio_outer">
  666. <div class="audio play">{AudioPlayerWhite}</div>
  667. <div class="audio info">
  668. {block:TrackName}<p><b>{TrackName}</b></p>{/block:TrackName}
  669. {block:Artist}{Artist}{/block:Artist}
  670. </div>
  671. </div>
  672. {/block:Audio}
  673.  
  674.  
  675. {block:Text}
  676. {block:Title}<h2>{Title}</h2>{/block:Title}
  677. {Body}
  678. {/block:Text}
  679.  
  680.  
  681. {block:Link}
  682. <h2><a href="{URL}" {Target}>{Name}</a></h2>
  683. {block:Description}{Description}{/block:Description}
  684. {/block:Link}
  685.  
  686.  
  687. {block:Answer}
  688. <div class="question_asker"><svg class="aq" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve" width="11px"><path d="M51.6,144.6l-6,34.1c-0.4,2.3,0.5,4.6,2.4,5.9c1,0.8,2.3,1.1,3.5,1.1c1,0,2-0.2,2.8-0.7l44.3-23.8c3.2,0.3,6.3,0.4,9.4,0.4
  689. c46.3,0,83.9-29.5,83.9-65.7c0-36.2-37.6-65.7-83.9-65.7S24.1,59.7,24.1,95.9C24.1,114.6,34.1,132.2,51.6,144.6z M108,42.3
  690. c39.6,0,71.9,24.1,71.9,53.7c0,29.6-32.3,53.7-71.9,53.7c-3.2,0-6.6-0.2-10-0.5c-1.2-0.1-2.4,0.1-3.5,0.7l-35,18.8l4.5-25.7
  691. c0.4-2.4-0.6-4.8-2.7-6.1c-16.1-10.3-25.3-25.1-25.3-40.8C36.1,66.4,68.4,42.3,108,42.3z"/></svg>{Asker} asked</div>
  692. <div class="question">{Question}</div>
  693. <div class="question_answer">{Answer}</div>
  694. {/block:Answer}
  695.  
  696.  
  697. {block:Quote}
  698. <div class="quote">{Quote}</div>
  699. {block:Source}<div class="source">{Source}</div>{/block:Source}
  700. {/block:Quote}
  701.  
  702.  
  703. {block:Chat}
  704. {block:Title}<h2>{Title}</h2>{/block:Title}
  705. {block:Lines}
  706. <p>{block:Label}<b>{Label}</b>{/block:Label} {Line}</p>
  707. {/block:Lines}
  708. {/block:Chat}
  709.  
  710.  
  711. {block:Caption}<div class="cap {block:IndexPage}{block:ifnotShowCaptions}cp{/block:ifnotShowCaptions}{/block:IndexPage}">{Caption}</div>{/block:Caption}
  712.  
  713.  
  714. {block:PermalinkPage}
  715. {block:Date}
  716. <div class="post_info">
  717. <p><b>Posted on {Month} {DayofMonth}, {Year}</b></p>
  718. {block:RebloggedFrom}
  719. <p>via <a href="{ReblogParentURL}">{ReblogParentName}</a></p>
  720. <p>source <a href="{ReblogRootURL}">{ReblogRootName}</a></p>
  721. {/block:RebloggedFrom}
  722. {block:HasTags}
  723. <div class="tags permalink">
  724. <svg class="tg" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve" width="11px"><path d="M95.2,186C95.3,186,95.3,186,95.2,186c1.7,0,3.2-0.6,4.3-1.7l64.8-66.7c2.3-2.4,2.3-6.1-0.1-8.4L94.7,39.7
  725. c-1.1-1.1-2.7-1.7-4.2-1.7c0,0,0,0,0,0l-67.1,0.1c-3.3,0-6,2.6-6,5.9L17,109.9c0,1.6,0.6,3.2,1.8,4.3l72.3,70.2
  726. C92.2,185.5,93.7,186,95.2,186z M29.4,50L88,49.8l63.6,63.6l-56.5,58.2L29,107.4L29.4,50z M200.3,110.2c2.3,2.3,2.3,6,0,8.4
  727. c2.4-2.3,6.2-2.3,8.5,0.1L200.3,110.2z M67.1,77.7c0,4.6-3.8,8.4-8.4,8.4s-8.4-3.8-8.4-8.4c0-4.6,3.8-8.4,8.4-8.4
  728. S67.1,73.1,67.1,77.7z"/></svg>
  729. {block:Tags}<a href="{TagURL}">{Tag}</a>{/block:Tags}
  730. </div>
  731. {/block:HasTags}
  732. </div>
  733. {/block:Date}
  734. {block:PostNotes}{PostNotes}{/block:PostNotes}
  735. {/block:PermalinkPage}
  736.  
  737.  
  738. </article>
  739. {/block:Posts}
  740. </section>
  741.  
  742.  
  743.  
  744. {block:IndexPage}{block:ifInfinitescroll}{block:ifManualLoad}
  745. <footer id="load">Load More</footer>
  746. {/block:ifManualLoad}{/block:ifInfinitescroll}{/block:IndexPage}
  747.  
  748.  
  749.  
  750. <a href="http://ladmilk.tumblr.com" style="padding:10px; bottom:5px; right:5px; position:fixed;" title="Theme by Heidi">cr.</a>
  751.  
  752.  
  753.  
  754. </body>
  755. </html>
Advertisement
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!