dhyas

THEME 03 - HAWAIIAN MAZES

Aug 18th, 2019
4,058
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.15 KB | None | 0 0
  1. <!--
  2.  
  3. ♡ HAWAIIAN MAZES / THEME 03 by DHYA @ARIANAGRANDRE ♡
  4. arianagrandre.tumblr.com
  5.  
  6. base code by @sorrism, pxu photoset by pixel union / tutorial by @shythemes & @bychloethemes, resizing videos and custom like/reblog buttons by @shythemes / @cyantists, icon fonts by Perxis (linearicons)
  7.  
  8. 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!
  9.  
  10.  
  11. -->
  12.  
  13. <!DOCTYPE html>
  14. <head>
  15.  
  16. <title>{block:PostSummary}{PostSummary} : {/block:PostSummary}{Title}</title>
  17.  
  18. <link rel="shortcut icon" href="{favicon}">
  19.  
  20. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  21. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  22.  
  23. <!--Default Variables-->
  24.  
  25. <meta name="color:Background" content="#ffffff"/>
  26. <meta name="color:Text" content="#5d5d5d"/>
  27. <meta name="color:Link" content="#6b6b6b"/>
  28. <meta name="color:Link Hover" content="#aaaaaa"/>
  29. <meta name="color:Title"content="#282828"/>
  30. <meta name="color:Scrollbar" content="#d5d5d5" />
  31. <meta name="if:Show Title" content="0" />
  32.  
  33. <meta name="text:Link 1" content="" />
  34. <meta name="text:Link 1 URL" content="" />
  35. <meta name="text:Link 2" content="" />
  36. <meta name="text:Link 2 URL" content="" />
  37. <meta name="text:Link 3" content="" />
  38. <meta name="text:Link 3 URL" content="" />
  39. <meta name="text:Link 4" content="" />
  40. <meta name="text:Link 4 URL" content="" />
  41. <meta name="text:Link 5" content="" />
  42. <meta name="text:Link 5 URL" content="" />
  43.  
  44.  
  45.  
  46. <meta name="image:Sidebar" content=""/>
  47.  
  48. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script><script src="https://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
  49.  
  50. <link href="https://fonts.googleapis.com/css?family=Josefin+Sans|Reem+Kufi&display=swap" rel="stylesheet">
  51. <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  52. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  53. <script src="https://static.tumblr.com/yxfeliq/hHwojmt8m/bctphotoset.min.js"></script>
  54. <script src ="https://static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  55.  
  56. <!--CSS customization here. -->
  57.  
  58. <style type="text/css">
  59.  
  60.  
  61. /*tumblr controls and lightbox*/
  62.  
  63. .tmblr-lightbox {background:rgba({RGBcolor:background}, .95)!important;}
  64.  
  65. .tmblr-lightbox img {opacity:0;}
  66.  
  67. .lightbox-caption {
  68. color:{color:title}!important;
  69. font-family:inherit!important;
  70. font-size:1em!important;
  71. font-weight:normal!important;
  72. text-shadow:none!important;
  73. }
  74.  
  75. .lightbox-image {
  76. -moz-box-shadow:none!important;
  77. -webkit-box-shadow:none!important;
  78. box-shadow:none!important;
  79. -moz-border-radius:0px!important;
  80. -webkit-border-radius:0px!important;
  81. border-radius:0px!important;
  82. padding:0px!important;
  83. border:0!important;
  84. opacity:1!important;
  85. }
  86.  
  87. .vignette {opacity:0!Important;}
  88.  
  89. .iframe-controls--desktop {
  90. white-space:nowrap!important;
  91. top:5px!important;
  92. right:5px!important;
  93. opacity:1!important;
  94. position:fixed!important;
  95. }
  96.  
  97. /*tooltip*/
  98.  
  99. .ui-tooltip {
  100. position:Absolute;
  101. z-index:9999;
  102. padding-top:10px;
  103. }
  104.  
  105. .ui-tooltip-content {
  106. background:{color:background};
  107. padding:0 4px;
  108. font-style:italic;
  109. color:{color:link};
  110. text-transform:lowercase;
  111. border:1px solid {color:borders};
  112. }
  113.  
  114. /*scrollbar*/
  115.  
  116. ::-webkit-scrollbar{
  117. height:11px;
  118. width:11px;
  119. background:inherit;
  120. }
  121.  
  122. ::-webkit-scrollbar-thumb {background:{color:scrollbar};}
  123.  
  124. ::-webkit-scrollbar-track {background:{color:borders};}
  125.  
  126. ::-webkit-scrollbar-thumb, ::-webkit-scrollbar-track {border:5px solid {color:background};}
  127.  
  128.  
  129. /*main structure*/
  130.  
  131. body {
  132. background:{color:background};
  133. color:{color:text};
  134. font-size:11.5px;
  135. font-family:'reem kufi', serif;
  136. line-height:1.5em;
  137. word-wrap:break-word;
  138. text-align:justify;
  139. text-transform:none;
  140. }
  141.  
  142. a {
  143. color:{color:link};
  144. text-decoration:none;
  145. transition:all .3s linear;
  146. -webkit-transition:all .3s linear;
  147. -o-transition:all .3s linear;
  148. -moz-transition:all .3s linear;
  149. }
  150.  
  151. a, a img {cursor:pointer;}
  152.  
  153. a:hover {
  154. color:{color:link hover}!important;
  155. text-decoration:none;
  156. }
  157.  
  158. img {
  159. opacity:1;
  160. border:0;
  161. text-decoration:none;
  162. max-width:100%;
  163. height:auto;
  164. display:block;
  165. }
  166.  
  167. blockquote {
  168. padding:.25em 0 .25em 15px;
  169. margin:.5em 0;
  170.  
  171. }
  172.  
  173. pre {
  174. padding:0;
  175. margin:0;
  176. line-height:inherit!important;
  177. background:transparent;
  178. font-family:inherit!Important;
  179. font-size:inherit!important;
  180. white-space:pre-wrap;
  181. white-space:-moz-pre-wrap;
  182. white-space:-pre-wrap;
  183. white-space:-o-pre-wrap;
  184. word-wrap:break-word;
  185. }
  186.  
  187. p {margin:1em 0;}
  188.  
  189. p:first-of-type {margin-top:0;}
  190.  
  191. p:last-of-type {margin-bottom:0;}
  192.  
  193. b, strong, b a, strong a {
  194. font-weight:bold!important;
  195. color:{color:title};
  196. }
  197.  
  198. small, big, sub, pre {
  199. font-size:1em!important;
  200. line-height:1.4em!important;
  201. vertical-align:baseline!important;
  202. }
  203.  
  204. i {
  205. font-style:italic;
  206. }
  207.  
  208. h1, h2, h3, h4 {
  209. margin:1.5em 0;
  210. font-size:13px;
  211. letter-spacing:0.5px;
  212. font-weight:500;
  213. color:{color:title};
  214. font-weight:bold;
  215. }
  216.  
  217. .posts h1:first-child, .posts h2:first-child, .posts h3:first-child, .posts h4:first-child {margin-top:0;}
  218.  
  219. hr {
  220. border:none;
  221. box-shadow:0;
  222. margin:2em auto;
  223. width:75px;
  224. }
  225.  
  226. /*header*/
  227.  
  228. sidebar {
  229. width:120px;
  230. margin-left: 160px;
  231. margin-top: 5px;
  232. position:fixed;
  233. padding:0px;
  234. background-color:#ffffff;
  235. }
  236.  
  237. .sidebarimg img {
  238. display:block;
  239. margin-left:20px;
  240. margin-top:30px;
  241. max-width:80px;
  242. border-radius:150px;
  243. margin-bottom:15px;
  244. }
  245.  
  246.  
  247. .nav {
  248.  
  249. padding-bottom:10px;
  250. overflow:hidden;
  251. text-align:left;
  252. line-height:13px;
  253.  
  254. }
  255.  
  256.  
  257. .nav a {
  258. font-size:10.5px;
  259. padding:5px;
  260. display:inline-block;
  261. width:120px;
  262. background-color:#ffffff;
  263. font-weight:400;
  264. font-family: 'josefin sans', sans-serif;
  265. text-transform:lowercase;
  266. color: {color:link};
  267. -moz-transition-duration: 0.2s;
  268. -o-transition-duration: 0.2s;
  269. -webkit-transition-duration: 0.2s;
  270. transition-duration: 0.2s;
  271. }
  272.  
  273. .nav a:hover {
  274. letter-spacing:3px;
  275. color:{color:Link Hover};
  276. background-color:#f6f6f6;
  277. text-decoration:none;
  278. -moz-transition-duration: 0.2s;
  279. -o-transition-duration: 0.2s;
  280. -webkit-transition-duration: 0.2s;
  281. transition-duration: 0.2s;
  282. }
  283.  
  284. .blogtitle {
  285. text-align:center;
  286. margin-bottom:5px;
  287. padding-left:5px;
  288. padding-right:5px;
  289. margin-top:10px;}
  290.  
  291. .blogtitle a {
  292. font-family: 'josefin sans', sans-serif;
  293. letter-spacing:0.5px;
  294. font-weight:700;
  295. font-size:12px;
  296. color:{color:title};
  297. text-transform:uppercase;
  298. }
  299.  
  300.  
  301. #description {
  302. margin-top:0px;
  303. padding-right:10px;
  304. padding-left:10px;
  305. padding-bottom:10px;
  306. margin-bottom:10px;
  307. font-size:11px;
  308. text-align:center;
  309. font-family: 'reem kufi', sans-serif;
  310. border-bottom:3px solid #f6f6f6;
  311. color:#7b7b7b;
  312.  
  313. }
  314.  
  315. /*pagination*/
  316.  
  317. .pagination {
  318. width:540px;
  319. padding-bottom:50px;
  320. margin-top:100px;
  321. text-align:center;
  322. font-size:10px;
  323. font:{text:body};
  324. text-transform:lowercase;
  325. }
  326.  
  327.  
  328. .pagination a {
  329. color:{color:Text};
  330. padding:10px;
  331. -moz-transition-duration: 0.2s;
  332. -o-transition-duration: 0.2s;
  333. -webkit-transition-duration: 0.2s;
  334. transition-duration: 0.2s;
  335. }
  336.  
  337. .pagination a:hover {
  338. color:{color:Link Hover};
  339. text-decoration:none;
  340. -moz-transition-duration: 0.2s;
  341. -o-transition-duration: 0.2s;
  342. -webkit-transition-duration: 0.2s;
  343. transition-duration: 0.2s;
  344. }
  345.  
  346.  
  347. /*posts*/
  348.  
  349. section {
  350. width:540px;
  351. margin-left:490px;
  352. margin-top: 100px;
  353. margin-bottom:100px;
  354. }
  355. .posts {
  356. width:540px;
  357. margin-bottom:100px;
  358. padding:20px;
  359. text-align:justify;
  360. }
  361.  
  362. .ph {
  363. position:relative;
  364. overflow:hidden;
  365. margin:0;
  366. }
  367.  
  368. .ph img {
  369. width:auto;
  370. display:block;
  371. }
  372.  
  373. .photo-slideshow {
  374. width:auto!important;
  375. }
  376.  
  377. .posts ul li {
  378. list-style:none;
  379. line-height:100%;
  380. margin-left:0px;
  381. }
  382.  
  383. .posts ul li:before {
  384. content:"›";
  385. color:{color:accent};
  386. padding-right:5px;
  387. }
  388.  
  389.  
  390. /*titles*/
  391.  
  392. .title {
  393. font-family:'reem kufi', sans-serif;
  394. line-height:150%;
  395. margin-bottom:10px;
  396. font-size:13px;
  397. color:{color:text};
  398. text-transform:uppercase;
  399. letter-spacing:0.5px;
  400. font-weight: 500;
  401. }
  402.  
  403. .title a {color:{color:title};}
  404.  
  405. .title a:hover {color:{color:link};}
  406.  
  407. /*captions*/
  408.  
  409. .user {
  410.  
  411. line-height:20px;
  412. font-family:'josefin sans',sans-serif;
  413. font-style:bold;
  414. font-weight:800;
  415. color:#545454;
  416.  
  417. }
  418.  
  419. .user img {
  420. border-radius: 20%;
  421. width: 18px;
  422. height: 18px;
  423. margin-right:10px;
  424. margin-top:1px;
  425. display:inline-block;
  426. float:left;
  427. }
  428.  
  429.  
  430.  
  431. .comment {
  432.  
  433.  
  434. padding:1em 0;
  435. list-style:none;
  436.  
  437. }
  438.  
  439. .comment:last-of-type {padding-bottom:0!important;}
  440.  
  441.  
  442. .captioned .comment:first-of-type {margin-top:1em;}
  443.  
  444. .tex {margin-top:1.5em;font:{text:body}; sans-serif;}
  445.  
  446. .tex li, .tex blockquote {
  447. text-align:left;
  448. margin-top:10px;
  449. }
  450.  
  451. /*quote*/
  452.  
  453. .source {margin-top:5px;}
  454.  
  455. /*audio*/
  456.  
  457. .playerwrap {
  458. padding-bottom:10px;
  459. }
  460.  
  461. .player {
  462. width:33px;
  463. position:absolute;
  464. z-index:9;
  465. margin-left:24px;
  466. overflow:hidden;
  467. border-radius: 30px;
  468. margin-top:25px;
  469. margin-bottom:5px;
  470. opacity:0.5;
  471. background-color:#f6f6f6;
  472. }
  473.  
  474. .player a {
  475. opacity:1;
  476. }
  477.  
  478. .trname{
  479.  
  480. font-family:'reem kufi', sans-serif;
  481. font-weight:bold;
  482. font-size:13px;
  483. border-bottom:1px solid #f6f6f6;
  484. font-style:italic;}
  485.  
  486.  
  487. .audio_info {
  488. margin-left:100px;
  489. margin-top:-90px;
  490. position:relative;
  491. padding:10px;
  492. line-height:2.5em;
  493. max-width:calc(100% - 35px);
  494. }
  495.  
  496. .audio_info span {
  497. white-space:nowrap;
  498. overflow:hidden;
  499. text-overflow:ellipsis;
  500. display:block;
  501. }
  502.  
  503. .albumart img {
  504. position:relative;
  505. height:80px;
  506. width:80px;
  507. border-radius:10px;
  508. margin-bottom:10px;
  509. margin-top:0px;
  510. }
  511.  
  512. .spotify_audio_player {
  513.  
  514. height: 80px !important;
  515. width:540px;
  516.  
  517. }
  518.  
  519.  
  520.  
  521. /*asks*/
  522.  
  523. .q {
  524. text-align:left;
  525. padding:30px;
  526. margin-bottom:-1em;
  527. background-color:#f6f6f6;
  528. font-style: bold;
  529. text-transform:lowercase;
  530. color:#656464;
  531. font:{text:body};
  532. }
  533.  
  534. .ansr {margin-top:2em;}
  535.  
  536. .as {text-transform:lowercase;}
  537.  
  538. .as a {color:{color:text};}
  539.  
  540. .as a:hover {color:{color:link hover};}
  541.  
  542. /*chat*/
  543.  
  544. .chat {
  545. text-align:left;
  546. margin:0;
  547. padding:0;
  548. list-style:none;
  549. }
  550.  
  551. .l {
  552. padding:15px 0;
  553. border-bottom:1px solid {color:borders};
  554. }
  555.  
  556. .label {
  557. font-weight:bold;
  558. color:{color:title};
  559. display:inline-block;
  560. }
  561.  
  562. .l:first-of-type {padding-top:0;}
  563.  
  564. .l:last-of-type {
  565. padding-bottom:0;
  566. border:0;
  567. }
  568. /*permalink and notes*/
  569.  
  570. .when {
  571. margin-top:2em;
  572. display:block;
  573. border-top:1px solid #f6f6f6;
  574. padding-top:12px;
  575. color:#7b7b7b;
  576.  
  577. }
  578.  
  579. .when a {font-weight:700;font-size:11px;font-family:'josefin sans',sans-serif;color:#7b7b7b;}
  580.  
  581. .tags {margin-top:1em;width:540px;display:block;}
  582.  
  583. .tags a {
  584. font-style:normal;
  585. word-spacing:1,5px;
  586. font-family: {text:body};
  587. color:{color:text};
  588. display:inline;
  589. margin:0 5px;
  590. }
  591.  
  592. .pagenotes {
  593.  
  594. padding-top:10px;
  595. border-top:1px solid ;
  596. border-color:#f2f2f2;
  597. color:#656464;
  598. }
  599.  
  600. ol.notes {
  601. list-style-type:none;
  602. padding:0px;
  603. margin:0px;
  604. }
  605.  
  606. ol.notes li.note {
  607. display:block;
  608. padding:0;
  609. margin:5px 0;
  610. }
  611.  
  612. ol.notes li.note img.avatar {display:none!important;}
  613.  
  614. a.more_notes_link {
  615. display:block;
  616. text-align:center;
  617. color:{color:title};
  618. }
  619.  
  620. .credit {
  621. position:fixed;
  622. right:12px;
  623. bottom:15px;
  624. color:#3c3c3c;
  625. }
  626.  
  627. svg {
  628. width:10px;
  629. height:auto;
  630. opacity:.5;
  631. padding:1px;
  632. display:block;
  633. overflow:visible;
  634. }
  635. .controls a {
  636. position:relative;
  637. display:inline-block;
  638. overflow:hidden;
  639. padding:5px;
  640. width:12px;
  641. height:12px;
  642. color:#3c3c3c;
  643. }
  644. .controls .reblog {
  645. opacity:.93;
  646. }
  647. .controls .reblog svg {
  648. width:9px;
  649. margin-top:1px;
  650. }
  651. .controls .like .liked + svg {
  652. opacity:1;
  653. }
  654. .controls .like .liked + svg path {
  655. fill:#ec5a5a;
  656. }
  657. .controls .like .like_button {
  658. position:relative;
  659. }
  660. .controls .like .like_button iframe {
  661. position:absolute;
  662. top:0;
  663. left:0;
  664. bottom:0;
  665. right:0;
  666. z-index:2;
  667. opacity:0.000001;
  668. }
  669.  
  670. {CustomCSS}
  671.  
  672. </style>
  673.  
  674. </head>
  675.  
  676. <body>
  677.  
  678. <sidebar>
  679. {block:ifSidebarImage}<div class="sidebarimg"><a href="/"><img src="{image:Sidebar}"/></a></div>{/block:ifSidebarImage}
  680. {block:ifShowTitle}<div class="blogtitle"><a href="/">{Title}</a></div>
  681. {/block:ifShowTitle}
  682. <div id="description">{Description}</div>
  683.  
  684. <div class=nav><a href="/">Home</a><a href="/ask">Message</a>{block:iflink1}<a href="{text:link 1 url}">{text:link 1}</a> {/block:iflink1}{block:iflink2}<a href="{text:Link 2 URL}">{text:Link 2}</a>{/block:iflink2}{block:iflink3} <a href="{text:Link 3 URL}">{text:Link 3}</a>{/block:iflink3}{block:iflink4} <a href="{text:Link 4 URL}">{text:Link 4}</a> {/block:iflink4}{block:iflink5}<a href="{text:Link 5 URL}">{text:Link 5}</a> {/block:iflink5}</div>
  685. </sidebar>
  686.  
  687. <section id="entries">{block:posts}
  688. <article class="posts {block:caption}captioned{/block:caption}">
  689.  
  690. {block:Quote}
  691. <div class="title quote">{quote}</div>
  692. {block:Source}<div class="source">{source}</div>{/block:Source}
  693. {/block:Quote}
  694.  
  695.  
  696. {block:Text}
  697. {block:Title}<div class="title">{title}</div>{/block:Title}
  698. {block:RebloggedFrom}
  699. {block:Reblogs}
  700. <li class="comment {block:Title}ted{/block:Title}">
  701. <a {block:haspermalink}href="{Permalink}"{/block:haspermalink} class="user" target="_blank"><img src="{PortraitURL-64}"> {username}</a></a>
  702. <div class="tex">{body}</div>
  703. </li>
  704. {/block:Reblogs}
  705. {/block:RebloggedFrom}
  706. {block:NotReblog}
  707. <li class="comment {block:Title}ted{/block:Title}">
  708. <div class="tex">{body}</div>
  709. </li>
  710. {/block:NotReblog}
  711. {/block:Text}
  712.  
  713. {block:Link}<div class="title"><a href="{URL}">{name}</a></div>
  714. {block:Description}
  715. {block:NotReblog}
  716. <li class="comment ted">
  717. <div class="tex">{description}</div>
  718. </li>
  719. {/block:NotReblog}
  720. {/block:Description}
  721. {block:RebloggedFrom}
  722. {block:Reblogs}
  723. <li class="comment">
  724. <a {block:haspermalink}href="{Permalink}"{/block:haspermalink}</a>
  725. <div class="tex">{body}</div>
  726. </li>
  727. {/block:Reblogs}
  728. {/block:RebloggedFrom}
  729. {/block:Link}
  730.  
  731. {block:Chat}
  732. {block:Title}<div id="title">{title}</div>{/block:Title}
  733. <ol class="chat {block:Title}ted{/block:Title}">
  734. {block:lines}
  735. <li class="l {Alt}">
  736. {block:label}<span class="label">{label}</span>{/block:label} {line}
  737. </li>
  738. {/block:lines}
  739. </ol>
  740. {/block:Chat}
  741.  
  742. <div class="ph">
  743.  
  744. {block:Photo}{linkopentag}<img src="{photoURL-HighRes}" alt="{PhotoAlt}"/>{linkclosetag}{/block:Photo}
  745.  
  746. {block:Photoset}<div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div>{/block:Photoset}
  747.  
  748. {block:Video}{video-500}{/block:Video}
  749.  
  750. {block:Audio}
  751.  
  752. <div class="playerwrap">
  753. <div class="player">{audioplayerwhite}</div>
  754. {block:albumart}<div class="albumart"><img src="{albumartURL}"></div class="albumart">{/block:albumart}
  755. <div class="audio_info">
  756. {block:trackname}<span class="trname">{trackname}</span>{/block:trackname}
  757. {block:album}<span class="album">{album}{/block:album} by {block:artist}{artist}{/block:artist}</span>
  758.  
  759. </div></div>
  760.  
  761. {/block:Audio}
  762.  
  763. {block:caption}
  764. {block:Reblogs}
  765. <li class="comment">
  766. <a {block:haspermalink}href="{Permalink}"{/block:haspermalink} class="user" target="_blank"> <img src="{PortraitURL-64}"> {username}</a>
  767. <div class="tex">{body}</div>
  768. </li>
  769. {/block:Reblogs}
  770. {block:NotReblog}
  771. <li class="comment" style="padding:0">
  772. <div class="tex">{caption}</div>
  773. </li>
  774. {/block:NotReblog}
  775. {/block:caption}
  776. </div>
  777.  
  778. {block:Answer}
  779. <div class="q">
  780. <span>{Asker}</span> : {Question}</div>
  781. {block:Answerer}
  782. <div class="ansr">
  783. <div class="user"><img src="{AnswererPortraitURL-64}"> {username}</a> {answerer}</div> <div class="tex">{answer}</div>
  784. </div>
  785. {/block:Answerer}
  786. {block:NotReblog}
  787. <li class="comment">
  788. <div class="tex">{replies}</div>
  789. </li>
  790. {/block:NotReblog}
  791. {block:RebloggedFrom}
  792. {block:Reblogs}
  793. <li class="comment">
  794. <a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank"><img src="{PortraitURL-64}">{username}</a>
  795. <div class="tex">{body}</div>
  796. </li>
  797. {/block:Reblogs}
  798. {/block:RebloggedFrom}
  799. {/block:Answer}
  800.  
  801.  
  802. {block:Date}
  803.  
  804. <div class="when">
  805. <span><a href="{Permalink}"><span class="lnr lnr-map"></span> {ShortMonth} {DayOfMonthWithZero}</a>{block:NoteCount} {NoteCountWithLabel}{/block:NoteCount}
  806.  
  807. {block:Permalink}{block:RebloggedFrom}  <a href="{ReblogParentURL}">{ReblogParentName}</a>{block:ContentSource} <a href="{SourceURL}">{SourceTitle}</a>{/block:ContentSource}{/block:RebloggedFrom}
  808. {/block:Permalink}
  809. <div style="float:right"><div class="controls">
  810. <a href="{ReblogURL}" target="_blank" class="reblog">
  811. <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>
  812. </a>
  813. <a href="#" class="like">{LikeButton}
  814. <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>
  815. </a></div></div></span></div>
  816. <div class="tags">
  817. {block:hastags}
  818. <span class="tags">{block:Tags}<a href="{TagUrl}"><span class="lnr lnr-tag"></span> {Tag}</a>{/block:Tags}</span>
  819. {/block:hasTags}
  820. </div>
  821. {/block:Date}
  822.  
  823. </article>
  824.  
  825. {block:PostNotes}
  826. <article class="posts pagenotes">
  827. <div class="title">{NoteCountWithLabel}</div>
  828. {block:RebloggedFrom}
  829. <span style="margin-top:5px">via: <a href="{ReblogParentURL}">{ReblogParentName}</a>
  830. {block:ContentSource} &mdash; source: <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:ContentSource}
  831. </span>
  832. {/block:RebloggedFrom}
  833. <hr>
  834. {PostNotes}
  835. </article>
  836. {/block:PostNotes}
  837.  
  838. {/block:Posts}
  839.  
  840. {block:Pagination}
  841. <div class="pagination">
  842. <span>
  843. {block:PreviousPage}<a href="{PreviousPage}">prev</a>{/block:PreviousPage}
  844. {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage} </span>
  845. </div>
  846. {/block:Pagination}
  847.  
  848. </section>
  849. <script>
  850. $(document).ready(function(){
  851. $('.photo-slideshow').pxuPhotoset({
  852. lightbox: true,
  853. rounded: false,
  854. gutter: '4px',
  855. borderRadius: '0px',
  856. photoset: '.photo-slideshow',
  857. photoWrap: '.photo-data',
  858. photo: '.pxu-photo'
  859. });
  860. });
  861. </script>
  862.  
  863. {block:ContentSource}
  864. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  865. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  866. {/block:SourceLogo}
  867. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  868. {/block:ContentSource}
  869.  
  870. <div class="credit"><a href="https://arianagrandre.tumblr.com/" title="arianagrandre"><span class="lnr lnr-star"></span></span></a></div>
  871.  
  872. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment