yeoli

Theme 31

Sep 20th, 2015 (edited)
15,759
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 39.98 KB | None | 0 0
  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 31 ( https://yeolithmpreview-31.tumblr.com )
  13. Version 1.3
  14. Released: 20/09/2015
  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. ** You can enable/disable tab panels in the theme options
  37.  
  38.  
  39. ==========================================================
  40. -->
  41.  
  42.  
  43. <meta charset="utf-8">
  44. <title>{Title}</title>
  45. {block:Description}
  46. <meta name="description" content="{MetaDescription}">
  47. {/block:Description}
  48.  
  49. {block:Hidden}
  50. <meta name="image:Background image" content=""/>
  51. <meta name="image:Sidebar image" content=""/>
  52.  
  53. <meta name="color:Background" content="#ffffff"/>
  54. <meta name="color:Borders" content="#d4d4d4"/>
  55. <meta name="color:Body text" content="#999999"/>
  56. <meta name="color:Bold text" content="#1e8177"/>
  57. <meta name="color:Italic text" content="#f5c181"/>
  58. <meta name="color:Headings" content="#000000"/>
  59. <meta name="color:Links" content="#65c9c2"/>
  60. <meta name="color:Links Hover" content="#000000"/>
  61. <meta name="color:Bullet points" content="#000000"/>
  62. <meta name="color:Post ask text" content="#999999"/>
  63. <meta name="color:Post ask bg" content="#f7f8f9"/>
  64. <meta name="color:Post audio text" content="#ffffff"/>
  65. <meta name="color:Post audio bg" content="#000000"/>
  66. <meta name="color:Post tags" content="#999999"/>
  67. <meta name="color:Post tags hover" content="#000000"/>
  68. <meta name="color:Post permalinks" content="#000000"/>
  69. <meta name="color:Liked heart button" content="#ae4b33"/>
  70. <meta name="color:Topbar bg" content="#000000"/>
  71. <meta name="color:Blog title" content="#ffffff"/>
  72. <meta name="color:Sidebar image bg" content="#ffeecf"/>
  73. <meta name="color:Sidebar menu links" content="#000000"/>
  74. <meta name="color:Sidebar menu links hover" content="#000000"/>
  75. <meta name="color:Sidebar menu links hover bg" content="#f7f8f9"/>
  76. <meta name="color:Tooltip text" content="#ffffff"/>
  77. <meta name="color:Tooltip bg" content="#000000"/>
  78. <meta name="color:Scrollbar" content="#f3f4f5"/>
  79.  
  80. <meta name="select:Post width" content="threepx" title="300px"/>
  81. <meta name="select:Post width" content="fourpx" title="400px"/>
  82. <meta name="select:Post width" content="fivepx" title="500px"/>
  83.  
  84. <meta name="if:Background image stretch" content="0"/>
  85. <meta name="if:Background image repeat" content="0"/>
  86.  
  87. <meta name="if:Show about tab" content="1"/>
  88. <meta name="if:Show navigation tab" content="1"/>
  89. <meta name="if:Show FAQ tab" content="1"/>
  90. <meta name="if:Show blogroll tab" content="1"/>
  91.  
  92. <meta name="if:Show post captions" content="1"/>
  93. <meta name="if:Show post tags" content="1"/>
  94.  
  95. <meta name="if:Enable larger icons" content="0"/>
  96. <meta name="if:Enable google fonts" content="1"/>
  97.  
  98. <meta name="text:Body font family" content="Open Sans"/>
  99. <meta name="text:Body font size" content="11px"/>
  100.  
  101. <meta name="text:Photoset gutter size" content="1px"/>
  102.  
  103. <meta name="text:Background image position" content="bottom left"/>
  104. {/block:Hidden}
  105.  
  106. <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
  107. <link rel="shortcut icon" href="{Favicon}">
  108. <link rel="apple-touch-icon-precomposed" href="{PortraitURL-128}">
  109. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  110.  
  111. {block:IfEnableGoogleFonts}
  112. <link href="https://fonts.googleapis.com/css?family={text:Body font family}:400,400i,700,700i&display=swap" rel="stylesheet">
  113. {/block:IfEnableGoogleFonts}
  114.  
  115. <link href="https://static.tumblr.com/kmw8hta/w7Cq7rr0o/entypo.css" rel="stylesheet">
  116. <link href="https://static.tumblr.com/kmw8hta/p0jpgtbdt/tooltipster_main.css" rel="stylesheet">
  117. <link href="https://cdn.jsdelivr.net/gh/echxn/yeolithm@master/src/css/thm31.css" rel="stylesheet">
  118.  
  119. <!-- HTML5 Shiv -->
  120. <!--[if lt IE 9]>
  121. <script src="https://static.tumblr.com/hriofhd/Qj0m8pn7q/html5shiv.js"></script>
  122. <![endif]-->
  123.  
  124.  
  125. <style>
  126.  
  127. :root {
  128.  
  129. /* FONTS: */
  130. --bodyFontFamily: '{text:Body font family}';
  131. --bodyFontSize: {text:Body font size};
  132.  
  133. --subFontSize: 0.91em;
  134. --subFontCasing: uppercase;
  135.  
  136. --headingFontCasing: uppercase;
  137. --headingFontWeight: bold;
  138.  
  139. /* COLORS: */
  140. --backgroundColor: {color:Background};
  141. --bordersColor: {color:Borders};
  142. --bodyTextColor: {color:Body text};
  143. --boldTextColor: {color:Bold text};
  144. --italicTextColor: {color:Italic text};
  145. --headingsColor: {color:Headings};
  146. --linksColor: {color:Links};
  147. --linksHoverColor: {color:Links hover};
  148. --bulletPointsColor: {color:Bullet points};
  149. --postAskTextColor: {color:Post ask text};
  150. --postAskBgColor: {color:Post ask bg};
  151. --postAudioTextColor: {color:Post audio text};
  152. --postAudioBgColor: {color:Post audio bg};
  153. --postTagsColor: {color:Post tags};
  154. --postTagsHoverColor: {color:Post tags hover};
  155. --postPermalinksColor: {color:Post permalinks};
  156. --likedHeartButtonColor: {color:Liked heart button};
  157. --topbarBgColor: {color:Topbar bg};
  158. --blogTitleColor: {color:Blog title};
  159. --sidebarImageBgColor: {color:Sidebar image bg};
  160. --sidebarMenuLinksColor: {color:Sidebar menu links};
  161. --sidebarMenuLinksHoverColor: {color:Sidebar menu links hover};
  162. --sidebarMenuLinksHoverBgColor: {color:Sidebar menu links hover bg};
  163. --tooltipTextColor: {color:Tooltip text};
  164. --tooltipBgColor: {color:Tooltip bg};
  165. --scrollbarColor: {color:Scrollbar};
  166.  
  167. /* BORDER STYLES: */
  168. --borderWidth: 1px;
  169. --borderStyle: dotted;
  170.  
  171. /* POST WIDTH: */
  172. --widthA: 300px;
  173. --widthB: 400px;
  174. --widthC: 500px;
  175.  
  176. --photosetGutterSize: {text:Photoset gutter size};
  177.  
  178. /* BACKGROUND IMAGE: */
  179. --bgImageURL: url('{image:Background image}');
  180. --bgImagePosition: {text:Background image position};
  181. {block:IfBackgroundImageRepeat}
  182. --bgImageRepeat: repeat;
  183. {/block:IfBackgroundImageRepeat}
  184. {block:IfNotBackgroundImageRepeat}
  185. --bgImageRepeat: no-repeat;
  186. {/block:IfNotBackgroundImageRepeat}
  187. {block:IfBackgroundImageStretch}
  188. --bgImageSize: cover;
  189. {/block:IfBackgroundImageStretch}
  190. {block:IfNotBackgroundImageStretch}
  191. --bgImageSize: auto;
  192. {/block:IfNotBackgroundImageStretch}
  193.  
  194. }
  195.  
  196. {CustomCSS}
  197. </style>
  198. </head>
  199. <body class="{select:Post width}{block:IfEnableLargerIcons} larger-icons{/block:IfEnableLargerIcons}">
  200.  
  201.  
  202.  
  203. <!--**********************************************
  204.  
  205.  
  206. - You can enable/disable tab panels in
  207. the theme options
  208.  
  209. - Scroll down to edit the tabs panel contents
  210.  
  211.  
  212. **********************************************-->
  213.  
  214.  
  215.  
  216.  
  217.  
  218.  
  219. <!-- TOPBAR: -->
  220. <header id="topbar">
  221. <a href="https://yeoli-thm.tumblr.com" class="credit tooltip" title="Theme" target="_blank"><span class="ent ent-cc-nd"></span></a>
  222. <a href="/archive" class="archive tooltip" title="Archive"><span class="ent ent-clock"></span></a>
  223. <a href="/" class="blogtitle"><h1>{Title}</h1></a>
  224. </header>
  225. <!-- end of topbar -->
  226.  
  227.  
  228.  
  229.  
  230.  
  231.  
  232. <!-- SITE CONTAINER: -->
  233. <div id="container">
  234.  
  235.  
  236. <!-- (please do not edit/delete): -->
  237. <input type="radio" name="accordion" id="blog__tab" checked/>
  238. {block:AskEnabled}
  239. <input type="radio" name="accordion" id="message__tab"/>
  240. {/block:AskEnabled}
  241. {block:IfShowAboutTab}
  242. <input type="radio" name="accordion" id="about__tab"/>
  243. {/block:IfShowAboutTab}
  244. {block:IfShowNavigationTab}
  245. <input type="radio" name="accordion" id="navigation__tab"/>
  246. {/block:IfShowNavigationTab}
  247. {block:IfShowFAQTab}
  248. <input type="radio" name="accordion" id="faq__tab"/>
  249. {/block:IfShowFAQTab}
  250. {block:IfShowBlogrollTab}
  251. <input type="radio" name="accordion" id="blogroll__tab"/>
  252. {/block:IfShowBlogrollTab}
  253. <!------>
  254.  
  255.  
  256.  
  257.  
  258.  
  259.  
  260. <!-- SIDEBAR: -->
  261. <aside id="sidebar">
  262.  
  263. <!-- Sidebar Image: -->
  264. <a href="/" class="sidebar_image"{block:IfSidebarImageImage} style="background-image:url('{image:Sidebar image}')"{/block:IfSidebarImageImage}></a>
  265.  
  266. <!-- Menu Links (please do not edit/delete): -->
  267. <nav id="menu">
  268. <label for="blog__tab" class="blog_tab_label">
  269. <span class="ent ent-leaf"></span>
  270. <span class="subfont">Blog</span>
  271. </label>
  272. {block:AskEnabled}
  273. <label for="message__tab" class="message_tab_label">
  274. <span class="ent ent-mail"></span>
  275. <span class="subfont">Message</span>
  276. </label>
  277. {/block:AskEnabled}
  278. {block:IfShowAboutTab}
  279. <label for="about__tab" class="about_tab_label">
  280. <span class="ent ent-user"></span>
  281. <span class="subfont">About</span>
  282. </label>
  283. {/block:IfShowAboutTab}
  284. {block:IfShowNavigationTab}
  285. <label for="navigation__tab" class="navigation_tab_label">
  286. <span class="ent ent-layout"></span>
  287. <span class="subfont">Navigation</span>
  288. </label>
  289. {/block:IfShowNavigationTab}
  290. {block:IfShowFAQTab}
  291. <label for="faq__tab" class="faq_tab_label">
  292. <span class="ent ent-quote"></span>
  293. <span class="subfont">FAQ's</span>
  294. </label>
  295. {/block:IfShowFAQTab}
  296. {block:IfShowBlogrollTab}{block:Following}
  297. <label for="blogroll__tab" class="blogroll_tab_label">
  298. <span class="ent ent-star"></span>
  299. <span class="subfont">Blogroll</span>
  300. </label>
  301. {/block:Following}{/block:IfShowBlogrollTab}
  302. </nav>
  303. <!-- end of menu links -->
  304.  
  305. </aside>
  306. <!-- end of sidebar -->
  307.  
  308.  
  309.  
  310.  
  311.  
  312.  
  313. <!-- CONTENT BODY: -->
  314. <div id="contentbody">
  315.  
  316.  
  317.  
  318.  
  319.  
  320.  
  321. <!-- BLOG PANEL TAB (please do not edit/delete): -->
  322. <main id="blog__panel" class="panel-width">
  323. {block:Posts inlineMediaWidth="900" inlineNestedMediaWidth="900"}
  324. <article class="posts"{block:Date} id="{PostID}"{block:IndexPage}{block:NoteCount} data-notes-url="{PostNotesURL}"{/block:NoteCount}{/block:IndexPage}{/block:Date}>
  325.  
  326. {block:ContentSource}
  327. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}-->
  328. {/block:ContentSource}
  329.  
  330. {block:Text}
  331. {block:Title}<h1>{Title}</h1>{/block:Title}
  332. {block:NotReblog}
  333. {Body}
  334. {/block:NotReblog}
  335. {block:RebloggedFrom}
  336. {block:Reblogs}
  337. <div class="reblog_trail_item">
  338. <a{block:HasPermalink} href="{Permalink}" {Target}{/block:HasPermalink} class="tumblelog_username"{block:isOriginalEntry} style="display:none"{/block:IsOriginalEntry}{block:IsDeactivated} title="Deactivated"{/block:IsDeactivated}>
  339. {Username}:
  340. </a>
  341. {Body}
  342. </div>
  343. {/block:Reblogs}
  344. {/block:RebloggedFrom}
  345. {/block:Text}
  346.  
  347. {block:Photo}
  348. <figure>
  349. <div class="media">
  350. {block:IndexPage}<img src="{PhotoURL-HighRes}" style="display:block;width:100%"/>{/block:IndexPage}
  351. {block:PermalinkPage}<a href="/image/{PostID}" {Target}><img src="{PhotoURL-HighRes}" style="display:block;width:100%"/></a>{/block:PermalinkPage}
  352. </div>
  353. {block:Caption}
  354. <figcaption class="caption"{block:IndexPage}{block:IfNotShowPostCaptions} style="display:none"{/block:IfNotShowPostCaptions}{/block:IndexPage}>
  355. {block:NotReblog}
  356. {Caption}
  357. {/block:NotReblog}
  358. {block:RebloggedFrom}
  359. {block:Reblogs}
  360. <div class="reblog_trail_item">
  361. <a{block:HasPermalink} href="{Permalink}" {Target}{/block:HasPermalink} class="tumblelog_username"{block:isOriginalEntry} style="display:none"{/block:IsOriginalEntry}{block:IsDeactivated} title="Deactivated"{/block:IsDeactivated}>
  362. {Username}:
  363. </a>
  364. {Body}
  365. </div>
  366. {/block:Reblogs}
  367. {/block:RebloggedFrom}
  368. </figcaption>
  369. {/block:Caption}
  370. </figure>
  371. {/block:Photo}
  372.  
  373. {block:Photoset}
  374. <figure>
  375. <div class="media">
  376. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">
  377. {block:Photos}
  378. <div class="photo-data">
  379. <div class="pxu-photo">
  380. <img src="{PhotoURL-500}" alt="{PhotoAlt}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"/>
  381. </div>
  382. <a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a>
  383. </div>
  384. {/block:Photos}
  385. </div>
  386. </div>
  387. {block:Caption}
  388. <figcaption class="caption"{block:IndexPage}{block:IfNotShowPostCaptions} style="display:none"{/block:IfNotShowPostCaptions}{/block:IndexPage}>
  389. {block:NotReblog}
  390. {Caption}
  391. {/block:NotReblog}
  392. {block:RebloggedFrom}
  393. {block:Reblogs}
  394. <div class="reblog_trail_item">
  395. <a{block:HasPermalink} href="{Permalink}" {Target}{/block:HasPermalink} class="tumblelog_username"{block:isOriginalEntry} style="display:none"{/block:IsOriginalEntry}{block:IsDeactivated} title="Deactivated"{/block:IsDeactivated}>
  396. {Username}:
  397. </a>
  398. {Body}
  399. </div>
  400. {/block:Reblogs}
  401. {/block:RebloggedFrom}
  402. </figcaption>
  403. {/block:Caption}
  404. </figure>
  405. {/block:Photoset}
  406.  
  407. {block:Video}
  408. <figure>
  409. <div class="tmblr-embed">
  410. {VideoEmbed-500}
  411. </div>
  412. {block:Caption}
  413. <figcaption class="caption"{block:IndexPage}{block:IfNotShowPostCaptions} style="display:none"{/block:IfNotShowPostCaptions}{/block:IndexPage}>
  414. {block:NotReblog}
  415. {Caption}
  416. {/block:NotReblog}
  417. {block:RebloggedFrom}
  418. {block:Reblogs}
  419. <div class="reblog_trail_item">
  420. <a{block:HasPermalink} href="{Permalink}" {Target}{/block:HasPermalink} class="tumblelog_username"{block:isOriginalEntry} style="display:none"{/block:IsOriginalEntry}{block:IsDeactivated} title="Deactivated"{/block:IsDeactivated}>
  421. {Username}:
  422. </a>
  423. {Body}
  424. </div>
  425. {/block:Reblogs}
  426. {/block:RebloggedFrom}
  427. </figcaption>
  428. {/block:Caption}
  429. </figure>
  430. {/block:Video}
  431.  
  432. {block:Quote}
  433. <p class="quote">{Quote}</p>
  434. {block:Source}<p class="quote-source">- {Source}</p>{/block:Source}
  435. {/block:Quote}
  436.  
  437. {block:Link}
  438. <h1 class="post-link"><a href="{URL}" {Target}>
  439. <span class="ent ent-link"></span>{Name}
  440. </a></h1>
  441. {block:Description}
  442. <div class="caption">
  443. {block:NotReblog}
  444. {Description}
  445. {/block:NotReblog}
  446. {block:RebloggedFrom}
  447. {block:Reblogs}
  448. <div class="reblog_trail_item">
  449. <a{block:HasPermalink} href="{Permalink}" {Target}{/block:HasPermalink} class="tumblelog_username"{block:isOriginalEntry} style="display:none"{/block:IsOriginalEntry}{block:IsDeactivated} title="Deactivated"{/block:IsDeactivated}>
  450. {Username}:
  451. </a>
  452. {Body}
  453. </div>
  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="resetlist chat">
  463. {block:Lines}
  464. <li>
  465. {block:Label}<b class="chat-label">{Label}</b> {/block:Label}{Line}
  466. </li>
  467. {/block:Lines}
  468. </ul>
  469. {/block:Chat}
  470.  
  471. {block:Audio}
  472. <figure>
  473. {block:AudioEmbed}
  474. <div class="tmblr-embed">
  475. {AudioEmbed}
  476. </div>
  477. {/block:AudioEmbed}
  478. {block:AudioPlayer}
  479. <div class="trackname subfont">
  480. {block:TrackName}{TrackName}{/block:TrackName}
  481. </div>
  482. {block:AlbumArt}
  483. <div class="albumart">
  484. <img src="{AlbumArtURL}" alt="{TrackName}"/>
  485. </div>
  486. {/block:AlbumArt}
  487. <div class="audiobox">
  488. <div class="player">{AudioPlayer}</div>
  489. <div class="tracker"></div>
  490. <div class="music"><span class="ent ent-note-beamed"></span></div>
  491. </div>
  492. {/block:AudioPlayer}
  493. {block:Caption}
  494. <figcaption class="caption"{block:IndexPage}{block:IfNotShowPostCaptions} style="display:none"{/block:IfNotShowPostCaptions}{/block:IndexPage}>
  495. {block:NotReblog}
  496. {Caption}
  497. {/block:NotReblog}
  498. {block:RebloggedFrom}
  499. {block:Reblogs}
  500. <div class="reblog_trail_item">
  501. <a{block:HasPermalink} href="{Permalink}" {Target}{/block:HasPermalink} class="tumblelog_username"{block:isOriginalEntry} style="display:none"{/block:IsOriginalEntry}{block:IsDeactivated} title="Deactivated"{/block:IsDeactivated}>
  502. {Username}:
  503. </a>
  504. {Body}
  505. </div>
  506.  
  507. {/block:Reblogs}
  508. {/block:RebloggedFrom}
  509. </figcaption>
  510. {/block:Caption}
  511. </figure>
  512. {/block:Audio}
  513.  
  514. {block:Answer}
  515. <div class="ask-wrapper">
  516. <div class="ask-user">{Asker} asked:</div>
  517. <div class="ask-content">{Question}</div>
  518. </div>
  519. {block:NotReblog}
  520. <div class="answer-content" style="display:block">
  521. {Answer}
  522. </div>
  523. {/block:NotReblog}
  524. {block:RebloggedFrom}
  525. {block:Answerer}
  526. <div class="ask-wrapper">
  527. <div class="ask-user">{Answerer} replied:</div>
  528. <div class="ask-content">{Answer}</div>
  529. </div>
  530. {/block:Answerer}
  531. <div class="answer-content"{block:Reblogs} style="display:block"{/block:Reblogs}>
  532. {block:Reblogs}
  533. <div class="reblog_trail_item">
  534. <a{block:HasPermalink} href="{Permalink}" {Target}{/block:HasPermalink} class="tumblelog_username"{block:isOriginalEntry} style="display:none"{/block:IsOriginalEntry}{block:IsDeactivated} title="Deactivated"{/block:IsDeactivated}>
  535. {Username}:
  536. </a>
  537. {Body}
  538. </div>
  539. {/block:Reblogs}
  540. </div>
  541. {/block:RebloggedFrom}
  542. {/block:Answer}
  543.  
  544. {block:HasTags}
  545. <div class="tags subfont"{block:IndexPage}{block:IfNotShowPostTags} style="display:none"{/block:IfNotShowPostTags}{/block:IndexPage}>
  546. {block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}
  547. </div>
  548. {/block:HasTags}
  549.  
  550. {block:Date}
  551. <ul class="resetlist post_footer">
  552. <li class="btnbox">
  553. {block:IndexPage}
  554. <a href="{Permalink}" title="Permalink" class="permalink_btn tooltip">
  555. <span class="ent ent-dot-3"></span>
  556. </a>
  557. <a href="{Permalink}" title="View notes" class="notes_btn tooltip">
  558. <span class="ent ent-eye"></span>
  559. </a>
  560. {/block:IndexPage}
  561. {block:PermalinkPage}{block:RebloggedFrom}
  562. <a href="{ReblogParentURL}" title="Reblogged via {ReblogParentName}" class="via_btn tooltip" {Target}>
  563. <span class="ent ent-location"></span>
  564. </a>
  565. {/block:RebloggedFrom}{/block:PermalinkPage}
  566. </li>
  567. <li class="info">
  568. <span class="timeago subfont">{TimeAgo}</span>
  569. <span class="notecount subfont">+{NoteCount}</span>
  570. </li>
  571. <li class="btnbox">
  572. {block:PermalinkPage}{block:RebloggedFrom}
  573. <a href="{ReblogRootURL}" title="Posted by {ReblogRootName}" class="origin_btn tooltip" {Target}>
  574. <span class="ent ent-target"></span>
  575. </a>
  576. {/block:RebloggedFrom}{/block:PermalinkPage}
  577. {block:IndexPage}
  578. <div title="Like" class="like_btn tooltip">
  579. {LikeButton size="100"}
  580. <span class="likey ent ent-heart"></span>
  581. </div>
  582. <a href="{ReblogURL}" title="Reblog" class="reblog_btn tooltip" target="_blank">
  583. <span class="ent ent-forward"></span>
  584. </a>
  585. {/block:IndexPage}
  586. </li>
  587. </ul>
  588.  
  589. {block:IndexPage}
  590. <div class="notes_wrapper" style="display:none">
  591. <div class="no-notes"{block:NoteCount} style="display:none"{/block:NoteCount}>0 notes</div>
  592. {block:NoteCount}
  593. <div class="notes-loader">Loading notes...</div>
  594. <div class="notes-holder unprocessed"></div>
  595. {/block:NoteCount}
  596. </div>
  597. {/block:IndexPage}
  598.  
  599. {block:PostNotes}
  600. <div class="notes_wrapper">
  601. {PostNotes}
  602. </div>
  603. {/block:PostNotes}
  604. {/block:Date}
  605.  
  606. </article>
  607. {/block:Posts}
  608. </main>
  609. <!-- end of blog panel tab -->
  610.  
  611.  
  612.  
  613.  
  614.  
  615.  
  616. <!-- MESSAGE PANEL TAB (please do not edit/delete): -->
  617. {block:AskEnabled}
  618. <div id="message__panel" class="panel-width">
  619.  
  620. <h1> // MESSAGE </h1>
  621.  
  622. <div class="entry">
  623. <h4> {AskLabel} </h4>
  624. <p><iframe frameborder="0" scrolling="no" width="100%" height="190" src="https://www.tumblr.com/ask_form/{Name}.tumblr.com" style="background-color:transparent;overflow:hidden" id="ask_form"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]--></iframe></p>
  625. </div>
  626.  
  627. </div>
  628. {/block:AskEnabled}
  629. <!-- end of message panel tab -->
  630.  
  631.  
  632.  
  633.  
  634.  
  635.  
  636. <!-- ABOUT PANEL TAB: -->
  637. {block:IfShowAboutTab}
  638. <div id="about__panel" class="panel-width">
  639.  
  640. <h1> // ABOUT </h1>
  641.  
  642. <div class="entry">
  643. <!----------------------------------------|
  644.  
  645. Your description automatically goes
  646. in this section below:
  647.  
  648. |----------------------------------------->
  649.  
  650. {block:Description}
  651. <h6> Description </h6>
  652. <p> {Description} </p>
  653.  
  654. <hr> <!-- line break -->
  655. {/block:Description}
  656.  
  657. <!----------------------------------------|
  658.  
  659. Your about contents goes in this
  660. section below:
  661.  
  662. (edit and delete as you wish)
  663.  
  664. |----------------------------------------->
  665.  
  666. <b> Name :</b> -
  667. <br>
  668. <b> Age:</b> -
  669. <br>
  670. <b> Location :</b> -
  671. <br>
  672.  
  673. <hr> <!-- line break -->
  674.  
  675. <p> Content </p>
  676.  
  677. <p> Content </p>
  678.  
  679. <!---------------------------------------->
  680. </div>
  681.  
  682. </div>
  683. {/block:IfShowAboutTab}
  684. <!-- end of about panel tab -->
  685.  
  686.  
  687.  
  688.  
  689.  
  690.  
  691. <!-- NAVIGATION PANEL TAB: -->
  692. {block:IfShowNavigationTab}
  693. <div id="navigation__panel" class="panel-width">
  694.  
  695. <h1> // Navigation </h1>
  696.  
  697. <div class="entry">
  698. <!----------------------------------------|
  699.  
  700. Your navigation links goes in this
  701. section below:
  702.  
  703. (edit and delete as you wish)
  704.  
  705. ** you can have the links as either
  706. "horizontal" or "vertical"
  707.  
  708. |----------------------------------------->
  709.  
  710. <h4> Subheading </h4>
  711.  
  712. <nav class="links vertical">
  713. <a href="/"> Link </a>
  714. <a href="/"> Link </a>
  715. <a href="/"> Link </a>
  716. <a href="/"> Link </a>
  717. </nav>
  718.  
  719. <hr> <!-- line break -->
  720.  
  721. <h4> Subheading </h4>
  722.  
  723. <nav class="links horizontal">
  724. <a href="/"> Link </a>
  725. <a href="/"> Link </a>
  726. <a href="/"> Link </a>
  727. <a href="/"> Link </a>
  728. </nav>
  729.  
  730. <hr> <!-- line break -->
  731.  
  732. <h4> Subheading </h4>
  733.  
  734. <nav class="links vertical">
  735. <a href="/"> Link </a>
  736. <a href="/"> Link </a>
  737. <a href="/"> Link </a>
  738. <a href="/"> Link </a>
  739. </nav>
  740.  
  741. <!---------------------------------------->
  742. </div>
  743.  
  744. </div>
  745. {/block:IfShowNavigationTab}
  746. <!-- end of navigation panel tab -->
  747.  
  748.  
  749.  
  750.  
  751.  
  752.  
  753. <!-- FAQ PANEL TAB: -->
  754. {block:IfShowFAQTab}
  755. <div id="faq__panel" class="panel-width">
  756.  
  757. <h1> // FAQ'S </h1>
  758.  
  759. <ol class="faq">
  760. <!----------------------------------------|
  761.  
  762. Your FAQ contents goes in this
  763. section below:
  764.  
  765. (edit and delete as you wish)
  766.  
  767. |----------------------------------------->
  768.  
  769. <li>
  770. <h6 class="question"> Question? </h6>
  771. <div class="answer"> Answer </div>
  772. </li>
  773.  
  774. <li>
  775. <h6 class="question"> Question? </h6>
  776. <div class="answer"> Answer </div>
  777. </li>
  778.  
  779. <li>
  780. <h6 class="question"> Question? </h6>
  781. <div class="answer"> Answer </div>
  782. </li>
  783.  
  784. <li>
  785. <h6 class="question"> Question? </h6>
  786. <div class="answer"> Answer </div>
  787. </li>
  788.  
  789. <!---------------------------------------->
  790. </ol>
  791.  
  792. </div>
  793. {/block:IfShowFAQTab}
  794. <!-- end of FAQ panel tab -->
  795.  
  796.  
  797.  
  798.  
  799.  
  800.  
  801. <!-- BLOGROLL PANEL TAB (please do not edit/delete): -->
  802. {block:IfShowBlogrollTab}{block:Following}
  803. <div id="blogroll__panel" class="panel-width">
  804.  
  805. <h1> // BLOGROLL </h1>
  806.  
  807. <div class="blogroll subfont">
  808. {block:Followed}
  809. <a href="{FollowwedURL}" class="following" {Target}>
  810. <img src="{FollowedPortraitURL-48}"/>
  811. <span>{FollowedName}</span>
  812. </a>
  813. {/block:Followed}
  814. </div>
  815.  
  816. </div>
  817. {/block:Following}{/block:IfShowBlogrollTab}
  818. <!-- end of blogroll panel tab -->
  819.  
  820.  
  821.  
  822.  
  823.  
  824.  
  825. </div>
  826. <!-- end of content body -->
  827.  
  828. </div>
  829. <!-- end of site container -->
  830.  
  831.  
  832.  
  833.  
  834.  
  835.  
  836. <!-- PAGINATION: -->
  837. {block:Pagination}
  838. <div id="pagination">
  839. {block:NextPage}
  840. <a href="{NextPage}" title="Next page" class="tooltip">
  841. <span class="ent ent-right-open"></span>
  842. </a>
  843. {/block:NextPage}
  844. {block:PreviousPage}
  845. <a href="{PreviousPage}" title="Prev page" class="tooltip">
  846. <span class="ent ent-left-open"></span>
  847. </a>
  848. {/block:PreviousPage}
  849. </div>
  850. {/block:Pagination}
  851. <!-- end of pagination -->
  852.  
  853.  
  854.  
  855.  
  856.  
  857.  
  858. <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
  859. <script src="https://static.tumblr.com/kmw8hta/1WKpaiuda/tooltipster.main.min.js"></script>
  860. <script src="https://static.tumblr.com/kmw8hta/heppglaoh/tooltipster-discovery.min.js"></script>
  861. <script src="https://static.tumblr.com/kmw8hta/rVKpb21vn/pxuphotoset.min.js"></script>
  862. <script src="https://cdn.jsdelivr.net/gh/echxn/yeolithm@master/src/js/thm31.js"></script>
  863.  
  864.  
  865. <!--
  866. ==========================================================
  867.  
  868.  
  869. // Credits:
  870.  
  871. Entypo Icons
  872. - www.entypo.com
  873. - Copyright (c) 2015 Daniel Bruce
  874. - Licensed under the CC BY-SA 4.0 license
  875.  
  876. PXU Photoset Extended
  877. - github.com/pixelunion/Extended-Tumblr-Photoset
  878. - Copyright (c) 2013 Pixel Union
  879. - Licensed under the MIT license
  880.  
  881. Tooltipster
  882. - github.com/iamceege/tooltipster
  883. - Copyright (c) 2012,2016 Caleb Jacob and Louis Ameline
  884. - Licensed under the MIT license
  885.  
  886.  
  887. ==========================================================
  888. -->
  889.  
  890.  
  891. </body>
  892. </html>
Advertisement
Add Comment
Please, Sign In to add comment