API tools faq
paste
Advertisement
yeoli

Theme 35

yeoli
Nov 9th, 2017
3,756
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 49.12 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.  
  12. Theme 35 ( https://yeoli-thm35.tumblr.com/ )
  13. Version 1.1
  14. Released: 15/11/2017
  15. Updated: 23/07/2019
  16. Created by: yeoli-thm
  17. Website: yeoli-thm.tumblr.com
  18. Support: yeoli-thm.tumblr.com
  19.  
  20. Copyright (c) 2019. 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.  
  37. <meta charset="utf-8">
  38. <title>{Title}</title>
  39. {block:Description}
  40. <meta name="description" content="{MetaDescription}">
  41. {/block:Description}
  42.  
  43. <link rel="shortcut icon" href="{Favicon}">
  44. <link rel="apple-touch-icon-precomposed" href="{PortraitURL-128}">
  45. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  46.  
  47. {block:Hidden}
  48. <meta name="image:Background image" content=""/>
  49. <meta name="image:Alternate sidebar avatar" content=""/>
  50.  
  51. <meta name="color:Borders" content="#eaeaea"/>
  52. <meta name="color:Background" content="#f9f9f9"/>
  53. <meta name="color:Post bg" content="#ffffff"/>
  54. <meta name="color:Body text" content="#abadad"/>
  55. <meta name="color:Bold text" content="#88b3b3"/>
  56. <meta name="color:Italic text" content="#88b3b3"/>
  57. <meta name="color:Headings" content="#88b3b3"/>
  58. <meta name="color:Links" content="#333333"/>
  59. <meta name="color:Links hover" content="#88b3b3"/>
  60. <meta name="color:Bullet points" content="#333333"/>
  61. <meta name="color:Grid overlay bg" content="#000000"/>
  62. <meta name="color:Grid overlay text" content="#ffffff"/>
  63. <meta name="color:Grid overlay links hover" content="#88b3b3"/>
  64. <meta name="color:Header navigation" content="#333333"/>
  65. <meta name="color:Description bg" content="#f9f9f9"/>
  66. <meta name="color:Description text" content="#abadad"/>
  67. <meta name="color:Tooltip bg" content="#000000"/>
  68. <meta name="color:Tooltip text" content="#ffffff"/>
  69. <meta name="color:Scrollbar" content="#333333"/>
  70.  
  71. <meta name="select:Page load type" content="plta" title="normal pagination"/>
  72. <meta name="select:Page load type" content="pltb" title="infinite scroll"/>
  73. <meta name="select:Page load type" content="pltc" title="manual load"/>
  74.  
  75. <meta name="if:Background image repeat" content="1"/>
  76. <meta name="if:Background image stretch" content="0"/>
  77.  
  78. <meta name="if:Enlarge nth post" content="1"/>
  79. <meta name="if:Show post tags" content="1"/>
  80. <meta name="if:Enable post padding" content="1"/>
  81. <meta name="if:Enable google fonts" content="1"/>
  82.  
  83. <meta name="text:Font family" content="Open Sans"/>
  84. <meta name="text:Font size" content="11px"/>
  85.  
  86. <meta name="text:Link 1 label" content="Link 1"/>
  87. <meta name="text:Link 1 URL" content=""/>
  88. <meta name="text:Link 2 label" content="Link 2"/>
  89. <meta name="text:Link 2 URL" content=""/>
  90. <meta name="text:Link 3 label" content="Link 3"/>
  91. <meta name="text:Link 3 URL" content=""/>
  92. <meta name="text:Link 4 label" content="Link 4"/>
  93. <meta name="text:Link 4 URL" content=""/>
  94. <meta name="text:Link 5 label" content="Link 5"/>
  95. <meta name="text:Link 5 URL" content=""/>
  96. <meta name="text:Link 6 label" content="Link 6"/>
  97. <meta name="text:Link 6 URL" content=""/>
  98.  
  99. <meta name="text:Grid columns" content="4"/>
  100. <meta name="text:Grid thumbnail size" content="160px"/>
  101. <meta name="text:Grid gutter size" content="20px"/>
  102. <meta name="text:Post border radius" content="0px"/>
  103.  
  104. <meta name="text:Background image position" content="center center"/>
  105. {/block:Hidden}
  106.  
  107. {block:IfEnableGoogleFonts}
  108. <link href="https://fonts.googleapis.com/css?family={text:Font family}:400,400i,700,700i" rel="stylesheet">
  109. {/block:IfEnableGoogleFonts}
  110.  
  111. <link href="https://static.tumblr.com/kmw8hta/SAwpuotjy/feather.css" rel="stylesheet">
  112. <link href="https://dl.dropbox.com/s/550rm3x604cmgdi/main.min.css" rel="stylesheet">
  113.  
  114. <!-- HTML5 Shiv -->
  115. <!--[if lt IE 9]>
  116. <script src="https://static.tumblr.com/hriofhd/Qj0m8pn7q/html5shiv.js"></script>
  117. <![endif]-->
  118.  
  119. <style>
  120.  
  121.  
  122. :root {
  123.  
  124. /* FONTS: */
  125. --body-font: {text:Font family}, sans-serif;
  126. --body-font-size: {text:Font size};
  127.  
  128. --monospace-font: monospace;
  129.  
  130. /* COLORS: */
  131. --borders-color: {RGBcolor:Borders};
  132. --background-color: {RGBcolor:Background};
  133. --post-bg-color: {RGBcolor:Post bg};
  134. --body-text-color: {RGBcolor:Body text};
  135. --bold-text-color: {RGBcolor:Bold text};
  136. --italic-text-color: {RGBcolor:Italic text};
  137. --headings-color: {RGBcolor:Headings};
  138. --links-color: {RGBcolor:Links};
  139. --links-hover-color: {RGBcolor:Links hover};
  140. --bullet-points-color: {RGBcolor:Bullet points};
  141. --grid-overlay-bg-color: {RGBcolor:Grid overlay bg};
  142. --grid-overlay-text-color: {RGBcolor:Grid overlay text};
  143. --grid-overlay-links-hover-color: {RGBcolor:Grid overlay links hover};
  144. --header-navigation-color: {RGBcolor:Header navigation};
  145. --description-bg-color: {RGBcolor:Description bg};
  146. --description-text-color: {RGBcolor:Description text};
  147. --tooltip-bg-color: {RGBcolor:Tooltip bg};
  148. --tooltip-text-color: {RGBcolor:Tooltip text};
  149. --scrollbar-color: {RGBcolor:Scrollbar};
  150. --heart-liked-color: red;
  151.  
  152. /* POST STYLES: */
  153. --grid-columns: {text:Grid columns};
  154. --grid-thumbnail-size: {text:Grid thumbnail size};
  155. --grid-gutter-size: {text:Grid gutter size};
  156.  
  157. --post-padding: 20px;
  158. --post-photoset-gutter-size: 1px;
  159. --post-border-radius: {text:Post border radius};
  160.  
  161. /* BAACKGROUND IMAGE: */
  162. --background-position: center center;
  163. {block:IfBackgroundImageRepeat}--background-repeat: repeat;{/block:IfBackgroundImageRepeat}
  164. {block:IfNotBackgroundImageRepeat}--background-repeat: no-repeat;{/block:IfNotBackgroundImageRepeat}
  165. {block:IfBackgroundImageStretch}--background-size: cover;{/block:IfBackgroundImageStretch}
  166. {block:IfNotBackgroundImageStretch}--background-size: auto;{/block:IfNotBackgroundImageStretch}
  167. {block:IfBackgroundImageImage}--background-image: url('{image:Background image}');{/block:IfBackgroundImageImage}
  168.  
  169. }
  170.  
  171.  
  172. {CustomCSS}
  173. </style>
  174. </head>
  175. <body class="{block:IndexPage}{select:Page load type} index-page{block:NoPosts}-no-results{/block:NoPosts}{block:SearchPage}{block:NoSearchResults}-no-results{/block:NoSearchResults}{/block:SearchPage}{/block:IndexPage}{block:PermalinkPage} permalink-page{/block:PermalinkPage} {AvatarShape}">
  176.  
  177.  
  178. <!-- HEADER: -->
  179. <header id="header">
  180. <ul class="slidemenu resetlist">
  181. <li><a href="/">Home</a></li>
  182. <li><a href="/ask">Ask</a></li>
  183. <li><a href="/archive">Archive</a></li>
  184. <li><a href="https://yeoli-thm.tumblr.com" target="_blank">Theme</a></li>
  185. <li class="slidebar"></li>
  186. </ul>
  187. </header>
  188. <!-- end of header -->
  189.  
  190.  
  191. <!-- SIDEBAR: -->
  192. <aside id="sidebar">
  193.  
  194. <a href="/" class="sidebar_avatar">
  195. {block:IfNotAlternateSidebarAvatarImage}<img src="{PortraitURL-96}" alt=""/>{/block:IfNotAlternateSidebarAvatarImage}
  196. {block:IfAlternateSidebarAvatarImage}<img src="{image:Alternate sidebar avatar}" alt=""/>{/block:IfAlternateSidebarAvatarImage}
  197. </a>
  198.  
  199. <div class="sidebar-inner">
  200. <h1 class="sidebar_title">{Title}</h1>
  201. {block:Description}
  202. <div class="sidebar_description">{Description}</div>
  203. {/block:Description}
  204. <nav class="links">
  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:IfLink5Label}<a href="{text:Link 5 URL}">{text:Link 5 label}</a>{/block:IfLink5Label}
  210. {block:IfLink6Label}<a href="{text:Link 6 URL}">{text:Link 6 label}</a>{/block:IfLink6Label}
  211. {block:HasPages}{block:Pages}<a href="{URL}">{Label}</a>{/block:Pages}{/block:HasPages}
  212. {block:SubmissionsEnabled}<a href="/submit">Submit</a>{/block:SubmissionsEnabled}
  213. </nav>
  214. </div>
  215.  
  216. {block:Pagination}
  217. <div class="pagination">
  218. <a{block:PreviousPage} href="{PreviousPage}" class="haspage"{/block:PreviousPage}>{lang:Prev}</a>
  219. <a{block:NextPage} href="{NextPage}" id="next" class="haspage"{/block:NextPage}>{lang:Next}</a>
  220. </div>
  221. {/block:Pagination}
  222.  
  223. <form action="/search" method="get" class="searchbar">
  224. <input type="text" name="q" value="{SearchQuery}" class="searchquery" placeholder="Find..."/>
  225. <input type="submit" id="searchbutton"/>
  226. <label for="searchbutton" class="searchbutton"><span class="fx fx-search"></span></label>
  227. </form>
  228.  
  229. </aside>
  230. <!-- end of sidebar -->
  231.  
  232.  
  233. <!-- MAIN BLOG CONTAINER: -->
  234. <div id="container">
  235. <div id="main-wrapper">
  236.  
  237. <main id="main" class="{block:IfEnablePostPadding}padding{/block:IfEnablePostPadding} clearfix">
  238. {block:IndexPage}
  239. <div class="grid-gutter"></div>
  240. <div class="grid-sizer"></div>
  241. {block:Posts}
  242. <div class="grid-thumbnail{block:IfEnlargeNthPost} enlarge{/block:IfEnlargeNthPost}" data-id="{PostID}">
  243.  
  244. {block:Text}
  245. <div class="gd-thumbody">
  246. <div class="gd-thumbody-inner">
  247. {block:Title}<h2>{Title}</h2>{/block:Title}
  248. {block:NotReblog}
  249. <div class="post_entry">
  250. {Body}
  251. </div>
  252. {/block:NotReblog}
  253. {block:RebloggedFrom}
  254. {block:Reblogs}
  255. <div class="reblog_trail_item">
  256. <div class="post_tumblelog">
  257. {block:HasPermalink}
  258. <a href="{Permalink}" class="post_tumblelog_username" target="_blank">{Username}:</a>
  259. {/block:HasPermalink}
  260. {block:HasNoPermalink}
  261. <span class="post_tumblelog_username{block:IsDeactivated} inactive{/block:IsDeactivated}">{Username}:</span>
  262. {/block:HasNoPermalink}
  263. </div>
  264. <div class="post_entry">
  265. {Body}
  266. </div>
  267. </div>
  268. {/block:Reblogs}
  269. {/block:RebloggedFrom}
  270. </div>
  271. </div>
  272. {/block:Text}
  273.  
  274. {block:Photo}
  275. <div class="gd-mediabody">
  276. <div class="gd-photo_alt">{PhotoAlt}</div>
  277. <figure class="gd-photo_img" style="background-image:url('{PhotoURL-HighRes}')">
  278. </figure>
  279. </div>
  280. {/block:Photo}
  281.  
  282. {block:Photoset}
  283. <div class="gd-mediabody">
  284. <div class="gd-photo_alt">{PhotoAlt}</div>
  285. {block:Photos}
  286. <figure class="gd-photo_img" style="background-image:url('{PhotoURL-HighRes}')">
  287. </figure>
  288. {/block:Photos}
  289. </div>
  290. {/block:Photoset}
  291.  
  292. {block:Video}
  293. <div class="gd-mediabody">
  294. <div class="gd-photo_alt">Video</div>
  295. {block:VideoThumbnail}
  296. {block:VideoThumbnails}
  297. <figure class="gd-photo_img" style="background-image:url('{VideoThumbnailURL}')">
  298. <span class="fx fx-video vid-icon"></span>
  299. </figure>
  300. {/block:VideoThumbnails}
  301. {/block:VideoThumbnail}
  302. </div>
  303. {/block:Video}
  304.  
  305. {block:Quote}
  306. <div class="gd-thumbody">
  307. <div class="gd-thumbody-inner">
  308. <h5 class="quote">
  309. <span class="quotation">❝</span>
  310. <span>{Quote}</span>
  311. </h5>
  312. {block:Source}
  313. <div class="quote_source">{Source}</div>
  314. {/block:Source}
  315. </div>
  316. </div>
  317. {/block:Quote}
  318.  
  319. {block:Link}
  320. <div class="gd-thumbody">
  321. <div class="gd-thumbody-inner">
  322. <h2><a href="{URL}">{Name} <span class="fx fx-arrow-right"></span></a></h2>
  323. {block:Description}
  324. {block:NotReblog}
  325. <div class="post_entry">
  326. {Description}
  327. </div>
  328. {/block:NotReblog}
  329. {block:RebloggedFrom}
  330. {block:Reblogs}
  331. <div class="reblog_trail_item">
  332. <div class="post_tumblelog">
  333. {block:HasPermalink}
  334. <a href="{Permalink}" class="post_tumblelog_username" target="_blank">{Username}:</a>
  335. {/block:HasPermalink}
  336. {block:HasNoPermalink}
  337. <span class="post_tumblelog_username{block:IsDeactivated} inactive{/block:IsDeactivated}">{Username}:</span>
  338. {/block:HasNoPermalink}
  339. </div>
  340. <div class="post_entry">
  341. {Body}
  342. </div>
  343. </div>
  344. {/block:Reblogs}
  345. {/block:RebloggedFrom}
  346. {/block:Description}
  347. </div>
  348. </div>
  349. {/block:Link}
  350.  
  351. {block:Chat}
  352. <div class="gd-thumbody">
  353. <div class="gd-thumbody-inner">
  354. {block:Title}<h2>{Title}</h2>{/block:Title}
  355. <ul class="chat resetlist">
  356. {block:Lines}
  357. <li>{block:Label}<b>{Label}</b>{/block:Label} {Line}</li>
  358. {/block:Lines}
  359. </ul>
  360. </div>
  361. </div>
  362. {/block:Chat}
  363.  
  364. {block:Audio}
  365. <div class="gd-mediabody">
  366. {block:AudioEmbed}
  367. {AudioEmbed}
  368. {/block:AudioEmbed}
  369. {block:AudioPlayer}
  370. <div class="audio"{block:AlbumArt} style="background-image:url('{AlbumArtURL}')"{/block:AlbumArt}>
  371. <div class="playerbutton">
  372. {AudioPlayer}
  373. </div>
  374. </div>
  375. {/block:AudioPlayer}
  376. </div>
  377. {/block:Audio}
  378.  
  379. {block:Answer}
  380. <div class="gd-thumbody" style="width:100%">
  381. <div class="gd-thumbody-inner">
  382. <div class="gd-answer-box">
  383. <b class="gd-answer_tumblelog">Sent by {Asker}</b>
  384. <div class="gd-question">{Question}</div>
  385. <hr>
  386. </div>
  387. {block:Answerer}
  388. <div class="gd-answer-box">
  389. <b class="gd-answer_tumblelog">Sent by {Asker}</b>
  390. <div class="gd-question">{Question}</div>
  391. <hr>
  392. </div>
  393. {/block:Answerer}
  394. {block:NotReblog}
  395. <div class="post_entry">
  396. {Answer}
  397. </div>
  398. {/block:NotReblog}
  399. </div>
  400. </div>
  401. {/block:Answer}
  402.  
  403. {block:Date}
  404. <div class="gd-overlay">
  405. <ul class="gd-buttons resetlist">
  406. <li>
  407. <a href="{ReblogURL}" target="_blank">
  408. <span class="fx fx-repeat"></span>
  409. </a>
  410. </li>
  411. <li>
  412. <a href="{Permalink}">
  413. <span class="fx fx-bookmark"></span>
  414. </a>
  415. </li>
  416. <li class="like_btn">
  417. {LikeButton size="100"}
  418. <span class="fx fx-heart"></span>
  419. </li>
  420. </ul>
  421. <div class="gd-info_wrap">
  422. <div class="gd-info_icon">
  423. <span class="fx fx-more-horizontal"></span>
  424. </div>
  425. <div class="gd-info_content">
  426. <a href="{Permalink}" class="shortdate">{ShortDayOfWeek} {DayOfMonth} {ShortMonth}</a>
  427. <div class="notecount">with {NoteCountWithLabel}</div>
  428. {block:IfShowPostTags}{block:HasTags}
  429. <ul class="tags resetlist">
  430. {block:Tags}
  431. <li>
  432. <span class="fx fx-x"></span><a href="{TagURL}"> {Tag} </a>
  433. </li>
  434. {/block:Tags}
  435. </ul>
  436. {/block:HasTags}{/block:IfShowPostTags}
  437. </div>
  438. </div>
  439. </div>
  440. {/block:Date}
  441.  
  442. </div>
  443. {/block:Posts}
  444.  
  445. {block:NoPosts}
  446. <article class="post">
  447. <div class="post_content">
  448. <p>{lang:This Tumblr hasnt made any posts}</p>
  449. </div>
  450. </article>
  451. {/block:NoPosts}
  452. {/block:IndexPage}
  453.  
  454. {block:SearchPage}
  455. {block:NoSearchResults}
  456. <article class="post">
  457. <div class="post_content">
  458. <h1>{lang:Sorry no posts found}</h1>
  459. <p>There are no results matching your search.</p>
  460. </div>
  461. </article>
  462. {/block:NoSearchResults}
  463. {/block:SearchPage}
  464.  
  465. {block:PermalinkPage}
  466. {block:Posts}
  467. <article class="post">
  468.  
  469. {block:Text}
  470. <div class="post_content">
  471. {block:Title}<h1>{Title}</h1>{/block:Title}
  472. {block:NotReblog}
  473. <div class="post_entry">
  474. {Body}
  475. </div>
  476. {/block:NotReblog}
  477. {block:RebloggedFrom}
  478. {block:Reblogs}
  479. <div class="reblog_trail_item">
  480. <div class="post_tumblelog">
  481. {block:HasPermalink}
  482. <a href="{Permalink}" class="post_tumblelog_username" target="_blank">{Username}:</a>
  483. {/block:HasPermalink}
  484. {block:HasNoPermalink}
  485. <span class="post_tumblelog_username{block:IsDeactivated} inactive{/block:IsDeactivated}">{Username}:</span>
  486. {/block:HasNoPermalink}
  487. </div>
  488. <div class="post_entry">
  489. {Body}
  490. </div>
  491. </div>
  492. {/block:Reblogs}
  493. {/block:RebloggedFrom}
  494. </div>
  495. {/block:Text}
  496.  
  497. {block:Photo}
  498. <figure>
  499. <div class="post_media clearfix">
  500. <img src="{PhotoURL-HighRes}" style="display:block;width:100%" alt="{PhotoAlt}"/>
  501. </div>
  502. {block:Caption}
  503. <figcaption class="border-top">
  504. <div class="post_content">
  505. {block:NotReblog}
  506. <div class="post_entry">
  507. {Caption}
  508. </div>
  509. {/block:NotReblog}
  510. {block:RebloggedFrom}
  511. {block:Reblogs}
  512. <div class="reblog_trail_item">
  513. <div class="post_tumblelog">
  514. {block:HasPermalink}
  515. <a href="{Permalink}" class="post_tumblelog_username" target="_blank">{Username}:</a>
  516. {/block:HasPermalink}
  517. {block:HasNoPermalink}
  518. <span class="post_tumblelog_username{block:IsDeactivated} inactive{/block:IsDeactivated}">{Username}:</span>
  519. {/block:HasNoPermalink}
  520. </div>
  521. <div class="post_entry">
  522. {Body}
  523. </div>
  524. </div>
  525. {/block:Reblogs}
  526. {/block:RebloggedFrom}
  527. </div>
  528. </figcaption>
  529. {/block:Caption}
  530. </figure>
  531. {/block:Photo}
  532.  
  533. {block:Photoset}
  534. <figure>
  535. <div class="post_media clearfix">
  536. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">
  537. {block:Photos}
  538. <div class="photo-data">
  539. <div class="pxu-photo">
  540. <img src="{PhotoURL-500}" alt="{PhotoAlt}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"/>
  541. </div>
  542. <a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a>
  543. </div>
  544. {/block:Photos}
  545. </div>
  546. </div>
  547. {block:Caption}
  548. <figcaption class="border-top">
  549. <div class="post_content">
  550. {block:NotReblog}
  551. <div class="post_entry">
  552. {Caption}
  553. </div>
  554. {/block:NotReblog}
  555. {block:RebloggedFrom}
  556. {block:Reblogs}
  557. <div class="reblog_trail_item">
  558. <div class="post_tumblelog">
  559. {block:HasPermalink}
  560. <a href="{Permalink}" class="post_tumblelog_username" target="_blank">{Username}:</a>
  561. {/block:HasPermalink}
  562. {block:HasNoPermalink}
  563. <span class="post_tumblelog_username{block:IsDeactivated} inactive{/block:IsDeactivated}">{Username}:</span>
  564. {/block:HasNoPermalink}
  565. </div>
  566. <div class="post_entry">
  567. {Body}
  568. </div>
  569. </div>
  570. {/block:Reblogs}
  571. {/block:RebloggedFrom}
  572. </div>
  573. </figcaption>
  574. {/block:Caption}
  575. </figure>
  576. {/block:Photoset}
  577.  
  578. {block:Video}
  579. <figure>
  580. <div class="post_media clearfix">
  581. <div class="tmblr-embed">
  582. {VideoEmbed-500}
  583. </div>
  584. </div>
  585. {block:Caption}
  586. <figcaption class="border-top">
  587. <div class="post_content">
  588. {block:NotReblog}
  589. <div class="post_entry">
  590. {Caption}
  591. </div>
  592. {/block:NotReblog}
  593. {block:RebloggedFrom}
  594. {block:Reblogs}
  595. <div class="reblog_trail_item">
  596. <div class="post_tumblelog">
  597. {block:HasPermalink}
  598. <a href="{Permalink}" class="post_tumblelog_username" target="_blank">{Username}:</a>
  599. {/block:HasPermalink}
  600. {block:HasNoPermalink}
  601. <span class="post_tumblelog_username{block:IsDeactivated} inactive{/block:IsDeactivated}">{Username}:</span>
  602. {/block:HasNoPermalink}
  603. </div>
  604. <div class="post_entry">
  605. {Body}
  606. </div>
  607. </div>
  608. {/block:Reblogs}
  609. {/block:RebloggedFrom}
  610. </div>
  611. </figcaption>
  612. {/block:Caption}
  613. </figure>
  614. {/block:Video}
  615.  
  616. {block:Quote}
  617. <div class="post_content">
  618. <h3 class="quote">
  619. <span class="quotation">❝</span>
  620. <span>{Quote}</span>
  621. </h3>
  622. {block:Source}
  623. <div class="quote_source">{Source}</div>
  624. {/block:Source}
  625. </div>
  626. {/block:Quote}
  627.  
  628. {block:Link}
  629. <div class="post_content">
  630. <h1><a href="{URL}">{Name} <span class="fx fx-arrow-right"></span></a></h1>
  631. {block:Description}
  632. {block:NotReblog}
  633. <div class="post_entry">
  634. {Description}
  635. </div>
  636. {/block:NotReblog}
  637. {block:RebloggedFrom}
  638. {block:Reblogs}
  639. <div class="reblog_trail_item">
  640. <div class="post_tumblelog">
  641. {block:HasPermalink}
  642. <a href="{Permalink}" class="post_tumblelog_username" target="_blank">{Username}:</a>
  643. {/block:HasPermalink}
  644. {block:HasNoPermalink}
  645. <span class="post_tumblelog_username{block:IsDeactivated} inactive{/block:IsDeactivated}">{Username}:</span>
  646. {/block:HasNoPermalink}
  647. </div>
  648. <div class="post_entry">
  649. {Body}
  650. </div>
  651. </div>
  652. {/block:Reblogs}
  653. {/block:RebloggedFrom}
  654. {/block:Description}
  655. </div>
  656. {/block:Link}
  657.  
  658. {block:Chat}
  659. <div class="post_content">
  660. {block:Title}<h1>{Title}</h1>{/block:Title}
  661. <ul class="chat resetlist">
  662. {block:Lines}
  663. <li>{block:Label}<b>{Label}</b>{/block:Label} {Line}</li>
  664. {/block:Lines}
  665. </ul>
  666. </div>
  667. {/block:Chat}
  668.  
  669. {block:Audio}
  670. <figure>
  671. <div class="post_media clearfix">
  672. {block:AudioEmbed}
  673. <div class="tmblr-embed">
  674. {AudioEmbed}
  675. </div>
  676. {/block:AudioEmbed}
  677. {block:AudioPlayer}
  678. <div class="audio_container">
  679. <div class="audio"{block:AlbumArt} style="background-image:url('{AlbumArtURL}')"{/block:AlbumArt}>
  680. <div class="playerbutton">
  681. {AudioPlayer}
  682. </div>
  683. </div>
  684. <ul class="audio_info resetlist">
  685. {block:TrackName}<li><b>{TrackName}</b></li>{/block:TrackName}
  686. {block:Artist}<li><b>{Artist}</b></li>{/block:Artist}
  687. <li><b>{PlayCountWithLabel}</b></li>
  688. </ul>
  689. </div>
  690. {/block:AudioPlayer}
  691. </div>
  692. {block:Caption}
  693. <figcaption class="border-top">
  694. <div class="post_content">
  695. {block:NotReblog}
  696. <div class="post_entry">
  697. {Caption}
  698. </div>
  699. {/block:NotReblog}
  700. {block:RebloggedFrom}
  701. {block:Reblogs}
  702. <div class="reblog_trail_item">
  703. <div class="post_tumblelog">
  704. {block:HasPermalink}
  705. <a href="{Permalink}" class="post_tumblelog_username" target="_blank">{Username}:</a>
  706. {/block:HasPermalink}
  707. {block:HasNoPermalink}
  708. <span class="post_tumblelog_username{block:IsDeactivated} inactive{/block:IsDeactivated}">{Username}:</span>
  709. {/block:HasNoPermalink}
  710. </div>
  711. <div class="post_entry">
  712. {Body}
  713. </div>
  714. </div>
  715. {/block:Reblogs}
  716. {/block:RebloggedFrom}
  717. </div>
  718. </figcaption>
  719. {/block:Caption}
  720. </figure>
  721. {/block:Audio}
  722.  
  723. {block:Answer}
  724. <div class="post_media">
  725. <div class="answer_box">
  726. <div class="answer_tumblelog">Sent by {Asker}</div>
  727. <div class="post_content">{Question}</div>
  728. </div>
  729. {block:Answerer}
  730. <div class="answer_box">
  731. <div class="answer_tumblelog">Sent by {Asker}</div>
  732. <div class="post_content">{Answer}</div>
  733. </div>
  734. {/block:Answerer}
  735. </div>
  736. {block:NotReblog}
  737. <div class="post_content">
  738. {Answer}
  739. </div>
  740. {/block:NotReblog}
  741. {block:RebloggedFrom}
  742. <div class="post_content">
  743. {block:Reblogs}
  744. <div class="reblog_trail_item">
  745. <div class="post_tumblelog">
  746. {block:HasPermalink}
  747. <a href="{Permalink}" class="post_tumblelog_username" target="_blank">{Username}:</a>
  748. {/block:HasPermalink}
  749. {block:HasNoPermalink}
  750. <span class="post_tumblelog_username{block:IsDeactivated} inactive{/block:IsDeactivated}">{Username}:</span>
  751. {/block:HasNoPermalink}
  752. </div>
  753. <div class="post_entry">
  754. {Body}
  755. </div>
  756. </div>
  757. {/block:Reblogs}
  758. </div>
  759. {/block:RebloggedFrom}
  760. {/block:Answer}
  761.  
  762. {block:Date}
  763. <div class="border-top">
  764. <div class="post_content">
  765. <h3>{DayOfWeek} {DayOfMonth}{DayOfMonthSuffix} {Month} {ShortYear}</h3>
  766. <p>
  767. with {NoteCountWithLabel}<br>
  768. {block:RebloggedFrom}
  769. reblogged via: <a href="{ReblogParentURL}" {Target}>{ReblogParentName}</a>, posted by: <a href="{ReblogRootURL}" {Target}>{ReblogRootName}</a><br>
  770. {/block:RebloggedFrom}
  771. {block:ContentSource}
  772. source: <a href="{SourceURL}" {Target}>{SourceTitle}</a>
  773. {/block:ContentSource}
  774. </p>
  775. {block:HasTags}
  776. <ul class="tags resetlist">
  777. {block:Tags}
  778. <li>
  779. <span class="fx fx-x"></span>
  780. <a href="{TagURL}">{Tag}</a>
  781. </li>
  782. {/block:Tags}
  783. </ul>
  784. {/block:HasTags}
  785. </div>
  786. </div>
  787. {/block:Date}
  788.  
  789. {block:PostNotes}
  790. <div class="border-top">
  791. <div class="post_content">
  792. {PostNotes-64}
  793. </div>
  794. </div>
  795. {/block:PostNotes}
  796.  
  797. </article>
  798. {/block:Posts}
  799. {/block:PermalinkPage}
  800. </main>
  801.  
  802. {block:IndexPage}
  803. <div class="page-load-status">
  804. <p class="infinite-scroll-request">Loading...</p>
  805. <p class="infinite-scroll-last">End of posts</p>
  806. <p class="infinite-scroll-error">No more pages to load</p>
  807. </div>
  808. {block:Pagination}{block:NextPage}
  809. <div class="manualload">
  810. <button class="load-more-button">Load More</button>
  811. </div>
  812. {/block:NextPage}{/block:Pagination}
  813. {/block:IndexPage}
  814.  
  815. </div>
  816.  
  817. <div id="totopbox">
  818. <button id="totop" class="fx fx-chevron-up"></button>
  819. </div>
  820.  
  821. </div>
  822. <!-- end of main blog container -->
  823.  
  824.  
  825. <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
  826. <script src="https://static.tumblr.com/kmw8hta/1WKpaiuda/tooltipster.main.min.js"></script>
  827. <script src="https://static.tumblr.com/kmw8hta/heppglaoh/tooltipster-discovery.min.js"></script>
  828. <script src="https://static.tumblr.com/kmw8hta/rVKpb21vn/pxuphotoset.min.js"></script>
  829. {block:IndexPage}
  830. <script src="https://unpkg.com/masonry-layout@4/dist/masonry.pkgd.min.js"></script>
  831. <script src="https://static.tumblr.com/kmw8hta/mFAp456ch/infinite-scroll.pkgd.min.js"></script>
  832. {/block:IndexPage}
  833. <script src="https://dl.dropbox.com/s/s973vvkowu5gt5u/jquery.thm35.min.js"></script>
  834.  
  835.  
  836. <!--
  837. ==========================================================
  838.  
  839.  
  840. // Credits:
  841.  
  842. Feather Icons
  843. - https://github.com/feathericons/feather
  844. - Copyright (c) 2013-2017 Cole Bemis
  845. - Licensed under the MIT license
  846.  
  847. Infinite Scroll
  848. - https://infinite-scroll.com
  849. - Copyright (c) 2018 Metafizzy (https://metafizzy.co)
  850. - Licensed under Infinite Scroll Commercial Developer License
  851.  
  852. Masonry
  853. - https://masonry.desandro.com
  854. - Copyright (c) 2019 David DeSandro (https://desandro.com)
  855. - Licensed under the MIT license
  856.  
  857. PXU Photost Extended
  858. - https://github.com/pixelunion/Extended-Tumblr-Photoset
  859. - Copyright (c) 2013 Pixel Union
  860. - Licensed under the MIT license
  861.  
  862. Tooltipster
  863. - https://github.com/iamceege/tooltipster
  864. - Copyright (c) 2012,2016 Caleb Jacob and Louis Ameline
  865. - Licensed under the MIT license
  866.  
  867.  
  868. ==========================================================
  869. -->
  870.  
  871.  
  872. </body>
  873. </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!