API tools faq
paste
ninpen

Elliot

ninpen
Jan 29th, 2017
2,943
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 40.44 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <!-------------------------------
  5.  
  6.  
  7.  
  8.  
  9.  
  10.  
  11.  
  12.  
  13. Elliot THEME BY NINPEN.TUMBLR.COM
  14. DO NOT REMOVE THE CREDIT.
  15.  
  16.  
  17.  
  18.    //:: Hover controls by: © shythemes
  19.    //:: Caption Unnest plugin by: © magnusthemes & neothm
  20.    //:: Minimal soundcloud player © shythemes.tumblr
  21.  
  22.  
  23.  
  24.  
  25. --------------------------------->
  26.  
  27.  
  28.  
  29.  
  30.  
  31.  
  32.  
  33.  
  34. <head>
  35. <title>{Title}</title>
  36. <link rel="shortcut icon" href="{Fav}" />
  37. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  38. <script src="//use.edgefonts.net/karla:n4,i4,n7,i7:all.js"></script>
  39. <link href="https://fonts.googleapis.com/css?family=Varela+Round" rel="stylesheet">
  40. <script>
  41. $(document).ready(function(){
  42.    $('.search').submit(function(event){
  43.        var value = $('input:first').val();
  44.        location.replace('http://{Name}.tumblr.com/tagged/' + value);
  45.    });
  46. });
  47. </script>
  48. <link href="https://fonts.googleapis.com/css?family=Playfair+Display:400,700,900" rel="stylesheet">
  49. <meta name="select:postsize" content="30%"/>
  50. <meta name="select:postsize" content="40%"/>
  51. <meta name="select:postsize" content="50%"/>
  52. <meta name="select:postsize" content="60%"/>
  53. <meta name="select:postsize" content="70%"/>
  54. <meta name="select:postsize" content="80%"/>
  55.  
  56. <meta name="if:30postsize" content=""/>
  57. <meta name="if:40postsize" content=""/>
  58. <meta name="if:Show welcome text" content="1"/>
  59.  
  60. <meta name="text:Title" content="" />
  61.  
  62. <meta name="color:headerBg" content="#ffa699"/>
  63. <meta name="color:headertitle" content="#ffffff"/>
  64. <meta name="color:background" content="#ffffff" />
  65. <meta name="color:posts" content="#ffffff" />
  66. <meta name="color:text" content="#333333" />
  67. <meta name="color:link" content="#ff8575" />
  68. <meta name="color:linkhover" content="#ffc1ba" />
  69. <meta name="color:h1" content="#ffa699" />
  70. <meta name="color:h2" content="#8ee5bf" />
  71.  
  72. <meta name="color:accent1" content="#ffffff" />
  73. <meta name="color:accent2" content="#000000" />
  74. <meta name="color:accent3" content="#555555" />
  75. <meta name="color:accent4" content="#aaaaaa" />
  76. <meta name="color:accent5" content="#6bffc1" />
  77. <meta name="color:accent6" content="#ffa699" />
  78. <meta name="color:accent7" content="#84e7f4" />
  79. <meta name="color:caption" content="#fafafa" />
  80.  
  81. <meta name="image:background" content=""/>
  82. <meta name="image:portrait" content=""/>
  83.  
  84. <meta name="text:Custom Link One" content=""/>
  85. <meta name="text:Custom Link One URL" content=""/>
  86. <meta name="text:Custom Link Two" content=""/>
  87. <meta name="text:Custom Link Two URL" content=""/>
  88. <meta name="text:Custom Link Three" content=""/>
  89. <meta name="text:Custom Link Three URL" content=""/>
  90. <meta name="text:Custom Link Four" content=""/>
  91. <meta name="text:Custom Link Four URL" content=""/>
  92. <meta name="text:Custom Link Five" content=""/>
  93. <meta name="text:Custom Link Five URL" content=""/>
  94. <meta name="text:Custom Link Six" content=""/>
  95. <meta name="text:Custom Link Six URL" content=""/>
  96. <meta name="text:Custom Link Seven" content=""/>
  97. <meta name="text:Custom Link Seven URL" content=""/>
  98. <meta name="text:Custom Link Eight" content=""/>
  99. <meta name="text:Custom Link Eight URL" content=""/>
  100. <meta name="text:Custom Link Nine" content=""/>
  101. <meta name="text:Custom Link Nine URL" content=""/>
  102.  
  103. <meta name="text:Behance URL" content=""/>
  104. <meta name="text:Blogger URL" content=""/>
  105. <meta name="text:Dribbble URL" content=""/>
  106. <meta name="text:Facebook URL" content=""/>
  107. <meta name="text:Flickr URL" content=""/>
  108. <meta name="text:GooglePlus URL" content=""/>
  109. <meta name="text:Instagram URL" content=""/>
  110. <meta name="text:Linkedin URL" content=""/>
  111. <meta name="text:Paypal URL" content=""/>
  112. <meta name="text:Pinterest URL" content=""/>
  113. <meta name="text:Rss URL" content=""/>
  114. <meta name="text:Soundcloud URL" content=""/>
  115. <meta name="text:Twitter URL" content=""/>
  116. <meta name="text:Vimeo URL" content=""/>
  117. <meta name="text:Wordpress URL" content=""/>
  118. <meta name="text:Youtube URL" content=""/>
  119.  
  120. <style type="text/css">
  121. *{
  122.     box-sizing: border-box;    
  123. }
  124.  
  125. ::-moz-selection {
  126.     color:{color:accent1};
  127.     background: {color:accent2};
  128. }
  129.  
  130. ::selection {
  131.     color:{color:accent1};
  132.     background: {color:accent2};
  133. }
  134.  
  135. html, body, div, span, applet, object, h1, h2, h3, h4, h5, h6, a, abbr, acronym, address, big, cite,hr, code,del, dfn,img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, fieldset, form, label, legend,  tbody, tfoot, thead, tr, th, td, article,  canvas, details, embed, figure, figcaption, footer,  hgroup, menu,  output, ruby, summary,time, mark, audio{
  136.     margin: 0;
  137.     padding: 0;
  138.     border: 0;
  139.     font-size: 100%;
  140.     font: inherit;
  141.     vertical-align: baseline;
  142. }
  143.  
  144. article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  145.     display: block;
  146. }
  147.    
  148. body {
  149.     line-height: 1;
  150. }
  151.  
  152. ul {
  153.     list-style: none;
  154. }
  155.  
  156. table {
  157.     border-collapse: collapse;
  158.     border-spacing: 0;
  159. }
  160.  
  161. ::-webkit-scrollbar {
  162.     width: 9px;
  163.     height: 9px;
  164.     background:transparent;
  165. }
  166.  
  167. ::-webkit-scrollbar-thumb {
  168.     border-radius:10px;
  169.     border:3px solid {color:accent1};
  170.     background-color:{color:accent6};
  171. }
  172.  
  173. body,html{
  174.     width:100%;
  175.     height:100%;
  176.     padding:0;
  177.     margin:0;
  178. }
  179.  
  180. body{
  181.     word-wrap: break-word;
  182.     font:12px/18px karla, sans-serif;
  183.     color: {color:text};
  184.     background:{color:Background} url({image:background}) repeat right top fixed;
  185. }
  186.  
  187. a{
  188.     text-decoration:none;
  189.     color:{color:link};
  190. }
  191.  
  192. a:hover {
  193.     color:{color:linkhover};
  194. }
  195.  
  196. b,strong{
  197.     color:{color:accent4};
  198. }
  199.  
  200. i,em{
  201.     color:{color:accent6};
  202. }
  203.  
  204. u{
  205.     color:{color:accent7};
  206. }
  207.  
  208. h1{
  209.     font:60px/64px 'playfair-display', serif;
  210.     color:{color:h1};
  211.     margin:0 0 40px 0;
  212. }
  213.  
  214. h1 a{
  215.     color:{color:h1};
  216. }
  217.  
  218. h2{
  219.     font-weight:700;
  220.     font-size:26px;
  221. }
  222.  
  223. h3{
  224.     font:52px/56px 'playfair-display', serif;
  225.     letter-spacing:-1px;
  226. }
  227.  
  228. h3:first-letter:not(.audioinfo h3){
  229.     font-size:200px;
  230.     line-height:115px;
  231. }
  232.  
  233. .cred{
  234.     line-height:11px;
  235.     font-size:11px;
  236.     font-weight:700;
  237.     text-transform:uppercase;
  238.     letter-spacing:1px;
  239.     position:absolute;
  240.     bottom:20px;
  241.     right:20px;
  242.     color:{color:accent2};
  243.     background{color:headerBG};
  244. }
  245.  
  246. .cred a{vertical-align:top;font-size:9px;color:{color:link};}
  247. .cred a:hover{color:{color:accent3};}
  248.  
  249. .source{
  250.     font-size:11px;
  251.     letter-spacing:.05em;
  252.     margin-top:30px;
  253. }
  254.  
  255. img{
  256.     max-width:100%;
  257. }
  258.  
  259.  
  260. header{
  261.     width:100%;
  262.     height:150px;
  263.     padding:50px 0;
  264.     background:{color:headerBG};
  265.     position:relative;
  266.     text-align:center;
  267. }
  268.  
  269. header a{
  270.     color:{color:headertitle};
  271. }
  272.  
  273. header h1{
  274.     color:{color:headertitle};
  275. }
  276.  
  277. #navwrap{
  278.     width:70%;
  279.     position:Absolute;
  280.     top:50%;
  281.     left: 50%;
  282.     transform: translate(-50%, -50%);
  283.     text-align:center;
  284. }
  285.  
  286. .portrait{
  287.     margin:0 auto 20px auto;
  288.     width:55px;
  289. }
  290.  
  291. .desc img{
  292.     border-radius:5px;
  293. }
  294.  
  295. .desc{
  296.     margin-bottom:50px;
  297.     position:relative;
  298.     padding-bottom:25px;
  299. }
  300.  
  301. .desc:before{
  302.     content:"";
  303.     width:50%;
  304.     height:2px;
  305.     background:{color:accent6};
  306.     position:Absolute;
  307.     bottom:0;
  308.     left:25%;
  309. }
  310.  
  311. header h1{
  312.     font-weight:900;
  313.     font-size:50px;
  314.     letter-spacing:-.02em;
  315.     line-height:50px;
  316. }
  317.  
  318. .button {
  319.     background:{color:accent5};
  320.     position:fixed;
  321.     left:5%;
  322.     top:5%;
  323.     z-index:999;
  324. }
  325.  
  326. .button span{
  327.     cursor:pointer;
  328. }
  329.  
  330. .btn-open:after {
  331.     content:"";
  332.     background:{color:accent6} url(http://static.tumblr.com/hczaopr/rl5ojek9e/menu.png)no-repeat center;
  333.     position:absolute;
  334.     width:24px;
  335.     height:24px;
  336.     padding:10px;
  337.     border-radius:100%;
  338.     transition-property:all .2s linear 0s;
  339.     -moz-transition:all .2s linear 0s;
  340.     -webkit-transition:all .2s linear 0s;
  341.     -o-transition:all .2s linear 0s;
  342. }
  343.  
  344. .btn-close:after {
  345.     content:"";
  346.     background:{color:accent5} url(http://static.tumblr.com/hczaopr/PA8ojek9l/close.png)no-repeat center;
  347.     position:absolute;
  348.     width:24px;
  349.     height:24px;
  350.     padding:10px;
  351.     border-radius:100%;
  352.     transition-property:all .2s linear 0s;
  353.     -moz-transition:all .2s linear 0s;
  354.     -webkit-transition:all .2s linear 0s;
  355.     -o-transition:all .2s linear 0s;
  356. }
  357.  
  358. nav{
  359.     position:fixed;
  360.     top:0;
  361.     width:100%;
  362.     height:100%;
  363.     background:{color:background};
  364.     display:none;
  365.     overflow:auto;
  366.     z-index:99;
  367.     left: 0;
  368. }
  369.  
  370. nav a{
  371.     text-transform:Capitalize;
  372. }
  373.  
  374. .mnav{
  375.     font:22px/30px 'Playfair Display', serif;
  376.     letter-spacing:.01em;
  377. }
  378.  
  379. .mnav a{
  380.     font-size:20px;
  381.     font-weight:900;
  382.     position:Relative;
  383.     margin:0 30px;
  384. }
  385.  
  386. .mnav a:after{
  387.     content:"";
  388.     width:0;
  389.     height:5px;
  390.     position:Absolute;
  391.     bottom:-10px;
  392.     right:0%;
  393.     background:{color:accent6};
  394.     -webkit-transition: width .3s;
  395.     -moz-transition: width .3s;
  396.     -o-transition: width .3s;
  397.     transition: width .3s;
  398. }
  399.  
  400. .mnav a:hover:after{
  401.     width:50%;
  402.     -webkit-transition: width .3s;
  403.     -moz-transition: width .3s;
  404.     -o-transition: width .3s;
  405.     transition: width .3s;
  406. }
  407.  
  408. .mnav a:before,.nav a:before{
  409.     content:"";
  410.     width:1px;
  411.     height:1px;
  412.     background:{color:accent6};
  413.     position:absolute;
  414.     top:50%;
  415.     left:0;
  416. }
  417.  
  418. .mnav a:before{
  419.     left:calc(100% + 30px);
  420. }
  421.  
  422. .mnav a:last-child:before{
  423.     background:transparent;
  424. }
  425.  
  426. .nav{
  427.     padding-top:50px;
  428.     font-size:0;
  429.     line-height:0;
  430. }
  431.  
  432. .nav a{
  433.     display:inline-block;
  434.     padding:10px;
  435.     width:calc((100% / 3) - 20px);
  436.     position:Relative;
  437.     font-size:11px;
  438.     line-height:11px;
  439. }
  440.  
  441. .navfooter{
  442.     width:60%;
  443.     left:25px;
  444.     bottom:25px;
  445.     height:16px;
  446.     position:Absolute;
  447. }
  448.  
  449. .navfooter span{
  450.     vertical-align:top;
  451.     margin-right:55px;
  452.     display:inline-block;
  453.     padding:2px 0;
  454.     font-weight:700;
  455.     letter-spacing:.07em;
  456.     color:{color:Accent2};
  457.     font-size:11px;
  458.     line-height:11px;
  459.     text-transform:uppercase;
  460.     position:relative;
  461. }
  462.  
  463. .navfooter span:before{
  464.     content:"";
  465.     width:50%;
  466.     height:3px;
  467.     background:{color:Accent2};
  468.     position:Absolute;
  469.     top:calc(50% - 1.5px);
  470.     left:calc(100% + 10px);
  471. }
  472.  
  473. .navfooter a{
  474.     margin:0 5px;
  475. }
  476.  
  477. .search .query {
  478.     margin-top:25px;
  479.     width:calc(100% - 50px);
  480.     border: 0;
  481.     outline: 0;
  482.     padding:25px;
  483.     font:900 22px/16px 'playfair-display';
  484.     color:{color:accent1};
  485.     background:{color:headerBG} url(http://static.tumblr.com/hczaopr/qPYoj35so/magnifying-glass.png)no-repeat 95% 50%;
  486. }
  487.  
  488. ::-webkit-input-placeholder {color: inherit;}
  489. :-moz-placeholder {color: inherit; opacity:1;}
  490. ::-moz-placeholder {color: inherit; opacity:1;}
  491. :-ms-input-placeholder {color: inherit;}
  492.  
  493. input:focus::-webkit-input-placeholder {color: transparent;}
  494. input:focus:-moz-placeholder {color: transparent;}
  495. input:focus::-moz-placeholder {color: transparent;}
  496. input:focus:-ms-input-placeholder { color: transparent;}
  497.  
  498. #entrywrap{
  499.     {block:PermalinkPage}height:100%;{/block:PermalinkPage}
  500. }
  501.  
  502. #content{
  503.     color:{color:text};
  504.     height:100%;
  505.     {block:IndexPage}
  506.         margin:50px auto 0 auto;
  507.         counter-reset:article;
  508.     {/block:IndexPage}
  509.     {block:PermalinkPage}
  510.         width:80%;
  511.         margin:50px auto 0 auto;
  512.     {/block:PermalinkPage}
  513. }
  514.  
  515. article{
  516.     color:{color:text};
  517.     {block:IndexPage}
  518.         margin:0 0 300px 70px;
  519.         width:calc({select:postsize} + 220px);
  520.         min-height:159px;
  521.         counter-increment:post-counter;
  522.     {/block:IndexPage};
  523.     {block:PermalinkPage}
  524.         min-height:100%;
  525.         margin:0 auto;
  526.         width:100%;
  527.     {/block:PermalinkPage}
  528.     background:{color:posts};
  529.     letter-spacing:.02em;
  530.     position:Relative;
  531. }
  532.  
  533. {block:IndexPage}
  534.     article:before{
  535.     content:"";
  536.     height:12px;
  537.     padding:0 5px 38px 5px;
  538.     border-bottom:1px solid {color:accent6};
  539.     position:absolute;
  540.     top:0;
  541.     left:-50px;
  542.     font-weight:700;
  543.     color:{color:text};
  544.     content:counter(post-counter, decimal-leading-zero);
  545. }
  546.  
  547. article:nth-of-type(even){
  548.     margin-left:calc((100% - {select:postsize}) - 240px);
  549. }
  550.  
  551. .tumblr_parent:not(:first-child){
  552.     display:none;
  553. }
  554. {/block:IndexPage}
  555.    
  556. .cap{
  557.     padding:20px;
  558.     display:inline-block;
  559.     background:{color:caption};
  560.     {block:IndexPage}
  561.         width:calc((100% - {select:postsize}) - 70px);
  562.         position:absolute;
  563.         right:0;
  564.         top: 50%;
  565.         transform: translateY(-50%);
  566.     {/block:IndexPage}
  567.     {block:PermalinkPage}
  568.     width:calc((100% - {select:postsize}) - 220px);
  569.         float:right;
  570.     {/block:PermalinkPage}
  571. }
  572.  
  573. .audcap{
  574.     padding:20px;
  575.     background:{color:caption};
  576.     display:inline-block;
  577.     {block:IndexPage}
  578.         width:calc((100% - {select:postsize}) - 70px);
  579.         position:absolute;
  580.         right:0;
  581.         top: 50%;
  582.         transform: translateY(-50%);
  583.     {/block:IndexPage}
  584.     {block:PermalinkPage}
  585.         width:calc(60% - 4px);
  586.     {/block:PermalinkPage}
  587. }
  588.  
  589. img.tumblr_avatar {
  590.     width: 25px;
  591.     border-radius: 5px;
  592.     margin: 0 20px 0 0;
  593. }
  594.  
  595. a.tumblr_blog {
  596.     line-height: 12px;
  597.     padding: 5px 0;
  598.     position: relative;
  599.     top: -8px;
  600. }
  601.  
  602. {block:PermalinkPage}
  603.     blockquote.tumblr_parent{
  604.         margin-top:40px;
  605.     }
  606. {/block:PermalinkPage}
  607.  
  608. .posts{
  609.     background:{color:posts};
  610.     width:calc({select:postsize} + 70px);
  611.     position:relative;
  612.     display:inline-block;
  613.     {block:PermalinkPage}
  614.         width:calc({select:postsize} + 220px);
  615.     {block:PermalinkPage}
  616. }
  617.  
  618. .phtsmore{
  619.     position:Relative;
  620.     display:inline-block
  621. }
  622.  
  623. .audposts{
  624.     position:relative;
  625.     display:inline-block;
  626.     {block:IndexPage}
  627.         width:{select:postsize};
  628.     {/block:IndexPage}
  629.     {block:PermalinkPage}
  630.         width:40%;
  631.         vertical-align: top;
  632.     {/block:PermalinkPage}
  633. }
  634.  
  635. .txtposts{
  636.     width:calc(({select:postsize} / .5) + 100px);
  637.     margin:0 auto;
  638. }
  639.  
  640. .postsmargins{
  641.     text-align:center;
  642. }
  643.  
  644. .iphotosets{
  645.     position:relative;
  646.     height:100%;
  647.     margin:0 auto;
  648.     width:100%;
  649.     color:{color:accent2};
  650. }
  651.  
  652. .iphotosets img{
  653.     display:inline-block;
  654. }
  655.  
  656. #photo-more{
  657.     left: 50%;
  658.     top: calc(100% + 10px);
  659.     position: absolute;
  660.     font-size: 10px;
  661.     font-weight: 600;
  662. }
  663.  
  664. .video {
  665.     position: relative;
  666.     padding-bottom: 56.25%;
  667.     height: 0;
  668.     overflow: hidden;
  669. }
  670.  
  671. .video iframe,  
  672. .video object,  
  673. .video embed {
  674.     position: absolute;
  675.     top: 0;
  676.     left: 0;
  677.     width: 100%;
  678.     height: 100%;
  679. }
  680.  
  681. #albart{
  682.     {block:PermalinkPage}
  683.         width:65vh;
  684.         height:65vh;
  685.     {/block:PermalinkPage}
  686.     {block:IndexPage}
  687.         width:35vh;
  688.         height:35vh;
  689.     {/block:IndexPage}
  690.     background:url(http://static.tumblr.com/kcuzms7/m00oig7i3/audiobg.png)repeat-y left;
  691.     position:Relative;
  692.     vertical-align:top;
  693.     display:inline-block;
  694.     overflow:hidden;
  695. }
  696.  
  697. .balbart{
  698.     {block:PermalinkPage}
  699.         width:61vh;
  700.         height:61vh;
  701.     {/block:PermalinkPage}
  702.     {block:IndexPage}
  703.         width: 40vh;
  704.         height: 40vh;
  705.     {/block:IndexPage}
  706.     position: absolute;
  707.     top: 0;
  708.     left: 0;
  709. }
  710.  
  711. img.blur {
  712.     -webkit-filter: blur(3px) saturate(1);
  713.     -moz-filter: blur(5px) saturate(1);
  714.     -o-filter: blur(5px) saturate(1);
  715.     -ms-filter: blur(5px) saturate(1);
  716.     filter: blur(3px) saturate(1);  
  717.     -webkit-transform: scale(1.2);
  718.     -moz-transform: scale(1.2);
  719.     transform: scale(1.2);
  720. }
  721.  
  722. .albart{
  723.     background:rgba(255,255,255,.1) url(http://static.tumblr.com/kcuzms7/Rt5oiev3w/music-bars.png)no-repeat center;
  724.     box-shadow:0 0 15px 1px rgba(0,0,0,.1);
  725.     border-radius:5px;
  726.     position:relative;
  727.     z-index:1;
  728.     {block:IndexPage}
  729.         top:7.5vh;
  730.         left:7.5vh;
  731.         width:20vh;
  732.         height:20vh;
  733.     {/block:IndexPage}
  734.     {block:PermalinkPage}
  735.         width:35vh;
  736.         height:35vh;
  737.         top:15vh;
  738.         left:15vh;
  739.     {/block:PermalinkPage}
  740. }
  741.  
  742. .albart img{
  743.     border-radius:5px;
  744. }
  745.  
  746. #play{
  747.     width:46px;
  748.     height:46px;
  749.     position:absolute;
  750.     bottom:10px;
  751.     left:calc(50% - 23px);
  752.     z-index:1;
  753.     background:#fff;
  754.     border-radius:100%;
  755. }
  756.  
  757. .play{
  758.     width:20px;
  759.     height:20px;
  760.     overflow:hidden;
  761.     position:Relative;
  762.     left:50%;
  763.     top:50%;
  764.     margin:-13px 0 0 -13px;
  765. }
  766.  
  767. .albart:before{
  768.     content:"";
  769.     width:28px;
  770.     height:30px;
  771.     position:absolute;
  772.     left:10px;
  773.     bottom:10px;
  774.     background:url(http://static.tumblr.com/hczaopr/iu4oio8ag/rewind.png)no-repeat left;
  775. }
  776.  
  777. .albart:after{
  778.     content:"";
  779.     width:28px;
  780.     height:30px;
  781.     position:absolute;
  782.     right:10px;
  783.     bottom:10px;
  784.     background:url(http://static.tumblr.com/hczaopr/XBFoio89s/fast-forward.png)no-repeat right;
  785. }
  786.  
  787. .audioinfo{
  788.     {block:If30postsize}
  789.         display:none;
  790.     {/block:If30postsize}
  791.     {block:If40postsize}
  792.         display:none;
  793.     {/block:If40postsize}
  794.     {block:IfNot30postsize}
  795.     display:inline-block;
  796.     {/block:IfNot30postsize}
  797.     {block:IfNot40postsize}
  798.     display:inline-block;
  799.     {/block:IfNot40postsize}
  800.     background:{color:accent1};
  801.     right:0;
  802.     padding:20px;
  803.     position: absolute;
  804.     top: 50%;
  805.     transform: translateY(-50%);
  806.     text-align:center;
  807.     font-size:11px;
  808.     {block:IndexPage}
  809.         width:calc((100% - 35vh) - 40px);
  810.     {/block:IndexPage}
  811.     {block:PermalinkPage}
  812.         width:calc((100% - 50vh) - 40px);
  813.     {/block:PermalinkPage}
  814. }
  815.  
  816. .audioinfo h3{
  817.     margin-bottom:20px;
  818.     text-transform:uppercase;
  819.     font:900 20px/24px 'playfair-display', serif;
  820.     letter-spacing:1px;
  821. }
  822.  
  823. article:hover #iperma:before{
  824.     opacity:1;
  825. }
  826.  
  827. #iperma:before{
  828.     opacity:0;
  829.     content:"";
  830.     width:24px;
  831.     height:24px;
  832.     background:{color:accent1} url(http://static.tumblr.com/hczaopr/loPoigozi/eyes_open.png)no-repeat center;
  833.     position: absolute;
  834.     bottom: 2px;
  835.     left: 0px;
  836. }
  837.  
  838. #iperma{
  839.     width:24px;
  840.     height:24px;
  841.     background: {color:accent1} url(http://static.tumblr.com/hczaopr/4bBoigoxe/eyes.png)no-repeat center;
  842.     position: absolute;
  843.     bottom: 0;
  844.     left: -50px;
  845. }
  846.  
  847. .idate{
  848.     position:absolute;
  849.     top:-20px;
  850.     left:0;
  851.     color:{color:accent2};
  852.     font-size:9px;
  853.     letter-spacing:.4em;
  854.     font-weight:bold;
  855. }
  856.  
  857. .inotes {
  858.     position: Absolute;
  859.     bottom: 56px;
  860.     right: -74px;
  861.     font-size: 10px;
  862.     text-align: right;
  863.     letter-spacing: .2em;
  864.     font-weight: 800;
  865.     color: {color:Accent2};
  866.     width: 130px;
  867. }
  868.  
  869. .hi-res{
  870.     width:35px;
  871.     margin-bottom:10px;
  872.     text-transform:uppercase;
  873.     letter-spacing:1px;
  874.     font:bold 16px/18px 'Varela Round';
  875. }
  876.  
  877. .hi-res a{
  878.     color:{color:accent2};
  879. }
  880.  
  881. .perma{
  882.     display:inline-block;
  883.     margin:100px -4px 100px 25px;
  884.     width:calc({select:postsize} + 220px);
  885.     background:{color:caption};
  886.     padding:30px;
  887. }
  888.  
  889. .perma b {
  890.     margin-bottom: 15px;
  891.     display: inline-block;
  892.     padding-right: 50px;
  893.     color:{color:accent2};
  894.     position: relative;
  895. }
  896.  
  897. .perma b:after {
  898.     content: "";
  899.     width: 30px;
  900.     height: 2px;
  901.     background:{color:accent2};
  902.     position: absolute;
  903.     margin-left: 10px;
  904.     top: 50%;
  905.     margin-top: -1px;
  906. }
  907.  
  908. .permareb a {
  909.     padding: 2px;
  910.     margin-left: 10px;
  911.     vertical-align:top;
  912. }
  913.  
  914. .permareb img {
  915.     vertical-align:top;
  916.     border-radius: 3px;
  917. }
  918.  
  919. .tags a{
  920.     margin:0 10px;
  921. }
  922.  
  923. blockquote{
  924.     padding-left:5px;
  925. }
  926.  
  927. pre{    
  928.     white-space: pre-wrap;      
  929.     white-space: -moz-pre-wrap !important;
  930.     white-space: -pre-wrap;              
  931.     white-space: -o-pre-wrap;      
  932.     word-wrap: break-word;    
  933.     font:11px/15px courier;
  934.     width:75%;
  935.     padding:10px;
  936. }
  937.  
  938. ul.chat {
  939.     margin: 0;
  940.     padding: 0;
  941. }
  942.  
  943. .label{
  944.     background:{color:posts};
  945.     padding:0 5px 3px 5px;
  946.     margin-bottom:2px;
  947.     display:inline-block;
  948. }
  949.  
  950. .chat li.odd .label{
  951.     border-bottom:1px solid {color:Accent6};
  952. }
  953.  
  954. .chat li.even .label{
  955.     border-bottom:1px solid {color:accent7};
  956. }
  957.  
  958. .chat li {
  959.     list-style-type: none;
  960.     margin-left: 0px;
  961.     position:Relative;
  962.     background:{color:caption};
  963. }
  964.  
  965. .chat li.odd {
  966.     padding:15px 15px 15px 70px;
  967. }
  968.  
  969. .chat li.odd:before{
  970.     content:"";
  971.     width:60px;
  972.     height:100%;
  973.     background:{color:accent6} url(http://static.tumblr.com/hczaopr/Vz9oio5hl/speech-bubble.png)no-repeat center;
  974.     position:absolute;
  975.     top:0;
  976.     left:0;
  977. }
  978.  
  979. .chat li.even {
  980.     padding:15px 60px 15px 15px;
  981. }
  982.  
  983. .chat li.even:before{
  984.     content:"";
  985.     width:50px;
  986.     height:100%;
  987.     background:{color:accent7} url(http://static.tumblr.com/hczaopr/tdZoio5j5/speechbubble.png)no-repeat center;
  988.     position:absolute;
  989.     top:0;
  990.     right:0;
  991. }
  992.  
  993. .askimg{
  994.     position: Absolute;
  995.     top: 67px;
  996.     left: -60px;
  997.     width: 35px;
  998. }
  999.  
  1000. .askimg img{
  1001.     border-radius:5px;
  1002. }
  1003.  
  1004. .quest h4{
  1005.     position:absolute;
  1006.     top:20px;
  1007.     padding-left: 25px;
  1008.     font:700 11px/11px "karla";
  1009.     text-transform:uppercase;
  1010.     letter-spacing:2px;
  1011. }
  1012.  
  1013. .quest h4:after{
  1014.     content:"";
  1015.     width:300px;
  1016.     height:2px;
  1017.     position:absolute;
  1018.     top:50%;
  1019.     left:calc(100% + 15px);
  1020.     margin-top:-1px;
  1021.     background:#000;
  1022. }
  1023.  
  1024. .quest h4:before{
  1025.     content:"";
  1026.     width:12px;
  1027.     height:14px;
  1028.     background:url(http://static.tumblr.com/hczaopr/L3rois6vs/question.png)no-repeat center;
  1029.     position:absolute;
  1030.     top:0;
  1031.     left:0;
  1032. }
  1033.  
  1034. .quest{
  1035.     font: 32px/34px 'playfair-display', serif;
  1036.     margin-bottom: 50px;
  1037.     padding:60px 0 50px 0;
  1038.     letter-spacing: 0;
  1039.     border-bottom: 1px dashed {color:accent6};
  1040.     position:Relative;
  1041. }
  1042.  
  1043. li{
  1044.     list-style-type:square;
  1045. }
  1046.  
  1047. ol.notes{
  1048.     text-align:center;
  1049.     width:calc(40% - 25px);
  1050.     height:350px;
  1051.     overflow:auto;
  1052.     vertical-align:top;
  1053.     float:right;
  1054.     background:{color:accent1};
  1055.     padding:0;
  1056.     margin:100px 25px 100px 0;
  1057. }
  1058.  
  1059. ol.notes li.note span.action {
  1060.     display: none;
  1061. }
  1062.  
  1063. li.note {
  1064.     display: inline-block;
  1065.     font-size: 0;
  1066.     line-height: 0;
  1067.     vertical-align: top;
  1068.     width: 35px;
  1069.     margin: 20px;
  1070.     position:relative;
  1071.     list-style-type: none;
  1072. }
  1073.  
  1074. li.note img{
  1075.     background:{color:accent1};
  1076.     border-radius:5px;
  1077. }
  1078.  
  1079. li.note.reblog a:hover:before,li.note.like a:hover:before{
  1080.     opacity:1;
  1081. }
  1082.  
  1083. li.note.reblog a:before{
  1084.     opacity:0;
  1085.     content:"";
  1086.     width:12px;
  1087.     height:12px;
  1088.     padding:2px;
  1089.     border-radius:100%;
  1090.     position:absolute;
  1091.     top:50%;
  1092.     left:50%;
  1093.     margin:-8px 0 0 -8px;
  1094.     background:{color:accent1} url(http://static.tumblr.com/hczaopr/oqaoiscm9/repeat.png)no-repeat center;
  1095. }
  1096.  
  1097. li.note.like a:before{
  1098.     opacity:0;
  1099.     content:"";
  1100.     width:10px;
  1101.     height:10px;
  1102.     padding:2px;
  1103.     border-radius:100%;
  1104.     position:absolute;
  1105.     top:50%;
  1106.     left:50%;
  1107.     margin:-7px 0 0 -7px;
  1108.     background:{color:accent1} url(http://static.tumblr.com/hczaopr/DRqoiscmi/heart.png)no-repeat center;
  1109. }
  1110.  
  1111. .ic {
  1112.     position:fixed;
  1113.     top:5%;
  1114.     right:5%;
  1115.     z-index:1;
  1116.     cursor:pointer;
  1117.     background:{color:accent7} url(http://static.tumblr.com/hczaopr/XzUojok9q/controls.png)no-repeat center;
  1118.     width: 44px;
  1119.     height: 44px;
  1120.     padding: 10px;
  1121.     border-radius: 100%;
  1122. }
  1123.  
  1124. #tumblr_controls,.tmblr-iframe.tmblr-iframe--desktop-logged-in-controls {
  1125.     position: fixed!important;
  1126.     top: 5%!important;
  1127.     right: calc(5% - 50px)!important;
  1128.     opacity: 0!important;
  1129.     -webkit-filter: invert(100%);
  1130.     -webkit-backface-visibility: hidden;
  1131.     padding: 10px 70px 10px 10px;
  1132.     -webkit-transition: opacity .3s ease-out;
  1133.     transition: opacity .3s ease-out;
  1134.     -moz-transform: scale(.8);
  1135.     -o-transform: scale(.8);
  1136.     -webkit-transform: scale(.8);
  1137.     transform: scale(.8);
  1138. }
  1139.  
  1140. #tumblr_controls:hover,.tmblr-iframe.tmblr-iframe--desktop-logged-in-controls:hover {
  1141.     cursor:pointer;
  1142.     opacity:1!important;
  1143. }
  1144.  
  1145. .pagination{
  1146.     text-align:right;
  1147.     padding:50px;
  1148.     background:{color:background};
  1149. }
  1150.  
  1151. .pagination a {
  1152.     line-height: 19px;
  1153.     font-size: 24px;
  1154.     padding: 13px 20px;
  1155.     vertical-align: middle;
  1156. }
  1157. </style>
  1158.  
  1159.  
  1160. </head>
  1161. <body>
  1162.  
  1163. <div class="ic"></div>
  1164.  
  1165.  
  1166. <header>
  1167.     <h1><a href="/">{Title}</a></h1>
  1168. </header>
  1169.  
  1170.  
  1171. <div class="button">
  1172.     <span class="btn-open"></span>
  1173. </div>
  1174.  
  1175.  
  1176.    <nav>
  1177.     <div id="navwrap">
  1178.    
  1179.         <div class="desc">
  1180.             <div class="portrait"><img src="{image:portrait}"></div>
  1181.             {description}
  1182.         </div>
  1183.    
  1184.         <div class="mnav">
  1185.             <a href="/">Index</a>
  1186.             <a href="/ask">inbox</a>
  1187.             <a href="/archive">archive</a>
  1188.         </div>
  1189.         <div class="nav">
  1190.             {block:IfCustomLinkOne}
  1191.             <a href="{block:IfCustomLinkOneURL}{text:Custom Link One URL}{/block:IfCustomLinkOneURL}">{text:Custom Link One}</a>
  1192.             {/block:IfCustomLinkOne}
  1193.              
  1194.              
  1195.             {block:IfCustomLinkTwo}
  1196.             <a href="{block:IfCustomLinkTwoURL}{text:Custom Link Two URL}{/block:IfCustomLinkTwoURL}">{text:Custom Link Two}</a>
  1197.             {/block:IfCustomLinkTwo}
  1198.              
  1199.              
  1200.             {block:IfCustomLinkThree}
  1201.             <a href="{block:IfCustomLinkThreeURL}{text:Custom Link Three URL}{/block:IfCustomLinkThreeURL}">{text:Custom Link Three}</a>
  1202.             {/block:IfCustomLinkThree}
  1203.              
  1204.              
  1205.             {block:IfCustomLinkFour}
  1206.             <a href="{block:IfCustomLinkFourURL}{text:Custom Link Four URL}{/block:IfCustomLinkFourURL}">{text:Custom Link Four}</a>
  1207.             {/block:IfCustomLinkFour}
  1208.              
  1209.             {block:IfCustomLinkFive}
  1210.             <a href="{block:IfCustomLinkFiveURL}{text:Custom Link Five URL}{/block:IfCustomLinkFiveURL}">{text:Custom Link Five}</a>
  1211.             {/block:IfCustomLinkFive}
  1212.              
  1213.             {block:IfCustomLinkSix}
  1214.             <a href="{block:IfCustomLinkSixURL}{text:Custom Link Six URL}{/block:IfCustomLinkSixURL}">{text:Custom Link Six}</a>
  1215.             {/block:IfCustomLinkSix}
  1216.              
  1217.              
  1218.             {block:IfCustomLinkSeven}
  1219.             <a href="{block:IfCustomLinkSevenURL}{text:Custom Link Seven URL}{/block:IfCustomLinkSevenURL}">{text:Custom Link Seven}</a>
  1220.             {/block:IfCustomLinkSeven}
  1221.              
  1222.             {block:IfCustomLinkEight}
  1223.             <a href="{block:IfCustomLinkEightURL}{text:Custom Link Eight URL}{/block:IfCustomLinkEightURL}">{text:Custom Link Eight}</a>
  1224.             {/block:IfCustomLinkEight}
  1225.            
  1226.             {block:IfCustomLinkNine}
  1227.             <a href="{block:IfCustomLinkNineURL}{text:Custom Link Nine URL}{/block:IfCustomLinkNineURL}">{text:Custom Link Nine}</a>
  1228.             {/block:IfCustomLinkNine}
  1229.         </div>
  1230.        
  1231.        
  1232.        
  1233.     <form action="/search" method="get" class="search">
  1234. <input type="text" name="q" value="{SearchQuery}" class="query" placeholder="search the tags">
  1235. </form>
  1236.  
  1237.     </div>
  1238.    
  1239.    
  1240.    
  1241. <div class="cred">© <a href="http://ninpen.tumblr.com/">&mdash; Ninpen</a></div>
  1242.    
  1243.    
  1244.     <div class="navfooter">
  1245.         <span>Follow me</span>
  1246.        
  1247.         {block:IfBehanceURL}
  1248.             <a href="{text:Behance URL}"><img src="http://static.tumblr.com/hczaopr/rj2oiv6u6/behance.png"></a>
  1249.         {/block:IfBehanceURL}
  1250.        
  1251.        {block:IfBloggerURL}
  1252.             <a href="{text:Blogger URL}"><img src="http://static.tumblr.com/hczaopr/j7toiv6u0/blogger.png"></a>
  1253.         {/block:IfBloggerURL}
  1254.        
  1255.         {block:IfDribbbleURL}
  1256.             <a href="{text:Dribble URL}"><img src="http://static.tumblr.com/hczaopr/1Ttoiv6tu/dribble.png"></a>
  1257.         {/block:IfDribbbleURL}
  1258.        
  1259.         {block:IfFacebookURL}
  1260.             <a href="{text:Facebook URL}"><img src="http://static.tumblr.com/hczaopr/AW7oiv6tl/facebook.png"></a>
  1261.         {/block:IfFacebookURL}
  1262.        
  1263.         {block:IfFlickrURL}
  1264.             <a href="{text:Flickr URL}"><img src="http://static.tumblr.com/hczaopr/l1Voiv6tf/flickr.png"></a>
  1265.         {/block:IfFlickrURL}
  1266.        
  1267.         {block:IfGooglePlusURL}
  1268.             <a href="{text:GooglePlus URL}"><img src="http://static.tumblr.com/hczaopr/GJQoiv6t8/google-plus.png"></a>
  1269.         {/block:IfGooglePlusURL}
  1270.        
  1271.         {block:IfInstagramURL}
  1272.             <a href="{text:Instagram URL}"><img src="http://static.tumblr.com/hczaopr/NH5oiv6sk/instagram.png"></a>
  1273.         {/block:IfInstagramURL}
  1274.        
  1275.         {block:IfLinkedinURL}
  1276.             <a href="{text:Linkedin URL}"><img src="http://static.tumblr.com/hczaopr/qNOoiv6sd/linkedin.png"></a>
  1277.         {/block:IfLinkedinURL}
  1278.        
  1279.         {block:IfPaypalURL}
  1280.             <a href="{text:Paypal URL}"><img src="http://static.tumblr.com/hczaopr/totoiv6s5/paypal.png"></a>
  1281.         {/block:IfPaypalURL}
  1282.        
  1283.         {block:IfPinterestURL}
  1284.             <a href="{text:Pinterest URL}"><img src="http://static.tumblr.com/hczaopr/8UDoiv6ry/pinterest.png"></a>
  1285.         {/block:IfPinterestURL}
  1286.        
  1287.         {block:IfRssURL}
  1288.             <a href="{text:Rss URL}"><img src="http://static.tumblr.com/hczaopr/wF5oiv6rs/rss.png"></a>
  1289.         {/block:IfRssURL}
  1290.        
  1291.         {block:IfSoundcloudURL}
  1292.             <a href="{text:Soundcloud URL}"><img src="http://static.tumblr.com/hczaopr/pfjoiv6rh/soundcloud.png"></a>
  1293.         {/block:IfSoundcloudURL}
  1294.        
  1295.         {block:IfTwitterURL}
  1296.             <a href="{text:Twitter URL}"><img src="http://static.tumblr.com/hczaopr/fMtoiv6r9/twitter.png"></a>
  1297.         {/block:IfTwitterURL}
  1298.        
  1299.         {block:IfVimeoURL}
  1300.             <a href="{text:Vimeo URL}"><img src="http://static.tumblr.com/hczaopr/Dp5oiv6qt/vimeo.png"></a>
  1301.         {/block:IfVimeoURL}
  1302.        
  1303.         {block:IfWordpressURL}
  1304.             <a href="{text:Wordpress URL}"><img src="http://static.tumblr.com/hczaopr/q7zoiv6qm/wordpress.png"></a>
  1305.         {/block:IfWordpressURL}
  1306.        
  1307.         {block:IfYoutubeURL}
  1308.             <a href="{text:Youtube URL}"><img src="http://static.tumblr.com/hczaopr/52xoiv6qf/youtube.png"></a>
  1309.         {/block:IfYoutubeURL}
  1310.     </div>
  1311. </nav>
  1312.  
  1313.  
  1314.  
  1315. <section id="entrywrap">
  1316. <div id="content">
  1317.  
  1318.  
  1319.  
  1320.  
  1321. {block:Posts}
  1322. <article>
  1323.    
  1324. {block:Text}
  1325.     {block:Title}
  1326.         <h1><a href="{permalink}">{Title}</a></h1>
  1327.     {/block:Title}
  1328.     <div class="txtposts">
  1329.         {Body}
  1330.     </div>
  1331. {/block:Text}
  1332.  
  1333.  
  1334.  
  1335.  
  1336. {block:Link}
  1337.     <h1><a href="{URL}">{Name}</a></h1>
  1338.     <div class="txtposts">
  1339.         {block:Description}{Description}{/block:Description}
  1340.     </div>
  1341. {block:Link}
  1342.  
  1343.  
  1344.  
  1345.  
  1346. {block:Photo}
  1347.     <div class="posts">
  1348.     {block:IndexPage}<div class="postsmargins"><img src="{PhotoURL-HighRes}"></div>
  1349.     {/block:IndexPage}
  1350.    
  1351.     {block:PermalinkPage}
  1352.         <div class="postsmargins">
  1353.             {block:HighRes}
  1354.                 <a href="{PhotoURL-HighRes}"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"></a>
  1355.             {/block:HighRes}
  1356.         </div>
  1357.     {block:PermalinkPage}
  1358.     </div>
  1359.    
  1360.     {block:Caption}
  1361.         <div class="cap">{Caption}</div>
  1362.     {/block:Caption}
  1363. {/block:Photo}
  1364.  
  1365.  
  1366.  
  1367.  
  1368.  
  1369. {block:Photoset}
  1370.     <div class="posts">
  1371.         {block:IndexPage}
  1372.             <div class="iphotosets"><div class="postsmargins"><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">
  1373.                 {block:Photos}<img src="{PhotoURL-HighRes}"><!--{/block:Photos}-->
  1374.             </a></div>
  1375.                
  1376.                
  1377.             <a href="#" data-tag="{TagsAsClasses}" 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"><div id="photo-more"><div class="phtsmore">1 / {PhotoCount}</div></div></a></div>
  1378.         {/block:IndexPage}
  1379.  
  1380.         {block:PermalinkPage}
  1381.             <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">
  1382.             {block:Photos}
  1383.                 <div class="photo-data">
  1384.                     <div class="pxu-photo">
  1385.                         <img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}">
  1386.                     </div>
  1387.                     <a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a>
  1388.                 </div>
  1389.             {/block:Photos}
  1390.             </div>
  1391.         {/block:PermalinkPage}
  1392.     </div>
  1393.        
  1394.     {block:Caption}
  1395.         <div class="cap">{Caption}</div>
  1396.     {/block:Caption}
  1397. {/block:Photoset}
  1398.  
  1399.  
  1400.  
  1401.  
  1402.  
  1403.  
  1404. {block:Chat}
  1405.     <ul class="chat">
  1406.         {block:Lines}
  1407.             <li class="{Alt} user_{UserNumber}">
  1408.         {block:Label}<span class="label">{Label}</span>{/block:Label}
  1409.             {Line}
  1410.         </li>
  1411.         {/block:Lines}
  1412.     </ul>
  1413.  
  1414.     {block:Title}
  1415.         <h1><a href="{Permalink}">{Title}</a></h1>
  1416.     {/block:Title}
  1417. {/block:Chat}
  1418.  
  1419.  
  1420.  
  1421.  
  1422.  
  1423.  
  1424.  
  1425.  
  1426.  
  1427.  
  1428. {block:Audio}
  1429.     <div class="audposts">
  1430.         <div id="albart">
  1431.             <div class="albart">{block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}
  1432.     <div id="play"><div class="play">{block:AudioPlayer}{AudioPlayer}{/block:AudioPlayer}</div></div></div>
  1433.    
  1434.             <div class="balbart">{block:AlbumArt}<img class="blur"src="{AlbumArtURL}">{/block:AlbumArt}</div>
  1435.         </div>
  1436.         <div class="audioinfo">
  1437.             {block:TrackName}<h3>{TrackName}</h3>{/block:TrackName}
  1438.             {block:Artist}<b>{Artist}</b><br>{/block:Artist}
  1439.             {block:Album}{Album}<br>{/block:Album}
  1440.             {block:PlayCount}Played: {FormattedPlayCount} x{/block:PlayCount}
  1441.         </div>
  1442.     </div>
  1443.    
  1444.     {block:Caption}
  1445.         <div class="audcap">{Caption}</div>
  1446.     {/block:Caption}
  1447. {/block:Audio}
  1448.  
  1449.  
  1450.  
  1451.  
  1452.  
  1453.  
  1454. {block:Quote}
  1455.     <h3>{Quote}</h3>
  1456.     <div class="txtposts">
  1457.         {block:Source}<div class="source">{Source}</div>{/block:Source}
  1458.     </div>
  1459. {/block:Quote}
  1460.  
  1461.  
  1462.  
  1463.  
  1464.  
  1465. {block:Answer}
  1466.     <div class="txtposts">
  1467.         <div class="quest">
  1468.             <div class="askimg">
  1469.                 <img src="{AskerPortraitURL-48}">
  1470.             </div>
  1471.             <h4><a href="{permalink}">{Asker}</a></h4>
  1472.             {Question}
  1473.         </div>
  1474.     {Answer}
  1475.     </div>
  1476. {/block:Answer}
  1477.  
  1478.  
  1479.  
  1480.  
  1481. {block:Video}
  1482.     <div class="posts">
  1483.         <div class="video">{Video-700}</div>
  1484.     </div>
  1485.        
  1486.     {block:Caption}
  1487.         <div class="cap">{Caption}</div>
  1488.     {/block:Caption}
  1489. {/block:Video}
  1490.  
  1491.  
  1492.  
  1493.  
  1494.  
  1495. {block:IndexPage}
  1496.     {block:Date}
  1497.         <div class="idate">
  1498.             {DayOfMonthWithZero}.{MonthNumberWithZero}.{ShortYear} &mdash; {12HourWithZero}:{Minutes} {AmPm}
  1499.         </div>
  1500.         {/block:Date}
  1501.  
  1502.     <a href="{permalink}"><div id="iperma"></div></a>
  1503.    
  1504.     <div class="inotes">{block:NoteCount}{NoteCount}{/block:NoteCount} </div>
  1505. {/block:IndexPage}
  1506.  
  1507.  
  1508. {block:ContentSource}<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1509. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->{block:NoSourceLogo}{/block:NoSourceLogo}{/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  1510. </article>
  1511.  
  1512.  
  1513.  
  1514.  
  1515.  
  1516.  
  1517. {block:PermalinkPage}
  1518.     <div class="perma">
  1519.         {block:Date}<b>Date</b> {TimeAgo} &mdash; {DayOfMonthWithZero}.{MonthNumberWithZero}.{ShortYear}{/block:Date}<br>
  1520.         <b>Type</b> {PostType} {PostID}<br>
  1521.        
  1522.         {block:RebloggedFrom}
  1523.             <div class="permareb">
  1524.                 <b>Origin</b> <img src="{ReblogRootPortraitURL-16}">
  1525.                 <a href="{ReblogRootURL}">{ReblogRootName}</a><br>
  1526.                 <b>Via</b> <img src="{ReblogParentPortraitURL-16}"><a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  1527.             </div>
  1528.         {/block:RebloggedFrom}
  1529.        
  1530.         {block:HighRes}
  1531.             <div class="hi-res">
  1532.                 <a href="{PhotoURL-HighRes}">hi res</a>
  1533.             </div>
  1534.         {/block:HighRes}
  1535.        
  1536.         {block:HasTags}
  1537.             <div class="tags">
  1538.                 <b>Filed Under</b> {block:Tags}<a href="{TagURL}">{Tag}</a>{/block:Tags}
  1539.             </div>
  1540.         {/block:HasTags}
  1541.     </div>
  1542. {/block:PermalinkPage}
  1543.  
  1544. {block:PostNotes}
  1545.     {PostNotes-64} 
  1546. {/block:PostNotes}
  1547.  
  1548.  
  1549.  
  1550.  
  1551. {/block:Posts}
  1552.  
  1553. {block:Pagination}
  1554.     <div class="pagination">
  1555.         Entry
  1556.         {block:PreviousPage}<a href="{PreviousPage}"><img src="http://static.tumblr.com/hczaopr/NExokj9sm/left-arrow.png"></a>{/block:PreviousPage}
  1557.         {CurrentPage} of {TotalPages}
  1558.        
  1559.         {block:NextPage}<a href="{NextPage}"><img src="http://static.tumblr.com/hczaopr/m6Xokj9ts/next.png"></a>{/block:NextPage}
  1560.     </div>
  1561. {/block:Pagination}
  1562. <!--POSTS SECTION ENDS-->
  1563.  
  1564.  
  1565. </div>
  1566. </section>
  1567. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  1568. <script src="http://static.tumblr.com/hczaopr/8hQoimdv7/jqueryrotate.js"></script>
  1569. <script src=""></script>
  1570. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  1571. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  1572. <script>
  1573. ! function(a) {
  1574.     a.fn.unnest = function(b) {
  1575.         var d, e, f, g, h, c = a.extend({}, b),
  1576.             i = c.wrapName.slice(1, c.wrapName.length),
  1577.             j = c.tumblrAvatarClass.slice(1, c.tumblrAvatarClass.length);
  1578.         a(c.yourCaption, this).each(function() {
  1579.             var b = !1,
  1580.                 k = !1;
  1581.             a("a.tumblr_blog", this).length <= 0 && (b = !0), a(this).find("blockquote").each(function() {
  1582.                a(this).prev().children(".tumblr_blog").length > 0 && (a(this).addClass(i), d = a(this).parent().find("a.tumblr_blog").parent("p").html(), c.usernameColon || (d = d.slice(0, -1))), a(this).hasClass(i) && (a(this).prepend(d), c.tumblrAvatars && (g = a(this).prev().children("a.tumblr_blog").text(), a(this).prepend('<img src="http://api.tumblr.com/v2/blog/' + g + '.tumblr.com/avatar/30" class="' + j + '" />')))
  1583.            }), a(this).find("a.tumblr_blog:first-of-type").parent("p").remove(), a(c.wrapName, this).each(function() {
  1584.                a(this).parents(c.yourCaption).prepend(a(this))
  1585.            }), h = "neothm.com";
  1586.             var l = a(this);
  1587.             a.getScript("http://" + h + "/api/read/json").complete(function() {
  1588.                 e = l.contents(":not(" + c.wrapName + ")"), e.text().replace(/\s/g, "").length > 0 && (k = l.clone().find(c.wrapName).remove().end().html(), e.remove(), c.newCaptionUsername || b ? (f = '<blockquote class="' + i + '">', c.tumblrAvatars && (!b || b && c.originalPostCaptionUsername) && (f += '<img src="http://api.tumblr.com/v2/blog/' + h + '/avatar/30" class="' + j + '" />'), (!b || b && c.originalPostCaptionUsername) && (f += '<a class="tumblr_blog" href="/">'), (!b || b && c.originalPostCaptionUsername) && ("undefined" != typeof tumblr_api_read && (h = tumblr_api_read.tumblelog.name), console.info(h), f += h + "</a><p>"), f += k + "</blockquote>", l.append(f)) : l.append('<blockquote class="' + i + '">' + k + "</blockquote>"))
  1589.            })
  1590.        })
  1591.    }
  1592. }(jQuery);
  1593. $(".inotes").rotate(90);
  1594. $('article').unnest({
  1595.     yourCaption: ".cap, .audcap",
  1596.     wrapName: ".tumblr_parent",
  1597.     newCaptionUsername: true,
  1598.     originalPostCaptionUsername: true,
  1599.     tumblrAvatars: true,
  1600.     tumblrAvatarClass: ".tumblr_avatar",
  1601.     usernameColon: false
  1602. });
  1603. $(document).ready(function() {
  1604.     $(".button span").click(function(){
  1605.         $("nav").fadeToggle(200);
  1606.        $(this).toggleClass('btn-open').toggleClass('btn-close');
  1607.     });
  1608.    
  1609.     $('.photo-slideshow').pxuPhotoset({
  1610.        lightbox: true,
  1611.        rounded: false,
  1612.        gutter: '0px',
  1613.        borderRadius: '0px',
  1614.        photoset: '.photo-slideshow',
  1615.        photoWrap: '.photo-data',
  1616.        photo: '.pxu-photo'
  1617.    });
  1618.     var color = '{color:accent1}';
  1619.     $('.soundcloud_audio_player').each(function() {
  1620.         $(this).attr({
  1621.             src: $(this).attr('src').split('&')[0] + '&amp;liking=false&amp;sharing=false&amp;auto_play=false&amp;show_comments=false&amp;continuous_play=false&amp;buying=false&amp;show_playcount=false&amp;show_artwork=true&amp;origin=tumblr&amp;color=' + color.split('#')[1],
  1622.             height: 126,
  1623.             width: '100%'
  1624.         });
  1625.     });
  1626. });
  1627. </script>
  1628.  
  1629. </body>
  1630. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!