ohlophobia

Korean cafe in Seoul /or Ghibli aes theme </>

Jan 19th, 2021
2,283
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html>
  2.  
  3.  
  4. <!-- THEME MADE BY NATSYME.TUMBLR.COM
  5.  
  6. PLEASE DO NOT DELETE, EDIT OR REMOVE THEME CREDIT LINK!!!! -->
  7.  
  8.  
  9. <html>
  10. <head>
  11. <title> {Title} </title>
  12. {block:ifCustomfavicon} <link rel="shortcut icon" href="{image:favicon}"> {/block:ifCustomfavicon}
  13. {block:ifnotCustomfavicon} <link rel="shortcut icon" href="{Favicon}"> {/block:ifnotCustomfavicon}
  14. <meta charset="utf-8">
  15. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  16.  {block:Description}
  17.         <meta name="description" content="{MetaDescription}">
  18.         {/block:Description}
  19.    
  20. <meta name="if:BGcover" content="" />
  21. <meta name="if:Captions" content="0" />
  22. <meta name="if:Tags" content="0" />
  23. <meta name="if:Title" content="0" />
  24. <meta name="if:Update 1" content="" />
  25. <meta name="if:Update 2" content="" />
  26. <meta name="if:Pagination" content="" />
  27. <meta name="if:Custom favicon" content="" />
  28. <meta name="if:Custom cursor" content="" />
  29. <meta name="if:Custom scrollbar" content="0" />
  30.  
  31. <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
  32.  
  33. <meta name="image:BG" content""/>
  34. <meta name="image:Sidebar icon" content=""/>
  35. <meta name="image:Favicon" content=""/>
  36. <meta name="image:Posts bg" content=""/>
  37. <meta name="image:Cursor" content""/>
  38.  
  39. <meta name="color:Background" content="#ffffff"/>
  40. <meta name="color:Text" content="#897b69"/>
  41. <meta name="color:Links border" content="#f0e5dd"/>
  42. <meta name="color:Blockquote border" content="#f8ebe1"/>
  43. <meta name="color:Accent" content="#e5d9cd"/>
  44. <meta name="color:Posts" content="#ffffff"/>
  45. <meta name="color:Desc and perma" content="#f5eee7"/>
  46. <meta name="color:Caption" content="#f8f2ed"/>
  47. <meta name="color:Scroll" content="#ffffff" />
  48. <meta name="color:Scrollbar" content="#eddecf" />
  49. <meta name="color:Scrollbar Buttons" content="#dcbfad" />
  50. <meta name="color:Scrollbar Buttons Border" content="#c9b3a4"/>
  51. <meta name="color:Tooltip" content="#89807b" />
  52. <meta name="color:Tooltip bg" content="#ffffff" />
  53.  
  54. <meta name="text:Posts size" content="400" />
  55. <meta name="text:Icon width" content="60" />
  56.  
  57. <meta name="text:Description title" content="description" />
  58. <meta name="text:Update 1 title" content="title 1" />
  59. <meta name="text:Update 1 text" content="" />
  60. <meta name="text:Update 2 title" content="title 2" />
  61. <meta name="text:Update 2 text" content="" />
  62.  
  63. <meta name="text:Link 1 URL" content="/" />
  64. <meta name="text:Link 1 name" content="link1" />
  65. <meta name="text:Link 2 URL" content="/" />
  66. <meta name="text:Link 2 name" content="link2" />
  67. <meta name="text:Link 3 URL" content="/" />
  68. <meta name="text:Link 3 name" content="link3" />
  69. <meta name="text:Link 4 URL" content="/" />
  70. <meta name="text:Link 4 name" content="link4" />
  71. <meta name="text:Link 5 URL" content="/" />
  72. <meta name="text:Link 5 name" content="link5" />
  73. <meta name="text:Link 6 URL" content="/" />
  74. <meta name="text:Link 6 name" content="link6" />
  75.  
  76. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
  77. <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  78. <link href="https://static.tumblr.com/1kdckk4/9yjlolf0w/slkscr.ttf" rel="stylesheet">
  79.  
  80. <link href="https://fonts.googleapis.com/css?family=Barlow|Exo|Exo+2&display=swap" rel="stylesheet">
  81.  
  82. <link href="https://fonts.googleapis.com/css?family=Pacifico" rel="stylesheet">
  83. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
  84.  
  85.  
  86. <style type="text/css">
  87.  
  88. /* SCROLLBAR */
  89.    
  90. ::-webkit-scrollbar {width:10px; height:10px; }
  91. ::-webkit-scrollbar-track   { background-color:transparent; }
  92. ::-webkit-scrollbar-track-piece { background-color:{color:Scrollbar}; border:4px solid {color:Scroll};}
  93. ::-webkit-scrollbar-thumb {background-color:{color:Scrollbar};}
  94. ::-webkit-scrollbar-button { border:1px solid {color:Scrollbar Buttons border}; width:10px; height:10px; background-color:{color:Scrollbar Buttons};  }
  95.  
  96. /* CONTROLS */
  97.  
  98. iframe.tmblr-iframe {
  99.     z-index:99999999999999999999999999999999999999999999999999999999999999999!important;
  100.     top:8px!important;
  101.     right:8px!important;
  102.     opacity:0.4;
  103.     /* delete invert(1) from here */
  104.         filter:invert(1) contrast(150%);
  105.         -webkit-filter:invert(1) contrast(150%);
  106.         -o-filter:invert(1) contrast(150%);
  107.         -moz-filter:invert(1) contrast(150%);
  108.         -ms-filter:invert(1) contrast(150%);
  109.     /* to here if your blog has a dark background */
  110.     transform:scale(0.65);
  111.     transform-origin:100% 0;
  112.     -webkit-transform:scale(0.65);
  113.     -webkit-transform-origin:100% 0;
  114.     -o-transform:scale(0.65);
  115.     -o-transform-origin:100% 0;
  116.     -moz-transform:scale(0.65);
  117.     -moz-transform-origin:100% 0;
  118.     -ms-transform:scale(0.65);
  119.     -ms-transform-origin:100% 0;}
  120.  
  121. iframe.tmblr-iframe:hover {
  122.     opacity:0.5!important;}
  123.    
  124. /* GENERAL */
  125.  
  126. html, body, a, a:link { {block:ifCustomCursor} cursor:url({image:cursor}),auto; {/block:IfCustomCursor} }
  127.  
  128. body {background:url({image:BG}) fixed repeat center {color:background}; {block:ifBGcover}background-size:100% 100%;{/block:ifBGcover} color:{color:text}; font-family: 'Exo', sans-serif; font-size:10px; text-align:justify; letter-spacing:0.75px; word-spacing:1px; line-height:1.4em; word-break:break-word; -moz-osx-font-smoothing:grayscale; -webkit-font-smoothing:antialiased; font-smoothing:antialiased; overflow-x:hidden; margin:0!important;}
  129.  
  130. a {color:{color:text};  text-decoration:none;  box-shadow: 0 -6px {color:Links border} inset; transition: .4s ease-in-out; -moz-transition: .4s ease-in-out; -webkit-transition: .4s ease-in-out; }
  131.  
  132. a:hover {color:{color:text}; text-decoration:none; box-shadow: 0 -2px {color:Links border} inset; transition: .4s ease-in-out; -moz-transition: .4s ease-in-out; -webkit-transition: .4s ease-in-out; {block:ifCustomCursor} cursor:url({image:cursor}),auto; {/block:IfCustomCursor} }
  133.  
  134. li { margin:0 0 0 -5px; list-style-type:square;}
  135. ul,ol {margin:0;}
  136. small {font-size:10px;}
  137. big {font-size:12px;}
  138. h1,h2,h3,h4 {font-size:11px; line-height:1.6em; margin:0px; padding:0px;}
  139. h5,h6 {font-size:10px; line-height:1.6em; margin:0px; padding:0px;}
  140. p {margin:7px 0; padding:0px;}
  141. hr { border:none; box-shadow:0; margin:1em auto; width:75px; border-top:1px solid {color:Blockquote border};}
  142.  
  143. /* POSTS */
  144.  
  145. #kuroshitsuji { margin:auto; top:0; }
  146. .entry  { width:calc({text:posts size}px + 20px);  margin:50px auto; z-index:10px; }
  147. .pagination { overflow:hidden;}
  148. .pagination .next {float:right;}
  149. .posts { width:calc({text:posts size}px + 20px);  margin:auto auto 80px auto; }  
  150. .posts img {overflow:auto; max-width:100%; }
  151. .post { width:{text:posts size}px; padding:10px; background:url({image:Posts bg}) repeat center {color:posts};}  
  152.  
  153. .ph { max-width:{text:posts size}px; }
  154. .ph a {background-color:transparent; border-bottom:0; text-decoration:none;  box-shadow:none;}
  155. .ph img {display:block;}
  156.  
  157. .phst {background-color:transparent; }
  158. .phst a {box-shadow:none; border-bottom:0;}
  159. .vd {overflow:hidden;}
  160. .video {position: relative; }
  161. .video figure {margin:0; padding:0; max-width:calc({text:posts size}px - 20px)!important; display:block; }
  162. .video .tmblr-full {max-width:calc({text:posts size}px - 20px)!important;}
  163. .video figure video {max-width:calc({text:posts size}px - 20px)!important;}
  164.  
  165. /* SIDEBAR */
  166.  
  167. .art { position:fixed; margin:0px auto auto -330px;  width:220px;}
  168.  
  169. .tit {font-weight:bold; font-size:9px; text-transform:uppercase; {block:ifsidebariconimage} margin:0 0 20px 0;  {/block:ifsidebariconimage}  {block:ifnotsidebariconimage} margin:0; {/block:ifnotsidebariconimage} }
  170. .tit a {border-bottom:0; box-shadow:none; font-size:11px; text-decoration:none; padding:2px 3px;  letter-spacing:1px; transition: .7s ease-in-out; -moz-transition: .7s ease-in-out; -webkit-transition: .7s ease-in-out;}
  171. .tit a:hover {letter-spacing:2px; box-shadow:none; transition: .7s ease-in-out; -moz-transition: .7s ease-in-out; -webkit-transition: .7s ease-in-out;}
  172.  
  173. .sideicon {width:{text:Icon width}px; max-width:130px; max-height:150px; margin:0;}
  174. .sideicon img { width:{text:Icon width}px; max-width:130px; max-height:150px; box-shadow:none; border-radius:5px;  }
  175. .sideicon a {text-decoration:none;  box-shadow:none;}
  176.  
  177. .line_tit {position:absolute; margin:25px auto auto 55px; font-size:9px; text-transform:uppercase;  padding:0 2px; }
  178. .line { width:40px; display:block; padding:0; margin:0; border-bottom:3px solid {color:accent}; height:3px; margin:11px 0 0 0; }
  179. .desc { padding:20px 0 0 0; text-align:left; font-size:9px; text-transform:uppercase; }
  180.  
  181. .links {margin:20px 0; font-size:9px; text-transform:uppercase;}
  182. .links li {text-align:left; list-style-type: decimal-leading-zero; list-style-position: inside; padding:7px 0px; border-bottom:1px solid {color:accent}; margin:0 0 0 -5px;}
  183. .links a:hover {margin:0 0 0 10px; box-shadow:none; transition: .7s ease-in-out; -moz-transition: .7s ease-in-out; -webkit-transition: .7s ease-in-out;}
  184. .links a {margin:0 0 0 5px; border-bottom:0;box-shadow:none; text-decoration:none; transition: .7s ease-in-out; -moz-transition: .7s ease-in-out; -webkit-transition: .7s ease-in-out;}
  185.  
  186. .hisoillu { font-size:11px; bottom:0; z-index:99999999; position:fixed; background-color:{color:Accent}; margin: auto auto 30px 40px; border-radius:5px; padding:4px 5px 4px 6px; color:{color:text}; border-bottom:0; box-shadow:none; }
  187. .hisoillu:hover { box-shadow: 0 -22px {color:Links border} inset; transition: .4s ease-in-out; -moz-transition: .4s ease-in-out; -webkit-transition: .4s ease-in-out; }
  188.  
  189. /* CAPTION */
  190.  
  191. .caption {margin:10px 0 0 0; padding:5px 10px; background-color:{color:caption}; line-height:1.6em; width:calc({text:posts size}px - 20px); word-break:break-word; overflow:auto;}
  192. .txt {margin:0; text-align:justify; letter-spacing:0.75px; word-spacing:1px; word-break:break-word; padding:0; }
  193. .caption img, .caption a img {max-width:{text:posts size}px; height:auto;}
  194. .caption iframe {margin:0; padding:0; width:calc({text:posts size}px - 20px);}
  195.  
  196. a.tumblr_blog {border:0;}
  197.  
  198. .cap { border:0; padding:0; }
  199. .cap .tumblr_blog { margin:10px 0 0px 0;  color:{color:text}; box-shadow:none; font-size:9px; text-transform:uppercase; display:block; }
  200. .cap a.tumblr_blog {text-decoration:none;}
  201. .icon { width:15px; height:15px; margin-right:10px; float:left; border-radius:2px; vertical-align:middle; }
  202.  
  203. .pagi { padding:10px 0 0 0; text-align:left; word-spacing:5px; }
  204. .pagi a {color:{color:text}; text-decoration:none; box-shadow:none; }
  205. .jump_page {background-color:{color:Accent}; padding:2px 5px; border-radius:3px;}
  206. .jump_page:hover { box-shadow: 0 -18px {color:Links border} inset; transition: .4s ease-in-out; -moz-transition: .4s ease-in-out; -webkit-transition: .4s ease-in-out; }
  207.  
  208. blockquote { padding:0px 5px 0px 15px; border-left: 2px solid {color:Blockquote border}; margin:10px 0; max-width:calc({text:posts size}px - 20px);}
  209. blockquote img {max-width:calc({text:posts size}px - 20px)!important; margin:3px 0; padding:0; }
  210. blockquote figure {margin:3px 0; padding:0; width:calc({text:posts size}px - 20px)!important; word-break:break-word; display:block; }
  211. blockquote figure img {max-width:calc({text:posts size}px - 20px)!important; margin:0; padding:0; }
  212. blockquote .tmblr-full {width:calc({text:posts size}px - 20px);}
  213. blockquote figure video {width:calc({text:posts size}px - 20px);}
  214.  
  215. /* PERMALINK */
  216.  
  217. .perma { font-size:9px; text-transform:uppercase; padding:6px 0; margin:0 0 10px 0; text-align:left;  color:{color:text}; background-color:{color:Desc and perma}; }  
  218. .perma a {color:{color:text};  text-decoration:none; border-bottom:0; box-shadow:none; }
  219. .perma a:hover {color:{color:text};  text-decoration: none; border-bottom:0; box-shadow:none;}
  220.  
  221. /* TAGS */
  222.  
  223. .tagline { width:60px; border-top:4px solid {color:accent}; margin-top:-2px; margin-left:calc(50% - 30px); }
  224. .tags { width:{text:posts size}px; padding:7px 10px; margin:0;  word-wrap: break-all; text-align:center;}
  225. .tags .dash { color:{color:text}; margin:0 2px 0 0;}
  226. .tags .dash:last-child {display: none; }
  227.  
  228. .tags a {border-bottom:0; text-decoration:none; box-shadow:none;}
  229. .tags a:hover { border-bottom:1px solid {color:links border}; text-decoration:none; box-shadow:none; transition:0;}
  230.  
  231. /* POSTS STYLE */
  232.  
  233. .tagpage {text-align:center;  text-transform:lowercase; font-size:12px; font-weight:normal; margin:60px auto 20px; position: -webkit-sticky; position: sticky;  top: 20px; padding:15px 0; z-index:99999; width:calc({text:posts size}px + 20px);}
  234. .tagpage a {color:{color:text};  text-decoration:none; border-bottom:0; box-shadow:none;}
  235.  
  236. .title { text-align:center; font-size:14px; margin:7px 10px; line-height:1.7em; font-family:'Pacifico';}
  237.  
  238. .tmblr-attribution {background-color:{color:accent}; padding:2px 5px; font-size:9px; text-transform:uppercase; text-align:center;}
  239. .tmblr-attribution a {border-bottom:0; box-shadow:none; text-decoration:none;}
  240.  
  241. #titlequote{ text-align:left; font-family: 'Pacifico', cursive; font-size:13px; line-height:1.8em;}
  242. #source {  margin-top:10px; text-align:right; font-style:italic; text-transform:lowercase; }
  243.  
  244. .audiocover {width:70px; height:70px;position:absolute; margin:0; border-radius:3px;}
  245. .audiocover img {width:70px; height:70px; border-radius:3px;}
  246. .audioholder { z-index:999; margin:0px auto auto 0px; position:absolute; opacity:0.2; width:70px; height:70px; margin:0; background-color:#fff; border-radius:3px;}
  247. .audioholder:hover {opacity:0.7;}
  248. .audioplayer{width:30px; height:30px; margin:20px; overflow:hidden; background-color:#fff; }.audioinfo { margin-left:70px; padding:0 10px; overflow:auto; max-height:100px; min-height:70px; overflow:auto;}
  249.  
  250. .question {text-align:left; line-height:1.8em; padding:12px 15px; background-color:#f9f9f9; border-radius:2px; }
  251. .question a {text-decoration:none; box-shadow:none;}
  252. .ask {margin:7px 0 0 0;}
  253. .asker { margin:0; }
  254. .asker img {border-radius:3px; margin:-2px 5px 0 0; display:inline-block; vertical-align:middle;}
  255. .asker a {display:inline-block; vertical-align:middle; border:0; font-size:9px; text-transform:uppercase; }
  256.  
  257. .chat {overflow:auto; padding:0; margin:-5px 0;} .chat li { margin:6px 0; padding:0px; list-style:none;} .chat ol {padding:0; list-style:none; margin:0; } .line {padding:8px 0;} .label {font-weight:bold; margin-right:10px; }
  258.  
  259. /* NOTES */
  260.  
  261. .pg {{block:IndexPage}display: none!important;{/block:IndexPage} width:{text:posts size}px; margin-top:40px; margin-bottom:0px; text-align:left; z-index:2; }
  262. .pg img {display:none!important;}
  263. .pg li {list-style-type:none; border:0; padding:6px 0px 0 0px; margin:0px;}
  264. .pg ul, ol {margin:0 0 0 -35px;} .pg a {text-decoration:none;}
  265.  
  266. #s-m-t-tooltip {max-width:300px; margin:25px; background-color:{color:tooltip bg}; color:{color:tooltip}; padding:5px 10px; z-index:999999999999999999999999999999999999; border-radius:2px;}
  267.  
  268. </style>
  269.  
  270. </head>
  271.  
  272. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  273. <script>
  274. (function($){
  275. $(document).ready(function(){
  276. $("a[title]").style_my_tooltips({
  277. tip_follows_cursor:true,
  278. tip_delay_time:0,
  279. tip_fade_speed:0,
  280. attribute:"title"
  281. });
  282. });
  283. })(jQuery);
  284. </script>
  285.  
  286. <body>
  287.  
  288. <!--CONTAINER-->
  289.      
  290. <div id="kuroshitsuji">
  291.  
  292. <!--SIDEBAR-->
  293.  
  294. <a class="hisoillu" title="theme made by natsyme"href="https://natsyme.tumblr.com/"><i class="fa fa-code"></i></a>
  295.    
  296. <article class="entry">
  297.  
  298. <div class="art">
  299. {block:iftitle}<div class="tit"><a href="/">{title}</a></div>{/block:iftitle}
  300.  
  301.  {block:ifsidebariconimage} <div class="sideicon">
  302.         <img style="position:absolute; width:auto; z-index:9999999; margin-top:-5px; margin-left:-5px;" src="{image:Desc pixel}">
  303.         <a title="index page"style="box-shadow:none;" href="/"><img src="{image:sidebar icon}"></a>
  304.     </div> {/block:ifsidebariconimage}
  305.  
  306. <div class="line_tit">{text:Description title}</div>
  307. <div class="line"></div>
  308. <div class="desc">{description}</div>
  309.  
  310. {block:ifUpdate1}
  311. <div class="line_tit">{text:Update 1 title}</div>
  312. <div class="line"></div>
  313. <div class="desc">{text:Update 1 text}</div>
  314. {/block:ifUpdate1}
  315.  
  316. {block:ifUpdate2}
  317. <div class="line_tit">{text:Update 2 title}</div>
  318. <div class="line"></div>
  319. <div class="desc">{text:Update 2 text}</div>
  320. {/block:ifUpdate2}
  321.  
  322. <div class="links"> <ol>
  323.  {block:iflink1name}<li><a href="{text:link 1 url}">{text:link 1 name}</a> </li>{/block:iflink1name}
  324. {block:iflink2name}<li><a href="{text:link 2 url}">{text:link 2 name}</a></li>  {/block:iflink2name}
  325. {block:iflink3name}<li><a href="{text:link 3 url}">{text:link 3 name}</a></li>  {/block:iflink3name}
  326. {block:iflink4name}<li><a href="{text:link 4 url}">{text:link 4 name}</a></li>  {/block:iflink4name}
  327. {block:iflink5name}<li><a href="{text:link 5 url}">{text:link 5 name}</a></li>  {/block:iflink5name}
  328. {block:iflink6name}<li><a href="{text:link 6 url}">{text:link 6 name}</a></li>  {/block:iflink6name} </ol>
  329. </div>
  330.  
  331. {block:ifpagination}{block:pagination}
  332.   <div class="pagi">
  333.        {block:JumpPagination length="5"}{block:CurrentPage} <span class="current_page"><strong>{PageNumber}</strong></span> {/block:CurrentPage}{block:JumpPage} <a class="jump_page" href="{URL}">{PageNumber}</a> {/block:JumpPage}{/block:JumpPagination}... ({TotalPages})  
  334.   </div>
  335.   {/block:pagination}{/block:ifpagination}
  336.  
  337. </div>
  338.  
  339. <!--TAGPAGE-->
  340.  
  341. {block:TagPage}  <div class="tagpage"> <a style="background-color:{color:Accent}; padding:3px 7px;">tagged #{Tag}</a> </div>{/block:TagPage}
  342.  
  343. <!--POSTS-->
  344.    
  345. {block:Posts}<section class="posts">
  346. <div class="post">
  347.  
  348. <!--INDEXPAGE PERMA-->
  349.  
  350. {block:iftagpixelimage}<img style="max-height:15px; margin-top:-4px; margin-right:-5px; position:absolute;"src="{image:Tag pixel}">{/block:iftagpixelimage}
  351.  
  352. {block:Date}<div class="perma">
  353.  <a style=" float:left; background-color:{color:Accent}; padding:6px 7px; margin-top:-6px;" href="{permalink}">{DayOfMonthWithZero}-{MonthNumberWithZero}-{ShortYear}</a>&nbsp;
  354. {block:RebloggedFrom} <a title="{ReblogParentName}"href="{ReblogParentURL}" target="_blank">via</a> <a title="{ReblogRootName}" href="{ReblogRootURL}"target="_blank">| src</a> {/block:RebloggedFrom}
  355. {block:NoteCount} <a style="float:right; margin-top:-6px; background-color:{color:Accent}; padding:6px 7px;" href="{permalink}">{notecount}</a> {/block:NoteCount}
  356. </div> {/block:Date}
  357.  
  358. <!--POSTS-->
  359.  
  360. {block:Quote}{block:Title}<div class="title">{Title}</div>{/block:Title}<div id="titlequote">{Quote}</div>{block:Source}<div id="source">{Source}</div>{/block:Source}{/block:Quote}
  361.  
  362. {block:Text}<div class="txt">{block:Title}<div class="title">{Title}</div>{/block:Title}<div class="caption">{Body}</div></div>{/block:Text}
  363.  
  364. {block:Link}<div class="txt">{block:Title}<div class="title">{Title}</div>{/block:Title}<div class="caption"> <div class="title"><a href="{URL}">{Name}</a></div></div>{block:Description}{Description}{/block:Description}</div>{/block:Link}
  365.  
  366. {block:Chat}<div class="chat">{block:Title}<div class="title">{Title}</div>{/block:Title}<ol>{block:Lines}<li class="line {Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label}{Line}</li>{/block:Lines}</ol></div>{/block:Chat}
  367.  
  368. {block:Answer}<div class="question">
  369. <div class="asker"><img src="{AskerPortraitURL-16}"> {Asker}:</div> <div class="ask">{question}</div></div><div class="caption">{Answer}</div>{/block:Answer}
  370.  
  371. {block:Photo}<div class="ph">{LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" style="max-width:100%;" />{LinkCloseTag}</div>{/block:Photo}
  372.  
  373. {block:Photoset}<div class="phst"><div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div></div>{/block:Photoset}
  374.  
  375. {block:Video}<div class="vd"><div class="video">{Video-500}</div></div>{/block:Video}
  376.  
  377. {block:Audio}{block:AudioPlayer}<div class="audioholder"><div class="audioplayer">{AudioPlayerwhite}</div></div>{/block:AudioPlayer}{block:AlbumArt}<img class="audiocover"src="{AlbumArtURL}">{/block:AlbumArt}<div class="audioinfo"><h2 style="display:inline-block;"><i class="fa fa-volume-up"></i></h2> <h2 style="font-size:9px; text-transform:uppercase; display:inline-block; margin-bottom:5px;">audio</h2><br><b>Title:</b> {block:Artist} {Artist} -{/block:Artist} {block:TrackName} {TrackName} {/block:TrackName} {block:PlayCount}<br> <b>Play count:</b> {PlayCount} {/block:PlayCount}</div>{/block:Audio}
  378.  
  379.  
  380. {block:indexpage}{block:ifCaptions} {block:Caption}<div class="caption">{Caption}</div>{/block:Caption} {/block:ifCaptions} {/block:indexpage}
  381.  
  382. {block:PermalinkPage}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption} {/block:PermalinkPage}  
  383.    
  384. </div>
  385.  
  386. <!--TAGS-->
  387.  
  388. {block:iftags} {block:HasTags} <div class="tagline"></div> <div class="tags"> {block:Tags} <a href="{TagURL}">#{Tag}</a>&nbsp; {/block:Tags}</div>{/block:HasTags}{/block:iftags}
  389.  
  390. {block:PostNotes} <div class="pg">{PostNotes}</div>{/block:PostNotes}
  391.    
  392. </section>
  393.  
  394. {/block:Posts}
  395.  
  396. <!--END POSTS-->
  397.  
  398. </article>  </div>
  399.  
  400. <!--END CONTAINER-->
  401.  
  402. <script src="//code.jquery.com/jquery-2.2.4.min.js"></script>
  403. <script src="//static.tumblr.com/wgg6svp/ohGobvaye/unnest.min.js"></script>
  404. <script src ="//static.tumblr.com/fwgzvyf/l6jnyutne/shythemes.vr.js"></script>
  405. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  406.  
  407. <!--Pagination: previous/next page links-->
  408. {block:Pagination}
  409. <div class="pagination">
  410.     {block:NextPage}<a class="next" href="{NextPage}"> </a>{/block:NextPage}
  411.  
  412.     {block:PreviousPage}<a href="{PreviousPage}"> </a>{/block:PreviousPage}
  413. </div>
  414. {/block:Pagination}  
  415.  
  416. <!--NPF photosets-->
  417.  
  418. <script src="https://static.tumblr.com/xkippcr/UcUpkz0rc/npfphotosets.js"></script>
  419.  
  420. <script>
  421.  
  422. npfPhotosets({
  423.  
  424.    rowClass:"npf_row",
  425.  
  426.    imageContainerClass:"tmblr-full",
  427.  
  428.    generatedPhotosetContainerClass:"npf_photoset",
  429.  
  430.    imageClass:"npf_image",
  431.  
  432.    includeSingleRowImagesInPhotosets: true,
  433.  
  434.    insertGalleryIndicator: false,
  435.  
  436.    galleryIndicatorClass: "npf_gallery_indicator",
  437.  
  438.    galleryIndicatorContent: "<img src='image_url'>",
  439.  
  440.    photosetMargins:""
  441.  
  442. });
  443.  
  444. </script>
  445.  
  446. <!--/-->
  447.  
  448. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  449.  
  450.  
  451. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  452. <script src="//static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  453. <script src="//static.tumblr.com/wgg6svp/ohGobvaye/unnest.min.js"></script>
  454. <script src="//static.tumblr.com/fwgzvyf/FRIojd56w/shythemes.fn.js"></script>
  455. {block:IndexPage}
  456. {block:ifnotpagination}
  457. <script src="https://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  458. {/block:ifnotpagination}
  459. {/block:IndexPage}
  460.  
  461. <script>
  462. $(document).ready(function(){
  463.     var $container = $('.entry');
  464.     $container.resizevideos();
  465.     $('.photo-slideshow').pxuPhotoset({
  466.         lightbox: true,
  467.         rounded: false,
  468.         gutter: '1px',
  469.         photoset: '.photo-slideshow',
  470.         photoWrap: '.photo-data',
  471.         photo: '.pxu-photo'
  472.     });
  473.     $('.post').unnest({
  474.          yourCaption: ".caption",
  475.          wrapName: ".cap",
  476.          newCaptionUsername: false,
  477.          originalPostCaptionUsername: false,
  478.          tumblrAvatars: false,
  479.          tumblrAvatarClass: ".icon",
  480.          usernameColon: false
  481.     });
  482.     {block:ifnotpagination}
  483.     $container.infinitescroll({
  484.         itemSelector: '.posts',
  485.         navSelector: '.pagination',
  486.         nextSelector : '.next',
  487.         loadingImg: '',
  488.         loadingText: '<em></em>',
  489.         donetext: 'No more posts' ,
  490.         bufferPx: 500
  491.     },
  492.     function( newElements ) {
  493.         var $newElems = $( newElements );
  494.         var $newElemsIDs =
  495.         $newElems.find('.photo-slideshow').pxuPhotoset({
  496.             lightbox: true,
  497.             rounded: false,
  498.             gutter: '1px',
  499.             photoset: '.photo-slideshow',
  500.             photoWrap: '.photo-data',
  501.             photo: '.pxu-photo'
  502.         });
  503.         $newElems.unnest({
  504.              yourCaption: ".caption",
  505.              wrapName: ".cap",
  506.              newCaptionUsername: false,
  507.              originalPostCaptionUsername: false,
  508.              tumblrAvatars: false,
  509.              tumblrAvatarClass: ".icon",
  510.              usernameColon: false
  511.         });
  512.     });
  513.     {/block:ifnotpagination}
  514. });
  515. </script>
  516.  
  517.  
  518. </div>
  519. {block:ContentSource}
  520. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  521. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  522. {/block:SourceLogo}
  523. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  524. {/block:ContentSource}
  525. </body>
  526. </html>
RAW Paste Data