API tools faq
paste
Advertisement
uchihaclan

MANINI

uchihaclan
Jan 3rd, 2022 (edited)
2,814
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.82 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE HTML>
  2. <meta charset="utf-8">
  3. <HTML>
  4.  
  5.  
  6. <!--
  7.  
  8. MANINI @sadthemes - revamped jan '22
  9.  
  10. manini means small in hawaiian.
  11. ____________________________________________
  12.  
  13. specs
  14. -sb image is 100px. choose what part of image you want to show with icon position option.
  15. -features 8px fonts compatible for this size.
  16. -in customize sb is not equal with posts, but will be live.
  17. -footer border can be changed to a pixel. select in options.
  18. -message for bug fixes.
  19.  
  20. ____________________________________________
  21.  
  22.  
  23. annasthms photosets
  24. https://annasthms.github.io/photosets/
  25.  
  26. NPF image fix @glenthemes
  27. git.io/JRBt7
  28.  
  29. unnest captions @neothm
  30. https://codepen.io/neothm/pen/PzVjRy
  31.  
  32. short note count
  33. https://shythemes.tumblr.com/post/156021137818/hello-i-was-wondering-if-you-knew-how-to-shorten
  34.  
  35. -->
  36.  
  37.  
  38.  
  39. <HEAD>
  40.  
  41. <link rel="preconnect" href="https://fonts.googleapis.com">
  42. <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  43. <link href="https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap" rel="stylesheet">
  44.  
  45.  
  46.  
  47.  
  48.  
  49. <script src="//cdn.jsdelivr.net/npm/jquery@latest/dist/jquery.min.js"></script>
  50. <!--
  51. NPF images fix v3.0 by @glenthemes [2021]
  52. 💌 git.io/JRBt7
  53. --->
  54. <script src="//npf-images-v3.github.io/script.js"></script>
  55. <link rel="stylesheet" href="//npf-images-v3.github.io/recon.css">
  56. <style tmblr-npf>
  57. :root {
  58. --NPF-Caption-Spacing:1em;
  59. --NPF-Image-Spacing:4px;
  60. }
  61. </style>
  62.  
  63. <link href="https://static.tumblr.com/0podkko/oDSpg7y88/photosets.css" rel="stylesheet">
  64. <script>
  65. function gatherData(images, arr) {
  66. for (let i = 0; i < images.length; i++) {
  67. let currentData = {
  68. "width": images[i].getAttribute('data-width'),
  69. "height": images[i].getAttribute('data-height'),
  70. "low_res": images[i].getAttribute('data-lowres'),
  71. "high_res": images[i].getAttribute('data-highres')
  72. };
  73. arr.push(currentData);
  74. }
  75. }
  76. function getIndex(elem) {
  77. let i = 0;
  78. while( (elem = elem.previousElementSibling) != null ) i++;
  79. return i;
  80. }
  81. function lightbox(elem) {
  82. let currentPhotoset = elem.parentNode;
  83. let photosetPhotos = currentPhotoset.getElementsByTagName('div');
  84. let data = [];
  85. gatherData(photosetPhotos, data);
  86. Tumblr.Lightbox.init(data, getIndex(elem) + 1);
  87. }
  88. </script>
  89.  
  90. {block:IfRedirect}
  91. <script>
  92. if(window.location.pathname == '/') location.replace('{text:redirect}');
  93. </script>
  94. {block:IfRedirect}
  95.  
  96.  
  97. <link rel="icon" href="{image:favicon}" type="image/gif" >
  98.  
  99. <TITLE>{Title}</TITLE>
  100. {block:Description}
  101. <meta name="description" content="{MetaDescription}" />
  102. {/block:Description}
  103.  
  104. <meta name="image:favicon" content="" />
  105. <meta name="image:bg" content="" />
  106. <meta name="image:sb" content="https://i.imgur.com/Z2yOHCU.png" />
  107. <meta name="image:desc bg" content="" />
  108. <meta name="image:posts" content="" />
  109. <meta name="image:footer pxl" content="https://i.imgur.com/9f9krDz.gif"/>
  110. <meta name="image:cursor" content="https://i.imgur.com/I8lupLx.png"/>
  111. <meta name="image:pxl 1" content="" />
  112. <meta name="image:pxl 2" content="" />
  113. <meta name="image:pxl 3" content="" />
  114. <meta name="image:pxl 4" content="" />
  115.  
  116. <meta name="color:bg" content="#fff" />
  117. <meta name="color:posts" content="#fff" />
  118. <meta name="color:shadow" content="#ddd" />
  119. <meta name="color:title" content="#000" />
  120. <meta name="color:title bg" content="#ddd" />
  121. <meta name="color:sb" content="#fff" />
  122. <meta name="color:sb txt" content="#000" />
  123. <meta name="color:sb link" content="#000" />
  124. <meta name="color:sb link bg" content="#ddd" />
  125. <meta name="color:text" content="#000" />
  126. <meta name="color:link" content="#000" />
  127. <meta name="color:link bg" content="#ddd" />
  128. <meta name="color:link hover" content="#fff" />
  129. <meta name="color:link bg hover" content="#000" />
  130. <meta name="color:tooltip bg" content="#fff" />
  131. <meta name="color:tooltip txt" content="#000" />
  132. <meta name="color:tooltip border" content="#000" />
  133. <meta name="color:select txt" content="#fff" />
  134. <meta name="color:select bg" content="#000" />
  135. <meta name="color:gradient 1" content="#000" />
  136. <meta name="color:gradient 2" content="#bbb" />
  137. <meta name="color:border" content="#000" />
  138.  
  139. <meta name="select:border" content="solid" />
  140. <meta name="select:border" content="dashed" />
  141. <meta name="select:border" content="dotted" />
  142. <meta name="select:border" content="inset" />
  143. <meta name="select:border" content="outset" />
  144.  
  145. <meta name="select:icon position" content="center"/>
  146. <meta name="select:icon position" content="top"/>
  147. <meta name="select:icon position" content="left"/>
  148. <meta name="select:icon position" content="right"/>
  149. <meta name="select:icon position" content="bottom"/>
  150.  
  151. <meta name="select:title align" content="right"/>
  152. <meta name="select:title align" content="left"/>
  153. <meta name="select:title align" content="center"/>
  154.  
  155. <meta name="select:desc align" content="center"/>
  156. <meta name="select:desc align" content="right"/>
  157. <meta name="select:desc align" content="left"/>
  158.  
  159. <meta name="select:photoset gap" content="0" />
  160. <meta name="select:photoset gap" content="1" />
  161. <meta name="select:photoset gap" content="2" />
  162. <meta name="select:photoset gap" content="3" />
  163. <meta name="select:photoset gap" content="4" />
  164. <meta name="select:photoset gap" content="5" />
  165. <meta name="select:photoset gap" content="10" />
  166.  
  167. <meta name="select:typeface" content="arial pxl"/>
  168. <meta name="select:typeface" content="fj8"/>
  169. <meta name="select:typeface" content="graph"/>
  170. <meta name="select:typeface" content="minecraft"/>
  171. <meta name="select:typeface" content="nokia"/>
  172. <meta name="select:typeface" content="pix"/>
  173. <meta name="select:typeface" content="pix mix"/>
  174. <meta name="select:typeface" content="pokemon"/>
  175. <meta name="select:typeface" content="'Press Start 2P', cursive"/>
  176. <meta name="select:typeface" content="silkscreen"/>
  177. <meta name="select:typeface" content="super mario world"/>
  178.  
  179. <meta name="text:title" content="TITLE!" />
  180. <meta name="text:description" content="description" />
  181. <meta name="text:link 1" content="01">
  182. <meta name="text:link 1 URL" content="/">
  183. <meta name="text:link 2" content="02">
  184. <meta name="text:link 2 URL" content="/">
  185. <meta name="text:link 3" content="03">
  186. <meta name="text:link 3 URL" content="/">
  187. <meta name="text:link 4" content="04">
  188. <meta name="text:link 4 URL" content="/">
  189. <meta name="text:redirect" content="/tagged/0">
  190.  
  191. <meta name="if:custom cursor" content="0"/>
  192. <meta name="if:circle icon" content="0" />
  193. <meta name="if:no icon border" content="0" />
  194. <meta name="if:no border" content="0" />
  195. <meta name="if:gradient border" content="0" />
  196. <meta name="if:cover bg" content="0" />
  197. <meta name="if:shadow" content="0" />
  198. <meta name="if:footer pxl" content="0"/>
  199. <meta name="if:link bg" content="0"/>
  200. <meta name="if:underline link" content="0" />
  201. <meta name="if:hide title" content="0" />
  202. <meta name="if:hide tags" content="0" />
  203. <meta name="if:hide captions" content="0" />
  204. <meta name="if:redirect" content="0" />
  205.  
  206. <style type="text/css">
  207.  
  208. {block:IfCustomCursor}
  209. body, *, a, a:hover {cursor:url({image:cursor}), auto;}{/block:IfCustomCursor}
  210. {block:IfNotCustomCursor}
  211. a, a:hover {cursor: help;}
  212. {/block:IfNotCustomCursor}
  213.  
  214. ::-moz-selection {
  215. background: {color:select bg};
  216. color: {color:select txt};}
  217.  
  218. ::selection {
  219. background: {color:select bg};
  220. color: {color:select txt};}
  221.  
  222. pre {
  223. white-space: pre-line;
  224. overflow-wrap: break-word;
  225. word-wrap: break-word;
  226. -ms-hyphens: auto;
  227. -moz-hyphens: auto;
  228. -webkit-hyphens: auto;
  229. hyphens: auto;
  230. }
  231.  
  232. body {
  233. margin: auto;
  234. overflow: hidden;
  235. color: {color:text};
  236. font-family: {select:typeface};
  237. font-size: 8px;
  238. line-height: 130%;
  239. background: {color:bg} url("{image:bg}") fixed;
  240. {block:IfCoverBg}
  241. background-image: url("{image:bg}") no-repeat center center fixed;
  242. -webkit-background-size: cover;
  243. -moz-background-size: cover;
  244. -o-background-size: cover;
  245. background-size: cover;
  246. {/block:IfCoverBg}
  247. -webkit-font-smoothing: antialiased;
  248. text-rendering: optimizeLegibility;
  249. -moz-osx-font-smoothing: grayscale;
  250. opacity: 0;
  251. transition: opacity 2s;
  252. }
  253.  
  254. img {max-width: 100%;}
  255. p { margin: 0;}
  256. h1,h2,h3 {margin: 0;}
  257. blockquote {
  258. margin: 0 0 0 10px;
  259. border-left: 1px solid {color:text};
  260. padding-left: 10px;
  261. }
  262.  
  263.  
  264. ::-webkit-scrollbar {
  265. width: 5px;
  266.  
  267. }
  268.  
  269. ::-webkit-scrollbar-track {
  270. background: {color:posts};
  271.  
  272. }
  273.  
  274. ::-webkit-scrollbar-thumb {
  275. background-color: {color:link};
  276.  
  277. }
  278.  
  279.  
  280. .desc::-webkit-scrollbar {
  281. width: 2px;
  282. }
  283.  
  284. .desc::-webkit-scrollbar-track {
  285. background: {color:sb};
  286. }
  287.  
  288. .desc::-webkit-scrollbar-thumb {
  289. background-color: {color:desc text};
  290. }
  291.  
  292.  
  293. a:link, a:active, a:visited {
  294. color: {color:link};
  295. {block:ifLinkBg}
  296. background: {color:link bg};
  297. {/block:ifLinkBg}
  298. font-weight: none;
  299. font-style: normal;
  300. {block:IfNotUnderlineLink}
  301. text-decoration: none;{/block:IfNotUnderlineLink}
  302. {block:IfUnderlineLink}
  303. text-decoration: none;
  304. border-bottom: 1px solid {color:link};{/block:IfUnderlineLink}
  305. -webkit-transition: all 0.4s ease-in-out;
  306. -moz-transition: all 0.4s ease-in-out;
  307. -o-transition: all 0.4s ease-in-out;
  308. -ms-transition: all 0.4s ease-in-out;
  309. transition: all 0.4s ease-in-out;
  310. }
  311.  
  312. .desc a:hover, .link a:hover, a:hover {
  313. color: {color:link hover};
  314. {block:ifLinkBg}
  315. background: {color:link bg hover};
  316. {/block:ifLinkBg}
  317. -webkit-transition: all 0.4s ease-in-out;
  318. -moz-transition: all 0.4s ease-in-out;
  319. -o-transition: all 0.4s ease-in-out;
  320. -ms-transition: all 0.4s ease-in-out;
  321. transition: all 0.4s ease-in-out;
  322. }
  323.  
  324. .content {
  325. {block:ifNotShadow}
  326. width: 406px;
  327. {/block:ifNotShadow}
  328. {block:ifShadow}
  329. width: 414px;
  330. {/block:ifShadow}
  331. height: 262px;
  332. margin: auto;
  333. position: absolute;
  334. top: 50%;
  335. left: 50%;
  336. margin-right: -50%;
  337. transform: translate(-50%, -50%);
  338.  
  339. }
  340.  
  341. .title {
  342. text-align: {select:title align};
  343. margin-bottom: 5px;
  344. }
  345.  
  346. .title a {
  347. color:{color:title};
  348. {block:ifLinkBg}
  349. background: {color:title bg};
  350. {/block:ifLinkBg}
  351. {block:IfUnderlineLink}
  352. text-decoration: none;
  353. border-bottom: 1px solid {color:title};{/block:IfUnderlineLink}
  354. }
  355.  
  356. .sidebar {
  357. margin-left: 0px;
  358. position: fixed;
  359. width: 100px;
  360. }
  361.  
  362.  
  363. .icon img {
  364. {block:ifCircleIcon}
  365. border-radius: 50%;
  366. {/block:ifCircleIcon}
  367. object-position: {select:icon position};
  368. object-fit: cover;
  369. width: 100px; height: 100px;
  370. display: block;
  371. {block:ifNoIconBorder}
  372. border: 0;
  373. {block:ifGradientBorder}
  374. border: 0px solid transparent;
  375. border-image: linear-gradient(45deg, {color:gradient 1}, {color:gradient 2});
  376. border-image-slice: 1;
  377. {/block:ifGradientBorder}
  378. {/block:ifNoIconBorder}
  379. {block:ifNotNoIconBorder}
  380. {block:ifNotNoBorder}
  381. border: 1px {select:Border} {color:border};
  382. {/block:ifNotNoBorder}
  383. {block:ifGradientBorder}
  384. border: 1px solid transparent;
  385. border-image: linear-gradient(45deg, {color:gradient 1}, {color:gradient 2});
  386. border-image-slice: 1;
  387. {/block:ifGradientBorder}
  388. {/block:ifNotNoIconBorder}
  389. {block:ifShadow}
  390. box-shadow: 4px 4px {color:shadow};
  391. {/block:ifShadow}
  392. }
  393.  
  394. .desc {
  395. background: {color:sb} url("{image:desc bg}") fixed;
  396. color: {color:sb txt};
  397. height: 50px;
  398. width: 94px;
  399. {block:ifNoIconBorder}
  400. height: 51px;
  401. {/block:ifNoIconBorder}
  402. overflow: auto;
  403. overflow-x: hidden;
  404. margin-top: 10px;
  405. padding: 3px;
  406. line-height: 150%;
  407. text-align: {select:desc align};
  408. {block:ifNotNoBorder}
  409. border: 1px {select:Border} {color:border};
  410. {/block:ifNotNoBorder}
  411. {block:ifShadow}
  412. box-shadow: 4px 4px {color:shadow};
  413. {/block:ifShadow}
  414. {block:ifGradientBorder}
  415. border: 1px solid transparent;
  416. border-image: linear-gradient(45deg, {color:gradient 1}, {color:gradient 2});
  417. border-image-slice: 1;
  418. {/block:ifGradientBorder}
  419. }
  420.  
  421. .link {
  422. background: {color:sb} url("{image:desc bg}") fixed;
  423. display: grid;
  424. grid-template-columns: auto auto;
  425. width: 100px;
  426. margin-top: 10px;
  427. text-align: center;
  428. padding: 3px 0;
  429. {block:ifNotNoBorder}
  430. border: 1px {select:Border} {color:border};
  431. {/block:ifNotNoBorder}
  432. {/block:ifNotNoBorder}
  433. {block:ifShadow}
  434. box-shadow: 4px 4px {color:shadow};
  435. {/block:ifShadow}
  436. {block:ifGradientBorder}
  437. border: 1px solid transparent;
  438. border-image: linear-gradient(45deg, {color:gradient 1}, {color:gradient 2});
  439. border-image-slice: 1;
  440. {/block:ifGradientBorder}
  441. }
  442.  
  443. .link a, .desc a {
  444. color: {color:sb link};
  445. {block:ifLinkBg}
  446. background: {color:sb link bg};
  447. {/block:ifLinkBg}
  448. {block:IfUnderlineLink}
  449. text-decoration: none;
  450. border-bottom: 1px solid {color:sb link};{/block:IfUnderlineLink}
  451. }
  452. .link > div {
  453. padding: 2px 0;
  454. text-align: center;
  455. }
  456.  
  457. .contain {
  458. {block:ifNotShadow}
  459. margin-left: 110px;
  460. {/block:ifNotShadow}
  461. width: 255px;
  462. height: 207px;
  463. overflow: auto;
  464. overflow-x: hidden;
  465. padding: 20px;
  466. {block:ifNotNoBorder}
  467. border: 1px {select:Border} {color:border};
  468. {/block:ifNotNoBorder}
  469. {block:ifNoBorder}
  470. height: 201px;
  471. {/block:ifNoBorder}
  472. background: {color:posts} url("{image:posts}") fixed;
  473. {/block:ifNotNoBorder}
  474. {block:ifShadow}
  475. margin-left: 115px;
  476. box-shadow: 4px 4px {color:shadow};
  477. {/block:ifShadow}
  478. {block:ifGradientBorder}
  479. border: 1px solid transparent;
  480. border-image: linear-gradient(45deg, {color:gradient 1}, {color:gradient 2});
  481. border-image-slice: 1;
  482. {/block:ifGradientBorder}
  483. }
  484.  
  485. .posts {
  486. width: 250px;
  487. margin-bottom: 30px;
  488.  
  489. }
  490.  
  491. .pic img {
  492. display: block;
  493. }
  494.  
  495. [photoset-layout] {
  496. grid-gap: {select:photoset gap}px;
  497. }
  498.  
  499. .cap {
  500. margin-top: 10px;
  501. }
  502.  
  503. .tumblr_parent {
  504. margin:10px 10px 20px;
  505. padding: 0px 10px;
  506. border-left: 1px solid {color:text};
  507. }
  508.  
  509. .footer {
  510. {block:ifNotFooterPxl}
  511. border-top: 1px solid {color:link};
  512. {/block:ifNotFooterPxl}
  513. {block:ifFooterPxl}
  514. border: 0;
  515. {/block:ifFooterPxl}
  516. padding-top: 5px;
  517. margin-top: 5px;
  518. {block:ifGradientBorder}
  519. border-top: 1px solid transparent;
  520. border-image: linear-gradient(45deg, {color:gradient 1}, {color:gradient 2});
  521. border-image-slice: 1;
  522. {/block:ifGradientBorder}
  523. }
  524.  
  525. .ft {
  526. margin-top: 10px;
  527. }
  528.  
  529. .notecount {
  530. display: inline;
  531. {block:IfNotUnderlineLink}
  532. text-decoration: none;{/block:IfNotUnderlineLink}
  533. {block:IfUnderlineLink}
  534. text-decoration: none;
  535. border-bottom: 1px solid {color:link};{/block:IfUnderlineLink}
  536. }
  537.  
  538.  
  539. ol.notes {
  540. padding: 0px;
  541. margin: 25px 0px;
  542. list-style-type: none;
  543. border: 0;
  544. }
  545.  
  546. ol.notes li.note {
  547. {block:ifNotNoBorder}
  548. border-top: 1px {select:Border} {color:border};
  549. {/block:ifNotNoBorder}
  550. padding: 10px;
  551. text-transform: uppercase;
  552. line-height: 130%;
  553. }
  554.  
  555. ol.notes li.note img.avatar {
  556. display: none;
  557. }
  558.  
  559. .pagination {
  560. text-align: center;
  561. font-size: 36px;
  562. }
  563.  
  564. .c {
  565. bottom: 5px;
  566. left: 5px;
  567. padding: 10px;
  568. font-size: 16px;
  569. position: fixed;
  570. {block:ifLinkBg}
  571. background: {color:link bg};
  572. {/block:ifLinkBg}
  573. }
  574. .c a {
  575. color: {color:link};
  576. text-decoration: none;
  577. }
  578.  
  579.  
  580. .spotify_audio_player {
  581. height:80px!important;
  582. width:100%!important;}
  583.  
  584. .soundcloud_audio_player {
  585. height:150px!important;
  586. width:100%!important;}
  587.  
  588.  
  589. .tmblr-iframe-compact .tmblr-iframe--unified-controls {
  590. -webkit-filter: opacity(0);
  591. filter: opacity(0);
  592. transition: all 0.3s ease-out;
  593. -o-transition: all 0.3s ease-out;
  594. -webkit-transition: all 0.3s ease-out;
  595. -moz-transition: all 0.3s ease-out;
  596. }
  597.  
  598. .tmblr-iframe-compact .tmblr-iframe--unified-controls:hover {
  599. -webkit-filter: opacity(1);
  600. filter: opacity(1);
  601. transition: all 0.3s ease-out;
  602. -o-transition: all 0.3s ease-out;
  603. -webkit-transition: all 0.3s ease-out;
  604. -moz-transition: all 0.3s ease-out;
  605. }
  606.  
  607.  
  608.  
  609. #s-m-t-tooltip {
  610. {block:ifNotNoBorder}
  611. border: 1px {select:tooltip border} {color:tooltip border};
  612. {/block:ifNotNoBorder}
  613. {block:ifNoBorder}
  614. border: 0;
  615. {/block:ifNoBorder}
  616. {block:ifGradientBorder}
  617. border: 1px solid transparent;
  618. border-image: linear-gradient(45deg, {color:gradient 1}, {color:gradient 2});
  619. border-image-slice: 1;
  620. {/block:ifGradientBorder}
  621. padding: 2px 5px;
  622. background: {color:tooltip bg};
  623. color: {color:tooltip txt};
  624. text-transform: none;
  625. text-align: center;
  626. transition: all 0.3s ease-out;
  627. -o-transition: all 0.3s ease-out;
  628. -webkit-transition: all 0.3s ease-out;
  629. -moz-transition: all 0.3s ease-out;
  630. font-family: inherit;
  631. font-size: inherit;
  632. max-width: 200px;
  633. word-wrap: break-word;
  634. display: block;
  635. margin: -35px 0px -10px 10px;
  636. z-index: 999999999999;}
  637.  
  638.  
  639. .q { display: inline-block; padding-bottom: 5px;}
  640. .ask {
  641. {block:ifNotNoBorder}
  642. border-bottom: 1px {select:Border} {color:border};
  643. {/block:ifNotNoBorder}
  644. }
  645.  
  646. .ans {
  647. padding-top: 5px;
  648. }
  649.  
  650.  
  651. .pixels {
  652. margin-top: 5px;
  653. text-align: center;
  654. }
  655.  
  656. @font-face {font-family:"minecraft"; src: url("https://dl.dropboxusercontent.com/s/4lar7athhxtnec3/Minecart%20LCD.ttf?dl=0")}
  657. @font-face {font-family:"fj8"; src: url("https://dl.dropboxusercontent.com/s/eg8gslf92p6y600/pixelFJ8pt1__.TTF?dl=0")}
  658. @font-face {font-family:"nokia"; src: url("https://dl.dropboxusercontent.com/s/glxyb9th8sw2m07/nokiafc22.ttf?dl=0")}
  659. @font-face {font-family:"super mario world"; src: url("https://dl.dropboxusercontent.com/s/dr061eqi9mr8b57/Super-Mario-World.ttf?dl=0")}
  660. @font-face {font-family:"pix mix"; src: url("https://dl.dropboxusercontent.com/s/ckxpn0udcwjgsfq/pixelmix.ttf?dl=0")}
  661. @font-face {font-family:"pokemon"; src: url("https://dl.dropboxusercontent.com/s/d9hz0y1y7o8xgbk/Pokemon%20GB.ttf?dl=0")}
  662. @font-face {font-family:"pix"; src: url("https://dl.dropboxusercontent.com/s/2gv3d8ff9fb6k7q/04B_03__.TTF?dl=0")}
  663. @font-face {font-family:"graph"; src: url("https://dl.dropboxusercontent.com/s/xfakv4vv2frviwt/Graph-35-pix.ttf?dl=0")}
  664. @font-face {font-family:"arial pxl"; src: url("https://dl.dropboxusercontent.com/s/lwu9nzcaybrypxh/PIXEARG_.TTF?dl=0")}
  665. @font-face {font-family:"silkscreen"; src: url("https://dl.dropboxusercontent.com/s/zi2ua7emn05t5gl/slkscr.ttf?dl=0")}
  666.  
  667. </style>
  668.  
  669.  
  670. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  671.  
  672. <script type="text/javascript" src="https://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  673. <script>
  674. (function($){
  675. $(document).ready(function(){
  676. $("[title]").style_my_tooltips();
  677. });
  678. })(jQuery);
  679. </script>
  680.  
  681.  
  682. <script src="//code.jquery.com/jquery-2.2.4.min.js"></script>
  683. <script src="https://static.tumblr.com/wgg6svp/OoTofxa0c/unnest.min.js"></script>
  684. <script> $(function(){ $('.posts').unnest({
  685. yourCaption: ".cap",
  686. wrapName: ".tumblr_parent",
  687. newCaptionUsername: false,
  688. originalPostCaptionUsername: false,
  689. tumblrAvatars: false,
  690. tumblrAvatarClass: ".tumblr_avatar",
  691. usernameColon: false
  692. }); }); </script>
  693.  
  694.  
  695. </HEAD>
  696.  
  697. <body onload="document.body.style.opacity='1'">
  698.  
  699. <div class="c">
  700. <a href="https://sadthemes.tumblr.com/" style="font-style: normal;" data-toggle="tooltip" title="sadthemes">#</a>
  701. </div>
  702.  
  703.  
  704. <div class="content">
  705.  
  706. {block:ifNotHideTitle}
  707. <div class="title">
  708. <a href="/">{text:title}</a>
  709. </div>
  710. {/block:ifNotHideTitle}
  711.  
  712. <div class="sidebar">
  713.  
  714. <div class="icon"><a href="/"><img src="{image:sb}"></a></div>
  715.  
  716.  
  717. <div class="link">
  718. <div><a href="{text:link 1 URL}">{text:link 1}</a></div>
  719. <div><a href="{text:link 2 URL}">{text:link 2}</a></div>
  720. <div><a href="{text:link 3 URL}">{text:link 3}</a></div>
  721. <div><a href="{text:link 4 URL}">{text:link 4}</a></div>
  722. </div>
  723.  
  724.  
  725. <div class="desc">
  726. {text:description}
  727. </div>
  728.  
  729. <div class="link">
  730. {block:IndexPage}
  731. <div>{block:PreviousPage}<a href="{PreviousPage}"><</a>{/block:PreviousPage}</div>
  732. <div>{block:NextPage}<a href="{NextPage}">></a></p>{/block:NextPage}</div>
  733. {/block:IndexPage}
  734. {block:PermalinkPagination}
  735. <div>{block:PreviousPost}
  736. <a href="{PreviousPost}" title="previous post"><</a>{/block:PreviousPost}</div>
  737. <div>{block:NextPost}<a href="{NextPost}" title="next post">></a>{/block:NextPost}</div>
  738. {/block:PermalinkPagination}
  739. </div>
  740.  
  741. </div>
  742.  
  743. <div class="contain">
  744. {block:posts inlineMediaWidth="1280" inlineNestedMediaWidth="1280"}
  745. <div class="posts">
  746.  
  747. {block:Text}
  748. {block:Title}{Title}{/block:Title}
  749. {Body}
  750. {/block:Text}
  751.  
  752. {block:Photo}
  753. {block:IndexPage}
  754. <div class="pic">
  755. <a href="{Permalink}"><img src="{PhotoURL-250}"></a></div>
  756. {/block:IndexPage}
  757. {block:PermalinkPage}
  758. <div class="pic">
  759. {LinkOpenTag}<img src="{PhotoURL-250}">{LinkCloseTag}
  760. </div>
  761. {/block:PermalinkPage}
  762. {/block:Photo}
  763.  
  764. {block:Photoset}
  765. <div class="photoset-grid" photoset-layout="{PhotosetLayout}">{block:Photos}<div data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}" data-lowres="{PhotoURL-500}" data-highres="{PhotoURL-HighRes}" onclick="lightbox(this)"><img src="{PhotoURL-HighRes}" /></div>{/block:Photos}</div>
  766. {/block:Photoset}
  767.  
  768. {block:Audio}
  769. {block:AudioEmbed}
  770. <div style="height: 85px">{AudioEmbed-250}</div>
  771. {/block:AudioEmbed}
  772. {/block:Audio}
  773.  
  774. {block:Video}
  775. {VideoEmbed-250}
  776. {/block:Video}
  777.  
  778. {block:Answer}
  779. <div class="ask">{Asker}: <div class="q">{Question}</div></div>
  780. <div class="ans">{Answer}</div>
  781. {/block:Answer}
  782.  
  783. {block:Quote}
  784. <p>&#8220;{Quote}&#8221;</p>
  785. {block:Source}<p>&mdash; {Source}</p>{/block:Source}
  786. {/block:Quote}
  787.  
  788. {block:Link}
  789. <a href="{URL}" target="blank">{Name}</a>
  790. {block:Description}{Description}{/block:Description}
  791. {/block:Link}
  792.  
  793. {block:Chat}
  794. {block:Title}{Title}{/block:Title}
  795. {block:Lines}
  796. <div class="{Alt} user_{UserNumber}">
  797. {block:Label}{Label}{/block:Label} {Line}
  798. </div>
  799. {/block:Lines}
  800. {/block:Chat}
  801.  
  802. {block:ifNotHideCaptions}
  803. {block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
  804. {/block:ifNotHideCaptions}
  805.  
  806. {block:IndexPage}
  807.  
  808. {block:ifFooterPxl}
  809. <div class="ft"><center>
  810. <a href="{Permalink}" title="{NoteCount}%" style="background: transparent; border: 0"><img src="{image:footer pxl}"></a></center>
  811. </div>
  812. {/block:ifFooterPxl}
  813.  
  814. {block:ifNotFooterPxl}
  815. <div class="footer">
  816. <a href="{Permalink}">{12Hour}:{Minutes}</a> - <a href="{ReblogURL}" title="reblog?"><div class="notecount">{NoteCount}</div>%</a>
  817.  
  818. {block:ifNotHideTags}
  819. {block:HasTags}
  820. {block:Tags}
  821. <a href="{TagURL}">#{Tag}</a>
  822. {/block:Tags}
  823. {/block:HasTags}
  824. {/block:ifNotHideTags}
  825. </div>
  826. {/block:ifNotFooterPxl}
  827. {/block:IndexPage}
  828.  
  829.  
  830. {block:PermalinkPage}
  831. {block:PostNotes}{PostNotes-64}{/block:PostNotes}
  832. {/block:PermalinkPage}
  833.  
  834. {block:ContentSource}
  835. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  836. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  837. {/block:SourceLogo}
  838. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  839. {/block:ContentSource}
  840.  
  841. <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  842.  
  843. </div> <!-- posts -->
  844. {/block:Posts}
  845.  
  846. </div> <!-- container 4 post -->
  847.  
  848. <div class="pixels">
  849. <img src="{image:pxl 1}">
  850. <img src="{image:pxl 2}">
  851. <img src="{image:pxl 3}">
  852. <img src="{image:pxl 4}">
  853. </div>
  854. </div> <!-- content -->
  855.  
  856.  
  857. <script>
  858. var $container = $('.posts');
  859. $container.find('.notecount').each(function(){
  860. var n = $(this).html().split(' ')[0].replace(/,/g, '');
  861. if (n > 999) {
  862. n = Math.floor(n / 100) / 10;
  863. $(this).text(n + 'k');
  864. }
  865. });
  866. </script>
  867.  
  868.  
  869.  
  870.  
  871. </BODY>
  872.  
  873. </HTML>
  874.  
  875.  
  876.  
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!