daily pastebin goal
29%
SHARE
TWEET

Stardust

faithsthemes Feb 22nd, 2019 (edited) 89 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  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>
RAW Paste Data
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
 
Top