API tools faq
paste
Advertisement
yeoli

Theme 39 - Melosweet

yeoli
Aug 12th, 2019 (edited)
3,525
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 38.18 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <!--[if IE 8]><html class="lt-ie10 lt-ie9"> <![endif]-->
  3. <!--[if IE 9]><html class="lt-ie10"> <![endif]-->
  4. <!--[if gt IE 9]><!--> <html> <!--<![endif]-->
  5. <head>
  6.  
  7. <!--
  8. ==========================================================
  9.  
  10.  
  11. Theme 39 - Melosweet
  12. ( https://yeoli-thm.tumblr.com/melosweet )
  13. Version 1.1
  14. Released: 12/08/2019
  15. Updated: 05/03/2021
  16. Created by: yeoli-thm
  17. Website: yeoli-thm.tumblr.com
  18. Support: yeoli-thm.tumblr.com
  19.  
  20. Copyright (c) 2021. Powered by Tumblr.
  21.  
  22.  
  23. ==========================================================
  24.  
  25.  
  26. // Terms Of Use:
  27. - Do not steal or use as base codes.
  28. - Do not repost or redistribute codes.
  29. - Feel free to customize theme for your personal use
  30. but please do not remove the credits.
  31.  
  32.  
  33. ==========================================================
  34. -->
  35.  
  36. <meta charset="utf-8">
  37. <title>{Title}</title>
  38. {block:Description}
  39. <meta name="description" content="{MetaDescription}">
  40. {/block:Description}
  41. <link rel="shortcut icon" href="{Favicon}">
  42. <link rel="apple-touch-icon-precomposed" href="{PortraitURL-128}">
  43. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  44.  
  45. {block:Hidden}
  46. <meta name="image:Background image" content=""/>
  47. <meta name="image:Sidebar image" content=""/>
  48.  
  49. <meta name="color:Accent" content="#bee1b3"/>
  50. <meta name="color:Box shadow" content="#e1e1e1"/>
  51. <meta name="color:Background" content="#f8f9fa"/>
  52. <meta name="color:Body text" content="#aaaaaa"/>
  53. <meta name="color:Bold text" content="#7e9f74"/>
  54. <meta name="color:Italic text" content="#d4e29f"/>
  55. <meta name="color:Links" content="#ffd786"/>
  56. <meta name="color:Links hover" content="#444444"/>
  57. <meta name="color:Headings" content="#222222"/>
  58. <meta name="color:Bullet points" content="#444444"/>
  59. <meta name="color:Blockquote border" content="#bee1b3"/>
  60. <meta name="color:Post bg" content="#ffffff"/>
  61. <meta name="color:Post inner bg" content="#f8f9fa"/>
  62. <meta name="color:Post usernames" content="#444444"/>
  63. <meta name="color:Post quote" content="#222222"/>
  64. <meta name="color:Permalink hover" content="#444444"/>
  65. <meta name="color:Permalink hover icons" content="#bee1b3"/>
  66. <meta name="color:Tags hover" content="#444444"/>
  67. <meta name="color:Date tab bg" content="#222222"/>
  68. <meta name="color:Date tab text" content="#f1f1f1"/>
  69. <meta name="color:Sidebar bg" content="#ffffff"/>
  70. <meta name="color:Blog title" content="#d4e29f"/>
  71. <meta name="color:Blog description" content="#aaaaaa"/>
  72. <meta name="color:Menubar bg" content="#bee1b3"/>
  73. <meta name="color:Menubar text" content="#ffffff"/>
  74. <meta name="color:Menubar fruit" content="#7e9f74"/>
  75. <meta name="color:Tooltip bg" content="#222222"/>
  76. <meta name="color:Tooltip text" content="#f1f1f1"/>
  77.  
  78. <meta name="select:Sidebar image display" content="displayfruit" title="fruit"/>
  79. <meta name="select:Sidebar image display" content="displaycircle" title="circle"/>
  80. <meta name="select:Sidebar image display" content="displaysquare" title="square"/>
  81. <meta name="select:Sidebar image display" content="displaynone" title="none"/>
  82.  
  83. <meta name="select:Fruit" content="fruitapple" title="apple"/>
  84. <meta name="select:Fruit" content="fruitbanana" title="banana"/>
  85. <meta name="select:Fruit" content="fruitcherry" title="cherry"/>
  86. <meta name="select:Fruit" content="fruitkiwi" title="kiwi"/>
  87. <meta name="select:Fruit" content="fruitmango" title="mango"/>
  88. <meta name="select:Fruit" content="fruitorange" title="orange"/>
  89. <meta name="select:Fruit" content="fruitstrawberry" title="strawberry"/>
  90. <meta name="select:Fruit" content="fruitwatermelon" title="watermelon"/>
  91.  
  92. <meta name="if:Background image repeat" content="1"/>
  93. <meta name="if:Background image stretch" content="0"/>
  94.  
  95. <meta name="if:Show post captions" content="1"/>
  96. <meta name="if:Show post tags" content="1"/>
  97.  
  98. <meta name="if:Enable google fonts" content="1"/>
  99.  
  100. <meta name="text:Body font family" content="PT Sans"/>
  101. <meta name="text:Body font size" content="12px"/>
  102. <meta name="text:Sub font family" content="PT Sans Narrow"/>
  103. <meta name="text:Sub font size" content="10px"/>
  104. <meta name="text:Headings font family" content="IBM Plex Sans"/>
  105.  
  106. <meta name="text:Post width" content="450px"/>
  107. <meta name="text:Photoset gutter size" content="2px"/>
  108.  
  109. <meta name="text:Link 1 label" content="Link 1"/>
  110. <meta name="text:Link 1 URL" content=""/>
  111. <meta name="text:Link 2 label" content="Link 2"/>
  112. <meta name="text:Link 2 URL" content=""/>
  113. <meta name="text:Link 3 label" content="Link 3"/>
  114. <meta name="text:Link 3 URL" content=""/>
  115.  
  116. <meta name="text:Background image position" content="center center"/>
  117. {/block:Hidden}
  118.  
  119. {block:IfEnableGoogleFonts}
  120. <link href="https://fonts.googleapis.com/css?family={text:Body font family}:400,400i,700,700i" rel="stylesheet">
  121. <link href="https://fonts.googleapis.com/css?family={text:Sub font family}:400,700" rel="stylesheet">
  122. <link href="https://fonts.googleapis.com/css?family={text:Headings font family}:400,700" rel="stylesheet">
  123. {/block:IfEnableGoogleFonts}
  124.  
  125. <link href="https://fonts.googleapis.com/css?family=Inconsolata:400,700" rel="stylesheet">
  126. <link href="https://static.tumblr.com/kmw8hta/oSwpvpnik/feather.css" rel="stylesheet">
  127. <link href="https://static.tumblr.com/kmw8hta/p0jpgtbdt/tooltipster_main.css" rel="stylesheet">
  128. <link href="https://cdn.jsdelivr.net/gh/echxn/yeolithm@master/src/css/thm39.css" rel="stylesheet">
  129.  
  130. <!-- HTML5 Shiv -->
  131. <!--[if lt IE 9]>
  132. <script src="https://static.tumblr.com/hriofhd/Qj0m8pn7q/html5shiv.js"></script>
  133. <![endif]-->
  134.  
  135.  
  136. <style>
  137.  
  138.  
  139. :root {
  140.  
  141. /* BACKGROUND IMAGE: */
  142. --backgroundImage: url('{image:Background image}');
  143. --backgroundAttachment: initial;
  144. --backgroundPosition: {text:Background image position};
  145. {block:IfBackgroundImageRepeat}--backgroundRepeat: repeat;{/block:IfBackgroundImageRepeat}
  146. {block:IfNotBackgroundImageRepeat}--backgroundRepeat: no-repeat;{/block:IfNotBackgroundImageRepeat}
  147. {block:IfBackgroundImageStretch}--backgroundSize: cover;{/block:IfBackgroundImageStretch}
  148. {block:IfNotBackgroundImageStretch}--backgroundSize: auto;{/block:IfNotBackgroundImageStretch}
  149.  
  150. /* SIDEBAR IMAGE: */
  151. --sidebarImage: url('{image:Sidebar image}');
  152.  
  153. /* POST WIDTH: */
  154. --postWidth: {text:Post width};
  155. --photosetGutterSize: {text:Photoset gutter size};
  156.  
  157. /* COLORS: */
  158. --accentColor: {color:Accent};
  159. --boxShadowColor: {color:Box shadow};
  160. --backgroundColor: {color:Background};
  161. --bodyTextColor: {color:Body text};
  162. --boldTextColor: {color:Bold text};
  163. --italicTextColor: {color:Italic text};
  164. --linksColor: {color:Links};
  165. --linksHoverColor: {color:Links hover};
  166. --headingsColor: {color:Headings};
  167. --bulletPointsColor: {color:Bullet points};
  168. --blockquoteBorderColor: {color:Blockquote border};
  169. --postBgColor: {color:Post bg};
  170. --postInnerBgColor: {color:Post inner bg};
  171. --postUsernamesColor: {color:Post usernames};
  172. --postQuoteColor: {color:Post quote};
  173. --audioPlayerButtonColor: {color:Headings};
  174. --tagsHoverColor: {color:Tags hover};
  175. --permalinkHoverColor: {color:Permalink hover};
  176. --permalinkHoverIconsColor: {color:Permalink hover icons};
  177. --dateTabBgColor: {color:Date tab bg};
  178. --dateTabTextColor: {color:Date tab text};
  179. --sidebarBgColor: {color:Sidebar bg};
  180. --blogTitleColor: {color:Blog title};
  181. --blogDescriptionColor: {color:Blog description};
  182. --menubarBgColor: {color:Menubar bg};
  183. --menubarTextColor: {color:Menubar text};
  184. --menubarFruitColor: {color:Menubar fruit};
  185. --tooltipBgColor: {color:Tooltip bg};
  186. --tooltipTextColor: {color:Tooltip text};
  187.  
  188. }
  189.  
  190. /* FONTS: */
  191. body {
  192. font-family: {text:Body font family}, sans-serif;
  193. font-size: {text:Body font size};
  194. }
  195.  
  196. .subfont,
  197. .notes .action a,
  198. a.more_notes_link,
  199. .tooltipster-content{
  200. font-family: {text:Sub font family}, sans-serif;
  201. font-size: {text:Sub font size};
  202. font-weight: 700;
  203. text-transform: uppercase;
  204. letter-spacing: 1px;
  205. }
  206.  
  207. h1, h2, h3, h4, h5, h6 {
  208. font-family: {text:Headings font family}, sans-serif;
  209. }
  210.  
  211.  
  212. {CustomCSS}
  213. </style>
  214. </head>
  215. <body class="{select:Fruit}">
  216.  
  217. <input type="checkbox" id="menu"/>
  218.  
  219.  
  220. <!-- MENUBAR: -->
  221. <section id="menubar">
  222. <div id="fruitbg"></div>
  223. <label for="menu" class="menubutton">
  224. <span class="fx fx-menu"></span>
  225. </label>
  226. <div class="menuinner">
  227. <header class="menu_head">
  228. <div class="blogicon">
  229. <img src="{PortraitURL-96}" alt=""/>
  230. </div>
  231. <a href="/" class="blogname">{Name}</a>
  232. <a href="https://www.tumblr.com/follow/{Name}" class="follow subfont">{lang:Follow}</a>
  233. </header>
  234. <nav id="nav" class="subfont">
  235. <ul class="resetlist">
  236. <li class="focused"><a href="/">Home</a></li>
  237. {block:AskEnabled}<li><a href="/ask">Ask</a></li>{/block:AskEnabled}
  238. {block:SubmissionsEnabled}<li><a href="/submit">Submit</a></li>{/block:SubmissionsEnabled}
  239. <li><a href="/archive">Archive</a></li>
  240. {block:HasPages}
  241. {block:Pages}<li><a href="{URL}">{Label}</a></li>{/block:Pages}
  242. {/block:HasPages}
  243. {block:IfLink1Label}<li><a href="{text:Link 1 URL}">{text:Link 1 label}</a></li>{/block:IfLink1Label}
  244. {block:IfLink2Label}<li><a href="{text:Link 2 URL}">{text:Link 2 label}</a></li>{/block:IfLink2Label}
  245. {block:IfLink3Label}<li><a href="{text:Link 3 URL}">{text:Link 3 label}</a></li>{/block:IfLink3Label}
  246. <li class="slider"></li>
  247. </ul>
  248. </nav>
  249. </div>
  250. </section>
  251. <!-- end of menubar -->
  252.  
  253.  
  254. <!-- SITE CONTAINER: -->
  255. <div id="container">
  256.  
  257.  
  258. <!-- SIDEBAR: -->
  259. <aside id="sidebar" class="{select:Sidebar image display}">
  260. <div class="sidebar_image">
  261. <div class="fruiti"></div>
  262. </div>
  263. <div class="blog_bio">
  264. <h1 class="blog_title"><a href="/">{Title}</a></h1>
  265. {block:Description}
  266. <div class="blog_desc">{Description}</div>
  267. {/block:Description}
  268. </div>
  269. {block:Pagination}
  270. <div class="pagination">
  271. {block:PreviousPage}
  272. <a href="{PreviousPage}" class="prev">
  273. <span class="fx fx-arrow-left"></span>
  274. </a>
  275. {/block:PreviousPage}
  276. {block:NextPage}
  277. <a href="{NextPage}" class="next">
  278. <span class="fx fx-arrow-right"></span>
  279. </a>
  280. {/block:NextPage}
  281. </div>
  282. {/block:Pagination}
  283. </aside>
  284. <!-- end of sidebar: -->
  285.  
  286.  
  287. <!-- MAIN BODY: -->
  288. <div id="mainbody">
  289. <div class="wrapper">
  290.  
  291. <main id="main">
  292. {block:Posts inlineMediaWidth="900" inlineNestedMediaWidth="900"}
  293. <div class="post_item">
  294. <div class="post_frame">
  295.  
  296. {block:Date}
  297. <a href="{Permalink}" class="datetab">
  298. <span class="date subfont">{DayOfMonthWithZero}{MonthNumberWithZero}{ShortYear}</span>
  299. </a>
  300. {/block:Date}
  301.  
  302. <article class="post_article">
  303.  
  304. {block:Date}
  305. <header class="article_head">
  306. {block:NotReblog}
  307. <div class="postumblelog fruiticon">
  308. <span class="username subfont">{PostBlogName}</span>
  309. </div>
  310. {/block:NotReblog}
  311. {block:RebloggedFrom}
  312. <div class="postumblelog fruiticon">
  313. <a href="{ReblogRootURL}" {Target} class="username subfont">{ReblogRootName}</a>
  314. </div>
  315. <div class="reblogicon">
  316. <a href="{ReblogParentURL}" class="tooltip" title="Reblogged via {ReblogParentName}" {Target}>
  317. <img src="{ReblogParentPortraitURL-96}"/>
  318. </a>
  319. <a href="{ReblogRootURL}" class="tooltip" title="Posted by {ReblogRootName}" {Target}>
  320. <img src="{ReblogRootPortraitURL-96}"/>
  321. </a>
  322. </div>
  323. {/block:RebloggedFrom}
  324. </header>
  325. {/block:Date}
  326.  
  327. <div class="entry">
  328.  
  329. {block:Text}
  330. {block:Title}<h1>{Title}</h1>{/block:Title}
  331. {block:NotReblog}
  332. {Body}
  333. {/block:NotReblog}
  334. {block:RebloggedFrom}
  335. {block:Reblogs}
  336. <div class="postumblelog fruiticon"{block:isOriginalEntry} style="display:none"{/block:isOriginalEntry}>
  337. {block:HasPermalink}<a href="{Permalink}" {Target} class="username subfont">{Username}</a>{/block:HasPermalink}
  338. {block:HasNoPermalink}<span class="username subfont{block:IsDeactivated} deactivated{/block:IsDeactivated}">{Username}</span>{/block:HasNoPermalink}
  339. </div>
  340. {Body}
  341. {/block:Reblogs}
  342. {/block:RebloggedFrom}
  343. {/block:Text}
  344.  
  345. {block:Photo}
  346. <figure>
  347. <div class="post_media">
  348. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" style="display:block;width:100%"/>
  349. </div>
  350. {block:Caption}
  351. <figcaption {block:IndexPage}{block:IfNotShowPostCaptions} style="display:none"{/block:IfNotShowPostCaptions}{/block:IndexPage}>
  352. {block:NotReblog}
  353. {Caption}
  354. {/block:NotReblog}
  355. {block:RebloggedFrom}
  356. {block:Reblogs}
  357. <div class="postumblelog fruiticon"{block:isOriginalEntry} style="display:none"{/block:isOriginalEntry}>
  358. {block:HasPermalink}<a href="{Permalink}" {Target} class="username subfont">{Username}</a>{/block:HasPermalink}
  359. {block:HasNoPermalink}<span class="username subfont{block:IsDeactivated} deactivated{/block:IsDeactivated}">{Username}</span>{/block:HasNoPermalink}
  360. </div>
  361. {Body}
  362. {/block:Reblogs}
  363. {/block:RebloggedFrom}
  364. </figcaption>
  365. {/block:Caption}
  366. </figure>
  367. {/block:Photo}
  368.  
  369. {block:Photoset}
  370. <figure>
  371. <div class="post_media">
  372. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">
  373. {block:Photos}
  374. <div class="photo-data">
  375. <div class="pxu-photo">
  376. <img src="{PhotoURL-500}" alt="{PhotoAlt}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"/>
  377. </div>
  378. <a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a>
  379. </div>
  380. {/block:Photos}
  381. </div>
  382. </div>
  383. {block:Caption}
  384. <figcaption {block:IndexPage}{block:IfNotShowPostCaptions} style="display:none"{/block:IfNotShowPostCaptions}{/block:IndexPage}>
  385. {block:NotReblog}
  386. {Caption}
  387. {/block:NotReblog}
  388. {block:RebloggedFrom}
  389. {block:Reblogs}
  390. <div class="postumblelog fruiticon"{block:isOriginalEntry} style="display:none"{/block:isOriginalEntry}>
  391. {block:HasPermalink}<a href="{Permalink}" {Target} class="username subfont">{Username}</a>{/block:HasPermalink}
  392. {block:HasNoPermalink}<span class="username subfont{block:IsDeactivated} deactivated{/block:IsDeactivated}">{Username}</span>{/block:HasNoPermalink}
  393. </div>
  394. {Body}
  395. {/block:Reblogs}
  396. {/block:RebloggedFrom}
  397. </figcaption>
  398. {/block:Caption}
  399. </figure>
  400. {/block:Photoset}
  401.  
  402. {block:Video}
  403. <figure>
  404. <div class="post_media">
  405. <div class="tmblr-embed">
  406. {VideoEmbed-500}
  407. </div>
  408. </div>
  409. {block:Caption}
  410. <figcaption {block:IndexPage}{block:IfNotShowPostCaptions} style="display:none"{/block:IfNotShowPostCaptions}{/block:IndexPage}>
  411. {block:NotReblog}
  412. {Caption}
  413. {/block:NotReblog}
  414. {block:RebloggedFrom}
  415. {block:Reblogs}
  416. <div class="postumblelog fruiticon"{block:isOriginalEntry} style="display:none"{/block:isOriginalEntry}>
  417. {block:HasPermalink}<a href="{Permalink}" {Target} class="username subfont">{Username}</a>{/block:HasPermalink}
  418. {block:HasNoPermalink}<span class="username subfont{block:IsDeactivated} deactivated{/block:IsDeactivated}">{Username}</span>{/block:HasNoPermalink}
  419. </div>
  420. {Body}
  421. {/block:Reblogs}
  422. {/block:RebloggedFrom}
  423. </figcaption>
  424. {/block:Caption}
  425. </figure>
  426. {/block:Video}
  427.  
  428. {block:Quote}
  429. <div class="quote">
  430. <span>{Quote}</span>
  431. </div>
  432. <div class="quote_source">{Source}</div>
  433. {/block:Quote}
  434.  
  435. {block:Link}
  436. <a href="{URL}" class="link_box">
  437. <h1 class="link">{Name}</h1>
  438. {block:Thumbnail}
  439. <div class="link_thumbnail" style="background-image:url('{Thumbnail-HighRes}')"></div>
  440. {/block:Thumbnail}
  441. </a>
  442. {block:Description}
  443. <div class="link_description" {block:IndexPage}{block:IfNotShowPostCaptions} style="display:none"{/block:IfNotShowPostCaptions}{/block:IndexPage}>
  444. {block:NotReblog}
  445. {Description}
  446. {/block:NotReblog}
  447. {block:RebloggedFrom}
  448. {block:Reblogs}
  449. <div class="postumblelog fruiticon"{block:isOriginalEntry} style="display:none"{/block:isOriginalEntry}>
  450. {block:HasPermalink}<a href="{Permalink}" {Target} class="username subfont">{Username}</a>{/block:HasPermalink}
  451. {block:HasNoPermalink}<span class="username subfont{block:IsDeactivated} deactivated{/block:IsDeactivated}">{Username}</span>{/block:HasNoPermalink}
  452. </div>
  453. {Body}
  454. {/block:Reblogs}
  455. {/block:RebloggedFrom}
  456. </div>
  457. {/block:Description}
  458. {/block:Link}
  459.  
  460. {block:Chat}
  461. {block:Title}<h1>{Title}</h1>{/block:Title}
  462. <ul class="chat resetlist">
  463. {block:Lines}
  464. <li>{block:Label}<b>{Label}</b>{/block:Label} {Line}</li>
  465. {/block:Lines}
  466. </ul>
  467. {/block:Chat}
  468.  
  469. {block:Audio}
  470. <figure>
  471. {block:AudioEmbed}
  472. <div class="post_media">
  473. <div class="tmblr-embed">
  474. {AudioEmbed}
  475. </div>
  476. </div>
  477. {/block:AudioEmbed}
  478. {block:AudioPlayer}
  479. <div class="audio_box">
  480. <div class="playerbutton">
  481. {AudioPlayer}
  482. </div>
  483. <div class="audio_info">
  484. {block:TrackName}<h3 class="trackname">{TrackName}</h3>{/block:TrackName}
  485. {block:Artist}<span class="artist">{Artist}</span>{/block:Artist}
  486. </div>
  487. {block:AlbumArt}
  488. <div class="albumart" style="background-image:url('{AlbumArtURL}')"></div>
  489. {/block:AlbumArt}
  490. </div>
  491. {/block:AudioPlayer}
  492. {block:Caption}
  493. <figcaption {block:IndexPage}{block:IfNotShowPostCaptions} style="display:none"{/block:IfNotShowPostCaptions}{/block:IndexPage}>
  494. {block:NotReblog}
  495. {Caption}
  496. {/block:NotReblog}
  497. {block:RebloggedFrom}
  498. {block:Reblogs}
  499. <div class="postumblelog fruiticon"{block:isOriginalEntry} style="display:none"{/block:isOriginalEntry}>
  500. {block:HasPermalink}<a href="{Permalink}" {Target} class="username subfont">{Username}</a>{/block:HasPermalink}
  501. {block:HasNoPermalink}<span class="username subfont{block:IsDeactivated} deactivated{/block:IsDeactivated}">{Username}</span>{/block:HasNoPermalink}
  502. </div>
  503. {Body}
  504. {/block:Reblogs}
  505. {/block:RebloggedFrom}
  506. </figcaption>
  507. {/block:Caption}
  508. </figure>
  509. {/block:Audio}
  510.  
  511. {block:Answer}
  512. <ul class="answer resetlist">
  513. <li>
  514. <div class="answer_entry">
  515. <div class="sender subfont">{Asker} sent:</div>
  516. <div class="question">{Question}</div>
  517. </div>
  518. <div class="answer_avatar">
  519. <img src="{AskerPortraitURL-96}" alt=""/>
  520. </div>
  521. </li>
  522. {block:Answerer}
  523. <li>
  524. <div class="answer_entry">
  525. <div class="sender subfont">{Answerer} replied:</div>
  526. <div class="question">{Answer}</div>
  527. </div>
  528. <div class="answer_avatar">
  529. <img src="{AnswererPortraitURL-96}" alt=""/>
  530. </div>
  531. </li>
  532. {/block:Answerer}
  533. </ul>
  534. {block:NotReblog}
  535. {Answer}
  536. {/block:NotReblog}
  537. {block:RebloggedFrom}
  538. {block:Reblogs}
  539. <div class="postumblelog fruiticon"{block:isOriginalEntry} style="display:none"{/block:isOriginalEntry}>
  540. {block:HasPermalink}<a href="{Permalink}" {Target} class="username subfont">{Username}</a>{/block:HasPermalink}
  541. {block:HasNoPermalink}<span class="username subfont{block:IsDeactivated} deactivated{/block:IsDeactivated}">{Username}</span>{/block:HasNoPermalink}
  542. </div>
  543. {Body}
  544. {/block:Reblogs}
  545. {/block:RebloggedFrom}
  546. {/block:Answer}
  547.  
  548. </div>
  549.  
  550. {block:HasTags}
  551. <div class="tags"{block:IndexPage}{block:IfNotShowPostTags} style="display:none"{/block:IfNotShowPostTags}{/block:IndexPage}>
  552. {block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}
  553. </div>
  554. {/block:HasTags}
  555.  
  556. {block:Date}
  557. <footer class="article_foot">
  558. <ul class="permalink resetlist subfont">
  559. <li class="like_btn">
  560. {LikeButton color="white" size="100"}
  561. <span class="fx fx-heart"></span>
  562. <span class="permalabel">like</span>
  563. </li>
  564. <li>
  565. <a href="{Permalink}">
  566. <span class="fx fx-clock"></span>
  567. <span class="permalabel timeago">{Timestamp}</span>
  568. </a>
  569. </li>
  570. <li>
  571. <a href="{Permalink}">
  572. <span class="fx fx-eye"></span>
  573. <span class="permalabel notecount">{NoteCount}</span>
  574. </a>
  575. </li>
  576. <li>
  577. <a href="{ReblogURL}"{block:IndexPage} target="_blank"{/block:IndexPage}>
  578. <span class="fx fx-repeat"></span>
  579. <span class="permalabel">reblog</span>
  580. </a>
  581. </li>
  582. </ul>
  583. </footer>
  584. {/block:Date}
  585.  
  586. </article>
  587. </div>
  588.  
  589. {block:PostNotes}
  590. {PostNotes-64}
  591. {/block:PostNotes}
  592.  
  593. </div>
  594. {/block:Posts}
  595. </main>
  596.  
  597. <div class="credit">
  598. <span>© <a href="https://yeoli-thm.tumblr.com/melosweet" target="_blank">Melosweet Theme</a> by <a href="https://yeoli-thm.tumblr.com" target="_blank">yeoli-thm</a>.</span> <span>Powered by <a href="https://www.tumblr.com" target="_blank">Tumblr</a>.</span>
  599. </div><!-- please do not remove credit -->
  600.  
  601. </div>
  602. </div>
  603. <!-- end of main body -->
  604.  
  605.  
  606. <!-- SCROLL TOP BUTTON: -->
  607. <div id="scrolltop_box">
  608. <div id="scrolltop"><span class="fx fx-arrow-up"></span></div>
  609. </div>
  610. <!-- end of scroll top button: -->
  611.  
  612.  
  613. </div>
  614. <!-- end of site container -->
  615.  
  616.  
  617. <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
  618. <script src="https://static.tumblr.com/kmw8hta/1WKpaiuda/tooltipster.main.min.js"></script>
  619. <script src="https://static.tumblr.com/kmw8hta/heppglaoh/tooltipster-discovery.min.js"></script>
  620. <script src="https://static.tumblr.com/kmw8hta/rVKpb21vn/pxuphotoset.min.js"></script>
  621. <script src="https://static.tumblr.com/i5s2zks/9Acok8oo2/bct-timeago.min.js"></script>
  622. <script src="https://cdn.jsdelivr.net/gh/echxn/yeolithm@master/src/js/thm39.js"></script>
  623.  
  624.  
  625. <!--
  626. ==========================================================
  627.  
  628.  
  629. // Credits:
  630.  
  631. Feather Icons
  632. - github.com/feathericons/feather
  633. - Copyright (c) 2013-2017 Cole Bemis
  634. - Licensed under the MIT license
  635.  
  636. Fruits & Vegetables Icons
  637. - www.flaticon.com/packs/fruits-vegetables-5
  638. - www.flaticon.com/authors/freepik
  639. - Copyright (c) 2019 Freepik from www.flaticon.com
  640. - Licensed under the free licensce (with attribution)
  641.  
  642. PXU Photoset Extended
  643. - github.com/pixelunion/Extended-Tumblr-Photoset
  644. - Copyright (c) 2013 Pixel Union
  645. - Licensed under the MIT license
  646.  
  647. TimeAgo(); plugin
  648. - bychloethemes.tumblr.com/plugins/timeago
  649. - Copyright (c) 2017 Chloe Themes
  650. - Licensed under the MIT license
  651.  
  652. Tooltipster
  653. - github.com/iamceege/tooltipster
  654. - Copyright (c) 2012,2016 Caleb Jacob and Louis Ameline
  655. - Licensed under the MIT license
  656.  
  657.  
  658. ==========================================================
  659. -->
  660.  
  661.  
  662. </body>
  663. </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!