API tools faq
paste
Advertisement
ohlophobia

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

ohlophobia
Jan 19th, 2021
12,182
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 24.75 KB | None | 0 0
raw download clone embed print report
  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>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!