daily pastebin goal
40%
SHARE
TWEET

Fifty Two

ladmilk Aug 28th, 2015 (edited) 7,782 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html>
  2. <html>
  3.  
  4.  
  5. <!---
  6.  
  7. Theme #52 by Heidi @ladmilk
  8.  
  9.  
  10. Credit:
  11. Masonry: (masonry.desandro.com)
  12. Infinitescroll: Paulirish (https://github.com/infinite-scroll/infinite-scroll)
  13. Tool-tips: Malihu (manos.malihu.gr/style-my-tooltips-jquery-plugin/)
  14. Photoset: PixelUnion (https://github.com/PixelUnion/Extended-Tumblr-Photoset)
  15. Video Resizing: Shy Themes (http://shythemes.tumblr.com/post/134536748863/tutorial-resizing-videos)
  16. Lightbox: Shy Themes (http://shythemes.tumblr.com/post/140444996328/tutorial-lightboxes)
  17. Icons: (https://dribbble.com/shots/1684758-Free-Basic-Navigation-Icons-vector-file)
  18.  
  19. ---->
  20.  
  21.  
  22. <head>
  23. <title>{Title}</title>
  24. {block:Description}
  25. <meta name="description" content="{MetaDescription}" />
  26. {/block:Description}
  27. <link rel="shortcut icon" href="{FavIcon}" />
  28. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  29.  
  30. <meta name="color:Background" content="#f8f8f8" />
  31. <meta name="color:Posts" content="#ffffff" />
  32. <meta name="color:Post Title" content="#888888" />
  33. <meta name="color:Text" content="#999999" />
  34. <meta name="color:Links" content="#bbbbbb" />
  35. <meta name="color:Links Hover" content="#444444" />
  36. <meta name="color:Bold" content="#97b8e9" />
  37. <meta name="color:Italic" content="#bbbbbb"/>
  38. <meta name="color:Blockquote" content="#dddddd"/>
  39. <meta name="color:Accent" content="#bad0f1" />
  40. <meta name="color:Perma" content="#bad0f1" />
  41. <meta name="color:Scroll" content="#aaaaaa" />
  42. <meta name="color:Scrollbar" content="#dddddd" />
  43.  
  44.  
  45. <meta name="image:Background" content="" />
  46.  
  47.  
  48. <meta name="if:Columns" content="1" />
  49. <meta name="if:Border Radius" content="1" />
  50.  
  51. <meta name="if:Reblog Button" content="1" />
  52. <meta name="if:Like Button" content="1" />
  53.  
  54. <meta name="if:Scroll To Top" content="1" />
  55. <meta name="if:Infinitescroll" content="0" />
  56. <meta name="if:Manual Load" content="0" />
  57.  
  58.  
  59. <meta name="select:Tumblr Controls" content="t_w" title="White" />
  60. <meta name="select:Tumblr Controls" content="t_g" title="Grey" />
  61. <meta name="select:Tumblr Controls" content="t_b" title="Black" />
  62.  
  63. <meta name="select:Columns" content="4" title="4" />
  64. <meta name="select:Columns" content="2" title="2" />
  65. <meta name="select:Columns" content="3" title="3" />
  66. <meta name="select:Columns" content="5" title="5" />
  67. <meta name="select:Columns" content="6" title="6" />
  68.  
  69. <meta name="select:Post Size" content="150" title="150px" />
  70. <meta name="select:Post Size" content="200" title="200px" />
  71. <meta name="select:Post Size" content="250" title="250px" />
  72. <meta name="select:Post Size" content="300" title="300px" />
  73. <meta name="select:Post Size" content="350" title="350px" />
  74. <meta name="select:Post Size" content="400" title="400px" />
  75.  
  76. <meta name="select:Post Size Permalinkpage" content="350" title="350px" />
  77. <meta name="select:Post Size Permalinkpage" content="250" title="250px" />
  78. <meta name="select:Post Size Permalinkpage" content="300" title="300px" />
  79. <meta name="select:Post Size Permalinkpage" content="400" title="400px" />
  80. <meta name="select:Post Size Permalinkpage" content="450" title="450px" />
  81. <meta name="select:Post Size Permalinkpage" content="500" title="500px" />
  82.  
  83. <meta name="text:Ask Title" content="message" />
  84. <meta name="text:Archive Title" content="archive" />
  85. <meta name="text:Link1" content="" />
  86. <meta name="text:Title1" content="" />
  87. <meta name="text:Link2" content="" />
  88. <meta name="text:Title2" content="" />
  89. <meta name="text:Link3" content="" />
  90. <meta name="text:Title3" content="" />
  91. <meta name="text:Link4" content="" />
  92. <meta name="text:Title4" content="" />
  93. <meta name="text:Link5" content="" />
  94. <meta name="text:Title5" content="" />
  95. <meta name="text:Link6" content="" />
  96. <meta name="text:Title6" content="" />
  97.  
  98.  
  99. <link href="http://static.tumblr.com/3yblkz0/GXHo1pydu/pxu_ps.css" rel="stylesheet" type="text/css"/>
  100.  
  101.  
  102. <!----------- Font ---------------->
  103.  
  104.  
  105. <meta name="select:Body Font" content="Karla" title="Karla" />
  106. <meta name="select:Body Font" content="Source Sans Pro" title="Source Sans Pro" />
  107. <meta name="select:Body Font" content="Open Sans" title="Open Sans" />
  108. <meta name="select:Body Font" content="Lato" title="Lato" />
  109. <meta name="select:Body Font" content="Roboto" title="Roboto" />
  110. <meta name="select:Body Font" content="calibri" title="Calibri" />
  111. <meta name="select:Body Font" content="helvetica" title="Helvetica" />
  112. <meta name="select:Body Font" content="trebuchet ms" title="Trebuchet ms" />
  113. <meta name="select:Body Font" content="Lora" title="Lora" />
  114. <meta name="select:Body Font" content="Droid Serif" title="Droid Serif" />
  115. <meta name="select:Body Font" content="cambria" title="Cambria" />
  116. <meta name="select:Body Font" content="georgia" title="Georgia" />
  117. <meta name="select:Body Font" content="times new roman" title="Times New Roman" />
  118. <meta name="select:Body Font" content="courier" title="Courier" />
  119. <meta name="select:Body Font" content="consolas" title="Consolas" />
  120. <meta name="select:Body Font" content="lucida console" title="Lucida Console" />
  121.  
  122. <meta name="select:Body Font Size" content="10" title="10px" />
  123. <meta name="select:Body Font Size" content="9" title="9px" />
  124. <meta name="select:Body Font Size" content="11" title="11px" />
  125.  
  126. <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:400,700' rel='stylesheet' type='text/css' />
  127.    
  128.    
  129.    
  130. <style type="text/css">
  131.    
  132.    
  133.  
  134. /* Tumblr Controls */
  135.  
  136.  
  137. .t_b .tmblr-iframe--desktop-logged-in-controls, .tmblr-iframe, .t_b #tumblr_controls, #tumblr_controls {
  138.     top:5px!important;
  139.     right:5px!important;
  140.     position:fixed!important;
  141.     z-index:999999!important;
  142.     }
  143.  
  144. .t_w .tmblr-iframe--desktop-logged-in-controls, .t_w #tumblr_controls {
  145.     -webkit-filter:invert(100%);
  146.     -moz-filter:invert(100%);
  147.     -o-filter:invert(100%);
  148.     -ms-filter:invert(100%);
  149.     filter:invert(100%);
  150.     opacity:0.3;
  151.     }
  152.  
  153. .t_g .tmblr-iframe--desktop-logged-in-controls, .t_g #tumblr_controls  {
  154.     -webkit-filter:invert(70%);
  155.     -moz-filter:invert(70%);
  156.     -o-filter:invert(70%);
  157.     -ms-filter:invert(70%);
  158.     filter:invert(70%);
  159.     opacity:0.4;
  160.     }
  161.    
  162.    
  163.  
  164. /* Scroll */
  165.  
  166.  
  167. ::-webkit-scrollbar { width:11px; height:11px; }
  168.  
  169. ::-webkit-scrollbar-track-piece {
  170.     background-color:{color:Scroll};
  171.     border:5px solid {color:Background};
  172.     }
  173.    
  174. ::-webkit-scrollbar-thumb {
  175.     background-color:{color:Scrollbar};
  176.     border:5px solid {color:Background};
  177.     }  
  178.  
  179.  
  180.  
  181. /* Body - General - Universal */
  182.  
  183.  
  184. html, body, * { margin:0; padding:0; border:0; }
  185.    
  186. body {    
  187.     background:url('{image:Background}');
  188.     background-attachment:fixed;
  189.     background-repeat:repeat;
  190.     background-color:{color:Background};
  191.     color:{color:Text};
  192.     font-family:{select:Body Font}, arial, sans-serif;
  193.     font-size:{select:Body Font Size}px;
  194.     line-height:1.4em;
  195.     word-wrap:break-word;
  196.     -webkit-font-smoothing:antialiased;
  197.     -moz-osx-font-smoothing:grayscale;
  198.     }
  199.  
  200. p { margin:5px 0; }
  201.  
  202. p:first-of-type, .chat p:first-of-type { margin-top:0; }
  203.  
  204. p:last-of-type, .chat p:last-of-type { margin-bottom:0; }
  205.    
  206. pre {
  207.     margin:5px 0;
  208.     padding:2px 5px;
  209.     background:#f0f0f0;
  210.     white-space:pre-wrap;    
  211.     word-wrap:break-word;
  212.     }  
  213.  
  214. blockquote {
  215.     margin:5px 0;
  216.     padding:0 10px;
  217.     border-left:1px solid {color:Blockquote};
  218.     }      
  219.  
  220. hr {
  221.     width:25%;
  222.     margin:10px auto;
  223.     border-top:1px solid {color:Blockquote};
  224.     }
  225.  
  226. ol { margin:5px 0 5px 14px; }  
  227.  
  228. ul { margin:5px 0; list-style-type:none; }
  229.  
  230. ul li { padding-left:15px; position:relative; }
  231.  
  232. ul li:before {
  233.     content:"—";
  234.     left:0;
  235.     position:absolute;
  236.     color:{color:Blockquote};
  237.     font-family:arial, sans-serif;
  238.     }
  239.    
  240. .cap {    
  241.     padding:7px;
  242.     box-sizing:border-box;
  243.     background:{color:Posts};
  244.     }
  245.    
  246. header, #wrapper, .pagination, footer {
  247. {block:IndexPage}
  248.     width:calc(({select:Post Size}px + 20px*2){block:ifColumns}*{select:Columns}{/block:ifColumns});
  249. {/block:IndexPage}
  250. {block:PermalinkPage}
  251.     width:calc({select:Post Size Permalinkpage}px + 20px*2);
  252. {/block:PermalinkPage}
  253.     }
  254.    
  255. {block:ifBorderRadius}
  256. .posts, .posts_inner, .photo, .video, .video iframe, .cap, .audio_outer {
  257.     -webkit-border-radius:3px!important;
  258.     -moz-border-radius:3px!important;
  259.     border-radius:3px!important;
  260.     overflow:hidden;
  261.     }  
  262. {/block:ifBorderRadius}
  263.  
  264. a, svg, .audio, .perma, .controls {
  265.     -webkit-transition:all .4s linear;
  266.     -moz-transition:all .4s linear;
  267.     -o-transition:all .4s linear;
  268.     transition:all .4s linear;  
  269.     }
  270.    
  271.    
  272.    
  273. /* Common Typography */
  274.  
  275.  
  276. a { color:{color:Links}; text-decoration:none;  }
  277.    
  278. a:hover { color:{color:Links Hover}; }
  279.  
  280. .posts a:not(.tumblr-box):not(.posts_inner h2 a):not(.question_asker a):not(.tg a), a.tumblr_blog {
  281.     border-bottom:1px solid {color:Accent};
  282.     }
  283.  
  284. b, strong { color:{color:Bold}; font-weight:bold; }
  285.  
  286. i, em { color:{color:Italic}; font-style:italic; }
  287.    
  288. small, sub, sup { font-size:.9em; }
  289.  
  290. big { font-size:1.1em; }
  291.  
  292. sub, sup, small, big { vertical-align:baseline; }    
  293.  
  294. h1, h2, h3, h4 {
  295.     margin:5px 0;
  296.     font-weight:normal;
  297.     line-height:1.4em;
  298.     }
  299.  
  300. .posts_inner > h2 {
  301.     margin:0 0 5px 0;
  302.     display:inline-block;  
  303.     border-bottom:1px solid {color:Accent};
  304.     color:{color:Post Title};
  305.     font-size:1.1em;
  306.     }
  307.    
  308. .posts_inner > h2:only-child { margin:0; }
  309.  
  310. .posts_inner > h2 a { color:{color:Post Title}; }
  311.  
  312.  
  313.  
  314. /* Wrapper - Posts */
  315.  
  316.  
  317. main { margin:100px auto; }
  318.  
  319. #wrapper { margin:0 auto; position:relative; }
  320.  
  321. .posts {
  322. {block:IndexPage}
  323.     width:{select:Post Size}px;
  324. {/block:IndexPage}
  325. {block:PermalinkPage}
  326.     width:{select:Post Size Permalinkpage}px;
  327. {/block:PermalinkPage}
  328.     margin:20px;
  329.     position:relative;
  330.     }
  331.  
  332. .posts_inner {  
  333. {block:IndexPage}
  334.     width:100%;
  335.     height:{select:Post Size}px;
  336.     overflow:hidden;
  337.     border-bottom:7px solid {color:Posts};
  338. {/block:IndexPage}
  339.     padding:7px;
  340.     box-sizing:border-box;
  341.     background:{color:Posts};
  342.     }
  343.  
  344.  
  345.  
  346. /* Image  */
  347.  
  348.  
  349. .posts img, img:not(.lightbox-image) { max-width:100%; height:auto; }
  350.  
  351. .photo img { width:100%; display:block; {block:Indexpage}cursor:zoom-in;{/block:Indexpage} }
  352.  
  353.  
  354.  
  355. /* Photoset  */
  356.  
  357.    
  358. .tmblr-lightbox, #tumblr_lightbox {
  359.     background:rgba(0,0,0,.8)!important;
  360.     }
  361.  
  362. .vignette, #vignette, .lightbox-caption, #tumblr_lightbox_caption {    
  363.     opacity:0!important;
  364.     }
  365.  
  366. .lightbox-image, #tumblr_lightbox img {
  367.     padding:0!important;
  368. {block:ifnotBorderRadius}
  369.     -webkit-border-radius:0px!important;
  370.     -moz-border-radius:0px!important;
  371.     border-radius:0px!important;
  372. {/block:ifnotBorderRadius}
  373.     -webkit-box-shadow:none!important;
  374.     -moz-box-shadow:none!important;
  375.     box-shadow:none!important;
  376.     }
  377.  
  378.  
  379.  
  380. /* Video */
  381.  
  382.  
  383. .video, .video iframe  { display:block; overflow:hidden; }
  384.  
  385.  
  386.  
  387. /* Audio */
  388.  
  389.  
  390. .audio_outer {
  391.     position:relative;
  392.     overflow:hidden;
  393.     opacity:.8;
  394.     background:#e4e4e4;
  395.     color:#999;
  396.     }
  397.    
  398. iframe.tumblr_audio_player { display:block; overflow:hidden; }
  399.    
  400. .audio.info p {
  401.     text-overflow:ellipsis;
  402.     overflow:hidden;
  403.     white-space:nowrap;
  404.     }
  405.  
  406. {block:IndexPage}
  407. .audio_outer {
  408.     width:{select:Post Size}px;
  409.     height:{select:Post Size}px;
  410.     padding:10px;
  411.     box-sizing:border-box;
  412.     }
  413.    
  414. .audio.play {
  415.     width:40px;
  416.     height:40px;    
  417.     top:50%;
  418.     }
  419.  
  420. iframe.tumblr_audio_player { width:40px; height:40px; }
  421.  
  422. .audio.info {
  423.     top:calc(50% + 45px);
  424.     opacity:0;
  425.     text-align:center;
  426.     }
  427.    
  428. .posts:hover .audio.info { opacity:1; }
  429.    
  430. .audio.info, .audio.play {
  431.     left:50%;
  432.     position:absolute;
  433.     -webkit-transform:translate(-50%,-50%);
  434.     -moz-transform:translate(-50%,-50%);
  435.     -o-transform:translate(-50%,-50%);
  436.     transform:translate(-50%,-50%);
  437.     }
  438. {/block:IndexPage}
  439.  
  440. {block:PermalinkPage}
  441. .audio_outer { width:100%; display:table; }
  442.  
  443. .audio { display:table-cell; vertical-align:middle; }
  444.  
  445. .audio.play { width:60px; }
  446.  
  447. iframe.tumblr_audio_player {
  448.     width:30px;
  449.     height:30px;
  450.     padding:15px;  
  451.     }
  452.    
  453. .audio.info { padding:15px 15px 15px 0; text-align:right; }
  454. {/block:PermalinkPage}
  455.  
  456. iframe.spotify_audio_player  { height:80px!important; display:block; }
  457.  
  458.  
  459.  
  460. /* Ask */
  461.  
  462.  
  463. .question_asker {
  464.     margin-bottom:5px;
  465.     display:inline-block;
  466.     border-bottom:1px solid {color:Accent};
  467.     }
  468.  
  469. .question_asker a { color:{color:Text}; }
  470.  
  471. .question { margin:0 0 10px 0; color:{color:Italic}; }
  472.  
  473.    
  474.  
  475. /* Quote */
  476.  
  477.  
  478. .quote {
  479.     color:{color:Italic};
  480.     font-size:1.1em;
  481.     font-style:italic;
  482.     }
  483.  
  484. .source { margin-top:5px; }
  485.  
  486.  
  487.  
  488. /* Chat */
  489.  
  490.  
  491. .chat p { margin:2px 0; }
  492.  
  493.  
  494.  
  495. /* Permalink - Indexpage */
  496.  
  497.  
  498. .perma {
  499.     width:100%;
  500.     height:0;
  501.     bottom:0;
  502.     position:absolute;
  503.     display:block;
  504.     background:{color:Perma};
  505. {block:ifBorderRadius}
  506.     -webkit-border-bottom-right-radius:3px;
  507.     -webkit-border-bottom-left-radius:3px;
  508.     -moz-border-radius-bottomright:3px;
  509.     -moz-border-radius-bottomleft:3px;
  510.     border-bottom-right-radius:3px;
  511.     border-bottom-left-radius:3px;
  512. {/block:ifBorderRadius}
  513.     }
  514.  
  515. .posts:hover .perma { height:8px; }
  516.  
  517.  
  518.  
  519. /* Like & Reblog */
  520.  
  521.  
  522. .controls {
  523.     top:5px;
  524.     right:5px;
  525.     position:absolute;
  526.     opacity:0;
  527.     }
  528.  
  529. .posts:hover .controls { opacity:1; }
  530.  
  531. .controls .like, .controls .reblog {
  532.     width:14px;
  533.     height:14px;
  534.     margin-left:5px;
  535.     padding:4px;
  536.     position:relative;
  537.     overflow:hidden;
  538.     float:left;
  539.     background:{color:Posts};
  540.     line-height:14px;
  541.     -webkit-border-radius:100%;
  542.     -moz-border-radius:100%;
  543.     border-radius:100%;
  544.     }
  545.    
  546. .controls svg {
  547.     width:14px;
  548.     height:14px;
  549.     margin:0 auto;
  550.     display:block;
  551.     fill:{color:Accent};
  552.     cursor:pointer;
  553.     }
  554.  
  555. .controls a:hover svg, .controls svg:hover,
  556. .controls .like:hover svg { fill:{color:Links Hover}; }
  557.  
  558. .controls .like .like_button iframe {
  559.     width:100%;
  560.     height:100%;
  561.     top:0;
  562.     bottom:0;
  563.     left:0;
  564.     right:0;
  565.     position:absolute;
  566.     opacity:0;
  567.     z-index:10;  
  568.     }
  569.  
  570. .controls .like .like_button.liked + svg { fill:#F089A4; }
  571.  
  572.  
  573.  
  574. /* Post information - Permalinkpage */
  575.  
  576.  
  577. .posts_footer {
  578.     width:{select:Post Size Permalinkpage}px;
  579.     margin:0 20px;
  580.     }
  581.  
  582. .post_info { margin:20px 0; text-transform:lowercase; }
  583.  
  584. .tags a { margin-right:4px; }
  585.  
  586. ol.notes {
  587.     max-height:300px;
  588.     margin:40px 0 20px 0;
  589.     overflow:auto;
  590.     list-style-type:none;
  591.     }
  592.  
  593. ol.notes li.note { padding:5px 0; }
  594.  
  595. ol.notes li.note img.avatar { display:none; }
  596.  
  597. ol.notes:before {
  598.     content:"";
  599.     width:50px;
  600.     height:1px;
  601.     margin-top:-20px;
  602.     position:absolute;
  603.     background:#e1e1e1;
  604.     }
  605.    
  606.  
  607.    
  608. /* Header */
  609.  
  610.  
  611. header {
  612.     margin:0 auto 20px auto;
  613.     padding:20px;
  614.     position:relative;
  615.     box-sizing:border-box;
  616.     }
  617.  
  618. nav { font-size:1.3em; line-height:1.2em; }
  619.  
  620. nav a { margin-right:10px; color:{color:Text}; }
  621.  
  622. .title { font-weight:bold; }
  623.  
  624. .desc { margin-top:10px; }
  625.  
  626.  
  627.  
  628. /* Footer - Pagination - Manual Load - Scroll to top */
  629.  
  630.  
  631. .pagination, footer {
  632.     margin:20px auto 0 auto;
  633.     padding:20px;
  634.     position:relative;
  635.     box-sizing:border-box;
  636.     text-align:center;
  637.     }
  638.    
  639. .pagination a, footer a { color:{color:Text};  }
  640.    
  641. .pagination a {
  642.     height:15px;
  643.     margin:0 5px;
  644.     display:inline-block;
  645.     vertical-align:top;
  646.     line-height:15px;
  647.     }
  648.    
  649. #load { cursor:pointer; }
  650.  
  651. #totop {
  652.    bottom:10px;
  653.    right:10px;
  654.    padding:10px;
  655.    position:fixed;
  656.    cursor:pointer;
  657.    }
  658.  
  659. #totop svg, footer svg, .pagination svg {
  660.     width:15px;
  661.     height:15px;
  662.     display:block;
  663.     fill:{color:Text};
  664.     }
  665.  
  666. #totop svg {
  667.     -webkit-transform:rotate(90deg);
  668.     -ms-transform:rotate(90deg);
  669.     transform:rotate(90deg);
  670.     }
  671.  
  672. footer svg {
  673.     margin:10px auto 0 auto;
  674.     -webkit-transform:rotate(-90deg);
  675.     -ms-transform:rotate(-90deg);
  676.     transform:rotate(-90deg);    
  677.     }
  678.    
  679. {block:ifInfinitescroll}
  680. .pagination, #infscr-loading { display:none!important; }
  681. {/block:ifInfinitescroll}
  682.  
  683.  
  684.  
  685. /* Tooltips */
  686.  
  687.  
  688. #s-m-t-tooltip{
  689.     max-width:150px;
  690.     margin:25px 15px;
  691.     padding:2px 5px;
  692.     z-index:999999;
  693.     background:{color:Posts};
  694.     color:inherit;
  695.     line-height:10px;
  696.     }
  697.  
  698.  
  699.  
  700. {CustomCSS}
  701.  
  702.  
  703.  
  704. </style>
  705.  
  706.  
  707. <!---- Scripts ---->
  708.  
  709.  
  710. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  711.  
  712. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  713. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  714. <script src="http://static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  715.  
  716. <script>
  717. $(document).ready(function(){
  718. $("[title],a[title],img[title]").style_my_tooltips({
  719.     tip_follows_cursor:true,
  720.     tip_delay_time:10,
  721.     tip_fade_speed:800,
  722.     attribute:"title"
  723.     });
  724. $('.photo-slideshow').pxuPhotoset({
  725.     lightbox: true,
  726.     highRes : true,
  727.     rounded: false,
  728.     gutter: '1px',
  729.     photoset: '.photo-slideshow',
  730.     photoWrap: '.photo-data',
  731.     photo: '.pxu-photo'
  732.     });
  733. $('#totop').click(function () {
  734.    $("html, body").animate({scrollTop:0}, 1000); return false;
  735.    });
  736. });
  737. </script>
  738.  
  739.  
  740. </head>
  741. <body class="{select:Tumblr Controls}">
  742.  
  743.  
  744.  
  745. <main>
  746.  
  747.  
  748.  
  749. <header>
  750. <nav>
  751. {block:ShowTitle}<a href="/" class="title">{Title}</a>{/block:ShowTitle}
  752. {block:ifAskTitle}<a href="/ask">{text:Ask Title}</a>{/block:ifAskTitle}
  753. {block:ifArchiveTitle}<a href="/archive">{text:Archive Title}</a>{/block:ifArchiveTitle}
  754. {block:ifLink1}<a href="{text:Link1}">{text:Title1}</a>{/block:ifLink1}
  755. {block:ifLink2}<a href="{text:Link2}">{text:Title2}</a>{/block:ifLink2}
  756. {block:ifLink3}<a href="{text:Link3}">{text:Title3}</a>{/block:ifLink3}
  757. {block:ifLink4}<a href="{text:Link4}">{text:Title4}</a>{/block:ifLink4}
  758. {block:ifLink5}<a href="{text:Link5}">{text:Title5}</a>{/block:ifLink5}
  759. {block:ifLink6}<a href="{text:Link6}">{text:Title6}</a>{/block:ifLink6}
  760. </nav>
  761. {block:ShowDescription}<div class="desc">{Description}</div>{/block:ShowDescription}
  762. </header>
  763.  
  764.  
  765.  
  766. <section id="wrapper">
  767. {block:Posts}
  768. <article class="posts" id="{PostID}">
  769.  
  770.  
  771. {block:ContentSource}
  772. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  773. {/block:SourceLogo}
  774. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  775. {/block:ContentSource}
  776.  
  777.  
  778. {block:Photo}
  779. {block:IndexPage}
  780. <a href="#" onclick="Tumblr.Lightbox.init([{ width: {PhotoWidth-HighRes}, height: {PhotoHeight-HighRes}, low_res: '{PhotoURL-500}', high_res: '{PhotoURL-HighRes}' }]); $('body').toggleClass('tumblr_lightbox_active'); return false">
  781. <div class="photo"><img src="{PhotoURL-500}" alt="{PhotoAlt}" /></div>
  782. </a>
  783. {/block:IndexPage}
  784. {block:PermalinkPage}
  785. {LinkOpenTag}
  786. <div class="photo"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" /></div>
  787. {LinkCloseTag}
  788. {/block:PermalinkPage}
  789. {/block:Photo}
  790.  
  791.  
  792. {block:Photoset}
  793. {block:IndexPage}
  794. <a href="#" 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:IndexPage}
  798. {block:PermalinkPage}
  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:PermalinkPage}
  810. {/block:Photoset}
  811.  
  812.  
  813. {block:Video}
  814. <div class="video">{Video-500}</div>
  815. {/block:Video}
  816.  
  817.  
  818. {block:Audio}
  819. <div class="audio_outer">
  820. <div class="audio play">{AudioPlayerGrey}</div>
  821. <div class="audio info">
  822. {block:TrackName}<p>{TrackName}</p>{/block:TrackName}
  823. {block:Artist}<p>{Artist}</p>{/block:Artist}
  824. </div>
  825. </div>
  826. {/block:Audio}
  827.  
  828.  
  829. {block:Text}
  830. <div class="posts_inner">
  831. {block:Title}<h2>{Title}</h2>{/block:Title}
  832. {Body}
  833. </div>
  834. {/block:Text}
  835.  
  836.  
  837. {block:Link}
  838. <div class="posts_inner">
  839. <h2><a href="{URL}" {Target}>{Name}</a></h2>
  840. {block:Description}{Description}{/block:Description}
  841. </div>
  842. {/block:Link}
  843.  
  844.  
  845. {block:Answer}
  846. <div class="posts_inner">
  847. <div class="question_asker">{Asker} asked:</div>
  848. <div class="question">{Question}</div>
  849. {block:PermalinkPage}{Answer}{/block:PermalinkPage}
  850. </div>
  851. {/block:Answer}
  852.  
  853.  
  854. {block:Quote}
  855. <div class="posts_inner">
  856. <div class="quote">"{Quote}"</div>
  857. {block:PermalinkPage}
  858. {block:Source}<div class="source">{Source}</div>{/block:Source}
  859. {/block:PermalinkPage}
  860. </div>
  861. {/block:Quote}
  862.  
  863.  
  864. {block:Chat}
  865. <div class="posts_inner">
  866. {block:Title}<h2>{Title}</h2>{/block:Title}
  867. <div class="chat">
  868. {block:Lines}
  869. <p>{block:Label}<b>{Label}</b>{/block:Label} {Line}</p>
  870. {/block:Lines}
  871. </div>
  872. </div>
  873. {/block:Chat}
  874.  
  875.  
  876. {block:IndexPage}
  877. <div class="controls">
  878. {block:ifReblogButton}
  879. <a href="{ReblogURL}">
  880. <div class="reblog">
  881. <svg viewBox="0 0 20 20"><path d="M3.254,6.572c0.008,0.072,0.048,0.123,0.082,0.187c0.036,0.07,0.06,0.137,0.12,0.187C3.47,6.957,3.47,6.978,3.484,6.988c0.048,0.034,0.108,0.018,0.162,0.035c0.057,0.019,0.1,0.066,0.164,0.066c0.004,0,0.01,0,0.015,0l2.934-0.074c0.317-0.007,0.568-0.271,0.56-0.589C7.311,6.113,7.055,5.865,6.744,5.865c-0.005,0-0.01,0-0.015,0L5.074,5.907c2.146-2.118,5.604-2.634,7.971-1.007c2.775,1.912,3.48,5.726,1.57,8.501c-1.912,2.781-5.729,3.486-8.507,1.572c-0.259-0.18-0.618-0.119-0.799,0.146c-0.18,0.262-0.114,0.621,0.148,0.801c1.254,0.863,2.687,1.279,4.106,1.279c2.313,0,4.591-1.1,6.001-3.146c2.268-3.297,1.432-7.829-1.867-10.101c-2.781-1.913-6.816-1.36-9.351,1.058L4.309,3.567C4.303,3.252,4.036,3.069,3.72,3.007C3.402,3.015,3.151,3.279,3.16,3.597l0.075,2.932C3.234,6.547,3.251,6.556,3.254,6.572z"></path></svg>
  882. </div>
  883. </a>
  884. {/block:ifReblogButton}
  885. {block:ifLikeButton}
  886. <div class="like">
  887. {LikeButton}
  888. <svg viewBox="0 0 20 20"><path d="M13.22,2.984c-1.125,0-2.504,0.377-3.53,1.182C8.756,3.441,7.502,2.984,6.28,2.984c-2.6,0-4.714,2.116-4.714,4.716c0,0.32,0.032,0.644,0.098,0.96c0.799,4.202,6.781,7.792,7.46,8.188c0.193,0.111,0.41,0.168,0.627,0.168c0.187,0,0.376-0.041,0.55-0.127c0.011-0.006,1.349-0.689,2.91-1.865c0.021-0.016,0.043-0.031,0.061-0.043c0.021-0.016,0.045-0.033,0.064-0.053c3.012-2.309,4.6-4.805,4.6-7.229C17.935,5.1,15.819,2.984,13.22,2.984z M12.544,13.966c-0.004,0.004-0.018,0.014-0.021,0.018s-0.018,0.012-0.023,0.016c-1.423,1.076-2.674,1.734-2.749,1.771c0,0-6.146-3.576-6.866-7.363C2.837,8.178,2.811,7.942,2.811,7.7c0-1.917,1.554-3.47,3.469-3.47c1.302,0,2.836,0.736,3.431,1.794c0.577-1.121,2.161-1.794,3.509-1.794c1.914,0,3.469,1.553,3.469,3.47C16.688,10.249,14.474,12.495,12.544,13.966z"></path></svg>
  889. </div>
  890. {/block:ifLikeButton}
  891. </div>
  892.  
  893. <a href="{Permalink}" target="_blank" title="{TimeAgo} — {NoteCountWithLabel}"><div class="perma"></div></a>
  894. {/block:IndexPage}
  895.  
  896.  
  897. </article>
  898.  
  899.  
  900. {block:PermalinkPage}
  901. <div class="posts_footer">
  902. {block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
  903.  
  904. {block:Date}
  905. <div class="post_info">
  906. <p>{DayOfWeek}, {DayOfMonth} {Month} {Year}</p>
  907. {block:RebloggedFrom}
  908. <p>via <a href="{ReblogParentURL}">{ReblogParentName}</a> — source <a href="{ReblogRootURL}">{ReblogRootName}</a></p>
  909. {/block:RebloggedFrom}
  910. {block:HasTags}
  911. <p class="tags">{block:Tags}<a href="{TagURL}">{Tag}</a>{/block:Tags}</p>
  912. {/block:HasTags}
  913. {block:NoteCount}
  914. <p>{NoteCountWithLabel}</p>
  915. {/block:NoteCount}
  916. </div>
  917. {/block:Date}
  918.  
  919. {block:PostNotes}{PostNotes}{/block:PostNotes}
  920. </div>
  921. {/block:PermalinkPage}
  922.  
  923.  
  924. {/block:Posts}
  925. </section>
  926.  
  927.  
  928.  
  929. {block:Pagination}
  930. <div class="pagination">
  931. {block:PreviousPage}<a href="{PreviousPage}"><svg viewBox="0 0 20 20"><path d="M8.388,10.049l4.76-4.873c0.303-0.31,0.297-0.804-0.012-1.105c-0.309-0.304-0.803-0.293-1.105,0.012L6.726,9.516c-0.303,0.31-0.296,0.805,0.012,1.105l5.433,5.307c0.152,0.148,0.35,0.223,0.547,0.223c0.203,0,0.406-0.08,0.559-0.236c0.303-0.309,0.295-0.803-0.012-1.104L8.388,10.049z"></path></svg></a>{/block:PreviousPage} <a>{CurrentPage} of {TotalPages}</a>
  932. {block:NextPage}<a href="{NextPage}" id="next"><svg viewBox="0 0 20 20"><path d="M11.611,10.049l-4.76-4.873c-0.303-0.31-0.297-0.804,0.012-1.105c0.309-0.304,0.803-0.293,1.105,0.012l5.306,5.433c0.304,0.31,0.296,0.805-0.012,1.105L7.83,15.928c-0.152,0.148-0.35,0.223-0.547,0.223c-0.203,0-0.406-0.08-0.559-0.236c-0.303-0.309-0.295-0.803,0.012-1.104L11.611,10.049z"></path></svg></a>{/block:NextPage}
  933. </div>
  934. {/block:Pagination}
  935.  
  936.  
  937. {block:IndexPage}{block:ifInfinitescroll}{block:ifManualLoad}
  938. <footer><a id="load">load more <svg viewBox="0 0 20 20"><path d="M8.388,10.049l4.76-4.873c0.303-0.31,0.297-0.804-0.012-1.105c-0.309-0.304-0.803-0.293-1.105,0.012L6.726,9.516c-0.303,0.31-0.296,0.805,0.012,1.105l5.433,5.307c0.152,0.148,0.35,0.223,0.547,0.223c0.203,0,0.406-0.08,0.559-0.236c0.303-0.309,0.295-0.803-0.012-1.104L8.388,10.049z"></path></svg></a></footer>
  939. {/block:ifManualLoad}{/block:ifInfinitescroll}{/block:IndexPage}
  940.  
  941.  
  942.    
  943. </main>
  944.  
  945.  
  946.  
  947. {block:ifScrollToTop}
  948. <a id="totop"><svg viewBox="0 0 20 20"><path d="M8.388,10.049l4.76-4.873c0.303-0.31,0.297-0.804-0.012-1.105c-0.309-0.304-0.803-0.293-1.105,0.012L6.726,9.516c-0.303,0.31-0.296,0.805,0.012,1.105l5.433,5.307c0.152,0.148,0.35,0.223,0.547,0.223c0.203,0,0.406-0.08,0.559-0.236c0.303-0.309,0.295-0.803-0.012-1.104L8.388,10.049z"></path></svg></a>
  949. {/block:ifScrollToTop}
  950.  
  951.  
  952. <a href="http://ladmilk.tumblr.com" style="padding:10px; bottom:5px; left:5px; position:fixed;" title="Theme by Heidi">cr.</a>
  953.  
  954.  
  955.  
  956. <!---- Scripts ---->
  957.  
  958.  
  959. {block:IndexPage}
  960. {block:ifColumns}
  961. <script src="http://static.tumblr.com/3yblkz0/Cs2nz27e5/masonry.pkgd.min.js"></script>
  962. {/block:ifColumns}
  963. <script src="http://static.tumblr.com/3yblkz0/qEunz27je/imagesloaded.pkgd.min.js"></script>
  964. {block:ifInfinitescroll}
  965. <script src="http://static.tumblr.com/3yblkz0/OZInz27pe/jquery.infinitescroll.min.js"></script>
  966. {/block:ifInfinitescroll}
  967.  
  968. <script>
  969. $(document).ready(function(){
  970. var $container = $('#wrapper');
  971. {block:ifColumns}
  972. $container.masonry({
  973.     itemSelector: '.posts',
  974.     columnWidth:{select:Post Size} + 20*2,
  975.     });
  976. $container.imagesLoaded().progress(function(){
  977.     $container.masonry();
  978.     });
  979. {/block:ifColumns}
  980. {block:ifInfinitescroll}
  981. $container.infinitescroll({
  982.     itemSelector: ".posts",
  983.     navSelector: ".pagination",
  984.     nextSelector: ".pagination a#next",
  985.     loadingImg: "",
  986.     loadingText: "<em> </em>",
  987.     bufferPx: 1000,
  988.     extraScrollPx: 500,
  989.     {block:ifManualLoad}
  990.     errorCallback: function(){ jQuery('footer').delay(50).fadeOut(); },
  991.     {/block:ifManualLoad}
  992.     },
  993. function( newElements ) {
  994.     resizeVideos();
  995.     $(newElements).find('.photo-slideshow').pxuPhotoset({
  996.         lightbox: true,
  997.         highRes : true,
  998.         rounded: false,
  999.         gutter: '1px',
  1000.         photoset: '.photo-slideshow',
  1001.         photoWrap: '.photo-data',
  1002.         photo: '.pxu-photo',
  1003.         });
  1004.     var $newElems = $(newElements).hide();
  1005.     $newElems.imagesLoaded(function(){
  1006.         $newElems.fadeIn();
  1007.         {block:ifColumns}
  1008.         $container.masonry( 'appended', $newElems, true );
  1009.         {/block:ifColumns}
  1010.         });
  1011.     var $newElemsIDs = $(newElements).map(function (){return this.id;}).get();
  1012.     Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
  1013.     });
  1014. {block:ifnotManualLoad}
  1015. if($(window).height() >= $(document).height()){
  1016.     $container.infinitescroll('retrieve'); return false;
  1017.     };
  1018. {/block:ifnotManualLoad}
  1019. {block:ifManualLoad}
  1020. $(window).unbind('.infscr');
  1021. $('#load').click(function() {
  1022.     $container.infinitescroll('retrieve');return false;
  1023.     });
  1024. {/block:ifManualLoad}
  1025. {/block:ifInfinitescroll}
  1026. });
  1027. </script>
  1028. {/block:IndexPage}
  1029.  
  1030.  
  1031.  
  1032. </body>
  1033. </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