API tools faq
paste
Advertisement
yeoli

Theme 40

yeoli
Jan 12th, 2020 (edited)
6,703
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 34.00 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 40 ( https://yeoli-thm.tumblr.com/thm/40 )
  12. Version 1.2
  13. Released: 12/01/2020
  14. Updated: 24/10/2021
  15. Created by: yeoli-thm
  16. Website: yeoli-thm.tumblr.com
  17. Support: yeoli-thm.tumblr.com
  18.  
  19. Copyright (c) 2021. Powered by Tumblr.
  20.  
  21.  
  22. ==========================================================
  23.  
  24.  
  25. // Terms Of Use:
  26. - Do not steal or use as base codes.
  27. - Do not repost or redistribute codes.
  28. - Feel free to customize theme for your personal use
  29. but please do not remove the credits.
  30.  
  31.  
  32. ==========================================================
  33. -->
  34.  
  35. <meta charset="utf-8">
  36. <title>{Title}</title>
  37. {block:Description}
  38. <meta name="description" content="{MetaDescription}">
  39. {/block:Description}
  40.  
  41. <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
  42. <link rel="shortcut icon" href="{Favicon}">
  43. <link rel="apple-touch-icon-precomposed" href="{PortraitURL-128}">
  44. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  45.  
  46. {block:Hidden}
  47. <meta name="image:Sidebar image" content=""/>
  48.  
  49. <meta name="color:Accent" content="#ffcba3"/>
  50. <meta name="color:Borders" content="#222222"/>
  51. <meta name="color:Background" content="#ffffff"/>
  52. <meta name="color:Text bg" content="#f9fafb"/>
  53. <meta name="color:Body text" content="#999999"/>
  54. <meta name="color:Bold text" content="#669494"/>
  55. <meta name="color:Italic text" content="#9bcaca"/>
  56. <meta name="color:Headings" content="#222222"/>
  57. <meta name="color:Links" content="#222222"/>
  58. <meta name="color:Links hover" content="#ffcba3"/>
  59. <meta name="color:Bullet points" content="#222222"/>
  60. <meta name="color:Audio player bg" content="#222222"/>
  61. <meta name="color:Audio player text" content="#eeeeee"/>
  62. <meta name="color:Permalink bg" content="#222222"/>
  63. <meta name="color:Permalink text" content="#888888"/>
  64. <meta name="color:Permalink links" content="#eeeeee"/>
  65. <meta name="color:Permalink buttons" content="#222222"/>
  66. <meta name="color:Like button bg" content="#fcecb4"/>
  67. <meta name="color:Reblog button bg" content="#9bcaca"/>
  68. <meta name="color:Tags" content="#999999"/>
  69. <meta name="color:Navigation links" content="#222222"/>
  70. <meta name="color:Navigation links hover" content="#9bcaca"/>
  71. <meta name="color:Tooltip bg" content="#222222"/>
  72. <meta name="color:Tooltip text" content="#eeeeee"/>
  73.  
  74. <meta name="if:Show searchbar" content="1"/>
  75. <meta name="if:Show post captions" content="1"/>
  76. <meta name="if:Show post tags" content="1"/>
  77.  
  78. <meta name="if:Italicize headings" content="1"/>
  79.  
  80. <meta name="if:Enable google fonts" content="1"/>
  81.  
  82. <meta name="text:Headings font family" content="Merriweather"/>
  83. <meta name="text:Body font family" content="Roboto"/>
  84. <meta name="text:Body font size" content="12px"/>
  85. <meta name="text:Sub font size" content="10px"/>
  86.  
  87. <meta name="text:Post width size" content="500px"/>
  88. <meta name="text:Post photoset gutter size" content="2px"/>
  89.  
  90. <meta name="text:Link 1 label" content="Link 1"/>
  91. <meta name="text:Link 1 URL" content=""/>
  92. <meta name="text:Link 2 label" content="Link 2"/>
  93. <meta name="text:Link 2 URL" content=""/>
  94. <meta name="text:Link 3 label" content="Link 3"/>
  95. <meta name="text:Link 3 URL" content=""/>
  96. <meta name="text:Link 4 label" content="Link 4"/>
  97. <meta name="text:Link 4 URL" content=""/>
  98. {/block:Hidden}
  99.  
  100. {block:IfEnableGoogleFonts}
  101. <link href="https://fonts.googleapis.com/css?family={text:Body font family}:400,400i,700,700i|{text:Headings font family}:700,700i&display=swap" rel="stylesheet">
  102. {/block:IfEnableGoogleFonts}
  103.  
  104. <script src="https://unpkg.com/feather-icons"></script>
  105. <link href="https://static.tumblr.com/kmw8hta/p0jpgtbdt/tooltipster_main.css" rel="stylesheet">
  106. <link href="https://cdn.jsdelivr.net/gh/echxn/yeolithm@master/src/css/thm40.css" rel="stylesheet">
  107.  
  108. <!-- HTML5 Shiv -->
  109. <!--[if lt IE 9]>
  110. <script src="https://static.tumblr.com/hriofhd/Qj0m8pn7q/html5shiv.js"></script>
  111. <![endif]-->
  112.  
  113.  
  114. <style>
  115.  
  116.  
  117. :root {
  118.  
  119. /* FONTS: */
  120. --bodyFontFamily: '{text:Body font family}', 'Calibri', sans-serif;
  121. --bodyFontSize: {text:Body font size};
  122.  
  123. --subFontSize: {text:Sub font size};
  124. --subFontWeight: 700;
  125. --subFontCasing: uppercase;
  126.  
  127. --headingsFontFamily: '{text:Headings font family}', 'Times', serif;
  128. --headingsFontWeight: 700;
  129. {block:IfItalicizeHeadings}
  130. --headingsFontStyle: italic;
  131. {/block:IfItalicizeHeadings}
  132. {block:IfNotItalicizeHeadings}
  133. --headingsFontStyle: normal;
  134. {/block:IfNotItalicizeHeadings}
  135.  
  136. /* COLORS: */
  137. --accentColor: {color:Accent};
  138. --bordersColor: {color:Borders};
  139. --backgroundColor: {color:Background};
  140. --textBgColor: {color:Text bg};
  141. --bodyTextColor: {color:Body text};
  142. --boldTextColor: {color:Bold text};
  143. --italicTextColor: {color:Italic text};
  144. --headingsColor: {color:Headings};
  145. --linksColor: {color:Links};
  146. --linksHoverColor: {color:Links hover};
  147. --bulletPointsColor: {color:Bullet points};
  148. --audioPlayerBgColor: {color:Audio player bg};
  149. --audioPlayerTextColor: {color:Audio player text};
  150. --permalinkBgColor: {color:Permalink bg};
  151. --permalinkTextColor: {color:Permalink text};
  152. --permalinkLinksColor: {color:Permalink links};
  153. --permalinkButtonsColor: {color:Permalink buttons};
  154. --likedHeartColor: red;
  155. --likeButtonBgColor: {color:Like button bg};
  156. --reblogButtonBgColor: {color:Reblog button bg};
  157. --tagsColor: {color:Tags};
  158. --navigationLinksColor: {color:Navigation links};
  159. --navigationLinksHoverColor: {color:Navigation links hover};
  160. --tooltipBgColor: {color:Tooltip bg};
  161. --tooltipTextColor: {color:Tooltip text};
  162.  
  163. /* POST SIZES: */
  164. --postWidthSize: {text:Post width size};
  165. --photosetGutterSize: {text:Post photoset gutter size};
  166.  
  167. /* SIDEBAR IMAGE: */
  168. --sidebarImage: url('{image:Sidebar image}');
  169. --sidebarImagePosition: center center;
  170. --sidebarImageRepeat: no-repeat;
  171. --sidebarImageSize: cover;
  172.  
  173. }
  174.  
  175.  
  176. {CustomCSS}
  177. </style>
  178. </head>
  179. <body>
  180.  
  181.  
  182. <!-- SIDEBAR: -->
  183. <aside id="sidebar">
  184. <div class="sidebar_inner">
  185. <section class="side_col">
  186. <div id="menu" class="subfont">
  187. <a href="/">Home</a>
  188. {block:AskEnabled}<a href="/ask">Ask</a>{/block:AskEnabled}
  189. <a href="/archive">Archive</a>
  190. {block:IfShowSearchbar}
  191. <form action="/search" method="get" id="searchbar">
  192. <input type="text" name="q" value="{SearchQuery}" placeholder="Search" class="searchquery"/>
  193. </form>
  194. {/block:IfShowSearchbar}
  195. <a href="https://yeoli-thm.tumblr.com" class="credit" target="_blank">Theme</a>
  196. </div>
  197. </section>
  198. <section class="side_content">
  199. <a href="/" class="blog_title"><h1>{Title}</h1></a>
  200. {block:Description}
  201. <div class="description">{Description}</div>
  202. {/block:Description}
  203. <nav class="resetlist navi subfont">
  204. {block:SubmissionsEnabled}<a href="/submit"><span>Submit</span></a>{/block:SubmissionsEnabled}
  205. {block:IfLink1Label}<a href="{text:Link 1 URL}">{text:Link 1 label}</a>{/block:IfLink1Label}
  206. {block:IfLink2Label}<a href="{text:Link 2 URL}">{text:Link 2 label}</a>{/block:IfLink2Label}
  207. {block:IfLink3Label}<a href="{text:Link 3 URL}">{text:Link 3 label}</a>{/block:IfLink3Label}
  208. {block:IfLink4Label}<a href="{text:Link 4 URL}">{text:Link 4 label}</a>{/block:IfLink4Label}
  209. {block:HasPages}{block:Pages}<a href="{URL}"><span>{Label}</span></a>{/block:Pages}{/block:HasPages}
  210. </nav>
  211. </section>
  212. </div>
  213. </aside>
  214. <!-- end of sidebar -->
  215.  
  216.  
  217. <!-- BLOG POSTS -->
  218. <div id="mainbody">
  219. <main>
  220. {block:Posts inlineMediaWidth="900" inlineNestedMediaWidth="900"}
  221. <article class="posts{block:Date} has-date{/block:Date}">
  222. <div class="content">
  223.  
  224. {block:Text}
  225. <div class="text bg">
  226. <div class="entry">
  227. {block:Title}<h2>{Title}</h2>{/block:Title}
  228. {block:NotReblog}
  229. {Body}
  230. {/block:NotReblog}
  231. {block:RebloggedFrom}
  232. {block:Reblogs}
  233. <div class="reblog_trail_item">
  234. <a{block:HasPermalink} href="{Permalink}" {Target}{/block:HasPermalink} class="subfont tumblelog_username"{block:isOriginalEntry} style="display:none"{/block:IsOriginalEntry}{block:IsDeactivated} title="Deactivated"{/block:IsDeactivated}>
  235. <i data-feather="user" class="tumblelog-icon"></i> {Username}:
  236. </a>
  237. {Body}
  238. </div>
  239. {/block:Reblogs}
  240. {/block:RebloggedFrom}
  241. </div>
  242. </div>
  243. {/block:Text}
  244.  
  245. {block:Photo}
  246. <figure>
  247. <div class="media">
  248. {block:IndexPage}<img src="{PhotoURL-HighRes}" style="display:block;width:100%"/>{/block:IndexPage}
  249. {block:PermalinkPage}<a href="/image/{PostID}" {Target}><img src="{PhotoURL-HighRes}" style="display:block;width:100%"/></a>{/block:PermalinkPage}
  250. </div>
  251. {block:Caption}
  252. <figcaption class="text captions bg"{block:IndexPage}{block:IfNotShowPostCaptions} style="display:none"{/block:IfNotShowPostCaptions}{/block:IndexPage}>
  253. <div class="entry">
  254. {block:NotReblog}
  255. {Caption}
  256. {/block:NotReblog}
  257. {block:RebloggedFrom}
  258. {block:Reblogs}
  259. <div class="reblog_trail_item">
  260. <a{block:HasPermalink} href="{Permalink}" {Target}{/block:HasPermalink} class="subfont tumblelog_username"{block:isOriginalEntry} style="display:none"{/block:IsOriginalEntry}{block:IsDeactivated} title="Deactivated"{/block:IsDeactivated}>
  261. <i data-feather="user" class="tumblelog-icon"></i> {Username}:
  262. </a>
  263. {Body}
  264. </div>
  265. {/block:Reblogs}
  266. {/block:RebloggedFrom}
  267. </div>
  268. </figcaption>
  269. {/block:Caption}
  270. </figure>
  271. {/block:Photo}
  272.  
  273. {block:Photoset}
  274. <figure>
  275. <div class="media">
  276. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">
  277. {block:Photos}
  278. <div class="photo-data">
  279. <div class="pxu-photo">
  280. <img src="{PhotoURL-500}" alt="{PhotoAlt}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"/>
  281. </div>
  282. <a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a>
  283. </div>
  284. {/block:Photos}
  285. </div>
  286. </div>
  287. {block:Caption}
  288. <figcaption class="text captions bg"{block:IndexPage}{block:IfNotShowPostCaptions} style="display:none"{/block:IfNotShowPostCaptions}{/block:IndexPage}>
  289. <div class="entry">
  290. {block:NotReblog}
  291. {Caption}
  292. {/block:NotReblog}
  293. {block:RebloggedFrom}
  294. {block:Reblogs}
  295. <div class="reblog_trail_item">
  296. <a{block:HasPermalink} href="{Permalink}" {Target}{/block:HasPermalink} class="subfont tumblelog_username"{block:isOriginalEntry} style="display:none"{/block:IsOriginalEntry}{block:IsDeactivated} title="Deactivated"{/block:IsDeactivated}>
  297. <i data-feather="user" class="tumblelog-icon"></i> {Username}:
  298. </a>
  299. {Body}
  300. </div>
  301. {/block:Reblogs}
  302. {/block:RebloggedFrom}
  303. </div>
  304. </figcaption>
  305. {/block:Caption}
  306. </figure>
  307. {/block:Photoset}
  308.  
  309. {block:Panorama}
  310. <figure>
  311. <div class="post_panorama">
  312. {LinkOpenTag}
  313. <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}" />
  314. {LinkCloseTag}
  315. </div>
  316. {block:Caption}
  317. <figcaption class="text captions bg"{block:IndexPage}{block:IfNotShowPostCaptions} style="display:none"{/block:IfNotShowPostCaptions}{/block:IndexPage}>
  318. <div class="entry">
  319. {block:NotReblog}
  320. {Caption}
  321. {/block:NotReblog}
  322. {block:RebloggedFrom}
  323. {block:Reblogs}
  324. <div class="reblog_trail_item">
  325. <a{block:HasPermalink} href="{Permalink}" {Target}{/block:HasPermalink} class="subfont tumblelog_username"{block:isOriginalEntry} style="display:none"{/block:IsOriginalEntry}{block:IsDeactivated} title="Deactivated"{/block:IsDeactivated}>
  326. <i data-feather="user" class="tumblelog-icon"></i> {Username}:
  327. </a>
  328. {Body}
  329. </div>
  330. {/block:Reblogs}
  331. {/block:RebloggedFrom}
  332. </div>
  333. </figcaption>
  334. {/block:Caption}
  335. </figure>
  336. {/block:Panorama}
  337.  
  338. {block:Video}
  339. <figure>
  340. <div class="tmblr-embed{block:Caption}{block:IndexPage}{block:IfShowPostCaptions} has-cap{/block:IfShowPostCaptions}{/block:IndexPage}{block:PermalinkPage} has-cap{/block:PermalinkPage}{/block:Caption}">
  341. {VideoEmbed-500}
  342. </div>
  343. {block:Caption}
  344. <figcaption class="text captions bg"{block:IndexPage}{block:IfNotShowPostCaptions} style="display:none"{/block:IfNotShowPostCaptions}{/block:IndexPage}>
  345. <div class="entry">
  346. {block:NotReblog}
  347. {Caption}
  348. {/block:NotReblog}
  349. {block:RebloggedFrom}
  350. {block:Reblogs}
  351. <div class="reblog_trail_item">
  352. <a{block:HasPermalink} href="{Permalink}" {Target}{/block:HasPermalink} class="subfont tumblelog_username"{block:isOriginalEntry} style="display:none"{/block:IsOriginalEntry}{block:IsDeactivated} title="Deactivated"{/block:IsDeactivated}>
  353. <i data-feather="user" class="tumblelog-icon"></i> {Username}:
  354. </a>
  355. {Body}
  356. </div>
  357. {/block:Reblogs}
  358. {/block:RebloggedFrom}
  359. </div>
  360. </figcaption>
  361. {/block:Caption}
  362. </figure>
  363. {/block:Video}
  364.  
  365. {block:Quote}
  366. <div class="text bg">
  367. <div class="entry">
  368. <h3 class="quote">{Quote}</h3>
  369. {block:Source}<div class="quote_source">{Source}</div>{/block:Source}
  370. </div>
  371. </div>
  372. {/block:Quote}
  373.  
  374. {block:Link}
  375. <div class="text bg">
  376. <div class="entry">
  377. <h2 class="post_link"><a href="{URL}">{Name}</a></h2>
  378. {block:Description}
  379. {block:NotReblog}
  380. {Description}
  381. {/block:NotReblog}
  382. {block:RebloggedFrom}
  383. {block:Reblogs}
  384. <div class="reblog_trail_item">
  385. <a{block:HasPermalink} href="{Permalink}" {Target}{/block:HasPermalink} class="subfont tumblelog_username"{block:isOriginalEntry} style="display:none"{/block:IsOriginalEntry}{block:IsDeactivated} title="Deactivated"{/block:IsDeactivated}>
  386. <i data-feather="user" class="tumblelog-icon"></i> {Username}:
  387. </a>
  388. {Body}
  389. </div>
  390. {/block:Reblogs}
  391. {/block:RebloggedFrom}
  392. {/block:Description}
  393. </div>
  394. </div>
  395. {/block:Link}
  396.  
  397. {block:Chat}
  398. <div class="text bg">
  399. <div class="entry">
  400. {block:Title}<h2>{Title}</h2>{/block:Title}
  401. <ul class="resetlist chat">
  402. {block:Lines}
  403. <li>
  404. {block:Label}<b class="chat_label">{Label} </b>{/block:Label}{Line}
  405. </li>
  406. {/block:Lines}
  407. </ul>
  408. </div>
  409. </div>
  410. {/block:Chat}
  411.  
  412. {block:Audio}
  413. <figure>
  414. {block:AudioEmbed}
  415. <div class="tmblr-embed{block:Caption}{block:IndexPage}{block:IfShowPostCaptions} has-cap{/block:IfShowPostCaptions}{/block:IndexPage}{block:PermalinkPage} has-cap{/block:PermalinkPage}{/block:Caption}">
  416. {AudioEmbed}
  417. </div>
  418. {/block:AudioEmbed}
  419. {block:AudioPlayer}
  420. <div class="audio_wrapper{block:Caption}{block:IndexPage}{block:IfShowPostCaptions} has-cap{/block:IfShowPostCaptions}{/block:IndexPage}{block:PermalinkPage} has-cap{/block:PermalinkPage}{/block:Caption}">
  421. <div class="album_art"{block:AlbumArt} style="background-image:url('{AlbumArtURL}')"{/block:AlbumArt}>
  422. <div class="player">{AudioPlayer}</div>
  423. </div>
  424. <div class="audio_info">
  425. {block:TrackName}<span class="trackname">{TrackName}</span>{/block:TrackName}
  426. {block:Artist}<span class="artist subfont">{Artist}</span>{/block:Artist}
  427. </div>
  428. </div>
  429. {/block:AudioPlayer}
  430. {block:Caption}
  431. <figcaption class="text captions bg"{block:IndexPage}{block:IfNotShowPostCaptions} style="display:none"{/block:IfNotShowPostCaptions}{/block:IndexPage}>
  432. <div class="entry">
  433. {block:NotReblog}
  434. {Caption}
  435. {/block:NotReblog}
  436. {block:RebloggedFrom}
  437. {block:Reblogs}
  438. <div class="reblog_trail_item">
  439. <a{block:HasPermalink} href="{Permalink}" {Target}{/block:HasPermalink} class="subfont tumblelog_username"{block:isOriginalEntry} style="display:none"{/block:IsOriginalEntry}{block:IsDeactivated} title="Deactivated"{/block:IsDeactivated}>
  440. <i data-feather="user" class="tumblelog-icon"></i> {Username}:
  441. </a>
  442. {Body}
  443. </div>
  444. {/block:Reblogs}
  445. {/block:RebloggedFrom}
  446. </div>
  447. </figcaption>
  448. {/block:Caption}
  449. </figure>
  450. {/block:Audio}
  451.  
  452. {block:Answer}
  453. <div class="answer_wrapper">
  454. <div class="answer_icon">
  455. <i data-feather="mail"></i>
  456. </div>
  457. <div class="answer_body bg">
  458. <h6 class="answer_username">{Asker} sent:</h6>
  459. <div class="answer_content">{Question}</div>
  460. </div>
  461. </div>
  462. {block:NotReblog}
  463. <div class="text bg">
  464. <div class="entry">
  465. {Answer}
  466. </div>
  467. </div>
  468. {/block:NotReblog}
  469. {block:RebloggedFrom}
  470. {block:Answerer}
  471. <div class="answer_wrapper is-answerer{block:Reblogs} has-reblogs{/block:Reblogs}">
  472. <div class="answer_icon">
  473. <i data-feather="user"></i>
  474. </div>
  475. <div class="answer_body bg">
  476. <h6 class="answer_username">{Answerer} replied:</h6>
  477. <div class="answer_content">{Answer}</div>
  478. </div>
  479. </div>
  480. {/block:Answerer}
  481. <div class="text bg">
  482. <div class="entry">
  483. {block:Reblogs}
  484. <div class="reblog_trail_item">
  485. <a{block:HasPermalink} href="{Permalink}" {Target}{/block:HasPermalink} class="subfont tumblelog_username"{block:isOriginalEntry} style="display:none"{/block:IsOriginalEntry}{block:IsDeactivated} title="Deactivated"{/block:IsDeactivated}>
  486. <i data-feather="user" class="tumblelog-icon"></i> {Username}:
  487. </a>
  488. {Body}
  489. </div>
  490. {/block:Reblogs}
  491. </div>
  492. </div>
  493. {/block:RebloggedFrom}
  494. {/block:Answer}
  495.  
  496. {block:Date}
  497. <footer class="post_footer{block:PermalinkPage}{block:ContentSource} has-source{/block:ContentSource}{/block:PermalinkPage}">
  498. {block:PermalinkPage}{block:ContentSource}
  499. <div class="source">
  500. <a href="{SourceURL}" title="Source: {SourceTitle}">
  501. <i data-feather="map-pin" class="source-icon"></i>
  502. </a>
  503. </div>
  504. {/block:ContentSource}{/block:PermalinkPage}
  505. <ul class="resetlist info subfont">
  506. <li>
  507. <span class="infolabel">Posted</span>
  508. <a class="infolink" href="{Permalink}">{DayOfMonth} {ShortMonth}, {ShortYear}</a>
  509. </li>
  510. <li>
  511. <span class="infolabel">Notes</span>
  512. <a class="infolink" href="{Permalink}">{NoteCount}</a>
  513. </li>
  514. {block:NotReblog}
  515. <li>
  516. <span class="infolabel">Origin</span>
  517. <a class="infolink" href="{Permalink}">{PostBlogName}</a>
  518. </li>
  519. {/block:NotReblog}
  520. {block:RebloggedFrom}
  521. <li>
  522. <span class="infolabel">Via</span>
  523. <a class="infolink" href="{ReblogParentURL}" {Target}>{ReblogParentName}</a>
  524. </li>
  525. <li>
  526. <span class="infolabel">Origin</span>
  527. <a class="infolink" href="{ReblogRootURL}" {Target}>{ReblogRootName}</a>
  528. </li>
  529. {/block:RebloggedFrom}
  530. </ul>
  531. <ul class="resetlist permalink">
  532. <li class="likeybtn" title="Like ?">
  533. {LikeButton size="100"}
  534. <i data-feather="heart" class="likey-icon"></i>
  535. </li>
  536. <li class="reblogbtn">
  537. <a href="{ReblogURL}"{block:IndexPage} target="_blank"{/block:IndexPage} title="Reblog ?">
  538. <i data-feather="repeat" class="reblog-icon"></i>
  539. </a>
  540. </li>
  541. </ul>
  542. </footer>
  543. {/block:Date}
  544.  
  545. </div>
  546.  
  547. {block:HasTags}
  548. <div class="tags"{block:IndexPage}{block:IfNotShowPostTags} style="display:none"{/block:IfNotShowPostTags}{/block:IndexPage}>{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}</div>
  549. {/block:HasTags}
  550.  
  551. {block:PostNotes}
  552. {PostNotes}
  553. {/block:PostNotes}
  554. </article>
  555. {/block:Posts}
  556. </main>
  557. {block:Pagination}
  558. <ul id="pagination" class="resetlist">
  559. <li>
  560. <a{block:PreviousPage} href="{PreviousPage}" title="Prev page"{/block:PreviousPage} class="{block:PreviousPage}has-{/block:PreviousPage}page_arrow">
  561. <i data-feather="arrow-left"></i>
  562. </a>
  563. </li>
  564. <li>
  565.  
  566. <span class="currentpage subfont">Pg {CurrentPage}</span>
  567. </li>
  568. <li>
  569. <a{block:NextPage} href="{NextPage}" title="Next page"{/block:NextPage} class="{block:NextPage}has-{/block:NextPage}page_arrow">
  570. <i data-feather="arrow-right"></i>
  571. </a>
  572. </li>
  573. </ul>
  574. {/block:Pagination}
  575. </div>
  576. <!-- end of blog posts -->
  577.  
  578.  
  579. <div id="scrolltop" title="To top">
  580. <i data-feather="arrow-up"></i>
  581. </div>
  582.  
  583.  
  584. <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
  585. <script src="https://static.tumblr.com/kmw8hta/1WKpaiuda/tooltipster.main.min.js"></script>
  586. <script src="https://static.tumblr.com/kmw8hta/heppglaoh/tooltipster-discovery.min.js"></script>
  587. <script src="https://static.tumblr.com/kmw8hta/rVKpb21vn/pxuphotoset.min.js"></script>
  588. <script src="https://cdn.jsdelivr.net/gh/echxn/yeolithm@master/src/js/thm40.js"></script>
  589.  
  590. <!--
  591. ==========================================================
  592.  
  593.  
  594. // Credits:
  595.  
  596. Feather Icons
  597. - github.com/feathericons/feather
  598. - Copyright (c) 2013-2017 Cole Bemis
  599. - Licensed under the MIT license
  600.  
  601. PXU Photoset Extended
  602. - github.com/pixelunion/Extended-Tumblr-Photoset
  603. - Copyright (c) 2013 Pixel Union
  604. - Licensed under the MIT license
  605.  
  606. Tooltipster
  607. - github.com/iamceege/tooltipster
  608. - Copyright (c) 2012,2016 Caleb Jacob and Louis Ameline
  609. - Licensed under the MIT license
  610.  
  611.  
  612. ==========================================================
  613. -->
  614.  
  615. </body>
  616. </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!