API tools faq
paste
Advertisement
dhyas

THEME 05 - SUNDAYS V2 (DARK)

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