SHARE
TWEET

Fifty Four

ladmilk Apr 2nd, 2016 (edited) 5,755 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
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
 
Top