API tools faq
paste
nea

gone

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