API tools faq
paste
Advertisement
likesmagic

4 walls by @gloriapritchetts

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