API tools faq
paste
nea

relapse

nea
May 30th, 2021 (edited)
4,781
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 32.43 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html xmlns="https://www.w3.org/1999/xhtml">
  3. <head>
  4. <title>{Title}</title>
  5. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  6. <link rel="shortcut icon" href="{Favicon}">
  7. {block:Description}
  8. <meta name="description" content="{MetaDescription}">
  9. {/block:Description}
  10. <meta name="viewport" content="width=device-width, initial-scale=1">
  11.  
  12. <!--
  13.  
  14. theme 3. "relapse" by néa / katseyes @ tumblr
  15.  
  16. -->
  17.  
  18. <meta name="color:Background" content="#fff">
  19. <meta name="color:Posts" content="#fff">
  20. <meta name="color:Title" content="#807dc2">
  21. <meta name="color:Text" content="#000">
  22. <meta name="color:Accent" content="#807dc2">
  23. <meta name="color:Links" content="#000">
  24. <meta name="color:Hover" content="#807dc2">
  25. <meta name="color:Borders" content="#f1f1f1">
  26. <meta name="color:Post Borders" content="#f1f1f1">
  27. <meta name="color:Ask Text" content="#000">
  28. <meta name="color:Audio Background" content="#f1f1f1">
  29. <meta name="color:Audio Text" content="#000">
  30. <meta name="color:Select Text" content="#f1f1f1"/>
  31. <meta name="color:Custom Scrollbar" content="#000"/>
  32.  
  33. <meta name="image:Sidebar Image" content=""/>
  34.  
  35. <meta name="if:Sidebar Image" content="1" />
  36. <meta name="if:Custom Scrollbar" content="1" />
  37. <meta name="if:Side Icon" content="1" />
  38.  
  39. <meta name="text:Sidebar Title" content="relapse"/>
  40. <meta name="text:Sidebar Icon" content="moon"/>
  41.  
  42. <meta name="text:Home Title" content="Home"/>
  43. <meta name="text:Ask Title" content="Ask"/>
  44. <meta name="text:Link 1 Url" content="/"/>
  45. <meta name="text:Link 1 Title" content="One"/>
  46. <meta name="text:Link 2 Url" content="/"/>
  47. <meta name="text:Link 2 Title" content="Two"/>
  48. <meta name="text:Link 3 Url" content="/"/>
  49. <meta name="text:Link 3 Title" content="Three"/>
  50. <meta name="text:Link 4 Url" content="/"/>
  51. <meta name="text:Link 4 Title" content="Four"/>
  52.  
  53. <meta name="if:Link 1" content="1" />
  54. <meta name="if:Link 2" content="1" />
  55. <meta name="if:Link 3" content="1" />
  56. <meta name="if:Link 4" content="1" />
  57.  
  58. <meta name="select:Text Transform" content="lowercase" title="Lowercase">
  59. <meta name="select:Text Transform" content="uppercase" title="Uppercase">
  60. <meta name="select:Text Transform" content="capitalize" title="Capitalize">
  61. <meta name="select:Text Transform" content="none" title="None">
  62.  
  63. <meta name="select:Sidebar Width" content="250px" title="250px">
  64. <meta name="select:Sidebar Width" content="268px" title="268px">
  65. <meta name="select:Sidebar Width" content="300px" title="300px">
  66.  
  67. <meta name="select:Border Radius" content="3px" title="3px">
  68. <meta name="select:Border Radius" content="5px" title="5px">
  69. <meta name="select:Border Radius" content="10px" title="10px">
  70. <meta name="select:Border Radius" content="15px" title="15px">
  71. <meta name="select:Border Radius" content="20px" title="20px">
  72. <meta name="select:Border Radius" content="0px" title="0px">
  73.  
  74. <meta name="select:Border Style" content="solid" title="Solid">
  75. <meta name="select:Border Style" content="dotted" title="Dotted">
  76. <meta name="select:Border Style" content="dashed" title="Dashed">
  77.  
  78. <meta name="select:Post Width" content="490px" title="450px">
  79. <meta name="select:Post Width" content="500px" title="500px">
  80. <meta name="select:Post Width" content="580px" title="540px">
  81.  
  82. <meta name="select:Font Size" content="10px" title="10px">
  83. <meta name="select:Font Size" content="11px" title="11px">
  84. <meta name="select:Font Size" content="12px" title="12px">
  85. <meta name="select:Font Size" content="13px" title="13px">
  86. <meta name="select:Font Size" content="14px" title="14px">
  87. <meta name="select:Font Size" content="15px" title="15px">
  88.  
  89. <meta name="select:Title Font Size" content="16px" title="16px">
  90. <meta name="select:Title Font Size" content="17px" title="17px">
  91. <meta name="select:Title Font Size" content="18px" title="18px">
  92. <meta name="select:Title Font Size" content="20px" title="20px">
  93. <meta name="select:Title Font Size" content="22px" title="22px">
  94.  
  95. <meta name="select:bold font weight" content="400" title="Normal">
  96. <meta name="select:bold font weight" content="500" title="Medium">
  97. <meta name="select:bold font weight" content="600" title="Semi-Bold">
  98. <meta name="select:bold font weight" content="700" title="Bold">
  99.  
  100. <meta name="select:Font" content="'Arimo', sans-serif" title="Arimo">
  101. <meta name="select:Font" content="'Barlow', sans-serif" title="Barlow">
  102. <meta name="select:Font" content="'Heebo', sans-serif" title="Heebo">
  103. <meta name="select:Font" content="'Hind', sans-serif" title="Hind">
  104. <meta name="select:Font" content="'Inter', sans-serif" title="Inter">
  105. <meta name="select:Font" content="'Karla', sans-serif" title="Karla">
  106. <meta name="select:Font" content="'Lato', sans-serif" title="Lato">
  107. <meta name="select:Font" content="'Libre Franklin', sans-serif" title="Libre Franklin">
  108. <meta name="select:Font" content="'Mukta', sans-serif" title="Mukta">
  109. <meta name="select:Font" content="'Mulish', sans-serif" title="Mulish">
  110. <meta name="select:Font" content="'Noto Sans', sans-serif" title="Noto Sans">
  111. <meta name="select:Font" content="'Nunito Sans', sans-serif" title="Nunito Sans">
  112. <meta name="select:Font" content="'Open Sans', sans-serif" title="Open Sans">
  113. <meta name="select:Font" content="'Source Sans Pro', sans-serif" title="Source Sans Pro">
  114. <meta name="select:Font" content="'Titillium Web', sans-serif" title="Titillium Web">
  115. <meta name="select:Font" content="'Ubuntu', sans-serif" title="Ubuntu">
  116. <meta name="select:Font" content="'Work Sans', sans-serif" title="Work Sans">
  117.  
  118. <link rel="preconnect" href="https://fonts.gstatic.com">
  119. <link href="https://fonts.googleapis.com/css2?family=Arimo:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=Barlow:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=Heebo:wght@400;500;600;700&family=Hind:wght@400;500;600&family=Inter:wght@400;500;600;700&family=Karla:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=Lato:ital,wght@0,400;0,700;1,400;1,700&family=Libre+Franklin:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=Mukta:wght@400;500;600;700;800&family=Mulish:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=Noto+Sans:ital,wght@0,400;0,700;1,400;1,700&family=Nunito+Sans:ital,wght@0,600;0,700;1,400;1,600;1,700&family=Open+Sans:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&family=Source+Sans+Pro:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&family=Titillium+Web:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&family=Ubuntu:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&family=Work+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap" rel="stylesheet">
  120.  
  121. <script src="https://unpkg.com/feather-icons"></script>
  122.  
  123. <script type="text/javascript" src="https://static.tumblr.com/iuggpng/bGqm4yfv9/jquery-1.7.2.js"></script>
  124.  
  125. <link href="https://static.tumblr.com/5omyijl/bzrn2yg7i/style-my-tooltips.css" rel="stylesheet" type="text/css" />
  126.  
  127. <script src="https://static.tumblr.com/5omyijl/RZtn2yg9v/jquery.style-my-tooltips.js"></script> <script> (function($){ $(document).ready(function(){ $("[title]").style_my_tooltips({ tip_follows_cursor:true, tip_delay_time:200, tip_fade_speed:300 }); }); })(jQuery); </script>
  128.  
  129. <style type="text/css">
  130.  
  131.  
  132. /*-------------------------------------------------------------------------*/
  133.  
  134.  
  135. /*GENERAL SECTION */
  136.  
  137.  
  138. /*GENERAL: TUMBLR CONTROLS */
  139.  
  140. iframe.tmblr-iframe {
  141. z-index:99999999999999!important;
  142. top:0!important;
  143. right:0!important;
  144. opacity:0.4;
  145. filter:invert(1);
  146. -webkit-filter:invert(1);
  147. -o-filter:invert(1);
  148. -moz-filter:invert(1);
  149. -ms-filter:invert(1);
  150. transform:scale(0.8);
  151. transform-origin:100% 0;
  152. -webkit-transform:scale(0.8);
  153. -webkit-transform-origin:100% 0;
  154. -o-transform:scale(0.8);
  155. -o-transform-origin:100% 0;
  156. -moz-transform:scale(0.8);
  157. -moz-transform-origin:100% 0;
  158. -ms-transform:scale(0.8);
  159. -ms-transform-origin:100% 0;
  160. -moz-transition-duration:0.4s;
  161. -webkit-transition-duration:0.4s;
  162. -o-transition-duration:0.4s;
  163. }
  164.  
  165. iframe.tmblr-iframe:hover {
  166. opacity:0.95!important;
  167. -moz-transition-duration:0.4s;
  168. -webkit-transition-duration:0.4s;
  169. -o-transition-duration:0.4s;
  170. }
  171.  
  172. /*END OF GENERAL: TUMBLR CONTROLS */
  173.  
  174. /*GENERAL: SCROLLBAR */
  175.  
  176. {block:IfCustomScrollbar}
  177. ::-webkit-scrollbar {
  178. width:12px;
  179. height:12px;
  180. background:{color:background};
  181. }
  182.  
  183. ::-webkit-scrollbar-thumb {
  184. background:{color:custom scrollbar};
  185. }
  186. ::-webkit-scrollbar,::-webkit-scrollbar-thumb {
  187. border:5px solid {color:background};
  188. }
  189. {/block:IfCustomScrollbar}
  190.  
  191. /*END OF GENERAL: SCROLLBAR */
  192.  
  193. /*GENERAL: SELECTION */
  194.  
  195. ::selection {
  196. background: {color:select text};
  197. color: {color:text};
  198. }
  199.  
  200. ::-moz-selection {
  201. background: {color:select text};
  202. color: {color:text};
  203. }
  204.  
  205. /*END OF GENERAL: SELECT */
  206.  
  207. /*GENERAL: STYLING */
  208.  
  209. body {
  210. font-size:{select:font size};
  211. font-family:{select:font};
  212. text-align:justify;
  213. margin:0;
  214. line-height:2em;
  215. -moz-osx-font-smoothing:grayscale;
  216. -webkit-font-smoothing:antialiased;
  217. font-smoothing:antialiased;
  218. color:{color:text};
  219. background:{color:background};
  220. }
  221.  
  222. #s-m-t-tooltip {
  223. font-size:{select:font size};
  224. font-family:{select:font};
  225. max-width:300px;
  226. background:{color:posts};
  227. margin:10px;
  228. padding:10px;
  229. border: 1px solid {color:post borders};
  230. border-radius:{select:border radius};
  231. color:{color:text};
  232. z-index:999999;
  233. font-style:none;
  234. box-shadow: 0px 0px 0px rgba(0,0,0,.1);
  235. text-transform:{select:text transform};
  236. }
  237.  
  238. a {
  239. color:{color:links};
  240. text-decoration:none;
  241. cursor:pointer;
  242. -webkit-transition:all 0.2s;
  243. -moz-transition:all 0.2s;
  244. -ms-transition:all 0.2s;
  245. -o-transition:all 0.2s;
  246. transition:all 0.2s;
  247. }
  248.  
  249. a:hover {
  250. text-decoration:none;
  251. color:{color:hover};
  252. -webkit-transition:all 0.2s;
  253. -moz-transition:all 0.2s;
  254. -ms-transition:all 0.2s;
  255. -o-transition:all 0.2s;
  256. transition:all 0.2s;
  257. }
  258.  
  259. .feather {
  260. color:{color:accent}!important;
  261. }
  262.  
  263. .credit {
  264. position:fixed;
  265. bottom:35px;
  266. right:45px;
  267. z-index:10;
  268. }
  269.  
  270. .credit a {
  271. color:{color:links};
  272. }
  273.  
  274. .credit a:hover {
  275. color:{color:hover};
  276. }
  277.  
  278. small, sub, sup {
  279. font-size:{select:font size};
  280. }
  281.  
  282. b, 700, strong {
  283. color:{color:links};
  284. font-weight:{select:bold font weight}!important;
  285. }
  286.  
  287. h1, h2, h3, h4, h5, h6 {
  288. font-size:{select:title font size}!important;
  289. font-weight:{select:bold font weight}!important;
  290. text-transform:{select:text transform};
  291. color:{color:title}!important;
  292. }
  293.  
  294. .entry h1 {
  295. padding:20px;
  296. margin-left:-20px;
  297. margin-top:-20px;
  298. text-align:;
  299. font-size:{select:title font size}!important;
  300. text-transform:{select:text transform};
  301. color:{color:title}!important;
  302. display:block;
  303. border-bottom:1px {select:border style} {color:post borders};
  304. text-align:center;
  305. width:100%;
  306. }
  307.  
  308. pre {
  309. font-size:{select:font size};
  310. font-family:{select:font};
  311. }
  312.  
  313. blockquote {
  314. display:block;
  315. margin:0;
  316. margin-left:5px;
  317. margin-right:5px;
  318. padding-left:10px;
  319. border-left:1px #f1f1f1 solid;
  320. }
  321.  
  322. blockquote blockquote {
  323. border:none;
  324. padding:0;
  325. margin:0;
  326. }
  327.  
  328. img {
  329. border:0;
  330. max-width:100%;
  331. height:auto;
  332. margin-left:0px;
  333. }
  334.  
  335. hr {
  336. margin:1em 0;
  337. border:0;
  338. height:1px;
  339. -moz-box-sizing:border-box;
  340. box-sizing:border-box;
  341. background-color:{color:borders};
  342. }
  343.  
  344. ol {
  345. margin-left:-25px;
  346. }
  347.  
  348. ul {
  349. margin-left:-25px;
  350. }
  351.  
  352. /*END OF GENERAL: STYLING */
  353.  
  354. /*GENERAL: CONTAINERS */
  355.  
  356. .main {
  357. margin:150px auto;
  358. padding-left:0px;
  359. width:{select:post width};
  360. }
  361.  
  362. .asidecontainer {
  363. position:fixed;
  364. height:100%;
  365. margin-left:500px;
  366. }
  367.  
  368. /*END OF GENERAL: CONTAINERS */
  369.  
  370.  
  371. /*END OF GENERAL SECTION */
  372.  
  373.  
  374. /*-------------------------------------------------------------------------*/
  375.  
  376.  
  377. /*SIDEBAR SECTION */
  378.  
  379.  
  380. /*SIDEBAR: GENERAL */
  381.  
  382. aside {
  383. width:{select:sidebar width};
  384. height:auto;
  385. padding:0px;
  386. overflow:hidden;
  387. background:{color:posts};
  388. border-radius:{select:border radius};
  389. border: 1px solid {color:post borders};
  390. }
  391.  
  392. /*END OF SIDEBAR: GENERAL */
  393.  
  394. /*SIDEBAR: IMAGE */
  395.  
  396. aside img {
  397. width: calc({select:sidebar width} + 40px)!important;
  398. }
  399.  
  400. /*END OF SIDEBAR: IMAGE */
  401.  
  402. /*SIDEBAR: TITLE*/
  403.  
  404. aside h1 {
  405. padding:20px;
  406. margin-left:0px;
  407. margin-top:0px;
  408. text-align:;
  409. font-size:{select:title font size}!important;
  410. text-transform:{select:text transform};
  411. color:{color:title}!important;
  412. display:block;
  413. border-bottom:1px {select:border style} {color:post borders};
  414. text-align:center;
  415. }
  416.  
  417. /*END OF SIDEBAR: TITLE*/
  418.  
  419. .sicon {
  420. padding:15px;
  421. background:{color:posts};
  422. border-radius:100%;
  423. height:20px;
  424. width:20px;
  425. margin-top:20px;
  426. border:1px solid {color:accent};
  427. }
  428.  
  429. .sideicon .feather {
  430. padding:10px;
  431. color:{color:posts}!important;
  432. background:{color:accent};
  433. border-radius:100%;
  434. height:20px;
  435. width:20px;
  436. margin:-10px;
  437. }
  438.  
  439. /*SIDEBAR: DESCRIPTION */
  440.  
  441. .description {
  442. margin-top:-10px;
  443. color:{color:text}!important;
  444. text-align:;
  445. padding:20px;
  446. }
  447.  
  448. /*END OF SIDEBAR: DESCRIPTION */
  449.  
  450. /*SIDEBAR: NAVIGATION */
  451.  
  452. nav {
  453. overflow:visible;
  454. text-align:center;
  455. margin-top:-20px;
  456. margin-left:0px;
  457. padding:20px;
  458. }
  459.  
  460. nav a {
  461. text-transform:{select:text transform};
  462. display:inline-block;
  463. color:{color:links};
  464. margin-bottom:10px;
  465. margin-left:10px;
  466. margin-right:10px;
  467. font-weight:{select:bold font weight};
  468. border-bottom: 2px {select:border style} {color:accent};
  469. }
  470.  
  471. nav a:last-of-type {
  472. margin-bottom:0px!important;
  473. }
  474.  
  475. nav a:hover {
  476. color:{color:hover};
  477. padding-left:0px;
  478. border-bottom: 2px {select:border style} {color:posts};
  479. }
  480.  
  481. /*END OF SIDEBAR: NAVIGATION */
  482.  
  483.  
  484. /*END OF SIDEBAR SECTION */
  485.  
  486.  
  487. /*-------------------------------------------------------------------------*/
  488.  
  489.  
  490. /*POSTS SECTION */
  491.  
  492.  
  493. /*POSTS: GENERAL */
  494.  
  495. .content {
  496. margin:50px 0px;
  497. }
  498.  
  499. .entry {
  500. border-radius:{select:border radius};
  501. width:{select:post width};
  502. position:relative;
  503. margin:-50px -250px 0px;
  504. margin-bottom:150px;
  505. background:{color:posts};
  506. padding:20px;
  507. border: 1px solid {color:post borders};
  508. }
  509.  
  510. .entry 700, b, strong {
  511. color:{color:links};
  512. font-weight:{select:bold font weight}!important;
  513. }
  514.  
  515. .entry:last-child {
  516. margin-bottom:0;
  517. }
  518.  
  519. .post {
  520. }
  521.  
  522. .text:last-child, .text *:last-child {
  523. margin-bottom:0px;
  524. }
  525.  
  526. .vignette, #vignette {
  527. opacity:0;
  528. }
  529.  
  530. .lightbox-image, #tumblr_lightbox img {
  531. box-shadow:none !important;
  532. border-radius:0px !important;
  533. max-width:none;
  534. }
  535. .tmblr-lightbox, #tumblr_lightbox {
  536. background-color:rgba(255,255,255,.75) !important;
  537. }
  538.  
  539. :root {
  540. --NPF-Image-Spacing:4px;
  541. }
  542.  
  543. .npf_row {
  544. line-height:100%!important;
  545. margin:0px 0px -1px 0px!important;
  546. height:100%!important;
  547. width:100%!important;
  548. }
  549.  
  550. .npf_row:last-of-type {
  551. margin-bottom:0px!important;
  552. }
  553.  
  554. .tmblr-full {
  555. margin:0px 0px 0px 0px!important;
  556. width:100%!important;
  557. height:100%!important;
  558. outline:none;
  559. }
  560.  
  561. /*END OF POSTS: GENERAL */
  562.  
  563. /*POSTS: CAPTIONS */
  564.  
  565. .caption {
  566. width:{select:post width};
  567. margin-top:10px;
  568. padding:0px;
  569. margin-bottom:0px;
  570. border:0;
  571. text-align:justify;
  572. }
  573.  
  574. .caption blockquote {
  575. max-width:{select:post width};
  576. font-weight:normal;
  577. border:0;
  578. margin:0px 0px 7px 0px;
  579. padding:0;
  580. }
  581.  
  582. .caption blockquote:last-child {
  583. margin:0px;
  584. }
  585.  
  586. .caption p {
  587. padding:0;
  588. margin:0;
  589. }
  590.  
  591. .caps blockquote {
  592. max-width:{select:post width};
  593. margin:10px 0px 10px 0px;
  594. font-weight:normal;
  595. border-left:1px solid {color:borders};
  596. padding-left:10px;
  597. padding-right:10px;
  598. }
  599.  
  600. .caps a.tumblr_blog {
  601. display:inline-block;
  602. padding-bottom:5px;
  603. border-bottom:2px {select:border style} {color:accent};
  604. text-overflow:ellipsis;
  605. vertical-align:middle;
  606. font-weight: {select:bold font weight};
  607. text-transform:{select:text transform};
  608. color:{color:links}!important;
  609. -webkit-transition:all 0.2s;
  610. -moz-transition:all 0.2s;
  611. -ms-transition:all 0.2s;
  612. -o-transition:all 0.2s;
  613. transition:all 0.2s;
  614. margin-top:0px;
  615. margin-bottom:8px;
  616. line-height:16px!important;
  617. }
  618.  
  619. .caps a.tumblr_blog:hover {
  620. color:{color:hover}!important;
  621. text-decoration:none;
  622. -webkit-transition:all 0.2s;
  623. -moz-transition:all 0.2s;
  624. -ms-transition:all 0.2s;
  625. -o-transition:all 0.2s;
  626. transition:all 0.2s;
  627. border-bottom:2px {select:border style} {color:posts};
  628. }
  629.  
  630. .caps .ic{
  631. border-radius:100%;
  632. width:18px;
  633. height:18px;
  634. margin-right:10px;
  635. display:inline-block;
  636. float:left;
  637. background:transparent;
  638. text-align:left;
  639. padding:0;
  640. margin-left:0;
  641. margin-top:0;
  642. }
  643.  
  644. .caps {
  645. margin:0px 0px 0px 0px;
  646. padding:0;
  647. border-left:0;
  648. }
  649.  
  650. .caps p {
  651. margin:5px 0 5px 0;
  652. font-weight:normal;
  653. padding:0;
  654. border-left:0;
  655. }
  656.  
  657. .caps p:last-child {
  658. margin:5px 0 0 0;
  659. }
  660.  
  661. .caps b {
  662. color:{color:links};
  663. font-weight:{select:bold font weight};
  664. }
  665.  
  666. .caps hr {
  667. margin:0;
  668. border:0;
  669. }
  670.  
  671. .caps img {
  672. margin-top:5px;
  673. width:100%;
  674. }
  675.  
  676. /*END OF POSTS: CAPTIONS */
  677.  
  678. /*POSTS: ASKS */
  679.  
  680. .ask {
  681. min-height:30px;
  682. padding:0px;
  683. width:auto;
  684. margin-bottom:25px;
  685. border-radius:0px;
  686. }
  687.  
  688. .question {
  689. color:{color:ask text};
  690. width:90%;
  691. }
  692.  
  693. .question a {
  694. color: {color:ask text}!important;
  695. }
  696.  
  697. .question a:hover {
  698. color: {color:hover};
  699. }
  700.  
  701. .askimg {
  702. width: 50px;
  703. display:inline;
  704. float:right;
  705. }
  706.  
  707. .askimg img {
  708. width:35px;
  709. margin-top:0px;
  710. margin-left:15px;
  711. border-radius:100%;
  712. }
  713.  
  714. .answer img {
  715. margin-bottom:10px;
  716. }
  717.  
  718. /*END OF POSTS: ASKS */
  719.  
  720. /*POSTS: STYLES */
  721.  
  722. .chat {
  723. margin-left:-40px;
  724. list-style-type:none;
  725. margin-bottom:10px;
  726. }
  727.  
  728. .chat .label {
  729. line-height:1.5em;
  730. }
  731.  
  732. .quote {
  733. margin-bottom:5px;
  734. }
  735.  
  736. .source {
  737. }
  738.  
  739. .media {
  740. position:relative;
  741. display:inline-block;
  742. width:100%;
  743. }
  744.  
  745. .media img {
  746. position:relative;
  747. display:inline-block;
  748. width:{select:post width}!important;
  749. }
  750.  
  751. .playbutton {
  752. position:relative;
  753. margin-top:45px;
  754. margin-left:44px;
  755. z-index:9;
  756. width:33px;
  757. height:30px;
  758. overflow:hidden;}
  759.  
  760. .albumart img {
  761. position:relative;
  762. margin-top:-75px;
  763. margin-left:0px
  764. height:120px;
  765. width:120px;
  766. -webkit-border-top-left-radius: 20px;
  767. -webkit-border-bottom-left-radius: 20px;
  768. -moz-border-radius-topleft: 20px;
  769. -moz-border-radius-bottomleft: 20px;
  770. border-top-left-radius: 20px;
  771. border-bottom-left-radius: 20px;}
  772.  
  773. .trackinfo {
  774. margin-bottom:10px;
  775. background:{color:audio background};
  776. color:{color:audio text};
  777. top:-4px;
  778. position:relative;
  779. margin-left:120px;
  780. height:120px;
  781. margin-top:-120px;
  782. -webkit-border-top-right-radius: 20px;
  783. -webkit-border-bottom-right-radius: 20px;
  784. -moz-border-radius-topright: 20px;
  785. -moz-border-radius-bottomright: 20px;
  786. border-top-right-radius: 20px;
  787. border-bottom-right-radius: 20px;}
  788.  
  789. .trackname {
  790. position:relative;
  791. padding-top:30px;
  792. text-align:center;
  793. font-size:{select:font size};
  794. text-transform:{select:text transform};
  795. font-weight: {select:bold font weight}!important;
  796. letter-spacing:2px;}
  797.  
  798. .artist {
  799. text-align:center;
  800. font-size:{select:font size};
  801. text-transform:{select:text transform};
  802. letter-spacing:4px;}
  803.  
  804. .album {
  805. text-align:center;
  806. font-style: italic;
  807. letter-spacing:4px;}
  808.  
  809. .playcount {
  810. font-weight: {select:bold font weight}!important;
  811. margin-top:5px;
  812. text-align:center;
  813. letter-spacing:2px;}
  814.  
  815. /*END OF POSTS: STYLES */
  816.  
  817. /*END OF POSTS SECTION /*
  818.  
  819.  
  820. /*-------------------------------------------------------------------------*/
  821.  
  822.  
  823. /*POST INFO SECTION */
  824.  
  825.  
  826. /*POST INFO: BOTTOM */
  827.  
  828. .postinfo {
  829. padding:20px;
  830. border-top: 1px {select:border style} {color:post borders};
  831. margin:65px 0 0 0;
  832. margin:20px -20px -20px -20px;
  833. text-align:left;
  834. background:transparent;
  835. text-transform:{select:text transform};
  836. }
  837.  
  838. .postinfo b {
  839. }
  840.  
  841. .postinfo a {
  842. display:inline-block;
  843. height:14px;
  844. line-height:14px;
  845. }
  846.  
  847. .postinfo i {
  848. font-style: normal;
  849. }
  850.  
  851. .postinfo a:hover {
  852. color:{color:hover};
  853. }
  854.  
  855. .postinfo p {
  856. margin-top:-10px!important;
  857. }
  858.  
  859. .icons .feather {
  860. display:inline-block;
  861. margin-left:0px;
  862. width:12px;
  863. height:12px;
  864. margin-top:6px;
  865. float:left;
  866. margin-right:10px;
  867. }
  868.  
  869. svg {
  870. width:12px;
  871. height:auto;
  872. opacity:1;
  873. padding:1px;
  874. display:block;
  875. overflow:visible;
  876. margin-left:5px;
  877. margin-top:-3px;
  878. background:transparent;
  879. }
  880.  
  881. .controls a {
  882. position:relative;
  883. display:inline-block;
  884. overflow:hidden;
  885. padding:5px;
  886. width:13px;
  887. height:12px;
  888. color:#333;
  889. margin-left:0px;
  890. background:transparent;
  891. }
  892.  
  893. .controls .reblog {
  894. opacity:1;
  895. background:transparent;
  896. }
  897.  
  898. .controls .reblog svg {
  899. width:12px;
  900. background:transparent;
  901. }
  902.  
  903. .controls .like .liked + svg {
  904. opacity:1;
  905. background:transparent;
  906. }
  907.  
  908. .controls .like .liked + svg path {
  909. color:{color:accent};
  910. fill:{color:icons};
  911. }
  912.  
  913. .controls .like .like_button {
  914. position:relative;
  915. background:transparent;
  916. }
  917.  
  918. .controls .like .like_button iframe {
  919. position:absolute;
  920. top:0;
  921. left:0;
  922. bottom:0;
  923. right:0;
  924. z-index:2;
  925. opacity:0.000001;
  926. }
  927.  
  928. .tags {
  929. margin-top:5px;
  930. color:{color:links}!important;
  931. text-transform:lowercase;
  932. opacity:1;
  933. -webkit-transition: all 0.7s ease;
  934. transition: all 0.7s ease;
  935. -moz-transition: all 0.7s ease;
  936. -o-transition: all 0.7s ease;
  937. text-align:justify!important;
  938. }
  939.  
  940. .tags a {
  941. font-style:none;
  942. margin-right:10px;
  943. }
  944.  
  945. .tags a:hover {
  946. text-decoration:none;
  947. }
  948.  
  949. /*END OF POST INFO: BOTTOM */
  950.  
  951. /*POST INFO: PERMALINK */
  952.  
  953. .permainfo {
  954. margin-top:0px!important;
  955. padding:0;
  956. text-align:left;
  957. color:{color:text};
  958. background:transparent;
  959. font-size:{select:font size};
  960. }
  961.  
  962. .permainfo b {
  963. font-weight: {select:bold font weight}!important;
  964. }
  965.  
  966. .permainfo a {
  967. color:{color:text};
  968. }
  969.  
  970. .permainfo a:hover {
  971. }
  972.  
  973. ol.notes {
  974. list-style-type:none;
  975. font-style:normal;
  976. margin-top:-75px;
  977. margin-left:-280px;
  978. }
  979.  
  980. li.note {
  981. margin:15px 0 15px 0;
  982. padding:0;
  983. font-style:normal;
  984. }
  985.  
  986. li.note:before {
  987. content:"";
  988. padding:0;
  989. }
  990.  
  991. .more_notes_link, .notes_loading {
  992. float:left;
  993. text-align:left!important;
  994. text-transform:lowercase!important;
  995. font-weight:400!important;
  996. }
  997.  
  998. .notes img {
  999. display:none!important;
  1000. }
  1001.  
  1002. ol.notes li.note blockquote {
  1003. border:0;
  1004. padding:0px 0px;
  1005. margin:0px 0 0 0px;
  1006. }
  1007.  
  1008. .permatags {
  1009. line-height:1.8em;
  1010. font-size:{select:font size};
  1011. opacity:1;
  1012. -webkit-transition: all 0.7s ease;
  1013. transition: all 0.7s ease;
  1014. -moz-transition: all 0.7s ease;
  1015. -o-transition: all 0.7s ease;
  1016. }
  1017. .permatags a {
  1018. font-style:none;
  1019. }
  1020.  
  1021. .permatags a:hover {
  1022. text-decoration:none;
  1023. }
  1024.  
  1025. a.tag:after {
  1026. content:",";
  1027. }
  1028.  
  1029. a.tag:last-child:after {
  1030. content:"";
  1031. }
  1032.  
  1033. /*END OF POST INFO: PERMALINK */
  1034.  
  1035.  
  1036. /*END OF POST INFO SECTION */
  1037.  
  1038.  
  1039. /*-------------------------------------------------------------------------*/
  1040.  
  1041.  
  1042. /*PAGINATION SECTION */
  1043.  
  1044.  
  1045. /*PAGINATION: GENERAL */
  1046.  
  1047. .pagi {
  1048. margin-top:20px;
  1049. text-align:center;
  1050. font-size:{select:font size};
  1051. margin-left:10px;
  1052. padding-top:20px;
  1053. width:{select:post width};
  1054. }
  1055.  
  1056. .pagi a {
  1057. color:{color:links};
  1058. }
  1059.  
  1060. .pagi a:hover {
  1061. color:{color:hover};
  1062. }
  1063.  
  1064. /*END OF PAGINATION: GENERAL */
  1065.  
  1066.  
  1067. /*END OF PAGINATION SECTION */
  1068.  
  1069.  
  1070. /*-------------------------------------------------------------------------*/
  1071.  
  1072.  
  1073. </style></head>
  1074.  
  1075. <body>
  1076.  
  1077. <div class="main">
  1078. <div class="credit">
  1079. <a href="https://katseyes.tumblr.com/"><i data-feather="moon"></i></a>
  1080. </div>
  1081.  
  1082. <div class="asidecontainer">
  1083. <aside>
  1084.  
  1085. {block:IfSidebarImage}
  1086. <img src="{image:sidebar image}">
  1087. {/block:IfSidebarImage}
  1088.  
  1089. {block:IfSideIcon}
  1090. <center><div class="sicon"><div class="sideicon"><i data-feather="{text:sidebar icon}"></i></div></div><center>
  1091. {/block:IfSideIcon}
  1092.  
  1093.  
  1094. <h1>{text:sidebar title}</h1>
  1095.  
  1096. <div class="description">
  1097. {description}
  1098. </div>
  1099.  
  1100. <nav>
  1101. <a href="/">{text:Home Title}</a>
  1102. <a href="/ask">{text:Ask Title}</a>
  1103. {block:IfLink1}<a href="{text:Link 1 Url}">{text:Link 1 Title}</a>{/block:IfLink1}
  1104. {block:IfLink2}<a href="{text:Link 2 Url}">{text:Link 2 Title}</a>{/block:IfLink2}
  1105. {block:IfLink3}<a href="{text:Link 3 Url}">{text:Link 3 Title}</a>{/block:IfLink3}
  1106. {block:IfLink4}<a href="{text:Link 4 Url}">{text:Link 4 Title}</a>{/block:IfLink4}
  1107. </nav>
  1108.  
  1109. </aside>
  1110. </div>
  1111.  
  1112. <div class="content">
  1113.  
  1114. {block:Posts inlineMediaWidth="1280" inlineNestedMediaWidth="1280"}
  1115. <article class="entry {block:Photo}ph{/block:Photo}{block:Photoset}ph{/block:Photoset}" id="{PostID}" post-type="{PostType}">
  1116. <section class="post" id="{PostID}">
  1117. {block:Audio}
  1118. {block:AudioPlayer}
  1119. <div class="playbutton">{AudioPlayerGrey}</div>
  1120. {block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  1121. <div class="trackinfo">
  1122. <div class="trackname">
  1123. {block:TrackName}{TrackName}{/block:TrackName}
  1124. </div>
  1125. <div class="artist">
  1126. {block:Artist}{Artist}{/block:Artist}
  1127. </div>
  1128. <div class="album">
  1129. {block:Album}{Album}{/block:Album}
  1130. </div>
  1131. <div class="playcount">
  1132. {block:PlayCount}Played: {PlayCount} times{/block:PlayCount}
  1133. </div>
  1134. </div>
  1135. {/block:AudioPlayer}
  1136. {/block:Audio}
  1137.  
  1138. {block:Photo}
  1139. <div class="media" id="{PostID}">
  1140. <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}"></a>
  1141. </div>
  1142. {/block:Photo}
  1143.  
  1144. {block:Photoset}
  1145. <div class="media photoset" id="{PostID}">
  1146. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">
  1147.  
  1148. {block:Photos}
  1149. <div class="photo-data">
  1150. <div class="pxu-photo">
  1151. <img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div>
  1152. <a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>
  1153. {/block:Photos}
  1154. </div></div>
  1155. {/block:Photoset}
  1156.  
  1157. {block:Video}
  1158. <div class="media video" id="{PostID}">{Video-500}</div>
  1159. {/block:Video}
  1160.  
  1161. {block:Answer}
  1162. <div class="ask" id="{PostID}">
  1163. <div class="askimg"><img src="{AskerPortraitURL-40}" /></div>
  1164. <div class="question">{Asker} asked:
  1165. <br>{Question}
  1166. </div>
  1167. </div>
  1168. <div class="caption">{Answer}</div>
  1169. {/block:Answer}
  1170.  
  1171. {block:Chat}
  1172. {block:Title}
  1173. <h1>{Title}</h1>
  1174. {/block:Title}
  1175.  
  1176. <ul class="chat text">
  1177. {block:Lines}
  1178. <li class="line">
  1179. {block:Label}
  1180. <span class="label">{Label}&nbsp; </span>
  1181. {/block:Label}
  1182. {Line}</li>
  1183. {/block:Lines}</ul>
  1184. {/block:Chat}
  1185.  
  1186. {block:Link}
  1187. <h1>
  1188. <a href="{URL}">{Name}</a></h1>
  1189. {block:Description}
  1190. <div class="caption">{Description}</div>
  1191. {/block:Description}
  1192. {/block:Link}
  1193.  
  1194. {block:Quote}
  1195. <div class="quote" id="{PostID}">{Quote}</div>
  1196. {block:Source}
  1197. <div class="source">— {Source}</div>
  1198. {/block:Source}
  1199. {/block:Quote}
  1200.  
  1201. {block:Text}
  1202. {block:Title}
  1203. <h1>{Title}</h1>
  1204. {/block:Title}
  1205. {block:Body}
  1206. <div class="caption">{Body}</div>
  1207. {/block:Body}
  1208. {/block:Text}
  1209.  
  1210. {block:Caption}
  1211. <div class="caption" id="{PostID}">{Caption}</div>
  1212. {/block:Caption}
  1213.  
  1214. </section>
  1215.  
  1216. {block:Date}
  1217.  
  1218. <div class="postinfo">{block:IndexPage}<div class="icons"><i data-feather="clock"></i></div> <i><a href="{Permalink}" title="{timeago}">{DayOfMonthWithZero} {ShortMonth} {ShortYear}, {12Hour}:{Minutes}{AmPm}</a></i>
  1219.  
  1220. <span style="float:right;"><span class="controls"><a href="{ReblogURL}" target="_blank" class="reblog"><i data-feather="repeat"></i></a>
  1221.  
  1222. <a href="#" class="like">{LikeButton} <i data-feather="heart"></i></a></span></span>
  1223.  
  1224. {block:NoteCount}
  1225. <div class="icons"><i data-feather="message-circle"></i></div> <a href="{Permalink}" class="notecounts">{NoteCountWithLabel}</a>
  1226. {/block:NoteCount}
  1227.  
  1228.  
  1229. {block:HasTags}
  1230. <div class="tags">
  1231. {block:Tags}
  1232. <a href="{TagURL}">#{Tag}</a></i>
  1233. {/block:Tags}
  1234. </div>
  1235. {/block:HasTags}
  1236.  
  1237.  
  1238. {/block:IndexPage}
  1239.  
  1240. {block:PermalinkPage}<div class="permainfo">
  1241. <span style="line-height:1.8em">posted {timeago}</span>
  1242. with <span class="notecounts">{NoteCount}</span>
  1243. <br>
  1244. {block:RebloggedFrom}
  1245. <b>via:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a>
  1246. {block:ContentSource}&nbsp;
  1247. <b>source:</b> <a href="{ReblogRootURL}" "{ReblogRootName}">{ReblogRootName}</a>
  1248. {/block:ContentSource}
  1249. {/block:RebloggedFrom}
  1250. <div class="permatags">
  1251. {block:HasTags}
  1252. tagged as: {block:Tags}<a class="tag" href="{TagURL}">{Tag}</a></i>
  1253. {/block:Tags}
  1254. {/block:HasTags}</span>
  1255. {/block:PermalinkPage}
  1256. </div>
  1257. {/block:Date}
  1258.  
  1259. </article>
  1260.  
  1261. {block:PostNotes} {PostNotes} {/block:PostNotes} {/block:Posts} <!-- {block:ContentSource}{SourceURL}{/block:ContentSource}{block:RebloggedFrom}{ReblogRootURL}{ReblogParentURL}{/block:RebloggedFrom} --> </div>
  1262.  
  1263. {block:Pagination}
  1264. <div class="pagi">
  1265. {block:PreviousPage}
  1266. <a href="{PreviousPage}" title="previous page">previous</a> &nbsp; &nbsp;
  1267. {/block:PreviousPage}
  1268. {block:NextPage}
  1269. <a href="{NextPage}" title="next page">next</a>
  1270. {/block:NextPage}
  1271. </div>
  1272. {/block:Pagination}
  1273. </div>
  1274.  
  1275. <!-- SCRIPTS -->
  1276.  
  1277. <script src="//ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
  1278.  
  1279. <!--
  1280. NPF images fix v4.0 by @glenthemes [2023]
  1281. 💌 gitlab.com/glen-npf/v4-beta
  1282. --->
  1283. <link href="//glen-npf.gitlab.io/v4-beta/main.css" rel="stylesheet">
  1284. <script src="//glen-npf.gitlab.io/v4-beta/use.js"></script>
  1285. <style>
  1286. :root {
  1287. --NPF-Images-Spacing:1px;
  1288. --NPF-Caption-Spacing:1em;
  1289. --NPF-Move-1st-Photoset:"yes";
  1290. --Text-Container-Selector:".caption";
  1291. --Text-Reblogs-Selector:".tumblr_parent";
  1292. }
  1293. </style>
  1294.  
  1295.  
  1296. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.1/SmoothScroll.min.js"></script>
  1297.  
  1298. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  1299.  
  1300. <script src="https://static.tumblr.com/wgg6svp/I8Yobwo15/unnest.min.js"></script>
  1301.  
  1302. <script> $('article').unnest({ yourCaption: ".caption", wrapName: ".caps", newCaptionUsername: true, originalPostCaptionUsername: false, tumblrAvatars: false, tumblrAvatarClass: ".ic", usernameColon: false }); </script>
  1303.  
  1304. <script src="//static.tumblr.com/fwgzvyf/l6jnyutne/shythemes.vr.js"></script>
  1305.  
  1306. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  1307.  
  1308. <script src="https://static.tumblr.com/yxfeliq/hHwojmt8m/bctphotoset.min.js"></script>
  1309.  
  1310. <script> $(document).ready(function(){ $('.photo-slideshow').pxuPhotoset({ lightbox: true, rounded: 'corners', gutter: '4px', borderRadius: '0px', photoset: '.photo-slideshow', photoWrap: '.photo-data', photo: '.pxu-photo' }); }); </script>
  1311.  
  1312. <script> var $container = $('.content'); $container.find('.notecounts').each(function(){ var n = $(this).html().split(' ')[0].replace(/,/g, ''); if (n > 999) { n = Math.floor(n / 100) / 10; $(this).text(n + 'k notes');} else if (n > 1 && n <= 999) {$(this).text(n + ' notes');} else if (n <= 0) {$(this).text(n + ' notes');} else {$(this).text(n + ' note');} }); </script>
  1313.  
  1314. <script>
  1315. feather.replace()
  1316. </script>
  1317.  
  1318. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!