API tools faq
paste
Advertisement
ladmilk

Fifty Four

ladmilk
Apr 2nd, 2016
6,912
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.55 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3.  
  4. <!---
  5.  
  6. Theme #54 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
  13.  
  14. ---->
  15.  
  16. <head>
  17. <title>{Title}</title>
  18. {block:Description}
  19. <meta name="description" content="{MetaDescription}" />
  20. {/block:Description}
  21. <meta name="viewport" content="width=device-width, initial-scale=1">
  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:Posts" content="#ffffff" />
  27. <meta name="color:Odd Posts" content="#ebeef5" />
  28. <meta name="color:Text" content="#666666" />
  29. <meta name="color:Links" content="#abb1be" />
  30. <meta name="color:Links Hover" content="#75777e" />
  31. <meta name="color:Bold" content="#666666" />
  32. <meta name="color:Italic" content="#999999"/>
  33. <meta name="color:Blockquote" content="#dddddd" />
  34. <meta name="color:Scroll" content="#eeeeee" />
  35. <meta name="color:Scrollbar" content="#bbbbbb" />
  36.  
  37. <meta name="if:Fade In" content="1" />
  38. <meta name="if:Fixed Header" content="1" />
  39. <meta name="if:Full Photoset" content="0" />
  40. <meta name="if:Click to Show Perma" content="1" />
  41. <meta name="if:Click to Show Notes" content="1" />
  42. <meta name="if:Show Captions" content="0" />
  43. <meta name="if:Infinitescroll" content="0" />
  44. <meta name="if:Manual Load" content="0" />
  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="350" title="350px" />
  51. <meta name="select:Post Size" content="300" title="300px" />
  52. <meta name="select:Post Size" content="400" title="400px" />
  53. <meta name="select:Post Size" content="450" title="450px" />
  54. <meta name="select:Post Size" content="500" title="500px" />
  55. <meta name="select:Post Size" content="540" title="540px" />
  56.  
  57. <meta name="text:Ask Title" content="Message" />
  58. <meta name="text:Archive Title" content="Grid" />
  59. <meta name="text:Desc Title" content="About" />
  60. <meta name="text:Link1" content="" />
  61. <meta name="text:Title1" content="" />
  62. <meta name="text:Link2" content="" />
  63. <meta name="text:Title2" content="" />
  64.  
  65.  
  66. <link href="http://static.tumblr.com/3yblkz0/GXHo1pydu/pxu_ps.css" rel="stylesheet" type="text/css"/>
  67.  
  68.  
  69. <!----------- Font ---------------->
  70.  
  71.  
  72. <meta name="select:Body Font" content="Karla" title="Karla" />
  73. <meta name="select:Body Font" content="Open Sans" title="Open Sans" />
  74. <meta name="select:Body Font" content="Source Sans Pro" title="Source Sans Pro" />
  75. <meta name="select:Body Font" content="Lato" title="Lato" />
  76. <meta name="select:Body Font" content="Roboto" title="Roboto" />
  77. <meta name="select:Body Font" content="calibri" title="Calibri" />
  78. <meta name="select:Body Font" content="helvetica" title="Helvetica" />
  79. <meta name="select:Body Font" content="trebuchet ms" title="Trebuchet ms" />
  80. <meta name="select:Body Font" content="Lora" title="Lora" />
  81. <meta name="select:Body Font" content="Droid Serif" title="Droid Serif" />
  82. <meta name="select:Body Font" content="cambria" title="Cambria" />
  83. <meta name="select:Body Font" content="georgia" title="Georgia" />
  84. <meta name="select:Body Font" content="times new roman" title="Times New Roman" />
  85. <meta name="select:Body Font" content="courier" title="Courier" />
  86. <meta name="select:Body Font" content="consolas" title="Consolas" />
  87. <meta name="select:Body Font" content="lucida console" title="Lucida Console" />
  88.  
  89. <meta name="select:Body Font Size" content="10" title="10px" />
  90. <meta name="select:Body Font Size" content="9" title="9px" />
  91. <meta name="select:Body Font Size" content="11" title="11px" />
  92.  
  93. <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' />
  94.  
  95.  
  96. <style type="text/css">
  97.  
  98.  
  99.  
  100. /* Tumblr Controls */
  101.  
  102.  
  103. .t_b .tmblr-iframe--desktop-logged-in-controls, .tmblr-iframe, .t_b #tumblr_controls, #tumblr_controls {
  104. top:5px!important;
  105. right:5px!important;
  106. position:fixed!important;
  107. z-index:999999!important;
  108. }
  109.  
  110. .t_w .tmblr-iframe--desktop-logged-in-controls, .t_w #tumblr_controls {
  111. -webkit-filter:invert(100%);
  112. -moz-filter:invert(100%);
  113. -o-filter:invert(100%);
  114. -ms-filter:invert(100%);
  115. filter:invert(100%);
  116. opacity:0.3;
  117. }
  118.  
  119. .t_g .tmblr-iframe--desktop-logged-in-controls, .t_g #tumblr_controls {
  120. -webkit-filter:invert(70%);
  121. -moz-filter:invert(70%);
  122. -o-filter:invert(70%);
  123. -ms-filter:invert(70%);
  124. filter:invert(70%);
  125. opacity:0.4;
  126. }
  127.  
  128.  
  129.  
  130. /* Scrollbar */
  131.  
  132.  
  133. ::-webkit-scrollbar { width:11px; height:11px; }
  134.  
  135. ::-webkit-scrollbar-track-piece {
  136. background-color:{color:Scroll};
  137. border:5px solid {color:Background};
  138. }
  139. ::-webkit-scrollbar-thumb {
  140. background-color:{color:Scrollbar};
  141. border:5px solid {color:Background};
  142. }
  143.  
  144.  
  145.  
  146. /* Body - General */
  147.  
  148.  
  149. html, body, * { margin:0; padding:0; border:0; }
  150.  
  151. body {
  152. background-color:{color:Background};
  153. color:{color:Text};
  154. font-family:{select:Body Font}, arial, sans-serif;
  155. font-size:{select:Body Font Size}px;
  156. line-height:1.4em;
  157. word-wrap:break-word;
  158. -webkit-font-smoothing:antialiased;
  159. -moz-osx-font-smoothing:grayscale;
  160. }
  161.  
  162. p { margin:5px 0; }
  163.  
  164. p:first-of-type { margin-top:0; }
  165.  
  166. p:last-of-type { margin-bottom:0; }
  167.  
  168. pre {
  169. margin:5px 0;
  170. padding:2px 5px;
  171. background:#f5f5f5;
  172. white-space:pre-wrap;
  173. word-wrap:break-word;
  174. }
  175.  
  176. blockquote {
  177. margin:5px 0;
  178. padding:2px 10px;
  179. border-left:1px solid {color:Blockquote};
  180. }
  181.  
  182. hr {
  183. width:25%;
  184. margin:10px auto;
  185. border-top:1px solid {color:Blockquote};
  186. }
  187.  
  188. ul, ol { margin:5px 15px; }
  189.  
  190. .cap { margin:15px 0 0 0; text-align:center; }
  191.  
  192. .cap blockquote { border:0; }
  193.  
  194. .cap blockquote:last-of-type { margin-bottom:0; }
  195.  
  196. .cap blockquote p:first-of-type { display:inline; }
  197.  
  198. .cap ul, ol { list-style:none; }
  199.  
  200. .cp { display:none;}
  201.  
  202. .skew {
  203. width:100%;
  204. height:40px;
  205. left:0;
  206. position:absolute;
  207. background:{color:Posts};
  208. -webkit-transform: skew(0, 2.5deg);
  209. -ms-transform: skew(0, 2.5deg);
  210. transform: skew(0, 2.5deg);
  211. z-index:-1;
  212. }
  213.  
  214. #about, #load, .perma svg { cursor:pointer; }
  215.  
  216. a, svg, .tri, .gogo {
  217. -webkit-transition:all .4s linear;
  218. -moz-transition:all .4s linear;
  219. -o-transition:all .4s linear;
  220. transition:all .4s linear;
  221. }
  222.  
  223.  
  224.  
  225. /* Common Typography */
  226.  
  227.  
  228. a { color:{color:Links}; text-decoration:none; }
  229.  
  230. a:hover { color:{color:Links Hover}; }
  231.  
  232. b, strong { color:{color:Bold}; font-weight:bold; }
  233.  
  234. i, em { color:{color:Italic}; font-style:italic; }
  235.  
  236. small, sub, sup { font-size:.9em; }
  237.  
  238. big { font-size:1.1em; }
  239.  
  240. sub, sup, small, big { vertical-align:baseline; }
  241.  
  242. h1, h2, h3, h4 {
  243. margin:5px 0;
  244. font-weight:normal;
  245. line-height:1.4em;
  246. }
  247.  
  248. .question, .reblog_from, .tags {
  249. font-size:8px;
  250. letter-spacing:1px;
  251. text-transform:uppercase;
  252. }
  253.  
  254.  
  255.  
  256. /* Center Wrapper - Posts */
  257.  
  258.  
  259. .main {
  260. width:calc({select:Post Size}px + 46px*2);
  261. margin:0 auto;
  262. position:relative;
  263. }
  264.  
  265. #wrapper {
  266. width:calc({select:Post Size}px + 46px*2);
  267. min-height:calc(100vh - 114px*2 - 15px - 55px);
  268. position:relative;
  269. {block:ifFixedHeader}
  270. margin:129px auto 0 auto;
  271. {/block:ifFixedHeader}
  272. {block:ifnotFixedHeader}
  273. margin:15px auto 0 auto;
  274. {/block:ifnotFixedHeader}
  275. }
  276.  
  277. .posts_outer {
  278. width:calc({select:Post Size}px + 46px*2);
  279. position:relative;
  280. }
  281.  
  282. .posts {
  283. width:{select:Post Size}px;
  284. padding:50px 46px;
  285. background:{color:Posts};
  286. }
  287.  
  288. .post_header, .post_footer {
  289. height:20px;
  290. position:relative;
  291. }
  292.  
  293. .posts_outer:nth-of-type(odd) .posts,
  294. .posts_outer:nth-of-type(odd) .skew {
  295. background:{color:Odd Posts};
  296. }
  297.  
  298. .skew.top { top:0px; }
  299.  
  300. .skew.bottom { bottom:0; }
  301.  
  302.  
  303.  
  304. /* Image */
  305.  
  306.  
  307. .posts img, img :not(.lightbox-image) { max-width:100%; height:auto; }
  308.  
  309. .photo img { width:100%; display:block; }
  310.  
  311.  
  312.  
  313. /* Photoset */
  314.  
  315.  
  316. .tmblr-lightbox, #tumblr_lightbox {
  317. background:rgba({RGBcolor:Background}, 1)!important;
  318. }
  319.  
  320. .vignette, #vignette, .lightbox-caption, #tumblr_lightbox_caption {
  321. opacity:0!important;
  322. }
  323.  
  324. .lightbox-image, #tumblr_lightbox img {
  325. padding:0!important;
  326. -webkit-border-radius:0px!important;
  327. -moz-border-radius:0px!important;
  328. border-radius:0px!important;
  329. -webkit-box-shadow:none!important;
  330. -moz-box-shadow:none!important;
  331. box-shadow:none!important;
  332. }
  333.  
  334. .ps { cursor:zoom-in; }
  335.  
  336.  
  337.  
  338. /* Video */
  339.  
  340.  
  341. .video, .video iframe { display:block; overflow:hidden; }
  342.  
  343.  
  344.  
  345. /* Audio */
  346.  
  347.  
  348. .audio { width:100%; display:table; }
  349.  
  350. .audio_info, .player { display:table-cell; vertical-align:middle; }
  351.  
  352. .player { width:62px; }
  353.  
  354. iframe.tumblr_audio_player {
  355. width:30px;
  356. height:30px;
  357. padding:15px;
  358. display:block;
  359. overflow:hidden;
  360. border:1px solid {color:Odd Posts};
  361. border-radius:100%;
  362. background:#fff;
  363. }
  364.  
  365. .audio_info {
  366. padding-left:20px;
  367. font-size:1.4em;
  368. line-height:1.4em;
  369. }
  370.  
  371.  
  372.  
  373. /* Ask */
  374.  
  375.  
  376. .question a { color:{color:Text}; }
  377.  
  378. .question span { margin:0 5px; }
  379.  
  380. .question.reb { margin-top:15px; }
  381.  
  382. .question.reb p { margin-right:5px; display:inline; }
  383.  
  384. .question_answer { margin-top:15px; }
  385.  
  386. .question_answer:empty { margin:0; }
  387.  
  388.  
  389.  
  390. /* Quote */
  391.  
  392.  
  393. .quote {
  394. font-size:1.4em;
  395. line-height:1.4em;
  396. text-align:center;
  397. }
  398.  
  399. .source {
  400. margin-top:15px;
  401. text-align:center;
  402. }
  403.  
  404.  
  405.  
  406. /* Perma - Index page */
  407.  
  408.  
  409. .post_header .perma {
  410. width:16px;
  411. top:20px;
  412. right:15px;
  413. position:absolute;
  414. }
  415.  
  416. {block:ifClicktoShowPerma}
  417. .perma .perma_inner { display:none; }
  418. {/block:ifClicktoShowPerma}
  419.  
  420. svg {
  421. width:16px;
  422. display:block;
  423. fill:{color:Links};
  424. }
  425.  
  426. .perma svg {
  427. margin:0 auto 5px auto;
  428. display:block;
  429. }
  430.  
  431. svg:hover, a:hover svg,
  432. .perma .like:hover svg,
  433. .perma.active .perma_click { fill:{color:Links Hover}; }
  434.  
  435. .perma .like {
  436. width:16px;
  437. height:16px;
  438. position:relative;
  439. overflow:hidden;
  440. }
  441.  
  442. .perma .like .like_button iframe {
  443. width:100%;
  444. height:100%;
  445. top:0;
  446. bottom:0;
  447. left:0;
  448. right:0;
  449. position:absolute;
  450. opacity:0;
  451. z-index:10;
  452. }
  453.  
  454. .perma .like .like_button.liked + svg { fill:#ff6666; }
  455.  
  456.  
  457.  
  458. /* Post Info - Permalink page */
  459.  
  460.  
  461. .date {
  462. width:100%;
  463. top:30px;
  464. position:absolute;
  465. font-weight:bold;
  466. line-height:10px;
  467. text-align:center;
  468. }
  469.  
  470. .reblog_from {
  471. width:calc(100% - 20px*2);
  472. bottom:15px;
  473. padding:0 20px;
  474. position:absolute;
  475. color:{color:Links};
  476. text-align:right;
  477. }
  478.  
  479. .reblog_from span { margin:0 5px; }
  480.  
  481. .post_info { margin:20px 0 55px 0; }
  482.  
  483. .post_click {
  484. display:none;
  485. cursor:pointer;
  486. }
  487.  
  488. .ll { display:block; }
  489.  
  490. .hidden {
  491. padding-left:2px;
  492. {block:ifClicktoShowNotes}
  493. display:none;
  494. {/block:ifClicktoShowNotes}
  495. }
  496.  
  497. .hidden:empty .post_click { display:none; }
  498.  
  499. .tags { margin-top:15px; }
  500.  
  501. .tags a:after {
  502. content:"/";
  503. padding:0 5px;
  504. color:{color:Links};
  505. }
  506.  
  507. .tags a:last-of-type:after { display:none; }
  508.  
  509. ol.notes {
  510. margin:15px 0 0 0;
  511. list-style:none;
  512. }
  513.  
  514. li.note img.avatar { display:none; }
  515.  
  516. .more_notes_link_container {
  517. text-align:left!important;
  518. text-transform:lowercase;
  519. }
  520.  
  521.  
  522.  
  523. /* Header - Footer */
  524.  
  525.  
  526. .skew.header { bottom:-15px; background:{color:Posts}; }
  527.  
  528. .skew.footer { top:-15px; background:{color:Odd Posts}; }
  529.  
  530. header, footer {
  531. width:{select:Post Size}px;
  532. height:34px;
  533. padding:40px 46px;
  534. line-height:34px;
  535. }
  536.  
  537. header {
  538. top:0;
  539. min-height:34px;
  540. height:auto;
  541. {block:ifFixedHeader}
  542. position:fixed;
  543. {/block:ifFixedHeader}
  544. {block:ifnotFixedHeader}
  545. position:relative;
  546. {/block:ifnotFixedHeader}
  547. background:{color:Posts};
  548. z-index:9999;
  549. }
  550.  
  551. header h2 { margin:0; display:inline; }
  552.  
  553. nav { float:right; text-align:right; }
  554.  
  555. nav a { margin-left:10px; position:relative; }
  556.  
  557. .about {
  558. margin-top:30px;
  559. display:none;
  560. clear:both;
  561. color:{color:Links};
  562. line-height:2em;
  563. text-align:center;
  564. }
  565.  
  566. footer {
  567. margin:15px auto 0 auto;
  568. position:relative;
  569. background:{color:Odd Posts};
  570. {block:ifManualLoad}
  571. text-align:center;
  572. {/block:ifManualLoad}
  573. }
  574.  
  575. #next { float:right; }
  576.  
  577. {block:ifInfinitescroll}
  578. #infscr-loading, .pagination { display:none!important; }
  579. {/block:ifInfinitescroll}
  580.  
  581.  
  582.  
  583. /* Fade In */
  584.  
  585.  
  586. {block:ifFadeIn}
  587. @keyframes fadein {
  588. from { opacity: 0; }
  589. to { opacity: 1; }
  590. }
  591. @-moz-keyframes fadein {
  592. from { opacity: 0; }
  593. to { opacity: 1; }
  594. }
  595. @-webkit-keyframes fadein {
  596. from { opacity: 0; }
  597. to { opacity: 1; }
  598. }
  599. @-ms-keyframes fadein {
  600. from { opacity: 0; }
  601. to { opacity: 1; }
  602. }
  603. @-o-keyframes fadein {
  604. from { opacity: 0; }
  605. to { opacity: 1; }
  606. }
  607.  
  608. #wrapper, header, footer {
  609. -webkit-animation: fadein 1.5s;
  610. -moz-animation: fadein 1.5s;
  611. -ms-animation: fadein 1.5s;
  612. -o-animation: fadein 1.5s;
  613. animation: fadein 1.5s;
  614. }
  615. {/block:ifFadeIn}
  616.  
  617.  
  618. {CustomCSS}
  619.  
  620.  
  621.  
  622. </style>
  623.  
  624.  
  625. <!---- Scripts ---->
  626.  
  627.  
  628. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  629.  
  630. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  631. <script src="http://static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  632. {block:ifInfinitescroll}
  633. <script src="http://static.tumblr.com/3yblkz0/OZInz27pe/jquery.infinitescroll.min.js"></script>
  634. {/block:ifInfinitescroll}
  635.  
  636.  
  637. <script>
  638. $(document).ready(function(){
  639. $('.photo-slideshow').pxuPhotoset({
  640. lightbox: true,
  641. highRes: true,
  642. rounded: false,
  643. gutter: '1px',
  644. photoset: '.photo-slideshow',
  645. photoWrap: '.photo-data',
  646. photo: '.pxu-photo',
  647. });
  648. {block:ifClicktoShowPerma}
  649. $('.perma_click').click(function(){
  650. $(this).parents('.perma').toggleClass('active');
  651. $(this).parents('.perma').find(".perma_inner").fadeToggle();
  652. return false;
  653. });
  654. {/block:ifClicktoShowPerma}
  655. $('.post_click').click(function(){
  656. $(this).parents('.posts_outer').find(".hidden").slideToggle();
  657. return false;
  658. });
  659. $('#about').click(function(){
  660. $('.about').slideToggle()
  661. return false;
  662. });
  663. {block:ifInfinitescroll}
  664. var $container = $('#wrapper');
  665. $container.infinitescroll({
  666. itemSelector: ".posts_outer",
  667. navSelector: ".pagination",
  668. nextSelector: ".pagination a#next",
  669. loadingImg: "",
  670. loadingText: "<em> </em>",
  671. bufferPx: 1000,
  672. extraScrollPx: 500,
  673. {block:ifManualLoad}
  674. errorCallback: function(){ jQuery('#load').delay(50).fadeOut(); },
  675. {/block:ifManualLoad}
  676. },
  677. function( newElements ) {
  678. var $newElems = $(newElements);
  679. resizeVideos();
  680. $(newElements).find('.photo-slideshow').pxuPhotoset({
  681. lightbox: true,
  682. highRes : true,
  683. rounded: false,
  684. gutter: '1px',
  685. photoset: '.photo-slideshow',
  686. photoWrap: '.photo-data',
  687. photo: '.pxu-photo',
  688. });
  689. {block:ifClicktoShowPerma}
  690. $(newElements).find('.perma_click').click(function(){
  691. $(this).parents('.perma').toggleClass('active');
  692. $(this).parents('.perma').find(".perma_inner").fadeToggle();
  693. return false;
  694. });
  695. {/block:ifClicktoShowPerma}
  696. var $newElemsIDs = $(newElements).map(function (){return this.id;}).get();
  697. Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
  698. });
  699. {block:ifManualLoad}
  700. $(window).unbind('.infscr');
  701. $('#load').click(function() {
  702. $container.infinitescroll('retrieve');return false;
  703. });
  704. {/block:ifManualLoad}
  705. {/block:ifInfinitescroll}
  706. });
  707. </script>
  708.  
  709.  
  710. </head>
  711. <body class="{select:Tumblr Controls}">
  712.  
  713.  
  714.  
  715. <div class="main">
  716.  
  717.  
  718.  
  719. <header>
  720. <div class="skew header"></div>
  721. <h2><a href="/">{Title}</a></h2>
  722. <nav>
  723. {block:ifAskTitle}<a href="/ask">{text:Ask Title}</a>{/block:ifAskTitle}
  724. {block:ShowDescription}<a id="about">{text:Desc Title}</a>{/block:ShowDescription}
  725. {block:ifLink1}<a href="{text:Link1}">{text:Title1}</a>{/block:ifLink1}
  726. {block:ifLink2}<a href="{text:Link2}">{text:Title2}</a>{/block:ifLink2}{block:ifArchiveTitle}<a href="/archive">{text:Archive Title}</a>{/block:ifArchiveTitle}
  727. </nav>
  728. {block:ShowDescription}<div class="about">{Description}</div>{/block:ShowDescription}
  729. </header>
  730.  
  731.  
  732.  
  733. <section id="wrapper">
  734. {block:Posts}
  735. <article class="posts_outer" id="{PostID}">
  736.  
  737.  
  738. <div class="post_header">
  739. <div class="skew top"></div>
  740. {block:IndexPage}
  741. <div class="perma">
  742. {block:ifClicktoShowPerma}
  743. <svg class="perma_click" x="0px" y="0px" viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><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>
  744. {/block:ifClicktoShowPerma}
  745. <div class="perma_inner">
  746. <a href="{Permalink}"><svg x="0px" y="0px" viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M102,79v-6c0-3.3,2.7-6,6-6s6,2.7,6,6v6c0,3.3-2.7,6-6,6S102,82.3,102,79z M96,109h6v34c0,3.3,2.7,6,6,6s6-2.7,6-6v-40
  747. c0-3.3-2.7-6-6-6H96c-3.3,0-6,2.7-6,6S92.7,109,96,109z M186.1,35.9v144.2c0,3.3-2.7,6-6,6H35.9c-3.3,0-6-2.7-6-6V35.9
  748. c0-3.3,2.7-6,6-6h144.2C183.4,29.9,186.1,32.6,186.1,35.9z M174.1,41.9H41.9v132.2h132.2V41.9z"/></svg></a>
  749. <a href="{ReblogURL}"><svg x="0px" y="0px" viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><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
  750. 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
  751. 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
  752. 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>
  753. <div class="like">
  754. {LikeButton}
  755. <svg x="0px" y="0px" viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M148,37.8c-3.9,0-7.5,0.6-10.8,1.9c-15.1,5.7-24.6,17.8-29.8,26.7c-6-8.6-16.1-20.5-27.6-24.4c-3.8-1.3-8.1-2-12.3-2
  756. c-10.7,0-20.3,4.1-27,11.5c-5.7,6.2-12,18-10,38.8c4.1,42.6,71.5,87.1,74.3,88.9c1,0.7,2.1,1,3.3,1c1.1,0,2.3-0.3,3.3-1
  757. c2.7-1.8,66.5-43.6,73.7-86.1c3.7-21.8-2.7-34.9-8.8-42.1C169.2,42.7,158.6,37.8,148,37.8z M173.1,91c-2.6,15.2-15.1,33.4-36.1,52.7
  758. c-11.9,10.9-23.5,19.4-29,23.2c-5.7-4-17.9-12.9-30.3-24.3C56,122.5,43.8,104,42.3,89c-1.3-13,1.1-23.2,6.9-29.6
  759. c6-6.6,13.9-7.6,18.1-7.6c3,0,5.9,0.5,8.5,1.3c11.4,3.9,23.3,21.7,26.9,28.3c1.1,2.1,3.4,3.3,5.7,3.1c2.4-0.2,4.4-1.7,5.2-4
  760. c0.1-0.2,8.2-22.4,27.7-29.7c1.9-0.7,4.2-1.1,6.6-1.1c7.2,0,14.3,3.3,19,9C173.3,66.2,175.5,77.4,173.1,91z"/>
  761. </svg>
  762. </div>
  763. </div>
  764. </div>
  765. {/block:IndexPage}
  766. {block:PermalinkPage}
  767. {block:Date}
  768. <div class="date">{Month} {DayOfMonth}</div>
  769. {/block:Date}
  770. {/block:PermalinkPage}
  771. </div>
  772.  
  773.  
  774. <div class="posts">
  775.  
  776.  
  777. {block:ContentSource}
  778. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  779. {/block:SourceLogo}
  780. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  781. {/block:ContentSource}
  782.  
  783.  
  784. {block:Photo}
  785. <div class="photo">
  786. {LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" />{LinkCloseTag}
  787. </div>
  788. {/block:Photo}
  789.  
  790.  
  791. {block:Photoset}
  792. {block:IndexPage}
  793. {block:ifnotFullPhotoset}
  794. <a href="#" class="ps" onclick="Tumblr.Lightbox.init([/*{block:Photos}, /**/ { width: {PhotoWidth-HighRes}, height: {PhotoHeight-HighRes}, low_res: '{PhotoURL-500}', high_res: '{PhotoURL-HighRes}' }{/block:Photos}]); $('body').toggleClass('tumblr_lightbox_active'); return false">
  795. {block:Photos}<div class="photo"><img src="{PhotoURL-HighRes}"></div><!--{/block:Photos}-->
  796. </a>
  797. {/block:ifnotFullPhotoset}
  798. {block:ifFullPhotoset}
  799. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">
  800. {block:Photos}
  801. <div class="photo-data">
  802. <div class="pxu-photo">
  803. <img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}">
  804. </div>
  805. <a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a>
  806. </div>
  807. {/block:Photos}
  808. </div>
  809. {/block:ifFullPhotoset}
  810. {/block:IndexPage}
  811. {block:PermalinkPage}
  812. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">
  813. {block:Photos}
  814. <div class="photo-data">
  815. <div class="pxu-photo">
  816. <img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}">
  817. </div>
  818. <a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a>
  819. </div>
  820. {/block:Photos}
  821. </div>
  822. {/block:PermalinkPage}
  823. {/block:Photoset}
  824.  
  825.  
  826. {block:Video}
  827. <div class="video">{Video-500}</div>
  828. {/block:Video}
  829.  
  830.  
  831. {block:Audio}
  832. <div class="audio">
  833. <div class="player">{AudioPlayer}</div>
  834. <div class="audio_info">
  835. {block:TrackName}{TrackName}{/block:TrackName}
  836. {block:Artist}by {Artist}{/block:Artist}
  837. </div>
  838. </div>
  839. {/block:Audio}
  840.  
  841.  
  842. {block:Text}
  843. {block:Title}<h2>{Title}</h2>{/block:Title}
  844. {Body}
  845. {/block:Text}
  846.  
  847.  
  848. {block:Link}
  849. <h2><a href="{URL}" {Target}>{Name}</a></h2>
  850. {block:Description}{Description}{/block:Description}
  851. {/block:Link}
  852.  
  853.  
  854. {block:Answer}
  855. <div class="question">{Asker}<span>/</span>{Question}</div>
  856. {block:Answerer}
  857. <div class="question reb">{Answerer}<span>/</span>{Answer}</div>
  858. {/block:Answerer}
  859. <div class="question_answer">{Replies}</div>
  860. {/block:Answer}
  861.  
  862.  
  863. {block:Quote}
  864. <div class="quote">{Quote}</div>
  865. {block:Source}<div class="source">{Source}</div>{/block:Source}
  866. {/block:Quote}
  867.  
  868.  
  869. {block:Chat}
  870. {block:Title}<h2>{Title}</h2>{/block:Title}
  871. {block:Lines}
  872. <p>{block:Label}<b>{Label}</b>{/block:Label} {Line}</p>
  873. {/block:Lines}
  874. {/block:Chat}
  875.  
  876.  
  877. {block:Caption}<div class="cap {block:IndexPage}{block:ifnotShowCaptions}cp{/block:ifnotShowCaptions}{/block:IndexPage}">{Caption}</div>{/block:Caption}
  878.  
  879.  
  880. </div>
  881.  
  882.  
  883. <div class="post_footer">
  884. <div class="skew bottom"></div>
  885. {block:PermalinkPage}
  886. {block:RebloggedFrom}
  887. <div class="reblog_from">
  888. <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a><span>/</span><a href="{ReblogRootURL}" title="{ReblogRootName}">src</a>
  889. </div>
  890. {/block:RebloggedFrom}
  891. {/block:PermalinkPage}
  892. </div>
  893.  
  894.  
  895. {block:PermalinkPage}
  896. {block:Date}
  897. <div class="post_info">
  898. {block:ifClicktoShowNotes}
  899. <div class="post_click {block:HasTags}ll{/block:HasTags} {block:PostNotes}ll{/block:PostNotes}"><svg x="0px" y="0px" viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><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>
  900. {/block:ifClicktoShowNotes}
  901. <div class="hidden">
  902. {block:HasTags}
  903. <div class="tags">{block:Tags}<a href="{TagURL}">{Tag}</a>{/block:Tags}</div>
  904. {/block:HasTags}
  905. {block:PostNotes}{PostNotes}{/block:PostNotes}
  906. </div>
  907. </div>
  908. {/block:Date}
  909. {/block:PermalinkPage}
  910.  
  911.  
  912. </article>
  913. {/block:Posts}
  914. </section>
  915.  
  916.  
  917.  
  918. <footer>
  919. <div class="skew footer"></div>
  920. {block:Pagination}
  921. <div class="pagination">{block:PreviousPage}<a href="{PreviousPage}">Previous</a>{/block:PreviousPage}{block:NextPage}<a id="next" href="{NextPage}">Next</a>{/block:NextPage}</div>
  922. {/block:Pagination}
  923. {block:IndexPage}{block:ifInfinitescroll}{block:ifManualLoad}
  924. <a id="load">load more</a>
  925. {/block:ifManualLoad}{/block:ifInfinitescroll}{/block:IndexPage}
  926. </footer>
  927.  
  928.  
  929.  
  930. </div>
  931.  
  932.  
  933.  
  934. <a href="http://ladmilk.tumblr.com" style="padding:10px; bottom:5px; left:5px; position:fixed;" title="Theme by Heidi">cr.</a>
  935.  
  936.  
  937.  
  938. </body>
  939. </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!