API tools faq
paste
Advertisement
cvndythemes

untitled

cvndythemes
Oct 20th, 2020
74
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 32.74 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <title>{Title}</title>
  5. <link rel="shortcut icon" href="{Favicon}">
  6. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  7.  
  8. <!--
  9.  
  10. >> ETHEREAL THEMES // LUNA - PERSONAL THEME
  11.  
  12. Designed by Ethereal Themes
  13. ethereal-themes.tumblr.com
  14. ⓒ 2016 - 2020
  15.  
  16. >> TERMS OF USE
  17.  
  18. Do NOT remove the credit
  19. Do NOT claim as your own
  20.  
  21. *You can move the credit, but leave it visible
  22. *Edit as much as you'd like
  23. *Feel free to ask about basic customization
  24. *Page suggestions always welcomed
  25.  
  26. >> CREDITS
  27.  
  28. Sidebar (c) Annie Spratt / @anniespratt via unsplash
  29. Fonts by Google Fonts
  30. Icons by Jam Icons @ jam-icons.com
  31. Tumblr controls styling by cyantists @ cyantists.tumblr.com
  32. PXU Photosets and Unnest docs by chloethemes @ bychloethemes.tumblr.com
  33.  
  34. ***Please read the themenotes that came with this theme to view full theme notes!
  35.  
  36.  
  37. -->
  38.  
  39.  
  40. <!-- COLORS -->
  41. <meta name="color:Background" content="#efefef" />
  42. <meta name="color:Text" content="#000000" />
  43. <meta name="color:Links" content="#929292" />
  44. <meta name="color:Accent" content="#b8aad6" />
  45. <meta name="color:Borders" content="#efefef" />
  46.  
  47. <meta name="color:Sidebar Text" content="#000000" />
  48. <meta name="color:Sidebar Background" content="#ffffff" />
  49.  
  50. <meta name="color:Content" content="#ffffff" />
  51.  
  52. <meta name="color:Pagination Icons" content="#ffffff" />
  53. <meta name="color:Pagination Background" content="#b8aad6" />
  54.  
  55.  
  56. <!-- IMAGES -->
  57. <meta name="image:Sidebar" content="https://placehold.it/400X200"/>
  58. <meta name="image:Blog Avatar" content="https://placehold.it/50X50"/>
  59.  
  60.  
  61. <!-- TEXT -->
  62. <meta name="text:Link One" content="Link"/>
  63. <meta name="text:Link One URL" content="https://"/>
  64. <meta name="text:Link Two" content="Link"/>
  65. <meta name="text:Link Two URL" content="https://"/>
  66. <meta name="text:Link Three" content="Link"/>
  67. <meta name="text:Link Three URL" content="https://"/>
  68. <meta name="text:Link Four" content="Link"/>
  69. <meta name="text:Link Four URL" content="https://"/>
  70. <meta name="text:Link Five" content="Link"/>
  71. <meta name="text:Link Five URL" content="https://"/>
  72. <meta name="text:Link Six" content="Link"/>
  73. <meta name="text:Link Six URL" content="https://"/>
  74.  
  75. <meta name="text:Extra Social Media Title" content="Extra Social Media Title"/>
  76. <meta name="text:Extra Social Media URL" content="https://"/>
  77. <meta name="text:Extra Social Media Icon" content="spotify"/>
  78.  
  79.  
  80. <!-- IF -->
  81. <meta name="if:Invert Tumblr Controls" content="0"/>
  82.  
  83. <meta name="if:Sidebar Titles" content="1"/>
  84. <meta name="if:Sidebar Image" content="1"/>
  85. <meta name="if:Sidebar Social Media" content="1"/>
  86.  
  87. <meta name="if:Twitter Link" content="1"/>
  88. <meta name="if:Facebook Link" content="1"/>
  89. <meta name="if:Youtube Link" content="1"/>
  90. <meta name="if:Pinterest Link" content="1"/>
  91. <meta name="if:Weheartit Link" content="1"/>
  92. <meta name="if:Extra Social Link" content="1"/>
  93.  
  94. <!-- SELECT -->
  95.  
  96. <meta name="select:Font Family" content="Nunito" content="Nunito" title="Nunito">
  97. <meta name="select:Font Family" content="Open Sans" content="Open Sans" title="Open Sans">
  98. <meta name="select:Font Family" content="Poppins" content="Poppins" title="Poppins">
  99. <meta name="select:Font Family" content="Roboto" content="Roboto" title="Roboto">
  100.  
  101. <meta name="select:Font Size" content="10pt" title="Default">
  102. <meta name="select:Font Size" content="9pt" title="Small">
  103. <meta name="select:Font Size" content="10.5pt" title="Medium">
  104. <meta name="select:Font Size" content="11pt" title="Large">
  105.  
  106. <meta name="select:Lightbox" content="0,0,0," title="Black">
  107. <meta name="select:Lightbox" content="255,255,255," title="White">
  108.  
  109. <meta name="select:Post Size" content="310px" title="350">
  110. <meta name="select:Post Size" content="360px" title="400">
  111. <meta name="select:Post Size" content="410px" title="450">
  112. <meta name="select:Post Size" content="460px" title="500">
  113. <meta name="select:Post Size" content="500px" title="540">
  114.  
  115. <meta name="select:Post Spacing" content="50px" title="Small">
  116. <meta name="select:Post Spacing" content="75px" title="Medium">
  117. <meta name="select:Post Spacing" content="100px" title="Large">
  118.  
  119.  
  120. <!-- SCRIPTS -->
  121. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
  122.  
  123. <!-- TIPPY JS -->
  124. <script src="https://unpkg.com/popper.js@1"></script>
  125. <script src="https://unpkg.com/tippy.js@5"></script>
  126. <script>
  127. $(document).ready(function(){
  128. tippy('[title]', {
  129. arrow: false,
  130. placement: 'top',
  131. delay: 5,
  132. distance: 10,
  133. maxWidth: 300,
  134.  
  135. followCursor: true,
  136. allowHTML: true,
  137. theme: 'custom',
  138. ignoreAttributes: true,
  139. content(reference) {
  140. const title = reference.getAttribute('title');
  141. reference.removeAttribute('title');
  142. return title;
  143. },
  144. });
  145. });
  146. </script>
  147.  
  148. <link rel="stylesheet" href="https://unpkg.com/jam-icons/css/jam.min.css">
  149.  
  150. <link href="https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,400;0,700;1,400;1,700&family=Open+Sans:ital,wght@0,400;0,700;1,400;1,700&family=Poppins:ital,wght@0,300;0,700;1,300;1,700&family=Roboto:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet">
  151.  
  152.  
  153. <!-- STYLESHEET-->
  154. <style type="text/css">
  155.  
  156. /* --- TUMBLR TOOLS --- */
  157.  
  158. iframe.tmblr-iframe {
  159. top:10px!important;
  160. right:5!important;
  161. opacity:1;
  162. z-index:15!important;
  163. transform:scale(0.75);
  164. transform-origin:100% 0;
  165. -webkit-transform:scale(0.75);
  166. -webkit-transform-origin:100% 0;
  167. -o-transform:scale(0.75);
  168. -o-transform-origin:100% 0;
  169. -moz-transform:scale(0.75);
  170. -moz-transform-origin:100% 0;
  171. -ms-transform:scale(0.75);
  172. -ms-transform-origin:100% 0;
  173. transition:0.2s ease-in-out;
  174. -webkit-transition:0.2s ease-in-out;
  175. -moz-transition:0.2s ease-in-out;
  176. {block:IfInvertTumblrControls}
  177. filter:invert(1);
  178. -webkit-filter:invert(1);
  179. -o-filter:invert(1);
  180. -moz-filter:invert(1);
  181. -ms-filter:invert(1);
  182. {/block:IfInvertTumblrControls}
  183. }
  184.  
  185. /* --- SELECTION ---*/
  186.  
  187. ::-moz-selection {color:{color:Content};background:{color:Accent};opacity:1;}
  188.  
  189. ::selection {color:{color:Content};background:{color:Accent};opacity:1;}
  190.  
  191. /* --- SCROLLBAR ---*/
  192.  
  193. ::-webkit-scrollbar {margin:0px;border:0px;width:0px;}
  194.  
  195. ::-webkit-scrollbar-track {margin:0px;border:0px;width:0px;}
  196.  
  197. ::-webkit-scrollbar-thumb {margin:0px;border:0px;width:0px;}
  198.  
  199. /* --- Tooltips ---*/
  200.  
  201. .tippy-tooltip.custom-theme {
  202. $tooltipBg: {color:Links};
  203. background-color: {color:Links};
  204. color:{color:Content};
  205. font-size:8pt;
  206. text-transform:lowercase;
  207. border-radius:3px;
  208. margin:-40px 0px 0px 50px;
  209. }
  210.  
  211. .tippy-content {padding:5px 6px 3px 5px!important;}
  212.  
  213. /* --- BODY --- */
  214.  
  215. body {
  216. margin: 0px;
  217. padding: 0px;
  218. font-family: '{select:Font Family}', sans-serif;
  219. color:{color:Text};
  220. font-size:{select:Font Size};
  221. line-height:145%;
  222. font-weight:normal;
  223. word-wrap:normal;
  224. text-align:left;
  225. background-color:{color:Background};
  226. }
  227.  
  228. i, em {font-style:italic;font-weight:400;color:{color:Text};}
  229. b {font-weight:700;color:{color:Text};}
  230.  
  231. a {color:{color:Links};border:0px;text-decoration:none;cursor:help;transition:0.2s ease-in-out;-webkit-transition:0.2s ease-in-out;-moz-transition:0.2s ease-in-out;font-weight:400;}
  232.  
  233. hr.divider, hr, hr.separator {
  234. display:block;
  235. margin-top:0.5em;
  236. margin-bottom:0.5em;
  237. margin-left:auto;
  238. margin-right:auto;
  239. border-style:inset;
  240. border-color:{color:Links};
  241. border-bottom:1px;
  242. }
  243.  
  244. pre {
  245. white-space:pre-wrap;
  246. white-space:-moz-pre-wrap;
  247. white-space:-pre-wrap;
  248. white-space:-o-pre-wrap;
  249. word-wrap:break-word;
  250. padding:3px 6px;
  251. color:{color:Content};
  252. background:{color:Links};
  253. }
  254.  
  255. .et {
  256. position:fixed;
  257. height:20px;
  258. width:20px;
  259. line-height:22px;
  260. right:20px;
  261. bottom:10px;
  262. opacity:0.8;
  263. text-align:center;
  264. font-size:6pt;
  265. background:{color:Content};
  266. border-radius:50%;
  267. z-index:10;
  268. }
  269.  
  270. .et a {text-transform:uppercase;color:{color:Text};}
  271.  
  272. /* --- SIDEBAR --- */
  273.  
  274. .sidebar {
  275. position:fixed;
  276. top:0px;
  277. left:0px;
  278. height:100%;
  279. display:table;
  280. width:400px;
  281. padding:20px 30px;
  282. color:{color:Sidebar Text};
  283. background:{color:Sidebar Background};
  284.  
  285. }
  286.  
  287. .side {
  288. position:relative;
  289. display:table-cell;
  290. vertical-align:middle;
  291. width:400px;
  292. }
  293.  
  294. .side img {max-width:400px;max-height:200px;margin:25px 0px 0px 0px;}
  295.  
  296. .titles {display:inline-block;vertical-align:middle;}
  297.  
  298. .titles h1 {
  299. display:inline-block;
  300. text-transform:lowercase;
  301. color:{color:Accent};
  302. vertical-align:middle;
  303. font-size:calc({select:Font Size} + 1pt);
  304. font-weight:700;
  305. margin:0px 0px 0px 0px;
  306. }
  307.  
  308. .titles h2 {
  309. display:inline-block;
  310. text-transform:lowercase;
  311. color:{color:Text};
  312. vertical-align:middle;
  313. font-size:{select:Font Size};
  314. font-weight:400;
  315. margin:0px 0px 0px 0px;
  316. }
  317.  
  318. .side_avatar {display:inline-block;margin-right:20px;vertical-align:middle;}
  319.  
  320. .side_avatar img {
  321. display:inline-block;
  322. height:50px;
  323. height:50px;
  324. border-radius:50%;
  325. margin:0px;
  326. }
  327.  
  328. .navigation {margin:20px 0px 0px 0px;text-align:center;}
  329.  
  330. .navigation a {text-transform:lowercase;margin:0px 3px;font-weight:700;}
  331.  
  332. .navigation a:hover {opacity:0.7;}
  333.  
  334. .description {
  335. max-height:155px;
  336. margin:20px 0px 25px 0px;
  337. overflow-y:scroll;
  338. }
  339.  
  340. .socials {margin:0px;text-align:center;}
  341.  
  342. .socials span {
  343. color:{color:Accent};
  344. font-size:calc({select:Font Size} + 5pt);
  345. margin:0px 10px;
  346. }
  347.  
  348. .socials span:hover {opacity:0.7;}
  349.  
  350. /* --- POSTS CONTAINER --- */
  351.  
  352. .container {
  353. position:absolute;
  354. top:0px;
  355. left:460px;
  356. width:calc(100% - 460px - 40px);
  357. z-index:4;
  358. }
  359.  
  360. /* --- POSTS --- */
  361.  
  362. .content {
  363. margin:0 auto;
  364. width:calc({select:Post Size} + 40px);
  365. margin-top:55px;
  366. }
  367.  
  368. .iposts_cont {margin-bottom:{select:Post Spacing};}
  369.  
  370. .posts {padding:0px 20px 0px 20px;background:{color:Content};}
  371.  
  372. {block:AskPage}.posts {padding:0px 20px 20px 20px;}{/block:AskPage}
  373.  
  374. {block:SubmitPage}.posts {padding:0px 20px 20px 20px;}{/block:SubmitPage}
  375.  
  376. .posts a {color:{color:Links};text-decoration:none;font-weight:700;}
  377.  
  378. .ipostpxu {margin-top:0px;}
  379.  
  380. .ipostphoto {margin:0px 0px 0px 0px!important;}
  381.  
  382. .ipostpxu, .ipostphoto {position:relative;left:-20px;width:calc({select:Post Size} + 40px);}
  383.  
  384. .ipostpxu {margin:0px 0px 0px 0px;}
  385.  
  386. .ipostphoto {margin-bottom:-5px!important;padding-bottom:0px;}
  387.  
  388. .stphoto img {max-width:100%;}
  389.  
  390. iframe, img, embed, object, video {max-width:100%;}
  391.  
  392. iframe {margin:0px;}
  393.  
  394. iframe.tumblr_audio_player {margin:0px 0px;!important}
  395.  
  396. .textpost img {max-width:100%;height:auto;}
  397.  
  398. img {border:0;max-width:100%;height:auto}
  399.  
  400. .video {overflow:hidden;position:relative;left:-20px;width:calc({select:Post Size} + 40px);height:auto;margin:0px 0px 0px 0px!important;}
  401.  
  402. .vine-embed, #youtube_iframe {width:calc({select:Post Size} + 40px);}
  403.  
  404. .instagram-media {border-radius:0!important;box-shadow:none!important;}
  405. .video {padding-bottom:1px;}
  406. .video {padding:1px;}
  407.  
  408. .read_more_container {margin:5px 0px -15px 0px;}
  409.  
  410. /* --- UNNEST STYLING --- */
  411.  
  412. .caption {
  413. width:calc({select:Post Size} + 40px);
  414. padding:0px;
  415. text-align:left;
  416. text-align-last:left;
  417. margin-top:0px;
  418. margin-left:-20px;
  419. }
  420.  
  421. .cap {margin-top:0px;}
  422.  
  423. .answer_container {
  424. text-align:left;
  425. padding-top:15px;
  426. padding-bottom:0px;
  427. padding-left:20px;
  428. padding-right:20px;
  429. margin-bottom:0px;
  430. border-bottom:1px solid {color:Borders};
  431. }
  432.  
  433. .comment_container {
  434. text-align:left;
  435. padding-top:20px;
  436. padding-bottom:10px;
  437. padding-left:20px;
  438. padding-right:20px;
  439. border-bottom:1px solid {color:Borders};
  440. }
  441.  
  442. .comment_container:last-of-type {border-bottom:0px;padding-bottom:0px;}
  443.  
  444. .commenter img {height:30px;width:30px;display:inline-block;margin:0px 4px 0px 0px;vertical-align:middle;border-radius:50%;}
  445.  
  446. .commenter img:hover {opacity:1!important;}
  447.  
  448. .commenter {color:{color:Links};margin:0px;}
  449.  
  450. .commenter a, .commenter span {color:{color:Links};height:30px;font-weight:700!important;font-size:{select:Font Size};margin:0px;}
  451.  
  452. /* --- POST INFO --- */
  453.  
  454. .postinfo {
  455. position:relative;
  456. left:-20px;
  457. width:{select:Post Size};
  458. padding:20px 20px 10px 20px;
  459. margin-top:20px;
  460. background:{color:Content};
  461. border-top:1px solid {color:Borders};
  462. }
  463.  
  464. .postinfo a {color:{color:Links};text-align:left;}
  465.  
  466. /* --- POST CONTROL --- */
  467.  
  468. .postcontrol {
  469. position:relative;
  470. top:-9px;
  471. display:inline-block;
  472. color:{color:Text};
  473. float:right;
  474. margin:0px;
  475. }
  476.  
  477. .postcontrol span {color:{color:Text};}
  478.  
  479. .postcontrol a {display:inline-block;margin:0px;}
  480.  
  481. .reblog {position:relative;top:10px;font-size:{select:Font Size};left:0px;}
  482.  
  483. .postcontrol .like .liked + span {color:{color:Text};opacity:1;}
  484.  
  485. .like {position:relative;top:11px;}
  486.  
  487. .like span {
  488. color:{color:Text};
  489. font-size:calc({select:Font Size} + 1pt);
  490. transition:0.2s ease-in-out;
  491. -webkit-transition:0.2s ease-in-out;
  492. -moz-transition:0.2s ease-in-out;
  493. }
  494.  
  495. .postcontrol .like .liked + span {color:{color:Accent};}
  496.  
  497. .postcontrol .like .like_button {position:relative;}
  498.  
  499. .postcontrol .like .like_button iframe {
  500. position:absolute;
  501. top:0;
  502. left:0;
  503. bottom:0;
  504. right:0;
  505. z-index:2;
  506. opacity:0.000001;
  507. }
  508.  
  509. /* --- POST TAGS --- */
  510.  
  511. .posttags {padding:0px 0px 20px 0px;color:{color:Links};}
  512.  
  513. .posttags a {
  514. text-transform:lowercase;
  515. font-weight:400;
  516. color:{color:Links};
  517. margin:0px 6px 0px 0px;
  518. }
  519.  
  520. .posttags a:hover {opacity:0.7;}
  521.  
  522. /* --- QUESTION --- */
  523.  
  524. .questionpost {
  525. width:{select:Post Size};
  526. padding:20px;
  527. text-align:left;
  528. text-align-last:left;
  529. margin-left:-20px;
  530. border-bottom:1px solid {color:Borders};
  531. background:{color:Accent};
  532. }
  533.  
  534. .asked, .asked a {color:{color:Content};height:30px;font-weight:700!important;font-size:{select:Font Size};text-transform:lowercase;}
  535.  
  536. .asked img {
  537. height:30px;
  538. width:30px;
  539. vertical-align:middle;
  540. margin:0px 10px 0px 0px;
  541. border-radius:50%;
  542. }
  543.  
  544. .question {padding:10px 0px 0px 0px;text-align:left;color:{color:Content};}
  545.  
  546. .caption_ans {
  547. padding:20px 0px 0px 0px;
  548. text-align:left;
  549. text-align-last:left;
  550. }
  551.  
  552. .answerer img {height:30px;width:30px;display:inline-block;margin:0px 4px 0px 0px;vertical-align:middle;border-radius:50%;}
  553.  
  554. .answerer {color:{color:Links};margin:0px;padding:0px;}
  555.  
  556. .answerer a {margin:0px;}
  557.  
  558. .answerer {color:{color:Links};height:30px;font-weight:700!important;font-size:{select:Font Size};}
  559.  
  560. /* --- POST TITLES --- */
  561.  
  562. .content h1 {
  563. position:relative;
  564. left:-20px;
  565. width:{select:Post Size};
  566. text-align:left;
  567. font-style:normal;
  568. color:{color:Text};
  569. font-size:calc({select:Font Size} + 4pt);
  570. text-decoration:none;
  571. line-height:calc({select:Font Size} + 5pt);
  572. margin:0px 0px 10px 0px;
  573. font-weight:400;
  574. padding:20px;
  575. color:{color:Content};
  576. background:{color:Accent};
  577. }
  578.  
  579. {block:AskPage}.content h1 {margin-bottom:20px;}{/block:AskPage}
  580.  
  581. {block:SubmitPage}.content h1 {margin-bottom:20px;}{/block:SubmitPage}
  582.  
  583. h2 {
  584. text-align:left;
  585. font-style:normal;
  586. color:{color:Text};
  587. font-size:calc({select:Font Size} + 4pt);
  588. text-decoration:none;
  589. line-height:calc({select:Font Size} + 5pt);
  590. margin:15px 0px 10px 0px;
  591. font-weight:400;
  592. }
  593.  
  594. /* --- LINKS --- */
  595.  
  596. h3 {
  597. position:relative;
  598. left:-20px;
  599. width:{select:Post Size};
  600. text-align:left;
  601. font-style:normal;
  602. color:{color:Text};
  603. font-size:calc({select:Font Size} + 4pt);
  604. text-decoration:none;
  605. line-height:calc({select:Font Size} + 5pt);
  606. padding:20px;
  607. font-weight:400;
  608. color:{color:Content};
  609. background:{color:Accent};
  610. }
  611.  
  612. .linkpost {margin-bottom:-20px;}
  613.  
  614. .linkpost i {color:{color:Text};}
  615.  
  616. .linkpost a {opacity:1.0!important;}
  617.  
  618. .linkpost span {position:relative;top:1.5px;color:{color:Content};margin-right:5px;}
  619.  
  620. /* --- QUOTES --- */
  621.  
  622. h4 {
  623. text-align:center;
  624. font-style:normal;
  625. color:{color:Text};
  626. font-size:calc({select:Font Size} + 4pt);
  627. text-decoration:none;
  628. line-height:calc({select:Font Size} + 5pt);
  629. margin:0px 0px 15px 0px;
  630. font-weight:400;
  631. }
  632.  
  633. .quotepost {font-weight:400!important;padding-top:20px;padding-bottom:0px;}
  634.  
  635. .quotepost b {font-weight:700!important;margin:0px 0px 0px 5px;color:{color:Accent}!important;}
  636.  
  637. /* --- BLOCKQUOTE --- */
  638.  
  639. blockquote {
  640. color:{color:Text};
  641. border-left:3px solid {color:Accent};
  642. margin-left:0px;
  643. padding-left:15px;
  644. text-align:left;
  645. }
  646.  
  647. blockquote img {max-width:100%;display:block;margin-bottom:5px;}
  648.  
  649. /* --- LISTS --- */
  650.  
  651. ol, ul {list-style-type:none;margin:10px 0px 10px -30px;}
  652.  
  653. ol li, ul li {margin-bottom:5px;}
  654.  
  655. ol li:last-of-type, ul li:last-of-type {margin-bottom:0px;}
  656.  
  657. ol li:before {top:-0.5px;content:'—';}
  658.  
  659. ul li:before {top:1px;content:'‣';font-size:calc({select:Font Size} + 5pt);}
  660.  
  661. ol li:before, ul li:before {position:relative;left:0px;margin:0px 5px 0px 0px;color:{color:Accent};}
  662.  
  663. /* --- CHAT POSTS --- */
  664.  
  665. .chat {text-align:left;}
  666.  
  667. .user_1 .label, .user_3 .label, .user_5 .label, .user_7 .label {display:inline-block;font-weight:700;color:{color:Content};}
  668.  
  669. .user_2 .label, .user_4 .label, .user_6 .label, .user_8 .label {display:inline-block;font-weight:700;}
  670.  
  671. .label {color:{color:Text};padding:0px 3px 0px 0px;}
  672.  
  673. ul.chat {margin:0px;padding:0px;width:calc({select:Post Size} + 40px);margin-bottom:-15px;}
  674.  
  675. .chat li {list-style-type:none;margin:0px;padding:20px 10px;}
  676.  
  677. .chat li:nth-child(odd) {background:{color:Accent};color:{color:Content};}
  678.  
  679. .chat li::before {display:none;}
  680.  
  681. /* --- AUDIO POSTS --- */
  682.  
  683. .audio {
  684. height:100px;
  685. width:calc({select:Post Size} + 40px);
  686. padding:0px;
  687. margin-left:-20px;}
  688.  
  689. .button {
  690. position:relative;
  691. width:30px;
  692. height:30px;
  693. overflow:hidden;
  694. margin:8px 7px 6px 5px;
  695. z-index:5;
  696. }
  697.  
  698. .audiobox {
  699. float:left;
  700. position:absolute;
  701. display:inline-block;
  702. margin:-77px 0px 0px 31px;
  703. border-radius:50%;
  704. background:#f2f2f2;
  705. z-index:6;
  706. }
  707.  
  708. .audioinfo {
  709. position:relative;
  710. top:-100px;
  711. left:100px;
  712. height:78px;
  713. padding:22px 0px 0px 20px;
  714. width:calc({select:Post Size} - 80px);
  715. display:inline-block;
  716. text-align:left;
  717. color:{color:Content};
  718. background:{color:Accent};
  719. }
  720.  
  721. .audioinfo b {color:{color:Content};}
  722.  
  723. .audioinfo h4 {font-size:calc({select:Font Size} + 1pt);font-weight:400;color:{color:Content};}
  724.  
  725. .albumart {text-align:left;}
  726.  
  727. .albumart img {height:100px;width:100px;}
  728.  
  729. .spotify_audio_player {height:80px!important;}
  730.  
  731. /* --- PAGINATION --- */
  732.  
  733. .pagination {
  734. position:fixed;
  735. top:0px;
  736. right:0px;
  737. height:100%;
  738. padding:0px 30px;
  739. z-index:2;
  740. }
  741.  
  742. .pages {
  743. position:fixed;
  744. bottom:60px;
  745. right:15px;
  746. }
  747.  
  748. .pages_prev span {
  749. display:block;
  750. height:22px;
  751. width:22px;
  752. line-height:20px;
  753. padding:5px;
  754. text-align:left;
  755. font-size:14pt;
  756. margin:0px;
  757. color:{color:Pagination Icons};
  758. border-radius:50%;
  759. background:{color:Pagination Background};
  760. }
  761.  
  762. .pages_next span {
  763. display:block;
  764. height:22px;
  765. width:22px;
  766. line-height:20px;
  767. padding:5px;
  768. text-align:center;
  769. font-size:14pt;
  770. margin:30px 0px 0px 0px;
  771. color:{color:Pagination Icons};
  772. border-radius:50%;
  773. background:{color:Pagination Background};
  774. }
  775.  
  776. /* --- LIGHTBOXES ---*/
  777.  
  778. .vignette, #vignette {opacity:0;}
  779.  
  780. .lightbox-image, #tumblr_lightbox img {box-shadow:none !important;border-radius:0 !important;max-width:none;-moz-box-sizing:border-box;box-sizing:border-box;}
  781.  
  782. .tmblr-lightbox, #tumblr_lightbox {background-color:rgba({select:Lightbox}.90) !important;}
  783.  
  784. .lightbox-caption, #tumblr_lightbox_caption {visibility:hidden;}
  785.  
  786. /* ---PERMALINK NOTES --- */
  787.  
  788. ol.notes {
  789. padding:20px;
  790. margin:0px 0px 25px 0px;
  791. list-style-type:none;
  792. border-bottom:solid 0px;
  793. border-top:solid 1px {color:Borders};
  794. background:{color:Content};
  795. text-align:left!important;
  796. font-size:{select:Font Size};
  797. width:{select:Post Size};
  798. }
  799.  
  800. ol.notes li:before {content:'';}
  801.  
  802. ol.notes a {font-size:{select:Font Size};color:{color:Links};}
  803. ol.notes a:hover {font-size:{select:Font Size};color:{color:Links};}
  804.  
  805. ol.notes li.note {display:block;list-style-type:none!important;}
  806.  
  807. ol.notes li.note img.avatar {
  808. vertical-align:middle;
  809. margin-right:10px;
  810. position:relative;
  811. top:-2px;
  812. width:20px;
  813. height:20px;
  814. display:inline-block;
  815. text-align:left!important;
  816. }
  817.  
  818. ol.notes li.note span.action {font-weight: normal;}
  819.  
  820. ol.notes li.note .answer_content {font-weight: normal;}
  821.  
  822. ol.notes li.note blockquote {border-color:{color:Accent};padding: 4px 10px;margin:10px 0px 0px 10px;}
  823.  
  824. ol.notes li.note blockquote a {font-size:{select:Font Size};text-decoration: none;}
  825.  
  826. ol.notes li {padding:10px 0px 10px 0px;text-align:left!important;}
  827.  
  828. ol.notes li:first-of-type {padding:0px 0px 10px 0px;}
  829.  
  830. ol.notes li:last-of-type {padding:10px 0px 0px 0px;}
  831.  
  832. a.more_notes_link, .more_notes_link a {font-weight:700;}
  833.  
  834. {Custom CSS}
  835. </style>
  836. <body>
  837.  
  838.  
  839.  
  840. <!-- DO NOT EDIT -->
  841. <div class="et"><a href="https://ethereal-themes.tumblr.com">et</a></div>
  842.  
  843.  
  844.  
  845.  
  846.  
  847. <!--------- START SIDEBAR --------->
  848. <div class="sidebar"><div class="side">
  849.  
  850. {block:IfSidebarTitles}
  851. <div class="side_avatar"><img src="{image:Blog Avatar}" /></div>
  852.  
  853. <div class="titles"><h1>{Name}</h1> <br> <h2>{Title}</h2></div>
  854. {/block:IfSidebarTitles}
  855.  
  856. {block:IfSidebarImage}
  857. <img src="{image:Sidebar}" />
  858. {/block:IfSidebarImage}
  859.  
  860. <div class="navigation">
  861. <a href="/">home</a>
  862. <a href="/ask">ask</a>
  863. <a href="{text:Link One URL}">{text:Link One Title}</a>
  864. <a href="{text:Link Two URL}">{text:Link Two}</a>
  865. <a href="{text:Link Three URL}">{text:Link Three}</a>
  866. <a href="{text:Link Four URL}">{text:Link Four}</a>
  867. <a href="{text:Link Five URL}">{text:Link Five}</a>
  868. <a href="{text:Link Six URL}">{text:Link Six}</a>
  869. </div>
  870.  
  871. <div class="description">{Description}</div>
  872.  
  873. {block:IfSidebarSocialMedia}
  874. <div class="socials">
  875.  
  876. {block:IfTwitterLink}<a title="twitter" href="#"><span class="jam jam-twitter"></span></a>{/block:IfTwitterLink}
  877.  
  878. {block:IfFacebookLink}<a title="facebook" href="#"><span class="jam jam-facebook"></span></a>{/block:IfFacebookLink}
  879.  
  880. {block:IfYoutubeLink}<a title="youtube" href="#"><span class="jam jam-youtube"></span></a>{/block:IfYoutubeLink}
  881.  
  882. {block:IfPinterestLink}<a title="pinterest" href="#"><span class="jam jam-pinterest"></span></a>{/block:IfPinterestLink}
  883.  
  884. {block:IfWeheartitLink}<a title="weheartit" href="#"><span class="jam jam-heart-f"></span></a>{/block:IfWeheartitLink}
  885.  
  886. {block:IfExtraSocialLink}<a title="{text:Extra Social Media Title}" href="{text:Extra Social Media URL}"><span class="jam jam-{text:Extra Social Media Icon}"></span></a>{/block:IfExtraSocialLink}
  887.  
  888.  
  889. </div>
  890. {/block:IfSidebarSocialMedia}
  891.  
  892. </div></div>
  893. <!--------- END SIDEBAR --------->
  894.  
  895.  
  896.  
  897.  
  898.  
  899.  
  900.  
  901.  
  902.  
  903. <!--------- START POSTS CONTAINER --------->
  904. <div class="container">
  905.  
  906.  
  907.  
  908. <!----------------- START POSTS -->
  909. <div class="content">
  910. {block:Posts}
  911.  
  912. <!-- Start Individual Posts -->
  913. <div class="iposts_cont" id="{PostID}">
  914.  
  915. <div class="posts">
  916.  
  917. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}
  918. {block:NotReblog}{Body}<br>{/block:NotReblog}
  919. <div class="cap"><div class="caption">
  920. {block:RebloggedFrom}{block:Reblogs}
  921. <div class="comment_container"><div class="commenter"><span>{block:HasPermalink}<a href="{Permalink}">{/block:HasPermalink} <img src="{PortraitURL-64}"> {Username}{block:HasPermalink}</a>{/block:HasPermalink}</span></div>
  922. <div class="comment">{Body}</div></div>
  923. {/block:Reblogs}{/block:RebloggedFrom}
  924. </div></div>
  925. {/block:Text}
  926.  
  927. {block:Link}
  928. <div class="linkpost">
  929. <a href="{URL}"><h3><span class="jam jam-link"></span> {Name}</h3></a></div>
  930. {block:NotReblog}{block:Description}{Description}{/block:Description}{/block:NotReblog}
  931. <div class="caption">
  932. {block:RebloggedFrom}{block:Reblogs}
  933. <div class="comment_container"><div class="commenter"><span>{block:HasPermalink}<a href="{Permalink}">{/block:HasPermalink} <img src="{PortraitURL-64}"> {Username}{block:HasPermalink}</a>{/block:HasPermalink}</span></div>
  934. <div class="comment">{Body}</div></div>
  935. {/block:Reblogs}{/block:RebloggedFrom}
  936. </div>
  937. {/block:Link}
  938.  
  939. {block:Quote}<div class="quotepost"><h4>“{Quote}”</h4><center>{Source}</center></div>{block:Caption}
  940. <div class="caption">
  941. {block:NotReblog}{Caption}{/block:NotReblog}
  942. {block:RebloggedFrom}{block:Reblogs}
  943. <div class="comment_container"><div class="commenter"><span>{block:HasPermalink}<a href="{Permalink}">{/block:HasPermalink} <img src="{PortraitURL-64}"> {Username}{block:HasPermalink}</a>{/block:HasPermalink}</span></div>
  944. <div class="comment">{Body}</div></div>
  945. {/block:Reblogs}{/block:RebloggedFrom}
  946. </div>
  947. {/block:Caption}{/block:Quote}
  948.  
  949. {block:Photo}<div class="ipostphoto"><center><img src="{PhotoURL-HighRes}"/></center></div>{block:Caption}
  950. <div class="caption">
  951. {block:NotReblog}{Caption}{/block:NotReblog}
  952. {block:RebloggedFrom}{block:Reblogs}
  953. <div class="comment_container"><div class="commenter"><span>{block:HasPermalink}<a href="{Permalink}">{/block:HasPermalink} <img src="{PortraitURL-64}"> {Username}{block:HasPermalink}</a>{/block:HasPermalink}</span></div>
  954. <div class="comment">{Body}</div></div>
  955. {/block:Reblogs}{/block:RebloggedFrom}
  956. </div>
  957. {/block:Caption}{/block:Photo}
  958.  
  959. {block:Photoset}<div class="ipostpxu"><center><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></center></div>
  960. {block:Caption}
  961. <div class="caption">
  962. {block:NotReblog}{Caption}{/block:NotReblog}
  963. {block:RebloggedFrom}{block:Reblogs}
  964. <div class="comment_container"><div class="commenter"><span>{block:HasPermalink}<a href="{Permalink}">{/block:HasPermalink} <img src="{PortraitURL-64}"> {Username}{block:HasPermalink}</a>{/block:HasPermalink}</span></div>
  965. <div class="comment">{Body}</div></div>
  966. {/block:Reblogs}{/block:RebloggedFrom}
  967. </div>
  968. {/block:Caption}{/block:Photoset}
  969.  
  970. {block:Chat}
  971. <div class="caption"><ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}{Line}</li>{/block:Lines}</ul></div>{block:Caption}
  972. <div class="caption">
  973. {block:NotReblog}{Caption}{/block:NotReblog}
  974. {block:RebloggedFrom}{block:Reblogs}
  975. <div class="comment_container"><div class="commenter"><span>{block:HasPermalink}<a href="{Permalink}">{/block:HasPermalink} <img src="{PortraitURL-64}"> {Username}{block:HasPermalink}</a>{/block:HasPermalink}</span></div>
  976. <div class="comment">{Body}</div></div>
  977. {/block:Reblogs}{/block:RebloggedFrom}
  978. </div>
  979. {/block:Caption}
  980. {/block:Chat}
  981.  
  982. {block:Video}
  983. <div class="video">{Video-500}</div>
  984. {block:NotReblog}{Caption}{/block:NotReblog}
  985.  
  986. {block:Caption}
  987. <div class="caption">
  988. {block:RebloggedFrom}{block:Reblogs}
  989. <div class="comment_container"><div class="commenter"><span>{block:HasPermalink}<a href="{Permalink}">{/block:HasPermalink} <img src="{PortraitURL-64}"> {Username}{block:HasPermalink}</a>{/block:HasPermalink}</span></div>
  990. <div class="comment">{Body}</div></div>
  991. {/block:Reblogs}{/block:RebloggedFrom}
  992. </div>
  993. {/block:Caption}{/block:Video}
  994.  
  995. {block:Answer}
  996. <div class="questionpost">
  997. <div class="asked"><img src="{AskerPortraitURL-64}" />{Asker} asked:</div><div class="question">{Question}</div>
  998. </div>
  999. {block:NotReblog}<div class="caption_ans"><span class="answerer"><img src="{PortraitURL-64}"> {Name} answered:</span> {Replies}</div>{/block:NotReblog}
  1000. {block:Answerer}
  1001. <div class="caption">
  1002. <div class="answer_container"><div class="commenter"><span> <img src="{AnswererPortraitURL-64}"> {Answerer} answered:</span></div>
  1003. <div class="comment">{Answer}</div></div>
  1004. </div>
  1005. {/block:Answerer}
  1006. {block:RebloggedFrom}{block:Reblogs}
  1007. <div class="caption">
  1008. <div class="comment_container"><div class="commenter"><span>{block:HasPermalink}<a href="{Permalink}">{/block:HasPermalink} <img src="{PortraitURL-64}"> {Username}{block:HasPermalink}</a>{/block:HasPermalink}</span></div>
  1009. <div class="comment">{Replies}</div></div>
  1010. </div>
  1011. {/block:Reblogs}{/block:RebloggedFrom}
  1012. {/block:Answer}
  1013.  
  1014.  
  1015. {block:Audio}
  1016. <div class="audio">{block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}" /></div>{/block:AlbumArt}<div class="audiobox"><div class="button">{block:AudioPlayer}{AudioPlayer}{/block:AudioPlayer}</div></div>
  1017. <div class="audioinfo">{block:Artist}<b>Artist:</b> {Artist}{/block:Artist}{block:TrackName}<br><b>Track:</b> {TrackName}{/block:TrackName}<br><b>Plays:</b> {PlayCount}</div>
  1018. </div>{block:NotReblog}{Caption}{/block:NotReblog}
  1019. {block:Caption}
  1020. <div class="caption">
  1021.  
  1022. {block:RebloggedFrom}{block:Reblogs}
  1023. <div class="comment_container"><div class="commenter"><span>{block:HasPermalink}<a href="{Permalink}">{/block:HasPermalink} <img src="{PortraitURL-64}"> {Username}{block:HasPermalink}</a>{/block:HasPermalink}</span></div>
  1024. <div class="comment">{Body}</div></div>
  1025. {/block:Reblogs}{/block:RebloggedFrom}
  1026. </div>
  1027. {/block:Caption}
  1028. {/block:Audio}
  1029.  
  1030.  
  1031.  
  1032.  
  1033.  
  1034. <!-- START POST INFO -->
  1035. {block:Date}
  1036. <div class="postinfo">
  1037.  
  1038. posted <a href="{Permalink}">{DayOfMonth} {Month}, {Year}</a> with <a href="{Permalink}">{NoteCountWithLabel}</a>
  1039.  
  1040. {block:IndexPage}
  1041. <div class="postcontrol">
  1042. <a href="{ReblogURL}" target="_blank" class="reblog"><span class="jam jam-refresh"></span></a>
  1043. <a href="#" class="like">{LikeButton}<span class="jam jam-heart-f"></span></a></a>
  1044. </div>
  1045. {/block:IndexPage}
  1046.  
  1047. {block:RebloggedFrom}<br>reblogged from <a title="{ReblogParentName}" href="{ReblogParentURL}">{ReblogParentName}</a>{block:PermalinkPage}{block:ContentSource} via <a title="{ReblogRootName}" href="{SourceURL}">{ReblogRootName}</a>{/block:ContentSource}{/block:PermalinkPage}{/block:RebloggedFrom}
  1048.  
  1049.  
  1050. </div>
  1051. {/block:Date}
  1052. <!-- END POST INFO -->
  1053.  
  1054.  
  1055.  
  1056.  
  1057. <!-- START POST TAGS -->
  1058. {block:HasTags}
  1059. <div class="posttags">
  1060. {block:Tags}#<a href="{TagURL}">{Tag}</a>{/block:Tags}
  1061. </div>
  1062. {/block:HasTags}
  1063. <!-- END POST TAGS -->
  1064.  
  1065.  
  1066.  
  1067.  
  1068. </div>
  1069.  
  1070.  
  1071.  
  1072. {block:PostNotes} {PostNotes} {/block:PostNotes}
  1073.  
  1074. </div>
  1075. <!-- End Individual Posts -->
  1076. {/block:Posts}
  1077. </div>
  1078. <!----------------- END POSTS -->
  1079.  
  1080.  
  1081.  
  1082.  
  1083. </div>
  1084. <!--------- END POSTS CONTAINER --------->
  1085.  
  1086.  
  1087.  
  1088.  
  1089.  
  1090. <!--------- START PAGINATION --------->
  1091. {block:IndexPage}
  1092. {block:Pagination}
  1093. <div class="pagination"><div class="pages">
  1094.  
  1095.  
  1096. {block:PreviousPage}<div class="pages_prev"><a href="{PreviousPage}"><span class="jam jam-chevron-left"></span></a></div>{/block:PreviousPage}
  1097.  
  1098. {block:NextPage}<div class="pages_next"><a href="{NextPage}"><span class="jam jam-chevron-right"></span></a></div>{/block:NextPage}
  1099. </div></div>
  1100. {/block:Pagination}
  1101. {/block:IndexPage}
  1102. <!---------END PAGINATION --------->
  1103.  
  1104.  
  1105.  
  1106.  
  1107. <!-- ADDITIONAL SCRIPTS: DO NOT EDIT-->
  1108.  
  1109. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  1110. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  1111.  
  1112. <script>
  1113. $(document).ready(function(){
  1114. $('.photo-slideshow').pxuPhotoset({
  1115. lightbox: true,
  1116. rounded: false,
  1117. gutter: '2px',
  1118. borderRadius: '0px',
  1119. photoset: '.photo-slideshow',
  1120. photoWrap: '.photo-data',
  1121. photo: '.pxu-photo'
  1122. });
  1123. });
  1124. </script>
  1125.  
  1126. <script src="https://unpkg.com/infinite-scroll@3/dist/infinite-scroll.pkgd.js"></script>
  1127. <script>
  1128. var elem = document.querySelector('.container');
  1129. var infScroll = new InfiniteScroll(elem, {
  1130. hideNav: '.pagination',
  1131. path: '.pagination a',
  1132. append: '.content',
  1133. debug: true,
  1134. scrollThreshold: true
  1135. });
  1136.  
  1137. infScroll.on( 'append', function(response, path, items) {
  1138. console.log( items.length + ' items appended' );
  1139. console.log(path);
  1140.  
  1141. let itemsID = Array.from(items).map(event => {
  1142. return event.getAttribute('id');
  1143. });
  1144.  
  1145. Tumblr.LikeButton.get_status_by_post_ids(itemsID);
  1146. });
  1147. </script>
  1148.  
  1149. </body>
  1150. </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!