crpena

no. 18: hold

Mar 31st, 2020
2,323
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 27.65 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4.  
  5. <title>{block:PostSummary}{PostSummary} &mdash; {/block:PostSummary}{block:TagPage}{lang:Posts tagged Tag} &mdash; {/block:TagPage}{block:SearchPage}{lang:Search results for SearchQuery} &mdash; {/block:SearchPage}{Title}</title>
  6.  
  7. <link rel="shortcut icon" href="{favicon}">
  8.  
  9. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  10. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  11.  
  12. <meta name="viewport" content="width=device-width, initial-scale=1">
  13.  
  14. {block:Hidden}
  15. <!--Default Variables-->
  16. <meta name="color:text" content="#111111"/>
  17. <meta name="color:background" content="#f6f6f6"/>
  18. <meta name="color:link" content="#9eacb1"/>
  19. <meta name="color:titles" content="#6f4543"/>
  20. <meta name="color:scrollbar thumb" content="#dddddd"/>
  21. <meta name="color:tooltip background" content="#ffffff"/>
  22. <meta name="color:tooltip border" content="#f0f0f0"/>
  23. <meta name="color:tooltip content" content="#111111"/>
  24. <meta name="color:selection text" content="#111111"/>
  25. <meta name="color:selection background" content="#c8ccbf"/>
  26.  
  27. <meta name="color:accent" content="#F08080"/>
  28. <meta name="color:border" content="#dfdfdf"/>
  29. <meta name="color:list icon" content="#111111"/>
  30. <meta name="color:tag" content="#838588"/>
  31. <meta name="color:user" content="#32403f"/>
  32. <meta name="color:answer post question accent" content="#DDA0DD"/>
  33. <meta name="color:answer post question background" content="#eaeaea"/>
  34. <meta name="color:answer post question content" content="#111111"/>
  35. <meta name="color:audio post background" content="#5F9EA0"/>
  36. <meta name="color:audio post text" content="#ffffff"/>
  37. <meta name="color:chat post accent" content="#BC8F8F"/>
  38. <meta name="color:quote post accent" content="#DC143C"/>
  39. <meta name="color:link post background" content="#B0E0E6"/>
  40. <meta name="color:link post content" content="#111111"/>
  41. <meta name="color:link post hover content" content="#ffffff"/>
  42. <meta name="color:link post hover background" content="#4682B4"/>
  43. <meta name="color:post notes accent" content="#c2c2c2"/>
  44. <meta name="color:post notes border" content="#f0f0f0"/>
  45.  
  46. <meta name="select:Post Width" title="300px" content="300"/>
  47. <meta name="select:Post Width" title="325px" content="325"/>
  48. <meta name="select:Post Width" title="350px" content="350"/>
  49. <meta name="select:Post Width" title="400px" content="400"/>
  50. <meta name="select:Post Width" title="450px" content="450"/>
  51. <meta name="select:Post Width" title="500px" content="500"/>
  52. <meta name="select:Post Width" title="540px" content="540"/>
  53.  
  54. <meta name="text:ask title" content="Ask">
  55. <meta name="text:Link1" content=""/>
  56. <meta name="text:Link1 URL" content=""/>
  57. <meta name="text:Link2" content=""/>
  58. <meta name="text:Link2 URL" content=""/>
  59. <meta name="text:Link3" content=""/>
  60. <meta name="text:Link3 URL" content=""/>
  61. <meta name="text:Link4" content=""/>
  62. <meta name="text:Link4 URL" content=""/>
  63. {/block:Hidden}
  64. <!--css-->
  65. <link rel="stylesheet" href="https://static.tumblr.com/fxpo5zq/XZum5p9k0/standard.css"><link rel="stylesheet" href="https://dl.dropbox.com/s/ud6zka7vbm7dgml/basics.css"><link href="https://static.tumblr.com/0podkko/oDSpg7y88/photosets.css" rel="stylesheet" type="text/css"><link href="https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,500;1,400;1,500&display=swap" rel="stylesheet">
  66. </head>
  67.  
  68. <style type="text/css">
  69.  
  70. :root{
  71. --text:{RGBcolor:text};
  72. --titles:{RGBcolor:titles};
  73. --selectext:{RGBcolor:selection text};
  74. --selectbg:{RGBcolor:selection background};
  75. }
  76.  
  77. /*tumblr controls*/
  78.  
  79. iframe.tmblr-iframe{
  80. top:5px;
  81. padding-right:3em;
  82. opacity:0;
  83. filter:invert(1);
  84. -webkit-filter:invert(1);
  85. -o-filter:invert(1);
  86. -moz-filter:invert(1);
  87. -ms-filter:invert(1);
  88. transition:all .3s linear;
  89. }
  90. iframe.tmblr-iframe:hover{
  91. opacity:.9;
  92. }
  93.  
  94. .t-c{
  95. position:fixed;
  96. top:1em; right:1em;
  97. }
  98. .t-c svg{
  99. width:1em;
  100. height:1em;
  101. }
  102.  
  103. /*basics*/
  104.  
  105. body{
  106. font:normal 13px/1.5rem 'Lora', serif;
  107. color:{color:text};
  108. background:{color:background};
  109. }
  110.  
  111. a{
  112. background:linear-gradient(
  113. {color:link},
  114. {color:link}
  115. ) 0 83%/1px 1px repeat-x;
  116. color:{color:link};
  117. transition:color .15s;
  118. }
  119.  
  120. li:before{
  121. content:url("data:image/svg+xml,%3Csvg xmlns='http%3A%2F%2Fwww.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='rgb({RGBcolor:list icon})' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-minus'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E");
  122.  
  123. }
  124.  
  125. /*tooltip*/
  126.  
  127. .ui-tooltip {
  128. z-index:6;
  129. position:Absolute;
  130. z-index:9999;
  131. padding-top:15px;
  132. }
  133.  
  134. .ui-tooltip-content {
  135. background:{color:tooltip background};
  136. border:1px solid {color:tooltip border};
  137. padding:2px 6px;
  138. letter-spacing:.05rem;
  139. font-size:.9em;
  140. color:{color:tooltip content};
  141. }
  142.  
  143. /*scrollbar*/
  144.  
  145. ::-webkit-scrollbar{
  146. width:18px;
  147. height:6px;
  148. }
  149.  
  150. ::-webkit-scrollbar-button {
  151. width:0px;
  152. height:0px;
  153. }
  154.  
  155. ::-webkit-scrollbar-thumb{
  156. background:{color:scrollbar thumb};
  157. border:6px solid {color:background};
  158. border-top:4px solid {color:background};
  159. border-bottom:4px solid {color:background};
  160. border-radius:8px;
  161. }
  162.  
  163. ::-webkit-scrollbar-track{
  164. background:{color:scrollbar thumb};
  165. border:8px solid {color:background};
  166. border-top:12px solid {color:background};
  167. border-bottom:12px solid {color:background};
  168. }
  169.  
  170. /*sidebar*/
  171.  
  172. aside{
  173. position:fixed;
  174. z-index:1;
  175. width:370px;
  176. background:{color:background};
  177. top:50%; left:50px;
  178. -webkit-transform:translateY(-50%);
  179. -moz-transform:translateY(-50%);
  180. transform:translateY(-50%);
  181. }
  182.  
  183. .titlebar{
  184. text-align:left;
  185. font-size:15px;
  186. font-weight:500;
  187. }
  188.  
  189. nav{
  190. display:block;
  191. width:100%;
  192. margin-top:5px;
  193. padding-bottom:10px;
  194. border-bottom:1px solid {color:border};
  195. }
  196.  
  197. a.nav-link{
  198. display:inline;
  199. font-style:italic;
  200. text-transform:lowercase;
  201. margin-right:10px;
  202. background:none;
  203. color:{color:text};
  204. opacity:.6;
  205. }
  206. a.nav-link:last-of-type{
  207. margin-right:0;
  208. }
  209. a.nav-link:hover{
  210. opacity:1;
  211. }
  212.  
  213. #stext{
  214. margin-top:15px;
  215. text-align:justify;
  216. }
  217.  
  218. /*post*/
  219.  
  220. section{
  221. width:{select:post width}px;
  222. margin:50px 0 50px 470px;
  223. }
  224.  
  225. article{
  226. width:100%;
  227. position:relative;
  228. }
  229.  
  230. {block:indexpage}
  231. .post{
  232. margin-bottom:50px;
  233. }
  234. .post:last-of-type{
  235. margin-bottom:0;
  236. }
  237. {/block:indexpage}
  238.  
  239. .post_page{
  240. margin-bottom:35px;
  241. text-align:left;
  242. }
  243. .post_page .tag{
  244. display:inline-block;
  245. color:{color:tag};
  246. background:linear-gradient(
  247. rgb({RGBcolor:tag}, .5),
  248. rgb({RGBcolor:tag}, .5)
  249. ) 15px 100%/100% 2px no-repeat;
  250. }
  251. .post_page .tag:before{
  252. content:'#';
  253. }
  254.  
  255. /*quote*/
  256.  
  257. #quote{
  258. display:block;
  259. font:italic 1.5em/1.5rem 'Lora', serif;
  260. width:100%;
  261. text-align:left;
  262. letter-spacing:.05rem;
  263. }
  264.  
  265. .s{
  266. display:block;
  267. margin-top:5px;
  268. font-weight:500;
  269. text-align:left;
  270. letter-spacing:.05rem;
  271. }
  272. .s:before{
  273. content:url("data:image/svg+xml,%3Csvg xmlns='http%3A%2F%2Fwww.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='rgb({RGBcolor:text})' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-right'%3E%3Cpolyline points='9 18 15 12 9 6'%3E%3C/polyline%3E%3C/svg%3E");
  274. display:inline-block;
  275. vertical-align:middle;
  276. margin-right:5px;
  277. }
  278. .s a{
  279. color:{color:quote post accent};
  280. background:linear-gradient(
  281. {color:quote post accent},
  282. {color:quote post accent}
  283. ) 0 100%/100% 2px no-repeat;
  284. }
  285.  
  286. /*text post*/
  287.  
  288. h2.titles{
  289. color:{color:post title};
  290. padding:0;
  291. margin:0;
  292. }
  293.  
  294. a.titles{
  295. display:inline;
  296. background:{color:link post background};
  297. padding:3px;
  298. border-radius:4px;
  299. -webkit-border-radius:4px;
  300. color:{color:link post content};
  301. font:italic 1em/1.5rem 'Lora', serif;
  302. letter-spacing:.1rem;
  303. }
  304. a.titles svg{
  305. display:inline-block;
  306. width:1em;
  307. height:1em;
  308. vertical-align:middle;
  309. margin:-4px 4px 0 0;
  310. color:{color:link post content};
  311. }
  312. a.titles:hover{
  313. color:{color:link post hover content};
  314. background:{color:link post hover background};
  315. }
  316.  
  317. .text{
  318. text-align:justify;
  319. }
  320.  
  321. /*chat*/
  322.  
  323. .chat {
  324. margin:0;
  325. padding:0;
  326. list-style:none;
  327. letter-spacing:.015rem;
  328. text-align:left;
  329. }
  330. .chat li:before{
  331. display:none;
  332. }
  333.  
  334. .l {
  335. margin:0 0 10px 0;
  336. padding:0;
  337. }
  338. .l:last-child {
  339. margin-bottom:0;
  340. }
  341.  
  342. .label {
  343. font-weight:500;
  344. margin-right:5px;
  345. color:{color:chat post accent};
  346. }
  347.  
  348. /*answers*/
  349.  
  350. .question{
  351. display:flex;
  352. flex-wrap:wrap;
  353. flex-direction:row;
  354. justify-content:space-between;
  355. align-items:flex-start;
  356. width:100%;
  357. position:relative;
  358. }
  359.  
  360. .asker-avatar{
  361. width:40px;
  362. height:40px;
  363. border-radius:3px;
  364. -webkit-border-radius:3px;
  365. margin-right:auto;
  366. }
  367.  
  368. .asker{
  369. display:block;
  370. margin-bottom:5px;
  371. color:{color:answer post question accent};
  372. font-weight:500;
  373. letter-spacing:.03rem;
  374. }
  375. .asker a{
  376. background:none;
  377. color:{color:answer post question accent};
  378. border-bottom:1px solid rgba({RGBcolor:answer post question accent}, .1);
  379. border-radius:0;
  380. }
  381. .asker a:hover{
  382. border-bottom-color:rgba({RGBcolor:answer post question accent}, 1);
  383. }
  384.  
  385. .asker-question{
  386. background:{color:answer post question background};
  387. width:calc(100% - 50px);
  388. box-sizing:border-box;
  389. padding:2px 8px;
  390. border-radius:3px;
  391. -webkit-border-radius:3px;
  392. color:{color:answer post question content};
  393. text-align:justify;
  394. }
  395.  
  396. .answer{
  397. display:block;
  398. width:100%;
  399. position:relative;
  400. margin-top:15px;
  401. }
  402.  
  403. .answerer{
  404. display:inline;
  405. text-align:left;
  406. margin:0;
  407. }
  408. .answerer a{
  409. display:;
  410. color:{color:link};
  411. background:none;
  412. }
  413.  
  414. .replies{
  415. display:block;
  416. margin-top:5px;
  417. width:100%;
  418. }
  419.  
  420. /*caption*/
  421.  
  422. .caption{
  423. display:block;
  424. margin:25px 0 25px 0;
  425. padding:0;
  426. list-style:none;
  427. }
  428. .caption:before{
  429. display:none;
  430. }
  431. .caption:last-of-type{
  432. margin-bottom:0;
  433. }
  434.  
  435. .npf_row{
  436. display:block;
  437. width:calc(100%);
  438. height:100%;
  439. margin:4px 0!important;
  440. padding:0;
  441. }
  442.  
  443. a.user{
  444. background:none;
  445. color:{color:user};
  446. }
  447.  
  448. .user{
  449. display:inline;
  450. font-weight:500;
  451. text-align:left;
  452. margin:0;
  453. position:relative;
  454. color:{color:user};
  455. }
  456.  
  457. .user-avatar,
  458. .answerer-avatar{
  459. float:left;
  460. width:19px;
  461. height:19px;
  462. margin-right:.75em;
  463. border-radius:3px;
  464. display:inline-block;
  465. }
  466.  
  467. .deactivated:after{
  468. content:'deactivated';
  469. position:absolute;
  470. display:inline-block;
  471. opacity:.25;
  472. margin:0;
  473. top:-4px; left:calc(100% + 5px);
  474. font-weight:500;
  475. color:{color:text};
  476. transition:opacity .6s;
  477. }
  478. .deactivated:hover:after{
  479. opacity:.75;
  480. transition:opacity .6s;
  481. }
  482.  
  483. /*tags*/
  484.  
  485. .tags{
  486. display:block;
  487. width:100%;
  488. margin-top:15px;
  489. text-align:left;
  490. }
  491. .tags a{
  492. font-weight:500;
  493. margin-right:10px;
  494. background:none;
  495. color:{color:tag};
  496. }
  497. {block:permalinkpage}
  498. .tags a:first-of-type{
  499. margin-left:5px;
  500. }
  501. {/block:permalinkpage}
  502. .tags a:last-of-type{
  503. margin-right:0;
  504. }
  505. .tags a:before{
  506. content:'#';
  507. }
  508.  
  509. /*permalink*/
  510.  
  511. .permalink{
  512. display:flex;
  513. flex-wrap:wrap;
  514. flex-direction:row;
  515. justify-content:space-between;
  516. align-items:flex-start;
  517. width:100%;
  518. margin-top:10px;
  519. }
  520. .permalink svg{
  521. display:inline-block;
  522. width:1rem;
  523. height:1rem;
  524. vertical-align:middle;
  525. }
  526.  
  527. a.date{
  528. color:{color:text};
  529. background-image:linear-gradient(rgba({RGBcolor:text}, 1), rgba({RGBcolor:text}, 1));
  530. }
  531. a.date svg{
  532. margin:0 5px;
  533. }
  534. a.date:hover{
  535. background-image:linear-gradient(rgba({RGBcolor:text}, .1), rgba({RGBcolor:text}, .1));
  536. }
  537.  
  538. /*like button*/
  539.  
  540. #controls a{
  541. color:#001f3f;
  542. background:none;
  543. font-weight:500;
  544. }
  545.  
  546. a.like-b{
  547. position:relative;
  548. display:inline-block;
  549. overflow:hidden;
  550. vertical-align:middle;
  551. margin-right:10px;
  552. }
  553. a.like-b:hover svg{
  554. color:#FF4136;
  555. }
  556. .like-b .liked + svg{
  557. color:#FF4136;
  558. fill:#FF4136;
  559. }
  560. a.like-b .like_button iframe{
  561. position:absolute;
  562. top:0; left:0; bottom:0; right:0;
  563. z-index:2;
  564. opacity:0.0000001;
  565. }
  566.  
  567. /*pagination*/
  568.  
  569. footer{
  570. width:100%;
  571. margin:35px 0;
  572. }
  573.  
  574. .pagination{
  575. display:flex;
  576. flex-wrap:wrap;
  577. flex-direction:row;
  578. justify-content:space-around;
  579. align-items:flex-start;
  580. width:{select:post width}px;
  581. margin:0 0 0 470px;
  582. }
  583. .pagination a{
  584. background:none;
  585. opacity:.3;
  586. color:{color:text};
  587. font-weight:500;
  588. }
  589. .pagination a svg{
  590. display:inline-block;
  591. width:1rem;
  592. height:1rem;
  593. vertical-align:middle;
  594. box-sizing:border-box;
  595. padding:2px;
  596. color:{color:text};
  597. border-radius:100%;
  598. }
  599. .pagination a.active{
  600. opacity:1;
  601. }
  602. .pagination a.active:hover svg{
  603. color:white;
  604. background:{color:accent};
  605. }
  606.  
  607. /*post notes*/
  608.  
  609. .post_notes{
  610. display:block;
  611. margin-top:15px;
  612. padding-top:25px;
  613. border-top:1px solid {color:border};
  614. }
  615.  
  616. .source_name{
  617. display:inline-block;
  618. text-align:left;
  619. margin-right:5px;
  620. }
  621. .source_name:last-of-type{
  622. margin-right:0;
  623. }
  624. .source_name a{
  625. font-weight:500;
  626. text-shadow:none;
  627. background:linear-gradient(
  628. rgba({RGBcolor:accent}, .3),
  629. rgba({RGBcolor:accent}, .3)
  630. ) 0 86%/100% .4rem no-repeat;
  631. color:rgb(var(--text));
  632. }
  633.  
  634. ol.notes{
  635. display:block;
  636. position:relative;
  637. width:100%;
  638. list-style:none;
  639. padding:0;
  640. margin:20px 0 0;
  641. }
  642. ol.notes li.note{
  643. margin:0;
  644. padding:0 0 10px;
  645. border-bottom:1px solid {color:post notes border};
  646. margin-bottom:10px;
  647. counter-increment:none;
  648. }
  649. ol.notes li.note.more_notes_link_container:before,
  650. ol.notes li.note:before{
  651. display:none;
  652. }
  653. ol.notes li.note a{
  654. font-weight:500;
  655. color:{color:post notes accent};
  656. background:none;
  657. }
  658. ol.notes li.note a:hover{
  659. text-decoration:underline;
  660. }
  661. ol.notes li.note img.avatar{
  662. display:inline-block;
  663. vertical-align:middle;
  664. width:14px;
  665. height:14px;
  666. margin-right:10px;
  667. border-radius:100%;
  668. }
  669. ol.notes li.note blockquote{
  670. display:block;
  671. margin-top:10px;
  672. margin-right:10px;
  673. color:{color:text};
  674. }
  675. ol.notes li.note.more_notes_link_container{
  676. display:block;
  677. text-transform:lowercase;
  678. text-align:center;
  679. padding:0;
  680. border:0;
  681. margin-top:1em;
  682. }
  683.  
  684.  
  685. @media screen and (max-width:768px){
  686. aside{
  687. position:relative;
  688. top:0; left:0; right:0;
  689. margin:50px auto 15px;
  690. -webkit-transform:translateY(0%);
  691. -moz-transform:translateY(0%);
  692. transform:translateY(0%);
  693. }
  694. section,
  695. .pagination{
  696. margin:50px auto;
  697. }
  698. }
  699.  
  700. @media screen and (max-width:{select:post width}px){
  701. section,
  702. .pagination{
  703. width:100vw;
  704. }
  705. }
  706.  
  707. @media screen and (max-width:370px){
  708. aside{
  709. width:100vw;
  710. margin-bottom:70px;
  711. }
  712. }
  713.  
  714. {CustomCSS}
  715. </style>
  716.  
  717. <body>
  718.  
  719. <div class="t-c"><i data-feather="settings"></i></div><aside><div class="titlebar">{title}</div><nav><a class="nav-link" href="/">{lang:Home}</a>{block:AskEnabled}{block:ifAskTitle}<a class="nav-link" href="/ask">{text:ask title}</a>{/block:ifAskTitle}{/block:AskEnabled}<a class="nav-link" href="/archive">{lang:archive}</a>{block:ifLink1}<a class="nav-link" href="{text:link1 url}">{text:link1}</a>{/block:ifLink1}{block:ifLink2}<a class="nav-link" href="{text:link2 url}">{text:link2}</a>{/block:ifLink2}{block:ifLink3}<a class="nav-link" href="{text:link3 url}">{text:link3}</a>{/block:ifLink3}{block:ifLink4}<a class="nav-link" href="{text:link4 url}">{text:link4}</a>{/block:ifLink4}</nav><div id="stext">{description}</div></aside>
  720.  
  721. <!--posts-->
  722. <section id="entries">
  723.  
  724. {block:TagPage}<article class="post_page"><h2>{lang:Showing posts tagged Tag 2}</h2></article>{/block:TagPage}
  725.  
  726. {block:Posts}
  727.  
  728. <article id="{PostID}" class="post">
  729.  
  730. {block:Quote}<div id="quote">{Quote}</div>{block:Source}<div class="s">{Source}</div>{/block:Source}{/block:Quote}
  731.  
  732. {block:Text}{block:Title}<h2 class="titles">{Title}</h2>{/block:Title}{block:RebloggedFrom}{block:Reblogs}{block:IsActive}{block:IsOriginalEntry}<li class="caption" style="margin-top:0;{block:Title}margin-top:25px;{/block:Title}"><a {block:HasPermalink}href="{Permalink}"{/block:HasPermalink} class="user" target="_blank"><img class="user-avatar" src="{PortraitURL-64}"> {Username}</a><div class="text" style="margin-top:1em;">{Body}</div></li>{/block:IsOriginalEntry}{block:IsNotOriginalEntry}<li class="caption" style="margin-top:0;{block:Title}margin-top:25px;{/block:Title}"><a {block:HasPermalink}href="{Permalink}"{/block:HasPermalink} class="user" target="_blank"><img class="user-avatar" src="{PortraitURL-64}"> {Username}</a><div class="text" style="margin-top:1em;">{Body}</div></li>{/block:IsNotOriginalEntry}{/block:IsActive}{block:IsDeactivated}{block:IsOriginalEntry}<li class="caption" style="margin-top:0;{block:Title}margin-top:25px;{/block:Title}"><a {block:HasPermalink}href="{Permalink}"{/block:HasPermalink} class="user deactivated" target="_blank"><img class="user-avatar" src="{PortraitURL-64}"> {Username}</a><div class="text" style="margin-top:1em;">{Body}</div></li>{/block:IsOriginalEntry}{block:IsNotOriginalEntry}<li class="caption" style="margin-top:0;{block:Title}margin-top:25px;{/block:Title}"><a {block:HasPermalink}href="{Permalink}"{/block:HasPermalink} class="user deactivated" target="_blank"><img class="user-avatar" src="{PortraitURL-64}"> {Username}</a><div class="text" style="margin-top:1em;">{Body}</div></li>{/block:IsNotOriginalEntry}{/block:IsDeactivated}{/block:Reblogs}{/block:RebloggedFrom}{block:NotReblog}<li class="caption"><div class="text">{Body}</div></li>{/block:NotReblog}{/block:Text}
  733.  
  734. {block:Link}<a class="titles" href="{URL}"><i data-feather="external-link"></i> {Name}</a>{block:Description}{block:NotReblog}<li class="caption"><div class="text">{Description}</div></li>{/block:NotReblog}{/block:Description}{block:RebloggedFrom}{block:Reblogs}{block:IsActive}{block:IsOriginalEntry}<li class="caption"><a {block:HasPermalink}href="{Permalink}"{/block:HasPermalink} class="user" target="_blank"><img class="user-avatar" src="{PortraitURL-64}"> {Username}</a><div class="text" style="margin-top:1em;">{Body}</div></li>{/block:IsOriginalEntry}{block:IsNotOriginalEntry}<li class="caption"><a {block:HasPermalink}href="{Permalink}"{/block:HasPermalink} class="user deactivated" target="_blank"><img class="user-avatar" src="{PortraitURL-64}"> {Username}</a><div class="text" style="margin-top:1em;">{Body}</div></li>{/block:IsNotOriginalEntry}{/block:IsActive}{block:IsDeactivated}{block:IsOriginalEntry}<li class="caption"><a {block:HasPermalink}href="{Permalink}"{/block:HasPermalink} class="user" target="_blank"><img class="user-avatar" src="{PortraitURL-64}"> {username}</a><div class="text" style="margin-top:1em;">{Body}</div></li>{/block:IsOriginalEntry}{block:IsNotOriginalEntry}<li class="caption"><a {block:HasPermalink}href="{Permalink}"{/block:HasPermalink} class="user deactivated" target="_blank"><img class="user-avatar" src="{PortraitURL-64}"> {Username}</a><div class="text" style="margin-top:1em;">{Body}</div></li>{/block:IsNotOriginalEntry}{/block:IsDeactivated}{/block:Reblogs}{/block:RebloggedFrom}{/block:Link}
  735.  
  736. {block:Chat}{block:Title}<h2 class="titles">{Title}</h2>{/block:Title}<ol class="chat">{block:Lines}<li class="l {Alt}">{block:label}<span class="label">{label}</span>{/block:label}<span class="line">{Line}</span></li>{/block:Lines}</ol>{/block:Chat}
  737.  
  738. <div id="media">
  739. {block:Photo}<a href="#" onclick="Tumblr.Lightbox.init([{ width: {PhotoWidth-HighRes}, height: {PhotoHeight-HighRes}, low_res: '{PhotoURL-500}', high_res: '{PhotoURL-HighRes}' }]); $('body').toggleClass('tumblr_lightbox_active'); return false"><img src="{PhotoURL-HighRes}" /></a>{/block:Photo}
  740.  
  741. {block:Photoset}<div class="photoset-grid" photoset-layout="{PhotosetLayout}">{block:Photos}<div data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}" data-lowres="{PhotoURL-500}" data-highres="{PhotoURL-HighRes}" onclick="lightbox(this)"><img src="{PhotoURL-HighRes}" /></div>{/block:Photos}</div>{/block:Photoset}
  742.  
  743. {block:Video}<div class="video">{Video-500}</div>{/block:Video}
  744.  
  745. {block:Audio}{block:AudioEmbed}<div class="audio-media" style="border:none;margin-top:-1px;"><div class="width_fix">{AudioEmbed-500}</div></div>{/block:AudioEmbed}{/block:Audio}
  746. </div>
  747.  
  748. {block:Answer}<div class="question"><img class="asker-avatar" src="{AskerPortraitURL-64}"><div class="asker-question"><div class="asker">{lang:Asker asked 2}</div>{Question}</div></div>{block:Answerer}<div class="answer"><img class="answerer-avatar" src="{AnswererPortraitURL-40}"><div class="answerer">{Answerer}</div><div class="replies text">{Answer}</div></div>{/block:Answerer}{block:NotReblog}<li class="caption"><div class="replies text">{Replies}</div></li>{/block:NotReblog}{block:RebloggedFrom}{block:Reblogs}{block:IsActive}<li class="caption"><a {block:HasPermalink}href="{Permalink}"{/block:HasPermalink} class="user" target="_blank"><img class="user-avatar" src="{PortraitURL-64}"> {Username}</a><div class="replies text" style="margin-top:1em;">{Body}</div></li>{/block:IsActive}{block:IsDeactivated}<li class="caption"><div {block:HasPermalink}href="{Permalink}"{/block:HasPermalink} class="user deactivated" target="_blank"><img class="user-avatar" src="{PortraitURL-64}"> {Username}</div><div class="replies text" style="margin-top:1em;">{Body}</div></li>{/block:IsDeactivated}{/block:Reblogs}{/block:RebloggedFrom}{/block:Answer}
  749.  
  750. <!--captions-->
  751. {block:Caption}{block:Reblogs}<li class="caption">{block:IsOriginalEntry}{block:IsActive}<a {block:HasPermalink}href="{Permalink}"{/block:HasPermalink} class="user" target="_blank"><img class="user-avatar" src="{PortraitURL-64}" /> {Username}</a>{/block:IsActive}{block:IsDeactivated}<div class="user deactivated"><img class="user-avatar" src="{PortraitURL-64}" /> {Username}</div>{/block:IsDeactivated}{/block:IsOriginalEntry}{block:IsNotOriginalEntry}<a {block:HasPermalink}href="{Permalink}"{/block:HasPermalink} class="user" target="_blank"><img class="user-avatar" src="{PortraitURL-64}" /> {Username}</a>{/block:IsNotOriginalEntry}<div class="text" style="margin-top:1em;">{Body}</div></li>{/block:Reblogs}{block:NotReblog}<li class="caption"><div class="text">{Caption}</div></li>{/block:NotReblog}<!--{block:ContentSource}<a href="{SourceURL}">Source</a>{/block:ContentSource}-->{/block:Caption}
  752.  
  753. {block:HasTags}<div class="tags">{block:permalinkpage}{lang:Tagged with}:{/block:permalinkpage}{block:Tags}<a href="{TagUrl}">{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  754.  
  755. {block:date}<div class="permalink">{block:indexpage}<a class="date" href="{permalink}"><span class="time-ago">{TimeStamp}</span>{block:NoteCount}<i data-feather="minus"></i><span class="notecount">{NoteCount}</span> {lang:Notes}{/block:NoteCount}</a><div id="controls"><a href="#" class="like-b" title="like">{LikeButton}<i data-feather="heart"></i></a><a href="{reblogurl}" target="_blank">reblog</a></div>{/block:indexpage}{block:permalinkpage}{lang:Posted on Month DayOfMonth Year with NoteCount notes}{/block:permalinkpage}</div>{/block:date}
  756.  
  757. </article>
  758.  
  759. <!--post notes-->
  760. {block:PostNotes}<article class="post_notes">{block:RebloggedFrom}<span class="source_name">{lang:Reblogged from ReblogParentName 2}</span>{block:ContentSource}<span class="source_name">— {lang:Originally from ReblogRootName 2}</span>{/block:ContentSource}{/block:RebloggedFrom}{PostNotes}</article>{/block:PostNotes}
  761.  
  762. {/block:Posts}
  763.  
  764. </section>
  765.  
  766. <!--pagination-->
  767. <footer>{block:pagination}<div class="pagination"><a {block:PreviousPage}class="active" href="{PreviousPage}"{/block:PreviousPage}><i data-feather="arrow-left"></i>&nbsp;&nbsp;{lang:Prev}</a><a {block:NextPage}class="active" href="{NextPage}"{/block:NextPage}>{lang:Next}&nbsp;&nbsp;<i data-feather="arrow-right"></i></a></div>{/block:pagination}<a href="https://aurthms.tumblr.com" target="_blank"><credit></credit></a></footer>
  768.  
  769. <!--scripts-->
  770. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script><script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script><script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script><script src="https://static.tumblr.com/i5s2zks/9Acok8oo2/bct-timeago.min.js" type="text/javascript"></script><script src="https://rawgit.com/robinpx/tumblr/master/scripts/flexibleFrames/flexibleFrames.min.js"></script><script src="https://static.tumblr.com/fwgzvyf/l6jnyutne/shythemes.vr.js"></script>
  771.  
  772. <script>
  773. $(document).ready(function(){
  774. //feather icons
  775. feather.replace();
  776. //jquery tooltip
  777. $('body').tooltip({track:true});
  778. //audio player
  779. var $audio = $('iframe.tumblr_audio_player');
  780. $audio.load(function() {
  781. $(this).contents().find('head').append('<style type="text/css">' +
  782. '.audio-player { background: {color:audio post background}; color: {color:audio post text} !important; }' + '</style>');
  783. });
  784. //short notes
  785. $('article').find('.notecount').each(function(){
  786. var n = $(this).html().split(' ')[0].replace(/,/g, '');
  787. if (n > 999) {
  788. n = Math.floor(n / 100) / 10;
  789. $(this).text(n + 'k');
  790. }
  791. });
  792. //timeago
  793. $('.time-ago').timeAgo({
  794. time: "word",
  795. spaces: true,
  796. suffix: " ago",
  797. });
  798. //flexible frames
  799. function flexFrame() {
  800. $(".caption").each(function() {
  801. $(this).find("iframe").wrap("<div class='iframe-flex'></div>");
  802. flexibleFrames($(".iframe-flex"));
  803. });
  804. flexibleFrames($(".video"));}
  805. $(document).ready(flexFrame);
  806. });
  807. //photosets
  808. function gatherData(images, arr) {
  809. for (let i = 0; i < images.length; i++) {
  810. let currentData = {
  811. "width": images[i].getAttribute('data-width'),
  812. "height": images[i].getAttribute('data-height'),
  813. "low_res": images[i].getAttribute('data-lowres'),
  814. "high_res": images[i].getAttribute('data-highres')
  815. };
  816. arr.push(currentData);
  817. }
  818. }
  819. function getIndex(elem) {
  820. let i = 0;
  821. while( (elem = elem.previousElementSibling) != null ) i++;
  822. return i;
  823. }
  824. function lightbox(elem) {
  825. let currentPhotoset = elem.parentNode;
  826. let photosetPhotos = currentPhotoset.getElementsByTagName('div');
  827. let data = [];
  828. gatherData(photosetPhotos, data);
  829. Tumblr.Lightbox.init(data, getIndex(elem) + 1);
  830. }
  831. </script>
  832.  
  833. </body>
  834. </html>
Advertisement
Add Comment
Please, Sign In to add comment