dhyas

THEME 02 - HANDMADE HEAVEN

Jul 7th, 2019 (edited)
8,772
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.50 KB | None | 0 0
  1. <!--
  2.  
  3. ♡ HANDMADE HEAVEN / THEME 02 by DHYA @ARIANAGRANDRE ♡
  4. [EDITED AS OF 26 NOV 2021]
  5. arianagrandre.tumblr.com
  6.  
  7. - base code by @sorrism
  8. - no.js photosets by @annasthms & @eggdesign
  9. - NPF (mobile) photoset fix by @glenthemesresizing
  10. - videos and custom like/reblog buttons by @shythemes / @cyantists
  11. - icon fonts by Perxis (linearicons)
  12.  
  13. Please DO NOT remove any credits. DO NOT claim or redistribute this theme, take parts as your own or use it as a base code. Feel free to edit it as much you like. Enjoy!
  14.  
  15.  
  16. -->
  17.  
  18. <!DOCTYPE html>
  19. <head>
  20.  
  21. <title>{block:PostSummary}{PostSummary} : {/block:PostSummary}{Title}</title>
  22.  
  23. <link rel="shortcut icon" href="{favicon}">
  24.  
  25. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  26. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  27.  
  28. <!--Default Variables-->
  29.  
  30. <meta name="color:Background" content="#ffffff"/>
  31. <meta name="color:Text" content="#5d5d5d"/>
  32. <meta name="color:Link" content="#6b6b6b"/>
  33. <meta name="color:Link Hover" content="#aaaaaa"/>
  34. <meta name="color:Title"content="#282828"/>
  35. <meta name="color:Scrollbar" content="#d5d5d5" />
  36. <meta name="if:Show Title" content="0" />
  37. <meta name="if:Show Archive" content="0"/>
  38.  
  39. <meta name="if:Show Link 1" content="" />
  40. <meta name="text:Link 1 URL" content="" />
  41. <meta name="if:Show Link 2" content="" />
  42. <meta name="text:Link 2 URL" content="" />
  43. <meta name="if:Show Link 3" content="" />
  44. <meta name="text:Link 3 URL" content="" />
  45. <meta name="if:Show Link 4" content="" />
  46. <meta name="text:Link 4 URL" content="" />
  47.  
  48.  
  49.  
  50. <meta name="image:Sidebar" content=""/>
  51.  
  52. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  53.  
  54. <link href="https://fonts.googleapis.com/css?family=Maven+Pro" rel="stylesheet">
  55. <link href="https://fonts.googleapis.com/css?family=Saira&display=swap" rel="stylesheet">
  56. <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  57. <script src ="https://static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  58. <link href="https://static.tumblr.com/0podkko/oDSpg7y88/photosets.css" rel="stylesheet">
  59.  
  60. <!--
  61. NPF IMAGES READJUSTMENT | @glenthemes
  62. v2.0 [last updated: 2021-06-03]
  63. -->
  64. <link href="//glen-npf-2020.glitch.me/npf-override.css" rel="stylesheet">
  65. <script src="//glen-npf-2020.glitch.me/npf-evenize.js"></script>
  66.  
  67. <style type="text/css">
  68. :root {
  69. --NPF-Image-Spacing:4px;
  70. --NPF-Bottom-Gap-From-Captions:1em;
  71. }
  72. </style>
  73.  
  74. <!--CSS customization here. -->
  75.  
  76. <style type="text/css">
  77.  
  78.  
  79. /*tumblr controls and lightbox*/
  80.  
  81. .tmblr-lightbox {background:rgba({RGBcolor:background}, .95)!important;}
  82.  
  83. .tmblr-lightbox img {opacity:0;}
  84.  
  85. .lightbox-caption {
  86. color:{color:title}!important;
  87. font-family:inherit!important;
  88. font-size:1em!important;
  89. font-weight:normal!important;
  90. text-shadow:none!important;
  91. }
  92.  
  93. .lightbox-image {
  94. -moz-box-shadow:none!important;
  95. -webkit-box-shadow:none!important;
  96. box-shadow:none!important;
  97. -moz-border-radius:0px!important;
  98. -webkit-border-radius:0px!important;
  99. border-radius:0px!important;
  100. padding:0px!important;
  101. border:0!important;
  102. opacity:1!important;
  103. }
  104.  
  105. .vignette {opacity:0!Important;}
  106.  
  107. .iframe-controls--desktop {
  108. white-space:nowrap!important;
  109. top:5px!important;
  110. right:5px!important;
  111. opacity:1!important;
  112. position:fixed!important;
  113. }
  114.  
  115. /*tooltip*/
  116.  
  117. .ui-tooltip {
  118. position:Absolute;
  119. z-index:9999;
  120. padding-top:10px;
  121. }
  122.  
  123. .ui-tooltip-content {
  124. background:{color:background};
  125. padding:0 4px;
  126. font-style:italic;
  127. color:{color:link};
  128. text-transform:lowercase;
  129. border:1px solid {color:borders};
  130. }
  131.  
  132. /*scrollbar*/
  133.  
  134. ::-webkit-scrollbar{
  135. height:11px;
  136. width:11px;
  137. background:inherit;
  138. }
  139.  
  140. ::-webkit-scrollbar-thumb {background:{color:scrollbar};}
  141.  
  142. ::-webkit-scrollbar-track {background:{color:borders};}
  143.  
  144. ::-webkit-scrollbar-thumb, ::-webkit-scrollbar-track {border:5px solid {color:background};}
  145.  
  146.  
  147. /*main structure*/
  148.  
  149. body {
  150. background:{color:background};
  151. color:{color:text};
  152. font:11.5px 'saira', serif;
  153. line-height:1.5em;
  154. word-wrap:break-word;
  155. text-align:justify;
  156. text-transform:none;
  157. }
  158.  
  159. a {
  160. color:{color:link};
  161. text-decoration:none;
  162. transition:all .3s linear;
  163. -webkit-transition:all .3s linear;
  164. -o-transition:all .3s linear;
  165. -moz-transition:all .3s linear;
  166. }
  167.  
  168. a, a img {cursor:pointer;}
  169.  
  170. a:hover {
  171. color:{color:link hover}!important;
  172. text-decoration:none;
  173. }
  174.  
  175. img {
  176. opacity:1;
  177. border:0;
  178. text-decoration:none;
  179. max-width:100%;
  180. height:auto;
  181. display:block;
  182. }
  183.  
  184. blockquote {
  185. padding:.25em 0 .25em 15px;
  186. margin:.5em 0;
  187.  
  188. }
  189.  
  190. pre {
  191. padding:0;
  192. margin:0;
  193. line-height:inherit!important;
  194. background:transparent;
  195. font-family:inherit!Important;
  196. font-size:inherit!important;
  197. white-space:pre-wrap;
  198. white-space:-moz-pre-wrap;
  199. white-space:-pre-wrap;
  200. white-space:-o-pre-wrap;
  201. word-wrap:break-word;
  202. }
  203.  
  204. p {margin:1em 0;}
  205.  
  206. p:first-of-type {margin-top:0;}
  207.  
  208. p:last-of-type {margin-bottom:0;}
  209.  
  210. b, strong, b a, strong a {
  211. font-weight:bold!important;
  212. color:{color:title};
  213. }
  214.  
  215. small, big, sub, pre {
  216. font-size:1em!important;
  217. line-height:1.4em!important;
  218. vertical-align:baseline!important;
  219. }
  220.  
  221. i {
  222. font-style:italic;
  223. }
  224.  
  225. h1, h2, h3, h4 {
  226. margin:1.5em 0;
  227. font-size:13px;
  228. letter-spacing:0.5px;
  229. font-weight:500;
  230. color:{color:title};
  231. font-weight:bold;
  232. }
  233.  
  234. .posts h1:first-child, .posts h2:first-child, .posts h3:first-child, .posts h4:first-child {margin-top:0;}
  235.  
  236. hr {
  237. border:none;
  238. box-shadow:0;
  239. margin:2em auto;
  240. width:75px;
  241. }
  242.  
  243. /*header*/
  244.  
  245. sidebar {
  246. width:270px;
  247. margin-left: 120px;
  248. margin-top: 10px;
  249. position:fixed;
  250. padding:0px;
  251. background-color:#f6f6f6;
  252. }
  253.  
  254. .sidebarimg img {
  255. display:block;
  256. max-width:270px;
  257. margin-bottom:15px;
  258. }
  259.  
  260.  
  261. .nav {
  262. margin-top:15px;
  263. padding-top:13px;
  264. width:270px;
  265. text-align:center;
  266. line-height:20px;
  267. display:block;
  268. background-color:#ffffff;
  269.  
  270. }
  271.  
  272.  
  273. .nav a {
  274. font-size:20px;
  275. margin-right: 10px;
  276. font-weight:100;
  277. font-family: 'saira', sans-serif;
  278. text-transform:uppercase;
  279. color: {color:link};
  280. -moz-transition-duration: 0.5s;
  281. -o-transition-duration: 0.5s;
  282. -webkit-transition-duration: 0.5s;
  283. transition-duration: 0.5s;
  284. }
  285.  
  286. .nav a:hover {
  287. color:{color:Link Hover};
  288. text-decoration:none;
  289. -moz-transition-duration: 0.5s;
  290. -o-transition-duration: 0.5s;
  291. -webkit-transition-duration: 0.5s;
  292. transition-duration: 0.5s;
  293. }
  294.  
  295. .blogtitle {
  296. text-align:center;
  297. margin-bottom:10px;
  298. margin-top:10px;}
  299.  
  300. .blogtitle a {
  301. font-family: 'saira', sans-serif;
  302. letter-spacing:0.5px;
  303. font-weight:700;
  304. font-size:15px;
  305. color:{color:title};
  306. text-transform:uppercase;
  307. }
  308.  
  309.  
  310. #description {
  311. margin-top:10px;
  312. padding-right:25px;
  313. padding-left:25px;
  314. margin-bottom:10px;
  315. text-align:center;
  316. font-family: 'saira', sans-serif;
  317.  
  318. }
  319.  
  320. /*pagination*/
  321.  
  322. .pagination {
  323. width:540px;
  324. padding-bottom:50px;
  325. margin-top:100px;
  326. text-align:center;
  327. font-size:10px;
  328. font-family:'maven pro', sans-serif;
  329. text-transform:lowercase;
  330. }
  331.  
  332.  
  333. .pagination a {
  334. color:{color:Text};
  335. padding:10px;
  336. -moz-transition-duration: 0.5s;
  337. -o-transition-duration: 0.5s;
  338. -webkit-transition-duration: 0.5s;
  339. transition-duration: 0.5s;
  340. }
  341.  
  342. .pagination a:hover {
  343. color:{color:Link Hover};
  344. text-decoration:none;
  345. -moz-transition-duration: 0.5s;
  346. -o-transition-duration: 0.5s;
  347. -webkit-transition-duration: 0.5s;
  348. transition-duration: 0.5s;
  349. }
  350.  
  351.  
  352. /*posts*/
  353.  
  354. section {
  355. width:540px;
  356. margin-left:490px;
  357. margin-top: 100px;
  358. margin-bottom:100px;
  359. }
  360. .posts {
  361. width:540px;
  362. margin-bottom:100px;
  363. padding:20px;
  364. text-align:justify;
  365. }
  366.  
  367. .ph {
  368. position:relative;
  369. overflow:hidden;
  370. margin:0;
  371. }
  372.  
  373. .ph img {
  374. width:auto;
  375. display:block;
  376. }
  377.  
  378. .photo-slideshow {
  379. width:auto!important;
  380. }
  381.  
  382. .posts ul li {
  383. list-style:none;
  384. line-height:100%;
  385. margin-left:0px;
  386. }
  387.  
  388. .posts ul li:before {
  389. content:"›";
  390. color:{color:accent};
  391. padding-right:5px;
  392. }
  393.  
  394.  
  395. /*titles*/
  396.  
  397. .title {
  398. font-family:'saira', sans-serif;
  399. line-height:150%;
  400. margin-bottom:10px;
  401. font-size:13px;
  402. color:{color:text};
  403. text-transform:uppercase;
  404. letter-spacing:0.5px;
  405. font-weight: 500;
  406. }
  407.  
  408. .title a {color:{color:title};}
  409.  
  410. .title a:hover {color:{color:link};}
  411.  
  412. /*captions*/
  413.  
  414. .user {
  415.  
  416. line-height:30px;
  417. font-family:'saira',sans-serif;
  418. font-style:bold;
  419. font-weight:800;
  420. color:#545454;
  421.  
  422. }
  423.  
  424. .user img {
  425. border-radius: 20%;
  426. width: 18px;
  427. height: 18px;
  428. margin-right:10px;
  429. margin-top:6px;
  430. display:inline-block;
  431. float:left;
  432. }
  433.  
  434.  
  435.  
  436. .comment {
  437.  
  438.  
  439. padding-top:1.5em;
  440. list-style:none;
  441.  
  442. }
  443.  
  444. .comment:last-of-type {padding-bottom:0!important;}
  445.  
  446.  
  447. .captioned .comment:first-of-type {margin-top:1em;}
  448.  
  449. .tex {margin-top:1.5em; font-weight:normal;font-family:'saira', sans-serif;}
  450.  
  451. .tex li, .tex blockquote {
  452. text-align:left;
  453. margin-top:10px;
  454. }
  455.  
  456. /*photoset*/
  457.  
  458. [photoset-layout] {
  459. grid-gap:4px;
  460. }
  461.  
  462. [photoset-layout] div {
  463. cursor:pointer;
  464. }
  465.  
  466.  
  467. /*quote*/
  468.  
  469. .source {margin-top:5px;}
  470.  
  471. /*audio*/
  472.  
  473. .player {
  474. width:25px;
  475. height:30px;
  476. position:absolute;
  477. left:5px;
  478. top:calc(50% - 15px);
  479. display:block;
  480. overflow:hidden;
  481. }
  482.  
  483. .trname{
  484.  
  485. font-family:'saira', sans-serif;
  486. font-weight:bold;
  487. font-style:italic;}
  488.  
  489. .hold {
  490. text-align:left;
  491. background: #f2f2f2;
  492. position:relative;
  493. display:block;
  494. min-height:24px;
  495. padding:20px;
  496. }
  497.  
  498. .audio_info {
  499. vertical-align:middle;
  500. line-height:1.5em;
  501. margin-left:25px;
  502. max-width:calc(100% - 35px);
  503. }
  504.  
  505. .audio_info span {
  506. white-space:nowrap;
  507. overflow:hidden;
  508. text-overflow:ellipsis;
  509. display:block;
  510. }
  511.  
  512. .spotify_audio_player {
  513.  
  514. height: 80px !important;
  515. width:540px;
  516.  
  517. }
  518.  
  519.  
  520. /*asks*/
  521.  
  522. .q {
  523. text-align:left;
  524. padding:30px;
  525. margin-bottom:-1em;
  526. background-color:#f6f6f6;
  527. }
  528.  
  529. .ansr {margin-top:2em;}
  530.  
  531. .as {text-transform:lowercase;}
  532.  
  533. .as a {color:{color:text};}
  534.  
  535. .as a:hover {color:{color:link hover};}
  536.  
  537. /*chat*/
  538.  
  539. .chat {
  540. text-align:left;
  541. margin:0;
  542. padding:0;
  543. list-style:none;
  544. }
  545.  
  546. .l {
  547. padding:15px 0;
  548. border-bottom:1px solid {color:borders};
  549. }
  550.  
  551. .label {
  552. font-weight:bold;
  553. color:{color:title};
  554. display:inline-block;
  555. }
  556.  
  557. .l:first-of-type {padding-top:0;}
  558.  
  559. .l:last-of-type {
  560. padding-bottom:0;
  561. border:0;
  562. }
  563. /*permalink and notes*/
  564.  
  565. .when {margin-top:2em;display:block;border-top:1px solid #f1f1f1;padding-top:12px;}
  566.  
  567. .when a {font-weight:700;font-size:10.5px;font-family:'saira',sans-serif;color:#474545;}
  568.  
  569. .tags {margin-top:1em;width:540px;display:block;}
  570.  
  571. .tags a {
  572. font-style:normal;
  573. word-spacing:1,5px;
  574. font-family:'saira',sans-serif;
  575. color:{color:text};
  576. display:inline;
  577. margin:0 5px;
  578. }
  579.  
  580. .pagenotes {
  581.  
  582. padding-top:10px;
  583. border-top:1px solid ;
  584. border-color:#f2f2f2;
  585. color:#656464;
  586. }
  587.  
  588. ol.notes {
  589. list-style-type:none;
  590. padding:0px;
  591. margin:0px;
  592. }
  593.  
  594. ol.notes li.note {
  595. display:block;
  596. padding:0;
  597. margin:5px 0;
  598. }
  599.  
  600. ol.notes li.note img.avatar {display:none!important;}
  601.  
  602. a.more_notes_link {
  603. display:block;
  604. text-align:center;
  605. color:{color:title};
  606. }
  607.  
  608. .credit {
  609. position:fixed;
  610. right:12px;
  611. bottom:15px;
  612. color:#3c3c3c;
  613. }
  614.  
  615. svg {
  616. width:10px;
  617. height:auto;
  618. opacity:.5;
  619. padding:1px;
  620. display:block;
  621. overflow:visible;
  622. }
  623. .controls a {
  624. position:relative;
  625. display:inline-block;
  626. overflow:hidden;
  627. padding:5px;
  628. width:12px;
  629. height:12px;
  630. color:#3c3c3c;
  631. }
  632. .controls .reblog {
  633. opacity:.93;
  634. }
  635. .controls .reblog svg {
  636. width:9px;
  637. margin-top:1px;
  638. }
  639. .controls .like .liked + svg {
  640. opacity:1;
  641. }
  642. .controls .like .liked + svg path {
  643. fill:#ec5a5a;
  644. }
  645. .controls .like .like_button {
  646. position:relative;
  647. }
  648. .controls .like .like_button iframe {
  649. position:absolute;
  650. top:0;
  651. left:0;
  652. bottom:0;
  653. right:0;
  654. z-index:2;
  655. opacity:0.000001;
  656. }
  657.  
  658. {CustomCSS}
  659.  
  660. </style>
  661.  
  662. </head>
  663.  
  664. <body>
  665.  
  666. <sidebar>
  667. {block:ifSidebarImage}<div class="sidebarimg"><a href="/"><img src="{image:Sidebar}"/></a></div>{/block:ifSidebarImage}
  668. {block:ifShowTitle}<div class="blogtitle"><a href="/">{Title}</a></div>
  669. {/block:ifShowTitle}
  670. <div id="description">{Description}</div>
  671. <div class=nav><a href="/"><span class="lnr lnr-rocket"></span></a> <a href="/ask"><span class="lnr lnr-bubble"></span></a> {block:ifShowLink1}<a href="{text:Link 1 URL}"><span class="lnr lnr-link"></span></a> {/block:ifShowLink1}{block:ifShowLink2}<a href="{text:Link 2 URL}"><span class="lnr lnr-user"></span></a> {/block:ifShowLink2}{block:ifShowLink3}<a href="{text:Link 3 URL}"><span class="lnr lnr-tag"></span></a> {/block:ifShowLink3}{block:ifShowLink4}<a href="{text:Link 4 URL}"><span class="lnr lnr-moon"></span></a> {/block:ifShowLink4} {block:ifShowArchive}<a href="/archive"><span class="lnr lnr-calendar-full"></span></a> {/block:ifShowArchive}</div>
  672. </sidebar>
  673.  
  674.  
  675.  
  676. <section id="entries">{block:posts}
  677. <div class="posts" post-type="{PostType}" {block:caption}captioned{/block:caption}>
  678.  
  679. {block:Quote}
  680. <div class="title quote">{quote}</div>
  681. {block:Source}<div class="source">{source}</div>{/block:Source}
  682. {/block:Quote}
  683.  
  684.  
  685. {block:Text}
  686. {block:Title}<div class="title">{title}</div>{/block:Title}
  687. {block:RebloggedFrom}
  688. {block:Reblogs}
  689. <li class="comment {block:Title}ted{/block:Title}">
  690. <a {block:haspermalink}href="{Permalink}"{/block:haspermalink} class="user" target="_blank"><img src="{PortraitURL-64}"> {username}</a></a>
  691. <div class="tex">{body}</div>
  692. </li>
  693. {/block:Reblogs}
  694. {/block:RebloggedFrom}
  695. {block:NotReblog}
  696. <li class="comment {block:Title}ted{/block:Title}">
  697. <div class="tex">{body}</div>
  698. </li>
  699. {/block:NotReblog}
  700. {/block:Text}
  701.  
  702. {block:Link}<div class="title"><a href="{URL}">{name}</a></div>
  703. {block:Description}
  704. {block:NotReblog}
  705. <li class="comment ted">
  706. <div class="tex">{description}</div>
  707. </li>
  708. {/block:NotReblog}
  709. {/block:Description}
  710. {block:RebloggedFrom}
  711. {block:Reblogs}
  712. <li class="comment">
  713. <a {block:haspermalink}href="{Permalink}"{/block:haspermalink}</a>
  714. <div class="tex">{body}</div>
  715. </li>
  716. {/block:Reblogs}
  717. {/block:RebloggedFrom}
  718. {/block:Link}
  719.  
  720. {block:Chat}
  721. {block:Title}<div id="title">{title}</div>{/block:Title}
  722. <ol class="chat {block:Title}ted{/block:Title}">
  723. {block:lines}
  724. <li class="l {Alt}">
  725. {block:label}<span class="label">{label}</span>{/block:label} {line}
  726. </li>
  727. {/block:lines}
  728. </ol>
  729. {/block:Chat}
  730.  
  731. <div class="ph">
  732.  
  733. {block:Photo}{linkopentag}<img src="{photoURL-HighRes}" alt="{PhotoAlt}"/>{linkclosetag}{/block:Photo}
  734.  
  735. {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}
  736.  
  737. {block:Video}{video-500}{/block:Video}
  738.  
  739. {block:Audio}
  740.  
  741. <div class="hold">
  742. <div class="player">{audioplayerwhite}</div>
  743. <div class="audio_info">
  744. {block:trackname}<span class="trname">{trackname}</span>{/block:trackname}
  745. {block:artist}<span class="artist">{artist}</span>{/block:artist}
  746.  
  747. </div>
  748. </div>
  749.  
  750. {/block:Audio}
  751.  
  752.  
  753. {block:caption}
  754. {block:Reblogs}
  755. <li class="comment">
  756. <a {block:haspermalink}href="{Permalink}"{/block:haspermalink} class="user" target="_blank"> <img src="{PortraitURL-64}"> {username}</a>
  757. <div class="tex">{body}</div>
  758. </li>
  759. {/block:Reblogs}
  760. {block:NotReblog}
  761. <li class="comment" style="padding:0">
  762. <div class="tex">{caption}</div>
  763. </li>
  764. {/block:NotReblog}
  765. {/block:caption}
  766. </div>
  767.  
  768. {block:Answer}
  769. <div class="q">
  770. <span style="font-style: bold;text-transform:lowercase;color:#656464;font-family:'saira',sans-serif;">{Asker}</span> : {Question}</div>
  771. {block:Answerer}
  772. <div class="ansr">
  773. <div class="user"><img src="{AnswererPortraitURL-64}"> {username}</a> {answerer}</div> <div class="tex">{answer}</div>
  774. </div>
  775. {/block:Answerer}
  776. {block:NotReblog}
  777. <li class="comment">
  778. <div class="tex">{replies}</div>
  779. </li>
  780. {/block:NotReblog}
  781. {block:RebloggedFrom}
  782. {block:Reblogs}
  783. <li class="comment">
  784. <a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank"><img src="{PortraitURL-64}">{username}</a>
  785. <div class="tex">{body}</div>
  786. </li>
  787. {/block:Reblogs}
  788. {/block:RebloggedFrom}
  789. {/block:Answer}
  790.  
  791.  
  792. {block:Date}
  793.  
  794. <div class="when">
  795.  
  796. {block:PinnedPostLabel}<a href="{Permalink}" title="pinned post" class="pinned-post"><span class="lnr lnr-pushpin"></span>
  797. </a> Pinned  {/block:PinnedPostLabel}
  798.  
  799. <span><a href="{Permalink}">{ShortMonth} {DayOfMonthWithZero} {block:NoteCount} {NoteCountWithLabel}{/block:NoteCount}</a>
  800.  
  801. {block:Permalink}{block:RebloggedFrom}  <a href="{ReblogParentURL}">{ReblogParentName}</a>{block:ContentSource} <a href="{SourceURL}">{SourceTitle}</a>{/block:ContentSource}{/block:RebloggedFrom}
  802. {/block:Permalink} 
  803. <div style="float:right"><div class="controls">
  804. <a href="{ReblogURL}" target="_blank" class="reblog">
  805. <svg xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 361.095 361.095" style="enable-background:new 0 0 361.095 361.095;" xml:space="preserve"><g><g><path d="M182.595,325.678c-63.183,0-120.133-42.217-138.267-102.567c-2.833-9.067-12.183-14.167-21.25-11.333 c-9.067,2.833-14.167,12.183-11.333,21.25c22.95,75.933,91.517,126.65,170.85,126.65c98.317,0,178.5-80.183,178.5-178.5 s-80.183-178.5-178.5-178.5c-55.817,0-108.233,26.633-141.667,69.7l-7.083-56.1c-1.133-9.35-9.633-15.867-18.983-14.733 C5.511,2.678-1.005,11.178,0.128,20.528l13.317,103.7c1.133,8.5,8.5,14.733,16.717,14.733c0.567,0,1.417,0,1.983,0l102.567-11.617 c9.35-1.133,16.15-9.35,15.017-18.7s-9.35-16.15-18.7-15.017l-68.85,7.65c26.633-39.95,71.683-64.6,120.417-64.6 c79.617,0,144.5,64.883,144.5,144.5S262.211,325.678,182.595,325.678z"/></g></g></svg>
  806. </a>
  807. <a href="#" class="like">{LikeButton}
  808. <svg xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 442.403 442.403" style="enable-background:new 0 0 442.403 442.403;" xml:space="preserve"><g><g><path d="M213.05,422.652c2.833,1.7,5.95,2.833,9.35,2.833c3.117,0,6.517-0.85,9.35-2.833c7.65-5.1,187.283-123.533,207.683-243.95 c10.483-62.333-8.783-100.867-26.633-122.117c-20.967-24.933-52.133-39.667-83.017-39.667c-10.2,0-20.117,1.7-28.9,5.1 c-43.067,16.15-72.25,44.767-88.117,64.317c-15.583-19.267-42.217-47.033-74.517-58.083c-9.917-3.4-20.683-5.1-32.017-5.1 c-28.9,0-56.383,11.9-75.367,32.867c-16.717,18.417-35.7,53.55-29.75,114.75C13.016,291.185,204.833,417.268,213.05,422.652z M56.083,78.685c17.283-18.983,38.817-21.817,50.15-21.817c7.367,0,14.45,1.133,20.967,3.4 c39.383,13.317,70.833,63.467,71.4,63.75c3.117,5.1,8.783,8.217,14.733,7.933c5.95,0,11.333-3.4,14.45-8.5 c0.283-0.567,28.617-48.733,85.283-69.983c4.817-1.7,10.767-2.833,16.717-2.833c20.967,0,42.217,10.483,56.95,27.767 c19.267,22.667,25.783,55.533,18.983,94.633c-7.367,43.067-42.5,94.633-101.717,149.317c-33.433,30.883-66.3,54.683-81.6,65.45 c-16.15-11.05-51-36.55-86.417-68.85C74.216,262.285,39.366,209.868,35.116,167.368C31.433,128.552,38.516,97.952,56.083,78.685z"/></g></g></svg>
  809. </a></div></div></span>
  810. {block:hastags}
  811. <span class="tags">{block:Tags}<a href="{TagUrl}"><span class="lnr lnr-cross"></span> {Tag}</a>{/block:Tags}</span>
  812. {/block:hasTags}
  813. </div>
  814. {/block:Date}
  815.  
  816. </div>
  817.  
  818. {block:PostNotes}
  819. <article class="posts pagenotes">
  820. <div class="title">{NoteCountWithLabel}</div>
  821. {block:RebloggedFrom}
  822. <span style="margin-top:5px">via: <a href="{ReblogParentURL}">{ReblogParentName}</a>
  823. {block:ContentSource} &mdash; source: <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:ContentSource}
  824. </span>
  825. {/block:RebloggedFrom}
  826. <hr>
  827. {PostNotes}
  828. </article>
  829. {/block:PostNotes}
  830.  
  831. {/block:Posts}
  832.  
  833. {block:Pagination}
  834. <div class="pagination">
  835. <span>
  836. {block:PreviousPage}<a href="{PreviousPage}">〈</a>{/block:PreviousPage}
  837. {block:NextPage}<a href="{NextPage}">〉</a>{/block:NextPage} </span>
  838. </div>
  839. {/block:Pagination}
  840.  
  841. </section>
  842.  
  843. {block:ContentSource}
  844. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  845. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  846. {/block:SourceLogo}
  847. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  848. {/block:ContentSource}
  849.  
  850. <div class="credit"><a href="https://arianagrandre.tumblr.com/" title="arianagrandre"><span class="lnr lnr-star"></span></span></a></div>
  851.  
  852. <script>
  853. function gatherData(images, arr) {
  854. for (let i = 0; i < images.length; i++) {
  855. let currentData = {
  856. "width": images[i].getAttribute('data-width'),
  857. "height": images[i].getAttribute('data-height'),
  858. "low_res": images[i].getAttribute('data-lowres'),
  859. "high_res": images[i].getAttribute('data-highres')
  860. };
  861. arr.push(currentData);
  862. }
  863. }
  864. function getIndex(elem) {
  865. let i = 0;
  866. while( (elem = elem.previousElementSibling) != null ) i++;
  867. return i;
  868. }
  869. function lightbox(elem) {
  870. let currentPhotoset = elem.parentNode;
  871. let photosetPhotos = currentPhotoset.getElementsByTagName('div');
  872. let data = [];
  873. gatherData(photosetPhotos, data);
  874. Tumblr.Lightbox.init(data, getIndex(elem) + 1);
  875. }
  876. </script>
  877.  
  878. </body></html>
Add Comment
Please, Sign In to add comment