API tools faq
paste
Advertisement
foundcas

th 26: beaded

foundcas
Jan 16th, 2021 (edited)
1,031
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.83 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <!--
  5. THEME 26 BEADED
  6. by foundcas/capecoding
  7.  
  8. - Sidebar Photo by Simon Berger on Unsplash
  9. - find full credits at https://capecoding.tumblr.com/credits
  10. - Do not use as a base code or take parts of code
  11. - If there are any problems, message me at https://capecoding.tumblr.com/ask
  12.  
  13. -->
  14. <title>{Title}{block:Tagpage}: #{tag}{/block:TagPage}{block:searchpage}: {lang:search results for searchquery}{/block:searchpage}{block:postsummary}: {postsummary}{/block:postsummary}</title>
  15.  
  16. {block:Description}<meta name="description" content="{MetaDescription}">{/block:Description}
  17.  
  18. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  19.  
  20. <!--color options-->
  21. <meta name="color:background" content="#fff">
  22. <meta name="color:accent" content="#eee">
  23. <meta name="color:text" content="#444">
  24. <meta name="color:link" content="#beaded">
  25. <meta name="color:gradient1" content="#edb878">
  26. <meta name="color:gradient2" content="#fbb0b0">
  27. <meta name="color:gradient3" content="#cab1da">
  28. <!--text options-->
  29. <meta name="text:link url 1" content="url 1">
  30. <meta name="text:link 1" content="link 1">
  31. <meta name="text:link url 2" content="url 2">
  32. <meta name="text:link 2" content="link 2">
  33. <meta name="text:link url 3" content="url 3">
  34. <meta name="text:link 3" content="link 3">
  35. <meta name="text:link url 4" content="url 4">
  36. <meta name="text:link 4" content="link 4">
  37. <meta name="text:link url 5" content="url 5">
  38. <meta name="text:link 5" content="link 5">
  39. <!--image options-->
  40. <meta name="image:sidebar" content="https://static.tumblr.com/r44duse/JDeqn1oar/simon-berger-twukn12en7c-unsplash.jpg">
  41. <!--booleans-->
  42. <meta name="if:sidebar" content="1">
  43. <meta name="if:500px posts" content="1">
  44. <meta name="if:colored text styles" content="1">
  45. <meta name="if:underline headings" content="1">
  46. <!--dropdowns-->
  47. <!--font size-->
  48. <meta name="select:font size" content="14px" title="14px">
  49. <meta name="select:font size" content="16px" title="16px">
  50. <meta name="select:font size" content="18px" title="18px">
  51. <!--font family-->
  52. <meta name="select:font" content="poppins" title="Poppins">
  53. <meta name="select:font" content="arial" title="Arial">
  54. <meta name="select:font" content="verdana" title="Verdana">
  55. <meta name="select:font" content="georgia" title="Georiga">
  56. <meta name="select:font" content="garamond" title="Garamond">
  57. <meta name="select:font" content="courier" title="Courier New">
  58. <meta name="select:font" content="nanum gothic" title="Nanum Gothic">
  59. <meta name="select:font" content="quicksand" title="Quicksand">
  60. <meta name="select:font" content="ubuntu" title="Ubuntu">
  61. <meta name="select:font" content="dosis" title="Dosis">
  62.  
  63. <link rel="shortcut icon" href="{Favicon}">
  64. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  65.  
  66. <!--google fonts-->
  67. <link rel="preconnect" href="https://fonts.gstatic.com">
  68. <link href="https://fonts.googleapis.com/css2?family=Dosis:wght@200;300;400;500;600;700;800&family=Nanum+Gothic:wght@400;700;800&family=Quicksand:wght@300;400;500;600;700&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap&family=Poppins&display=swap" rel="stylesheet">
  69. <!--font awesome icons-->
  70. <script src="https://kit.fontawesome.com/e1c5fe38ac.js" crossorigin="anonymous"></script>
  71. <!--jquery-->
  72. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
  73. <!--search toggle-->
  74. <script>
  75. $(document).ready(function(){
  76. $('.fa-search').click(function(){
  77. $('input').fadeToggle("slow");
  78. });
  79. });
  80. </script>
  81. <!--navigation toggle-->
  82. <script>
  83. $(document).ready(function(){
  84. $('.fa-bars').click(function(){
  85. $('.links').fadeToggle("slow");
  86. });
  87. });
  88. </script>
  89. <script>
  90. $(document).ready(function(){
  91. //Check to see if the window is top if not then display button
  92. $(window).scroll(function(){
  93. if ($(this).scrollTop() > 100) {
  94. $('.scrollToTop').fadeIn();
  95. } else {
  96. $('.scrollToTop').fadeOut();
  97. }
  98. });
  99. //Click event to scroll to top
  100. $('.scrollToTop').click(function(){
  101. $('html, body').animate({scrollTop : 0},800);
  102. return false;
  103. });
  104. });
  105. </script>
  106. <!--
  107. NPF IMAGES READJUSTMENT | @glenthemes
  108. v2.0 [last updated: 2021-01-06]
  109. -->
  110. <link href="//dl.dropbox.com/s/bnoj86mka0bkplb/npf-override.css" rel="stylesheet">
  111. <script src="//dl.dropbox.com/s/vwrm94pcg4c9e71/npf-evenize.js"></script>
  112.  
  113. <style type="text/css">
  114. :root {
  115. --NPF-Image-Spacing:4px;
  116. --NPF-Bottom-Gap-From-Captions:1em;
  117. }
  118. </style>
  119. <style type="text/css">
  120. /*fade in*/
  121. @-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  122. @-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  123. @keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  124.  
  125. .fade-in {
  126. opacity:0; /* make things invisible upon start */
  127. -webkit-animation:fadeIn ease-in 1; /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
  128. -moz-animation:fadeIn ease-in 1;
  129. animation:fadeIn ease-in 1;
  130.  
  131. -webkit-animation-fill-mode:forwards; /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
  132. -moz-animation-fill-mode:forwards;
  133. animation-fill-mode:forwards;
  134.  
  135. -webkit-animation-duration:1s;
  136. -moz-animation-duration:1s;
  137. animation-duration:1s;
  138. }
  139. /*selection*/
  140. ::selection{
  141. background:{color:accent};
  142. }
  143. /*scroll bar*/
  144. ::-webkit-scrollbar{
  145. background:{color:background};
  146. width:4px;
  147. }
  148.  
  149. ::-webkit-scrollbar-thumb{
  150. background:{color:link};
  151. width:4px;
  152. height:auto;
  153. }
  154. /*tumblr controls*/
  155. .tumblr-iframe--gdpr-banner, .tmblr-iframe--amp-cta-button{
  156. display:none;
  157. }
  158. .tmblr-iframe:not(.tmblr-iframe--loaded.iframe-controls--desktop){
  159. display:none;
  160. }
  161. .iframe-controls--desktop {
  162. position:fixed;
  163. right:0px;
  164. z-index:999999999999;
  165. filter:invert(100%);
  166. -webkit-filter:invert(100%);
  167. -webkit-transform:scale(0.8,0.8);
  168. -webkit-transform-origin: 100% 0%;
  169. -ms-transform-origin:100% 0%;
  170. -ms-transform:scale(0.8,0.8);
  171. transform:scale(0.8,0.8);
  172. transform-origin:100% 0%;
  173. }
  174. /*scroll to top*/
  175. .scrollToTop{
  176. position:fixed;
  177. background:{color:accent};
  178. bottom:60px;
  179. right:15px;
  180. display:none;
  181. background: url('arrow_up.png') no-repeat 0px 20px;
  182. }
  183. .scrollToTop i{
  184. border-radius:100%;
  185. padding:20px;
  186. background:{color:accent};
  187. }
  188. .scrollToTop i:hover{
  189. background: -webkit-linear-gradient({color:gradient1},{color:gradient2},{color:gradient3});
  190. background: -moz-linear-gradient({color:gradient1},{color:gradient2},{color:gradient3});
  191. background: -o-linear-gradient({color:gradient1},{color:gradient2},{color:gradient3});
  192. background: linear-gradient({color:gradient1},{color:gradient2},{color:gradient3});
  193. }
  194. /*tool tips*/
  195. .tippy-tooltip.custom-theme{
  196. background-color:{color:accent};
  197. color:{color:text};
  198. text-align:center;
  199. text-transform:lowercase;
  200. }
  201. .tippy-tooltip.custom-theme .tippy-svg-arrow{
  202. fill:{color:accent};
  203. }
  204. /*body*/
  205. body{
  206. color:{color:text};
  207. background:{color:background};
  208. font-family: {select:font};
  209. font-size:{select:font size};
  210. }
  211. /*headings*/
  212. h1, h2, h3, h4, h5, h6{
  213. text-align:center;
  214. {block:ifunderlineheadings}
  215. border-bottom:1px solid {color:text};
  216. {/block:ifunderlineheadings}
  217. }
  218. /*bold, italic, strikethrough text*/
  219. {block:ifcoloredtextstyles}
  220. b{
  221. color:{color:gradient2};
  222. text-shadow:1px 1px 2px {color:accent};
  223. }
  224. i{
  225. color:{color:gradient1};
  226. text-shadow:1px 1px 2px {color:accent};
  227. }
  228. strike{
  229. color:{color:gradient3};
  230. }
  231. {/block:ifcoloredtextstyles}
  232. /*list items*/
  233. li{
  234. padding:10px;
  235. }
  236. /*pre*/
  237. pre, code{
  238. padding:15px;
  239. box-sizing:border-box;
  240. -moz-box-sizing:border-box;
  241. webkit-box-sizing:border-box;
  242. display:block;
  243. white-space: pre-wrap;
  244. white-space: -moz-pre-wrap;
  245. white-space: -pre-wrap;
  246. white-space: -o-pre-wrap;
  247. word-wrap: break-word;
  248. width:100%;
  249. overflow-x:auto;
  250. border-radius:30px;
  251. background:{color:gradient3};
  252. }
  253. /*blockquote*/
  254. blockquote{
  255. border-left:1px solid {color:text};
  256. padding:0px 10px;
  257. }
  258. /*links*/
  259. a, .fa{
  260. color:{color:link};
  261. text-decoration:none;
  262. -webkit-transition: all 0.8s ease-out;
  263. -moz-transition: all 0.8s ease-out;
  264. -o-transition: all 0.8s ease-out;
  265. transition: all 0.8s ease-out;
  266. }
  267. a:hover{
  268. color:{color:text};
  269. -webkit-transition: all 0.8s ease-out;
  270. -moz-transition: all 0.8s ease-out;
  271. -o-transition: all 0.8s ease-out;
  272. transition: all 0.8s ease-out;
  273. }
  274. /*side nav*/
  275. nav{
  276. position:fixed;
  277. width:60px;
  278. top:20%;
  279. left:250px;
  280. }
  281. nav i{
  282. border-radius:100%;
  283. padding:20px;
  284. background:{color:accent};
  285. }
  286. nav a{
  287. display:block;
  288. margin:10px 0px;
  289. }
  290. nav i:hover{
  291. background: -webkit-linear-gradient({color:gradient1},{color:gradient2},{color:gradient3});
  292. background: -moz-linear-gradient({color:gradient1},{color:gradient2},{color:gradient3});
  293. background: -o-linear-gradient({color:gradient1},{color:gradient2},{color:gradient3});
  294. background: linear-gradient({color:gradient1},{color:gradient2},{color:gradient3});
  295. }
  296. input{
  297. position:absolute;
  298. border:1px solid {color:accent};
  299. padding:10px;
  300. transform:translate(-200px,-45px);
  301. display:none;
  302. text-transform:uppercase;
  303. letter-spacing:2px;
  304. }
  305. input:focus{
  306. background:{color:accent};
  307. }
  308. .links{
  309. position:fixed;
  310. background:{color:accent};
  311. height:100%;
  312. display:none;
  313. padding:20px;
  314. width:541px;
  315. {block:if500pxposts}
  316. width:501px;
  317. {/block:if500pxposts}
  318. margin:-50px auto 0px 350px;
  319. overflow-y:auto;
  320. }
  321. .links a{
  322. display:block;
  323. padding:20px;
  324. }
  325. /*right sidebar*/
  326. {block:ifsidebar}
  327. aside{
  328. position:fixed;
  329. top:20%;
  330. left:1000px;
  331. {block:if500pxposts}
  332. left:960px;
  333. {/block:if500pxposts}
  334. max-width:300px;
  335. }
  336. aside img{
  337. border-radius:100%;
  338. width:90px;
  339. height:90px;
  340. vertical-align:middle;
  341. padding:5px;
  342. border:2px solid {color:accent};
  343. }
  344. .title{
  345. display:inline-block;
  346. font: italic bold 28px poppins;
  347. margin:0px 10px;
  348. padding:5px;
  349. background:linear-gradient(to right, {color:gradient1}, {color:gradient2}, {color:gradient3});
  350. -webkit-text-fill-color:transparent;
  351. -webkit-background-clip:text;
  352. }
  353. .description{
  354. max-height:150px;
  355. margin-top:10px;
  356. overflow:auto;
  357. padding:10px;
  358. border-radius:30px;
  359. border:2px solid {color:accent};
  360. }
  361. {/block:ifsidebar}
  362. /*posts*/
  363. .posts{
  364. width:540px;
  365. {block:if500pxposts}
  366. width:500px;
  367. {/block:if500pxposts}
  368. margin:50px auto 100px 350px;
  369. border-radius:30px;
  370. padding:20px;
  371. border:1px solid {color:accent};
  372. }
  373. iframe{
  374. max-width:100%;
  375. margin:auto;
  376. }
  377. figure img{
  378. max-width:100%;
  379. height:auto;
  380. margin:auto;
  381. }
  382. /*reblogs*/
  383. .reblog-header{
  384. border-radius:30px;
  385. padding:10px;
  386. margin:10px 0px;
  387. background:{color:accent};
  388. }
  389. .reblog-header img{
  390. border-radius:100%;
  391. width:40px;
  392. vertical-align:middle;
  393. }
  394. /*read more*/
  395. .read_more_container a{
  396. border:1px solid{color:accent};
  397. border-radius:30px;
  398. padding:5px;
  399. }
  400. .read_more_container a:after{
  401. content:"...";
  402. }
  403. .read_more_container a:hover{
  404. border:1px solid{color:text};
  405. }
  406. /*asks*/
  407. .asker{
  408. text-align:center;
  409. font-size:18px;
  410. }
  411. .asker_portrait{
  412. border-radius:100%;
  413. width:40px;
  414. vertical-align:middle;
  415. }
  416. .question{
  417. padding:10px;
  418. background:{color:accent};
  419. border-radius:30px;
  420. margin-bottom:20px;
  421. }
  422. .reply{
  423. padding:10px;
  424. border-radius:30px;
  425. background:{color:accent};
  426. }
  427. .answerer{
  428. text-align:center;
  429. }
  430. /*chat posts*/
  431. .chat-post ul{
  432. list-style-type:none;
  433. margin-left:-40px;
  434. }
  435. .label{
  436. font-weight:bold;
  437. padding:5px;
  438. border-radius:30px;
  439. }
  440. .chat-post li:nth-child(odd) .label{
  441. background:{color:gradient1};
  442.  
  443. }
  444. .chat-post li:nth-child(even) .label{
  445. background:{color:gradient2};
  446. }
  447. /*quotes*/
  448. .quote-source{
  449. font-weight:bold;
  450. }
  451. /*audio*/
  452. .audio-wrap{
  453. padding:20px;
  454. border-radius:30px;
  455. border:1px solid {color:accent};
  456. }
  457. .audio-button{
  458. width:33px;
  459. height:30px;
  460. margin-top:30px;
  461. margin-left:33px;
  462. }
  463. .audio-info{
  464. margin-bottom:10px;
  465. margin-left:120px;
  466. margin-top:-40px;
  467. }
  468. /*pinned posts*/
  469. .pin{
  470. text-align:center;
  471. text-transform:uppercase;
  472. letter-spacing:2px;
  473. font-weight:900;
  474. margin-bottom:16px;
  475. }
  476. /*tag/search pages*/
  477. header{
  478. width:540px;
  479. {block:if500pxposts}
  480. width:500px;
  481. {/block:if500pxposts}
  482. margin:50px auto 50px 350px;
  483. text-align:center;
  484. font-size:20px;
  485. font-weight:bold;
  486. border:1px solid{color:accent};
  487. border-radius:30px;
  488. padding:20px;
  489. }
  490. /*notes*/
  491. ol.notes{
  492. list-style-type:none;
  493. margin-left:-40px;
  494. }
  495. ol.notes li.note{
  496. padding:10px;
  497. }
  498. ol.notes li.note img.avatar{
  499. border-radius:100%;
  500. width:40px;
  501. vertical-align:middle;
  502. margin-right:10px;
  503. }
  504. /*credit*/
  505. .credit{
  506. position:fixed;
  507. bottom:20px;
  508. right:30px;
  509. }
  510. /*media queries*/
  511. @media only screen and (max-width: 450px) {
  512. .posts{
  513. width:300px;
  514. }
  515. }
  516. @media only screen and (max-width: 900px) {
  517. .posts{
  518. margin:150px auto -50px auto;
  519. max-width:400px;
  520. }
  521. .posts:last-child{
  522. margin-bottom:40px;
  523. }
  524. .links{
  525. margin:-100px auto;
  526. width:100%;
  527. }
  528. header{
  529. margin:150px auto -100px auto;
  530. max-width:400px;
  531. }
  532. nav{
  533. left:0px;
  534. top:0px;
  535. width:100%;
  536. background:{color:accent};
  537. }
  538. nav a{
  539. margin:10px;
  540. display:inline;
  541. }
  542. input{
  543. transform:translate(400px,-45px);
  544. }
  545. }
  546. @media only screen and (max-width: 1300px) {
  547. aside{
  548. display:none;
  549. }
  550. }
  551.  
  552. {CustomCSS}
  553. </style>
  554. </head>
  555. <body class="fade-in">
  556. <main>
  557. <!--sidebar-->
  558. <nav>
  559. <a title="{lang:home}" href="/"><i class="fa fa-home" aria-hidden="true"></i></a>
  560. {block:AskEnabled}
  561. <a title="{AskLabel}" href="/ask"><i class="fa fa-question" aria-hidden="true"></i></a>
  562. {/block:AskEnabled}
  563. {block:SubmissionsEnabled}
  564. <a title="{SubmitLabel}" href="/submit"><i class="fa fa-paper-plane" aria-hidden="true"></i></a>
  565. {/block:SubmissionsEnabled}
  566. <a><i title="click for links" class="fa fa-bars" aria-hidden="true"></i></a>
  567. <i title="click to search" class="fa fa-search" aria-hidden="true"></i>
  568. <form action="/search" method="get">
  569. <input type="text" name="q" value="{SearchQuery}" placeholder="{lang:Search}">
  570. </form>
  571. {block:Pagination}
  572. {block:PreviousPage}
  573. <a title="{lang:Prev}" href="{PreviousPage}"><i class="fa fa-arrow-left" aria-hidden="true"></i></a>
  574. {/block:PreviousPage}
  575. {block:NextPage}
  576. <a title="{lang:Next}" href="{NextPage}"><i class="fa fa-arrow-right" aria-hidden="true"></i></a>
  577. {/block:NextPage}
  578. {/block:Pagination}
  579. </nav>
  580.  
  581. <!--right sidebar-->
  582. {block:ifsidebar}
  583. <aside>
  584. <img src="{image:sidebar}">
  585. <div class="title">{Title}</div>
  586. <div class="description">{Description}</div>
  587. </aside>
  588.  
  589. <!--links menu // opens over posts-->
  590. <div class="links">
  591. {block:ifLink1}
  592. <a href="{text:link url 1}">{text:Link 1}</a>
  593. {/block:ifLink1}
  594.  
  595. {block:ifLink2}
  596. <a href="{text:link url 2}">{text:Link 2}</a>
  597. {/block:ifLink2}
  598.  
  599. {block:ifLink3}
  600. <a href="{text:link url 3}">{text:Link 3}</a>
  601. {/block:ifLink3}
  602.  
  603. {block:ifLink4}
  604. <a href="{text:link url 4}">{text:Link 4}</a>
  605. {/block:ifLink4}
  606.  
  607. {block:ifLink5}
  608. <a href="{text:link url 5}">{text:Link 5}</a>
  609. {/block:ifLink5}
  610. {block:haspages}
  611. {block:pages}
  612. <a href="{url}">{label}</a>
  613. {/block:pages}
  614. {/block:haspages}
  615. <a href="/archive">archive</a>
  616. </div>
  617. {/block:ifsidebar}
  618. <!--post markup-->
  619.  
  620. <section>
  621.  
  622. <article>
  623. {block:TagPage}
  624. <header>{lang:Posts tagged Tag}</header>
  625. {/block:TagPage}
  626.  
  627. {block:SearchPage}
  628. <header>{lang:Search results for SearchQuery} ({lang:SearchResultCount results})</header>
  629. {/block:SearchPage}
  630. </article>
  631. {block:Posts}
  632. <article class="posts {PostType}-post" post-type="{PostType}">
  633. <!--remove tumblr default via/source-->
  634. {block:ContentSource}<!--{SourceURL}{block:SourceLogo}<img src=“{BlackLogoURL}”
  635. width=“{LogoWidth}” height=“{LogoHeight}” alt=“{SourceTitle}” />
  636. {/block:SourceLogo}
  637. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}-->
  638. {/block:ContentSource}
  639.  
  640. <!--pinned posts-->
  641. {block:HomePage}
  642. {block:PinnedPostLabel}<div class="pin"><i class="fas fa-thumbtack"></i> Pinned Post</div>{/block:PinnedPostLabel}
  643. {/block:HomePage}
  644.  
  645. {block:Text}
  646. {block:Title}<h2>{Title}</h2>{/block:Title}
  647. {block:NotReblog}
  648. {Body}
  649. {/block:NotReblog}
  650.  
  651. {block:RebloggedFrom}
  652. <div class="reblog-list">
  653. {block:Reblogs}
  654. <div class="{block:isOriginalEntry}original-reblog{/block:isOriginalEntry}">
  655. <div class="reblog-header">
  656. {block:IsActive}
  657. <a class="{block:isNotOriginalEntry}sub-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
  658. <img src="{PortraitURL-64}">
  659. </a>
  660. {/block:IsActive}
  661.  
  662. {block:IsDeactivated}
  663. <span class="inactive {block:isNotOriginalEntry} sub-reblog{/block:isNotOriginalEntry}">
  664. <img src="{PortraitURL-64}">
  665. </span>
  666. {/block:IsDeactivated}
  667.  
  668. {block:IsActive}
  669. <a target="_blank" href="{Permalink}">{Username}</a>
  670. {/block:IsActive}
  671.  
  672. {block:IsDeactivated}
  673. <span class="inactive">{Username}</span>
  674. {/block:IsDeactivated}
  675. </div>
  676. <div class="reblog-content">
  677. {Body}
  678. </div>
  679. </div>
  680. {/block:Reblogs}
  681. </div>
  682. {/block:RebloggedFrom}
  683. {/block:Text}
  684.  
  685. <!--chat-->
  686. {block:Chat}
  687. {block:Title}<h2>{Title}</h2>{/block:Title}
  688. <ul>
  689. {block:Lines}
  690. <li>{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>
  691. {/block:Lines}
  692. </ul>
  693. {/block:Chat}
  694.  
  695. <!--quote-->
  696. {block:Quote}
  697. <i class="fa fa-quote-left" aria-hidden="true"></i>
  698. {Quote}
  699. <i class="fa fa-quote-right" aria-hidden="true"></i>
  700. {block:Source}
  701. <div class="quote-source">
  702. - {Source}
  703. </div>
  704. {/block:Source}
  705. {/block:Quote}
  706.  
  707. <!--link-->
  708. {block:Link}
  709. <h2><i class="fa fa-link" aria-hidden="true"></i>
  710. <a href="{URL}" {Target}>{Name}</a></h2>
  711. {Description}
  712. {/block:Link}
  713.  
  714. <!--photo-->
  715. {block:Photo}
  716. <figure>
  717. <img src="{photourl-highres}" alt="{photoalt}">
  718. </figure>
  719. {/block:Photo}
  720.  
  721. <!--photoset-->
  722. {block:Photoset}
  723. {Photoset}
  724. {/block:Photoset}
  725.  
  726. <!--panorama-->
  727. {block:Panorama}
  728. <img src="{photourl-panorama}" alt="{photoalt}">
  729. {/block:Panorama}
  730.  
  731. <!--audio-->
  732. {block:Audio}
  733. <div class="audio-wrap">
  734. {block:AudioPlayer}
  735. <div class="audio-button">{AudioPlayer}</div>
  736. {/block:AudioPlayer}
  737. <div class="audio-info">
  738. {block:Artist}
  739. {Artist}<br>
  740. {/block:Artist}
  741. {block:TrackName}
  742. {TrackName}<br>
  743. {/block:TrackName}
  744. {block:Album}
  745. {Album}<br>
  746. {/block:Album}
  747. </div>
  748. </div>
  749. {/block:Audio}
  750.  
  751. <!--video-->
  752. {block:Video}
  753. {Video-700}
  754. {/block:Video}
  755.  
  756. <!--asks-->
  757. {block:Answer}
  758. <div class="ask">
  759. <div class="question">
  760. <div class="asker">
  761. <img src="{AskerPortraitURL-128}" class="asker_portrait"> <a href="{AskerURL}">{lang:Asker asked}</a>:<br>
  762. </div>
  763. {Question}
  764. </div>
  765.  
  766. <div class="reply">
  767. <div class="answerer"><img src="{AnswererPortraitURL-64}" class="asker_portrait"> {block:notreblog}<img src="{PortraitURL-64}" class="asker_portrait"> {name}{/block:notreblog}{Answerer} replied:
  768. </div>
  769. {Answer}
  770. </div>
  771. </div>
  772. {/block:Answer}
  773.  
  774. <!--captions-->
  775. {block:Caption}
  776. {block:NotReblog}
  777. <figcaption>
  778. {Caption}
  779. </figcaption>
  780. {/block:NotReblog}
  781.  
  782. {block:RebloggedFrom}
  783. <div class="reblog-list">
  784. {block:Reblogs}
  785. <div class="{block:isOriginalEntry}original-reblog{/block:isOriginalEntry}">
  786. <div class="reblog-header">
  787.  
  788. {block:IsActive}
  789. <a class="{block:isNotOriginalEntry}sub-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
  790. <img src="{PortraitURL-64}">
  791. </a>
  792. {/block:IsActive}
  793.  
  794. {block:IsDeactivated}
  795. <span class="inactive {block:isNotOriginalEntry} sub-reblog{/block:isNotOriginalEntry}">
  796. <img src="{PortraitURL-64}">
  797. </span>
  798. {/block:IsDeactivated}
  799.  
  800. {block:IsActive}
  801. <a target="_blank" href="{Permalink}">{Username}</a>
  802. {/block:IsActive}
  803.  
  804. {block:IsDeactivated}
  805. <span class="inactive">{Username}</span>
  806. {/block:IsDeactivated}
  807.  
  808. </div>
  809. <div class="reblog-content">
  810. {Body}
  811. </div>
  812. </div>
  813. {/block:Reblogs}
  814. </div>
  815. {/block:RebloggedFrom}
  816. {/block:Caption}
  817.  
  818. <div class="post-info">
  819. {block:Date}
  820. <a title="post permalink" href="{permalink}"><i class="fa fa-link" aria-hidden="true"></i> {lang:Posted on DayOfMonth Month Year}</a> {block:permalinkpage}| {FormattedNoteCount} {lang:notes}
  821. <span style="float:right">
  822. {block:RebloggedFrom}
  823. <a href="{reblogparenturl}" title="{reblogparentname}">{lang:via}</a> - <a href="{reblogrooturl}" title="{reblogrootname}">{lang:source}</a>
  824. {block:RebloggedFrom}
  825. </span>
  826. {/block:permalinkpage}
  827. {block:IndexPage}
  828. {block:HasTags}
  829. <a style="float:right" title="{block:Tags}#{Tag} {/block:Tags}"><i class="fa fa-tag" aria-hidden="true"></i></a>
  830. {/block:HasTags}
  831. {/block:IndexPage}
  832. {/block:Date}
  833.  
  834. {block:PermalinkPage}
  835. {block:HasTags}
  836. <div class="tags">
  837. {block:Tags}
  838. <a title="posts tagged '{Tag}'" href="{TagURL}">#{Tag}</a>
  839. {/block:Tags}
  840. </div>
  841. {/block:HasTags}
  842. {/block:PermalinkPage}
  843. </div>
  844.  
  845. <!--notes-->
  846. {PostNotes-64}
  847. </article>
  848. {/block:Posts}
  849. </section>
  850. <!--scroll to top button-->
  851. <a href="#" title="back to top" class="scrollToTop"><i class="fa fa-arrow-up" aria-hidden="true"></i></a>
  852. <!--credit-->
  853. <a class="credit" title="theme by capecoding" href="https://capecoding.tumblr.com">cc</a>
  854. </main>
  855. <!--tippy tooltips scripts-->
  856. <script src="https://unpkg.com/popper.js@1"></script>
  857. <script src="https://unpkg.com/tippy.js@5/dist/tippy-bundle.iife.js"></script>
  858. <link rel="stylesheet" href="https://unpkg.com/tippy.js@5/dist/svg-arrow.css"/>
  859. <script>
  860. tippy('[title]', {
  861. theme: 'custom',
  862. arrow: tippy.roundArrow,
  863. zIndex: 9999999999,
  864. maxWidth: 300,
  865.  
  866. content(reference) {
  867. const title = reference.getAttribute('title');
  868. reference.removeAttribute('title');
  869. return title;
  870. },
  871. });
  872. </script>
  873. </body>
  874. </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!