API tools faq
paste
Advertisement
bct

healing theme

bct
Apr 1st, 2017
13,128
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 34.38 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. (◍•ᴗ•◍)♡ ✧*。
  4.  
  5. Healing Theme by Chloë | @dontbrag | @bychloethemes
  6.  
  7. > Do not delete/alter any credit.
  8. > Do not claim as your own.
  9. > Do not copy any code.
  10. > Do not redistribute.
  11.  
  12. Full terms: http://bychloethemes.tumblr.com/themes
  13.  
  14. =========================================================
  15.  
  16. DEPENDENCIES:
  17.  
  18. > jQuery
  19. https://jquery.com/
  20. > Infinite Scroll
  21. http://infinite-scroll.com/
  22. > Masonry
  23. http://masonry.desandro.com/
  24. > PXU Photosets (Modified by me)
  25. https://github.com/PixelUnion/Extended-Tumblr-Photoset/
  26. > ImagesLoaded
  27. http://imagesloaded.desandro.com/
  28. > Video Resizing
  29. http://shythemes.tumblr.com/post/134536748863/
  30. > Unnest Captions
  31. http://neothm.com/post/148902138319/
  32. > Outicons
  33. https://github.com/antonps/outicons
  34. > Google Fonts
  35. http://fonts.google.com/
  36. > SMT Tooltips
  37. http://manos.malihu.gr/style-my-tooltips-jquery-plugin/
  38.  
  39. -->
  40. <html>
  41. <head>
  42. {block:Hidden}
  43. <meta name="image:Sidebar" content="" />
  44. <meta name="color:Accent" content="#fdfaf7" />
  45. <meta name="color:Dark Accent" content="#d95e40"/>
  46. <meta name="if:Search" content="" />{/block:Hidden}
  47.  
  48. <meta charset="UTF-8" />
  49. <title>{block:SearchPage}"{SearchQuery}" | {/block:SearchPage}{block:DayPage}{DayOfMonthWithZero}.{MonthNumberWithZero}.{Year} | {/block:DayPage}{block:TagPage}#{Tag} | {/block:TagPage}{block:PostSummary}{PostSummary} | {/block:PostSummary}{Title}</title>
  50. <link rel="shortcut icon" href="{Favicon}">
  51. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  52. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  53.  
  54. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  55. <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i" rel="stylesheet">
  56. <link href='https://secure.static.tumblr.com/8pnyeus/sXxofi7lt/outicons.css' rel='stylesheet' type='text/css'>
  57. <style>
  58. * {
  59. margin: 0;
  60. padding: 0;
  61. }
  62. #tumblr_controls, .tmblr-iframe {
  63. top: 5px!important;
  64. right: 5px!important;
  65. -webkit-filter: invert(90%);
  66. filter: invert(90%);
  67. position: fixed!important;
  68. -webkit-transform: scale(.8, .8);
  69. -moz-transform: scale(.8, .8);
  70. transform: scale(.8, .8);
  71. -webkit-transform-origin: right top;
  72. -moz-transform-origin: right top;
  73. -ms-transform-origin: right top;
  74. -o-transform-origin: right top;
  75. transform-origin: right top;
  76. z-index: 999999999999999999!important
  77. }
  78. ::-webkit-scrollbar {
  79. background-color: #ddd;
  80. height: 11px;
  81. width: 11px;
  82. border: 5px solid #fff;
  83. }
  84. ::-webkit-scrollbar-thumb {
  85. background-color: #000;
  86. border: 5px solid #fff;
  87. }
  88. body {
  89. font-size: 10px;
  90. font-family: 'Open Sans', sans-serif;
  91. }
  92. img {
  93. vertical-align: middle;
  94. max-width: 100%;
  95. height: auto;
  96. }
  97. a {
  98. color: #000;
  99. text-decoration: none;
  100. }
  101. a:hover {
  102. text-decoration: line-through;
  103. }
  104. #s-m-t-tooltip {
  105. max-width: 300px;
  106. padding: 3px 6px;
  107. margin: 20px 10px;
  108. background: #fff;
  109. color: #000;
  110. z-index: 999999999999999;
  111. font-size:9px;
  112. border: 1px solid #eaeaea;
  113. }
  114. #wrapper {
  115. margin: 40px auto;
  116. padding-left: 180px;
  117.  
  118. }
  119. aside {
  120. width: 150px;
  121. position: fixed;
  122. }
  123. aside h1 {
  124. border-bottom: 1px solid #eaeaea;
  125. font-weight: bold;
  126. font-size: 9px;
  127. padding: 10px 0;
  128. margin-bottom: 20px;
  129. }
  130. aside #desc {
  131. font-size: 9.5px;
  132. text-align: center;
  133. margin-top: 20px;
  134. }
  135. aside #search {
  136. margin-top: 15px;
  137. }
  138. aside #search input[type="text"] {
  139. border: none;
  140. width: calc(100% - 40px);
  141. font-size: 0.9em;
  142. text-align: center;
  143. padding-right: 20px;
  144. }
  145. aside #search form {
  146. border-bottom: 1px solid #eaeaea;
  147. padding: 5px;
  148. }
  149. aside #search form:before {
  150. content: '\e080';
  151. font-family: untitled-font-1!important;
  152. font-style: normal;
  153. font-weight: 400;
  154. speak: none;
  155. display: inline-block;
  156. text-decoration: inherit;
  157. width: 1em;
  158. text-align: center;
  159. font-variant: normal;
  160. text-transform: none;
  161. vertical-align: middle;
  162. line-height: inherit;
  163. font-size: 1em;
  164. -webkit-font-smoothing: antialiased;
  165. -moz-osx-font-smoothing: grayscale;
  166. padding-right: 10px;
  167.  
  168. }
  169. aside input[type="text"]:focus {
  170. outline: none;
  171. }
  172. aside input[type="submit"] {
  173. display: none;
  174. }
  175. aside #nav {
  176. list-style: none;
  177. font-weight: bold;
  178. font-size: 9px;
  179. text-align: right;
  180. border-top: 1px solid #eaeaea;
  181. padding-top: 10px;
  182. margin-top: 15px;
  183. text-transform: capitalize;
  184. }
  185. aside #nav li {
  186. display: inline-block;
  187. margin: 0 2px;
  188. }
  189. aside #nav li:not(:last-of-type):after {
  190. content: '/';
  191. margin-left: 4px;
  192. }
  193. {block:IndexPage}
  194. @media screen and (max-width: 1200px) {
  195. #wrapper {
  196. width: 640px;
  197. }
  198. aside {
  199. left: calc(50% - 410px);
  200. }
  201. }
  202. @media screen and (max-width: 1420px) and (min-width: 1201px) {
  203. #wrapper {
  204. width: 860px;
  205. }
  206. aside {
  207. left: calc(50% - 520px);
  208. }
  209. }
  210. @media screen and (min-width: 1421px) {
  211. #wrapper {
  212. width: 1080px;
  213. }
  214. aside {
  215. left: calc(50% - 630px);
  216. }
  217. }{/block:IndexPage}
  218. #posts {
  219. padding-bottom: 60px;
  220. }
  221. #infscr-loading {
  222. position:absolute;
  223. margin-bottom:-40px;
  224. bottom:70px;
  225. width:200px;
  226. margin-left:50%;
  227. left:-100px;
  228. text-align:center;
  229. }
  230. article {
  231. width: 200px;
  232. margin-bottom: 20px;
  233. position: relative;
  234. }
  235. article.new-day {
  236. border-bottom: 1px solid #eaeaea;
  237. font-weight: bold;
  238. font-size: 9px;
  239. padding: 10px 0;
  240. width: 100%;
  241. text-transform: capitalize;
  242. }
  243. {block:DayPagination}article .day-pagination {
  244. float: right;
  245. font-size: 1.3em;
  246. margin-bottom: -3px;
  247. }{/block:DayPagination}{block:PermalinkPagination}article .perma-pagination {
  248. float: right;
  249. font-size: 1.3em;
  250. margin-bottom: -3px;
  251. }{/block:PermalinkPagination}{block:SearchPage}.search-results {
  252. float:right;
  253. }
  254. .new-day:not(.page-1) {
  255. display: none;
  256. }{/block:SearchPage}{block:TagPage}
  257. .new-day:not(.page-1) {
  258. display: none;
  259. }{/block:TagPage}
  260. .table {
  261. background: {color:Accent};
  262. font-size: 9.5px;
  263. display: table;
  264. width: 100%;
  265. table-layout: fixed;
  266. }
  267. .table-cell {
  268. display: table-cell;
  269. vertical-align: middle;
  270. }
  271. {block:IndexPage}
  272. .table {
  273. height: 200px;
  274. }
  275. .table-cell {
  276. padding: 20px;
  277. padding-bottom: 40px;
  278. }{/block:IndexPage}
  279. article h2 {
  280. font-size: 9px;
  281. text-transform: uppercase;
  282. }
  283. article h2:not(.trackname) + * {
  284. margin-top: 10px;
  285. }
  286. blockquote.tumblr_parent:not(:last-of-type) {
  287. margin-bottom: 10px;
  288. }
  289. blockquote.tumblr_parent h2 {
  290. font-size: 1.1em;
  291. margin-top: 10px;
  292. }
  293. article a.tumblr_blog {
  294. font-weight: bold;
  295. }
  296. article a.tumblr_blog:before,
  297. article .answer .question:before,
  298. article .answer .response:before {
  299. content: '';
  300. width: 5px;
  301. height: 5px;
  302. background-color: {color:Dark Accent};
  303. border-radius: 50%;
  304. display: inline-block;
  305. margin-right: 5px;
  306. border-bottom: 0px;
  307. position: relative;
  308. top: -1px;
  309. }
  310. article a.tumblr_blog + p:not(:empty) {
  311. display: inline;
  312. margin-left: 3px;
  313. }
  314. blockquote.tumblr_parent a:not(.tumblr_blog),
  315. article .answer a:not(.tumblr_blog) {
  316. text-decoration: underline;
  317. }
  318. article blockquote > blockquote {
  319. border-left: 1px solid #000;
  320. margin: 5px;
  321. padding-left: 10px;
  322. }
  323. article ul, article ol {
  324. padding-left: 15px;
  325. margin: 5px;
  326. }
  327. article .quote cite {
  328. display: block;
  329. margin-top: 8px;
  330. }
  331. article .chat ul {
  332. list-style: none;
  333. padding: 0;
  334. margin: 0;
  335. }
  336. article .chat ul li:not(:last-of-type) {
  337. margin-bottom: 5px;
  338. }
  339. article .audio {
  340. text-align: center;
  341. }
  342. article .audio img {
  343. width: 60px;
  344. height: 60px;
  345. border-radius: 50%;
  346. margin-bottom: 10px;
  347. }
  348. article .audio .audio_player {
  349. width: 27px;
  350. overflow: hidden;
  351. margin: 0 auto;
  352. height: 27px;
  353. border-radius: 50%;
  354. margin-top: -54.5px;
  355. margin-bottom: 25px;
  356. opacity: 0.8;
  357. }
  358. article .video.table {
  359. text-align: center;
  360. }
  361. article .video .table-cell i {
  362. font-size: 2em;
  363. }
  364. article .video .table-cell b {
  365. display: block;
  366. text-transform: uppercase;
  367. font-size: 9px;
  368. margin-top: 10px;
  369. }
  370. article .answer cite {
  371. display: block;
  372. text-align: right;
  373. margin-top: 2px;
  374. margin-bottom: 10px;
  375. }
  376. article .answer .question b {
  377. margin-right: 2px;
  378. }
  379. article .answer .response b + p {
  380. display: inline;
  381. margin-left: 2px;
  382. }
  383. article.non-text-type .permalinks {
  384. position: absolute;
  385. top: 0;
  386. left: 0;
  387. width: 100%;
  388. height: 100%;
  389. background: rgba(0,0,0,0.9);
  390. color: #fff;
  391. z-index: 999;
  392. box-sizing: border-box;
  393. padding: 15px;
  394. opacity: 0;
  395. -webkit-transition: all 0.5s;
  396. transition: all 0.5s;
  397. }
  398. article.non-text-type:hover .permalinks {
  399. opacity: 1;
  400. -webkit-transition: all 0.5s;
  401. transition: all 0.5s;
  402. }
  403. article.non-text-type .permalinks a {
  404. color: #fff;
  405. }
  406. .custom-like-button {
  407. position: relative;
  408. cursor: pointer;
  409. display: inline-block;
  410. margin-right: 3px;
  411. }
  412. .like_button {
  413. position: absolute;
  414. top: 0;
  415. left: 0;
  416. right: 0;
  417. bottom: 0;
  418. width: 100%;
  419. height: 100%;
  420. opacity: 0;
  421. z-index: 10;
  422. }
  423. .like_button iframe {
  424. width: 100% !important;
  425. height: 100% !important;
  426. }
  427. .our_toggle {
  428. top: 0;
  429. left: 0;
  430. right: 0;
  431. bottom: 0;
  432. width: 10px;
  433. height: 10px;
  434. z-index: 1;
  435. -webkit-transition: all 0.2s ease-in-out;
  436. -moz-transition: all 0.2s ease-in-out;
  437. -o-transition: all 0.2s ease-in-out;
  438. transition: all 0.2s ease-in-out;
  439. }
  440. .like_button:hover + .our_toggle {
  441. color: {color:Dark Accent};
  442. -webkit-transition: all 0.2s ease-in-out;
  443. -moz-transition: all 0.2s ease-in-out;
  444. -o-transition: all 0.2s ease-in-out;
  445. transition: all 0.2s ease-in-out;
  446. }
  447. .like_button.liked + .our_toggle .oi-heart:before {
  448. content: "\e098";
  449. color: {color:Dark Accent};
  450. }
  451. article.non-text-type .notecount {
  452. line-height: 20px;
  453. position: absolute;
  454. top: calc(50% - 10px);
  455. text-align: center;
  456. width: calc(100% - 30px);
  457. }
  458. article.non-text-type .buttons {
  459. position: absolute;
  460. bottom: 15px;
  461. right: 15px;
  462. font-size: 1.2em;
  463. }
  464. article.text-type .permalinks .time {
  465. display: none;
  466. }
  467. article.text-type .buttons {
  468. position: absolute;
  469. bottom: 15px;
  470. right: 20px;
  471. }
  472. article.text-type .notecount {
  473. position: absolute;
  474. bottom: 15px;
  475. left: 20px;
  476. font-size: 9px;
  477. font-weight: bold;
  478. }
  479. {block:PermalinkPage}
  480. #wrapper {
  481. width: 450px;
  482. }
  483. aside {
  484. left: calc(50% - 315px);
  485. }
  486. article {
  487. width: 450px;
  488. }
  489. ol.notes {
  490. list-style: none;
  491. padding: 0;
  492. margin: 0;
  493. background: {color:Accent};
  494. padding: 20px;
  495. margin-top: -3px;
  496. }
  497. ol.notes blockquote {
  498. padding-left: 5px;
  499. margin: 5px;
  500. margin-left: 10px;
  501. border-left: 1px solid #000;
  502. line-height: 13px;
  503. }
  504. a.avatar_frame {
  505. float: right;
  506. margin-top: -1px;
  507. }
  508. img.avatar {
  509. border-radius: 50%;
  510. border: 1px solid #fff;
  511. background: #fff;
  512. }
  513. ol.notes a {
  514. font-weight: bold;
  515. font-size: 8.5px;
  516. text-transform: uppercase;
  517. }
  518. ol.notes blockquote a {
  519. font-size: 10px;
  520. font-weight: normal;
  521. text-transform: initial;
  522. }
  523. li.note {
  524. margin-top: 3px;
  525. line-height: 16px;
  526. border-top: 1px solid #eee;
  527. padding-top: 3px;
  528. }
  529. li.note .oi-repeat:before,
  530. li.note .oi-heart:before,
  531. li.note .oi-chat:before,
  532. li.note .oi-user:before {
  533. font-size: 1.2em;
  534. }
  535. li.note .oi-heart {
  536. margin-right: 4px;
  537. color: #a51c1c;
  538. }
  539. li.note .oi-chat, li.note .oi-user {
  540. margin-right: 4px;
  541. }
  542. .caption {
  543. background: {color:Accent};
  544. padding: 20px;
  545. }
  546. .table {
  547. padding: 20px;
  548. height: 150px;
  549. box-sizing: border-box;
  550. }
  551. .perma-info {
  552. padding: 20px 20px 6px;
  553. background: {color:Accent};
  554. font-weight: bold;
  555. text-transform: uppercase;
  556. font-size: 8.5px;
  557. }
  558. ul.tags {
  559. margin: 0;
  560. padding: 0;
  561. list-style: none;
  562. margin-bottom: 6px;
  563. padding-bottom: 4px;
  564. border-bottom: 1px solid #eaeaea;
  565. line-height: 1.6;
  566. }
  567. ul.tags li {
  568. display: inline-block;
  569. margin-right: 6px;
  570. }
  571. ul.tags li .oi-tags {
  572. font-size: 1.3em;
  573. }
  574. .via-src {
  575. display: inline-block;
  576. top: -4px;
  577. position: relative;
  578. float: right;
  579. }
  580. .via-src a {
  581. display: inline-block;
  582. }
  583. .via-src a + a {
  584. margin-left: -8px;
  585. }
  586. .via-src img {
  587. border-radius: 50%;
  588. border: 1px solid #fff;
  589. background: #fff;
  590. }
  591. .table + .caption {
  592. padding-top: 0px;
  593. }
  594. .caption + .perma-info {
  595. padding-top: 0px;
  596. }
  597. .table + .perma-info {
  598. padding-top: 0px;
  599. }
  600. .perma-info + .notes {
  601. padding-top: 0px;
  602. }
  603. .table .caption {
  604. padding: 0px;
  605. }
  606. .blank-page h2 {
  607. border-bottom: 1px solid #eaeaea;
  608. font-weight: bold;
  609. font-size: 9px;
  610. padding: 10px 0;
  611. margin-bottom: 20px;
  612. text-transform: capitalize;
  613. }
  614. .blank-page a {
  615. border-bottom: 1px solid rgba({RGBcolor:Dark Accent},0.8);
  616. }
  617. .blank-page p {
  618. margin: 8px 0;
  619. }
  620. .blank-page li:not(:last-of-type) {
  621. margin-bottom: 5px;
  622. }
  623. .blank-page blockquote {
  624. border-left: 2px solid #eaeaea;
  625. padding-left: 12px;
  626. margin-left: 10px;
  627. }
  628. {/block:PermalinkPage}
  629. </style>
  630. </head>
  631. <body>
  632. <div id="wrapper">
  633. <aside>
  634. <h1>{Title}</h1>
  635. <img src="{image:Sidebar}">
  636. {block:Description}<div id="desc">
  637. {Description}
  638. </div>{/block:Description}
  639. {block:IfSearch}<div id="search">
  640. <form action="/search" method="get">
  641. <input type="text" name="q" value="{SearchQuery}"/>
  642. <input type="submit" value="Search"/>
  643. </form>
  644. </div>{/block:IfSearch}
  645. <ul id="nav">
  646. <li><a href="/">home</a>
  647. <li><a href="/ask">contact</a>
  648. <li><a href="/archive">past</a>
  649. {block:HasPages}{block:Pages}<li><a href="{URL}">{Label}</a>{/block:Pages}{/block:HasPages}
  650. </ul>
  651. </aside>
  652. {block:SearchPage}<article class="new-day page-{CurrentPage}">
  653. Displaying results for "{SearchQuery}"
  654. <div class="search-results">
  655. {SearchResultCount} Result<span style="text-transform:lowercase">(s)</span>
  656. </div>
  657. </article>{/block:SearchPage}{block:TagPage}<article class="new-day page-{CurrentPage}">
  658. Showing posts tagged with #{Tag}
  659. <span style="float:right"><a href="{TagURLChrono}">View chronologically</a></span>
  660. </article>{/block:TagPage}
  661. <div id="posts">{block:Posts}{block:NewDayDate}<article class="new-day" data-date="{DayOfWeek} {DayOfMonth}{DayofMonthSuffix} of {Month}"{block:SearchPage} style="display:none"{/block:SearchPage}{block:TagPage} style="display:none"{/block:TagPage}>
  662. <a href="/day/{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}/">{DayOfWeek} {DayOfMonth}{DayofMonthSuffix} of {Month}</a>
  663. {block:DayPagination}<div class="day-pagination">
  664. {block:NextDayPage}<a href="{NextDayPage}" title="next day"><i class="oi-chevron-left"></i></a>{/block:NextDayPage}
  665. {block:PreviousDayPage}<a href="{PreviousDayPage}" title="previous day"><i class="oi-chevron-right"></i></a>{/block:PreviousDayPage}
  666. </div>{/block:DayPagination}
  667. {block:PermalinkPagination}<div class="perma-pagination">
  668. {block:NextPost}<a href="{NextPost}" title="next post"><i class="oi-chevron-left"></i></a>{/block:NextPost}
  669. {block:PreviousPost}<a href="{PreviousPost}" title="previous post"><i class="oi-chevron-right"></i></a>{/block:PreviousPost}
  670. </div>{/block:PermalinkPagination}
  671. </article>{/block:NewDayDate}
  672. <article id="{PostID}" class="{block:Photo}non-{/block:Photo}{block:Photoset}non-{/block:Photoset}text-type">
  673. {block:IndexPage}<div class="permalinks">
  674. <div class="time"><a href="{Permalink}" target="_blank" >{12HourWithZero}:{Minutes}{CapitalAmPm}</a></div>
  675. <div class="notecount"><a href="{Permalink}" target="_blank"><span class="noted">{NoteCount}</span></a></div>
  676. <div class="buttons">
  677. <div class="custom-like-button">
  678. {LikeButton}
  679. <div class="our_toggle"><i class="oi-heart"></i></div>
  680. </div>
  681. <a href="{ReblogURL}" target="_blank"><i class="oi-refresh"></i></a>
  682. </div>
  683. </div>{/block:IndexPage}
  684. {block:Photo}<div class="photo">
  685. {block:IndexPage}<img src="{PhotoURL-250}">{/block:IndexPage}{block:PermalinkPage}<img src="{PhotoURL-HighRes}">{/block:PermalinkPage}
  686. </div>{/block:Photo}{block:Photoset}<div class="photoset">
  687. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">
  688. {block:Photos}<div class="photo-data">
  689. <div class="pxu-photo">
  690. <img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}">
  691. </div>
  692. <a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a>
  693. </div>{/block:Photos}
  694. </div>
  695. </div>{/block:Photoset}{block:Text}<div class="text {block:Date}table x{/block:Date}blank-page">
  696. <div{block:Date} class="table-cell"{/block:Date}>
  697. {block:Title}<h2>{Title}</h2>{/block:Title}
  698. <div class="caption">
  699. {Body}
  700. </div>
  701. </div>
  702. </div>{/block:Text}{block:Quote}<div class="quote table">
  703. <div class="table-cell">
  704. <h2>{Quote}</h2>
  705. {block:Source}<cite>{Source}</cite>{/block:Source}
  706. </div>
  707. </div>{/block:Quote}{block:Chat}<div class="chat table">
  708. <div class="table-cell">
  709. {block:Title}<h2>{Title}</h2>{/block:Title}
  710. <ul>
  711. {block:Lines}<li>{block:Label}<b>{Label}</b> {/block:Label}{Line}{/block:Lines}
  712. </ul>
  713. </div>
  714. </div>{/block:Chat}{block:Link}<div class="link table">
  715. <div class="table-cell">
  716. <h2><i class="oi-link"></i> <a href="{URL}" class="linked-link">{Name}</a></h2>
  717. {block:Description}<div class="caption">
  718. {Description}
  719. </div>{/block:Description}
  720. </div>
  721. </div>{/block:Link}{block:Audio}<div class="audio table">
  722. <div class="table-cell">
  723. {block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}
  724. {block:AudioPlayer}{AudioPlayer}{/block:AudioPlayer}
  725. <h2 class="trackname"><span {block:TrackName}style="display:none;"{/block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}</h2>
  726. <p>by <span {block:Artist}style="display:none;"{/block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist}
  727. </div>
  728. </div>{/block:Audio}{block:Video}{block:IndexPage}<div class="video table">
  729. <div class="table-cell">
  730. <a href="{Permalink}">
  731. <i class="oi-play"></i>
  732. <b>Video Post</b>
  733. </a>
  734. </div>
  735. </div>{/block:IndexPage}{block:PermalinkPage}<div class="video">
  736. {Video-500}
  737. </div>{/block:PermalinkPage}{/block:Video}{block:Answer}<div class="answer table">
  738. <div class="table-cell">
  739. <div class="question"><b>Q: </b>{Question}</div>
  740. <cite>&mdash; asked by {Asker}</cite>
  741. <span class="response"><b>A:</b>{block:Answerer} {Answer}</span>
  742. <cite> &mdash; answered by {Answerer}</cite>{/block:Answerer}
  743. {block:Answerer}<div class="replies caption">{/block:Answerer}
  744. {Replies}
  745. {block:Answerer}</div>{/block:Answerer}
  746. </div>
  747. </div>{/block:Answer}
  748. {block:PermalinkPage}
  749. {block:Caption}<div class="caption">
  750. {Caption}
  751. </div>{/block:Caption}
  752. <div class="{block:Date}p{/block:Date}erma-info">
  753. {block:HasTags}<ul class="tags">
  754. <li><i class="oi-tags"></i>
  755. {block:Tags}<li><a href="/{URLSafeTag}" target="_blank">#{Tag}</a>{/block:Tags}
  756. </ul>{/block:HasTags}
  757. {block:Date}{block:NotReblog}Posted{/block:NotReblog}{block:RebloggedFrom}Reblogged{/block:RebloggedFrom} at {12HourWithZero}:{Minutes}{CapitalAmPm} with {NoteCountWithLabel}{/block:Date}
  758. <div class="via-src">
  759. {block:RebloggedFrom}<a href="{ReblogParentURL}" target="_blank" title="via"><img src="{ReblogParentPortraitURL-16}"></a>
  760. <a href="{ReblogRootURL}" target="_blank" title="source"><img src="{ReblogRootPortraitURL-16}"></a>{/block:RebloggedFrom}
  761. </div>
  762. </div>
  763. {block:PostNotes}{PostNotes}{/block:PostNotes}
  764. {/block:PermalinkPage}
  765. </article>
  766. {block:PermalinkPage}{block:ContentSource}<!-- {SourceURL}
  767. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  768. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  769. {/block:ContentSource}{/block:PermalinkPage}
  770. {/block:Posts}
  771. </div>
  772. </div>
  773. {block:Pagination}<div class="pagination" style="visibility:hidden;">
  774. {block:NextPage}<a href="{NextPage}" id="next-link">next</a>{/block:NextPage}
  775. </div>{/block:Pagination}
  776. {block:IndexPage}<script src="https://secure.static.tumblr.com/8pnyeus/RMDoagq6r/jquery.infinitescroll.min.js"></script>
  777. <script src="https://secure.static.tumblr.com/i5s2zks/0ILo8v362/masonry.pkgd.min.js"></script>
  778. <script src="https://secure.static.tumblr.com/iwtk77u/Yhym2yygt/jquery.imagesloaded.min.js"></script>{/block:IndexPage}
  779. <link href="https://dl.dropboxusercontent.com/s/hzclyl41cq3yzjk/style.css" rel="stylesheet" type="text/css"/>
  780. <script src="https://static.tumblr.com/yxfeliq/hHwojmt8m/bctphotoset.min.js"></script>
  781. <script src="https://secure.static.tumblr.com/wgg6svp/I8Yobwo15/unnest.min.js"></script>
  782. <script src="//static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  783. <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  784. <script src="http://static.tumblr.com/yxfeliq/L7honps15/healing.min.js"></script>
  785. <script>
  786. (function(){
  787. $("[title],a[title],img[title]").style_my_tooltips({
  788. tip_follows_cursor: true,
  789. tip_delay_time: 100,
  790. tip_fade_speed: 300,
  791. attribute: "title"
  792. });
  793. $('.photo-slideshow').pxuPhotoset(pxuOptions);
  794. {block:IndexPage}$('article').unnest(unnestOptions);{/block:IndexPage}{block:PermalinkPage}{block:Date}$('article').unnest(unnestOptions);{/block:Date}{/block:PermalinkPage}
  795. $('.new-day').each(checkDate);
  796. $('.noted').digits();
  797. $('.tumblr_blog').each(removeBlanks);
  798. $('.tumblr_blog').each(addColons);
  799. {block:PermalinkPage}
  800. $('li.note').each(changeNotes);
  801. $('li.like').prepend('<i class="oi-heart"></i>').addClass('likesAdded');
  802. $('li.reply').not('.repliesAdded').prepend('<i class="oi-chat"></i>').addClass('repliesAdded');
  803. $('li.original_post').not('.userAdded').prepend('<i class="oi-user"></i>').addClass('userAdded');
  804. {/block:PermalinkPage}
  805. {block:IndexPage}
  806. var $tumblelog = $('#posts');
  807. $tumblelog.imagesLoaded(function () {
  808. $tumblelog.masonry(masonryOptions);
  809. });
  810. $tumblelog.infinitescroll(
  811. infScrollOptions, function( newElements ) {
  812. var $newElems = $( newElements );
  813. var $newElemsIDs = $newElems.map(function () {
  814. return this.id;
  815. }).get();
  816. $newElems.find('.photo-slideshow').pxuPhotoset(pxuOptions);
  817. $newElems.filter('.new-day').each(checkDate);
  818. $newElems.find('.noted').digits();
  819. $newElems.unnest(unnestOptions);
  820. $newElems.find('.tumblr_blog').each(removeBlanks);
  821. $newElems.find('.tumblr_blog').each(addColons);
  822. $newElems.css({ opacity: 0, zIndex: -1 });
  823. $newElems.imagesLoaded(function(){
  824. $newElems.animate({ opacity: 1, zIndex: 1 });
  825. $tumblelog.masonry( 'appended', $newElems );
  826. });
  827. resizeVideos();
  828. Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
  829. });
  830. {/block:IndexPage}
  831. })();
  832. var fhs = document.createElement('script');var fhs_id = "5460277";var ref = (''+document.referrer+'');var pn = window.location;var w_h = window.screen.width + " x " + window.screen.height;fhs.src = "//s1.freehostedscripts.net/ocounter.php?site="+fhs_id+"&e1=&e2=&r="+ref+"&wh="+w_h+"&a=1&pn="+pn+"";document.head.appendChild(fhs);document.write("<span id='o_"+fhs_id+"' style='display:none'></span>");
  833. {block:IndexPage}
  834. $(window).resize(function(){
  835. $('#posts').masonry();
  836. });{/block:IndexPage}
  837. </script>
  838. </body>
  839. </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!