API tools faq
paste
Advertisement
faithsthemes

Stardust

faithsthemes
Feb 22nd, 2019
602
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.90 KB | None | 0 0
raw download clone embed print report
  1.  
  2. <html>
  3. <head>
  4. <!--
  5.  
  6. Stardust Theme by @faithsthemes | @allurae
  7.  
  8. READ BEFORE USING OR EDITING THIS THEME:
  9. - do not delete/alter or edit the credits
  10. - do not redistribuite/claim as yours
  11. - do not steal parts of this code
  12. - do not use this theme as a base code
  13. - do not use any part of this codes without my permission
  14. - you can edit this theme, but don't delete the credits.
  15.  
  16. credits:
  17. - infinite scroll with masonry + pux, like + reblog buttons: @shythemes
  18. - tumblr controls: @cyantists
  19. -->
  20.  
  21. <meta name="color:background" content="#ffffff"/>
  22. <meta name="color:text" content="#000000"/>
  23. <meta name="color:links" content="#e3bdc6"/>
  24. <meta name="color:hover" content="#000000"/>
  25. <meta name="color:navi links" content="#000000"/>
  26. <meta name="color:navi links hover" content="#e3bdc6"/>
  27. <meta name="color:accent color" content="#e3bdc6"/>
  28.  
  29. <meta name="text:home title" content=""/>
  30. <meta name="text:ask title" content=""/>
  31. <meta name="text:ask url" content="/ask"/>
  32. <meta name="text:link 1 title" content="" />
  33. <meta name="text:link 1 url" content="/" />
  34. <meta name="text:link 2 title" content="" />
  35. <meta name="text:link 2 url" content="/" />
  36. <meta name="text:link 3 title" content="" />
  37. <meta name="text:link 3 url" content="/" />
  38.  
  39. <!-- fonts -->
  40. <link href="https://fonts.googleapis.com/css?family=Montserrat|Open+Sans|Slabo+27px" rel="stylesheet">
  41.  
  42. <title>{Title}</title>
  43. <link rel="shortcut icon" href="{Favicon}">
  44. <link rel="altertnate" type="application/rss+xml" href="{RSS}">
  45.  
  46. <!--tooltips -->
  47. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  48. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  49. <script>
  50. (function($){
  51. $(document).ready(function(){
  52. $("a[title]").style_my_tooltips({
  53. tip_follows_cursor:true,
  54. tip_delay_time:90,
  55. tip_fade_speed:600,
  56. attribute:"title"
  57. });
  58. });
  59. })(jQuery);
  60. </script>
  61.  
  62. <style type="text/css">
  63. /* tumblr controls by @cyantists */
  64. iframe.tmblr-iframe {z-index:99999999999999!important; top:10px!important; right:10px!important;opacity:1;
  65. /* delete invert(1) from here */
  66. filter:invert(1) contrast(150%);
  67. -webkit-filter:invert(1) contrast(150%);
  68. -o-filter:invert(1) contrast(150%);
  69. -moz-filter:invert(1) contrast(150%);
  70. -ms-filter:invert(1) contrast(150%);
  71. /* to here if your blog has a dark background */
  72. transform:scale(0.65);
  73. transform-origin:100% 0;
  74. -webkit-transform:scale(0.65);
  75. -webkit-transform-origin:100% 0;
  76. -o-transform:scale(0.65);
  77. -o-transform-origin:100% 0;
  78. -moz-transform:scale(0.65);
  79. -moz-transform-origin:100% 0;
  80. -ms-transform:scale(0.65);
  81. -ms-transform-origin:100% 0;}
  82.  
  83. iframe.tmblr-iframe:hover {opacity:0.8!important;}
  84.  
  85. @font-face{font-family:"buttercup";src:url('https://static.tumblr.com/zx3ibzm/VBMorvmrz/buttercup_sample.ttf');}
  86.  
  87. /* scrollbar */
  88. ::-webkit-scrollbar {
  89. width:13px;
  90. height:13px;
  91. }
  92. ::-webkit-scrollbar {
  93. background-color:rgb(255,255,255); /* background color */
  94. }
  95. ::-webkit-scrollbar-track {
  96. border:6px solid rgb(255,255,255); /* background color */
  97. background-color:rgb(225,225,225); /* light border color */
  98. }
  99. ::-webkit-scrollbar-thumb {
  100. border:6px solid rgb(255,255,255); /* background color */
  101. background-color:rgb(0,0,0); /* dark border color */
  102. min-height:20px;
  103. min-width:20px;
  104. }
  105.  
  106.  
  107. #s-m-t-tooltip{
  108. max-width:300px;
  109. z-index:9999999999999;
  110. margin:24px 14px 7px 12px;
  111. padding:8px;
  112. background:{color:accent color};
  113. -moz-border-radius:3px;
  114. -webkit-border-radius:3px;
  115. border-radius:3px;
  116. font-family:Montserrat;
  117. font-size:11px;
  118. line-height:16px;
  119. color:#000;
  120. }
  121.  
  122. body {
  123. font-size: 11px;
  124. font-family:Open Sans;
  125. color: #000;
  126. background:{color:background};
  127. }
  128.  
  129. a {
  130. color:{color:links};
  131. text-decoration: none;
  132. -moz-transition-duration: 0.5s;
  133. -o-transition-duration: 0.5s;
  134. -webkit-transition-duration: 0.5s;
  135. transition-duration: 0.5s;
  136. }
  137.  
  138. a:hover {
  139. color:#000;
  140. -moz-transition-duration: 0.5s;
  141. -o-transition-duration: 0.5s;
  142. -webkit-transition-duration: 0.5s;
  143. transition-duration: 0.5s;
  144. }
  145.  
  146.  
  147. .container{
  148. position:relative;
  149. margin:60px auto;
  150. width:750px;
  151. }
  152.  
  153. #posts{
  154. position:relative;
  155. margin-left:80px;
  156. }
  157.  
  158. #entry{
  159. margin:35px;
  160. padding:15px;
  161. {block:indexpage}
  162. width:230px;
  163. opacity:0;
  164. z-index:-1;
  165. overflow:hidden;
  166. border:2px solid {color:accent color};
  167. {/block:indexpage}
  168. {block:permalinkpage}
  169. width:400px;
  170. padding:15px;
  171. margin-top:50px;
  172. border:1px solid #eee;
  173. {/block:permalinkpage}
  174. }
  175.  
  176. #entry img{
  177. {block:indexpage}
  178. position:relative;
  179. max-width:100%;
  180. height:auto;
  181. display:block;
  182. overflow:hidden;
  183. {/block:indexpage}
  184. }
  185.  
  186. #opaci{
  187. position:absolute;
  188. width:230px;
  189. height:calc(100% - 29px);
  190. opacity:0;
  191. background:black;
  192. z-index:9;
  193. -webkit-transition: all .4s ease-in-out;
  194. -moz-transition: all .4s ease-in-out;
  195. -o-transition: all .4s ease-in-out;
  196. transition: all .4s ease-in-out;
  197. }
  198.  
  199. #entry:hover #opaci{
  200. opacity:.6;
  201. -webkit-transition: all .4s ease-in-out;
  202. -moz-transition: all .4s ease-in-out;
  203. -o-transition: all .4s ease-in-out;
  204. transition: all .4s ease-in-out;
  205. }
  206.  
  207. .perma{
  208. position: absolute;
  209. z-index:999;
  210. top:40%;
  211. -webkit-transition: all .3s ease-in-out;
  212. -moz-transition: all .3s ease-in-out;
  213. -o-transition: all .3s ease-in-out;
  214. transition: all .3s ease-in-out;
  215. }
  216.  
  217. .p1{
  218. position: absolute;
  219. width:10px;
  220. height:10px;
  221. top:10px;
  222. left:50px;
  223. padding:10px;
  224. background-color:#fff;
  225. border-radius:100%;
  226. opacity:0;
  227. }
  228.  
  229. #entry:hover .p1{opacity:1;}
  230.  
  231. .p1info{
  232. position:absolute;
  233. color:white;
  234. text-transform:uppercase;
  235. text-align:center;
  236. font-size:11px;
  237. top:45px;
  238. left:-51px;
  239. width:230px;
  240. opacity:0;
  241. -webkit-transition: all .3s ease-in-out;
  242. -moz-transition: all .3s ease-in-out;
  243. -o-transition: all .3s ease-in-out;
  244. transition: all .3s ease-in-out;
  245. }
  246.  
  247. .p1:hover .p1info{opacity:1;}
  248.  
  249. .p2{
  250. position:absolute;
  251. width:10px;
  252. height:10px;
  253. top:10px;
  254. left:95px;
  255. padding:10px;
  256. text-align:center;
  257. font-size:11px;
  258. background-color:#fff;
  259. border-radius:100%;
  260. opacity:0;
  261. }
  262.  
  263. #entry:hover .p2{opacity:1;}
  264.  
  265. .p2info{
  266. position:absolute;
  267. color:white;
  268. text-transform:uppercase;
  269. text-align:center;
  270. font-size:11px;
  271. top:45px;
  272. left:-96px;
  273. width:230px;
  274. opacity:0;
  275. -webkit-transition: all .3s ease-in-out;
  276. -moz-transition: all .3s ease-in-out;
  277. -o-transition: all .3s ease-in-out;
  278. transition: all .3s ease-in-out;
  279. }
  280.  
  281. .p2:hover .p2info{opacity:1;}
  282.  
  283. .p3{
  284. position:absolute;
  285. width:10px;
  286. height:10px;
  287. top:10px;
  288. left:140px;
  289. padding:10px;
  290. background-color:#fff;
  291. border-radius:100%;
  292. opacity:0;
  293. }
  294.  
  295. #entry:hover .p3{opacity:1;}
  296.  
  297. .p3info{
  298. position:absolute;
  299. color:white;
  300. text-transform:uppercase;
  301. text-align:center;
  302. font-size:11px;
  303. top:45px;
  304. left:-144px;
  305. width:230px;
  306. opacity:0;
  307. -webkit-transition: all .3s ease-in-out;
  308. -moz-transition: all .3s ease-in-out;
  309. -o-transition: all .3s ease-in-out;
  310. transition: all .3s ease-in-out;
  311. }
  312.  
  313. .p3:hover .p3info{opacity:1;}
  314.  
  315. .permalinktext{
  316. display:block;
  317. text-align:center;
  318. text-decoration:italic;
  319. font-size:9px;
  320. padding-top:5px;
  321. text-transform:uppercase;
  322. padding:2px;
  323. border-top:1px solid {color:accent color};
  324. }
  325.  
  326. /* sidebar */
  327. #sidebar{
  328. position:fixed !important;
  329. width:150px;
  330. top:140px;
  331. margin-left:calc(90px - 300px);
  332. z-index:999;
  333. }
  334.  
  335. .blogtitle{
  336. position:absolute;
  337. font-family:buttercup;
  338. font-size:22px;
  339. text-transform:lowercase;
  340. margin-top:-23px;
  341. margin-left:-6px;
  342. padding:6px;
  343. z-index:999;
  344. }
  345.  
  346. .sideicon img{
  347. position:absolute;
  348. padding:5px;
  349. border:2px solid {color:accent color};
  350. width:115px;
  351. height:115px;
  352. }
  353.  
  354. .description{
  355. position:relative;
  356. font-size:10px;
  357. line-height:15px;
  358. text-align:left;
  359. color:black;
  360. width:137px;
  361. max-height:130px;
  362. margin-top:140px;
  363. }
  364.  
  365. .navi{
  366. position:relative;
  367. width:131px;
  368. height:auto;
  369. text-align:center;
  370. margin-top:15px;
  371. border-top:2px solid #eee;
  372. }
  373.  
  374. .navi a{
  375. color:{color:links};
  376. width:11px;
  377. display:inline-block;
  378. padding:6px;
  379. font-family: 'Slabo 27px', serif;
  380. }
  381.  
  382. .navi a:hover{
  383. color:{color:links hover};
  384. }
  385.  
  386. .morelinks{
  387. position:relative;
  388. font-size:10px;
  389. padding-top:10px;
  390. line-height:20px;
  391. text-align:left;
  392. color:black;
  393. width:131px;
  394. border-top:2px solid #eee;
  395. }
  396.  
  397. .morelinks a{
  398. color:{color:navi links};
  399. font-size:11px;
  400. padding:5px 7px 0px 0px;
  401. display:block;
  402. }
  403.  
  404. .morelinks a:hover{
  405. color:{color:navi links hover};
  406. }
  407.  
  408. .hidden {display: none;}
  409. .unhidden {display: block;}
  410.  
  411. svg {
  412. width:11px;
  413. height:auto;
  414. opacity:5;
  415. padding:0px;
  416. display:block;
  417. overflow:visible;
  418. }
  419.  
  420. .controls a {
  421. position:relative;
  422. display:inline-block;
  423. overflow:hidden;
  424. padding-top:0px;
  425. }
  426.  
  427. .controls .like .liked + svg {
  428. }
  429.  
  430. .controls .like .liked + svg path {
  431. }
  432.  
  433. .controls .like .like_button {
  434. position:relative;
  435. }
  436.  
  437. .controls .like .like_button iframe {
  438. position:absolute;
  439. top:0;
  440. left:0;
  441. bottom:0;
  442. right:0;
  443. z-index:2;
  444. opacity:0;
  445. }
  446.  
  447. .my_button { fill:black;}
  448. .like_button:hover + .my_button { fill: red; opacity:1;}
  449. .like_button.liked + .my_button { fill: red; opacity:1;}
  450.  
  451. .like-b {
  452. position:relative;
  453. display:inline-block;
  454. height:1em;
  455. line-height:1em;
  456. overflow:hidden;
  457. margin-bottom:-1px;
  458. }
  459. .like-b .like_button iframe {
  460. position:absolute;
  461. top:0;
  462. left:0;
  463. bottom:0;
  464. right:0;
  465. z-index:2;
  466. opacity:0;
  467. }
  468. .like-b .liked + .b {
  469. color:inherit;
  470. }
  471. .like-b .liked + .b:after {
  472. content:'d';
  473. }
  474.  
  475. #infscr-loading{
  476. bottom: -70px;
  477. position: absolute;
  478. left: 50%;
  479. margin-left:-8px;
  480. width:16px;
  481. height:11px;
  482. overflow:hidden;
  483. margin-bottom: 50px;
  484. }
  485.  
  486. .caption{
  487. padding:25px;
  488. font-size:11px;
  489. background:{color:accent color};
  490. border-radius:10px;
  491. text-align:left;
  492. color:#000;
  493. height:auto;
  494. width:349px;
  495. }
  496.  
  497. .caption a{
  498. color:#000;
  499. font-weight:bold;
  500. }
  501.  
  502. .caption a:hover{
  503. color:#fff;
  504. }
  505.  
  506. .postinfo{
  507. padding:15px;
  508. line-height:20px;
  509. color:{color:text};
  510. height:auto;
  511. font-size:11px;
  512. width:349px;
  513. }
  514.  
  515. .postnotes{
  516. text-align:left;
  517. height:260px;
  518. overflow-x:scroll;
  519. color:{color:text};
  520. }
  521.  
  522. ol.notes {
  523. padding: 0px;
  524. margin:0px;
  525. list-style-type: none;
  526. }
  527.  
  528. ol.notes li.note {
  529. padding:5px;
  530. }
  531.  
  532. ol.notes li.note img.avatar {
  533. vertical-align: -4px;
  534. margin-right: 10px;
  535. width:20px;
  536. height:20px;
  537. }
  538.  
  539. ol.notes li.note span.action {
  540. }
  541.  
  542. ol.notes li.note .answer_content {
  543. font-weight: normal;
  544. }
  545.  
  546. ol.notes li.note blockquote {
  547. padding: 4px;
  548. margin: 10px;
  549. background:{color:accent color};
  550. padding:7px;
  551. }
  552.  
  553. ol.notes li.note blockquote a {
  554. text-decoration: none;
  555. }
  556.  
  557. /* ask post layout */
  558. .question{
  559. line-height:15px;
  560. text-align:left;
  561. padding:10px;
  562. font-size:11px;
  563. margin-left:45px;
  564. background:{color:accent color};
  565. color:#000;
  566. {block:permalinkpage}
  567. max-width:350px;
  568. {/block:permalinkpage}
  569. }
  570.  
  571. .asker{
  572. font-size:10px;
  573. text-transform:uppercase;
  574. padding-bottom:5px;
  575. z-index:99;
  576. }
  577.  
  578. .asker a{
  579. color:{color:links};
  580. }
  581.  
  582. .asker a:hover{
  583. color:{color:hover};
  584. }
  585.  
  586. .asker img{
  587. float:left;
  588. position:absolute;
  589. margin-left:-15px;
  590. }
  591.  
  592. .answer{
  593. line-height:14px;
  594. font-size:11px;
  595. width:100%;
  596. text-align:right;
  597. margin-right:170px;
  598. margin-top:15px;
  599. margin-left:0;
  600. }
  601.  
  602.  
  603. .credits{
  604. position:fixed;
  605. bottom:50px;
  606. right:40px;
  607. z-index:99999;
  608. }
  609.  
  610. .credits img{
  611. width:20px;
  612. border:1px solid {color:accent color};
  613. padding:3px;
  614. border-radius:100%;
  615. background-color:#fff;
  616. }
  617.  
  618. #border1{
  619. position:fixed;
  620. background:{color:accent color};
  621. width:100%;
  622. height:10px;
  623. top:0px;
  624. left:0px;
  625. z-index:99;
  626. }
  627.  
  628. #border2{
  629. position:fixed;
  630. background:{color:accent color};
  631. width:10px;
  632. height:100%;
  633. top:0px;
  634. left:0px;
  635. z-index:99;
  636. }
  637.  
  638. #border3{
  639. position:fixed;
  640. background:{color:accent color};
  641. width:100%;
  642. height:10px;
  643. bottom:0px;
  644. left:0px;
  645. z-index:99;
  646. }
  647.  
  648. #border4{
  649. position:fixed;
  650. background:{color:accent color};
  651. width:10px;
  652. height:100%;
  653. top:0px;
  654. right:0px;
  655. z-index:99;
  656. }
  657.  
  658. </style>
  659. </head>
  660.  
  661. <body>
  662.  
  663. <div id="border1"></div>
  664. <div id="border2"></div>
  665. <div id="border3"></div>
  666. <div id="border4"></div>
  667.  
  668. <div class="credits"><a href="https://allurae.tumblr.com" target="_blank" title="theme by allurae"><img src="https://78.media.tumblr.com/de170b2b0c44b2fbd28036b788afe655/tumblr_inline_p4zb6wTREX1tw72a3_540.png"></a></div>
  669.  
  670. <div class="container">
  671.  
  672. <div id="sidebar">
  673. <div class="blogtitle">@{title}</div>
  674. <div class="sideicon"><img src="{PortraitURL-128}"></div>
  675. <div class="description">{description}</div>
  676. <div class="navi">
  677. <a href="/" title="{text:home title}">.01</a>
  678. <a href="{text:ask url}" title="{text:ask title}">.02
  679. </a>
  680. <a href="javascript:unhide('displaybx');" title="more links">.03</a>
  681. <a href="/archive" title="archive">.04</a>
  682. </div>
  683. <div class="morelinks">
  684. <div id="displaybx" class="hidden">
  685. <a href="{text:link 1 url}">link 1</a>
  686. <a href="{text:link 2 url}">link 2</a>
  687. <a href="{text:link 3 url}">link 3</a>
  688. <a href="{text:link 4 url}">link 4</a>
  689. <a href="https://allurae.tumblr.com">themes</a>
  690. </div></div>
  691. </div>
  692.  
  693. <div id="posts">
  694. {block:Posts}
  695. <div id="entry" id="{PostID}">
  696.  
  697. {block:Text}
  698. {block:Title}
  699. <h1>{Title}</h1>{/block:Title}
  700. <span class="entrytext">{Body}</span></a>
  701. {block:IndexPage}<br>
  702. <div class="permalinktext"> <a href="{ReblogURL}">REBLOG</a> &#xb7; <a class="like-b" href="#">{LikeButton}<span class="b">like</span></a> &#xb7; <a href="{Permalink}">{NoteCount} notes</a></div>{/block:IndexPage}
  703. {/block:Text}
  704.  
  705. {block:Link}
  706. <a href="{URL}" class="title">{Name}</a>
  707. {block:Description}{Description}{/block:Description}
  708. {block:IndexPage}<br>
  709. <div class="permalinktext"> <a href="{ReblogURL}">REBLOG</a> &#xb7; <a class="like-b" href="#">{LikeButton}<span class="b">like</span></a> &#xb7; <a href="{Permalink}">{NoteCount} notes</a></div>
  710. {/block:IndexPage}
  711. {block:Link}
  712.  
  713. {block:Photo}
  714. {block:IndexPage}
  715. <div class="perma">
  716. <div class="p1">
  717. <a href="{ReblogURL}" target="_blank"><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>
  718. </a>
  719. <div class="p1info">reblog this post</div>
  720. </div>
  721.  
  722. <div class="p2">
  723. <div class="controls">
  724. <a href="#" class="like">{LikeButton}
  725. <div class="my_button"><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></div>
  726. </a>
  727. </div>
  728. <div class="p2info">like this post</div>
  729. </div>
  730. <div class="p3">
  731. <a href="{Permalink}"><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 442" style="enable-background:new 0 0 442 442;" xml:space="preserve"><g><g><path d="M221,155.833c9.35,0,17-7.65,17-17v-17c0-9.35-7.65-17-17-17c-9.35,0-17,7.65-17,17v17 C204,148.183,211.65,155.833,221,155.833z"/><path d="M187,223.833h17v96.333c0,9.35,7.65,17,17,17c9.35,0,17-7.65,17-17V206.833c0-9.35-7.65-17-17-17h-34 c-9.35,0-17,7.65-17,17S177.65,223.833,187,223.833z"/><path d="M442,17c0-9.35-7.65-17-17-17H17C7.65,0,0,7.65,0,17v408c0,9.35,7.65,17,17,17h408c9.35,0,17-7.65,17-17V17z M408,408H34 V34h374V408z"/></g></g></svg></a>
  732. <div class="p3info">{DayOfMonthWithZero} {Month} {Year}</div>
  733. </div>
  734. </div>
  735. <div id="opaci"></div>
  736. <img src="{PhotoURL-500}" alt="{PhotoAlt}" width="400px">
  737. {/block:IndexPage}
  738. {block:PermalinkPage}
  739. <img src="{PhotoURL-500}" alt="{PhotoAlt}" width="400px">
  740. {/block:PermalinkPage}
  741. {/block:Photo}
  742.  
  743. {block:Photoset}
  744. <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>
  745. <div class="permalinktext"> <a href="{ReblogURL}">REBLOG</a> &#xb7; <a class="like-b" href="#">{LikeButton}<span class="b">like</span></a> &#xb7; <a href="{Permalink}">{NoteCount} notes</a></div>
  746. {/block:Photoset}
  747.  
  748. {block:Quote}
  749. <div id="quote">{quote}</div>
  750. {block:IndexPage}<br>
  751. <div class="permalinktext"> <a href="{ReblogURL}">REBLOG</a> &#xb7; <a class="like-b" href="#">{LikeButton}<span class="b">like</span></a> &#xb7; <a href="{Permalink}">{NoteCount} notes</a></div>{/block:IndexPage}
  752. {/block:Quote}
  753.  
  754. {block:Chat}
  755. {block:Title}<span class="title">{Title}</span>{/block:Title}
  756. <ul class="chat">
  757. {block:Lines}
  758. <li class="user_{UserNumber}">
  759. {block:Label}
  760. <span class="label">{Label}</span>
  761. {/block:Label}
  762.  
  763. {Line}<br>
  764. {/block:Lines}
  765. {block:IndexPage}<br>
  766. <div class="permalinktext"> <a href="{ReblogURL}">REBLOG</a> &#xb7; <a class="like-b" href="#">{LikeButton}<span class="b">like</span></a> &#xb7; <a href="{Permalink}">{NoteCount} notes</a></div>{/block:IndexPage}
  767. {/block:Chat}
  768.  
  769. {block:Audio}
  770. <div id="audio"><div class="cover"><img src="https://static.tumblr.com/k9utpfa/tcom8wpif/default_cover_m.jpg"></div>{block:AlbumArt}<div class="cover"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}<div class="playbox">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div><div class="info"><b>Artist:</b> <span{block:Artist} style="display:none;"{/block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist}<br><b>Title:</b> <span{block:TrackName} style="display:none;"{/block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}<br><b>Album:</b> <span{block:Album} style="display:none;"{/block:Album}>Lovers</span>{block:Album}{Album}{/block:Album}{block:PlayCount}<br><b>Touch:</b> {FormattedPlayCount}{/block:PlayCount}</div></div>
  771. {block:IndexPage}<br>
  772. <div class="permalinktext"> <a href="{ReblogURL}">REBLOG</a> &#xb7; <a class="like-b" href="#">{LikeButton}<span class="b">like</span></a> &#xb7; <a href="{Permalink}">{NoteCount} notes</a></div></div>{/block:IndexPage}
  773. {/block:Audio}
  774.  
  775. {block:Video}
  776. <center>{block:IndexPage}
  777. <div class="permalinktext"> <a href="{ReblogURL}">REBLOG</a> &#xb7; <a class="like-b" href="#">{LikeButton}<span class="b">like</span></a> &#xb7; <a href="{Permalink}">{NoteCount} notes</a></div>
  778. <div style="width:200px; overflow-x:hidden; overflow-y:hidden">{Video-250}</div>{/block:IndexPage}</center>
  779. <center>{block:PermalinkPage}<div style="width: 450px; overflow-x:hidden; overflow-y:hidden">{Video-500}{/block:PermalinkPage}</center>
  780. {block:Video}
  781.  
  782. {block:Answer}
  783. <div class="asker"> {Asker} ASKED:
  784. </div>
  785. <img src="{AskerPortraitURL-40}" align="left"style="margin-left:0px;">
  786. <div class="question"> {Question}</div>
  787. <div class="answer">
  788. {Replies}
  789. </div>{block:IndexPage}
  790. <div class="permalinktext"> <a href="{ReblogURL}">REBLOG</a> ∙ <a href="{Permalink}">{NoteCount} notes</a></div>
  791. {/block:IndexPage}
  792. {/block:Answer}
  793.  
  794.  
  795. {block:PermalinkPage}
  796. {block:Caption} <div class="caption">{caption}</div>{/block:Caption}
  797. {block:Date}
  798. <div class="postinfo">
  799. Posted on {month} {dayofmonth}{dayofmonthsuffix} at {24hour}:{minutes} with {block:NoteCount}
  800. {notecountwithlabel}{/block:NoteCount}
  801. </div>
  802. {/block:Date}
  803. {block:PostNotes}<div class="postnotes">{PostNotes}</div>{/block:PostNotes}
  804. {/block:PermalinkPage}
  805.  
  806. </div>
  807. {/block:Posts}</div></div>
  808.  
  809. {block:Pagination}<div class="pagi">
  810. {block:PreviousPage}<a href="{PreviousPage"></a>{/block:PreviousPage}
  811. {block:NextPage}<a href="{NextPage}" class="next"></a>{/block:NextPage}
  812. </div>
  813. {/block:Pagination}
  814.  
  815.  
  816. {block:IndexPage}
  817. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  818. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  819. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  820. <script src="https://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  821. <script src="https://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  822. {/block:IndexPage}
  823. <script>
  824. $(document).ready(function(){
  825. $('.photo-slideshow').pxuPhotoset({
  826. lightbox: true,
  827. rounded: false,
  828. gutter: '1px',
  829. photoset: '.photo-slideshow',
  830. photoWrap: '.photo-data',
  831. photo: '.pxu-photo'
  832. });
  833. {block:IndexPage}
  834. var $container = $('#posts');
  835. $container.masonry({ itemSelector: '#entry' });
  836. $container.imagesLoaded(function(){
  837. $container.masonry();
  838. $container.find('#entry').animate({ opacity: 1, zIndex: 1 });
  839. });
  840. $container.infinitescroll({
  841. itemSelector: '#entry',
  842. navSelector: '.pagi',
  843. nextSelector: '.next',
  844. loadingImg: '',
  845. loadingText: '<em></em>',
  846. bufferPx: 2000
  847. },
  848. function( newElements ) {
  849. var $newElems = $( newElements );
  850. $newElems.find('.photo-slideshow').pxuPhotoset({
  851. lightbox: true,
  852. rounded: false,
  853. gutter: '1px',
  854. photoset: '.photo-slideshow',
  855. photoWrap: '.photo-data',
  856. photo: '.pxu-photo'
  857. },
  858. function(){
  859. $container.masonry();
  860. });
  861. $newElems.imagesLoaded(function(){
  862. $container.masonry( 'appended', $newElems );
  863. $newElems.animate({ opacity: 1, zIndex: 1 });
  864. });
  865. });
  866. {/block:IndexPage}
  867. });
  868. </script>
  869. <script type="text/javascript">
  870. function unhide(divID) {
  871. var item = document.getElementById(divID);
  872. if (item) {
  873. item.className=(item.className=='hidden')?'unhidden':'hidden';
  874. }
  875. }
  876. </script>
  877.  
  878.  
  879. </body>
  880. </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!