ladmilk

Fifty Four

Apr 2nd, 2016
6,603
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  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>
RAW Paste Data