API tools faq
paste
Advertisement
kthms

tuesday theme

kthms
Dec 23rd, 2014
14,347
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.10 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4.  
  5. <!--
  6.  
  7.  
  8.  
  9.  
  10. tuesday @ shythemes
  11.  
  12.  
  13.  
  14.  
  15. -->
  16.  
  17. <title>{Title}</title>
  18. <link rel="alternate" type="application/rss+xml" href="{RSS}"/>
  19. <link rel="shortcut icon" href="{Favicon}"/>
  20. {block:Description}
  21. <meta name="description" content="{MetaDescription}" />
  22. {/block:Description}
  23. <meta name="image:background" content=""/>
  24. <meta name="color:background" content="#fbfbfb"/>
  25. <meta name="color:post border" content="#f3f3f3"/>
  26. <meta name="color:post bg" content="#ffffff"/>
  27. <meta name="color:text" content="#8f8f8f"/>
  28. <meta name="color:bold" content="#555555"/>
  29. <meta name="color:blockquote border" content="#ededed"/>
  30. <meta name="color:link border" content="#ededed"/>
  31. <meta name="color:link hover" content="#8f8f8f"/>
  32. <meta name="color:link border hover" content="#cccccc"/>
  33. <meta name="color:post title" content="#9f9f9f"/>
  34. <meta name="color:post title bg" content="#f8f8f8"/>
  35. <meta name="color:post info" content="#bebebe"/>
  36. <meta name="color:scrollbar" content="#dcdcdc"/>
  37. <meta name="select:post width" content="200" title="200"/>
  38. <meta name="select:post width" content="250" title="250"/>
  39. <meta name="select:post width" content="300" title="300"/>
  40. <meta name="select:post width" content="350" title="350"/>
  41. <meta name="select:post width" content="400" title="400"/>
  42. <meta name="if:one column" content="0"/>
  43. <meta name="if:horizontal scroll" content="0"/>
  44. <meta name="if:inline captions" content="1"/>
  45. <meta name="if:hover captions" content="1"/>
  46. <meta name="if:show captions" content="1"/>
  47. <meta name="if:show tags" content="1"/>
  48. <meta name="if:letter spacing" content="1"/>
  49. <meta name="if:tile background" content="1"/>
  50. <meta name="if:infinite scroll" content="1"/>
  51. <meta name="text:font size" content=""/>
  52. <meta name="text:font family" content=""/>
  53. <meta name="text:secondary font family" content=""/>
  54. <meta name="text:home link" content="home"/>
  55. <meta name="text:archive link" content="past"/>
  56. <meta name="text:ask link" content="mssg"/>
  57. <meta name="text:link 1" content=""/>
  58. <meta name="text:link 1 url" content=""/>
  59. <meta name="text:link 2" content=""/>
  60. <meta name="text:link 2 url" content=""/>
  61. <meta name="text:link 3" content=""/>
  62. <meta name="text:link 3 url" content=""/>
  63. <meta name="text:link 4" content=""/>
  64. <meta name="text:link 4 url" content=""/>
  65. <meta name="text:link 5" content=""/>
  66. <meta name="text:link 5 url" content=""/>
  67. <meta name="text:link 6" content=""/>
  68. <meta name="text:link 6 url" content=""/>
  69.  
  70. <style type="text/css">
  71.  
  72. /* basic styles */
  73.  
  74. ::-webkit-scrollbar {
  75. width:2px;
  76. height:2px;
  77. }
  78. ::-webkit-scrollbar,
  79. ::-webkit-scrollbar-track {
  80. background-color:inherit;
  81. }
  82. ::-webkit-scrollbar-thumb {
  83. background-color:{color:scrollbar};
  84. }
  85. body {
  86. margin:0px;
  87. font-family:'trebuchet ms', 'helvetica neue', arial, sans-serif;
  88. font-size:9px;
  89. line-height:1.5em;
  90. word-wrap:break-word;
  91. -moz-font-smoothing:subpixel-antialiased;
  92. -webkit-font-smoothing:subpixel-antialiased;
  93. font-smoothing:subpixel-antialiased;
  94. color:{color:text};
  95. font-family:{text:font family}, 'helvetica neue', arial, sans-serif;
  96. font-size:{text:font size}px;
  97. background-color:{color:background};
  98. {block:ifLetterSpacing}letter-spacing:1px;{/block:ifLetterSpacing}
  99. background-color:{color:background};
  100. {block:ifBackgroundImage}background-image:url('{image:background}');{/block:ifBackgroundImage}
  101. {block:ifNotTileBackground}background-size:cover;{/block:ifNotTileBackground}
  102. }
  103. blockquote, ol, ul, p, pre {
  104. margin-top:5px;
  105. margin-bottom:5px;
  106. }
  107. blockquote {
  108. margin-left:10px;
  109. padding-left:5px;
  110. border-left:1px solid {color:blockquote border};
  111. margin-right:0px;
  112. }
  113. pre {
  114. white-space:normal;
  115. font-family:consolas, 'courier new', courier, monospace;
  116. letter-spacing:0px;
  117. }
  118. img {
  119. border:0px;
  120. }
  121. a {
  122. color:inherit;
  123. text-decoration:none;
  124. transition:color .25s linear, border-color .25s linear;
  125. }
  126. a:hover {
  127. color:{color:link hover};
  128. }
  129. ol, ul {
  130. padding-left:2.5em;
  131. }
  132. strong, b {
  133. font-weight:normal;
  134. color:{color:bold};
  135. }
  136. small, sub {
  137. font-size:1em;
  138. vertical-align:baseline;
  139. }
  140. h1, h2, h3, h4, h5, h6 {
  141. font-size:1em;
  142. font-weight:normal;
  143. }
  144.  
  145. /* header */
  146.  
  147. header {
  148. padding:10px;
  149. text-align:;
  150. position:fixed;
  151. top:0px;
  152. left:0px;
  153. right:0px;
  154. z-index:100;
  155. line-height:0;
  156. border-bottom:1px solid {color:post border};
  157. background-color:{color:post bg};
  158. }
  159. header .title,
  160. header .right {
  161. margin:0px;
  162. padding:10px;
  163. line-height:15px;
  164. vertical-align:middle;
  165. display:inline-block;
  166. }
  167. header .title {
  168. padding:15px 15px 15px 20px;
  169. font-style:italic;
  170. font-size:8px;
  171. font-family:consolas, 'trebuchet ms', sans-serif;
  172. font-family:{text:secondary font family}, consolas, 'trebuchet ms', sans-serif;
  173. line-height:15px;
  174. letter-spacing:5px;
  175. text-transform:uppercase;
  176. background-color:{color:post title bg};
  177. color:{color:post title};
  178. }
  179. header .title:hover {
  180. color:{color:post title};
  181. }
  182. header .right {
  183. max-width:50%;
  184. box-sizing:border-box;
  185. }
  186. header .desc {
  187. max-width:100%;
  188. max-height:15px;
  189. overflow:hidden;
  190. }
  191. header nav {
  192. font-size:8px;
  193. font-family:consolas, 'trebuchet ms', sans-serif;
  194. font-family:{text:secondary font family}, consolas, 'trebuchet ms', sans-serif;
  195. line-height:17px;
  196. letter-spacing:1px;
  197. text-transform:uppercase;
  198. color:{color:post info};
  199. }
  200. nav .sp {
  201. display:inline-block;
  202. width:5px;
  203. }
  204.  
  205. /* container */
  206.  
  207. #main {
  208. margin:84px 10px 30px;
  209. overflow:hidden;
  210. {block:ifNotInfiniteScroll}margin-bottom:65px;{/block:ifNotInfiniteScroll}
  211. }
  212.  
  213. /* posts */
  214.  
  215. #content {
  216. width:212px;
  217. margin:0 auto;
  218. }
  219. .entry {
  220. float:left;
  221. margin:10px;
  222. width:200px;
  223. position:relative;
  224. overflow:hidden;
  225. padding:5px;
  226. border:1px solid {color:post border};
  227. background-color:{color:post bg};
  228. {block:IndexPage}{block:ifNotOneColumn}{block:ifNotHorizontalScroll}
  229. opacity:0;
  230. z-index:-1;
  231. {/block:ifNotHorizontalScroll}{/block:ifNotOneColumn}{/block:IndexPage}
  232. }
  233. .post {
  234. position:relative;
  235. }
  236. .post img {
  237. max-width:100%;
  238. height:auto;
  239. }
  240.  
  241. /* one column */
  242.  
  243. .o #content {
  244. margin-top:100px;
  245. }
  246. .o .entry {
  247. margin-bottom:100px;
  248. }
  249.  
  250. /* horizontal scroll */
  251.  
  252. .h #main {
  253. margin:74px 20px 20px;
  254. width:100%!important;
  255. }
  256. .h #content {
  257. margin-top:20px;
  258. margin-right:-200000000px;
  259. display:inline;
  260. float:left;
  261. position:absolute;
  262. width:auto;
  263. }
  264. .h .entry {
  265. display:inline-block;
  266. }
  267. .o.h .entry {
  268. margin-bottom:20px;
  269. }
  270.  
  271. /* 250px option */
  272.  
  273. .w250 #content {
  274. width:262px;
  275. }
  276. .w250 .entry {
  277. width:250px;
  278. }
  279.  
  280. /* 300px option */
  281.  
  282. .w300 #content {
  283. width:312px;
  284. }
  285. .w300 .entry {
  286. width:300px;
  287. }
  288.  
  289. /* 350px option */
  290.  
  291. .w350 #content {
  292. width:362px;
  293. }
  294. .w350 .entry {
  295. width:350px;
  296. }
  297.  
  298. /* 400px option */
  299.  
  300. .w400 #content {
  301. width:412px;
  302. }
  303. .w400 .entry {
  304. width:400px;
  305. }
  306.  
  307. /* post info */
  308.  
  309. .date,
  310. .tagged {
  311. font-size:8px;
  312. font-family:consolas, 'trebuchet ms', sans-serif;
  313. font-family:{text:secondary font family}, consolas, 'trebuchet ms', sans-serif;
  314. line-height:14px;
  315. letter-spacing:1px;
  316. text-transform:uppercase;
  317. color:{color:post info};
  318. }
  319. .date {
  320. padding-bottom:5px;
  321. border-bottom:1px solid {color:post border};
  322. }
  323. .date a {
  324. padding:3px;
  325. line-height:8px;
  326. display:inline;
  327. }
  328. .date a:last-child {
  329. float:right;
  330. }
  331. .tagged {
  332. padding:5px 3px 0px 3px;
  333. border-top:1px solid {color:post border};
  334. {block:ifNotShowTags}display:none;{/block:ifNotShowTags}
  335. }
  336. .tagged a {
  337. padding:3px 0px;
  338. line-height:8px;
  339. display:inline;
  340. }
  341. .tagged a {
  342. margin-right:.75em;
  343. }
  344.  
  345. /* post titles */
  346.  
  347. .post > h1,
  348. .quote,
  349. .question {
  350. padding:8px;
  351. margin:0;
  352. font-size:8px;
  353. font-family:consolas, 'trebuchet ms', sans-serif;
  354. font-family:{text:secondary font family}, consolas, 'trebuchet ms', sans-serif;
  355. line-height:14px;
  356. letter-spacing:1px;
  357. text-transform:uppercase;
  358. background-color:{color:post title bg};
  359. color:{color:post title};
  360. }
  361. .post > h1 a:hover,
  362. .question a:hover {
  363. color:{color:post title};
  364. }
  365.  
  366. /* text and captions */
  367.  
  368. .caption,
  369. .body,
  370. .source {
  371. padding:15px;
  372. }
  373. .caption a,
  374. .body a,
  375. .source a {
  376. border-bottom:1px solid {color:link border};
  377. }
  378. .caption a:hover,
  379. .body a:hover,
  380. .source a:hover {
  381. border-color:{color:link border hover};
  382. }
  383. .caption *:first-child,
  384. .body *:first-child,
  385. .source *:first-child {
  386. margin-top:0px;
  387. }
  388. .caption *:last-child,
  389. .body *:last-child,
  390. .source *:last-child {
  391. margin-bottom:0px;
  392. }
  393. .caption {
  394. margin-bottom:-5px;
  395. background-color:{color:post bg};
  396. {block:IndexPage}{block:ifNotShowCaptions}display:none;{/block:ifNotShowCaptions}{/block:IndexPage}
  397. }
  398. .t .caption {
  399. margin-bottom:0;
  400. }
  401. .source {
  402. text-align:right;
  403. }
  404.  
  405. /* inline captions */
  406.  
  407. .il.caption {
  408. font-size:0;
  409. line-height:0;
  410. }
  411. .il.caption * {
  412. display:inline;
  413. margin:0;
  414. padding:0;
  415. }
  416. .il.caption blockquote {
  417. border:0;
  418. }
  419. .il.caption > * {
  420. font-size:9px;
  421. line-height:1.6em;
  422. font-size:{text:font size}px;
  423. }
  424. .il.caption p {
  425. margin-right:.25em!important;
  426. }
  427.  
  428. /* hover captions */
  429.  
  430. .hc.nest {
  431. position:absolute;
  432. top:0px;
  433. right:0px;
  434. bottom:0px;
  435. left:0px;
  436. }
  437. .hc .caption {
  438. position:absolute;
  439. width:100%;
  440. max-height:100%;
  441. overflow:auto;
  442. -moz-box-sizing:border-box;
  443. box-sizing:border-box;
  444. bottom:0px;
  445. margin:0;
  446. opacity:0;
  447. transition:opacity .25s linear;
  448. }
  449. .entry:hover .hc .caption {
  450. opacity:.93;
  451. }
  452.  
  453. /* photos and videos */
  454.  
  455. .media {
  456. opacity:.87;
  457. }
  458. .media img,
  459. .media .photoset {
  460. display:block;
  461. max-width:100%;
  462. margin:0px auto;
  463. }
  464. .video iframe,
  465. .video .tumblr_video_container {
  466. display:block;
  467. max-width:100%;
  468. max-height:{select:post width}px;
  469. }
  470. .video #youtube_iframe {
  471. display:block;
  472. max-width:100%;
  473. max-height:calc({select:post width}px * 0.67);
  474. }
  475. .video .instagram-media {
  476. max-height:none!important;
  477. box-shadow:none!important;
  478. }
  479.  
  480. /* chat posts */
  481.  
  482. .chat .line {
  483. font-size:8px;
  484. font-family:consolas, 'trebuchet ms', sans-serif;
  485. font-family:{text:secondary font family}, consolas, 'trebuchet ms', sans-serif;
  486. line-height:14px;
  487. letter-spacing:1px;
  488. text-transform:uppercase;
  489. }
  490. .chat .label {
  491. margin-right:.5em;
  492. }
  493.  
  494. /* audio posts */
  495.  
  496. .audiowrap {
  497. position:relative;
  498. height:43px;
  499. overflow:hidden;
  500. background-color:{color:post title bg};
  501. color:{color:post title};
  502. }
  503. .albumart {
  504. position:relative;
  505. display:inline-block;
  506. width:43px;
  507. height:43px;
  508. background-size:cover;
  509. opacity:.93;
  510. }
  511. .audio {
  512. position:absolute;
  513. display:inline-block;
  514. left:0px;
  515. top:0px;
  516. right:0px;
  517. bottom:0px;
  518. text-align:left;
  519. }
  520. .audio .player {
  521. width:27px;
  522. height:27px;
  523. left:8px;
  524. top:8px;
  525. overflow:hidden;
  526. position:absolute;
  527. opacity:.75;
  528. }
  529. .audio .track {
  530. position:absolute;
  531. top:8px;
  532. left:51px;
  533. right:8px;
  534. bottom:8px;
  535. overflow:hidden;
  536. font-size:8px;
  537. font-family:consolas, 'trebuchet ms', sans-serif;
  538. font-family:{text:secondary font family}, consolas, 'trebuchet ms', sans-serif;
  539. line-height:14px;
  540. letter-spacing:1px;
  541. text-transform:uppercase;
  542. }
  543. .audio .track i {
  544. font-style:normal;
  545. display:block;
  546. position:relative;
  547. width:100%;
  548. height:14px;
  549. overflow:hidden;
  550. }
  551.  
  552. /* post notes */
  553.  
  554. .n .body {
  555. max-height:250px;
  556. overflow:auto;
  557. }
  558. .n .body::-webkit-scrollbar {
  559. width:1px;
  560. height:1px;
  561. }
  562. .notes {
  563. list-style-type:none;
  564. padding:0;
  565. margin:0;
  566. }
  567. .post .notes a {
  568. border:0;
  569. }
  570. .notes img {
  571. display:none;
  572. }
  573.  
  574. /* pagination */
  575.  
  576. footer {
  577. position:fixed;
  578. bottom:0px;
  579. left:0px;
  580. right:0px;
  581. padding:10px;
  582. font-size:8px;
  583. font-family:consolas, 'trebuchet ms', sans-serif;
  584. font-family:{text:secondary font family}, consolas, 'trebuchet ms', sans-serif;
  585. line-height:14px;
  586. letter-spacing:1px;
  587. text-transform:uppercase;
  588. text-align:center;
  589. border-top:1px solid {color:post border};
  590. background-color:{color:post bg};
  591. color:{color:post info};
  592. {block:ifInfiniteScroll}display:none;{/block:ifInfiniteScroll}
  593. }
  594. footer .sp {
  595. display:inline-block;
  596. width:5px;
  597. }
  598.  
  599. #theme {
  600. position:fixed;
  601. display:inline-block;
  602. bottom:10px;
  603. right:10px;
  604. z-index:999;
  605. padding:5px;
  606. line-height:1em;
  607. font-size:8px;
  608. font-family:consolas, 'trebuchet ms', sans-serif;
  609. font-family:{text:secondary font family}, consolas, 'trebuchet ms', sans-serif;
  610. text-transform:uppercase;
  611. color:{color:post info};
  612.  
  613. background-color:{color:post bg};
  614. }
  615. #infscr-loading {
  616. display:none!important;
  617. }
  618. #tumblr_controls, .tmblr-iframe {
  619. position:fixed!important;
  620. opacity:.67!important;
  621. -webkit-filter:invert(100%);
  622. -webkit-backface-visibility:hidden;
  623. -moz-box-sizing:content-box;
  624. box-sizing:content-box;
  625. padding:22px;
  626. z-index:9999999999999!important;
  627. }
  628. #tumblr_lightbox, .tmblr-lightbox {
  629. background-color:rgba({RGBcolor:background},.98)!important;
  630. }
  631. #vignette, .vignette {
  632. opacity:0;
  633. }
  634. #tumblr_lightbox img, .lightbox-image {
  635. box-shadow:none!important;
  636. border-radius:0!important;
  637. max-width:none;
  638. }
  639. #tumblr_lightbox_caption, .lightbox-caption {
  640. visibility:hidden;
  641. }
  642. </style>
  643. <link href="http://static.tumblr.com/qudkd6d/wHJnkfyua/style.css" rel="stylesheet" type="text/css"/>
  644. </head>
  645. <body class="{block:IndexPage}w{select:post width}{/block:IndexPage}{block:PermalinkPage}w400{/block:PermalinkPage}{block:ifOneColumn} o{/block:ifOneColumn}{block:ifHorizontalScroll} h{/block:ifHorizontalScroll}">
  646. <header><!-- header -->
  647. <a href="/" class="title">{Title}</a><div class="right"><div class="desc">{Description}</div><nav>{block:ifHomeLink}<a href="/">{text:home link}</a><i class="sp"></i>{/block:ifHomeLink}{block:ifArchiveLink}<a href="/archive">{text:archive link}</a><i class="sp"></i>{/block:ifArchiveLink}{block:ifAskLink}<a href="/ask">{text:ask link}</a><i class="sp"></i>{/block:ifAskLink}{block:HasPages}{block:Pages}<a href="{URL}">{Label}</a><i class="sp"></i>{/block:Pages}{/block:HasPages}{block:ifLink1}<a href="{text:link 1 url}">{text:link 1}</a><i class="sp"></i>{/block:ifLink1}{block:ifLink2}<a href="{text:link 2 url}">{text:link 2}</a><i class="sp"></i>{/block:ifLink2}{block:ifLink3}<a href="{text:link 3 url}">{text:link 3}</a><i class="sp"></i>{/block:ifLink3}{block:ifLink4}<a href="{text:link 4 url}">{text:link 4}</a><i class="sp"></i>{/block:ifLink4}{block:ifLink5}<a href="{text:link 5 url}">{text:link 5}</a><i class="sp"></i>{/block:ifLink5}{block:ifLink6}<a href="{text:link 6 url}">{text:link 6}</a><i class="sp"></i>{/block:ifLink6}</nav></div>
  648. </header>
  649. <div id="main"><!-- container -->
  650. <div id="content"><!-- posts -->
  651. {block:Posts}
  652. <article class="entry">
  653. {block:Date}<!-- post info --><div class="date"><a href="{Permalink}" class="permalink">{ShortMonth} {DayOfMonth} ({NoteCount})</a><a href="{ReblogURL}" class="reblog">R</a></div>{/block:Date}
  654. <div class="post">
  655. {block:Answer}<!-- answer --><div class="ask"><div class="question">{Asker}: {Question}</div></div><div class="answer body">{Answer}</div>{/block:Answer}{block:Audio}<!-- audio --><div class="audiowrap"><div class="albumart" style="{block:AlbumArt}background-image:url({AlbumArtURL});{/block:AlbumArt}"></div><div class="audio">{block:AudioPlayer}<div class="player">{AudioPlayerWhite}</div>{/block:AudioPlayer}<div class="track">{block:TrackName}<i>Track: {TrackName}</i>{/block:TrackName}{block:Artist}<i>Artist: {Artist}</i>{/block:Artist}</div></div></div>{/block:Audio}{block:Chat}<!-- chat -->{block:Title}<h1>{Title}</h1>{/block:Title}<div class="chat body">{block:Lines}<div class="line">{block:Label}<span class="label">{Label}</span>{/block:Label}{Line}</div>{/block:Lines}</div>{/block:Chat}{block:Link}<!-- link --><h1><a href="{URL}">{Name}</a></h1>{block:Description}<div class="body">{Description}</div>{/block:Description}{/block:Link}{block:Photo}<!-- photo --><div class="media">{LinkOpenTag}<img src="{PhotoURL-500}"/>{LinkCloseTag}</div>{/block:Photo}{block:Photoset}<!-- photoset --><div class="media"><div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img alt="{PhotoAlt}" 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></div>{/block:Photoset}{block:Quote}<!-- quote --><div class="quote">{Quote}</div>{block:Source}<div class="source">{Source}</div>{/block:Source}{/block:Quote}{block:Text}<!-- text -->{block:Title}<h1>{Title}</h1>{/block:Title}<div class="body">{Body}</div>{/block:Text}{block:Video}<!-- video --><div class="media video">{Video-500}</div>{/block:Video}
  656. <!-- {block:ContentSource} {SourceURL} {/block:ContentSource} {block:RebloggedFrom} {ReblogRootURL} {ReblogParentURL} {/block:RebloggedFrom} -->
  657. {block:Caption}<div class="nest{block:ifHoverCaptions}{block:Photo} hc{/block:Photo}{block:Photoset} hc{/block:Photoset}{/block:ifHoverCaptions}{block:HasTags} t{/block:HasTags}"><div class="caption{block:ifInlineCaptions} il{/block:ifInlineCaptions}">{Caption}</div></div>{/block:Caption}
  658. </div>
  659. {block:HasTags}<div class="tagged">{block:Tags}<a href="{TagURL}">{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  660. </article>
  661. {block:PostNotes}<!-- post notes --><article class="entry n"><div class="post"><h1>Notes</h1><div class="body">{PostNotes}</div></div></article>{/block:PostNotes}
  662. {/block:Posts}
  663. </div>
  664. </div>
  665. {block:Pagination}<footer class="pagination">{block:PreviousPage}<a class="back" href="{PreviousPage}">back</a>{block:NextPage} &mdash; {/block:NextPage}{/block:PreviousPage}{block:NextPage}<a class="next" href="{NextPage}">next</a>{/block:NextPage}</footer>{/block:Pagination}
  666. <a href="http://shythemes.tumblr.com" id="theme" class="accent" title="theme">k.</a>
  667. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script><script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  668. <script>
  669. $(document).ready(function(){
  670. $('.photo-slideshow').pxuPhotoset({
  671. lightbox: true,
  672. rounded: 'false',
  673. gutter: '1px',
  674. photoset: '.photo-slideshow',
  675. photoWrap: '.photo-data',
  676. photo: '.pxu-photo'
  677. });
  678. });
  679. </script>
  680. {block:IndexPage}
  681. {block:ifNotOneColumn}<script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>{/block:ifNotOneColumn}
  682. {block:ifInfiniteScroll}<script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>{/block:ifInfiniteScroll}
  683. <script>
  684. $(document).ready(function(){
  685. var $container = $('#content');
  686. {block:ifNotOneColumn}
  687. $container.masonry({
  688. itemSelector: '.entry',
  689. columnWidth: {select:post width} + 32,
  690. isFitWidth: true
  691. });
  692. $container.imagesLoaded(function(){
  693. $container.masonry();
  694. });
  695. $(window).resize(function(){
  696. $container.masonry();
  697. });
  698. {/block:ifNotOneColumn}
  699. $('.entry').animate({ opacity: 1, zIndex: 10 });
  700. {block:ifInfiniteScroll}
  701. $container.infinitescroll({
  702. itemSelector: '.entry',
  703. navSelector: '.pagination',
  704. nextSelector: '.next',
  705. loadingImg: '',
  706. loadingText: '<em></em>',
  707. bufferPx: 2000
  708. },
  709. function( newElements ) {
  710. var $newElems = $( newElements );
  711. $newElems.find('.photo-slideshow').pxuPhotoset({
  712. lightbox: true,
  713. rounded: false,
  714. gutter: '3px',
  715. photoset: '.photo-slideshow',
  716. photoWrap: '.photo-data',
  717. photo: '.pxu-photo'
  718. {block:ifNotOneColumn}
  719. },
  720. function(){
  721. $container.masonry();
  722. });
  723. $newElems.imagesLoaded(function(){
  724. $container.masonry( 'appended', $newElems );
  725. $newElems.animate({ opacity: 1, zIndex: 1 });
  726. });
  727. {/block:ifNotOneColumn}
  728. {block:ifOneColumn}
  729. });
  730. $newElems.animate({ opacity: 1, zIndex: 1 });
  731. {/block:ifOneColumn}
  732. });
  733. {/block:ifInfiniteScroll}
  734. });
  735. </script>
  736. {/block:IndexPage}
  737. </body>
  738. </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!