API tools faq
paste
jasonmcann

Theme: Purpose

jasonmcann
Dec 22nd, 2015
11,637
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 26.74 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <!--
  4. - theme #33 by caulfielld -
  5. don't take parts of this code.
  6. don't remove this comment.
  7. don't remove the credit.
  8. -->
  9.  
  10. <html>
  11. <head>
  12.  
  13. <title>{Title}</title>
  14. <link rel="shortcut icon" href="{Favicon}">
  15. <link rel="altertnate" type="application/rss+xml" href="{RSS}">
  16. <meta name="description" content="" />
  17. <meta http-equiv="x-dns-prefetch-control" content="off"/>
  18.  
  19. <meta name="image:Sidebar" content="">
  20. <meta name="image:Background" content="">
  21.  
  22. <meta name="color:Background" content="#ffffff" />
  23. <meta name="color:Posts" content="#ffffff" />
  24. <meta name="color:Text" content="#999999" />
  25. <meta name="color:Link" content="#444444" />
  26. <meta name="color:Link hover" content="#999999" />
  27. <meta name="color:Info" content="#444444" />
  28. <meta name="color:Bold" content="#444444" />
  29. <meta name="color:Borders" content="#eeeeee" />
  30. <meta name="color:Scrollbar" content="#444444" />
  31.  
  32. <meta name="select:Background position" content="initial" title="initial"/>
  33. <meta name="select:Background position" content="5% 5%" title="left top"/>
  34. <meta name="select:Background position" content="5% 50%" title="left center"/>
  35. <meta name="select:Background position" content="5% 95%" title="left bottom"/>
  36. <meta name="select:Background position" content="95% 5%" title="right top"/>
  37. <meta name="select:Background position" content="95% 50%" title="right center"/>
  38. <meta name="select:Background position" content="95% 95%" title="right bottom"/>
  39.  
  40. <meta name="select:Background repeat" content="repeat" title="repeat"/>
  41. <meta name="select:Background repeat" content="no-repeat" title="no repeat"/>
  42.  
  43. <meta name="select:Body font" content="roboto" title="Roboto"/>
  44. <meta name="select:Body font" content="helvetica" title="Helvetica"/>
  45. <meta name="select:Body font" content="arial" title="Arial"/>
  46. <meta name="select:Body font" content="cambria" title="Cambria"/>
  47. <meta name="select:Body font" content="calibri" title="Calibri"/>
  48. <meta name="select:Body font" content="trebuchet ms" title="Trebuchet ms"/>
  49.  
  50. <meta name="select:Body font size" content="09px" title="09px"/>
  51. <meta name="select:Body font size" content="10px" title="10px"/>
  52. <meta name="select:Body font size" content="11px" title="11px"/>
  53.  
  54. <meta name="select:Posts width" content="250" title="250px"/>
  55. <meta name="select:Posts width" content="300" title="300px"/>
  56. <meta name="select:Posts width" content="350" title="350px"/>
  57. <meta name="select:Posts width" content="400" title="400px"/>
  58. <meta name="select:Posts width" content="450" title="450px"/>
  59. <meta name="select:Posts width" content="500" title="500px"/>
  60. <meta name="select:Posts width" content="540" title="540px"/>
  61.  
  62. <meta name="select:Number of links" content="1" title="1">
  63. <meta name="select:Number of links" content="2" title="2">
  64. <meta name="select:Number of links" content="3" title="3">
  65. <meta name="select:Number of links" content="4" title="4">
  66. <meta name="select:Number of links" content="5" title="5">
  67. <meta name="select:Number of links" content="6" title="6">
  68.  
  69. <meta name="if:Grid layout" content="0">
  70. <meta name="if:Show caption" content="1">
  71. <meta name="if:Infinite scroll" content="0">
  72. <meta name="if:No rescaling" content="0">
  73. <meta name="if:Draggable tags" content="1">
  74. <meta name="if:Custom gutter" content="0">
  75.  
  76. <meta name="text:Margin" content="50" />
  77. <meta name="text:Gutter" content="2" />
  78. <meta name="text:Link 01 URL" content="/" />
  79. <meta name="text:Link 01 title" content="Link 01">
  80. <meta name="text:Link 02 URL" content="/" />
  81. <meta name="text:Link 02 title" content="Link 02">
  82. <meta name="text:Link 03 URL" content="/" />
  83. <meta name="text:Link 03 title" content="Link 03">
  84. <meta name="text:Link 04 URL" content="/" />
  85. <meta name="text:Link 04 title" content="Link 04">
  86. <meta name="text:Link 05 URL" content="/" />
  87. <meta name="text:Link 05 title" content="Link 05">
  88. <meta name="text:Link 06 URL" content="/" />
  89. <meta name="text:Link 06 title" content="Link 06">
  90.  
  91. <script src="http://static.tumblr.com/nb65v05/Is9nx5ffq/imagesloaded.js"></script>
  92. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  93. {block:ifNotCustomGutter}<link href="http://static.tumblr.com/nb65v05/3i0nvm3eg/sghn.css" rel="stylesheet" type="text/css"/>{/block:ifNotCustomGutter}
  94. <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  95. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  96.  
  97. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  98. <script>
  99. (function($){
  100. $(document).ready(function(){
  101. $("[title]").style_my_tooltips({
  102. tip_follows_cursor:true,
  103. tip_delay_time:200,
  104. tip_fade_speed:300
  105. }
  106. );
  107. });
  108. })(jQuery);
  109. </script>
  110.  
  111. <script src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
  112. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  113.  
  114. <link href='https://fonts.googleapis.com/css?family=Roboto:400,500,700' rel='stylesheet' type='text/css'>
  115.  
  116. <script type="text/javascript">
  117. $(document).ready(function(){
  118. $(".links_body").hide();
  119. $(".links_head").click(function(){
  120. $(this).next(".links_body").slideToggle(500);
  121. }); }); </script>
  122.  
  123. <script language="Javascript">
  124. $(document).ready(function() {
  125. $('.links_body a').hide();
  126. $('.links_body a:lt({select:Number of links})').show();
  127. });
  128. </script>
  129.  
  130. <style type="text/css">
  131.  
  132. body {
  133. font:{select:body font size} {select:body font}, helvetica,sans-serif, cambria, calibri;
  134. margin:0;
  135. color:{color:text};
  136. background:{color:Background} {block:ifBackgroundImage}url('{image:Background}') fixed{/block:ifBackgroundImage};
  137. background-position: {select:background position};
  138. background-repeat: {select:background repeat};}
  139.  
  140. a {
  141. color:{color:link};
  142. text-decoration: none;
  143. -webkit-transition:all 0.6s ease-in-out;/*chrome-safari*/
  144. -o-transition:all 0.6s ease-in-out;/*opera*/
  145. -moz-transition:all 0.6s ease-in-out;/*mozilla firefox*/
  146. -ms-transition:all 0.6s ease-in-out;/*ie*/
  147. transition:all 0.6s ease-in-out;/*w3c*/}
  148.  
  149. a:hover {
  150. color:{color:link hover};}
  151.  
  152. em, strong {
  153. color:{color:bold};}
  154.  
  155. small {
  156. font-size:09px;}
  157.  
  158. ol {list-style-type:lower-roman;}
  159.  
  160. sub, sup{font-size: 10px;}
  161.  
  162. .container {
  163. width:{select:posts width}px;
  164. margin:auto;
  165. {block:IndexPage}
  166. {block:ifGridLayout}
  167. width:100%;
  168. {/block:ifGridLayout}
  169. {/block:IndexPage}
  170. }
  171.  
  172. #entries{
  173. position:relative;
  174. padding-top:90px;
  175. padding-bottom:50px;
  176. {block:IndexPage}
  177. {block:ifNotGridLayout}
  178. width:{select:posts width}px;
  179. {/block:ifNotGridLayout}
  180. {block:ifGridLayout}
  181. margin: 0 auto;
  182. margin-left:350px;
  183. {/block:ifGridLayout}
  184. {/block:IndexPage}
  185. }
  186.  
  187. .posts {
  188. width:{select:posts width}px;
  189. overflow:hidden;
  190. word-wrap: break-word;
  191. {block:IndexPage}
  192. margin-bottom:{text:Margin}px;
  193. {/block:IndexPage}
  194. border-radius:3px;
  195. border:1px solid {color:borders};
  196. background-color:{color:posts};
  197. position:relative;
  198.  
  199. {block:IndexPage}
  200. {block:ifGridLayout}
  201. float:left;
  202. {/block:ifGridLayout}
  203. {/block:IndexPage}
  204. }
  205.  
  206. .posts blockquote {
  207. border-left:1px solid #e7e7e7;
  208. padding-left:5px;
  209. margin:10px 3px 10px 3px;
  210. line-height:auto;
  211. }
  212.  
  213. .posts h2{
  214. font-size:18px;
  215. font-weight:bold;
  216. margin-right:10px;
  217. margin-left:10px;
  218. }
  219.  
  220. .posts img, .posts li, .posts blockquote {max-width: 100%;height:auto;}
  221.  
  222. .tmblr-full img {
  223. width:100%;}
  224.  
  225. .posts .images{
  226. {block:ifNotNoRescaling}
  227. width: 100%;
  228. {/block:ifNotNoRescaling}
  229. display:block;}
  230.  
  231. {block:IfNotCustomGutter}{block:ifNoRescaling}
  232. .photo-slideshow.processed .pxu-photo img {
  233. width:auto; }{/block:ifNoRescaling}
  234.  
  235. .photo-slideshow .count-1 {
  236. max-width:{select:posts width};}
  237.  
  238. .photo-slideshow .count-2 {
  239. max-width:calc({select:posts width}px/2 - 2px)!important;
  240. max-width:-moz-calc({select:posts width}px/2 - 2px)!important;}
  241.  
  242. .photo-slideshow .count-3 {
  243. max-width:calc({select:posts width}px/3 - 2px)!important;
  244. max-width:-moz-calc({select:posts width}px/3 - 2px)!important;}
  245.  
  246. .photo-slideshow .count-3:last-of-type {
  247. max-width:calc({select:posts width}px/3 - 3px)!important;
  248. max-width:-moz-calc({select:posts width}px/3 - 3px)!important;}
  249.  
  250. .photo-slideshow .count-3:first-of-type {
  251. max-width:calc({select:posts width}px/3 - 3px)!important;
  252. max-width:-moz-calc({select:posts width}px/3 - 3px)!important;}
  253. {/block:ifNotCustomGutter}
  254. /* SIDEBAR */
  255. .sidebar {
  256. width: 120px;
  257. margin-left:-200px;
  258. margin-top:190px;
  259. position:fixed;
  260. {block:IndexPage}
  261. {block:ifGridLayout}
  262. margin-left:150px;
  263. {/block:ifGridLayout}
  264. {/block:IndexPage}
  265. }
  266.  
  267. .sidebar .sidebar-image{
  268. width:64px;
  269. border-radius:100%;
  270. display:block;
  271. margin-left: auto;
  272. margin-right: auto;}
  273.  
  274. .sb-title{
  275. text-align:center;
  276. text-transform:uppercase;
  277. font-size:12px;
  278. font-weight:bold;
  279. letter-spacing:1px;
  280. margin-top:15px;
  281. margin-bottom:05px;}
  282.  
  283. /* DESCRIPTION */
  284. .description{
  285. border:1px solid {color:borders};
  286. border-radius:3px;
  287. padding:5px;
  288. margin-top:10px;
  289. text-align:center;
  290. background-color:{color:posts};
  291. }
  292.  
  293. .description a{
  294. text-transform:uppercase;
  295. font-size:08px;
  296. letter-spacing:1px;
  297. }
  298.  
  299. /* NAVIGATION / LINKS */
  300. .navi{
  301. line-height:150%;
  302. text-transform:uppercase;
  303. font-size:08px;
  304. text-align:center;
  305. letter-spacing:1px;
  306. }
  307.  
  308. .navi a{
  309. display:inline-block;
  310. margin-right:3px;
  311. }
  312.  
  313. /* PAGINATION */
  314. .pag{
  315. margin-top:15px;
  316. text-align:center;
  317. text-transform:uppercase;
  318. font-size:08px;
  319. letter-spacing:1px;
  320. font-weight:bold;
  321.  
  322. }
  323.  
  324. .pag a{
  325. padding:2.5px;
  326. }
  327.  
  328. /* QUOTE POSTS */
  329. .quote {
  330. margin:10px;
  331. font-weight:bold;
  332. }
  333.  
  334. .quotetext-short {
  335. font-size: 18px;}
  336.  
  337. .quotetext-medium {
  338. font-size: 14px;}
  339.  
  340. .quotetext-long {
  341. font-size: 11px;}
  342.  
  343. .quote-source {
  344. text-align:right;
  345. font-weight:normal;
  346. }
  347.  
  348. /* CHAT POSTS */
  349. .odd, .even {
  350. margin:0px;
  351. padding:10px;
  352. border-top:1px solid {color:borders};}
  353.  
  354. .odd:first-of-type {
  355. border-top:0px solid {color:borders};}
  356.  
  357. /* AUDIO POSTS */
  358. .tumblr_audio_player {
  359. height:50px;
  360. width:50px;
  361. z-index:9999;
  362. padding:10px;
  363. margin:0;
  364. position:relative;
  365. float:left;
  366. z-index:9;
  367. background-color:white;}
  368.  
  369. .audio {
  370. height:70px;
  371. width:auto;
  372. border-bottom:1px solid {color:borders};
  373. margin-bottom:-1px;
  374. }
  375.  
  376. .audioimage {
  377. width:70px;
  378. height:70px;}
  379.  
  380. .audioimage img{
  381. float:right;
  382. width:70px;
  383. height:70px;}
  384.  
  385. .au-info {
  386. text-align:center;
  387. font-size:12px;
  388. max-width:-moz-calc({select:posts width}px - 140px)!important;
  389. line-height:70px;
  390. height:70px;
  391. overflow:auto;}
  392.  
  393. .au-info span{
  394. display: inline-block;
  395. vertical-align: middle;
  396. line-height:100%;
  397. }
  398.  
  399. /* VIDEO POSTS*/
  400. .video{
  401. position:relative;
  402. z-index:9999;}
  403.  
  404. .tumblr_video_container {
  405. width:auto!important;
  406. height:auto!important;}
  407.  
  408. .video .instagram-media {
  409. max-height:none!important;
  410. box-shadow:none!important;
  411. max-width:{select:posts width}px!important;}
  412.  
  413. /* ASK POSTS */
  414. .question{
  415. border-bottom:1px solid {color:borders};
  416. background-color:#fafafa;
  417. padding:10px;
  418. margin-left:-5px;
  419. margin-top:-5px;
  420. width:auto;
  421. line-height:150%;
  422.  
  423. }
  424.  
  425. .question askk{
  426. letter-spacing:1px;
  427. text-transform:uppercase;
  428. }
  429.  
  430. .question img{
  431. float:left;
  432. border-radius:100%;
  433. margin-right:10px;
  434. margin-bottom:0px;
  435. }
  436. /* CAPTION */
  437. .caption{
  438. padding:10px;
  439. }
  440.  
  441. .cap{
  442. margin:10px;
  443. }
  444.  
  445. .caption a{
  446. }
  447.  
  448. /* INFO */
  449. .posts-info{
  450. color:{color:info};
  451. margin-bottom:1px;
  452. border-top:1px solid {color:borders};
  453. padding:7px;
  454. }
  455.  
  456. .posts-info a{
  457. color:{color:info};
  458. margin-left:5px;
  459. }
  460.  
  461. .posts-info a:hover{
  462. color:{color:link hover};
  463. }
  464.  
  465. .da a{
  466. text-transform:uppercase;
  467. font-size:08px;
  468. letter-spacing:1px;
  469. font-weight:bold;
  470. }
  471.  
  472. .re{
  473. float:right;
  474. }
  475.  
  476. /* NOTES */
  477. #notes{
  478. width:{select:posts width}px;
  479. margin-left:0px;
  480. max-height:190px;
  481. overflow:auto;
  482. margin-top:15px;}
  483.  
  484. .notes img{border-radius:100%;}
  485.  
  486. ol.notes {
  487. padding: 0px;
  488. margin: 0;
  489. list-style-type: none;}
  490.  
  491. ol.notes li.note {padding: 10px;}
  492.  
  493. ol.notes li.note img.avatar {
  494. vertical-align: -4px;
  495. float:left;
  496. margin-right: 10px;
  497. width: 16px;
  498. height: 16px;}
  499.  
  500. ol.notes li.note span.action {}
  501.  
  502. ol.notes li.note .answer_content {font-weight: normal;}
  503.  
  504. ol.notes li.note blockquote {
  505. border-color: {color:borders};
  506. padding: 4px 10px;
  507. margin: 10px 0px 0px 25px;}
  508.  
  509. /* EXTRAS */
  510.  
  511.  
  512. a.c{
  513. position:fixed;
  514. bottom:25px;
  515. right:25px;
  516. font:07px 'trebuchet ms';
  517. text-transform:uppercase;
  518. letter-spacing:1px;
  519. text-align:right;
  520. z-index:9999999;
  521. background-color:#fff;
  522. border:1px solid #e9e9e9;
  523. padding:05px;
  524. border-radius:100%;
  525. color:#8c8c8c;
  526. }
  527.  
  528. #tumblr_lightbox_right_image, #tumblr_lightbox_left_image {
  529. visibility: hidden;}
  530.  
  531. #tumblr_lightbox img {
  532. box-shadow: none !important;
  533. border-radius:0 !important;}
  534.  
  535. #tumblr_lightbox {background-color: transparent !important;}
  536.  
  537. #tumblr_lightbox div:nth-child(2) {
  538. background-color: white;
  539. opacity: .8;}
  540.  
  541. #tumblr_lightbox a img {
  542. border: 3px solid #fff !important;}
  543.  
  544. ::-webkit-scrollbar {
  545. width: 3px;
  546. height: 3px;
  547. background: {color:background};}
  548.  
  549. ::-webkit-scrollbar-thumb {
  550. background-color:{color:scrollbar};}
  551.  
  552. #s-m-t-tooltip{
  553. margin:24px 14px 7px 12px;
  554. letter-spacing:1px;
  555. z-index:9999999999999;
  556. line-height:16px;
  557. background-color:{color:link};
  558. color:white;
  559. font-size: 07px;
  560. letter-spacing:1px;
  561. text-transform:uppercase;
  562. padding:03px;}
  563.  
  564. ::selection {
  565. background: {color:link};
  566. color: white;}
  567. ::-moz-selection {
  568. background: {color:link};
  569. color: white;}
  570. ::-webkit-selection {
  571. background: {color:link};
  572. color: white;}
  573.  
  574. /* SCROLL TO TOP */
  575. .scrollup{
  576. width:30px;
  577. height:30px;
  578. opacity:0.7;
  579. position:fixed;
  580. z-index:9999999;
  581. bottom:70px;
  582. right:22px;
  583. display:none;
  584. text-align:center;}
  585.  
  586. .scrollup:hover{cursor:pointer;}
  587.  
  588. .tt{text-align:left;
  589. line-height:150%;
  590. padding-bottom:5px;
  591. }
  592.  
  593. .tt a{
  594. margin:0;
  595. padding:0;
  596. }
  597. .post_tags,
  598. .post_tags a, .tt a { color:{color:text}; }
  599.  
  600. .post_tags {
  601. margin-bottom:3px;
  602. position: relative;
  603. white-space: nowrap;
  604. overflow: hidden;
  605. }
  606.  
  607. .post_tags.draggable .post_tags_inner {
  608. -webkit-touch-callout: none;
  609. -webkit-user-select: none;
  610. -khtml-user-select: none;
  611. -moz-user-select: none;
  612. -ms-user-select: none;
  613. user-select: none;
  614. }
  615.  
  616. .post_tags_inner {
  617. float: left;
  618. position: relative;
  619. padding: 0px 20px 0px 0;
  620. }
  621.  
  622. .post_tags a,
  623. .post_tags .post_tag {
  624. color:{color:text};
  625. font-size: 09px;
  626. text-decoration: none;
  627. margin-right: 6px;
  628. }
  629.  
  630. .post_tags a:before, .tt a:before { content: '#'; }
  631.  
  632. .post_tags:after {
  633. content: '';
  634. position: absolute;
  635. top: 0;
  636. right: 0;
  637. bottom: 0;
  638. width: 20px;
  639. background: -moz-linear-gradient(left, rgba(255,255,255,0) 0, rgba(255,255,255,1) 100%);
  640. background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, #FFF));
  641. background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, #FFF 100%);
  642. background: -o-linear-gradient(left, rgba(255,255,255,0) 0, rgba(255,255,255,1) 100%);
  643. background: -ms-linear-gradient(left, rgba(255,255,255,0) 0, rgba(255,255,255,1) 100%);
  644. background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, #FFF 100%);
  645. }
  646.  
  647. .post_tags a:hover,
  648. .post_tags .post_tag:hover,
  649. .post_tags a:focus,
  650. .post_tags .post_tag:focus,
  651. .post_tags a:active,
  652. .post_tags .post_tag:active { color: {color:link hover}; }
  653.  
  654. .links_head {text-align:center;cursor:help;}
  655. .links_body {text-align:center;padding:3px;
  656. margin-top:5px;
  657. }
  658.  
  659. .tmblr-iframe--desktop-loggedin-controls.iframe-controls--desktop{
  660. z-index:999999999!important;
  661. }
  662. </style>
  663. </head>
  664.  
  665. <body>
  666.  
  667. <div class="container">
  668. <div class="sidebar">
  669.  
  670. <img src="{image:sidebar}" class="sidebar-image">
  671. <div class="bb"></div>{block:ShowTitle}
  672. <div class="sb-title"><a href="/">{title}</a></div>{/block:ShowTitle}
  673.  
  674. <div class="navi">
  675. <a href="/">01. <br><b>index</b></a>
  676. <a href="/ask">02. <br><b>mssg</b></a>
  677. <a class="links_head">03. <br><b>links</b></a>
  678. <div class="links_body" style="display:none;margin-bottom:-05px;">
  679. <a href="{text:Link 01 URL}">{text:Link 01 title}</a>
  680. <a href="{text:Link 02 URL}">{text:Link 02 title}</a>
  681. <a href="{text:Link 03 URL}">{text:Link 03 title}</a>
  682. <a href="{text:Link 04 URL}">{text:Link 04 title}</a>
  683. <a href="{text:Link 05 URL}">{text:Link 05 title}</a>
  684. <a href="{text:Link 06 URL}">{text:Link 06 title}</a>
  685. </div>
  686.  
  687. </div>
  688.  
  689. {block:ShowDescription}
  690. <div class="description">{Description}</div>{/block:ShowDescription}
  691.  
  692. {block:Pagination}<div class="pag" {block:IfInfiniteScroll}style="display:none;"{/block:IfInfiniteScroll}>
  693. {block:PreviousPage}<a href="{PreviousPage}">prev</a>{/block:PreviousPage}
  694.  
  695. {block:NextPage}<a href="{NextPage}" class="next">next</a>{/block:NextPage}</div>
  696. {/block:Pagination}
  697.  
  698. </div><!--- sidebar --->
  699.  
  700. <div id="entries">
  701.  
  702. {block:IndexPage}<div class="column navigation" id="navigation" {block:IfInfiniteScroll}style="display:none;"{/block:IfInfiniteScroll}>
  703. {block:Pagination}
  704. {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
  705. {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
  706. </div>{/block:IndexPage}
  707. {block:Posts}
  708.  
  709. {block:ContentSource}
  710. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  711. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  712. {/block:SourceLogo}
  713. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  714. {/block:ContentSource}
  715.  
  716. <div class="posts">
  717.  
  718. {block:Text}
  719. {block:Title}<h2>{Title}</h2>{/block:Title}
  720. <div class="cap">{Body}</div>
  721. {/block:Text}
  722.  
  723. {block:Photo}
  724. <center>{LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" class="images">{LinkCloseTag}</center>
  725. {block:ifShowCaption}
  726. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  727. {/block:ifShowCaption}
  728. {block:ifNotShowCaption}
  729. {block:PermalinkPage}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:PermalinkPage}
  730. {/block:ifNotShowCaption}
  731. {/block:Photo}
  732.  
  733. {block:Photoset}<center>
  734. <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>
  735. {block:ifShowCaption}
  736. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  737. {/block:ifShowCaption}
  738. {block:ifNotShowCaption}
  739. {block:PermalinkPage}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:PermalinkPage}
  740. {/block:ifNotShowCaption}
  741. {/block:Photoset}
  742.  
  743. {block:Quote}<div class="quote">
  744. <div class="quotetext-{Length}">{Quote}</div>
  745. {block:Source}
  746. <div class="quote-source">{Source}</div>
  747. {/block:Source}
  748. </div>{/block:Quote}
  749.  
  750. {block:Link}
  751. <h2><a href="{URL}" target="{Target}">{Name} <b>&rarr;</b></a></h2>
  752. {block:Description}<div class="cap">{Description}</div>{/block:Description}
  753. {/block:Link}
  754.  
  755. {block:Chat}
  756. {block:Title}<h2>{Title}</h2>{/block:Title}
  757. {block:Lines}<ul class="{Alt}">{block:Label}<b>{Label}</b>{/block:Label} {Line}<br></ul>{/block:Lines}
  758. {/block:Chat}
  759.  
  760. {block:Audio}
  761. <div class="audio">
  762. {block:AlbumArt}<div class="audioimage" style="float:right;">
  763. <img src="{AlbumArtURL}"></div>
  764. {/block:AlbumArt}
  765.  
  766. {block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}
  767.  
  768. <div class="au-info"><span>
  769. {block:TrackName}{TrackName}{/block:TrackName}
  770. {block:Artist}<small><b>{Artist}</b></small>{/block:Artist}
  771. </span>
  772. </div>
  773.  
  774. </div>
  775. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  776. {/block:Audio}
  777.  
  778. {block:Video}
  779. <div class="video">{Video-500}</div>
  780. {block:ifShowCaption}
  781. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  782. {/block:ifShowCaption}
  783. {block:ifNotShowCaption}
  784. {block:PermalinkPage}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:PermalinkPage}
  785. {/block:ifNotShowCaption}
  786. {/block:Video}
  787.  
  788. {block:Answer}
  789. <div class="question"><img src="{AskerPortraitURL-30}">
  790. <b><askk>{Asker} asked</askk></b><br>{Question}</div>
  791. <div class="caption">{Answer}</div>
  792. {/block:Answer}
  793.  
  794. {block:Date}<div class="posts-info">
  795.  
  796. {block:HasTags}
  797. {block:ifNotDraggableTags}
  798. <div class="tt">
  799. {block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>
  800. {/block:ifNotDraggableTags}
  801. {block:ifDraggableTags}
  802. <div class="post_tags draggable">
  803. <div class="post_tags_inner">
  804. {block:Tags}<a href="{TagURL}" class="tag">{Tag}</a> {/block:Tags}
  805. </div>
  806. </div>{/block:ifDraggableTags}
  807. {/block:HasTags}
  808.  
  809. <div class="da">
  810. <a href="{Permalink}"> {MonthNumberWithZero}.{DayOfMonthWithZero}</a>
  811. {block:RebloggedFrom}{block:PermalinkPage}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{/block:PermalinkPage}
  812. <a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:RebloggedFrom}
  813. {block:indexpage}
  814. <a href="{reblogurl}" title="reblog">reblog</a>{/block:indexpage}
  815. {block:NoteCount}<a href="{Permalink}" class="re">{NoteCountWithLabel}</a>{/block:NoteCount}
  816. </div>
  817. </div>
  818. {/block:Date}
  819. </div><!--- posts --->
  820.  
  821. {block:PermalinkPage}
  822. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  823. {/block:PermalinkPage}
  824.  
  825. {/block:Posts}
  826. </div><!--- entries --->
  827. </div><!--- container --->
  828.  
  829. <script src ="//static.tumblr.com/fwgzvyf/l6jnyutne/shythemes.vr.js"></script>
  830. {block:ifInfiniteScroll}
  831. <script src="http://static.tumblr.com/nb65v05/QLXo03qup/jquery.infinitescroll.min.js"></script>{/block:ifInfiniteScroll}
  832. {block:ifGridLayout}
  833. <script type="text/javascript" src="http://static.tumblr.com/me5sfsd/12Qlmj66n/script.js"></script>{/block:ifGridLayout}
  834. {block:ifDraggableTags}
  835. <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>{/block:ifDraggableTags}
  836.  
  837. <script>
  838. $(document).ready(function(){
  839. {block:ifDraggableTags}
  840. $(".post_tags_inner").draggable({
  841. axis : "x",
  842. scroll: false,
  843. stop: function() {
  844. var __left = $(this).css("left").replace(/[^-\d\.]/g, '');
  845. if(__left > 0){
  846. $(this).animate({left: 0}, 400, 'easeOutExpo');
  847. }
  848. var __width = $(this).outerWidth();
  849. var __parentWidth = $(".post_tags.draggable").outerWidth();
  850. if(__width > __parentWidth) {
  851. if(__left < __parentWidth-__width){
  852. $(this).animate({left: __parentWidth-__width}, 400, 'easeOutExpo');
  853. }
  854. } else {
  855. $(this).animate({left: 0}, 400, 'easeOutExpo');
  856. }
  857. }
  858. });
  859. {/block:ifDraggableTags}
  860. $('.photo-slideshow').pxuPhotoset({
  861. lightbox: true,
  862. rounded: false,
  863. {block:ifNotCustomGutter}
  864. gutter: '0px',{/block:ifNotCustomGutter}
  865. {block:ifCustomGutter}
  866. gutter: {text:Gutter},{/block:ifCustomGutter}
  867. borderRadius: '0px',
  868. photoset: '.photo-slideshow',
  869. photoWrap: '.photo-data',
  870. photo: '.pxu-photo'
  871. });
  872. {block:IndexPage}
  873. {block:ifInfiniteScroll}
  874. $(window).scroll(function(){
  875. if ($(this).scrollTop() > 100) {
  876. $('.scrollup').fadeIn();
  877. } else {
  878. $('.scrollup').fadeOut();}});
  879. $('.scrollup').click(function(){
  880. $("html, body").animate({ scrollTop: 0 }, 600);
  881. return false;}); {/block:ifInfiniteScroll}
  882. var $container = $('#entries');
  883. {block:ifGridLayout}
  884. $container.masonry({
  885. itemSelector: '.posts',
  886. columnWidth:{select:posts width} + {text:Margin},
  887. isFitWidth: false,
  888. isAnimated : true
  889. });
  890. $container.imagesLoaded(function(){
  891. $container.masonry();
  892. });{/block:ifGridLayout}{block:ifInfiniteScroll}
  893. $container.infinitescroll({
  894. loading: {
  895. finished: undefined,
  896. finishedMsg: "<em></em>",
  897. img: null,
  898. msg: null,
  899. msgText: "<em>Loading the next set of posts...</em>",
  900. selector: null,
  901. speed: 'slow',
  902. },
  903. navSelector: '.pag',
  904. nextSelector: '.next',
  905. itemSelector: '.posts',
  906. extraScrollPx : 0,
  907. bufferPx : 10000,
  908. debug : false,
  909. errorCallback: function() {
  910. $('#infscr-loading').animate().fadeOut('normal');
  911. }},
  912. function( newElements ) {
  913. resizeVideos();
  914.  
  915.  
  916. var $newElems = $( newElements ){block:ifGridLayout}.css({ opacity: 0 });
  917. $newElems.imagesLoaded(function(){
  918. $newElems.animate({ opacity: 1 });
  919. $container.masonry( 'appended', $newElems,{isAnimated: true, animationOptions: {duration: 250, easing: 'linear', queue: false}}, function(){$newElems.fadeIn('slow');} );
  920. }){/block:ifGridLayout}; {block:ifDraggableTags}
  921. $newElems.find(".post_tags_inner").draggable({
  922. axis : "x",
  923. scroll: false,
  924. stop: function() {
  925. var __left = $(this).css("left").replace(/[^-\d\.]/g, '');
  926. if(__left > 0){
  927. $(this).animate({left: 0}, 400, 'easeOutExpo');
  928. }
  929. var __width = $(this).outerWidth();
  930. var __parentWidth = $(".post_tags.draggable").outerWidth();
  931. if(__width > __parentWidth) {
  932. if(__left < __parentWidth-__width){
  933. $(this).animate({left: __parentWidth-__width}, 400, 'easeOutExpo');
  934. }
  935. } else {
  936. $(this).animate({left: 0}, 400, 'easeOutExpo');}
  937. }
  938. });{/block:ifDraggableTags}
  939. var $newElems = $( newElements );
  940. $newElems.find('.photo-slideshow').pxuPhotoset({
  941. lightbox: true,
  942. rounded: false,
  943. {block:ifNotCustomGutter}
  944. gutter: '0px',{/block:ifNotCustomGutter}
  945. {block:ifCustomGutter}
  946. gutter: {text:Gutter},{/block:ifCustomGutter}
  947. borderRadius: '0px',
  948. photoset: '.photo-slideshow',
  949. photoWrap: '.photo-data',
  950. photo: '.pxu-photo'
  951. });
  952. });
  953. {/block:ifInfiniteScroll}{/block:IndexPage}
  954. });
  955. </script>
  956.  
  957. <a href="http://caulfielld.tumblr.com" target="_blank" class="c">tc</a>
  958.  
  959. {block:ifInfiniteScroll}<a class="scrollup">
  960. <i class="fa fa-chevron-up fa-2x"></i><br>scroll to top</a>
  961. {/block:ifInfiniteScroll}
  962.  
  963. </body>
  964. </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!