API tools faq
paste
Advertisement
anakinskywalker

spongla

anakinskywalker
Aug 4th, 2023
27
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 34.55 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE HTML>
  2. <meta charset="utf-8">
  3. <html>
  4.  
  5. <!--
  6.  
  7. FAST THEME by @sadthemes
  8.  
  9. specs
  10. icon max-height 200px
  11. description will auto scroll max-height: 140px
  12. remove sb border for transparent icons
  13. pixel image optional
  14. photosets are stubborn and didn't wanna resize correctly.
  15.  
  16. ____________________________________________
  17. annasthms photosets
  18. https://annasthms.github.io/photosets/
  19.  
  20. NPF image fix @glenthemes
  21. git.io/JRBt7
  22.  
  23. unnest captions @neothm
  24. https://codepen.io/neothm/pen/PzVjRy
  25.  
  26. short note count
  27. https://shythemes.tumblr.com/post/156021137818/hello-i-was-wondering-if-you-knew-how-to-shorten
  28.  
  29. fitvids.js
  30. https://github.com/davatron5000/FitVids.js
  31.  
  32. -->
  33. <head>
  34.  
  35. <!--annasthms photosets -->
  36. <link href="https://static.tumblr.com/0podkko/oDSpg7y88/photosets.css" rel="stylesheet">
  37. <!-- /annasthms photosets -->
  38.  
  39. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  40.  
  41. <script type="text/javascript" src="https://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  42. <script>
  43. (function($){
  44. $(document).ready(function(){
  45. $("[title]").style_my_tooltips();
  46. });
  47. })(jQuery);
  48. </script>
  49.  
  50. {block:IfRedirect}
  51. <script>
  52. if(window.location.pathname == '/') location.replace('{text:redirect}');
  53. </script>
  54. {block:IfRedirect}
  55.  
  56. <link rel="icon" href="{image:favicon}" type="image/gif" >
  57.  
  58. <TITLE>{Title}</TITLE>
  59. {block:Description}
  60. <meta name="description" content="{MetaDescription}" />
  61. {/block:Description}
  62.  
  63. <meta name="image:favicon" content="" />
  64. <meta name="image:icon" content="https://i.imgur.com/BcUunR4.png" />
  65. <meta name="image:bg" content="" />
  66. <meta name="image:pxl" content="" />
  67. <meta name="image:cursor" content="https://i.imgur.com/I8lupLx.png"/>
  68.  
  69. <meta name="color:bg" content="#fff" />
  70. <meta name="color:posts" content="#fff" />
  71. <meta name="color:post shadow" content="#000" />
  72. <meta name="color:txt" content="#000" />
  73. <meta name="color:txt glow outline" content="#000" />
  74. <meta name="color:link" content="#cc0000" />
  75. <meta name="color:link glow outline" content="#cc0000" />
  76. <meta name="color:link hover" content="#ccc" />
  77. <meta name="color:link hover glow outline" content="#ccc" />
  78. <meta name="color:footer txt" content="#000" />
  79. <meta name="color:footer txt glow outline" content="#000" />
  80. <meta name="color:footer link" content="#cc0000" />
  81. <meta name="color:footer link glow outline" content="#cc0000" />
  82. <meta name="color:title" content="#000" />
  83. <meta name="color:title glow outline" content="#000" />
  84. <meta name="color:desc bg" content="#fff" />
  85. <meta name="color:desc txt" content="#000" />
  86. <meta name="color:desc glow outline" content="#000" />
  87. <meta name="color:sb link" content="#000" />
  88. <meta name="color:sb link glow outline" content="#000" />
  89. <meta name="color:sb link bg" content="#ccc" />
  90. <meta name="color:sb border" content="#000" />
  91. <meta name="color:tooltip bg" content="#ccc" />
  92. <meta name="color:tooltip txt" content="#000" />
  93. <meta name="color:tooltip glow outline" content="#000" />
  94. <meta name="color:select bg" content="#000">
  95. <meta name="color:select txt" content="#fff">
  96. <meta name="color:sb border" content="#000" />
  97. <meta name="color:border" content="#000" />
  98. <meta name="color:left border" content="#000" />
  99.  
  100. <meta name="select:sb border" content="solid" />
  101. <meta name="select:sb border" content="dashed" />
  102. <meta name="select:sb border" content="dotted" />
  103. <meta name="select:sb border" content="double" />
  104. <meta name="select:sb border" content="inset" />
  105. <meta name="select:sb border" content="outset" />
  106. <meta name="select:sb border" content="groove" />
  107. <meta name="select:sb border" content="ridge" />
  108.  
  109. <meta name="select:sb border size" content="1" />
  110. <meta name="select:sb border size" content="2" />
  111. <meta name="select:sb border size" content="3" />
  112. <meta name="select:sb border size" content="4" />
  113. <meta name="select:sb border size" content="5" />
  114.  
  115. <meta name="select:border" content="solid" />
  116. <meta name="select:border" content="dashed" />
  117. <meta name="select:border" content="dotted" />
  118. <meta name="select:border" content="double" />
  119. <meta name="select:border" content="inset" />
  120. <meta name="select:border" content="outset" />
  121. <meta name="select:border" content="groove" />
  122. <meta name="select:border" content="ridge" />
  123.  
  124. <meta name="select:border size" content="1" />
  125. <meta name="select:border size" content="2" />
  126. <meta name="select:border size" content="3" />
  127. <meta name="select:border size" content="4" />
  128. <meta name="select:border size" content="5" />
  129.  
  130. <meta name="select:post margin" content="30" />
  131. <meta name="select:post margin" content="50" />
  132. <meta name="select:post margin" content="75" />
  133. <meta name="select:post margin" content="100" />
  134.  
  135. <meta name="select:photoset gap" content="0" />
  136. <meta name="select:photoset gap" content="1" />
  137. <meta name="select:photoset gap" content="2" />
  138. <meta name="select:photoset gap" content="3" />
  139. <meta name="select:photoset gap" content="4" />
  140. <meta name="select:photoset gap" content="5" />
  141.  
  142. <meta name="select:desc align" content="left" />
  143. <meta name="select:desc align" content="center" />
  144. <meta name="select:desc align" content="right" />
  145.  
  146. <meta name="text:redirect" content="/tagged/0">
  147.  
  148. <meta name="text:font family" content="consolas" />
  149. <meta name="text:font size" content="12" />
  150. <meta name="text:description" content="idk anymore" />
  151.  
  152. <meta name="text:title" content="c:/blog/user" />
  153. <meta name="text:title font family" content="consolas" />
  154. <meta name="text:title size" content="12" />
  155.  
  156. <meta name="text:links title" content="+ + +" />
  157. <meta name="text:link 1 title" content="1" />
  158. <meta name="text:URL 1" content="/" />
  159. <meta name="text:link 2 title" content="2" />
  160. <meta name="text:URL 2" content="/" />
  161. <meta name="text:link 3 title" content="3" />
  162. <meta name="text:URL 3" content="/" />
  163. <meta name="text:link 4 title" content="4" />
  164. <meta name="text:URL 4" content="/" />
  165. <meta name="text:link 5 title" content="5" />
  166. <meta name="text:URL 5" content="/" />
  167.  
  168.  
  169.  
  170. <meta name="if:cover bg" content="0" />
  171. <meta name="if:shadow" content="0" />
  172. <meta name="if:custom cursor" content="0"/>
  173. <meta name="if:bold link" content="0" />
  174. <meta name="if:italic link" content="0" />
  175. <meta name="if:underline link" content="0" />
  176. <meta name="if:glow txt" content="0" />
  177. <meta name="if:outline txt" content="0" />
  178. <meta name="if:xp scrollbar" content="0" />
  179. <meta name="if:dark scrollbar" content="0" />
  180. <meta name="if:hide icon border" content="0" />
  181. <meta name="if:hide title" content="0" />
  182. <meta name="if:more links" content="0" />
  183. <meta name="if:hide sb links" content="0" />
  184. <meta name="if:hide description" content="0" />
  185. <meta name="if:hide caption" content="0" />
  186. <meta name="if:hide tags" content="0" />
  187. <meta name="if:hide top post info" content="0" />
  188. <meta name="if:redirect" content="0" />
  189.  
  190. <style type="text/css">
  191.  
  192. {block:IfCustomCursor}
  193. body, *, a, a:hover {cursor:url({image:cursor}), auto;}{/block:IfCustomCursor}
  194. {block:IfNotCustomCursor}
  195. a, a:hover {cursor: help;}
  196. {/block:IfNotCustomCursor}
  197.  
  198. ::-moz-selection {
  199. background: {color:select bg};
  200. color: {color:select txt};
  201. }
  202. ::selection {
  203. background: {color:select bg};
  204. color: {color:select txt};
  205. }
  206.  
  207. #s-m-t-tooltip {
  208. background: {color:tooltip bg};
  209. {block:ifGlowTxt}
  210. text-shadow: 0 0 3px, 0 0 5px {color:tooltip glow outline};
  211. {/block:ifGlowTxt}
  212. {block:IfOutlineTxt}
  213. text-shadow:
  214. -1px -1px 0 {color:tooltip glow outline},
  215. 0 -1px 0 {color:tooltip glow outline},
  216. 1px -1px 0 {color:tooltip glow outline},
  217. 1px 0 0 {color:tooltip glow outline},
  218. 1px 1px 0 {color:tooltip glow outline},
  219. 0 1px 0 {color:tooltip glow outline},
  220. -1px 1px 0 {color:tooltip glow outline},
  221. -1px 0 0 {color:tooltip glow outline};
  222. {/block:IfOutlineTxt}
  223. z-index: 999999999;
  224. Text-transform: none;
  225. text-align: center;
  226. transition: all 0.3s ease-out;
  227. -o-transition: all 0.3s ease-out;
  228. -webkit-transition: all 0.3s ease-out;
  229. -moz-transition: all 0.3s ease-out;
  230. color: {color:tooltip txt};
  231. max-width: 300px;
  232. word-wrap: break-word;
  233. padding: 7px;
  234. display: block;
  235. margin:-40px 7px -2px 20px;
  236. z-index: 999999999999;}
  237.  
  238. p {margin: 0;}
  239. img {max-width: 100%;}
  240. ul {list-style-type: square;}
  241. h1,h2,h3 {margin: 0; line-height: 100%;}
  242. .text blockquote {
  243. margin: 0; border-left: 0;
  244. overflow-wrap: break-word;
  245. word-wrap: break-word;
  246. }
  247.  
  248. pre {
  249. white-space: pre-line;
  250. overflow-wrap: break-word;
  251. word-wrap: break-word;
  252. -ms-hyphens: auto;
  253. -moz-hyphens: auto;
  254. -webkit-hyphens: auto;
  255. hyphens: auto;
  256. }
  257.  
  258. {block:IfNotXPScrollbar}{block:IfNotDarkScrollbar}
  259. ::-webkit-scrollbar {
  260. width:15px; height:15px;} /* made by @ps1 */
  261. ::-webkit-scrollbar-track {
  262. background-image: url(https://i.imgur.com/n1kAWKU.png);}
  263. ::-webkit-scrollbar-thumb {
  264. background-image: url(https://i.imgur.com/KePIOiE.png);
  265. border-top: 1px solid #D4D0C8; border-bottom: 1px solid #808080;}
  266. ::-webkit-scrollbar-button:vertical:decrement {
  267. background-image: url(https://i.imgur.com/ZF6PC55.png);
  268. width: 15px; height: 15px;}
  269. ::-webkit-scrollbar-button:vertical:increment {
  270. background-image: url(https://i.imgur.com/sMOMkQ7.png);
  271. width: 15px; height: 15px;}
  272. {/block:IfNotDarkScrollbar}{/block:IfNotXPScrollbar}
  273.  
  274. {block:IfDarkScrollbar}
  275. ::-webkit-scrollbar {
  276. width:15px; height:15px;} /* made by @ps1 */
  277. ::-webkit-scrollbar-track {
  278. background-image: url(https://i.imgur.com/1wwyNgR.png);}
  279. ::-webkit-scrollbar-thumb {
  280. background-image: url(https://i.imgur.com/3twDfJb.png);
  281. border-top: 1px solid #111; border-bottom: 1px solid #000;}
  282. ::-webkit-scrollbar-button:vertical:decrement {
  283. background-image: url(https://i.imgur.com/pSpgQbq.png);
  284. width: 15px; height: 15px;}
  285. ::-webkit-scrollbar-button:vertical:increment {
  286. background-image: url(https://i.imgur.com/IzbYg9x.png);
  287. width: 15px; height: 15px;}
  288. {/block:IfDarkScrollbar}
  289.  
  290. {block:IfXPScrollbar}
  291. ::-webkit-scrollbar {
  292. width:16px; height:16px;} /* made by @ps1 */
  293. ::-webkit-scrollbar-track {
  294. background-color: #F7F5EE;}
  295. ::-webkit-scrollbar-thumb {
  296. background-image: url(https://i.imgur.com/CKou08s.png);
  297. border-top: 1px solid #BBCDF5; border-bottom: 1px solid #7C9FD3;
  298. border-radius: 3px;
  299. }
  300. ::-webkit-scrollbar-button:vertical:decrement {
  301. background-image: url(https://i.imgur.com/ObVjKL6.png);
  302. width: 16px; height: 17px;}
  303. ::-webkit-scrollbar-button:vertical:increment {
  304. background-image: url(https://i.imgur.com/1879VtO.png);
  305. width: 16px; height: 17px;}
  306. {/block:IfXPScrollbar}
  307.  
  308. .term::-webkit-scrollbar {
  309. height: 3px;
  310. }
  311.  
  312.  
  313. .term::-webkit-scrollbar-track {
  314. background: {color:txt};
  315. }
  316.  
  317.  
  318. .term::-webkit-scrollbar-thumb {
  319. background: {color:posts};
  320. }
  321.  
  322. body {
  323. opacity: 1;
  324. transition: 3s opacity;
  325. }
  326.  
  327. body.fade-out {
  328. opacity: 0;
  329. transition: none;
  330. }
  331.  
  332. body {
  333. line-height: 100%;
  334. color: {color:txt};
  335. {block:ifGlowTxt}
  336. text-shadow: 0 0 3px, 0 0 5px {color:txt glow outline};
  337. {/block:ifGlowTxt}
  338. {block:IfOutlineTxt}
  339. text-shadow:
  340. -1px -1px 0 {color:txt glow outline},
  341. 0 -1px 0 {color:txt glow outline},
  342. 1px -1px 0 {color:txt glow outline},
  343. 1px 0 0 {color:txt glow outline},
  344. 1px 1px 0 {color:txt glow outline},
  345. 0 1px 0 {color:txt glow outline},
  346. -1px 1px 0 {color:txt glow outline},
  347. -1px 0 0 {color:txt glow outline};
  348. {/block:IfOutlineTxt}
  349. font-size: {text:font size}px;
  350. font-family: {text:font family};
  351. background: {color:bg} url("{image:bg}") fixed;
  352. {block:IfCoverBg}
  353. background-image: url("{image:bg}") no-repeat center center fixed;
  354. -webkit-background-size: cover;
  355. -moz-background-size: cover;
  356. -o-background-size: cover;
  357. background-size: cover;
  358. {/block:IfCoverBg}
  359. -webkit-font-smoothing: antialiased;
  360. text-rendering: optimizeLegibility;
  361. -moz-osx-font-smoothing: grayscale;
  362. }
  363.  
  364. a:link, a:active, a:visited {
  365. color: {color:link};
  366. {block:ifGlowTxt}
  367. text-shadow: 0 0 3px, 0 0 5px {color:link glow outline};
  368. {/block:ifGlowTxt}
  369. {block:IfOutlineTxt}
  370. text-shadow:
  371. -1px -1px 0 {color:link glow outline},
  372. 0 -1px 0 {color:link glow outline},
  373. 1px -1px 0 {color:link glow outline},
  374. 1px 0 0 {color:link glow outline},
  375. 1px 1px 0 {color:link glow outline},
  376. 0 1px 0 {color:link glow outline},
  377. -1px 1px 0 {color:link glow outline},
  378. -1px 0 0 {color:link glow outline};
  379. {/block:IfOutlineTxt}
  380. {block:IfBoldLink}
  381. font-weight: bold;{/block:IfBoldLink}
  382. {block:IfItalicLink}
  383. font-style: italic;{/block:IfItalicLink}
  384. {block:IfNotUnderlineLink}
  385. text-decoration: none;{/block:IfNotUnderlineLink}
  386. {block:IfUnderlineLink}
  387. text-decoration: underline;{/block:IfUnderlineLink}
  388. -webkit-transition: all 0.4s ease-in-out;
  389. -moz-transition: all 0.4s ease-in-out;
  390. -o-transition: all 0.4s ease-in-out;
  391. -ms-transition: all 0.4s ease-in-out;
  392. transition: all 0.4s ease-in-out;
  393. }
  394.  
  395. .sblink a:hover, .footer a:hover, a:hover {
  396. {block:IfBoldLink}
  397. font-weight: bold;{/block:IfBoldLink}
  398. color: {color:link hover};
  399. {block:ifGlowTxt}
  400. text-shadow: 0 0 3px, 0 0 5px {color:link hover glow outline};
  401. {/block:ifGlowTxt}
  402. {block:IfOutlineTxt}
  403. text-shadow:
  404. -1px -1px 0 {color:link hover glow outline},
  405. 0 -1px 0 {color:link hover glow outline},
  406. 1px -1px 0 {color:link hover glow outline},
  407. 1px 0 0 {color:link hover glow outline},
  408. 1px 1px 0 {color:link hover glow outline},
  409. 0 1px 0 {color:link hover glow outline},
  410. -1px 1px 0 {color:link hover glow outline},
  411. -1px 0 0 {color:link hover glow outline};
  412. {/block:IfOutlineTxt}
  413. -webkit-transition: all 0.4s ease-in-out;
  414. -moz-transition: all 0.4s ease-in-out;
  415. -o-transition: all 0.4s ease-in-out;
  416. -ms-transition: all 0.4s ease-in-out;
  417. transition: all 0.4s ease-in-out;
  418. }
  419.  
  420. .content {
  421. width: 600px;
  422. margin: auto;
  423. }
  424.  
  425. .anotha {
  426. margin-left: -200px;
  427. position: fixed;
  428. top: 38%;
  429.  
  430.  
  431. }
  432.  
  433. .tit {
  434. margin-left: -9px;
  435. margin-bottom: 5px;
  436. font-family: {text:title font family};
  437. font-size: {text:title size}px;
  438. color: {color:title};
  439. {block:ifGlowTxt}
  440. text-shadow: 0 0 3px, 0 0 5px {color:title glow outline};
  441. {/block:ifGlowTxt}
  442. {block:IfOutlineTxt}
  443. text-shadow:
  444. -1px -1px 0 {color:title glow outline},
  445. 0 -1px 0 {color:title glow outline},
  446. 1px -1px 0 {color:title glow outline},
  447. 1px 0 0 {color:title glow outline},
  448. 1px 1px 0 {color:title glow outline},
  449. 0 1px 0 {color:title glow outline},
  450. -1px 1px 0 {color:title glow outline},
  451. -1px 0 0 {color:title glow outline};
  452. {/block:IfOutlineTxt}
  453. line-height: 100%;
  454. }
  455.  
  456. .blink_me {
  457. display: inline-block;
  458. animation: blinker 0.9s step-start infinite;
  459. }
  460.  
  461. @keyframes blinker {
  462. 50% {
  463. opacity: 0;
  464. }
  465. }
  466.  
  467. .sb {
  468. align-items: center;
  469. display: flex;
  470. {block:ifShadow}
  471. filter: drop-shadow(0 0 5px {color:post shadow})
  472. drop-shadow(0 0 5px {color:post shadow})
  473. ;
  474. {/block:ifShadow}
  475. }
  476.  
  477.  
  478. .icon {
  479. position: absolute
  480. margin-left: -150px;
  481. margin-left: -10px;
  482. }
  483.  
  484. .icon img {
  485. background: {color:desc bg};
  486. max-height: 200px;
  487. display: block;
  488. {block:ifNotHideIconBorder}
  489. border: {select:sb border size}px {select:sb border} {color:sb border};
  490. {/block:ifNotHideIconBorder}
  491. transition: 0.5s filter;
  492. }
  493.  
  494.  
  495.  
  496. .desc {
  497. text-align: {select:desc align};
  498. background: {color:desc bg};
  499. color: {color:desc txt};
  500. {block:ifGlowTxt}
  501. text-shadow: 0 0 3px, 0 0 5px {color:desc glow outline};
  502. {/block:ifGlowTxt}
  503. {block:IfOutlineTxt}
  504. text-shadow:
  505. -1px -1px 0 {color:desc glow outline},
  506. 0 -1px 0 {color:desc glow outline},
  507. 1px -1px 0 {color:desc glow outline},
  508. 1px 0 0 {color:desc glow outline},
  509. 1px 1px 0 {color:desc glow outline},
  510. 0 1px 0 {color:desc glow outline},
  511. -1px 1px 0 {color:desc glow outline},
  512. -1px 0 0 {color:desc glow outline};
  513. {/block:IfOutlineTxt}
  514. padding: 5px;
  515. max-width: 200px;
  516. max-height: 140px;
  517. overflow: auto;
  518. overflow-x: hidden;
  519. {block:ifHideIconBorder}
  520. border: {select:sb border size}px {select:sb border} {color:sb border};
  521. {/block:ifHideIconBorder}
  522. {block:ifNotHideIconBorder}
  523. border: {select:sb border size}px {select:sb border} {color:sb border};
  524. border-left: 0;
  525. {/block:ifNotHideIconBorder}
  526.  
  527. }
  528.  
  529. select {
  530. padding: 3px;
  531. background: {color:sb link bg};
  532. color: {color:sb link};
  533. {block:ifGlowTxt}
  534. text-shadow: 0 0 3px, 0 0 5px {color:sb link glow outline};
  535. {/block:ifGlowTxt}
  536. {block:IfOutlineTxt}
  537. text-shadow:
  538. -1px -1px 0 {color:sb link glow outline},
  539. 0 -1px 0 {color:sb link glow outline},
  540. 1px -1px 0 {color:sb link glow outline},
  541. 1px 0 0 {color:sb link glow outline},
  542. 1px 1px 0 {color:sb link glow outline},
  543. 0 1px 0 {color:sb link glow outline},
  544. -1px 1px 0 {color:sb link glow outline},
  545. -1px 0 0 {color:sb link glow outline};
  546. {/block:IfOutlineTxt}
  547. font-size: inherit;
  548. font-family: inherit;
  549. width: 90%;
  550. border: {select:sb border size}px {select:sb border} {color:sb border};
  551. }
  552.  
  553.  
  554. .sblink {
  555. text-align: center;
  556. margin-top: 7px;
  557. margin-bottom: 5px;
  558. }
  559.  
  560.  
  561.  
  562. .contain {
  563. margin: 100px 0 50px 300px;
  564.  
  565. }
  566.  
  567. .posts {
  568. width: 400px;
  569. margin-bottom: {select:post margin}px;
  570. }
  571.  
  572. .term {
  573. {block:ifShadow}
  574. filter: drop-shadow(0 0 5px {color:post shadow})
  575. drop-shadow(0 0 5px {color:post shadow})
  576. ;
  577. {/block:ifShadow}
  578. width: 410px;
  579. background: {color:posts};
  580. padding: 5px;
  581. vertical-align: middle;
  582. overflow: auto;
  583. overflow-y: hidden;
  584. margin-bottom: 10px;
  585. border: {select:border size}px {select:Border} {color:border};
  586. border-left: calc({select:border size}px + 2px) {select:Border} {color:left border};
  587. }
  588.  
  589.  
  590. .text {
  591. {block:ifShadow}
  592. filter: drop-shadow(0 0 5px {color:post shadow})
  593. drop-shadow(0 0 5px {color:post shadow})
  594. ;
  595. {/block:ifShadow}
  596. background: {color:posts};
  597. width: 380px;
  598. padding: 20px;
  599. border: {select:border size}px {select:Border} {color:border};
  600. border-left: calc({select:border size}px + 2px) {select:Border} {color:left border};
  601. }
  602.  
  603. .pic img {
  604. background: {color:posts};
  605. padding: 10px;
  606. max-width: 100%;
  607. border: {select:border size}px {select:Border} {color:border};
  608. border-left: calc({select:border size}px + 2px) {select:Border} {color:left border};
  609. display: block;
  610. filter: saturate(1.5);
  611. transition: 0.5s filter;
  612. border-radius: {select:border radius}px;
  613. {block:ifShadow}
  614. filter: drop-shadow(0 0 5px {color:post shadow})
  615. drop-shadow(0 0 5px {color:post shadow})
  616. ;
  617. {/block:ifShadow}
  618. }
  619.  
  620. .pxl img:hover, .pic img:hover, .icon img:hover {
  621. filter: saturate(2);
  622. {block:ifShadow}
  623. filter: drop-shadow(0 0 5px {color:post shadow})
  624. drop-shadow(0 0 5px {color:post shadow})
  625. ;
  626. {/block:ifShadow}
  627. animation: shake 75ms infinite;
  628. animation-timing-function: linear;
  629.  
  630. }
  631.  
  632. @keyframes shake {
  633. 0% { transform: rotate(0.5deg); }
  634. 50% { transform: rotate(-0.5deg); }
  635. 100% { transform: rotate(0.5deg); }
  636. }
  637.  
  638. [photoset-layout] {
  639. background: {color:posts};
  640. min-width: 425px;
  641. max-width: 430px;
  642. padding: 10px;
  643. grid-gap: {select:photoset gap}px;
  644. border: {select:border size}px {select:Border} {color:border};
  645. border-left: calc({select:border size}px + 2px) {select:Border} {color:left border};
  646.  
  647. {block:ifShadow}
  648. filter: drop-shadow(0 0 5px {color:post shadow})
  649. drop-shadow(0 0 5px {color:post shadow})
  650. ;
  651. {/block:ifShadow}
  652. }
  653. [photoset-layout] div {
  654.  
  655. border-radius: {select:border radius}px;
  656. overflow: hidden;
  657.  
  658. }
  659. [photoset-layout] img {
  660. transition: 0.5s filter;
  661. }
  662. [photoset-layout] img:hover {
  663. filter: blur(1px) saturate(2);
  664. {block:ifShadow}
  665. filter: drop-shadow(0 0 5px {color:post shadow})
  666. drop-shadow(0 0 5px {color:post shadow})
  667. ;
  668. {/block:ifShadow}
  669. animation: shake 75ms infinite;
  670. animation-timing-function: linear;
  671. }
  672.  
  673. @keyframes shake {
  674. 0% { transform: rotate(0.5deg); }
  675. 50% { transform: rotate(-0.5deg); }
  676. 100% { transform: rotate(0.5deg); }
  677. }
  678.  
  679. .cap {
  680. {block:ifShadow}
  681. filter: drop-shadow(0 0 5px {color:post shadow})
  682. drop-shadow(0 0 5px {color:post shadow})
  683. ;
  684. {/block:ifShadow}
  685. background: {color:posts};
  686. width: 400px;
  687. padding: 10px;
  688. margin-top: 10px;
  689. border: {select:border size}px {select:Border} {color:border};
  690. border-left: calc({select:border size}px + 2px) {select:Border} {color:left border};
  691. }
  692.  
  693. .vid, .aud {
  694. {block:ifShadow}
  695. filter: drop-shadow(0 0 5px {color:post shadow})
  696. drop-shadow(0 0 5px {color:post shadow})
  697. ;
  698. {/block:ifShadow}
  699. background: {color:posts};
  700. width: 400px;
  701. padding: 10px;
  702. margin-top: 10px;
  703. border: {select:border size}px {select:Border} {color:border};
  704. border-left: calc({select:border size}px + 2px) {select:Border} {color:left border};
  705. }
  706.  
  707. .spotify_audio_player {
  708. height:80px!important;
  709. width:100%!important;
  710. display: block;
  711. z-index: 1;
  712. }
  713.  
  714. .soundcloud_audio_player {
  715. height:84px!important;
  716. width:100%!important;
  717. display: block;
  718. z-index: 1;
  719. }
  720.  
  721. .footer {
  722. {block:ifShadow}
  723. padding-top: 10px;
  724. {/block:ifShadow}
  725. color: {color:footer txt};
  726. {block:ifGlowTxt}
  727. text-shadow: 0 0 3px, 0 0 5px {color:footer txt glow outline};
  728. {/block:ifGlowTxt}
  729. {block:IfOutlineTxt}
  730. text-shadow:
  731. -1px -1px 0 {color:footer txt glow outline},
  732. 0 -1px 0 {color:footer txt glow outline},
  733. 1px -1px 0 {color:footer txt glow outline},
  734. 1px 0 0 {color:footer txt glow outline},
  735. 1px 1px 0 {color:footer txt glow outline},
  736. 0 1px 0 {color:footer txt glow outline},
  737. -1px 1px 0 {color:footer txt glow outline},
  738. -1px 0 0 {color:footer txt glow outline};
  739. {/block:IfOutlineTxt}
  740. margin-top: 10px;
  741. text-align: center;
  742. }
  743.  
  744. .footer a {
  745. color: {color:footer link};
  746. {block:ifGlowTxt}
  747. text-shadow: 0 0 3px, 0 0 5px {color:footer link glow outline};
  748. {/block:ifGlowTxt}
  749. {block:IfOutlineTxt}
  750. text-shadow:
  751. -1px -1px 0 {color:footer link glow outline},
  752. 0 -1px 0 {color:footer link glow outline},
  753. 1px -1px 0 {color:footer link glow outline},
  754. 1px 0 0 {color:footer link glow outline},
  755. 1px 1px 0 {color:footer link glow outline},
  756. 0 1px 0 {color:footer link glow outline},
  757. -1px 1px 0 {color:footer link glow outline},
  758. -1px 0 0 {color:footer link glow outline};
  759. {/block:IfOutlineTxt}
  760. }
  761. .tumblr_parent {
  762. margin: 0;
  763. }
  764. .tumblr_parent blockquote{
  765. padding-left: 10px;
  766. border-left: calc({select:border size}px + 2px) {select:Border} {color:left border};
  767.  
  768. }
  769. .tumblr_avatar {
  770. display: inline-block;
  771. vertical-align: middle;
  772. margin-right: 10px;
  773. margin-bottom: 5px;
  774. width: 30px;
  775. height: 30px;
  776. image-rendering: pixelated;
  777. border-radius: 50%;
  778. }
  779.  
  780.  
  781. .notecount {
  782.  
  783. display: inline;
  784. }
  785.  
  786. .perma {
  787. {block:ifShadow}
  788. filter: drop-shadow(0 0 5px {color:post shadow})
  789. drop-shadow(0 0 5px {color:post shadow})
  790. ;
  791. {/block:ifShadow}
  792. width: 420px;
  793. text-align: left;
  794. background: {color:posts};
  795. margin-top: 10px;
  796. border: {select:border size}px {select:Border} {color:border};
  797. border-left: calc({select:border size}px + 2px) {select:Border} {color:left border};
  798. }
  799.  
  800. .perma ol.notes {
  801. list-style:none;
  802. padding: 10px 20px;
  803. }
  804.  
  805. .perma ol.notes li.note img.avatar {
  806. vertical-align: middle;
  807. display: inline-block;
  808. width: 25px;
  809. height: 25px;
  810. margin: 5px 10px 5px 0;
  811. border-radius: 50%;
  812. image-rendering: pixelated;
  813. }
  814.  
  815. .pagination {
  816. margin-top: 50px;
  817. text-align: center;
  818. font-size: 22px;
  819. width: 400px;
  820. padding: {select:post padding}px;
  821. }
  822.  
  823.  
  824. .c {
  825. bottom: 0; left: 0; padding: 10px; font-size: 16px; position: fixed;
  826. }
  827. .c a {text-decoration: none;}
  828.  
  829.  
  830. .asky {
  831. {block:ifShadow}
  832. filter: drop-shadow(0 0 5px {color:post shadow})
  833. drop-shadow(0 0 5px {color:post shadow})
  834. ;
  835. {/block:ifShadow}
  836. background: {color:posts};
  837. width: 400px;
  838. padding: 10px;
  839. border: {select:border size}px {select:Border} {color:border};
  840. border-left: calc({select:border size}px + 2px) {select:Border} {color:left border};
  841. }
  842. .asker img {
  843. display: inline-block;
  844. vertical-align: middle;
  845. border-radius: 50%;
  846.  
  847. }
  848.  
  849. .quest {
  850. margin-top: 5px;
  851. padding-left: 5px;
  852. }
  853.  
  854. .ans {
  855. {block:ifShadow}
  856. filter: drop-shadow(0 0 5px {color:post shadow})
  857. drop-shadow(0 0 5px {color:post shadow})
  858. ;
  859. {/block:ifShadow}
  860. background: {color:posts};
  861. width: 380px;
  862. margin-top: 10px;
  863. text-align: center;
  864. padding: 20px;
  865. border: {select:border size}px {select:Border} {color:border};
  866. border-left: calc({select:border size}px + 2px) {select:Border} {color:left border};
  867. }
  868.  
  869. .tmblr-iframe-compact .tmblr-iframe--unified-controls {
  870. -webkit-filter: opacity(0);
  871. filter: opacity(0);
  872. transition: all 0.3s ease-out;
  873. -o-transition: all 0.3s ease-out;
  874. -webkit-transition: all 0.3s ease-out;
  875. -moz-transition: all 0.3s ease-out;
  876. }
  877.  
  878. .tmblr-iframe-compact .tmblr-iframe--unified-controls:hover {
  879. -webkit-filter: opacity(1);
  880. filter: opacity(1);
  881. transition: all 0.3s ease-out;
  882. -o-transition: all 0.3s ease-out;
  883. -webkit-transition: all 0.3s ease-out;
  884. -moz-transition: all 0.3s ease-out;
  885. }
  886.  
  887. </style>
  888.  
  889.  
  890.  
  891. <!-- fitvids -->
  892. <script src="path/to/jquery.min.js"></script>
  893. <script src="path/to/jquery.fitvids.js"></script>
  894. <script>
  895. $(document).ready(function(){
  896. // Target your .container, .wrapper, .post, etc.
  897. $(".media").fitVids();
  898. });
  899. </script>
  900. <!-- /fitvids -->
  901.  
  902. <!--smoothscroll-->
  903. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.10/SmoothScroll.min.js"></script>
  904. <!--/smoothscroll-->
  905.  
  906.  
  907.  
  908. <!-- annasthms photosets -->
  909. <script>
  910. function gatherData(images, arr) {
  911. for (let i = 0; i < images.length; i++) {
  912. let currentData = {
  913. "width": images[i].getAttribute('data-width'),
  914. "height": images[i].getAttribute('data-height'),
  915. "low_res": images[i].getAttribute('data-lowres'),
  916. "high_res": images[i].getAttribute('data-highres')
  917. };
  918. arr.push(currentData);
  919. }
  920. }
  921. function getIndex(elem) {
  922. let i = 0;
  923. while( (elem = elem.previousElementSibling) != null ) i++;
  924. return i;
  925. }
  926. function lightbox(elem) {
  927. let currentPhotoset = elem.parentNode;
  928. let photosetPhotos = currentPhotoset.getElementsByTagName('div');
  929. let data = [];
  930. gatherData(photosetPhotos, data);
  931. Tumblr.Lightbox.init(data, getIndex(elem) + 1);
  932. }
  933. </script>
  934. <!-- /annasthms photosets -->
  935.  
  936. <!-- glen themes NPF-->
  937. <script src="//ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
  938. <!--
  939. NPF IMAGES READJUSTMENT | @glenthemes
  940. v2.0 [last updated: 2021-06-03]
  941. -->
  942. <link href="//glen-npf-2020.glitch.me/npf-override.css" rel="stylesheet">
  943. <script src="//glen-npf-2020.glitch.me/npf-evenize.js"></script>
  944.  
  945. <style type="text/css">
  946. :root {
  947. --NPF-Image-Spacing:{select:photoset gap}px;
  948. --NPF-Bottom-Gap-From-Captions:10px;
  949. }
  950. </style>
  951. <!-- /glen themes NPF-->
  952.  
  953. <!--UNNEST-->
  954. <script src="//code.jquery.com/jquery-2.2.4.min.js"></script>
  955. <script src="https://static.tumblr.com/wgg6svp/OoTofxa0c/unnest.min.js"></script>
  956. <script> $(function(){ $('.posts').unnest({
  957. yourCaption: ".cap",
  958. wrapName: ".tumblr_parent",
  959. newCaptionUsername: false,
  960. originalPostCaptionUsername: false,
  961. tumblrAvatars: true,
  962. tumblrAvatarClass: ".tumblr_avatar",
  963. usernameColon: false
  964. }); }); </script>
  965.  
  966. </HEAD>
  967.  
  968. <body>
  969.  
  970. <script>
  971. document.body.classList.add('fade-out');
  972. window.addEventListener('DOMContentLoaded', () => {
  973. document.body.classList.remove('fade-out');
  974. });
  975. </script>
  976.  
  977. <div class="content">
  978.  
  979.  
  980. <div class="anotha">
  981. {block:ifNotHideTitle}<div class="tit">{text:title}<div class="blink_me">|</div></div>{/block:ifNotHideTitle}
  982. <div class="sb">
  983. <div class="icon"><a href="/"><img src="{image:icon}"></a>
  984. </div>
  985.  
  986.  
  987. {block:ifNotHideDescription}
  988. <div class="desc">
  989. {text:description}
  990.  
  991. {block:ifNotHideSbLinks}
  992. <div class="sblink">
  993. <select onChange="window.location.href=this.value">
  994. <option value="/">{text:links title}</option>
  995. <option value="{text:URL 1}">{text:link 1 title}</option>
  996. <option value="{text:URL 2}">{text:link 2 title}</option>
  997. <option value="{text:URL 3}">{text:link 3 title}</option>
  998. {block:ifMoreLinks}
  999. <option value="{text:URL 4}">{text:link 4 title}</option>
  1000. <option value="{text:URL 5}">{text:link 5 title}</option>
  1001. {/block:ifMoreLinks}
  1002. </select>
  1003. </div>
  1004. {/block:ifNotHideSbLinks}
  1005. </div><!-- desc-->
  1006. {/block:ifNotHideDescription}
  1007.  
  1008. </div>
  1009. </div>
  1010.  
  1011. <div class="contain">
  1012. {block:posts inlineMediaWidth="1280" inlineNestedMediaWidth="1280"}
  1013.  
  1014.  
  1015. <div class="posts" post-type="{PostType}">
  1016.  
  1017.  
  1018.  
  1019. {block:PinnedPostLabel} {PinnedPostLabel} {/block:PinnedPostLabel}
  1020.  
  1021. {block:Text}
  1022.  
  1023. {block:ifNotHideTopPostInfo}
  1024. {block:IndexPage}
  1025. <div class="term">c:/{Name}/post/{PostType}/{PostID}</div>
  1026. {/block:IndexPage}{/block:ifNotHideTopPostInfo}
  1027.  
  1028. <div class="text">
  1029. {block:Title}{Title}{/block:Title}
  1030. {Body}
  1031. </div>
  1032. {/block:Text}
  1033.  
  1034. {block:Photo}
  1035.  
  1036. {block:ifNotHideTopPostInfo}
  1037. {block:IndexPage}
  1038. <div class="term">c:/{Name}/post/{PostType}/{PostID}</div>
  1039. {/block:IndexPage}{/block:ifNotHideTopPostInfo}
  1040.  
  1041. <div class="pic">
  1042. {block:IndexPage}
  1043. <a href="{Permalink}"><img src="{PhotoURL-400}"></a>
  1044. {/block:IndexPage}
  1045. {block:PermalinkPage}
  1046. {LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag} {/block:PermalinkPage}
  1047. </div>
  1048. {/block:Photo}
  1049.  
  1050. {block:Photoset}
  1051.  
  1052. {block:ifNotHideTopPostInfo}
  1053. {block:IndexPage}
  1054. <div class="term">c:/{Name}/post/{PostType}/{PostID}</div>
  1055. {/block:IndexPage}{/block:ifNotHideTopPostInfo}
  1056.  
  1057. <div class="photoset-grid" photoset-layout="{PhotosetLayout}">{block:Photos}<div data-width="{PhotoWidth-400}" data-height="{PhotoHeight-400}" data-lowres="{PhotoURL-400}" data-highres="{PhotoURL-400}" onclick="lightbox(this)"><img src="{PhotoURL-400}" /></div>{/block:Photos}</div>
  1058. {/block:Photoset}
  1059.  
  1060. {block:Audio}
  1061.  
  1062. {block:ifNotHideTopPostInfo}
  1063. {block:IndexPage}
  1064. <div class="term">c:/{Name}/post/{PostType}/{PostID}</div>
  1065. {/block:IndexPage}{/block:ifNotHideTopPostInfo}
  1066.  
  1067. {block:AudioEmbed}
  1068. <div class="aud"><div style="height: 85px">{AudioEmbed-400}</div></div>
  1069. {/block:AudioEmbed}
  1070. {/block:Audio}
  1071.  
  1072. {block:Video}
  1073.  
  1074. {block:ifNotHideTopPostInfo}
  1075. {block:IndexPage}
  1076. <div class="term">c:/{Name}/post/{PostType}/{PostID}</div>
  1077. {/block:IndexPage}{/block:ifNotHideTopPostInfo}
  1078.  
  1079. <div class="vid">
  1080. <div class="media">{VideoEmbed-400}
  1081. </div>
  1082. </div>
  1083. {/block:Video}
  1084.  
  1085. {block:Answer}
  1086.  
  1087. {block:ifNotHideTopPostInfo}
  1088. {block:IndexPage}
  1089. <div class="term">c:/{Name}/post/{PostType}/{PostID}</div>
  1090. {/block:IndexPage}{/block:ifNotHideTopPostInfo}
  1091.  
  1092. <div class="asky">
  1093. <div class="asker">
  1094. <img src="{AskerPortraitURL-30}"> {Asker}
  1095. </div>
  1096. <div class="quest">
  1097. {Question}
  1098. </div></div>
  1099. <div class="ans">
  1100. {Answer}
  1101. </div>
  1102. {block:Answerer}
  1103. <img src="{AnswererPortraitURL-30}"> {Answerer}
  1104. {/block:Answerer}
  1105. {/block:Answer}
  1106.  
  1107. {block:Quote}
  1108.  
  1109. {block:ifNotHideTopPostInfo}
  1110. {block:IndexPage}
  1111. <div class="term">c:/{Name}/post/{PostType}/{PostID}</div>
  1112. {/block:IndexPage}{/block:ifNotHideTopPostInfo}
  1113.  
  1114. <div class="text">
  1115. <p>&#8220;{Quote}&#8221;</p>
  1116. {block:Source}<p>&mdash; {Source}</p>{/block:Source}
  1117. </div>
  1118. {/block:Quote}
  1119.  
  1120. {block:Link}
  1121. {block:ifNotHideTopPostInfo}
  1122. {block:IndexPage}
  1123. <div class="term">c:/{Name}/post/{PostType}/{PostID}</div>
  1124. {/block:IndexPage}{/block:ifNotHideTopPostInfo}
  1125.  
  1126. <div class="text">
  1127. <a href="{URL}" target="blank">{Name}</a>
  1128. {block:Description}{Description}{/block:Description}
  1129. </div>
  1130. {/block:Link}
  1131.  
  1132. {block:Chat}
  1133.  
  1134. {block:ifNotHideTopPostInfo}
  1135. {block:IndexPage}
  1136. <div class="term">c:/{Name}/post/{PostType}/{PostID}</div>
  1137. {/block:IndexPage}{/block:ifNotHideTopPostInfo}
  1138.  
  1139. <div class="text">
  1140. {block:Title}{Title}{/block:Title}
  1141. {block:Lines}
  1142. <div class="{Alt} user_{UserNumber}">
  1143. {block:Label}{Label}{/block:Label} {Line}
  1144. </div>
  1145. {/block:Lines}
  1146. </div>
  1147. {/block:Chat}
  1148.  
  1149. {block:ifNotHideCaption}
  1150. {block:Caption}
  1151. <div class="cap">
  1152. {Caption}
  1153. </div>
  1154.  
  1155.  
  1156. {/block:Caption}
  1157. {/block:ifNotHideCaption}
  1158.  
  1159. {block:IndexPage}
  1160. <div class="footer">
  1161. <img src="{image:pxl}" style="display: inline-block; vertical-align: middle"> <a href="{Permalink}">{TimeAgo}</a> ; <a href="{Permalink}"><div class="notecount">{NoteCount}</div></a> ; <a href="{ReblogURL}">reblog</a> {block:RebloggedFrom} ;
  1162. <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a> ;
  1163. <a href="{ReblogRootURL}" title="{ReblogRootName}">src</a>
  1164. {/block:RebloggedFrom}
  1165.  
  1166. {block:ifNotHideTags}
  1167. {block:HasTags}
  1168. <br>Filed:
  1169. {block:Tags}
  1170. <a href="{TagURL}">/{Tag}</a>
  1171. {/block:Tags}
  1172. {/block:HasTags}
  1173. {/block:ifNotHideTags}
  1174. </div>
  1175. {/block:IndexPage}
  1176.  
  1177.  
  1178. {block:PermalinkPage}
  1179. {block:ifHideCaption}
  1180. {block:Caption}{Caption}{/block:Caption}
  1181. {/block:ifHideCaption}
  1182.  
  1183. {block:PostNotes}
  1184. <div class="perma">{PostNotes-64}</div>{/block:PostNotes}
  1185. {/block:PermalinkPage}
  1186.  
  1187. </div> <!-- posts -->
  1188.  
  1189. {/block:Posts}
  1190.  
  1191. {block:IndexPage}
  1192. <div class="pagination">
  1193.  
  1194.  
  1195.  
  1196. {block:Pagination}{block:PreviousPage}
  1197. <a href="{PreviousPage}">&#171;</a>
  1198. {/block:PreviousPage}{block:JumpPagination length="5"}{block:CurrentPage}
  1199. <span class="current_page" style="font-size: 130%"><b>{PageNumber}</b></span>
  1200. {/block:CurrentPage}{block:JumpPage}
  1201. <a class="jump_page" href="{URL}">{PageNumber}</a>
  1202. {/block:JumpPage}{/block:JumpPagination}{block:NextPage}
  1203. <a href="{NextPage}">&#187;</a>
  1204. {/block:NextPage}{/block:Pagination}
  1205. </div>{/block:IndexPage}
  1206.  
  1207. </div> <!-- container 4 post -->
  1208. </div> <!-- content -->
  1209.  
  1210. <div class="c"><a href="https://sadthemes.tumblr.com/" title="sadthemes">#</a></div>
  1211.  
  1212. <!-- short note count @shythemes-->
  1213. <script>
  1214. var $container = $('.posts');
  1215. $container.find('.notecount').each(function(){
  1216. var n = $(this).html().split(' ')[0].replace(/,/g, '');
  1217. if (n > 999) {
  1218. n = Math.floor(n / 100) / 10;
  1219. $(this).text(n + 'k');
  1220. }
  1221. });
  1222. </script>
  1223. <!-- /short note count @shythemes-->
  1224.  
  1225. </body>
  1226.  
  1227. </html>
  1228.  
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!