API tools faq
paste
1l1l

清潔な THEME

1l1l
Dec 11th, 2019 (edited)
1,173
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.04 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <!---
  3. 清潔な THEME by @ps1 - updated 4.17.2020
  4.  
  5. A theme originally for myself but now to you!
  6. you may change the credit symbol, but don't remove my link xoxo.
  7. --->
  8.  
  9. <head>
  10. <title>{Title}</title>
  11. <link rel="icon" href="{image:FavIcon}" type="image/gif" >
  12. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  13. {block:Description}
  14. <meta name="description" content="{MetaDescription}" />
  15. {/block:Description}
  16.  
  17. {block:IfRedirect}
  18. <script>
  19. if(window.location.pathname == '/') location.replace('{text:Redirect Link}');
  20. </script>
  21. {block:IfRedirect}
  22.  
  23. <script>
  24. if(window.location.pathname == '/ask') location.replace('/q');
  25. </script>
  26.  
  27. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.9/SmoothScroll.js"></script>
  28. <!--- Add Custom Fonts Here (like Google Fonts) --->
  29.  
  30.  
  31. <!--- Then add Font name to the 'Font Family' in Theme Options Area --->
  32.  
  33. <meta name="image:favicon" content=""/>
  34. <meta name="image:sidebar" content="https://i.imgur.com/MoY8FiI.png"/>
  35. <meta name="image:background" content=""/>
  36. <meta name="image:post bkg" content=""/>
  37. <meta name="image:tooltip bkg" content=""/>
  38. <meta name="image:popup" content="https://i.imgur.com/SLxFpKZ.gif"/>
  39. <meta name="image:popup bkg" content=""/>
  40. <meta name="image:cursor" content="https://i.imgur.com/dyzqzjw.png"/>
  41.  
  42. <meta name="color:background" content="#000">
  43. <meta name="color:posts" content="#1F2D21">
  44. <meta name="color:font color" content="#E3DBBE">
  45. <meta name="color:font glow" content="#000">
  46. <meta name="color:font outline" content="#fff">
  47. <meta name="color:title color" content="#1F2D21">
  48. <meta name="color:title glow" content="#1F2D21">
  49. <meta name="color:title outline" content="#5E635D">
  50. <meta name="color:links" content="#36242C">
  51. <meta name="color:links hover" content="#fff">
  52. <meta name="color:links hover 1" content="#36242C">
  53. <meta name="color:links hover 2" content="#fff">
  54. <meta name="color:links hover 3" content="#9E868C">
  55. <meta name="color:links glow" content="#9E868B">
  56. <meta name="color:links outline" content="#fff">
  57. <meta name="color:popup links" content="#fff">
  58. <meta name="color:popup links glow" content="#fff">
  59. <meta name="color:popup links outline" content="#000">
  60. <meta name="color:search font" content="#fff">
  61. <meta name="color:search bkg" content="#000">
  62. <meta name="color:tooltip color" content="#fff">
  63. <meta name="color:tooltip background" content="#000">
  64. <meta name="color:border" content="#5F655E">
  65.  
  66. <meta name="select:border" content="solid"/>
  67. <meta name="select:border" content="dashed"/>
  68. <meta name="select:border" content="dotted"/>
  69. <meta name="select:border" content="double"/>
  70. <meta name="select:border" content="inset"/>
  71. <meta name="select:border" content="outset"/>
  72. <meta name="select:border" content="ridge"/>
  73. <meta name="select:border" content="groove"/>
  74.  
  75. <meta name="select:border size" content="0"/>
  76. <meta name="select:border size" content="1"/>
  77. <meta name="select:border size" content="2"/>
  78. <meta name="select:border size" content="3"/>
  79. <meta name="select:border size" content="4"/>
  80. <meta name="select:border size" content="5"/>
  81.  
  82. <meta name="text:title link" content="Menu">
  83. <meta name="text:title" content="TITLE">
  84. <meta name="text:description" content="DESCRIPTION">
  85. <meta name="text:font family" content="times">
  86. <meta name="text:font size" content="22">
  87. <meta name="text:title font" content="nart">
  88. <meta name="text:title size" content="35">
  89. <meta name="text:search text" content="Search">
  90.  
  91. <meta name="if:tile background" content="1" />
  92. <meta name="if:400px Sidebar" content="0"/>
  93. <meta name="if:remove sidebar border" content="0" />
  94. <meta name="if:250px" content="0"/>
  95. <meta name="if:400px" content="0"/>
  96. <meta name="if:glow text" content="0" />
  97. <meta name="if:outline text" content="0" />
  98. <meta name="if:redirect" content="0" />
  99. <meta name="if:transparent posts" content="0" />
  100. <meta name="if:hide caption" content="0"/>
  101. <meta name="if:hide desc" content="0"/>
  102. <meta name="if:show tags" content="0" />
  103.  
  104. <meta name="text:redirect link" content="redirect">
  105. <meta name="text:link 1" content="ONE">
  106. <meta name="text:link 1 URL" content="/">
  107. <meta name="text:link 2" content="TWO">
  108. <meta name="text:link 2 URL" content="/">
  109. <meta name="text:link 3" content="THREE">
  110. <meta name="text:link 3 URL" content="/">
  111. <meta name="text:link 4" content="FOUR">
  112. <meta name="text:link 4 URL" content="/">
  113.  
  114.  
  115. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  116. <script type="text/javascript" src="https://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  117. <script>
  118. (function($){
  119. $(document).ready(function(){
  120. $("[title]").style_my_tooltips();
  121. });
  122. })(jQuery);
  123. </script>
  124.  
  125. <style type="text/css">
  126. ::-moz-selection { background: {color:background}; color: {color:links hover};}
  127. ::selection { background: {color:background}; color: {color:links};}
  128.  
  129. #s-m-t-tooltip {
  130. z-index: 999999999;
  131. background-image: url('{image:tooltip bkg}');
  132. background-color: {color:tooltip background};
  133. text-align: center;
  134. font-size: {text:Font Size}px;
  135. {block:IfGlowText}
  136. text-shadow: 0 0 2px {color:tooltip color},
  137. 0 0 2px {color:tooltip color};
  138. {/block:IfGlowText}
  139. {block:IfOutlineText}
  140. text-shadow: -1px 0 {color:font outline}, 0 1px {color:font outline}, 1px 0 {color:font outline}, 0 -1px {color:font outline};
  141. {/block:IfOutlineText}
  142. border: 0; display: block;
  143. transition: all 0.3s ease-out;
  144. -o-transition: all 0.3s ease-out;
  145. -webkit-transition: all 0.3s ease-out;
  146. -moz-transition: all 0.3s ease-out;
  147. text-transform: normal;
  148. color: {color:tooltip color};
  149. max-width: 300px;
  150. word-wrap: break-word;
  151. padding: 5px 7px 5px 7px;
  152. margin: -30px 0px 10px 20px;}
  153.  
  154. body {
  155. background: {color:background};
  156. background-image: url({image:Background});
  157. background-attachment: fixed;
  158. {block:IfNotTileBackground}
  159. -webkit-background-size: cover;
  160. -moz-background-size: cover;
  161. -o-background-size: cover;
  162. background-size: cover;
  163. {/block:IfNotTileBackground}
  164. font-family: '{text:font family}';
  165. font-size: {text:font size}px;
  166. color: {color:font color};
  167. line-height: 120%;
  168. word-wrap: break-word;
  169. overflow-x:hidden;
  170. {block:IfGlowText}
  171. text-shadow: 0 0 2px {color:font glow}, 0 0 2px {color:font glow};
  172. {/block:IfGlowText}
  173. {block:IfOutlineText}
  174. text-shadow: -1px 0 {color:font outline}, 0 1px {color:font outline}, 1px 0 {color:font outline}, 0 -1px {color:font outline};
  175. {/block:IfOutlineText}}
  176.  
  177. a:link, a:active, a:visited {
  178. color: {color:links};
  179. {block:IfGlowText}
  180. text-shadow: 0 0 2px {color:links glow}, 0 0 2px {color:links glow};
  181. {/block:IfGlowText}
  182. {block:IfOutlineText}
  183. text-shadow: -1px 0 {color:links outline}, 0 1px {color:links outline}, 1px 0 {color:links outline}, 0 -1px {color:links outline};
  184. {/block:IfOutlineText}
  185. text-decoration: none;
  186. -webkit-transition: all 0.3s ease-in-out;
  187. -moz-transition: all 0.3s ease-in-out;
  188. -o-transition: all 0.3s ease-in-out;
  189. -ms-transition: all 0.3s ease-in-out;
  190. transition: all 0.3s ease-in-out;}
  191.  
  192. a:hover {
  193. color: {color:Links Hover};
  194. -webkit-transition: all 0.2s ease-in-out;
  195. -moz-transition: all 0.2s ease-in-out;
  196. -o-transition: all 0.2s ease-in-out;
  197. -ms-transition: all 0.2s ease-in-out;
  198. transition: all 0.2s ease-in-out;
  199. text-shadow: 0.2em 0.5em 0.1em {color:links hover 1},
  200. -0.3em 0.1em 0.1em {color:links hover 2},
  201. 0.4em -0.3em 0.1em {color:links hover 3};}
  202.  
  203. ::-webkit-scrollbar-track {
  204. border: 0;
  205. background-color: {color:Background};}
  206. ::-webkit-scrollbar {
  207. width: 10px;
  208. background-color: #000;}
  209. ::-webkit-scrollbar-thumb {
  210. background-color: {color:background};
  211. border: 1px solid {color:links};}
  212.  
  213. #content {
  214. margin: auto; width: 800px;}
  215.  
  216. #notez {
  217. margin-top: 20px;
  218. margin-bottom: 10px;}
  219.  
  220. #notez ol.notes {
  221. list-style-type: none;
  222. margin: 0;
  223. padding: 0;}
  224.  
  225. #notez img.avatar {
  226. margin-right: 10px;
  227. border: 1px solid {color:font color};
  228. filter: drop-shadow(1px 1px 2px {color:font color});
  229. display: inline;
  230. width: 16px;
  231. height: 16px;}
  232.  
  233. #title {
  234. z-index: 999999999;
  235. {block:IfNot400pxSidebar}width: 200px;{/block:IfNot400pxSidebar}
  236. {block:If400pxSidebar}width: 400px;{/block:If400pxSidebar}
  237. padding:5px;
  238. color: {color:title color};
  239. font-weight: none;
  240. font-style: none;
  241. text-align: center;
  242. font-family: {text:title font};
  243. letter-spacing: 1px;
  244. font-size: {text:title size}px;
  245. {block:IfGlowText}
  246. text-shadow: 0 0 2px {color:title glow}, 0 0 2px {color:title glow};
  247. {/block:IfGlowText}
  248. {block:IfOutlineText}
  249. text-shadow: -1px 0 {color:title outline}, 0 1px {color:title outline}, 1px 0 {color:title outline}, 0 -1px {color:title outline};
  250. {/block:IfOutlineText}}
  251.  
  252.  
  253. #sidebar {
  254. color: {color:font color};
  255. background-color: transparent;
  256. position: fixed;
  257. margin-left: -100px;
  258. {block:IfNot400pxSidebar}width: 200px;{/block:IfNot400pxSidebar}
  259. {block:If400pxSidebar}width: 400px;{/block:If400pxSidebar}
  260. {block:IfOutlineText}
  261. text-shadow: -1px 0 {color:font outline}, 0 1px {color:font outline}, 1px 0 {color:font outline}, 0 -1px {color:font outline};
  262. {/block:IfOutlineText}}
  263.  
  264. #sidebar img {
  265. max-width:100%;
  266. {block:IfNotRemoveSidebarBorder}
  267. border: {select:border size}px {select:border} {color:border};
  268. {/block:IfNotRemoveSidebarBorder}}
  269.  
  270. #sidebar a {
  271. color: {color:links};
  272. {block:IfGlowText}
  273. text-shadow: 0 0 2px {color:links glow}, 0 0 2px {color:links glow};
  274. {/block:IfGlowText}
  275. {block:IfOutlineText}
  276. text-shadow: -1px 0 {color:links outline}, 0 1px {color:links outline}, 1px 0 {color:links outline}, 0 -1px {color:links outline};
  277. {/block:IfOutlineText}}
  278.  
  279. #sidebar a:hover { color: {color:links hover}; text-shadow: none;}
  280.  
  281. .desc {padding: 5px; text-align: center; margin-top: 10px;}
  282.  
  283. #tabs {
  284. margin-left: 10px;
  285. padding: 10px;
  286. position: fixed;
  287. text-align: left;
  288. display: inline-block;}
  289.  
  290. #tabs a {
  291. color: {color:popup links};
  292. {block:IfOutlineText}
  293. text-shadow: -1px 0 {color:popup links outline},
  294. 0 1px {color:popup links outline}, 1px 0 {color:popup links outline},
  295. 0 -1px {color:popup links outline};
  296. {/block:IfOutlineText}
  297. {block:IfGlowText}
  298. text-shadow: 0 0 2px {color:popup links glow},
  299. 0 0 2px {color:popup links glow};
  300. {/block:IfGlowText}}
  301. #tabs a:hover {color: {color:links hover};}
  302.  
  303. .posts {
  304. {block:IfNot400pxSidebar}margin-left: 300px;{/block:IfNot400pxSidebar}
  305. {block:If400pxSidebar}margin-left: 400px;{/block:If400pxSidebar}
  306. {block:IfNotTransparentPosts}
  307. background-color: {color:posts};{/block:IfNotTransparentPosts}
  308. background-image:url('{image:Post Bkg}');
  309. background-repeat: repeat;
  310. background-attachment: fixed;
  311. border: {select:border size}px {select:border} {color:border};
  312. margin-bottom: 20px; margin-top: 100px;
  313. padding: 15px;
  314. position: relative;
  315. {block:If250px}width: 250px;{/block:If250px}
  316. {block:If400px}width: 400px;{/block:If400px}
  317. {block:IfNot400px}{block:IfNot250px}width: 500px;
  318. {/block:IfNot250px}{/block:IfNot400px}
  319. {block:IfTransparentPosts}background-color: transparent;{/block:IfTransparentPosts}}
  320.  
  321. .a {
  322. padding: 5px; margin-top: 10px;
  323. border: 1px solid {color:font color};}
  324.  
  325. .quote {
  326. text-align: center;
  327. margin-bottom: 3px;
  328. padding-bottom: 3px;
  329. font-size: {text:Font Size}px;}
  330.  
  331. .quotesource {
  332. font-size: {text:Font Size}px;
  333. letter-spacing: 0px;
  334. text-align: right;
  335. margin-bottom: 3px;}
  336.  
  337. #notes{text-align: center; margin-bottom: 80px;
  338. padding: 15px; padding-top: 0;
  339. {block:IfNot400pxSidebar}margin-left: 300px;{/block:IfNot400pxSidebar}
  340. {block:If400pxSidebar}margin-left: 400px;{/block:If400pxSidebar}
  341. {block:If250px}width: 250px;{/block:If250px}
  342. {block:If400px}width: 400px;{/block:If400px}
  343. {block:IfNot400px}{block:IfNot250px}width: 500px;
  344. {/block:IfNot250px}{/block:IfNot400px}}
  345.  
  346. .tags {text-align: left; margin-bottom: 0px; display: block;
  347. position: absolute;
  348. top: 5px;
  349. {/block:IfNot250px}{block:IfNot400px}left: 550px;{/block:IfNot250px}{/block:IfNot400px}
  350. {block:If250px}left: 285px;{/block:If250px}
  351. {block:If400px}left: 450px;{/block:If400px}
  352. opacity:0;
  353. -webkit-transition: all 0.3s ease;
  354. transition: all 0.3s ease;
  355. -moz-transition: all 0.3s ease;
  356. -o-transition: all 0.3s ease;}
  357.  
  358. .posts:hover .tags {
  359. opacity: 1;
  360. max-height: 300px;
  361. width: 200px;
  362. -webkit-transition: all 0.3s ease;
  363. transition: all 0.3s ease;
  364. -moz-transition: all 0.3s ease;
  365. -o-transition: all 0.3s ease;}
  366.  
  367. .posts:hover .tags { opacity: 1; max-height: 300px;}
  368.  
  369. .pagi {text-align: right; font-size: 50px;
  370. margin-bottom: 40px; margin-top: -50px;
  371. {block:IfNot400pxSidebar}margin-left: 320px;{/block:IfNot400pxSidebar}
  372. {block:If400pxSidebar}margin-left: 420px;{/block:If400pxSidebar}
  373. {block:If250px}width: 250px;{/block:If250px}
  374. {block:If400px}width: 400px;{/block:If400px}
  375. {block:IfNot400px}{block:IfNot250px}width: 500px;
  376. {/block:IfNot250px}{/block:IfNot400px}}
  377.  
  378. .spotify_audio_player {height:80px!important; width:100%!important;}
  379. .soundcloud_audio_player {height:150px!important; width:100%!important;}
  380.  
  381. .posts blockquote {margin: 0px; padding-left: 10px; border-left: 1px solid {color:links};}
  382.  
  383. .query {
  384. border: 1px {select:border} {color:border};
  385. padding: 3px; padding-left: 5px;
  386. width: 100%; height:40px; margin-top: 10px;
  387. color: {color:search font};
  388. font-size: {text:font size}px;
  389. font-family: inherit;
  390. background-color: {color:search bkg};}
  391. .query::placeholder {color: {color:search font};}
  392.  
  393. #hashirama {
  394. display: none;
  395. background: {color:background};
  396. background-image:url('{image:popup bkg}');
  397. position: fixed;
  398. left: 0;
  399. top: 0;
  400. width: 100%;
  401. height: 100%;
  402. opacity: .9;
  403. z-index: 9999;}
  404.  
  405. .madara{
  406. display: none;
  407. background: transparent;
  408. padding: 0px;
  409. float: right;
  410. position: fixed;
  411. top: 40%;
  412. left: 50%;
  413. z-index: 99999;}
  414.  
  415. img.tobirama { float: left; margin: 55px -55px 0 0;}
  416.  
  417. *html #hashirama { position: absolute;}
  418.  
  419. *html .madara { position: absolute;}
  420.  
  421. #clout { position: fixed; bottom: 15px; left: 15px; font-size: 26px;}
  422.  
  423. .trackback {
  424. position: absolute; left: 20px; top: 20px; width: 19px; height: 19px;
  425. background-color: #fff; padding: 10px; opacity: .4;}
  426.  
  427. .pressplay{
  428. position: relative; width: 25px; height: 25px;
  429. overflow: hidden; left: -6px; top: -3px;}
  430.  
  431. .albumpic {
  432. position: absolute;
  433. left: 0px; top: 0px;
  434. width: 79px; height: 79px;}
  435.  
  436. .albumpic img {
  437. width: 100%; height: auto;
  438. border: 1px solid {color:font color};}
  439.  
  440. .trackinfo {
  441. width: auto; display:inline-block;
  442. margin-left: 90px; min-height: 85px;}
  443.  
  444. .audiowrapper {
  445. position: relative; display:inline-block;}
  446.  
  447. @font-face {font-family:"nart"; src: url("https://dl.dropboxusercontent.com/s/2cskx5ygivxzoeu/njnaruto.ttf")}
  448. body, *, a, a:hover { cursor:url({image:Cursor}), auto;}
  449. p {margin: 10px;}
  450. ul {list-style: square;}
  451. img {max-width: 100%;}
  452. h1 {line-height: 150%;}
  453. </style>
  454.  
  455. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  456. <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  457.  
  458. <script>
  459. $(document).ready(function(){
  460. //remove tumblr redirects script by magnusthemes@tumblr
  461. $('a[href*="t.umblr.com/redirect"]').each(function(){
  462. var originalURL = $(this).attr("href").split("?z=")[1].split("&t=")[0];
  463. var replaceURL = decodeURIComponent(originalURL);
  464. $(this).attr("href", replaceURL);
  465. });
  466. });
  467. </script>
  468.  
  469. <script>
  470. $(document).ready(function(){
  471. $('.search').submit(function(event){
  472. var value = $('input:first').val();
  473. location.replace('http://{Name}.tumblr.com/tagged/' + value);
  474. });
  475. });
  476. </script>
  477.  
  478. <script type="text/javascript"
  479. src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  480.  
  481. <script>
  482. $(document).ready(function() {
  483. $('a.shinobi[href^=#]').click(function() {
  484. var popID = $(this).attr('rel'); //Get Popup Name
  485. var popURL = $(this).attr('href'); //Get Popup href to define size
  486. var query= popURL.split('?');
  487. var dim= query[1].split('&');
  488. var popWidth = dim[0].split('=')[1];
  489. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="{image:popup}" /></a>');
  490. var popMargTop = ($('#' + popID).height() + 80) / 2;
  491. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  492. $('#' + popID).css({
  493. 'margin-top' : -popMargTop,
  494. 'margin-left' : -popMargLeft
  495. });
  496. $('body').append('<div id="hashirama"></div>');
  497. $('#hashirama').css({'filter' : 'alpha(opacity=80)'}).fadeIn();
  498. return false;
  499. });
  500. $('a.close, #hashirama').live('click', function() {
  501. $('#hashirama , .madara').fadeOut(function() {
  502. $('#hashirama, a.close').remove();
  503. });
  504. return false;
  505. });
  506. });
  507. </script>
  508. </head>
  509.  
  510.  
  511. <div id="content">
  512.  
  513. <div id="naruto" class="madara">
  514. <div id="tabs">
  515. <a href="{text:link 1 URL}">{text:link 1}</a><br>
  516. <a href="{text:link 2 URL}">{text:link 2}</a><br>
  517. <a href="{text:link 3 URL}">{text:link 3}</a><br>
  518. <a href="{text:link 4 URL}">{text:link 4}</a><br>
  519.  
  520. </div>
  521. </div>
  522.  
  523. <div id="sidebar">
  524.  
  525. <a href="#?w=400" rel="naruto" class="shinobi" data-toggle="tooltip" title="{text:title link}">
  526. <div id="title">{text:title}</div>
  527. </a>
  528.  
  529.  
  530. <a href="/"><img src="{image:sidebar}"></a>
  531. {block:ifNotHideDesc}
  532. <div class="desc">{text:description}</div>
  533. {/block:ifNotHideDesc}
  534.  
  535. <form class="search" action="javascript:return false">
  536. <input type="text" class="query" placeholder="{text:search text}">
  537. </div>
  538.  
  539. {block:Posts}
  540. <div class="posts">
  541.  
  542. {block:Text}
  543. {block:Title}<a href="{Permalink}">{Title}</a>{/block:Title}
  544. {Body}
  545. {/block:Text}
  546.  
  547. {block:Quote}
  548. "{Quote}"
  549. {block:Source}&mdash; {Source}{/block:Source}
  550. {/block:Quote}
  551.  
  552. {block:Link}
  553. <big><a href="{URL}">{Name}</a></big>
  554. {block:Description}{Description}{/block:Description}
  555. {/block:Link}
  556.  
  557. {block:Chat}
  558. {block:Title}{Title}{/block:Title}
  559. {block:Lines}
  560. <div class="{Alt} user_{UserNumber}">
  561. {block:Label}{Label}{/block:Label} {Line}
  562. </div>
  563. {/block:Lines}
  564. {/block:Chat}
  565.  
  566.  
  567. {block:Answer}
  568. {Asker}
  569. <div class="a">{Question}</div>
  570. {Answer}
  571. {/block:Answer}
  572.  
  573.  
  574. {block:Photo}
  575. {block:If250px}{LinkOpenTag}<img src="{PhotoURL-250}" alt="{Permalink}"/>{LinkCloseTag}{/block:If250px}
  576. {block:If400px}{LinkOpenTag}<img src="{PhotoURL-400}" alt="{Permalink}"/>{LinkCloseTag}{/block:If400px}
  577. {block:IfNot250px}{block:IfNot400px}{LinkOpenTag}<img src="{PhotoURL-500}" alt="{Permalink}"/>{LinkCloseTag}{/block:IfNot400px}{/block:IfNot250px}
  578. {/block:Photo}
  579.  
  580. {block:Photoset}
  581. {block:If250px}{Photoset-250}{/block:If250px}
  582. {block:If400px}{Photoset-400}{/block:If400px}
  583. {block:IfNot250px}{block:IfNot400px}{Photoset-500}{/block:IfNot400px}{/block:IfNot250px}
  584. {/block:Photoset}
  585.  
  586. {block:Video}
  587. {block:If250px}{Video-250}{/block:If250px}
  588. {block:If400px}{Video-400}{/block:If400px}
  589. {block:IfNot400px}{block:IfNot250px}{Video-500}{/block:IfNot250px}{/block:IfNot400px}
  590. {/block:Video}
  591.  
  592. {block:AudioPlayer}
  593. <div class="audiowrapper">
  594. {block:AlbumArt}
  595. <div class="albumpic"><img src="{AlbumArtURL}"></div>
  596. {/block:AlbumArt}
  597. <div class="trackback">
  598. <div class="pressplay">
  599. {AudioPlayer}
  600. </div></div>
  601. <div class="trackinfo">
  602. {block:TrackName}{TrackName}{/block:TrackName}<br>
  603. {block:Artist}<b>{Artist}</b>{/block:Artist}<br>
  604. {block:Album}<i>{Album}</i>{/block:Album}<br>
  605. </div></div>
  606. {/block:AudioPlayer}
  607.  
  608. {block:ifNotHideCaption}
  609. {block:Caption}{Caption}{/block:Caption}
  610. {/block:ifNotHideCaption}
  611.  
  612. {block:IndexPage}{block:ifShowTags}
  613. <div class="tags">
  614. {block:HasTags}{block:Tags}
  615. <a href="{TagURL}">#{Tag}</a>
  616. {/block:Tags}{/block:HasTags}</div>
  617. {/block:ifShowTags}{/block:IndexPage}
  618.  
  619.  
  620. {block:PermalinkPage}
  621. {block:ifHideCaption}
  622. {block:Caption}{Caption}{/block:Caption}
  623. {/block:ifHideCaption}
  624.  
  625. <p>Notes: <a href="{Permalink}">{NoteCount}</a><br>
  626. Tags: {block:HasTags} {block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}{/block:HasTags}<br>
  627. {block:RebloggedFrom}
  628. Via: <a href="{ReblogParentURL}">{ReblogParentName}</a>
  629. {/block:RebloggedFrom}
  630. <br>{block:ContentSource}
  631. Source: <a href="{SourceURL}">{SourceTitle}</a>
  632. {/block:ContentSource}</p>
  633.  
  634. <div id="notez">
  635. {block:NoteCount}
  636. {block:PostNotes}{PostNotes}{/block:PostNotes}
  637. {/block:NoteCount}</div>
  638. {/block:PermalinkPage}
  639. </div>
  640.  
  641. {block:IndexPage}<div id="notes">
  642. 「 <a href="{Permalink}" data-toggle="tooltip" title="{NoteCount}%">{Month} {DayOfMonth}, {Year}</a> 」
  643. </div>{/block:IndexPage}
  644.  
  645. {/block:Posts}
  646.  
  647. {block:IndexPage}<div class="pagi">
  648. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}" style="float:left;">&larr;</a>&nbsp;&nbsp;{/block:PreviousPage}{block:NextPage}
  649. <a href="{NextPage}">&rarr;</a></p>{/block:NextPage}{/block:Pagination}
  650. </div>{/block:IndexPage}
  651.  
  652. </div>
  653. </div>
  654.  
  655. <div id="clout">
  656. <a href="https://ps1.tumblr.com/" data-toggle="tooltip" title="@ps1">☣</a>
  657. </div>
  658. </body>
  659. </html>
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!