API tools faq
paste
Advertisement
bct

incoming theme

bct
Jan 15th, 2017
4,765
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 33.52 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. (◍•ᴗ•◍)♡ ✧*。
  4.  
  5. Incoming 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. > jQuery UI
  21. https://jqueryui.com/
  22. > Draggable Tags
  23. http://jqueryscript.net/other
  24. /Tumblr-Like-Draggable-Tag-Bar-with-jQuery-CSS3-Tag-Overflow.html
  25. > Infinite Scroll
  26. http://infinite-scroll.com/
  27. > PXU Photosets (Modified by me)
  28. https://github.com/PixelUnion/Extended-Tumblr-Photoset/
  29. > ImagesLoaded
  30. http://imagesloaded.desandro.com/
  31. > Video Resizing
  32. http://shythemes.tumblr.com/post/134536748863/
  33. > SMT Tooltips
  34. http://manos.malihu.gr/style-my-tooltips-jquery-plugin/
  35. > Unnest Captions
  36. http://neothm.com/post/148902138319/
  37. > 7 Stroke Icon Font
  38. http://themes-pixeden.com/font-demos/7-stroke/
  39. > Google Fonts
  40. http://fonts.google.com/
  41. > Default Background
  42. http://kaleidoscopedesignstudio.net/
  43.  
  44. -->
  45. <html>
  46. <head>
  47. {block:Hidden}
  48. <meta name="image:Background" content="https://dl.dropboxusercontent.com/s/xtodtpb6v8e40ox/Kaleidoscope-Desktop-Wallpaper-Wallstudio-April-2015.jpg" />
  49.  
  50. <meta name="color:Background" content="#fff" />
  51. <meta name="color:Text" content="#000" />
  52. <meta name="color:Links" content="#00f" />
  53. <meta name="color:Lines" content="#000" />
  54.  
  55. <meta name="if:Repeating Background" content="" />
  56. <meta name="if:Submit Link" content="" />
  57. <meta name="if:Captions" content="" />
  58. <meta name="if:Tags" content="" />
  59.  
  60. <meta name="text:Last Box Title" content="Insta" />
  61. <meta name="text:Last Box Icon" content="pe-7s-camera" />
  62. <meta name="text:Last Box" content="" />{block:Hidden}
  63.  
  64. <meta charset="UTF-8" />
  65. <title>{block:TagPage}{Tag} posts | {/block:TagPage} {block:PostSummary}{PostSummary} | {/block:PostSummary}{Title}</title>
  66. <link rel="shortcut icon" href="{Favicon}">
  67. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  68. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  69.  
  70. <link rel="stylesheet" href="http://static.tumblr.com/i5s2zks/6kOohwlux/pe-icon-7-stroke.css">
  71. <link href='https://fonts.googleapis.com/css?family=Inconsolata:400,700' rel='stylesheet' type='text/css'>
  72. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  73. <script>
  74. $(document).ready(function() {
  75. $('ul#nav li').click(function() {
  76. var index = $(this).index();
  77. var leftMargin = "-" + index*100 + "%";
  78. $('#carousel').animate({
  79. marginLeft: leftMargin
  80. }, 700);
  81. });
  82. });
  83. </script>
  84. <style>
  85. * {
  86. margin: 0;
  87. padding: 0;
  88. }
  89. #tumblr_controls, .tmblr-iframe {
  90. top:5px!important;
  91. right:5px!important;
  92. -webkit-filter: invert(90%);
  93. filter: invert(90%);
  94. position:fixed!important;
  95. -webkit-transform:scale(.8, .8);
  96. -moz-transform:scale(.8, .8);
  97. transform:scale(.8, .8);
  98. -webkit-transform-origin: right top;
  99. -moz-transform-origin: right top;
  100. -ms-transform-origin: right top;
  101. -o-transform-origin: right top;
  102. transform-origin: right top;
  103. z-index:999999999999999999!important
  104. }
  105. ::-webkit-scrollbar {
  106. background-color:#ddd;
  107. height: 11px;
  108. width: 11px;
  109. border:5px solid #fff;
  110. }
  111. ::-webkit-scrollbar-thumb {
  112. background-color:#000;
  113. border:5px solid #fff;
  114. }
  115. [class*=" pe-7s-"]:before, [class^=pe-7s-]:before {
  116. vertical-align: text-bottom;
  117. }
  118. body {
  119. font-size: 11px;
  120. font-family: 'Inconsolata', monospace;
  121. background: {color:Background} url({image:Background})
  122. {block:IfNotRepeatingBackground} no-repeat center center fixed;
  123. background-size: cover;{block:IfNotRepeatingBackground}
  124. {block:IfRepeatingBackground}fixed;{/block:IfRepeatingBackground}
  125. color:{color:Text};
  126. word-break:break-word;
  127. }
  128. a {
  129. text-decoration: none;
  130. color: {color:Links};
  131. border-bottom: 1px solid #eaeaea;
  132. -webkit-transition: all 0.3s;
  133. transition: all 0.3s;
  134. }
  135. a:hover {
  136. border-bottom-color: {color:Links};
  137. -webkit-transition: all 0.3s;
  138. transition: all 0.3s;
  139. }
  140. pre {
  141. white-space: pre-wrap;
  142. }
  143. img:not(.lightbox-image) {
  144. max-width: 100%;
  145. vertical-align: middle;
  146. height: auto;
  147. }
  148. #wrapper {
  149. width: 580px;
  150. margin: 0 auto;
  151. }
  152. header {
  153. box-sizing: border-box;
  154. text-align: center;
  155. background: #fff;
  156. border: 1px solid {color:Lines};
  157. height: 150px;
  158. margin: 40px 0 60px;
  159. position: relative;
  160. overflow: hidden;
  161. }
  162. #carousel {
  163. height: calc(100% - 31px);
  164. width: calc(100% * (1{block:Description} + 1{/block:Description}{block:HasPages} + 1{/block:HasPages}{block:IfLastBox} + 1{/block:IfLastBox}));
  165. }
  166. .box {
  167. box-sizing: border-box;
  168. display: inline-block;
  169. height: 100%;
  170. width: calc(100% / (1{block:Description} + 1{/block:Description}{block:HasPages} + 1{/block:HasPages}{block:IfLastBox} + 1{/block:IfLastBox}));
  171. }
  172. .table {
  173. display: table;
  174. table-layout: fixed;
  175. width: 100%;
  176. height: 100%;
  177. }
  178. .table-cell {
  179. display: table-cell;
  180. vertical-align: middle;
  181. padding: 20px;
  182. }
  183. ul.sub-nav {
  184. list-style: none;
  185. margin-top: 10px;
  186. }
  187. ul.sub-nav li {
  188. display: inline-block;
  189. text-transform: uppercase;
  190. margin: 0 2px;
  191. }
  192. ul#nav {
  193. list-style: none;
  194. position: absolute;
  195. bottom: 0;
  196. width: 100%;
  197. }
  198. ul#nav li {
  199. display: inline-block;
  200. box-sizing: border-box;
  201. width: calc(100% / (1{block:Description} + 1{/block:Description}{block:HasPages} + 1{/block:HasPages}{block:IfLastBox} + 1{/block:IfLastBox}));
  202. border-top: 1px solid {color:Lines};
  203. line-height: 30px;
  204. cursor: pointer;
  205. text-transform: uppercase;
  206. }
  207. ul#nav li:not(:last-of-type) {
  208. border-right: 1px solid {color:Lines};
  209. }
  210. article {
  211. background: #fff;
  212. border: 1px solid {color:Lines};
  213. width: 250px;
  214. box-sizing: border-box;
  215. margin-bottom: 80px;
  216. position: relative;
  217. }
  218. article .post-header {
  219. border-bottom: 1px solid {color:Lines};
  220. padding: 10px 15px;
  221. text-transform: uppercase;
  222. }
  223. article .post-icon {
  224. position: absolute;
  225. padding: 10px 15px;
  226. top: 0;
  227. right: 0;
  228. border-left: 1px solid {color:Lines};
  229. }
  230. article h2 {
  231. margin-bottom: 10px;
  232. }
  233. blockquote.tumblr_parent:not(:last-of-type) {
  234. margin-bottom: 5px;
  235. }
  236. blockquote blockquote {
  237. border-left: 2px solid #eaeaea;
  238. padding-left: 10px;
  239. margin: 10px 0;
  240. margin-left: 10px;
  241. }
  242. .caption ul, .caption ol {
  243. padding-left: 20px;
  244. margin: 10px 0;
  245. }
  246. .caption li {
  247. margin: 5px 0;
  248. }
  249. article p:not(:first-of-type) {
  250. margin-top: 5px;
  251. }
  252. article p:not(:last-of-type) {
  253. margin-bottom: 5px;
  254. }
  255. article p:empty {
  256. display: none;
  257. margin: 0!important;
  258. }
  259. .caption a.tumblr_blog, .q-a {
  260. line-height: 20px;
  261. display: inline-block;
  262. border-bottom: none;
  263. font-weight: bold;
  264. text-transform: uppercase;
  265. color: {color:Text};
  266. position: relative;
  267. }
  268. .caption a.tumblr_blog:before, .q-a:before {
  269. content: '';
  270. position: absolute;
  271. width: calc(183px - 100%);
  272. height: 1px;
  273. background: #eaeaea;
  274. top: 50%;
  275. left: calc(100% + 10px);
  276. z-index: 0;
  277. }
  278. img.caption_avatar, .questioner img {
  279. border-radius: 50%;
  280. width: 18px;
  281. vertical-align: middle;
  282. float: right;
  283. z-index: 9;
  284. position: relative;
  285. }
  286. .photo, .photoset, .album-art {
  287. padding: 5px;
  288. }
  289. a.tumblr-box {
  290. border-bottom: none;
  291. }
  292. .photo-data:not(:last-of-type):after {
  293. content: '';
  294. width: 1px;
  295. height: calc(100% + 10px);
  296. position: absolute;
  297. top: -5px;
  298. right: -6px;
  299. background: {color:Lines};
  300. }
  301. .row {
  302. position: relative;
  303. }
  304. .row:not(:first-of-type):before {
  305. content: '';
  306. height: 1px;
  307. width: calc(100% + 10px);
  308. background: {color:Lines};
  309. position: absolute;
  310. top: -6px;
  311. left: -5px;
  312. }
  313. .media-caption {
  314. border-top: 1px solid {color:Lines};
  315. padding: 15px;
  316. }
  317. .text, .quote, .chat, .link {
  318. padding: 15px;
  319. }
  320. .quote cite {
  321. display: block;
  322. text-align: right;
  323. }
  324. .chat ul {
  325. list-style: none;
  326. }
  327. .chat li:not(:last-of-type) {
  328. margin: 0 0 10px;
  329. }
  330. .audio_player {
  331. position: absolute;
  332. top: 226px;
  333. width: 29px;
  334. overflow: hidden;
  335. border: 5px solid #fff;
  336. background: #fff;
  337. right: 15px;
  338. border-radius: 50%;
  339. }
  340. ul.audio-info {
  341. list-style: none;
  342. border-top: 1px solid {color:Lines};
  343. padding: 15px;
  344. }
  345. .vid {
  346. padding: 5px;
  347. }
  348. .full-query {
  349. padding: 10px 15px 0;
  350. }
  351. .full-query:first-of-type {
  352. padding-top: 15px;
  353. }
  354. .full-query:last-of-type {
  355. padding-bottom: 15px;
  356. }
  357. .q-a a {
  358. border-bottom: none;
  359. color: {color:Text};
  360. }
  361. .answer .caption {
  362. padding: 15px;
  363. border-top: 1px solid {color:Lines};
  364. }
  365. .questioner {
  366. padding-bottom: 5px;
  367. }
  368. .questioner:not(:first-of-type) {
  369. margin-top: 5px;
  370. }
  371. .tags {
  372. border-top: 1px solid {color:Lines};
  373. padding: 5px 0;
  374. }
  375. .post_tags, .post_tags a {
  376. color: #a7a7a7;
  377. }
  378. .post_tags {
  379. position: relative;
  380. line-height: 20px;
  381. white-space: nowrap;
  382. overflow: hidden;
  383. }
  384. .post_tags.draggable .post_tags_inner {
  385. cursor: col-resize;
  386. -webkit-touch-callout: none;
  387. -webkit-user-select: none;
  388. -khtml-user-select: none;
  389. -moz-user-select: none;
  390. -ms-user-select: none;
  391. user-select: none;
  392. }
  393. .post_tags_inner {
  394. float: left;
  395. position: relative;
  396. padding-right: 20px;
  397. }
  398. .post_tags a, .post_tags .post_tag {
  399. margin-right: 6px;
  400. }
  401. .post_tags a:first-of-type {
  402. margin-left: 8px;
  403. }
  404. .post_tags a:before { content: '#'; }
  405.  
  406. .post_tags:after {
  407. content: '';
  408. position: absolute;
  409. top: 0;
  410. right: 0;
  411. bottom: 0;
  412. width: 20px;
  413. background: -moz-linear-gradient(left, rgba(255,255,255,0) 0, rgba(255,255,255,1) 100%);
  414. background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, #fff));
  415. background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, #fff 100%);
  416. background: -o-linear-gradient(left, rgba(255,255,255,0) 0, rgba(255,255,255,1) 100%);
  417. background: -ms-linear-gradient(left, rgba(255,255,255,0) 0, rgba(255,255,255,1) 100%);
  418. background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, #fff 100%);
  419. }
  420. ul.post-footer {
  421. list-style: none;
  422. text-align: center;
  423. border-top: 1px solid {color:Lines};
  424. }
  425. ul.post-footer li {
  426. display: inline-block;
  427. box-sizing: border-box;
  428. line-height: 30px;
  429. text-transform: uppercase;
  430. width: calc(100% / 3);
  431. white-space: nowrap;
  432. overflow: hidden;
  433. text-overflow: ellipsis;
  434. padding: 0 10px;
  435. }
  436. ul.post-footer li:last-of-type {
  437. border-left: 1px solid {color:Lines};
  438. }
  439.  
  440. ul.post-footer li:first-of-type {
  441. border-right: 1px solid {color:Lines};
  442. }
  443. ul.post-footer a {
  444. border-bottom: none;
  445. color: {color:Text};
  446. }
  447. {block:indexPage}
  448. li.custom-like-button {
  449. position:relative;
  450. }
  451. .like_button {
  452. position: absolute;
  453. top: 0;
  454. left: 0;
  455. right: 0;
  456. bottom: 0;
  457. width: 100%;
  458. height: 100%;
  459. opacity: 0;
  460. z-index: 10;
  461. }
  462. .like_button iframe {
  463. width: 100% !important;
  464. height: 100% !important;
  465. }
  466. .our_toggle {
  467. top: 0;
  468. left: 0;
  469. right: 0;
  470. bottom: 0;
  471. z-index: 1;
  472. }
  473. .reblog_button:hover:after {
  474. content:'?';
  475. }
  476. .like_button:hover + .our_toggle:after {
  477. content:'?';
  478. }
  479. .like_button.liked:hover + .our_toggle .word:before {
  480. content:'un';
  481. }
  482. .like_button.liked:hover + .our_toggle:after {
  483. content:'?';
  484. }
  485. .like_button.liked + .our_toggle:after {
  486. content: "d";
  487. }
  488. .like_button.liked + .our_toggle .pe-7s-like {
  489. color:#f00;
  490. }
  491. {/block:IndexPage}
  492. {block:PermalinkPage}
  493. #wrapper {
  494. width: 500px;
  495. }
  496. article {
  497. width: 500px;
  498. }
  499. .media-caption {
  500. padding: 35px;
  501. }
  502. .caption a.tumblr_blog:before, .q-a:before {
  503. width: calc(393px - 100%);
  504. }
  505. .text, .quote, .chat, .link {
  506. padding: 35px;
  507. }
  508. .audio_player {
  509. position: static;
  510. padding: 15px;
  511. background: transparent;
  512. border: none;
  513. border-top: 1px solid #000;
  514. border-radius: 0%;
  515. width: auto;
  516. }
  517. .full-query:last-of-type {
  518. padding-bottom: 35px;
  519. }
  520. .full-query:first-of-type {
  521. padding-top: 35px;
  522. }
  523. .full-query {
  524. padding: 15px 35px 0;
  525. }
  526. .answer .caption {
  527. padding: 25px 35px;
  528. }
  529. .tags {
  530. padding: 15px;
  531. }
  532. ol.notes {
  533. border-top: 1px solid #000;
  534. list-style: none;
  535. padding: 15px;
  536. }
  537. img.avatar {
  538. float: right;
  539. border-radius: 50%;
  540. }
  541. li.note {
  542. margin: 10px 0;
  543. margin-left: 16px;
  544. }
  545. span.action {
  546. position: relative;
  547. }
  548. span.action:after {
  549. content: '';
  550. position: absolute;
  551. width: calc(416px - 100%);
  552. height: 1px;
  553. background: #eaeaea;
  554. top: calc(50% + 0.5px);
  555. left: calc(100% + 10px);
  556. z-index: 0;
  557. }
  558. li.like:before, li.reblog:before, li.reply:before {
  559. font-family:pe-icon-7-stroke;
  560. font-style:normal;
  561. font-weight:400;
  562. font-variant:normal;
  563. text-transform:none;
  564. speak:none;
  565. -webkit-font-smoothing:antialiased;
  566. -moz-osx-font-smoothing:grayscale;
  567. content: "\25";
  568. margin-right: -11px;
  569. color:#f3719f;
  570. left: -16px;
  571. position: relative;
  572. top: 2px;
  573. }
  574. li.reblog:before, li.reply:before {
  575. content:'\42';
  576. color:#7b7b7b;
  577. }
  578. li.original_post:before {
  579. content:'\66';
  580. }
  581. li.reply:before {
  582. content:"\e00a";
  583. }
  584. {/block:PermalinkPage}
  585. </style>
  586. </head>
  587. <body>
  588. <div id="wrapper">
  589. <header>
  590. <div id="carousel">
  591. <div class="box">
  592. <div class="table">
  593. <div class="table-cell">
  594. <h1>{Title}</h1>
  595. <ul class="sub-nav">
  596. <li><a href="/">home</a>
  597. {block:AskEnabled}<li><a href="/ask">ask</a>{/block:AskEnabled}
  598. {block:IfSubmitLink}{block:SubmissionsEnabled}<li><a href="/submit">submit</a>{/block:SubmissionsEnabled}{/block:IfSubmitLink}
  599. <li><a href="/archive">past</a>
  600. </ul>
  601. </div>
  602. </div>
  603. </div>{block:Description}<div class="box">
  604. <div class="table">
  605. <div class="table-cell">
  606. {Description}
  607. </div>
  608. </div>
  609. </div>{/block:Description}{block:HasPages}<div class="box">
  610. <div class="table">
  611. <div class="table-cell">
  612. <ul class="sub-nav">
  613. {block:Pages}<li><a href="{URL}">{Label}</a>{/block:Pages}
  614. </ul>
  615. </div>
  616. </div>
  617. </div>{/block:HasPages}{block:IfLastBox}<div class="box">
  618. <div class="table">
  619. <div class="table-cell">
  620. {text:Last Box}
  621. </div>
  622. </div>
  623. </div>{/block:IfLastBox}
  624. </div>
  625. <ul id="nav">
  626. <li><i class="pe-7s-home"></i> home
  627. {block:Description}<li><i class="pe-7s-info"></i> more{/block:Description}
  628. {block:HasPages}<li><i class="pe-7s-map-2"></i> map{/block:HasPages}
  629. {block:IfLastBox}<li><i class="{text:Last Box Icon}"></i> {text:Last Box Title}{/block:IfLastBox}
  630. </ul>
  631. </header>
  632. <section id="posts">
  633. {block:Posts}<article id="{PostID}">
  634. {block:Date}<div class="post-header">
  635. {block:NotReblog}Posted{/block:NotReblog}{block:RebloggedFrom}Reblogged{/block:RebloggedFrom} {TimeAgo}
  636. </div>{/block:Date}
  637. {block:Text}<div class="text">
  638. {block:Date}<div class="post-icon pe-7s-note2"></div>{/block:Date}
  639. {block:Title}<h2>{Title}</h2>{block:Title}
  640. <div class="caption">
  641. {Body}
  642. </div>
  643. </div>{/block:Text}
  644. {block:Photo}<div class="photo">
  645. <div class="post-icon pe-7s-photo"></div>
  646. <img src="{block:IndexPage}{PhotoURL-250}{/block:IndexPage}{block:PermalinkPage}{PhotoURL-500}{/block:PermalinkPage}">
  647. </div>{/block:Photo}
  648. {block:Photoset}<div class="photoset">
  649. <div class="post-icon pe-7s-photo-gallery"></div>
  650. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">
  651. {block:Photos}<div class="photo-data">
  652. <div class="pxu-photo">
  653. <img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}">
  654. </div>
  655. <a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a>
  656. </div>{/block:Photos}
  657. </div>
  658. </div>{/block:Photoset}
  659. {block:Quote}<div class="quote">
  660. <div class="post-icon pe-7s-light"></div>
  661. <h2>{Quote}</h2>
  662. {block:Source}<cite>&mdash; {Source}</cite>{/block:Source}
  663. </div>{/block:Quote}
  664. {block:Chat}<div class="chat">
  665. <div class="post-icon pe-7s-chat"></div>
  666. {block:Title}<h2>{Title}</h2>{/block:Title}
  667. <ul>
  668. {block:Lines}<li>{block:Label}<b>{Label} </b>{/block:Label}{Line}{/block:Lines}
  669. </ul>
  670. </div>{/block:Chat}
  671. {block:Link}<div class="link">
  672. <div class="post-icon pe-7s-paperclip"></div>
  673. <h2><a href="{URL}">{Name}</a> <i class="pe-7s-angle-right"></i></h2>
  674. {block:Description}<div class="caption">
  675. {Description}
  676. </div>{/block:Description}
  677. </div>{/block:Link}
  678. {block:Audio}<div class="audio">
  679. <div class="post-icon pe-7s-album"></div>
  680. <div class="album-art">
  681. <img src="http://marcoscolamedia.com/wp-content/uploads/2015/12/Music-Album-Blank-.jpg"{block:AlbumArt} style="display:none;"{/block:AlbumArt}>
  682. {block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}
  683. </div>
  684. {block:AudioPlayer}{AudioPlayer}{/block:AudioPlayer}
  685. <ul class="audio-info">
  686. <li><b>Title:</b> <span{block:TrackName} style="display:none"{/block:TrackName}>Unknown</span> {block:TrackName}{TrackName}{/block:TrackName}
  687. <li><b>Artist:</b> <span{block:Artist} style="display:none"{/block:Artist}>Unknown</span> {block:Artist}{Artist}{/block:Artist}
  688. <li><b>Album:</b> <span{block:Album} style="display:none"{/block:Album}>Unknown</span> {block:Album}{Album}{/block:Album}
  689. <li><b>Plays:</b> {FormattedPlayCount}
  690. </ul>
  691. </div>{/block:Audio}
  692. {block:Video}<div class="vid">
  693. <div class="post-icon pe-7s-film"></div>
  694. <div class="video">{Video-500}</div>
  695. </div>{/block:Video}
  696. {block:Answer}<div class="answer">
  697. <div class="post-icon pe-7s-mail"></div>
  698. <div class="wrap">
  699. <div class="full-query">
  700. <div class="questioner">
  701. <span class="q-a">{Asker} asked:</span>
  702. <img src="{AskerPortraitURL-24}">
  703. </div>
  704. <div class="question">
  705. {Question}
  706. </div>
  707. </div>
  708. {block:Answerer}<div class="full-query">
  709. <div class="questioner">
  710. <span class="q-a">{Answerer} replied:</span>
  711. <img src="{AnswererPortraitURL-24}">
  712. </div>
  713. <div class="question">
  714. {Answer}
  715. </div>
  716. </div>{/block:Answerer}
  717. </div>
  718. <div class="caption">
  719. {Replies}
  720. </div>
  721. </div>{/block:Answer}
  722. {block:IndexPage}{block:IfCaptions}{block:Caption}<div class="caption media-caption">
  723. {Caption}
  724. </div>{/block:Caption}{/block:IfCaptions}
  725. {block:IfTags}{block:HasTags}<div class="tags">
  726. <div class='post_tags draggable'>
  727. <div class='post_tags_inner'>
  728. {block:Tags}<a href="{TagURL}">{Tag}</a>{/block:Tags}
  729. </div>
  730. </div>
  731. </div>{/block:HasTags}{/block:IfTags}{/block:IndexPage}
  732. {block:PermalinkPage}{block:Caption}<div class="caption media-caption">
  733. {Caption}
  734. </div>{/block:Caption}
  735. {block:HasTags}<div class="tags">
  736. <div class='post_tags draggable'>
  737. <div class='post_tags_inner'>
  738. {block:Tags}<a href="{TagURL}">{Tag}</a>{/block:Tags}
  739. </div>
  740. </div>
  741. </div>{/block:HasTags}{/block:PermalinkPage}
  742. {block:Date}<ul class="post-footer">
  743. {block:IndexPage}<li class="custom-like-button">{LikeButton}<div class="our_toggle"><i class="pe-7s-like"></i> <span class="word">like</span></div>
  744. <li><i class="pe-7s-ribbon"></i> <a href="{Permalink}" target="_blank" title="{TimeAgo}">{NoteCount}</a>
  745. <li><i class="pe-7s-repeat"></i> <a href="{ReblogURL}" target="_blank" class="reblog_button">reblog</a></span>{/block:IndexPage}
  746. {block:PermalinkPage}<li>{NoteCountWithLabel}
  747. <li>{block:RebloggedFrom}<span>via:</span> <a href="{ReblogParentURL}">@{ReblogParentName}</a>{/block:RebloggedFrom}{block:NotReblog}original post{/block:NotReblog}
  748. <li><span>Source:</span> {block:ContentSource}<a href="{SourceURL}">@{SourceTitle}</a>{/block:ContentSource}<span{block:ContentSource}style="display:none"{/block:ContentSource}>unknown</span>{/block:PermalinkPage}
  749. </ul>{/block:Date}
  750. {block:PostNotes}{PostNotes-16}{/block:PostNotes}
  751. </article>
  752. {/block:Posts}
  753. </section>
  754. </div>
  755. {block:Pagination}<div class="pagination" style="visibility:hidden;">
  756. {block:NextPage}<a href="{NextPage}" id="next">next</a>{/block:NextPage}
  757. </div>{/block:Pagination}
  758. {block:IndexPage}<script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  759. <script src="http://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
  760. <script src="http://static.tumblr.com/iwtk77u/Yhym2yygt/jquery.imagesloaded.min.js"></script>{/block:IndexPage}
  761. <link href="https://dl.dropboxusercontent.com/s/hzclyl41cq3yzjk/style.css" rel="stylesheet" type="text/css"/>
  762. <script src="http://static.tumblr.com/yxfeliq/hHwojmt8m/bctphotoset.min.js"></script>
  763. <script src="http://static.tumblr.com/wgg6svp/I8Yobwo15/unnest.min.js"></script>
  764. <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>
  765. <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  766. <script src="http://static.tumblr.com/yxfeliq/wk8ojtu16/incoming.min.js"></script>
  767. <script>
  768. var fhs = document.createElement('script');var fhs_id = "5427810";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>");
  769. $(function(){
  770. $('.photo-slideshow').pxuPhotoset(photosetOptions);
  771. $('article').unnest(unnestOptions);
  772. $('img.caption_avatar').each(function() {
  773. if($(this).closest('.tumblr_blog').length) {
  774. $('<span>:</span>').insertAfter($(this).parent());
  775. $(this).insertBefore($(this).parent());
  776. }
  777. });
  778. $(".post_tags_inner").draggable(dragTags);
  779. {block:IndexPage}
  780. var $tumblelog = $('#posts');
  781. $tumblelog.imagesLoaded(function () {
  782. $tumblelog.masonry(masonryOptions);
  783. });
  784. $tumblelog.infinitescroll(infScrollOptions, function(newElements) {
  785. var $newElems = $( newElements );
  786. var $newElemsIDs = $newElems.map(function () {
  787. return this.id;
  788. }).get();
  789. $newElems.find('.photo-slideshow').pxuPhotoset(photosetOptions);
  790. $newElems.css({ opacity: 0, zIndex: -1 });
  791. resizeVideos();
  792. $newElems.unnest(unnestOptions);
  793. $newElems.find('.caption_avatar').each(function() {
  794. if($(this).closest('.tumblr_blog').length) {
  795. $('<span>:</span>').insertAfter($(this).parent());
  796. $(this).insertBefore($(this).parent());
  797. }
  798. });
  799. $newElems.imagesLoaded(function(){
  800. $newElems.animate({ opacity: 1, zIndex: 1 });
  801. $tumblelog.masonry( 'appended', $newElems );
  802. });
  803. $newElems.find(".post_tags_inner").draggable(dragTags);
  804. Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
  805. });
  806. {/block:IndexPage}
  807. });
  808. </script>
  809. </body>
  810. </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!