API tools faq
paste
Advertisement
likesmagic

daydreamin by @gloriapritchetts

likesmagic
Jul 14th, 2024
568
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 35.64 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <link rel="stylesheet" media="screen" href="//assets.tumblr.com/client/prod/standalone/blog-network-npf/index.build.css">
  5.  
  6. <!--
  7. NPF images fix v3.0 by @glenthemes [2021]
  8. 💌 git.io/JRBt7
  9. --->
  10. <script src="//npf-images-v3.github.io/script.js"></script>
  11. <link rel="stylesheet" href="//npf-images-v3.github.io/recon.css">
  12. <style tmblr-npf>
  13. :root {
  14. --NPF-Caption-Spacing:1em;
  15. --NPF-Image-Spacing:4px;
  16. }
  17. </style>
  18. <script src="https://unpkg.com/phosphor-icons"></script>
  19. <script src="https://unpkg.com/@phosphor-icons/web"></script>
  20. <link rel="preconnect" href="https://fonts.googleapis.com">
  21. <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  22. <link href="https://fonts.googleapis.com/css2?family=ABeeZee:ital@0;1&family=Karla:ital,wght@0,200..800;1,200..800&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Nunito:ital,wght@0,200..1000;1,200..1000&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Quicksand:[email protected]&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Varela+Round&display=swap" rel="stylesheet">
  23.  
  24. <script src="//pull.cappuccicons.com/cpf.js"></script>
  25. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  26. <title>{Title} {block:TagPage}/ #{Tag}{/block:TagPage}{block:PostSummary}: {PostSummary}{/block:PostSummary}</title>
  27.  
  28. <link rel="shortcut icon" href="{Favicon}">
  29. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  30. {block:Description}<meta name="description" content="{MetaDescription}"/>{/block:Description}
  31. <meta charset="utf-8">
  32. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  33.  
  34. <!---
  35.  
  36. ♡ CODE BY GLORIAPRITCHETTS ♡
  37. rules and credits @ gloriapritchetts.tumblr.com/themes
  38.  
  39. --->
  40.  
  41. <meta name="image:sidebar" content="https://placehold.co/262x300/EEE/31343C"/>
  42.  
  43. <meta name="color:background" content="#0f0f0f"/>
  44. <meta name="color:posts" content="#121212"/>
  45. <meta name="color:text" content="#fff"/>
  46. <meta name="color:accent" content="#64bffa"/>
  47. <meta name="color:borders" content="#181818"/>
  48. <meta name="color:gradient 1" content="#64bffa"/>
  49. <meta name="color:gradient 2" content="#c7e6f7"/>
  50.  
  51. <meta name="if:quicksand" content="0"/>
  52. <meta name="if:karla" content="0"/>
  53. <meta name="if:roboto" content="0"/>
  54. <meta name="if:nunito" content="0"/>
  55. <meta name="if:poppins" content="0"/>
  56. <meta name="if:abeezee" content="0"/>
  57.  
  58. <meta name="select:shadow" content="0px"/>
  59. <meta name="select:shadow" content="10px"/>
  60.  
  61. <meta name="select:borders" content="0px"/>
  62. <meta name="select:borders" content="1px"/>
  63.  
  64. <meta name="select:border radius" content="0px"/>
  65. <meta name="select:border radius" content="5px"/>
  66. <meta name="select:border radius" content="10px"/>
  67.  
  68. <meta name="text:title" content="keep this short"/>
  69. <meta name="text:description" content="this looks best at two lines! la lalalalalal dee lal laal"/>
  70.  
  71. <meta name="text:email" content="email"/>
  72. <meta name="text:password" content="*****************"/>
  73.  
  74. <meta name="text:link 1 url" content="/"/>
  75. <meta name="text:link 1 title" content="link 1"/>
  76. <meta name="text:link 2 url" content="/"/>
  77. <meta name="text:link 2 title" content="link 2"/>
  78.  
  79. <!----- css ----->
  80.  
  81. <style type="text/css">
  82.  
  83. /*----- general -----*/
  84.  
  85. ::-webkit-scrollbar {
  86. width: 3px;
  87. background: {color:background};
  88. border-radius:{select:border radius};
  89. }
  90.  
  91. ::-webkit-scrollbar-thumb {
  92. background: {color:accent};
  93. border-radius:{select:border radius};
  94. }
  95.  
  96. body {
  97. font-size: 13.5px;
  98. color: {color:text};
  99. background-color: {color:background};
  100. line-height: 135%;
  101. word-wrap: break-word;
  102. letter-spacing: 0.3px;
  103. margin: 0;
  104. padding: 0;
  105. }
  106.  
  107. {block:ifquicksand}
  108. body {
  109. font-family: quicksand;
  110. font-size: 13.5px;
  111. }
  112. {/block:ifquicksand}
  113.  
  114. {block:ifkarla}
  115. body {
  116. font-family: karla;
  117. font-size: 13.5px;
  118. }
  119. {/block:ifkarla}
  120.  
  121. {block:ifroboto}
  122. body {
  123. font-family: roboto;
  124. font-size: 13.5px;
  125. }
  126. {/block:ifroboto}
  127.  
  128. {block:ifnunito}
  129. body {
  130. font-family: nunito;
  131. font-size: 13.5px;
  132. }
  133. {/block:ifnunito}
  134.  
  135. {block:ifpoppins}
  136. body {
  137. font-family: poppins;
  138. font-size: 12.5px;
  139. }
  140. {/block:ifpoppins}
  141.  
  142. {block:ifabeezee}
  143. body {
  144. font-family: abeezee;
  145. font-size: 13.5px;
  146. }
  147. {/block:ifabeezee}
  148.  
  149. a {
  150. color: {color:text};
  151. position: relative;
  152. text-decoration: none;
  153. -webkit-transition: all 0.4s ease;
  154. transition: all 0.4s ease;
  155. -moz-transition: all 0.4s ease;
  156. -o-transition: all 0.4s ease;
  157. }
  158.  
  159. a:hover {
  160. border:none;
  161. text-decoration:none;
  162. color:{color:accent};
  163. text-shadow:none;
  164. -webkit-transition: all 0.4s ease;
  165. transition: all 0.4s ease;
  166. -moz-transition: all 0.4s ease;
  167. -o-transition: all 0.4s ease;
  168. }
  169.  
  170. blockquote {
  171. padding: 0 0 0 1.5em;
  172. border-left: 1px solid {color:borders};
  173. margin: 1.5em 0 1.5em 1.5em;
  174. }
  175.  
  176. h1.post-title {
  177. font-size:22px;
  178. color:{color:accent};
  179. text-align:left;
  180. margin-top:0.6em;
  181. border-bottom:1px solid {color:borders};
  182. padding-bottom:10px;
  183. margin-bottom:0em;
  184. }
  185.  
  186. h1 {
  187. font-size:19px;
  188. color:{color:accent};
  189. font-weight:bold;
  190. text-align:left;
  191. line-height:25px;
  192. border:none;
  193. box-shadow:none;
  194. }
  195.  
  196. h1 a {
  197. font-size:19px;
  198. color:{color:accent};
  199. font-weight:bold;
  200. text-align:left;
  201. line-height:25px;
  202. border:none;
  203. box-shadow:none;
  204. }
  205.  
  206. h1 a:hover {
  207. font-size:19px;
  208. color:{color:gradient 2};
  209. font-weight:bold;
  210. text-align:left;
  211. line-height:25px;
  212. border:none;
  213. box-shadow:none;
  214. }
  215.  
  216. h2 {
  217. font-size:19px;
  218. color:{color:gradient 2};
  219. text-align:center;
  220. line-height:22px;
  221. text-transform:justify;
  222. font-weight:bold;
  223. box-shadow:none;
  224. }
  225.  
  226. h2 a {
  227. font-size:19px;
  228. color:{color:accent};
  229. text-align:center;
  230. line-height:22px;
  231. text-transform:justify;
  232. font-weight:bold;
  233. border:none;
  234. box-shadow:none;
  235. }
  236.  
  237. h2 a:hover {
  238. font-size:19px;
  239. color:{color:accent};
  240. text-align:center;
  241. line-height:22px;
  242. text-transform:justify;
  243. font-weight:bold;
  244. border:none;
  245. box-shadow:none;
  246. }
  247.  
  248. bold, b, strong {
  249. font-weight:bold;
  250. color:{color:accent};
  251. }
  252.  
  253. i, em, italic {
  254. color:{color:gradient 2};
  255. }
  256.  
  257. small, sub, sup {
  258. font-size:13px;
  259. }
  260.  
  261. .tmblr-iframe-compact .tmblr-iframe--unified-controls { z-index: 999999999!important;margin-top: 2.9em;padding-right:0.3em;opacity: 0;visibility: hidden;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s; }
  262.  
  263. body.controls-click .tmblr-iframe {
  264. opacity: 1.0;
  265. visibility: visible;
  266. -webkit-transition: all 0.5s;
  267. -moz-transition: all 0.5s;
  268. -ms-transition: all 0.5s;
  269. -o-transition: all 0.5s;
  270. transition: all 0.5s;
  271. }
  272.  
  273. /*----- sidebar -----*/
  274.  
  275. #sidebar {
  276. width:300px;
  277. height:380px;
  278. padding:0px;
  279. margin-top:1.5em;
  280. background:{color:posts};
  281. position:fixed;
  282. margin-left:-2em;
  283. border:{select:borders} solid {color:borders};
  284. border-radius:{select:border radius};
  285. box-shadow:0px 0px {select:shadow} {color:borders};
  286. }
  287.  
  288. #sidebarie {
  289. position:absolute;
  290. margin-top:4em;
  291. margin-left:1.5em;
  292. width:262px;
  293. height:300px;
  294. border-radius:{select:border radius}!important;
  295. object-fit: cover;
  296. }
  297.  
  298. #sidebarie img {
  299. width:262px;
  300. height:300px;
  301. object-fit: cover;
  302. }
  303.  
  304. #title {
  305. position:absolute;
  306. background: linear-gradient(to right, {color:Gradient 1}, {color:Gradient 2});
  307. margin-top:0em;
  308. margin-left:0em;
  309. width:280px;
  310. padding:10px;
  311. height:15px;
  312. text-align:justify;
  313. line-height:18px;
  314. overflow-y:hidden;
  315. color:{color:posts};
  316. margin-bottom:0.5em;
  317. border-top-left-radius:{select:border radius};
  318. border-top-right-radius:{select:border radius};
  319. }
  320.  
  321. #titleurl {
  322. width:275px;
  323. margin-top:-0.2em;
  324. position:absolute;
  325. margin-left:0em;
  326. height:18px;
  327. background:{color:posts};
  328. color:{color:text};
  329. padding-left:5px;
  330. font-size:8.5px;
  331. text-transform:uppercase;
  332. letter-spacing:2px;
  333. border-radius:{select:border radius};
  334. }
  335.  
  336. #title i {
  337. color:{color:posts};
  338. }
  339.  
  340. #desc {
  341. position:absolute;
  342. margin-top:3em;
  343. margin-left:0.9em;
  344. opacity:0.6;
  345. padding:20px;
  346. width:240px;
  347. height:300px;
  348. text-align:center;
  349. line-height:18px;
  350. overflow-y:hidden;
  351. background:{color:posts};
  352. border-radius:{select:border radius};
  353.  
  354. }
  355.  
  356. #desc a {
  357. border:none;
  358. }
  359.  
  360. #signin {
  361. position:absolute;
  362. text-align:center;
  363. margin-top:20em;
  364. margin-left:5.5em;
  365. background:{color:posts};
  366. font-size:8.5px;
  367. width:200px;
  368. text-transform:uppercase;
  369. letter-spacing:2px;
  370. height:18px;
  371. border-radius:{select:border radius};
  372. }
  373.  
  374. #lock {
  375. position:absolute;
  376. text-align:center;
  377. margin-top:11em;
  378. margin-left:10em;
  379. background:{color:posts};
  380. width:10px;
  381. height:10px;
  382. padding:5px;
  383. border-radius:{select:border radius};
  384. }
  385.  
  386. #lock i {
  387. font-size:12px;
  388. }
  389.  
  390. #title2 {
  391. position:absolute;
  392. margin-top:22em;
  393. margin-left:0.6em;
  394. width:280px;
  395. padding:10px;
  396. text-align:left;
  397. line-height:18px;
  398. overflow-y:hidden;
  399. color:{color:accent};
  400. font-size:16px;
  401. font-weight:bold;
  402. }
  403.  
  404. #desc2 {
  405. margin-top:29em;
  406. margin-left:1.5em;
  407. background:{color:background};
  408. padding:20px;
  409. width:222px;
  410. border-radius:{select:border radius};
  411. }
  412.  
  413. {block:ifpoppins}
  414. #title2 {
  415. margin-top:21.6em;
  416. }
  417. {/block:ifpoppins}
  418.  
  419. {block:ifpoppins}
  420. #desc2 {
  421. margin-top:30.7em;
  422. }
  423. {/block:ifpoppins}
  424.  
  425. /*----- heading -----*/
  426.  
  427. #linkiez {
  428. position:absolute;
  429. margin-left:-1em;
  430. }
  431.  
  432. {block:ifroboto}
  433. #linkiez {
  434. margin-top:0.6px;
  435. }
  436. {/block:ifroboto}
  437.  
  438. {block:ifnunito}
  439. #linkiez {
  440. margin-top:0.9px;
  441. }
  442. {/block:ifnunito}
  443.  
  444. {block:ifpoppins}
  445. #linkiez {
  446. margin-top:1.3px;
  447. }
  448. {/block:ifpoppins}
  449.  
  450. #linkiez li {
  451. list-style-type:none;
  452. display:inline-block;
  453. text-align:center;
  454. }
  455.  
  456. #linkiez a {
  457. color:{color:accent};
  458. border:none;
  459. font-size:15px;
  460. }
  461.  
  462. {block:ifpoppins}
  463. #linkiez a {
  464. color:{color:accent};
  465. border:none;
  466. font-size:14px;
  467. }
  468. {/block:ifpoppins}
  469.  
  470. #linkiez a:hover {
  471. color:{color:gradient 2};
  472. border:none;
  473. letter-spacing:2px;
  474. }
  475.  
  476. #heading {
  477. background: {color:posts};
  478. width: 100%;
  479. height:20px;
  480. padding:10px;
  481. position: fixed;
  482. z-index:99999999999!important;
  483. text-align:center;
  484. top:0px;
  485. left:0px;
  486. border-bottom:{select:borders} solid {color:borders};
  487. box-shadow:0px 0px {select:shadow} {color:borders};
  488. }
  489.  
  490. #heading a {
  491. border-bottom:0px;
  492. margin:1em!important;
  493. }
  494.  
  495. #heading i {
  496. font-size:17px;
  497. color:{color:accent};
  498. -webkit-transition: all 0.4s ease;
  499. transition: all 0.4s ease;
  500. -moz-transition: all 0.4s ease;
  501. -o-transition: all 0.4s ease;
  502. }
  503.  
  504. #heading i:hover {
  505. color:{color:gradient 2};
  506. -webkit-transition: all 0.4s ease;
  507. transition: all 0.4s ease;
  508. -moz-transition: all 0.4s ease;
  509. -o-transition: all 0.4s ease;
  510. }
  511.  
  512. .scrollToTop {
  513. text-decoration: none;
  514. position:fixed;
  515. top:-1.7px;
  516. right:1.5em;
  517. display:none;
  518. }
  519.  
  520. .scrollToTop:hover{
  521. text-decoration:none;
  522. }
  523.  
  524. .controlz {
  525. position:fixed;
  526. top:11px;
  527. right:0em;
  528. }
  529.  
  530. /*----- posts -----*/
  531.  
  532. main {
  533. position: relative;
  534. width: calc(250px + 540px + 150px);
  535. margin: auto;
  536. }
  537.  
  538. section {
  539. position:relative;
  540. top:50%;
  541. left:50%;
  542. width: 580px;
  543. margin-left: -120px;
  544. margin-top:80px;
  545. padding:20px;
  546. }
  547.  
  548. article {
  549. width: 540px;
  550. position: relative;
  551. margin-bottom:100px!important;
  552. background:{color:posts};
  553. padding:20px;
  554. border:{select:borders} solid {color:borders};
  555. border-radius:{select:border radius};
  556. box-shadow:0px 0px {select:shadow} {color:borders};
  557. }
  558.  
  559. article a {
  560. box-shadow:0px 2px 0px {color:borders};
  561. }
  562.  
  563. article a:hover {
  564. box-shadow:0px 2px 0px {color:accent};
  565. }
  566.  
  567. .posts li, .posts blockquote, figure, video, iframe, .video, .video iframe, figure.tmblr-embed.tmblr-full, figure.tmblr-embed.tmblr-full iframe, .caption iframe { max-width: 100%; }
  568.  
  569. .caption {
  570. list-style-type: none;
  571. margin-top:0.5em;
  572. margin-left:0.3em;
  573. }
  574.  
  575. .caption .username a {
  576. box-shadow:0px 2px 0px {color:borders};
  577. }
  578.  
  579. .caption .username a:hover {
  580. box-shadow:0px 2px 0px {color:accent};
  581. }
  582.  
  583. li {
  584. list-style-type:circle;
  585. }
  586.  
  587. li::marker {
  588. color: {color:accent};
  589. }
  590.  
  591. .text-caption:first-of-type { margin-top: 0.8em; }
  592.  
  593. .rbinfo {
  594. background: linear-gradient(to right, {color:Gradient 1}, {color:Gradient 2});
  595. padding:5px;
  596. padding-bottom:13px;
  597. padding-top:13px;
  598. border-radius:{select:border radius};
  599. color:{color:posts}!important;
  600. font-weight:normal!important;
  601. line-height:14px;
  602. }
  603.  
  604. .rbinfo span {
  605. font-weight:normal!important;
  606. margin-left:0em;
  607. }
  608.  
  609. .rbinfo a, .rbinfo .username {
  610. border:none;
  611. color:{color:posts}!important;
  612. box-shadow:none;
  613. }
  614.  
  615. .rbinfo .username {
  616. border:none;
  617. color:{color:posts}!important;
  618. margin-left:0.2em;
  619. box-shadow:none;
  620. margin-top:-0.2em;
  621. margin-bottom:0em;
  622. }
  623.  
  624. .rbinfo b {
  625. color:{color:posts}!important;
  626. }
  627.  
  628. .rbinfo .user-icon {
  629. width:2em;
  630. height:2em;
  631. outline:2px solid {color:posts};
  632. outline-offset:0px;
  633. margin-left:10px;
  634. margin-top:-1em!important;
  635. }
  636.  
  637. .rbinfo .user-icon img {
  638. border-radius:100%;
  639. }
  640.  
  641. .user-icon {
  642. display: inline-block;
  643. vertical-align: middle;
  644. width: 0.5em;
  645. height: 0.5em;
  646. margin-right: 0.6em;
  647. margin-top:0em;
  648. border-radius:100%;
  649. background:{color:accent};
  650. }
  651.  
  652. .username, .username a {
  653. display: inline-block;
  654. font-weight: bold;
  655. color:{color:accent};
  656. text-decoration:none;
  657. border-bottom:none;
  658. box-shadow:none!important;
  659. }
  660.  
  661. .username a:hover {
  662. font-weight: bold;
  663. color:{color:gradient 2};
  664. text-decoration:none;
  665. border-bottom:none;
  666. box-shadow:none;
  667. }
  668.  
  669. p.tmblr-attribution {margin-top: 1em !important;}
  670.  
  671. a.link-wrap {
  672. display: block;
  673. border: 1px solid {color:borders};
  674. }
  675.  
  676. .link { padding: 2em; }
  677.  
  678. .link-host, .link-txt { margin-top: 1.5em; }
  679.  
  680. .npf-link-block {
  681. margin-top: 1.5em;
  682. background-color: inherit;
  683. border: 1px solid inherit;
  684. color: inherit;
  685. }
  686.  
  687. img {
  688. margin: 0;
  689. display: block;
  690. height: auto;
  691. max-width: 100%;
  692. margin-bottom:5px;
  693. border-radius:{select:border radius};
  694. }
  695.  
  696. .photo-slideshow,
  697. .npf_photoset {
  698. border-radius:{select:border radius};
  699. }
  700.  
  701. .vignette, #vignette {opacity: 0;}
  702. .tmblr-lightbox, #tumblr_lightbox {background-color: rgba(130, 130, 130, 0.75) !important;}
  703.  
  704. .lightbox-image, #tumblr_lightbox img {
  705. box-shadow: none !important;
  706. border-radius: 0 !important;
  707. max-width: none;
  708. }
  709.  
  710. #tumblr_lightbox_caption, .lightbox-caption {
  711. color: #fff !important;
  712. font-family: inherit;
  713. margin-top: 1em !important;
  714. }
  715.  
  716. .post-content div.npf_row, .post div.npf_row, body div.npf_row {
  717. margin-left: 0 !important;
  718. margin-right: 0 !important;
  719. }
  720.  
  721. .quote { line-height: 160%; font-size: 1.25em; }
  722.  
  723. .quote p:first-of-type { margin-top: 0; }
  724. .quote p:last-of-type { margin-bottom: 0; }
  725.  
  726. .source { margin-top: 1.5em; }
  727.  
  728. .chat { padding: 0; margin: 0; }
  729. .chat li { list-style-type: none; margin-top: 1em; }
  730. .chat li:first-of-type { margin-top: 0; }
  731. .chatter { font-weight: bold; }
  732.  
  733. p.npf_chat, p.npf_chat b {font-family: inherit;}
  734.  
  735. /*----- asks -----*/
  736.  
  737. .question {
  738. background:{color:posts};
  739. color:{color:text};
  740. padding:20px;
  741. border-top-right-radius:35px;
  742. border-bottom-right-radius:35px;
  743. border-bottom-left-radius:35px;
  744. margin-top:5px;
  745. text-align:justify;
  746. position:relative;
  747. }
  748.  
  749. .asking {
  750. margin-top:1em;
  751. background:{color:background};
  752. border-radius:{select:border radius};
  753. padding:20px;
  754. color:{color:text};
  755. text-align:justify;
  756. }
  757.  
  758. .asking b, .asking a {
  759. font-weight:bold;
  760. color:{color:accent};
  761. border-bottom:0px solid;
  762. box-shadow:none;
  763. }
  764.  
  765. .asking a:hover {
  766. color:{color:gradient 2};
  767. border-bottom:0px solid;
  768. box-shadow:none;
  769. }
  770.  
  771. .question p:first-of-type { margin-top: 0; }
  772. .question p:last-of-type { margin-bottom: 0; }
  773.  
  774. .answer2 {
  775. font-weight:normal;
  776. text-transform:lowercase;
  777. text-align:justify;
  778. font-family: {text:font};
  779. font-size: 13.5px;
  780. color: {color:text};
  781. padding-top:3px;
  782. }
  783.  
  784. .answer2 img {
  785. padding-top:1em;
  786. }
  787.  
  788. /*----- info -----*/
  789.  
  790. .info {
  791. height:21px;
  792. margin-top: 1.2em;
  793. padding:10px;
  794. background: linear-gradient(to right, {color:Gradient 1}, {color:Gradient 2});
  795. border-radius:{select:border radius};
  796. color:{color:posts};
  797. }
  798.  
  799. .info a {
  800. display: inline-block;
  801. vertical-align: middle;
  802. text-transform:lowercase;
  803. color:{color:posts};
  804. border-bottom:0px solid;
  805. padding-left:3px;
  806. box-shadow:none;
  807. }
  808.  
  809. .info a:hover {
  810. text-decoration:none;
  811. color:{color:posts};
  812. text-shadow:none;
  813. border-bottom:0px solid;
  814. box-shadow:none;
  815. }
  816.  
  817. .infopix {
  818. margin-top:-1.4em;
  819. margin-left:35.2em;
  820. width:100%;
  821. }
  822.  
  823. .info img {
  824. width: 1em;
  825. height: 1em;
  826. border-radius:100%;
  827. outline:2px solid {color:posts};
  828. outline-offset:0px;
  829. margin:2.2px;
  830. }
  831.  
  832. .but {
  833. margin-top:-19px;
  834. text-align:right;
  835. padding-right:5px;
  836. }
  837.  
  838. {block:ifquicksand}
  839. .info a {
  840. margin-top:-2px;
  841. }
  842.  
  843. .but {
  844. margin-top:-18px;
  845. }
  846. {/block:ifquicksand}
  847.  
  848. {block:ifkarla}
  849. .info a {
  850. margin-top:-3px;
  851. }
  852.  
  853. .but {
  854. margin-top:-18px;
  855. }
  856. {/block:ifkarla}
  857.  
  858. {block:ifroboto}
  859. .info a {
  860. margin-top:0px;
  861. }
  862.  
  863. .but {
  864. margin-top:-19px;
  865. }
  866. {/block:ifroboto}
  867.  
  868. {block:ifnunito}
  869. .info a {
  870. margin-top:1.2px;
  871. }
  872.  
  873. .but {
  874. margin-top:-19px;
  875. }
  876. {/block:ifnunito}
  877.  
  878. {block:ifpoppins}
  879. .info a {
  880. margin-top:0.6px;
  881. }
  882.  
  883. .but {
  884. margin-top:-17px!important;
  885. }
  886.  
  887. .buttons {
  888. top:0em;
  889. left:47.5em!important;
  890. position:absolute;
  891. z-index:999999!important;
  892. }
  893.  
  894. {/block:ifpoppins}
  895.  
  896.  
  897. .buttons {
  898. top:0em;
  899. left:44em;
  900. position:absolute;
  901. z-index:999999!important;
  902. }
  903.  
  904. .buttons i {
  905. font-size:20px;
  906. color:{color:posts};
  907. -webkit-transition: all 0.4s ease;
  908. transition: all 0.4s ease;
  909. -moz-transition: all 0.4s ease;
  910. -o-transition: all 0.4s ease;
  911. }
  912.  
  913. .buttonscontrols a {
  914. background:{color:accent};
  915. border:{select:borders} solid {color:borders};
  916. position:relative;
  917. display:inline-block;
  918. overflow:hidden;
  919. padding:8px;
  920. width:20px;
  921. height:20px;
  922. border-radius:{select:border radius};
  923. margin-bottom:0.3em;
  924. box-shadow:none;
  925. }
  926.  
  927. .buttonscontrols a:hover {
  928. background:{color:gradient 2};
  929. position:relative;
  930. display:inline-block;
  931. overflow:hidden;
  932. padding:8px;
  933. width:20px;
  934. height:20px;
  935. border:{select:borders} solid {color:borders};
  936. border-radius:{select:border radius};
  937. box-shadow:none;
  938. transform: scale(0.9);
  939. -webkit-transition: all 0.4s ease;
  940. transition: all 0.4s ease;
  941. -moz-transition: all 0.4s ease;
  942. -o-transition: all 0.4s ease;
  943. }
  944.  
  945. .buttonscontrols .like .like_button {
  946. position:relative;
  947. }
  948.  
  949. .buttonscontrols .like .like_button iframe {
  950. position:absolute;
  951. top:0;
  952. left:0;
  953. bottom:0;
  954. right:0;
  955. z-index:2;
  956. opacity:0;
  957. }
  958.  
  959. .tags {
  960. word-wrap: break-word;
  961. margin-top:1em!important;
  962. margin-left:0em;
  963. }
  964.  
  965. .tags a {
  966. margin-right:0em;
  967. color:{color:text};
  968. font-weight:normal;
  969. padding-right:0.4em;
  970. box-shadow:none;
  971. }
  972.  
  973. .tags a:hover {
  974. text-decoration:none;
  975. color:{color:gradient 2};
  976. text-shadow:none;
  977. box-shadow:none;
  978. }
  979.  
  980. .tags a:before {
  981. content: '#';
  982. }
  983.  
  984. /*----- notes -----*/
  985.  
  986. .notes { margin-top:-1em; }
  987. .notes a { color:{color:accent}; text-decoration:none;border-bottom:0px solid;box-shadow:none; }
  988. .notes a:hover { color:{color:gradient 2}; text-decoration:none;border-bottom:0px solid;box-shadow:none; }
  989.  
  990. ol.notes {
  991. max-width: 100%;
  992. padding: 0;
  993. margin: 2em 0 0 0;
  994. text-align:left;
  995. }
  996.  
  997. ol.notes li.note { padding: 0.3em 0; list-style-type: none; }
  998.  
  999. ol.notes li.note img.avatar {
  1000. margin-right: 0.5em;
  1001. margin-top:0.4em;
  1002. vertical-align: middle;
  1003. display: inline-block;
  1004. width: 1em;
  1005. height: 1em;
  1006. border-radius:100%;
  1007. border:2px solid {color:accent};
  1008. }
  1009.  
  1010. /*----- pagination -----*/
  1011.  
  1012. #page-navigation {text-align: center;}
  1013. #page-navigation a, .current-page {margin: 0 0.5em;}
  1014. #page-navigation a { border-bottom:none;box-shadow:none; }
  1015. #page-navigation i { font-size:18px;color:{color:accent};-webkit-transition: all 0.4s ease;transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease; }
  1016. #page-navigation i:hover { color:{color:gradient 2};-webkit-transition: all 0.4s ease;transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease; }
  1017.  
  1018. {CustomCSS}
  1019.  
  1020. /*----- tooltips -----*/
  1021.  
  1022. .tippy-tooltip.custom-theme {
  1023. background-color: {color:posts};
  1024. color: {color:accent};
  1025. text-align:center;
  1026. font-size:12.5px;
  1027. text-transform:lowercase;
  1028. border:{select:borders} solid {color:borders};
  1029. border-radius:{select:border radius};
  1030. box-shadow:0px 0px {select:shadow} {color:borders};
  1031. }
  1032.  
  1033. {block:ifpoppins}
  1034. .tippy-tooltip.custom-theme {
  1035. font-size:12px;
  1036. }
  1037. {/block:ifpoppins}
  1038.  
  1039. /*----- popup box -----*/
  1040.  
  1041. #pop2 {
  1042. width:100%;
  1043. height:100%;
  1044. top:0;left:0;
  1045. position:absolute;
  1046. z-index:999999999!important;
  1047. background:none;
  1048. display:none;
  1049. }
  1050.  
  1051. .fade {
  1052. top:0;
  1053. left:0;
  1054. position:fixed;
  1055. z-index:1000;
  1056. width:100%;
  1057. height:100%;
  1058. }
  1059.  
  1060. .popup2 {
  1061. width:300px;
  1062. height:380px;
  1063. padding:0px;
  1064. position: -webkit-sticky;
  1065. position: sticky;
  1066. top:4.45em;
  1067. left:21.2em;
  1068. border-radius:{select:border radius};
  1069. }
  1070.  
  1071. </style>
  1072.  
  1073. <!--✻✻✻✻✻✻ UN-BLUE POLLS by @glenthemes ✻✻✻✻✻✻--> <link href="//static.tumblr.com/gtjt4bo/mXBrpdj0n/unblue-polls.css" rel="stylesheet"> <style> .poll-post { --Poll-Question-Font-Size: 16px; --Poll-Option-Background-Color: {color:accent}; --Poll-Option-Corner-Rounding: 18px; --Poll-Option-Border-Size: 0px; --Poll-Option-Border-Color: {color:borders}; --Poll-Option-Padding: 10px; --Poll-Option-Font-Size: 13.5px; --Poll-Option-Spacing: 10px; --Poll-Option-Text-Color: {color:posts}; --Poll-Option-HOVER-Border-Color: none; --Poll-Option-HOVER-Background-Color: {color:gradient 2}; --Poll-Option-HOVER-Text-Color: {color:accent}; --Poll-Option-HOVER-Speed: 0.4s; } </style>
  1074.  
  1075. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script><script>
  1076. $(document).ready(function(){
  1077. $('.click,.click2,.fade').click(function() {
  1078. $('#pop, #pop2').fadeToggle();
  1079. });
  1080. });
  1081. </script>
  1082.  
  1083. </head>
  1084.  
  1085. <!----- html ----->
  1086.  
  1087. <body>
  1088.  
  1089. <!--✻✻✻✻✻✻ npf audio player by @glenthemes ✻✻✻✻✻✻-->
  1090. <script src="//tmblr-npf-audio.gitlab.io/s/init.js"></script>
  1091. <link href="//tmblr-npf-audio.gitlab.io/s/base.css" rel="stylesheet">
  1092. <script>
  1093. tumblr_npf_audio({
  1094. emptyTitleText: "Untitled track",
  1095. emptyArtistText: "Untitled artist",
  1096. emptyAlbumText: "Untitled album",
  1097.  
  1098. titleLabel: "Track:",
  1099. artistLabel: "Artist:",
  1100. albumLabel: "Album:"
  1101. });
  1102. </script>
  1103. <style edit-npf-audio-player>
  1104. .npf-audio-wrapper {
  1105. --NPF-Audio-Buttons-Size: 1.4rem;
  1106. --NPF-Audio-Buttons-Color: {color:accent};
  1107. --NPF-Audio-Buttons-Spacing: 1.3rem;
  1108. --NPF-Audio-Image-Size: 72px;
  1109. --NPF-Audio-Image-Spacing: 5px;
  1110. }
  1111.  
  1112. .npf-audio-background {
  1113. background-color: {color:background};
  1114. padding: 1.5rem;
  1115. border-radius:{select:border radius};
  1116. margin-top:-0.4em;
  1117. }
  1118.  
  1119. .npf-audio-title-label,
  1120. .npf-audio-artist-label,
  1121. .npf-audio-album-label {
  1122. font-weight: bold;
  1123. color:{color:accent};
  1124. }
  1125.  
  1126. .npf-audio-title,
  1127. .npf-audio-artist,
  1128. .npf-audio-album {
  1129. color: {color:text};
  1130. }
  1131.  
  1132. </style>
  1133.  
  1134. <main>
  1135.  
  1136. <!----- heading ----->
  1137.  
  1138. <div id="heading">
  1139.  
  1140. <div id="linkiez">
  1141. <li><a href="/">refresh</a></li>
  1142. <li><a href="/ask">contact</a></li>
  1143. <li><a href="/archive">archive</a></li>
  1144. <li><a href="{text:link 1 url}">{text:link 1 title}</a></li>
  1145. <li><a href="{text:link 2 url}">{text:link 2 title}</a></li>
  1146. <li><a href="https://gloriapritchetts.tumblr.com">credit</a></li>
  1147. </div>
  1148.  
  1149. <a href="#" class="scrollToTop"title="scroll to top"><i class="ph ph-caret-double-up"></i></a>
  1150.  
  1151. <div class="controlz"><a class="controls-button"title="controls"><i class="ph ph-gear"></i></a></div>
  1152.  
  1153. </div> <!----- heading end ----->
  1154.  
  1155. <!----- sidebar ----->
  1156.  
  1157. <div id="sidebar">
  1158. <div id="title"><div id="titleurl">{Name}.tumblr.com</div></div>
  1159. <img src="{image:sidebar}" id="sidebarie"style="filter: blur(4px);">
  1160. <div id="desc"></div>
  1161.  
  1162. <div id="signin"style="margin-top:18em;background:none;text-align:left;"><b>login for access</b></div>
  1163. <div id="signin">{text:email}</div>
  1164. <div id="signin"style="margin-top:22.6em;">{text:password}</div>
  1165. <div id="signin"style="margin-top:24.7em;background:none;text-align:right;"><b style="color:{color:gradient 2};"><div class="click2">click to enter!</b></div></div>
  1166.  
  1167. </div> <!----- sidebar end ----->
  1168.  
  1169. <!----- popup sidebar ----->
  1170.  
  1171. <div id="pop2">
  1172. <div class="fade"></div>
  1173. <div class="popup2">
  1174.  
  1175. <div id="sidebar"style="height:490px;{block:ifpoppins}height:480px;{/block:ifpoppins};">
  1176. <div id="title"><div id="titleurl">{Name}.tumblr.com</div></div>
  1177. <img src="{image:sidebar}" id="sidebarie"style="filter: blur(0px);">
  1178. <div id="title2">{text:title}</div>
  1179. <div id="desc2">{text:description}</div>
  1180. </div>
  1181.  
  1182. </div>
  1183. </div> <!----- popup sidebar end ----->
  1184.  
  1185. <section>
  1186.  
  1187. {block:TagPage}
  1188. <article>
  1189. <b>posts tagged under:</b> #{Tag}
  1190. </article>
  1191. {/block:TagPage}
  1192.  
  1193. <!----- posts ----->
  1194.  
  1195. {block:Posts}
  1196. <article class="posts" id="{PostID}">
  1197.  
  1198. <!----- rb/via ----->
  1199.  
  1200. <div class="rbinfo">
  1201. {block:RebloggedFrom}
  1202. <div class="user-icon"style="margin-top:0em;"><img src="{ReblogParentPortraitURL-64}"></div>
  1203. <div class="username"><a href="{Permalink}">{Name}</a><br><span>reblogged from <a href="{ReblogParentURL}"title="{ReblogParentTitle}">{ReblogParentName}</a></span></div>
  1204. {/block:RebloggedFrom}
  1205. {block:NotReblog}
  1206. <div class="user-icon"style="margin-top:0em;"><img src="{PortraitURL-64}"></div>
  1207. <div class="username"><a href="{Permalink}">{Name}</a><br><span>original post</span></div>
  1208. {/block:NotReblog}
  1209. </div> <!----- rb/via end ----->
  1210.  
  1211. <!----- buttons ----->
  1212.  
  1213. {block:Date}
  1214. <div class="buttons">
  1215. <div class="buttonscontrols">
  1216. {block:PinnedPostLabel}<a href="{Permalink}" class="pinned-post"title="pinned"><i class="ph ph-push-pin-simple"></i></a>{/block:PinnedPostLabel}
  1217.  
  1218. <a href="{ReblogURL}" target="_blank" class="reblog"title="reblog"><i class="ph ph-repeat"></i></a>
  1219.  
  1220. <a href="#" class="like"title="like"style="padding-bottom:8.5px;">{LikeButton}<i class="ph ph-heart"></i></a>
  1221.  
  1222. {block:ContentSource}<a href="{SourceURL}"title="source"><i class="ph ph-link"></i></a>{/block:ContentSource}
  1223. </div>
  1224. </div>
  1225. {/block:Date}
  1226.  
  1227. {block:Text}
  1228. {block:Title}<h1 class="post-title">{Title}</h1>{/block:Title}
  1229. {block:NotReblog}
  1230. <li class="caption text-caption">
  1231. {Body}
  1232. </li>
  1233. {/block:NotReblog}
  1234. {block:RebloggedFrom}
  1235. {block:Reblogs}
  1236. <li class="caption text-caption">
  1237. <div class="user-icon"></div>
  1238. <div class="username"><a href="{Permalink}">{Username}</a></div>
  1239. {Body}
  1240. </li>
  1241. {/block:Reblogs}
  1242. {/block:RebloggedFrom}
  1243. {/block:Text}
  1244.  
  1245. {block:Link}
  1246. <a href="{URL}" class="link-wrap">
  1247. {block:Thumbnail}<img src="{Thumbnail-HighRes}">{/block:Thumbnail}
  1248. <div class="link">
  1249. <div class="title">{Name}</div>
  1250. {block:Excerpt}<div class="link-txt">{Excerpt}</div>{/block:Excerpt}
  1251. {block:Host}<div class="link-host">{Host}</div>{/block:Host}
  1252. </div>
  1253. </a>
  1254. {block:Description}
  1255. {block:NotReblog}
  1256. <li class="caption">
  1257. {Description}
  1258. </li>
  1259. {/block:NotReblog}
  1260. {/block:Description}
  1261. {block:RebloggedFrom}
  1262. {block:Reblogs}
  1263. <li class="caption">
  1264. <img src="{PortraitURL-64}" class="user-icon">
  1265. <div class="username {block:IsDeactivated}deactive{/block:IsDeactivated}"><a href="{Permalink}">{Username}</a></div>
  1266. {Body}
  1267. </li>
  1268. {/block:Reblogs}
  1269. {/block:RebloggedFrom}
  1270. {/block:Link}
  1271.  
  1272. {block:Photo}
  1273. <div class="photo">
  1274. {LinkOpenTag}<a href="#" onclick="Tumblr.Lightbox.init([{ width: {PhotoWidth-HighRes}, height: {PhotoHeight-HighRes}, low_res: '{PhotoURL-500}', high_res: '{PhotoURL-HighRes}' }]); $('body').toggleClass('tumblr_lightbox_active'); return false"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"></a>{LinkCloseTag}
  1275. </div>
  1276. {block:Caption}
  1277. {block:NotReblog}
  1278. <li class="caption">
  1279. {Caption}
  1280. </li>
  1281. {/block:NotReblog}
  1282. {block:RebloggedFrom}
  1283. {block:Reblogs}
  1284. <li class="caption">
  1285. <img src="{PortraitURL-64}" class="user-icon">
  1286. <div class="username {block:IsDeactivated}deactive{/block:IsDeactivated}"><a href="{Permalink}">{Username}</a></div>
  1287. {Body}
  1288. </li>
  1289. {/block:Reblogs}
  1290. {/block:RebloggedFrom}
  1291. {/block:Caption}
  1292. {/block:Photo}
  1293.  
  1294. {block:Photoset}
  1295. <div class="photo"style="margin-top:1em;">{Photoset-700}</div>
  1296. {block:Caption}
  1297. {block:NotReblog}
  1298. <li class="caption">
  1299. {Caption}
  1300. </li>
  1301. {/block:NotReblog}
  1302. {block:RebloggedFrom}
  1303. {block:Reblogs}
  1304. <li class="caption">
  1305. <img src="{PortraitURL-64}" class="user-icon">
  1306. <div class="username {block:IsDeactivated}deactive{/block:IsDeactivated}"><a href="{Permalink}">{Username}</a></div>
  1307. {Body}
  1308. </li>
  1309. {/block:Reblogs}
  1310. {/block:RebloggedFrom}
  1311. {/block:Caption}
  1312. {/block:Photoset}
  1313.  
  1314. {block:Video}
  1315. <div class="video">{Video-500}</div>
  1316. {block:Caption}
  1317. {block:NotReblog}
  1318. <li class="caption">
  1319. {Caption}
  1320. </li>
  1321. {/block:NotReblog}
  1322. {block:RebloggedFrom}
  1323. {block:Reblogs}
  1324. <li class="caption">
  1325. <img src="{PortraitURL-64}" class="user-icon">
  1326. <div class="username {block:IsDeactivated}deactive{/block:IsDeactivated}"><a href="{Permalink}">{Username}</a></div>
  1327. {Body}
  1328. </li>
  1329. {/block:Reblogs}
  1330. {/block:RebloggedFrom}
  1331. {/block:Caption}
  1332. {/block:Video}
  1333.  
  1334. {block:Quote}
  1335. <div class="quote">{Quote}</div>
  1336. {block:Source}<div class="source">{Source}</div>{/block:Source}
  1337. {/block:Quote}
  1338.  
  1339. {block:Chat}
  1340. {block:Title}<h1 class="post-title"><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  1341. <ul class="chat">{block:Lines}
  1342. <li>
  1343. {block:Label}<div class="chatter">{Label}</div>{/block:Label}
  1344. {Line}
  1345. </li>
  1346. {/block:Lines}</ul>
  1347. {/block:Chat}
  1348.  
  1349. {block:Answer}
  1350. <div class="asking"><b>{Asker}</b> sent a message
  1351. <div class="question">{Question}</div></div>
  1352. {block:Answerer}
  1353. <div class="answer2">{Answer}</div>
  1354. {/block:Answerer}
  1355. {block:NotReblog}
  1356. <li class="caption">
  1357. {Replies}
  1358. </li></div>
  1359. {/block:NotReblog}
  1360. {block:RebloggedFrom}
  1361. {block:Reblogs}
  1362. <li class="caption">
  1363. <img src="{PortraitURL-64}" class="user-icon">
  1364. <div class="username {block:IsDeactivated}deactive{/block:IsDeactivated}"><a href="{Permalink}">{Username}</a></div>
  1365. {Body}
  1366. </li>
  1367. {/block:Reblogs}
  1368. {/block:RebloggedFrom}
  1369. {/block:Answer}
  1370.  
  1371. {block:Audio}
  1372. <div class="audiopost">
  1373. <div class="audiobox">
  1374. <div class="button">
  1375. {block:AudioPlayer}{AudioPlayer}{/block:AudioPlayer}
  1376. </div>
  1377. </div>
  1378. {block:AlbumArt}
  1379. <img src="{AlbumArtURL}" class="album-art">
  1380. {/block:AlbumArt}
  1381. <div class="audioinfo">
  1382. {block:TrackName}<li class="track">{TrackName}</li>{/block:TrackName}
  1383. {block:Artist}<li>{Artist}</li>{/block:Artist}
  1384. {block:Album}<li>{Album}</li>{/block:Album}
  1385. </div>
  1386. </div>
  1387. {block:Caption}
  1388. {block:NotReblog}
  1389. <li class="caption">
  1390. {Caption}
  1391. </li>
  1392. {/block:NotReblog}
  1393. {block:RebloggedFrom}
  1394. {block:Reblogs}
  1395. <li class="caption">
  1396. <img src="{PortraitURL-64}" class="user-icon">
  1397. <div class="username {block:IsDeactivated}deactive{/block:IsDeactivated}"><a href="{Permalink}">{Username}</a></div>
  1398. {Body}
  1399. </li>
  1400. {/block:Reblogs}
  1401. {/block:RebloggedFrom}
  1402. {/block:Caption}
  1403. {/block:Audio}
  1404.  
  1405. <!----- info ----->
  1406.  
  1407. {block:Date}
  1408. <div class="info">
  1409. <a href="{Permalink}"title="{TimeAgo}">{Month} {DayofMonth}, {Year}</a>
  1410.  
  1411. <div class="but">
  1412. {block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}
  1413. </div>
  1414.  
  1415. </div>
  1416. {/block:Date}
  1417.  
  1418. <!----- tags ----->
  1419.  
  1420. {block:HasTags}
  1421. <div class="tags">
  1422. {block:Tags}
  1423. <a href="{TagURL}">{Tag}</a>
  1424. {/block:Tags}
  1425. </div>
  1426. {/block:HasTags}
  1427.  
  1428. <!----- notes ----->
  1429.  
  1430. {block:PermalinkPage}{block:Date}
  1431. {block:NoteCount}{block:PostNotes}
  1432. <div class="notes">
  1433. {PostNotes-64}
  1434. </div>
  1435. {/block:PostNotes}{/block:NoteCount}
  1436. {/block:Date}{/block:PermalinkPage}
  1437.  
  1438. </article>
  1439.  
  1440. {/block:Posts}
  1441.  
  1442. <!----- pagination ----->
  1443.  
  1444. {block:Pagination}
  1445. <article id="page-navigation">
  1446. {block:PreviousPage}<a href="{PreviousPage}"title="previous"><i class="ph ph-caret-double-left"></i></a>{/block:PreviousPage}
  1447. {block:NextPage}<a href="{NextPage}"title="forward"><i class="ph ph-caret-double-right"></i></a>{/block:NextPage}
  1448. </article>
  1449. {/block:Pagination}
  1450.  
  1451. </section>
  1452.  
  1453. </main>
  1454.  
  1455. <!----- tooltips ----->
  1456.  
  1457. <script src="https://unpkg.com/popper.js@1"></script>
  1458. <script src="https://unpkg.com/tippy.js@5/dist/tippy-bundle.iife.js"></script>
  1459. <link rel="stylesheet" href="https://unpkg.com/tippy.js@5/dist/svg-arrow.css" />
  1460.  
  1461. <script>
  1462.  
  1463. $(document).ready(function(){
  1464.  
  1465. //Check to see if the window is top if not then display button
  1466. $(window).scroll(function(){
  1467. if ($(this).scrollTop() > 100) {
  1468. $('.scrollToTop').fadeIn();
  1469. } else {
  1470. $('.scrollToTop').fadeOut();
  1471. }
  1472. });
  1473.  
  1474. //Click event to scroll to top
  1475. $('.scrollToTop').click(function(){
  1476. $('html, body').animate({scrollTop : 0},800);
  1477. return false;
  1478. });
  1479.  
  1480. });
  1481.  
  1482.  
  1483. tippy('a[title]', {
  1484. theme: 'custom',
  1485. arrow: tippy.round,
  1486. zIndex: 9999999999,
  1487. maxWidth: 300,
  1488.  
  1489. content(reference) {
  1490. const title = reference.getAttribute('title');
  1491. reference.removeAttribute('title');
  1492. return title;
  1493. },
  1494. });
  1495. </script>
  1496.  
  1497. <script src="//ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
  1498.  
  1499. <script>
  1500. $(document).ready(function(){
  1501. $('.controls-button').click(function(){
  1502. $('body').toggleClass('controls-click');
  1503. });
  1504. });
  1505. </script>
  1506.  
  1507. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  1508. <script>
  1509. $(document).ready(function(){
  1510. $('.search').submit(function(event){
  1511. var value = $('input:first').val();
  1512. location.replace('http://{Name}.tumblr.com/tagged/' + value);
  1513. });
  1514. });
  1515. </script>
  1516.  
  1517. </body>
  1518. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!