API tools faq
paste
jasonmcann

Theme: Airplane

jasonmcann
Oct 10th, 2015
6,490
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.06 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <!--
  4.  
  5. theme #30
  6. - by cathms -
  7.  
  8. Last update: Nov 24, 2016
  9. - don't take parts of this code
  10. - don't remove this comment
  11. - don't remove the credit
  12.  
  13. -->
  14.  
  15. <html>
  16. <head>
  17.  
  18. <title>{Title}</title>
  19. <link rel="shortcut icon" href="{Favicon}">
  20. <link rel="altertnate" type="application/rss+xml" href="{RSS}">
  21. <meta name="description" content="" />
  22. <meta http-equiv="x-dns-prefetch-control" content="off"/>
  23.  
  24. <meta name="color:Background" content="#f5f5f5" />
  25. <meta name="color:Posts bg" content="#ffffff" />
  26. <meta name="color:Text" content="#999999" />
  27. <meta name="color:Link" content="#444444" />
  28. <meta name="color:Link hover" content="#999999" />
  29. <meta name="color:Info" content="#444444" />
  30. <meta name="color:Bold" content="#444444" />
  31. <meta name="color:Borders" content="#eeeeee" />
  32. <meta name="color:Scrollbar" content="#444444" />
  33.  
  34. <meta name="text:Link 01 URL" content="/" />
  35. <meta name="text:Link 01 title" content="Link 01">
  36. <meta name="text:Link 02 URL" content="/" />
  37. <meta name="text:Link 02 title" content="Link 02">
  38. <meta name="text:Link 03 URL" content="/" />
  39. <meta name="text:Link 03 title" content="Link 03">
  40. <meta name="text:Link 04 URL" content="/" />
  41. <meta name="text:Link 04 title" content="Link 04">
  42. <meta name="text:Link 05 URL" content="/" />
  43. <meta name="text:Link 05 title" content="Link 05">
  44. <meta name="text:Link 06 URL" content="/" />
  45. <meta name="text:Link 06 title" content="Link 06">
  46.  
  47. <meta name="if:Show caption" content="1">
  48. <meta name="if:Infinite scroll" content="0">
  49. <meta name="if:No rescaling" content="0">
  50. <meta name="if:More links" content="0">
  51. <meta name="if:Buttons" content="1">
  52.  
  53. <meta name="select:Posts width" content="250" title="250px"/>
  54. <meta name="select:Posts width" content="300" title="300px"/>
  55. <meta name="select:Posts width" content="350" title="350px"/>
  56. <meta name="select:Posts width" content="400" title="400px"/>
  57. <meta name="select:Posts width" content="500" title="500px"/>
  58. <meta name="select:Posts width" content="540" title="540px"/>
  59.  
  60. <meta name="image:Sidebar" content="">
  61. <meta name="image:Background" content="">
  62.  
  63. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  64.  
  65. <link href="http://static.tumblr.com/nb65v05/PkToc9oiw/resizing.css" rel="stylesheet" type="text/css"/>
  66. <link href="http://static.tumblr.com/nb65v05/EvVo293om/style.css" rel="stylesheet" type="text/css"/>
  67. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  68. {block:ifNoRescaling}<link href="http://static.tumblr.com/nb65v05/dXHo8qjrq/nrsclng.css" rel="stylesheet" type="text/css"/>{/block:ifNoRescaling}
  69.  
  70. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  71. <script>
  72. (function($){
  73. $(document).ready(function(){
  74. $("[title]").style_my_tooltips({
  75. tip_follows_cursor:true,
  76. tip_delay_time:200,
  77. tip_fade_speed:300
  78. }
  79. );
  80. });
  81. })(jQuery);
  82. </script>
  83.  
  84. <script src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
  85. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  86.  
  87. <style type="text/css">
  88.  
  89. body {
  90. font:09px helvetica,sans-serif, cambria, calibri;
  91. margin:0;
  92. color:{color:text};
  93. background:{color:Background} {block:ifBackgroundImage}url('{image:Background}') fixed{/block:ifBackgroundImage};}
  94.  
  95. a {
  96. color:{color:link};
  97. text-decoration: none;
  98. -webkit-transition:all 0.6s ease-in-out;/*chrome-safari*/
  99. -o-transition:all 0.6s ease-in-out;/*opera*/
  100. -moz-transition:all 0.6s ease-in-out;/*mozilla firefox*/
  101. -ms-transition:all 0.6s ease-in-out;/*ie*/
  102. transition:all 0.6s ease-in-out;/*w3c*/}
  103.  
  104. a:hover {
  105. color:{color:link hover};}
  106.  
  107. em, strong {
  108. color:{color:bold};}
  109.  
  110. small {
  111. font-size:09px;}
  112.  
  113. ol {list-style-type:lower-roman;}
  114.  
  115. sub, sup{font-size: 10px;}
  116.  
  117. .container {
  118. width:{select:posts width}px;
  119. margin: auto;}
  120.  
  121. #entries{
  122. width:{select:posts width}px;
  123. position:relative;
  124. margin-left:40px;
  125. margin-top:60px;
  126. margin-bottom:120px;
  127. }
  128.  
  129. .posts {
  130. width:{select:posts width}px;
  131. overflow:hidden;
  132. word-wrap: break-word;
  133. {block:IndexPage}
  134. margin-top:90px;
  135. {/block:IndexPage}
  136. background-color:{color:posts bg};
  137. border-radius:3px;
  138. }
  139.  
  140. .posts h2{
  141. font-family:sans-serif;
  142. font-weight:bold;
  143. font-style:italic;
  144. padding:20px;
  145. padding-bottom:0;
  146. padding-top:10px;
  147. margin:0;
  148. font-size:18px;}
  149.  
  150. .posts blockquote {
  151. border-left: 1px solid {color:borders};
  152. padding-left: 5px;
  153. margin:05px;}
  154.  
  155. .posts img, .posts li, .posts blockquote {max-width: 100%;}
  156.  
  157. .posts .images{
  158. display:block;
  159. {block:ifNotNoRescaling}
  160. width: 100%;
  161. {/block:ifNotNoRescaling}
  162.  
  163. }
  164.  
  165. .photo-slideshow .count-1 {
  166. max-width:{select:posts width};}
  167.  
  168. .photo-slideshow .count-2 {
  169. max-width:calc({select:posts width}px/2 - 2px)!important;
  170. max-width:-moz-calc({select:posts width}px/2 - 2px)!important;}
  171.  
  172. .photo-slideshow .count-3 {
  173. max-width:calc({select:posts width}px/3 - 2px)!important;
  174. max-width:-moz-calc({select:posts width}px/3 - 2px)!important;}
  175.  
  176. .photo-slideshow .count-3:last-of-type {
  177. max-width:calc({select:posts width}px/3 - 3px)!important;
  178. max-width:-moz-calc({select:posts width}px/3 - 3px)!important;}
  179.  
  180. .photo-slideshow .count-3:first-of-type {
  181. max-width:calc({select:posts width}px/3 - 3px)!important;
  182. max-width:-moz-calc({select:posts width}px/3 - 3px)!important;}
  183.  
  184. /* SIDEBAR */
  185. .sidebar {
  186. width: 130px;
  187. margin-left:-200px;
  188. margin-top:110px;
  189. position:fixed;}
  190.  
  191. .sidebar .sidebar-image{
  192. max-width:130px;
  193. display:block;
  194. margin-left: auto;
  195. margin-right: auto;
  196. border-radius:03px 03px 0px 0px;
  197. }
  198.  
  199. .sb-title{
  200. margin-bottom:05px;
  201. text-align:center;
  202. font-size:18px;}
  203.  
  204. /* DESCRIPTION */
  205. .description{
  206. text-align:center;
  207. background-color:{color:posts bg};
  208. padding:7px;
  209. border-radius:0 0 03px 3px;
  210. font:10px calibri;
  211. }
  212.  
  213. /* NAVIGATION / LINKS */
  214. .navi{
  215. text-align:center;
  216. background-color:{color:posts bg};
  217. font:08px calibri;
  218. text-transform:uppercase;
  219. padding:5px;
  220. letter-spacing:1px;
  221. border-bottom:1px solid {color:borders};
  222. }
  223.  
  224. .navi a{
  225. padding-right:03px;
  226. }
  227.  
  228. /* PAGINATION */
  229. .pag {
  230. text-align:center;
  231. font:08px calibri;
  232. text-transform:uppercase;
  233. letter-spacing:1px;
  234. margin-top:05px;}
  235.  
  236. .pag a{
  237. padding-right:3px;
  238. }
  239.  
  240. /* QUOTE POSTS */
  241. .quote {
  242. font-family:sans-serif;
  243. font-style:italic;
  244. padding:10px;}
  245.  
  246. .quotetext-short {
  247. font-size: 18px;}
  248.  
  249. .quotetext-medium {
  250. font-size: 14px;}
  251.  
  252. .quotetext-long {
  253. font-size: 11px;}
  254.  
  255. .quote-source {
  256. text-align:right;}
  257.  
  258. /* CHAT POSTS */
  259. .odd, .even {
  260. margin:0px;
  261. padding:10px;
  262. border-bottom:1px solid {color:borders};}
  263.  
  264. .odd:first-of-type {
  265. border-top:1px solid {color:borders};}
  266.  
  267. /* AUDIO POSTS */
  268. .audio {
  269. width:auto;
  270. overflow:hidden;
  271. max-height:75px;
  272. position:relative;
  273. clear:both;
  274. background-color:#fafafa;
  275. }
  276.  
  277. .tumblr_audio_player {
  278. height:15px;
  279. width:15px;
  280. padding:10px;
  281. margin-left:20px;
  282. margin-top:20px;
  283. display:block;
  284. float:left;
  285. clear:both;
  286. background-color:#fff;
  287. border-radius:100%;
  288. opacity:0.6;
  289. }
  290.  
  291. .au-info {
  292. position:relative;
  293. overflow:auto;
  294. text-transform:uppercase;
  295. height:75px;
  296. padding-left:10px;
  297. padding-right:10px;
  298. display: table-cell;
  299. vertical-align: middle;
  300. text-align:left;
  301. width:{select:posts width}px;
  302. }
  303.  
  304. img.au-image{
  305. float:left;
  306. width:75px;
  307. margin-left:-55px;
  308. }
  309.  
  310. /* VIDEO POSTS*/
  311. .video{
  312. position:relative;
  313. z-index:9999;}
  314.  
  315. .tumblr_video_container {
  316. width:auto!important;
  317. height:auto!important;}
  318.  
  319. .video .instagram-media {
  320. max-height:none!important;
  321. box-shadow:none!important;
  322. border:1px solid {color:borders}!important;
  323. width:calc({select:posts width}px - 3px)!important;}
  324.  
  325. /* ASK POSTS */
  326. .question{
  327. border-bottom:1px solid {color:borders};
  328. background-color:#fafafa;
  329. padding:10px;
  330. line-height:150%;
  331. font-style:italic;
  332. }
  333.  
  334. .question img{
  335. float:left;
  336. border-radius:100%;
  337. margin-right:10px;
  338. margin-bottom:0px;
  339. }
  340.  
  341. /* CAPTION */
  342. .caption{
  343. padding:05px;
  344. padding-left:15px;
  345. padding-right:15px;
  346. }
  347.  
  348. .caption a{
  349. border-bottom:1px solid {color:borders};}
  350.  
  351. .caption img, .answer img{
  352. max-width:100%;
  353. height:auto;}
  354.  
  355. /* INFO */
  356. .posts-info{
  357. padding:10px;
  358. text-align:left;
  359. font:09px calibri;
  360. letter-spacing:1px;
  361. text-transform:uppercase;
  362. border-top:1px solid {color:borders};
  363. line-height:200%;}
  364.  
  365. .posts-info a, .posts-info1 a {
  366. color:{color:info};
  367. }
  368.  
  369. .posts-info1{
  370. padding:10px;
  371. text-align:left;
  372. text-transform:lowercase;
  373. font:09px calibri;
  374. text-transform:uppercase;
  375. letter-spacing:1px;
  376. }
  377.  
  378. a.tag {
  379. text-decoration:none;
  380. margin-right:3px;
  381. border-bottom:1px solid {color:borders}!important;
  382. }
  383.  
  384. /* NOTES */
  385. #notes{
  386. width:{select:posts width}px;
  387. margin-left:0px;
  388. max-height:190px;
  389. overflow:auto;
  390. margin-top:15px;}
  391.  
  392. .notes img{border-radius:100%;}
  393.  
  394. ol.notes {
  395. padding: 0px;
  396. margin: 0;
  397. list-style-type: none;}
  398.  
  399. ol.notes li.note {padding: 10px;}
  400.  
  401. ol.notes li.note img.avatar {
  402. vertical-align: -4px;
  403. float:left;
  404. margin-right: 10px;
  405. width: 16px;
  406. height: 16px;}
  407.  
  408. ol.notes li.note span.action {}
  409.  
  410. ol.notes li.note .answer_content {font-weight: normal;}
  411.  
  412. ol.notes li.note blockquote {
  413. border-color: {color:borders};
  414. padding: 4px 10px;
  415. margin: 10px 0px 0px 25px;}
  416.  
  417. /* EXTRAS */
  418.  
  419. a.c{
  420. position:fixed;
  421. bottom:10px;
  422. right:12px;
  423. font: 09px georgia;
  424. letter-spacing:1px;
  425. text-align:right;
  426. z-index:9999999;}
  427.  
  428. #vignette, #tumblr_lightbox_right_image, #tumblr_lightbox_left_image {
  429. visibility: hidden;}
  430.  
  431. #tumblr_lightbox img {
  432. box-shadow: none !important;
  433. border-radius:0 !important;}
  434.  
  435. #tumblr_lightbox {background-color: transparent !important;}
  436.  
  437. #tumblr_lightbox div:nth-child(2) {
  438. background-color: #fff;
  439. opacity: .8;}
  440.  
  441. #tumblr_lightbox a img {
  442. border: 3px solid #fff !important;
  443. border-radius:05px;}
  444.  
  445. ::-webkit-scrollbar {
  446. width: 3px;
  447. height: 3px;
  448. background: {color:background};}
  449.  
  450. ::-webkit-scrollbar-thumb {
  451. background-color:{color:scrollbar};}
  452.  
  453. #s-m-t-tooltip{
  454. margin:24px 14px 7px 12px;
  455. letter-spacing:1px;
  456. z-index:9999999999999;
  457. line-height:16px;
  458. background-color:{color:link};
  459. color:white;
  460. font: 08px helvetica;
  461. letter-spacing:1px;
  462. text-transform:uppercase;
  463. padding:03px;}
  464.  
  465. ::selection {
  466. background: {color:link};
  467. color: white;}
  468. ::-moz-selection {
  469. background: {color:link};
  470. color: white;}
  471. ::-webkit-selection {
  472. background: {color:link};
  473. color: white;}
  474.  
  475. /* SCROLL TO TOP */
  476. .scrollup{
  477. width:30px;
  478. height:30px;
  479. opacity:0.3;
  480. position:fixed;
  481. bottom:10px;
  482. right:0px;
  483. display:none;}
  484.  
  485. .scrollup:hover{cursor:pointer;}
  486.  
  487.  
  488. .cthrough {
  489. cursor:pointer;
  490. }
  491.  
  492. .sub{
  493.  
  494. }
  495.  
  496. .sub a{
  497. padding:0;
  498. }
  499.  
  500. .like_and_reblog_buttons {
  501. list-style: none;
  502. float:right;
  503. z-index:9!important;
  504. width:50px;}
  505.  
  506. .like_and_reblog_buttons li {
  507. float: right;
  508. margin: 0;
  509. height: 23px;
  510. display:inline-block;
  511. margin-top:-3px;
  512. }
  513.  
  514. .like_and_reblog_buttons li:last-child {
  515. padding-right:07px;}
  516.  
  517. </style>
  518.  
  519. <script type="text/javascript">
  520. jQuery(document).ready(function() {
  521. jQuery(".sub").hide();
  522. //toggle the componenet with class msg_body
  523. jQuery(".cthrough").click(function()
  524. {
  525. jQuery(this).next(".sub").slideToggle(500);
  526. });});
  527. </script>
  528.  
  529. </head>
  530.  
  531. <body>
  532.  
  533. <div class="container">
  534. <div class="sidebar">
  535.  
  536. <img src="{image:sidebar}" class="sidebar-image">
  537. <div class="navi">
  538. <a href="/">index</a>
  539. {block:AskEnabled}<a href="/ask">mssg</a>{/block:AskEnabled}
  540. <a href="/archive">past</a>
  541. <a class="cthrough">links</a>
  542. <div class="sub" style="display:none;">
  543. <a href="{text:Link 01 URL}">{text:Link 01 title}</a>
  544. / <a href="{text:Link 02 URL}">{text:Link 02 title}</a>
  545. / <a href="{text:Link 03 URL}">{text:Link 03 title}</a>
  546. {block:ifMoreLinks}<br>
  547. <a href="{text:Link 04 URL}">{text:Link 04 title}</a>
  548. / <a href="{text:Link 05 URL}">{text:Link 05 title}</a>
  549. / <a href="{text:Link 06 URL}">{text:Link 06 title}</a>
  550. {/block:ifMoreLinks}
  551. </div>
  552. </div>
  553. <div class="description">{Description}</div>
  554.  
  555. {block:Pagination}<div class="pag" {block:IfInfiniteScroll}style="display:none;"{/block:IfInfiniteScroll}>
  556. {block:PreviousPage}<a href="{PreviousPage}">prev</a>{/block:PreviousPage}
  557.  
  558. {block:NextPage}<a href="{NextPage}" class="next">next</a>{/block:NextPage}</div>
  559. {/block:Pagination}
  560.  
  561. </div><!--- sidebar --->
  562.  
  563.  
  564. <div id="entries">
  565. {block:Posts}
  566.  
  567. {block:ContentSource}
  568. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  569. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  570. {/block:SourceLogo}
  571. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  572. {/block:ContentSource}
  573.  
  574. <div class="posts">
  575.  
  576. {block:Date}
  577. <div class="posts-info1" style="border-bottom:1px solid {color:borders};{block:Photo}border-bottom:0px solid {color:borders};{/block:Photo}{block:Photoset}border-bottom:0px solid {color:borders};{/block:Photoset}{block:Audio}border-bottom:0px solid {color:borders};{/block:Audio}">
  578. <a href="{Permalink}" title="{TimeAgo}">
  579. {ShortMonth} {DayOfMonthWithZero}{DayOfMonthSuffix}, {12HourWithZero}:{Minutes}{CapitalAmPm}</a>
  580. </div>{/block:Date}
  581.  
  582. {block:Text}
  583. {block:Title}<h2>{Title}</h2>{/block:Title}
  584. <div class="caption">{Body}</div>
  585. {/block:Text}
  586.  
  587. {block:Photo}
  588. <center>{LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}">{LinkCloseTag}</center>
  589. {block:ifShowCaption}
  590. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  591. {/block:ifShowCaption}
  592. {block:ifNotShowCaption}
  593. {block:PermalinkPage}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:PermalinkPage}
  594. {/block:ifNotShowCaption}
  595. {/block:Photo}
  596.  
  597. {block:Photoset}<div class="set"><center>
  598. <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></center></div>
  599. {block:ifShowCaption}
  600. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  601. {/block:ifShowCaption}
  602. {block:ifNotShowCaption}
  603. {block:PermalinkPage}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:PermalinkPage}
  604. {/block:ifNotShowCaption}
  605. {/block:Photoset}
  606.  
  607. {block:Quote}<div class="quote">
  608. <div class="quotetext-{Length}">{Quote}</div>
  609. {block:Source}
  610. <div class="quote-source">{Source}</div>
  611. {/block:Source}
  612. </div>{/block:Quote}
  613.  
  614. {block:Link}
  615. <h2><a href="{URL}" target="{Target}">{Name} <b>&rarr;</b></a></h2>
  616. {block:Description}<div class="caption">{Description}</div>
  617. {/block:Description}
  618. {/block:Link}
  619.  
  620. {block:Chat}
  621. {block:Title}<h2>{Title}</h2>{/block:Title}
  622. {block:Lines}<ul class="{Alt}">{block:Label}<b>{Label}</b>{/block:Label} {Line}<br></ul>{/block:Lines}
  623. {/block:Chat}
  624.  
  625. {block:Audio}
  626. <div class="audio">
  627. {block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}
  628. {block:AlbumArt}
  629. <img src="{AlbumArtURL}" class="au-image">
  630. {/block:AlbumArt}
  631. <div class="au-info">{block:TrackName}{TrackName}{/block:TrackName}
  632. {block:Artist}<br><small><b>{Artist}</b></small>{/block:Artist}
  633. </div>
  634.  
  635. </div>
  636. {block:ifShowCaption}
  637. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  638. {/block:ifShowCaption}
  639. {block:ifNotShowCaption}
  640. {block:PermalinkPage}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:PermalinkPage}
  641. {/block:ifNotShowCaption}
  642. {/block:Audio}
  643.  
  644. {block:Video}
  645. <div class="video">{Video-500}</div>
  646. {block:ifShowCaption}
  647. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  648. {/block:ifShowCaption}
  649. {block:ifNotShowCaption}
  650. {block:PermalinkPage}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:PermalinkPage}
  651. {/block:ifNotShowCaption}
  652. {/block:Video}
  653.  
  654. {block:Answer}
  655. <div class="question"><img src="{AskerPortraitURL-30}">
  656. <b>{Asker} asked</b><br>{Question}</div>
  657. <div class="caption">{Answer}</div>
  658. {/block:Answer}
  659.  
  660. {block:Date}
  661. <div class="posts-info">{block:ifButtons}{block:indexpage}
  662. <div class="like_and_reblog_buttons"><li>{ReblogButton size="15"}</li><li>{LikeButton size="13"}</li></div>{/block:indexpage}{/block:ifButtons}
  663. <div style="font:08px calibri;">
  664. {block:RebloggedFrom}source: <a href="{ReblogRootURL}">{ReblogRootName}</a>{block:permalinkpage}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{/block:permalinkpage}{/block:RebloggedFrom}
  665. {block:HasTags} {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags} {/block:HasTags}</div>
  666. {block:NoteCount}<b><a href="{Permalink}">{NoteCountWithLabel}</a></b>{/block:NoteCount}
  667. </div>{/block:Date}
  668. </div><!--- posts --->
  669.  
  670. {block:PermalinkPage}
  671. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  672. {/block:PermalinkPage}
  673.  
  674. {/block:Posts}
  675. </div><!--- entries --->
  676. </div><!--- container --->
  677.  
  678. <script>
  679. $(document).ready(function(){
  680. $('.video iframe').each(function(){
  681. var scale = $(this).parents('.video').width() / 500;
  682. $(this).attr({
  683. width: Math.floor($(this).attr('width') * scale),
  684. height: Math.floor($(this).attr('height') * scale)
  685. });
  686. });
  687. });
  688. </script>
  689.  
  690. <script>
  691. $(document).ready(function(){
  692. $('.photo-slideshow').pxuPhotoset({
  693. lightbox: true,
  694. rounded: false,
  695. gutter: '0px',
  696. borderRadius: '0px',
  697. photoset: '.photo-slideshow',
  698. photoWrap: '.photo-data',
  699. photo: '.pxu-photo'
  700. });
  701. });
  702. </script>
  703.  
  704. {block:IndexPage}{block:ifInfiniteScroll}
  705. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  706.  
  707. <script type="text/javascript">
  708. $(function(){
  709. var $container = $('#entries');
  710. $container.infinitescroll({
  711. bufferPx: 400,
  712. itemSelector: '.posts',
  713. navSelector: '.pag',
  714. nextSelector: '.next',
  715. loading: {
  716. img: 'http://static.tumblr.com/nb65v05/NgXntm6a6/untitled-1.png',
  717. msg: null,
  718. msgText: ''
  719. }
  720. },
  721. function( newElements ) {
  722. var $newElems = $( newElements );
  723. $newElems.find('.photo-slideshow').pxuPhotoset({
  724. lightbox: true,
  725. rounded: false,
  726. gutter: '0px',
  727. borderRadius: '0px',
  728. photoset: '.photo-slideshow',
  729. photoWrap: '.photo-data',
  730. photo: '.pxu-photo'
  731. });
  732. $newElems.find('.video iframe').each(function(){
  733. var scale = $(this).parents('.video').width() / 500;
  734. $(this).attr({
  735. width: Math.floor($(this).attr('width') * scale),
  736. height: Math.floor($(this).attr('height') * scale)
  737. });
  738. });
  739. });
  740.  
  741. });
  742. </script>
  743. {/block:ifInfiniteScroll}{/block:IndexPage}
  744.  
  745. <a href="http://cathms.tumblr.com/" target="_blank" class="c"><em>tc.</em></a>
  746.  
  747. {block:ifInfiniteScroll}
  748. <script type="text/javascript">
  749. $(document).ready(function(){
  750. $(window).scroll(function(){
  751. if ($(this).scrollTop() > 100) {
  752. $('.scrollup').fadeIn();
  753. } else {
  754. $('.scrollup').fadeOut();}});
  755. $('.scrollup').click(function(){
  756. $("html, body").animate({ scrollTop: 0 }, 600);
  757. return false;});});
  758. </script>
  759.  
  760. <a class="scrollup"><i class="fa fa-chevron-up fa-2x"></i></a>
  761. {/block:ifInfiniteScroll}
  762.  
  763. </body>
  764. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!