API tools faq
paste
Advertisement
softcodesthemes

rosemary / theme

softcodesthemes
Jun 19th, 2021 (edited)
4,001
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 35.84 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3.  
  4. <!---
  5.  
  6.  
  7.  
  8. rosemary by @softcodes
  9. softcodes.tumblr.com/credits
  10.  
  11.  
  12.  
  13. --->
  14.  
  15. <head>
  16. <title>{Title} {block:TagPage}/ #{Tag}{/block:TagPage}{block:PostSummary}: {PostSummary}{/block:PostSummary}</title>
  17.  
  18. <link rel="shortcut icon" href="{Favicon}">
  19. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  20. {block:Description}<meta name="description" content="{MetaDescription}"/>{/block:Description}
  21. <meta charset="utf-8">
  22. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  23.  
  24. <!----- VARIABLES AND OPTIONS ----->
  25. <meta name="image:icon" content=""/>
  26.  
  27. <meta name="color:background" content="#ffffff"/>
  28. <meta name="color:text" content="#555555"/>
  29. <meta name="color:link" content="#aaaaaa"/>
  30. <meta name="color:accent" content="#c9d4c5"/>
  31. <meta name="color:light accent" content="#c9d4c5"/>
  32. <meta name="color:borders" content="#eeeeee"/>
  33. <meta name="color:headings" content="#000000"/>
  34. <meta name="color:title" content="#a4c199"/>
  35. <meta name="color:question" content="#f2f2f2"/>
  36. <meta name="color:question text" content="#555555"/>
  37. <meta name="color:selection text" content="#000000"/>
  38. <meta name="color:selection background" content="#e4ede0"/>
  39.  
  40. <meta name="select:text align" content="left" title="left"/>
  41. <meta name="select:text align" content="justify" title="justify"/>
  42.  
  43. <meta name="select:post width" content="400px" title="400px"/>
  44. <meta name="select:post width" content="450px" title="450px"/>
  45. <meta name="select:post width" content="500px" title="500px"/>
  46. <meta name="select:post width" content="540px" title="540px"/>
  47.  
  48. <meta name="select:photoset gutter" content="1px" title="1px"/>
  49. <meta name="select:photoset gutter" content="2px" title="2px"/>
  50. <meta name="select:photoset gutter" content="3px" title="3px"/>
  51. <meta name="select:photoset gutter" content="4px" title="4px"/>
  52.  
  53. <meta name="text:body font" content="Karla"/>
  54. <meta name="text:font size" content="13px"/>
  55. <meta name="text:title" content="your title here">
  56. <meta name="text:custom description" content="your description here">
  57. <meta name="text:post margin" content="150px"/>
  58.  
  59. <meta name="text:home link" content="home"/>
  60. <meta name="text:ask link" content="ask"/>
  61. <meta name="text:archive link" content="archive"/>
  62. <meta name="text:link 1 URL" content=""/>
  63. <meta name="text:link 1" content=""/>
  64. <meta name="text:link 2 URL" content=""/>
  65. <meta name="text:link 2" content=""/>
  66. <meta name="text:link 3 URL" content=""/>
  67. <meta name="text:link 3" content=""/>
  68. <meta name="text:link 4 URL" content=""/>
  69. <meta name="text:link 4" content=""/>
  70.  
  71. <link rel="preconnect" href="https://fonts.gstatic.com">
  72. <link href="https://fonts.googleapis.com/css2?family={text:body font}:ital,wght@0,300;0,400;0,700;0,800;1,300;1,400;1,700;1,800&display=swap" rel="stylesheet">
  73.  
  74. <script src="//cdn.jsdelivr.net/npm/jquery@latest/dist/jquery.min.js"></script>
  75.  
  76. <!--
  77. NPF images fix v3.0 by @glenthemes [2021]
  78. 💌 git.io/JRBt7
  79. --->
  80. <script src="//npf-images-v3.github.io/script.js"></script>
  81. <link rel="stylesheet" href="//npf-images-v3.github.io/recon.css">
  82. <style tmblr-npf>
  83. :root {
  84. --NPF-Caption-Spacing:1em;
  85. --NPF-Image-Spacing:{select:photoset gutter};
  86. }
  87. </style>
  88.  
  89. <link rel="stylesheet" media="screen" href="//assets.tumblr.com/client/prod/standalone/blog-network-npf/index.build.css">
  90.  
  91. <!----- CSS ----->
  92.  
  93. <style type="text/css">
  94.  
  95. /* --- fade in --- */
  96.  
  97. @-webkit-keyframes fadein {
  98. 0% {opacity: 0;}
  99. 100% { opacity: 1; } }
  100.  
  101. @-moz-keyframes fadein {
  102. 0% { opacity: 0; }
  103. 100% { opacity: 1; } }
  104.  
  105. @keyframes fadein {
  106. 0% { opacity: 0; }
  107. 100% { opacity: 1; } }
  108.  
  109. ::-webkit-scrollbar {width:10px;height:9px;}
  110. ::-webkit-scrollbar {background-color:transparent;}
  111. ::-webkit-scrollbar-track {border:4px solid {color:background};background-color:#ddd;}
  112. ::-webkit-scrollbar-thumb {border:4px solid {color:background};background-color:{color:accent};min-height:50px;min-width:50px;}
  113.  
  114. ::-moz-selection {background:{color:selection background};color:{color:selection text};}
  115. ::selection {background:{color:selection background};color:{color:selection text};}
  116.  
  117.  
  118. /*----- BASIC STYLING -----*/
  119.  
  120. body {
  121. font-family: {text:body font}, sans-serif;
  122. font-size:{text:font size};
  123. color: {color:text};
  124. background-color: {color:background};
  125. text-align:{select:text align};
  126. line-height: 180%;
  127. word-wrap: break-word;
  128. margin: 0;
  129. padding: 0;
  130. -moz-osx-font-smoothing:grayscale;
  131. -webkit-font-smoothing:antialiased;
  132. font-smoothing:antialiased;
  133. -webkit-animation: fadein 1.5s;
  134. -moz-animation:fadein 1.5s;
  135. animation:fadein 1.5s;
  136. }
  137.  
  138. a {
  139. color: {color:link};
  140. text-decoration: none;
  141. -webkit-transition: all 0.3s;
  142. -moz-transition: all 0.3s;
  143. -ms-transition: all 0.3s;
  144. -o-transition: all 0.3s;
  145. transition: all 0.3s;
  146. }
  147.  
  148. a:hover {
  149. color: {color:accent};
  150. -webkit-transition: all 0.3s;
  151. -moz-transition: all 0.3s;
  152. -ms-transition: all 0.3s;
  153. -o-transition: all 0.3s;
  154. transition: all 0.3s;
  155. }
  156.  
  157. blockquote {
  158. padding: 0 0 0 1.75em;
  159. border-left: 1px solid {color:borders};
  160. margin: 1em 0 1.5em 1em;
  161. }
  162.  
  163. h1, h2, h3, h4, h5 {
  164. line-height: 145%;
  165. color:{color:headings};
  166. font-weight:600;
  167. font-size:calc({text:font size} + 2px);
  168. }
  169.  
  170. small {font-size:{text:font size};}
  171. big {font-size:{text:font size};}
  172.  
  173. b, bold, strong {font-weight:600;}
  174.  
  175. hr {
  176. height: 1px;
  177. border: none;
  178. box-shadow: none;
  179. background-color: {color:borders};
  180. }
  181.  
  182. pre {
  183. line-height: inherit;
  184. font-size: inherit;
  185. white-space: pre-wrap;
  186. white-space: -moz-pre-wrap;
  187. white-space: -pre-wrap;
  188. white-space: -o-pre-wrap;
  189. word-wrap: break-word;
  190. }
  191.  
  192. li {max-width: 100%; list-style-type: circle;}
  193.  
  194. .tmblr-iframe-compact .tmblr-iframe--unified-controls {z-index: 999999999!important;}
  195.  
  196. /*---- header ----*/
  197.  
  198. #nav-wrap {
  199. display: flex;
  200. align-items: center;
  201. justify-content: center;
  202. position:fixed;
  203. left:0;
  204. top:0;
  205. height:100%;
  206. width:250px;
  207. }
  208.  
  209. #nav-box {
  210. height:325px;
  211. width:250px;
  212. display:block;
  213. }
  214.  
  215. #icon {
  216. display:block;
  217. width:50px;
  218. height:50px;
  219. border-radius:100%;
  220. padding:3px;
  221. border:1px solid {color:borders};
  222. margin:0 0 0 20px;
  223. -webkit-transition: all 0.3s;
  224. -moz-transition: all 0.3s;
  225. -ms-transition: all 0.3s;
  226. -o-transition: all 0.3s;
  227. transition: all 0.3s;
  228. }
  229.  
  230. #icon img {
  231. width:50px;
  232. height:50px;
  233. border-radius:100%;
  234. }
  235.  
  236. #icon:hover {
  237. border-color:{color:accent};
  238. -webkit-transition: all 0.3s;
  239. -moz-transition: all 0.3s;
  240. -ms-transition: all 0.3s;
  241. -o-transition: all 0.3s;
  242. transition: all 0.3s;
  243. }
  244.  
  245. #blogname {
  246. display:block;
  247. letter-spacing:0px;
  248. margin:0.75em 0;
  249. padding-left:24px;
  250. font-size:calc({text:font size} + 2px);
  251. font-weight:600;
  252. color:{color:title};
  253. }
  254.  
  255. #blogname a {color:{color:accent};}
  256. #blogname a:hover {color:{color:headings};}
  257.  
  258. #description {
  259. display:block;
  260. margin:0.5em 0 0.75em 0;
  261. padding-left:24px;
  262. }
  263.  
  264. #description a {
  265. color:{color:text};
  266. box-shadow:0 -1px 0 {color:accent} inset;
  267. }
  268.  
  269. #description a:hover {
  270. color:{color:headings};
  271. box-shadow:0 -8px 0 {color:accent} inset;
  272. }
  273.  
  274. nav {
  275. display:block;
  276. width:200px;
  277. height:auto;
  278. line-height:150%;
  279. }
  280.  
  281. nav a {
  282. display:block;
  283. border-left:4px solid #fff;
  284. padding-left:20px;
  285. margin:4px 0;
  286. }
  287.  
  288. nav a:hover {
  289. border-color:{color:accent};
  290. border-width:10px;
  291. }
  292.  
  293. /*----- POSTS -----*/
  294.  
  295. main {
  296. width:{select:post width};
  297. margin:auto;
  298. position:relative;
  299. top:100px;
  300. }
  301.  
  302. section {
  303. display:inline-block;
  304. width:{select:post width};
  305. }
  306.  
  307. article {
  308. width:{select:post width};
  309. position: relative;
  310. margin:0 auto {text:post margin} auto;
  311. }
  312.  
  313. /* video */
  314.  
  315. .tumblr_video_container {
  316. width:{select:post width}!important;
  317. height:auto;
  318. }
  319.  
  320. .posts li, .posts blockquote, figure, iframe, video, .video, .video iframe, figure.tmblr-embed.tmblr-full, figure.tmblr-embed.tmblr-full iframe {max-width:100%;}
  321.  
  322. /*----- CAPTIONS -----*/
  323.  
  324. .caption {
  325. margin-top:1em;
  326. padding-bottom:1em;
  327. list-style-type: none;
  328. }
  329.  
  330. .caption a {
  331. color:{color:text};
  332. box-shadow:0 -1px 0 {color:light accent} inset;
  333. }
  334.  
  335. .caption a:hover {
  336. color:{color:headings};
  337. box-shadow:0 -8px 0 {color:light accent} inset;
  338. }
  339.  
  340. .caption p {margin: 1em 0;}
  341. .caption p:last-of-type {margin-bottom: 0;}
  342.  
  343. .original-caption p:first-of-type {margin-top: 0;}
  344. .text-caption:first-of-type {margin-top: 0;}
  345. .caption iframe, .caption img {max-width: 100%;}
  346.  
  347. .user-icon {
  348. display: inline-block;
  349. vertical-align: middle;
  350. border-radius: 50%;
  351. width: 18px;
  352. height: 18px;
  353. margin-right:0.5em;
  354. border:1px solid {color:borders};
  355. padding:2px;
  356. }
  357.  
  358. .username {
  359. display:inline-block;
  360. vertical-align: middle;
  361. text-transform:lowercase;
  362. font-weight:600;
  363. }
  364.  
  365. .username a {color:{color:headings};box-shadow:0px 0px 0px;}
  366. .username a:hover {color:{color:accent};box-shadow:0px 0px 0px;}
  367.  
  368. .deactive::after {
  369. content: '(deactivated)';
  370. margin-left: 1em;
  371. opacity: 0.75;
  372. color: {color:text};
  373. }
  374.  
  375. p.tmblr-attribution {margin-top: 1em !important;}
  376.  
  377. /*----- TEXT -----*/
  378.  
  379. h1.post-title {
  380. margin-bottom:0.75em;
  381. font-size:calc({text:font size} + 5px);
  382. font-weight:600;
  383. }
  384.  
  385. h1.post-title a {
  386. color:{color:headings};
  387. }
  388.  
  389. /*----- LINK -----*/
  390.  
  391. a.link-wrap {display: block; border: 1px solid {color:borders};}
  392. .link {padding: 2em;}
  393. .link-host, .link-txt {margin-top: 1.5em;}
  394.  
  395. .npf-link-block {
  396. margin-top: 1.5em;
  397. border-radius: 0;
  398. background-color: initial;
  399. }
  400.  
  401. .npf-link-block .poster .title {padding: 1.5em;}
  402. .npf-link-block.no-poster .title {padding: 1.5em 1.5em 0 1.5em;}
  403. .npf-link-block .title {font-size: 1.25em; border-bottom: none;}
  404. .npf-link-block .bottom {padding: 1.5em !important;}
  405.  
  406. /*----- PHOTO -----*/
  407.  
  408. img {
  409. margin: 0;
  410. display: block;
  411. height: auto;
  412. max-width: 100%;
  413. }
  414.  
  415. .photo img {width: 100%;}
  416.  
  417. .vignette, #vignette {opacity: 0;}
  418. .tmblr-lightbox, #tumblr_lightbox {background-color: rgba(130, 130, 130, 0.75) !important;}
  419.  
  420. .lightbox-image, #tumblr_lightbox img {
  421. box-shadow: none !important;
  422. border-radius: 0 !important;
  423. max-width: none;
  424. }
  425.  
  426. #tumblr_lightbox_caption, .lightbox-caption {
  427. color: #fff !important;
  428. font-family: inherit;
  429. margin-top: 1em !important;
  430. }
  431.  
  432. /*----- PHOTOSET -----*/
  433.  
  434. .post-content div.npf_row, .post div.npf_row, body div.npf_row {
  435. margin-left: 0 !important;
  436. margin-right: 0 !important;
  437. }
  438.  
  439. .npf_inst, .npf_row_parent, .photo img, [photoset-layout], iframe[src*='open.spotify.com'][src*='track'], figure[data-npf*='open.spotify.com'][data-npf*='track'], .tmblr-full > video, .npf-link-block {
  440. overflow:hidden!important;
  441. }
  442.  
  443. .photo-slideshow {visibility: hidden;} .photo-slideshow.processed {visibility: visible;} .photo-slideshow .row {clear: both;width: 100%;} .photo-slideshow .pxu-photo {display: block;float: clear;width: 100%;overflow: hidden;} .photo-slideshow .pxu-photo img {display: block;} .photo-slideshow.processed .pxu-photo img {width:100%;height: auto;} .photo-slideshow .pxu-photo:first-child img {margin:auto;} .photo-slideshow .count-1 {max-width:100%;height: auto;} .set {margin-left:10px;} .photo-slideshow .count-2 {width:50%;height: auto;} .photo-slideshow .count-3 {width:33.33%;height: auto;}
  444.  
  445. /*---- audio ----*/
  446.  
  447. .audio {margin-bottom:-5px!important;}
  448.  
  449. .audio iframe {
  450. border-radius:3px;
  451. width:{select:post width}!important;
  452. }
  453.  
  454. iframe[src*='open.spotify.com'][src*='track'], figure[data-npf*='open.spotify.com'][data-npf*='track']{
  455. height:80px!important;
  456. width:100%;
  457. }
  458.  
  459. /*----- QUOTE -----*/
  460.  
  461. .speech-bubble {
  462. position: relative;
  463. background:{color:light accent};
  464. border-radius:3px;
  465. padding:1.5em;
  466. margin-bottom:1.75em;
  467. }
  468.  
  469. .speech-bubble:after {
  470. content: '';
  471. position: absolute;
  472. bottom: 0;
  473. left: 50%;
  474. width: 0;
  475. height: 0;
  476. border: 12px solid transparent;
  477. border-top-color:{color:light accent};
  478. border-bottom: 0;
  479. margin-left: -12px;
  480. margin-bottom: -12px;
  481. }
  482.  
  483. .quote, p.npf_quote {
  484. line-height: 150%;
  485. font-size: 1.4em;
  486. color:{color:headings};
  487. font-weight:400;
  488. letter-spacing:-0.25px;
  489. }
  490.  
  491. .quote p:first-of-type {margin-top: 0;}
  492. .quote p:last-of-type {margin-bottom: 0;}
  493. p.npf_quote {font-family: inherit; margin-bottom: 1em;}
  494.  
  495.  
  496. .src-wrap {
  497. display:block;
  498. text-align:center;
  499. }
  500.  
  501. .source {
  502. display:inline-block;
  503. font-weight:600;
  504. text-transform:uppercase;
  505. background-color:#333;
  506. color:#fff;
  507. padding:0.65em 1em 0.6em 1em;
  508. font-size:calc({text:font size} - 1px);
  509. letter-spacing:0.5px;
  510. border-radius:3px;
  511. margin-bottom:0.5em;
  512. }
  513.  
  514. .source a {color:#fff;box-shadow:0 0 0!important;}
  515. .source a:hover {color:{color:accent};box-shadow:0 0 0!important;}
  516.  
  517. /*----- CHAT -----*/
  518.  
  519. .chat {
  520. margin:0;
  521. padding:0 0 1em 0;
  522. }
  523.  
  524. .chat li {
  525. list-style-type:none;
  526. padding:0.75em 1em;
  527. }
  528.  
  529. .chat li:first-of-type {
  530. margin-top:0;
  531. border-radius:3px 3px 0 0;
  532. }
  533.  
  534. .chat li:last-of-type {
  535. margin-bottom:0;
  536. border-radius:0 0 3px 3px;
  537. }
  538.  
  539. .chatter {
  540. font-weight:600;
  541. float:left;
  542. margin-right:5px;
  543. }
  544.  
  545. .chat li:nth-of-type(odd) {
  546. background-color:#eee;
  547. }
  548.  
  549. .chat li:nth-of-type(even) {
  550. background-color:#fafafa;
  551. }
  552.  
  553. p.npf_chat {font-family: inherit; margin-top: 1em;}
  554. p.npf_chat b {font-family: inherit;}
  555.  
  556. /*----- ANSWER -----*/
  557.  
  558. .ask-wrap {display:block;}
  559.  
  560. .portrait-wrap {
  561. display:inline-block;
  562. width:43px;
  563. height:43px;
  564. padding-right:1.5em;
  565. vertical-align:top
  566. }
  567.  
  568. .asker-portrait {
  569. display:inline-block;
  570. position:relative;
  571. padding:3px;
  572. border:1px solid {color:borders};
  573. border-radius:100%;
  574. margin-top:-3px;
  575. }
  576.  
  577. .asker-portrait img {
  578. width:30px;
  579. height:30px;
  580. border-radius:100%;
  581. }
  582.  
  583. .q-wrap {
  584. display:inline-block;
  585. width:calc({select:post width} - 70px);
  586. height:auto;
  587. margin-bottom:0.5em;
  588. }
  589.  
  590. .asker-wrap {
  591. display:block;
  592. background-color:#333;
  593. padding:0.3em 1.5em;
  594. border-radius:3px;
  595. margin-bottom:4px;
  596. color:#fff;
  597. }
  598.  
  599. .asker:after {
  600. content: '';
  601. position: absolute;
  602. left:56px;
  603. top:18px;
  604. width: 0;
  605. height: 0;
  606. border: 10px solid transparent;
  607. border-right-color:#333;
  608. border-left: 0;
  609. margin-top: -12px;
  610. }
  611.  
  612. .asker-wrap a {color:#fff;}
  613. .asker-wrap a:hover {color:{color:accent};}
  614.  
  615. .asker {
  616. display:inline-block;
  617. text-transform:uppercase;
  618. font-weight:600;
  619. font-size:10px;
  620. letter-spacing:0.5px;
  621. }
  622.  
  623. .question {
  624. position:relative;
  625. background:#eee;
  626. border-radius:3px;
  627. padding:1.25em 1.5em;
  628. }
  629.  
  630. .question p:first-of-type {margin-top: 0;}
  631. .question p:last-of-type {margin-bottom: 0;}
  632.  
  633. /*----- INFO -----*/
  634.  
  635. .info {
  636. text-transform:lowercase;
  637. display: flex;
  638. flex-direction: row;
  639. align-items: flex-start;
  640. justify-content: space-between;
  641. color:{color:accent};
  642. }
  643.  
  644. .info a {
  645. display: inline-block;
  646. vertical-align: middle;
  647. color:{color:accent};
  648. }
  649.  
  650. .info a:hover {color:{color:text}!important;}
  651.  
  652. .info-left a:hover {color:{color:accent};}
  653.  
  654. .post-controls a {margin:0px;}
  655.  
  656. .post-controls svg {
  657. color:{color:accent};
  658. height:calc({text:font size} + 2px)!important;
  659. width:calc({text:font size} + 2px)!important;
  660. vertical-align: middle;
  661. }
  662.  
  663. .likeb {
  664. position: relative;
  665. display: inline-block;
  666. height: 1.6em;
  667. }
  668.  
  669. .likeb .like_button iframe {
  670. position: absolute;
  671. top: 0;
  672. left: 0;
  673. bottom: 0;
  674. right: 0;
  675. z-index: 2;
  676. opacity: 0;
  677. }
  678.  
  679. .like_button iframe {width: 100% !important; height: 100% !important;}
  680. .likeb .liked + .actual-button svg {color:#ff0000!important;}
  681.  
  682.  
  683. /*---- source info -----*/
  684.  
  685. .source-info {
  686. margin:4em 0;
  687. }
  688.  
  689. .source-info li {list-style-type: none;text-transform:lowercase;}
  690. .source-info li a {
  691. list-style-type: none;
  692. background-color:transparent;
  693. padding:0px;
  694. }
  695.  
  696. /*---- pinned post -----*/
  697.  
  698. .pinned-post {
  699. display:inline-block;
  700. margin-right:10px;
  701. }
  702.  
  703. .pinned-post a {
  704. font-weight: 600;
  705. color: {color:accent};
  706. }
  707.  
  708. .pinned-post svg {
  709. height:calc({text:font size} + 2px)!important;
  710. width:calc({text:font size} + 2px)!important;
  711. color:{color:accent};
  712. margin-right:5px;
  713. vertical-align: middle;
  714. }
  715.  
  716.  
  717. /*---- tags -----*/
  718.  
  719. .tags {display:block;margin-top:1em;}
  720. .tags a {margin-right:1.2em;color:{color:link};}
  721. .tags a:hover {color:{color:text};}
  722.  
  723. .tag-day {font-weight:600;}
  724.  
  725.  
  726. /*---- POST NOTES -----*/
  727.  
  728. .notes {
  729. margin:0;
  730. text-transform:lowercase;
  731. }
  732.  
  733. ol.notes {
  734. max-width: 100%;
  735. padding: 0;
  736. margin: 2em 0 0 0;
  737. }
  738.  
  739. ol.notes li.note {padding: 0.5em 0; list-style-type: none;text-align:left!important;}
  740.  
  741. ol.notes li.note blockquote {
  742. margin-bottom:0px;
  743. margin-left:2.25em;
  744. }
  745.  
  746. ol.notes li.note blockquote a {font-style:italic;}
  747.  
  748. ol.notes li.note img.avatar {
  749. border-radius: 50%;
  750. margin-right: 1em;
  751. vertical-align: middle;
  752. display: inline-block;
  753. width: 1.25em;
  754. height: 1.25em;
  755. }
  756.  
  757. /*---- PAGINATION -----*/
  758.  
  759. #page-navigation {
  760. text-align: center;
  761. }
  762. #page-navigation a {margin: 0 0.5em;}
  763.  
  764. .current-page {
  765. color: {color:accent};
  766. font-weight:600;
  767. margin: 0 0.5em;
  768. }
  769.  
  770. #page-navigation svg {
  771. margin-bottom:-2px;
  772. }
  773.  
  774.  
  775. /* scroll to top */
  776.  
  777. .scrollToTopBtn {
  778. background-color:transparent;
  779. border:none;
  780. color:{color:link};
  781. cursor: pointer;
  782. font-size: 16px;
  783. width:20px;
  784. height:16px;
  785. position: fixed;
  786. bottom:40px;
  787. right:10px;
  788. z-index: 100;
  789. opacity: 0;
  790. transition: all .5s ease
  791. }
  792.  
  793. .showBtn {
  794. opacity: 1;
  795. }
  796.  
  797.  
  798. /* tooltip */
  799.  
  800. .tippy-box[data-theme~='rosemary'] {
  801. background-color:#333;
  802. color:#fff;
  803. font-size:11px;
  804. text-transform:lowercase;
  805. }
  806.  
  807. /* credit */
  808.  
  809. #soft {
  810. position: fixed;
  811. bottom: 15px;
  812. right: 15px;
  813. font-size: 15px;
  814. }
  815.  
  816. /*--- for small desktop/tablet screens. converts sidebar to header ---*/
  817.  
  818. @media only screen and (max-width: 1100px) {
  819. main {width: {select:post width};}
  820.  
  821. #sidebar {
  822. position: relative;
  823. margin: {text:post margin}px auto;
  824. width: 100%;
  825. top:50px;
  826. left:0;
  827. }
  828.  
  829. section {margin-left: 0;}
  830. }
  831.  
  832. /*--- for mobile devices ---*/
  833.  
  834. @media only screen and (max-width: 720px) {
  835. main, section {width: 80vw;}
  836. }
  837.  
  838. /*---- END OF MEDIA QUERIES -----*/
  839.  
  840. iframe.tmblr-iframe {
  841. z-index:99999999999999!important;
  842. top:4px!important;
  843. right:0!important;
  844. opacity:0.4;
  845. /* delete invert(1) from here */
  846. filter:invert(1) contrast(150%);
  847. -webkit-filter:invert(1) contrast(150%);
  848. -o-filter:invert(1) contrast(150%);
  849. -moz-filter:invert(1) contrast(150%);
  850. -ms-filter:invert(1) contrast(150%);
  851. /* to here if your blog has a dark background */
  852. transform:scale(0.65);
  853. transform-origin:100% 0;
  854. -webkit-transform:scale(0.65);
  855. -webkit-transform-origin:100% 0;
  856. -o-transform:scale(0.65);
  857. -o-transform-origin:100% 0;
  858. -moz-transform:scale(0.65);
  859. -moz-transform-origin:100% 0;
  860. -ms-transform:scale(0.65);
  861. -ms-transform-origin:100% 0;
  862. -moz-transition-duration: 0.3s;
  863. -o-transition-duration: 0.3s;
  864. -webkit-transition-duration: 0.3s;
  865. transition-duration: 0.3s;
  866. }
  867.  
  868. iframe.tmblr-iframe:hover {
  869. opacity:0.8!important;
  870. -moz-transition-duration: 0.3s;
  871. -o-transition-duration: 0.3s;
  872. -webkit-transition-duration: 0.3s;
  873. transition-duration: 0.3s;
  874. }
  875.  
  876. {CustomCSS}
  877.  
  878. </style>
  879. </head>
  880. <body>
  881.  
  882. <!-- scroll to top -->
  883. <div class="scrollToTopBtn"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 25 25" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-arrow-up"><line x1="12" y1="19" x2="12" y2="5"></line><polyline points="5 12 12 5 19 12"></polyline></svg>️</div>
  884.  
  885. <aside id="nav-wrap">
  886. <div id="nav-box">
  887.  
  888. <div id="icon"><a href="/"><img src="{image:icon}"/></a></div>
  889.  
  890. <div id="blogname"><a href="/">{text:title}</a></div>
  891. <div id="description">{text:custom description}</div>
  892.  
  893. <nav>
  894. <a href="/">{text:home Link}</a>
  895. {block:ifAskLink}<a href="/ask">{text:ask Link}</a>{/block:ifAskLink}
  896. {block:ifArchiveLink}<a href="/archive">{text:archive Link}</a>{/block:ifArchiveLink}
  897. {block:ifLink1}<a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:ifLink1}
  898. {block:ifLink2}<a href="{text:Link 2 URL}">{text:Link 2}</a>{/block:ifLink2}
  899. {block:ifLink3}<a href="{text:Link 3 URL}">{text:Link 3}</a>{/block:ifLink3}
  900. {block:ifLink4}<a href="{text:Link 4 URL}">{text:Link 4}</a>{/block:ifLink4}
  901. </nav>
  902.  
  903. </div>
  904. </aside>
  905.  
  906.  
  907. <main><!-- main = main container -->
  908.  
  909. <!-- section = your post container -->
  910.  
  911. <section>
  912.  
  913. {block:TagPage}
  914. <article class="tagday-page">
  915. Viewing posts filed under <span class="tag-day">#{Tag}</span>
  916. </article>
  917. {/block:TagPage}
  918.  
  919. {block:DayPage}
  920. <article class="tagday-page">
  921. Viewing posts made on <span class="tag-day">{Month} {DayOfMonth}, {Year}</span>
  922. </article>
  923. {/block:DayPage}
  924.  
  925. <!----- POSTS ----->
  926.  
  927. {block:posts inlineMediaWidth="1280" inlineNestedMediaWidth="1280"}
  928. <article class="posts" id="{PostID}">
  929.  
  930. {block:Text}
  931. {block:Title}<h1 class="post-title"><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  932. {block:NotReblog}
  933. <li class="caption original-caption text-caption">
  934. <div class="caption-text">{Body}</div>
  935. </li>
  936. {/block:NotReblog}
  937. {block:RebloggedFrom}
  938. <div class="reblog-wrap">
  939. {block:Reblogs}
  940. <li class="caption text-caption">
  941.  
  942. <img src="{PortraitURL-64}" class="user-icon">
  943. <div class="username {block:IsDeactivated}deactive{/block:IsDeactivated}"><a href="{Permalink}">{Username}</a></div>
  944.  
  945. <div class="caption-text">{Body}</div>
  946. </li>
  947. {/block:Reblogs}
  948. </div>
  949. {/block:RebloggedFrom}
  950. {/block:Text}
  951.  
  952. {block:Link}
  953. <a href="{URL}" class="link-wrap">
  954. {block:Thumbnail}<img src="{Thumbnail-HighRes}">{/block:Thumbnail}
  955. <div class="link">
  956. <div class="title">{Name}</div>
  957. {block:Excerpt}<div class="link-txt">{Excerpt}</div>{/block:Excerpt}
  958. {block:Host}<div class="link-host">{Host}</div>{/block:Host}
  959. </div>
  960. </a>
  961. {block:Description}
  962. {block:NotReblog}
  963. <li class="caption original-caption">
  964. <div class="caption-text">{Description}</div>
  965. </li>
  966. {/block:NotReblog}
  967. {/block:Description}
  968. {block:RebloggedFrom}
  969. <div class="reblog-wrap">
  970. {block:Reblogs}
  971. <li class="caption">
  972. <img src="{PortraitURL-64}" class="user-icon">
  973. <div class="username {block:IsDeactivated}deactive{/block:IsDeactivated}"><a href="{Permalink}">{Username}</a></div>
  974. <div class="caption-text">{Body}</div>
  975. </li>
  976. {/block:Reblogs}
  977. </div>
  978. {/block:RebloggedFrom}
  979. {/block:Link}
  980.  
  981. {block:Photo}
  982. <div class="photo">
  983. {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}
  984. </div>
  985. {block:Caption}
  986. {block:NotReblog}
  987. <li class="caption original-caption">
  988. <div class="caption-text">{Caption}</div>
  989. </li>
  990. {/block:NotReblog}
  991. {block:RebloggedFrom}
  992. <div class="reblog-wrap">
  993. {block:Reblogs}
  994. <li class="caption">
  995. <img src="{PortraitURL-64}" class="user-icon">
  996. <div class="username {block:IsDeactivated}deactive{/block:IsDeactivated}"><a href="{Permalink}">{Username}</a></div>
  997. <div class="caption-text">{Body}</div>
  998. </li>
  999. {/block:Reblogs}
  1000. </div>
  1001. {/block:RebloggedFrom}
  1002. {/block:Caption}
  1003. {/block:Photo}
  1004.  
  1005.  
  1006. <!-- photoset -->
  1007.  
  1008. {block:Photoset}
  1009. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div>
  1010. {block:Caption}
  1011. {block:NotReblog}
  1012. <li class="caption original-caption">
  1013. <div class="caption-text">{Caption}</div>
  1014. </li>
  1015. {/block:NotReblog}
  1016. {block:RebloggedFrom}
  1017. <div class="reblog-wrap">
  1018. {block:Reblogs}
  1019. <li class="caption">
  1020. <img src="{PortraitURL-64}" class="user-icon">
  1021. <div class="username {block:IsDeactivated}deactive{/block:IsDeactivated}"><a href="{Permalink}">{Username}</a></div>
  1022. <div class="caption-text">{Body}</div>
  1023. </li>
  1024. {/block:Reblogs}
  1025. </div>
  1026. {/block:RebloggedFrom}
  1027. {/block:Caption}
  1028. {/block:Photoset}
  1029.  
  1030.  
  1031. <!-- video -->
  1032.  
  1033. {block:Video}
  1034. <div class="video">{Video-500}</div>
  1035. {block:Caption}
  1036. {block:NotReblog}
  1037. <li class="caption original-caption">
  1038. <div class="caption-text">{Caption}</div>
  1039. </li>
  1040. {/block:NotReblog}
  1041. {block:RebloggedFrom}
  1042. <div class="reblog-wrap">
  1043. {block:Reblogs}
  1044. <li class="caption">
  1045. <img src="{PortraitURL-64}" class="user-icon">
  1046. <div class="username {block:IsDeactivated}deactive{/block:IsDeactivated}"><a href="{Permalink}">{Username}</a></div>
  1047. <div class="caption-text">{Body}</div>
  1048. </li>
  1049. {/block:Reblogs}
  1050. </div>
  1051. {/block:RebloggedFrom}
  1052. {/block:Caption}
  1053. {/block:Video}
  1054.  
  1055. <!-- quote -->
  1056.  
  1057. {block:Quote}
  1058. <div class="caption">
  1059. <div class="speech-bubble">
  1060. <div class="quote">{Quote}</div>
  1061. </div>
  1062.  
  1063. {block:Source}
  1064. <div class="src-wrap">
  1065. <div class="source">{Source}</div>
  1066. </div>
  1067. {/block:Source}
  1068.  
  1069. </div>
  1070. {/block:Quote}
  1071.  
  1072. {block:Chat}
  1073. {block:Title}<h1 class="post-title"><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  1074. <ul class="chat">{block:Lines}
  1075. <li>
  1076. {block:Label}<div class="chatter">{Label}</div>{/block:Label}
  1077. <div class="chattxt">{Line}</div>
  1078. </li>
  1079. {/block:Lines}</ul>
  1080. {/block:Chat}
  1081.  
  1082. <!-- audio -->
  1083.  
  1084. {block:Audio}
  1085. <div class="audio">
  1086. {AudioEmbed}
  1087. </div>
  1088. {block:Caption}
  1089. {block:NotReblog}
  1090. <li class="caption original-caption">
  1091. <div class="caption-text">{Caption}</div>
  1092. </li>
  1093. {/block:NotReblog}
  1094. {block:RebloggedFrom}
  1095. <div class="reblog-wrap">
  1096. {block:Reblogs}
  1097. <li class="caption">
  1098. <img src="{PortraitURL-64}" class="user-icon">
  1099. <div class="username {block:IsDeactivated}deactive{/block:IsDeactivated}"><a href="{Permalink}">{Username}</a></div>
  1100. <div class="caption-text">{Body}</div>
  1101. </li>
  1102. {/block:Reblogs}
  1103. </div>
  1104. {/block:RebloggedFrom}
  1105. {/block:Caption}
  1106. {/block:Audio}
  1107.  
  1108.  
  1109. <!-- ANSWER -->
  1110.  
  1111. {block:Answer}
  1112. <!-- question -->
  1113.  
  1114. <div class="ask-wrap">
  1115.  
  1116. <div class="portrait-wrap">
  1117. <div class="asker-portrait">
  1118. <img src="{AskerPortraitURL-128}"/>
  1119. </div>
  1120. </div>
  1121.  
  1122. <div class="q-wrap">
  1123. <div class="asker-wrap">
  1124. <div class="asker">a message from {Asker}:</div>
  1125. </div>
  1126.  
  1127. <div class="question">{Question}</div>
  1128. </div>
  1129.  
  1130. </div>
  1131.  
  1132. <!-- end question -->
  1133.  
  1134. {block:Answerer}
  1135. <li class="caption">
  1136. <img src="{AnswererPortraitURL-64}" class="user-icon">
  1137. <div class="username {block:IsDeactivated}deactive{/block:IsDeactivated}"><a href="{Permalink}">{Answerer}</a></div>
  1138. <div class="answer">{Answer}</div>
  1139. </li>
  1140. {/block:Answerer}
  1141. {block:NotReblog}
  1142. <li class="caption original-caption">
  1143. <div class="answer">{Replies}</div>
  1144. </li>
  1145. {/block:NotReblog}
  1146. {block:RebloggedFrom}
  1147. <div class="reblog-wrap">
  1148. {block:Reblogs}
  1149. <li class="caption">
  1150. <img src="{PortraitURL-64}" class="user-icon">
  1151. <div class="username {block:IsDeactivated}deactive{/block:IsDeactivated}"><a href="{Permalink}">{Username}</a></div>
  1152. <div class="answer">{Body}</div>
  1153. </li>
  1154. {/block:Reblogs}
  1155. </div>
  1156. {/block:RebloggedFrom}
  1157. {/block:Answer}
  1158.  
  1159. <!----- INFO ----->
  1160.  
  1161. {block:Date}
  1162. <div class="info">
  1163. <div class="info-left">
  1164. {block:PinnedPostLabel}
  1165. <div class="pinned-post">
  1166. <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 25 25" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-bookmark" style="margin-bottom:-3px;"><path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z"></path></svg><a href="{Permalink}">{PinnedPostLabel}</a>
  1167. </div>
  1168. {/block:PinnedPostLabel}
  1169.  
  1170. <a class="notecount" href="{Permalink}" title="{ShortMonth} {DayOfMonth}, {Year}">{NoteCountWithLabel}</a>
  1171. </div>
  1172.  
  1173. <div class="post-controls">
  1174. <a class="likeb" href="#" title="like">{LikeButton}<span class="actual-button"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 25 25" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-heart"><path d="M20.8,4.6c-2.1-2.1-5.6-2.1-7.8,0c0,0,0,0,0,0L12,5.7l-1.1-1.1c-2.1-2.1-5.6-2.1-7.8,0s-2.1,5.6,0,7.8l1.1,1.1 l7.8,7.8l7.8-7.8l1.1-1.1C23,10.2,23,6.8,20.8,4.6C20.8,4.6,20.8,4.6,20.8,4.6z"/></svg></span></a>
  1175.  
  1176. <a href="{ReblogURL}" target="_blank" title="reblog"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 25 25" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-repeat" style="margin-left:5px;margin-bottom:-2px;"><polyline points="17 1 21 5 17 9"></polyline><path d="M3 11V9a4 4 0 0 1 4-4h14"></path><polyline points="7 23 3 19 7 15"></polyline><path d="M21 13v2a4 4 0 0 1-4 4H3"></path></svg></a>
  1177. </div>
  1178. </div>
  1179. {/block:Date}
  1180.  
  1181. <!----- TAGS ----->
  1182.  
  1183. {block:HasTags}
  1184. <div class="tags">
  1185. {block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}
  1186. </div>
  1187. {/block:HasTags}
  1188.  
  1189. <!-- content source on permalink pages -->
  1190.  
  1191. {block:Date}
  1192. {block:PermalinkPage}
  1193. <div class="source-info">
  1194. {block:RebloggedFrom}
  1195. <li><b>reblogged via:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a></li>
  1196. <li><b>originally from:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a></li>
  1197. {/block:RebloggedFrom}
  1198. {block:ContentSource}<li><b>{lang:Source}:</b> <a href="{SourceURL}">{SourceTitle}</a></li>{/block:ContentSource}
  1199. </div>
  1200. {/block:PermalinkPage}
  1201. {/block:Date}
  1202.  
  1203. <!----- POST NOTES ----->
  1204.  
  1205. {block:PermalinkPage}{block:Date}
  1206. {block:NoteCount}{block:PostNotes}
  1207. <div class="notes">
  1208. {PostNotes-64}
  1209. </div>
  1210. {/block:PostNotes}{/block:NoteCount}
  1211. {/block:Date}{/block:PermalinkPage}
  1212.  
  1213. </article>
  1214. {/block:Posts}
  1215.  
  1216. <!-- end of posts container -->
  1217.  
  1218. <!----- PAGINATION ----->
  1219.  
  1220. {block:Pagination}
  1221. <article id="page-navigation">
  1222. {block:PreviousPage}<a href="{PreviousPage}"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-arrow-left"><line x1="19" y1="12" x2="5" y2="12"></line><polyline points="12 19 5 12 12 5"></polyline></svg></a>{/block:PreviousPage}
  1223. {block:JumpPagination length="5"}
  1224. {block:CurrentPage}<span class="current-page">{PageNumber}</span>{/block:CurrentPage}
  1225. {block:JumpPage}<a href="{URL}">{PageNumber}</a>{/block:JumpPage}
  1226. {/block:JumpPagination}
  1227. {block:NextPage}<a href="{NextPage}"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-arrow-right"><line x1="5" y1="12" x2="19" y2="12"></line><polyline points="12 5 19 12 12 19"></polyline></svg></a>{/block:NextPage}
  1228. </article>
  1229. {/block:Pagination}
  1230.  
  1231. </section>
  1232.  
  1233. <!-- end of posts container -->
  1234. <!-- end of main container -->
  1235.  
  1236. </main>
  1237.  
  1238. <!-- credit, pls don't remove! <3-->
  1239.  
  1240. <a href="https://softcodes.tumblr.com" title="theme by @softcodes" id="soft"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 25 25" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-heart"><path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"></path></svg></a>
  1241.  
  1242. <!-- scripts -->
  1243. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
  1244. <script src="https://unpkg.com/@popperjs/core@2/dist/umd/popper.min.js"></script>
  1245. <script src="https://unpkg.com/tippy.js@6/dist/tippy-bundle.umd.js"></script>
  1246. <script src="https://unpkg.com/@popperjs/core@2"></script>
  1247. <script src="https://unpkg.com/tippy.js@6"></script>
  1248. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  1249. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  1250. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  1251.  
  1252. <script>
  1253. $(document).ready(function(){
  1254. $('.photo-slideshow').pxuPhotoset({
  1255. lightbox: true,
  1256. highRes: true,
  1257. gutter: '{select:photoset gutter}',
  1258. borderRadius: '0px',
  1259. photoset: '.photo-slideshow',
  1260. photoWrap: '.photo-data',
  1261. photo: '.pxu-photo'
  1262. });
  1263.  
  1264. }); </script>
  1265.  
  1266. <script>
  1267. var $container = $('.posts');
  1268. $container.find('.notecount').each(function(){
  1269. var n = $(this).html().split(' ')[0].replace(/,/g, '');
  1270. if (n > 999) {
  1271. n = Math.floor(n / 100) / 10;
  1272. $(this).text(n + 'k notes');
  1273. }
  1274. });
  1275. </script>
  1276.  
  1277. <script>
  1278. var scrollToTopBtn = document.querySelector(".scrollToTopBtn")
  1279. var rootElement = document.documentElement
  1280.  
  1281. function handleScroll() {
  1282. var scrollTotal = rootElement.scrollHeight - rootElement.clientHeight
  1283. if ((rootElement.scrollTop / scrollTotal ) > 0.05) {
  1284. scrollToTopBtn.classList.add("showBtn")
  1285. } else {
  1286. scrollToTopBtn.classList.remove("showBtn")
  1287. }
  1288. }
  1289.  
  1290. function scrollToTop() {
  1291. rootElement.scrollTo({
  1292. top: 0,
  1293. behavior: "smooth"
  1294. })
  1295. }
  1296. scrollToTopBtn.addEventListener("click", scrollToTop)
  1297. document.addEventListener("scroll", handleScroll)
  1298. </script>
  1299.  
  1300. <script>
  1301. tippy('[title]', {
  1302. role: 'tooltip',
  1303. theme: 'rosemary',
  1304. arrow: true,
  1305. placement: 'bottom',
  1306.  
  1307. content(reference) {
  1308. const title = reference.getAttribute('title');
  1309. reference.removeAttribute('title');
  1310. return title;
  1311. },
  1312. });
  1313. </script>
  1314.  
  1315. <script>
  1316. $(document).ready(function() {
  1317. // audio player
  1318. var $audio = $('iframe.tumblr_audio_player');
  1319. $audio.load(function() {
  1320. $(this).contents().find('head').append('<style type="text/css">' +
  1321. '.audio-player { background: {color:accent}; color: #fff !important; }' +
  1322. '.audio-player .audio-info .track-artist { color: #fff !important; }' +
  1323. '</style>');
  1324. });
  1325. });
  1326. </script>
  1327.  
  1328. </body>
  1329. </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!