API tools faq
paste
Advertisement
tomkirk

Orange

tomkirk
Mar 25th, 2016
7,112
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.07 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3.  
  4. [ T H E M E B Y ]
  5.  
  6. ○ ● ○
  7.  
  8. [ T O M K I R K ]
  9.  
  10.  
  11.  
  12. -->
  13. <html>
  14. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  15. <html xmlns="http://www.w3.org/1999/xhtml">
  16. <head>
  17.  
  18. <!--Default Variables-->
  19. <!--Colors-->
  20. <meta name="color:Ask Background" content="#f7f7f7"/>
  21. <meta name="color:Ask Text" content="#666666"/>
  22. <meta name="color:Background" content="#ffffff"/>
  23. <meta name="color:Text" content="#666666"/>
  24. <meta name="color:Link" content="#73f3bd"/>
  25. <meta name="color:Link Hover" content="#000000"/>
  26. <meta name="color:Scrollbar" content="#000000"/>
  27. <meta name="color:Posts" content="#FFE2C9"/>
  28. <meta name="color:Tool Tip" content="#ffffff"/>
  29. <meta name="color:Tool Tip Text" content="#000000"/>
  30.  
  31. <!--Options-->
  32. <meta name="if:400px" content="0"/>
  33. <meta name="if:Infinite Scroll" content="1"/>
  34. <meta name="if:Tags" content="1"/>
  35. <meta name="if:Captions" content="1"/>
  36. <meta name="if:Custom Scrollbar" content="1"/>
  37. <meta name="if:Photo Zoom" content=""/>
  38. <meta name="if:Tiny Cursor" content=""/>
  39. <meta name="if:Crosshair Cursor" content=""/>
  40.  
  41. <!--Links-->
  42. <meta name="text:Link 1 URL" content="/"/>
  43. <meta name="text:Link 1 name" content=""/>
  44. <meta name="text:Link 2 URL" content="/"/>
  45. <meta name="text:Link 2 name" content=""/>
  46. <meta name="text:Link 3 URL" content="/"/>
  47. <meta name="text:Link 3 name" content=""/>
  48. <meta name="text:Link 4 URL" content="/"/>
  49. <meta name="text:Link 4 name" content=""/>
  50.  
  51. <link href='http://fonts.googleapis.com/css?family=Quicksand:400,700' rel='stylesheet' type='text/css'>
  52. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
  53. <link href='https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300|Dosis|Muli|Varela+Round|Rubik' rel='stylesheet' type='text/css'>
  54. <link href='https://fonts.googleapis.com/css?family=Inconsolata' rel='stylesheet' type='text/css'>
  55.  
  56. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
  57.  
  58. <script src="jquery.js"></script>
  59. <script>
  60. $(document).ready(function(){
  61. $("#flip").click(function(){
  62. $("#panel").slideToggle("fast");
  63. });
  64. });
  65. </script>
  66.  
  67. {block:Description}
  68. <meta name="description" content="{MetaDescription}" />
  69. {/block:Description}
  70. <meta charset="utf-8">
  71. <meta name="viewport" content="initial-scale=1.0, width=device-width" />
  72. <title>{block:TagPage}{Tag} posts - {/block:TagPage} {block:SearchPage}{lang:Search results for SearchQuery} - {/block:SearchPage}{block:PostSummary}{PostSummary} - {/block:PostSummary}{Title}</title>
  73. <link rel="shortcut icon" href="{Favicon}">
  74. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  75. <style type="text/css">
  76.  
  77.  
  78. iframe#tumblr_controls, .tmblr-iframe.tmblr-iframe--desktop-logged-in-controls.iframe-controls--desktop { -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%);top:5px;right:5px;position:fixed;}
  79.  
  80.  
  81. iframe#tumblr_controls:hover, .tmblr-iframe.tmblr-iframe--desktop-logged-in-controls.iframe-controls--desktop:hover { opacity:1; }
  82.  
  83.  
  84. html,body,a,a:hover{
  85. {block:ifTinyCursor}cursor:url(https://31.media.tumblr.com/bdff266e410c6a626f3d7ba461afff73/tumblr_inline_nf2nph3m4q1rs8bwg.png), progress; {/block:ifTinyCursor}{block:ifCrosshairCursor}cursor:crosshair;{/block:ifCrosshairCursor}
  86. }
  87.  
  88. {block:ifCustomScrollbar}
  89. ::-webkit-scrollbar {width:12px; height:12px; background: {color:Background};}
  90. ::-webkit-scrollbar-thumb { background-color: {color:Scrollbar}; border-top:5px solid {color:Background};border-right:5px solid {color:Background};border-bottom:5px solid {color:Background};border-left:5px solid {color:Background};}
  91. {/block:ifCustomScrollbar}
  92.  
  93. body{font-family:arial;font-size:12px;line-height:16px;color:{color:Text};
  94. {block:ifTinyCursor}cursor:url(https://31.media.tumblr.com/bdff266e410c6a626f3d7ba461afff73/tumblr_inline_nf2nph3m4q1rs8bwg.png), progress; {/block:ifTinyCursor}{block:ifCrosshairCursor}cursor:crosshair;{/block:ifCrosshairCursor}background:{color:Background};
  95. }
  96.  
  97. a:link, a:active, a:visited{color:{color:Link};text-decoration:none;-webkit-transition: all 0s linear;-moz-transition: all 0s linear;transition: all 0s linear;{block:ifTinyCursor}cursor:url(https://31.media.tumblr.com/769de35144cf314ac2a3c6cc0f5f369a/tumblr_inline_nf2nq0naf51rs8bwg.png), progress; {/block:ifTinyCursor}{block:ifCrosshairCursor}cursor:crosshair;{/block:ifCrosshairCursor}}
  98.  
  99. a:hover{color:{color:Link Hover};}
  100.  
  101. #s-m-t-tooltip {
  102. max-width:200px;
  103. background-color:{color:Tool Tip};
  104. color:{color:Tool Tip Text};
  105. border:0px solid {color:Border};
  106. font-size:11px;
  107. line-height:11px;
  108. font-family:inconsolata,consolas,arial;
  109. padding:3px 5px 3px 5px;
  110. box-shadow:rgba(0,0,0,0.07) 4px 4px;
  111. -webkit-transition: all 0.3s ease-out;
  112. -moz-transition: all 0.3s ease-out;
  113. transition: all 0.3s ease-out;
  114. z-index:999999999999999999999999999999999999;
  115. margin:20px;
  116. {block:ifTinyCursor}margin:10px;{/block:ifTinyCursor}
  117. }
  118.  
  119. #container {
  120. margin:auto;
  121. {block:IndexPage}
  122. {block:ifNot400px}
  123. width:250px;
  124. {/block:ifNot400px}
  125. {block:if400px}
  126. width:400px;
  127. {/block:if400px}
  128. {/block:IndexPage}
  129. {block:PermalinkPage}
  130. width:500px;
  131. {/block:PermalinkPage}
  132. }
  133.  
  134. #content{
  135. {block:IndexPage}
  136. {block:ifNot400px}width:250px;{/block:ifNot400px}
  137. {block:if400px}width:400px;{/block:if400px}
  138. {/block:IndexPage}
  139. {block:PermalinkPage}
  140. width:500px;
  141. {/block:PermalinkPage}
  142. }
  143.  
  144. article{
  145. position:relative;
  146. {block:IndexPage}
  147. {block:ifNot400px}width:250px;{/block:ifNot400px}
  148. {block:if400px}width:400px;{/block:if400px}
  149. {/block:IndexPage}
  150. {block:PermalinkPage}
  151. width:500px;
  152. {/block:PermalinkPage}
  153. margin:0px 0 150px 0;
  154. }
  155.  
  156. article img{max-width:100%;{block:indexPage}display:block;{/block:IndexPage}height:auto;
  157. overflow:hidden;
  158. }
  159.  
  160. article .shadow1{
  161. position:absolute;
  162. width:100%;height:100%;
  163. margin:-3px 0 0 -3px;
  164. background:{color:Posts};
  165. border:3px solid {color:Border};
  166. z-index:-99;
  167. }
  168.  
  169. article .shadow2{
  170. position:absolute;
  171. width:100%;height:100%;
  172. margin:10px 0 0 10px;
  173. background:{color:Posts};
  174. border:3px solid {color:Border};
  175. z-index:-9999;
  176. }
  177.  
  178. article .shadow3{
  179. position:absolute;
  180. width:100%;height:100%;
  181. margin:23px 0 0 23px;
  182. background:{color:Posts};
  183. border:3px solid {color:Border};
  184. z-index:-99999;
  185. }
  186.  
  187. article .cap{
  188. padding:10px 15px 10px 15px;
  189. }
  190.  
  191. #pic {
  192. position:relative;
  193. overflow:hidden;
  194. }
  195.  
  196. #pic img{
  197. display:block;
  198. -webkit-transition: all 0.4s linear;
  199. -moz-transition: all 0.4s linear;
  200. transition: all 0.4s linear;
  201. }
  202.  
  203. article #pc{
  204. -webkit-transition: all 0.4s linear;
  205. -moz-transition: all 0.4s linear;
  206. transition: all 0.4s linear;
  207. }
  208.  
  209. article:hover #pc{
  210. {block:ifPhotoZoom}
  211. {block:IndexPage}
  212. -ms-transform: scale(1.10); /* IE 9 */
  213. -webkit-transform: scale(1.10); /* Chrome, Safari, Opera */
  214. transform: scale(1.10); /* Standard syntax */
  215. {/block:IndexPage}
  216. {/block:ifPhotoZoom}
  217. }
  218.  
  219. article #ugh{
  220. display:block;
  221. margin-bottom:-10px;
  222. -webkit-transition: all 0.4s linear;
  223. -moz-transition: all 0.4s linear;
  224. transition: all 0.4s linear;
  225. }
  226.  
  227. article:hover #ugh{
  228. {block:ifPhotoZoom}
  229. {block:IndexPage}
  230. -ms-transform: scale(1.10); /* IE 9 */
  231. -webkit-transform: scale(1.10); /* Chrome, Safari, Opera */
  232. transform: scale(1.10); /* Standard syntax */
  233. {/block:IndexPage}
  234. {/block:ifPhotoZoom}
  235. }
  236.  
  237. #permalinktxt{margin:10px 20px 0 20px;line-height:17px;}
  238.  
  239.  
  240. #ask {
  241. padding:10px;
  242. background:{color:Ask Background};
  243. color:{color:Ask Text};
  244. -webkit-border-radius: 4px;
  245. -moz-border-radius: 4px;
  246. border-radius: 4px;
  247. }
  248.  
  249. .asktri1{
  250. margin:-6px 0 0 30px;
  251. color:{color:Ask Background};
  252. font-size:65px;
  253. font-family:arial;
  254. }
  255.  
  256. .askername{
  257. position:Absolute;
  258. margin:-29px 0 0 39px;
  259. }
  260.  
  261. .askername a{
  262. color:{color:Ask Text};
  263. }
  264.  
  265. .askerimg{
  266. margin-bottom:8px;
  267. }
  268.  
  269. .askerimg img{
  270. width:30px;
  271. border-radius:30px;
  272. -webkit-border-radius:30px;
  273. -moz-border-radius:30px;
  274. }
  275.  
  276. #answer{
  277. margin:10px 15px 20px 15px;
  278. }
  279.  
  280. h1{
  281. font-size:25px;
  282. line-height:25px;
  283. margin:0 0 0 0;
  284. font-family:arial;
  285. }
  286.  
  287. .bt{
  288. font-family:arial;
  289. font-size:60px;
  290. line-height:50px;
  291. text-transform:lowercase;
  292. font-weight:bold;
  293. margin:0 0 20px 0;
  294. text-align:center;
  295. {block:IndexPage}
  296. {block:ifNot400px}
  297. width:400px;
  298. margin:0 0 20px -75px;
  299. {/block:ifNot400px}
  300. {block:if400px}
  301. width:400px;
  302. {/block:if400px}
  303. {/block:IndexPage}
  304. {block:PermalinkPage}
  305. width:500px;
  306. {/block:PermalinkPage}
  307. }
  308.  
  309. .q_q{
  310. position:absolute;
  311. font-size:times new roman;
  312. font-weight:bold;
  313. font-size:80px;
  314. line-height:70px;
  315. opacity:.15;
  316. }
  317.  
  318. blockquote{
  319. padding-left:10px;
  320. margin:0 0 0 15px;
  321. border-left:2px solid rgba(0,0,0,0.2);
  322. }
  323.  
  324. p {
  325. margin:10px 0 10px 0;
  326. }
  327.  
  328. .ol, ul {
  329. margin-left:30px;
  330. padding:5px;
  331. }
  332.  
  333. .ul {
  334. list-style-type:square;
  335. }
  336.  
  337. .chat .line{
  338. padding: 2px;
  339. }
  340.  
  341. .chat .line .odd{
  342. padding:2px;
  343. color:{color:Ask Text};
  344. background:{color:Ask Background};
  345. }
  346.  
  347. .label {
  348. font-weight:bold;
  349. }
  350.  
  351. .audioart img{
  352. {block:IndexPage}
  353. {block:ifNot400px}width:250px;{/block:ifNot400px}
  354. {block:if400px}width:400px;{/block:if400px}
  355. {/block:IndexPage}
  356. {block:PermalinkPage}width:500px;{/block:PermalinkPage}
  357. }
  358.  
  359. .audioplayer{
  360. padding:10px;
  361. background:black;
  362. opacity:1;
  363. }
  364.  
  365. .audioinfo{
  366. border-top:1px solid rgba(255,255,255,1);
  367. padding:10px;
  368. background:black;
  369. color:white;
  370. opacity:1;
  371. }
  372.  
  373.  
  374. article #permalink{
  375. position:absolute;
  376. width:50px;
  377. padding:6px 8px 6px 8px;
  378. margin:-3px 0 0 -90px;
  379. background:{color:Posts};
  380. border:3px solid {color:Border};
  381. font-family:consolas;
  382. font-size:12px;
  383. line-height:14px;
  384. }
  385.  
  386. .permatags{
  387. line-height:19px;
  388. margin:10px 15px 10px 15px;
  389. font-family:inconsolata;
  390. }
  391.  
  392. .permatags a{
  393. margin:0 5px 0 5px;
  394. }
  395.  
  396. .com:last-child{display:none;}
  397.  
  398.  
  399. .notes img{
  400. width:10px;
  401. position:left;
  402. margin:3px 5px 0 0;
  403. -webkit-border-radius:10px;
  404. -moz-border-radius:10px;
  405. border-radius:10px;
  406. }
  407.  
  408. .notes{
  409. line-height:30px;
  410. }
  411.  
  412. #pgs{
  413. font-size:20px;
  414. text-align:center;
  415. margin:0 0 100px 0;
  416. }
  417.  
  418. .pagination{display:none;}
  419.  
  420. .com:last-child{display:none;}
  421.  
  422.  
  423. #infscr-loading{
  424. position:absolute;
  425. left:50%;
  426. bottom:-40px;
  427.  
  428. }
  429.  
  430. #top{
  431. {block:IndexPage}
  432. {block:ifNot400px}
  433. width:250px;
  434. {/block:ifNot400px}
  435. {block:if400px}
  436. width:400px;
  437. {/block:if400px}
  438. {/block:IndexPage}
  439. {block:PermalinkPage}
  440. width:500px;
  441. {/block:PermalinkPage}
  442. margin:130px 0 50px 0;
  443. text-align:center;
  444. }
  445.  
  446. #panel,#flip{padding:1px;display:inline-block;}
  447.  
  448. #flip{padding:1px;}
  449.  
  450. #flip:hover{cursor:help;}
  451.  
  452. #panel{padding:1px;display:none;}
  453.  
  454. .navi{margin:0 0 15px 0;}
  455. .navi a{
  456. margin:0 5px 0 5px;
  457. }
  458. {CustomCSS}
  459. </style>
  460.  
  461. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  462. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  463. <script>
  464. (function($){
  465. $(document).ready(function(){
  466. $("a[title]").style_my_tooltips({
  467. tip_follows_cursor:true,
  468. tip_delay_time:0,
  469. tip_fade_speed:0,
  470. attribute:"title"
  471. });
  472. });
  473. })(jQuery);
  474. </script>
  475. </head>
  476. <body>
  477.  
  478. <div id="container">
  479.  
  480. <div id="top">
  481. <div id="flip">
  482. <div class="bt">
  483. <a href="#">{Title}</a>
  484. </div>
  485. </div>
  486. <div id="panel">
  487.  
  488. <div class="navi">
  489. {block:ifLink1name}
  490. <a href="{text:Link 1 URL}">{text:Link 1 name}</a>
  491. {/block:ifLink1name}
  492. {block:ifLink2name}
  493. <a href="{text:Link 2 URL}">{text:Link 2 name}</a>
  494. {/block:ifLink2name}
  495. {block:ifLink3name}
  496. <a href="{text:Link 3 URL}">{text:Link 3 name}</a>
  497. {/block:ifLink3name}
  498. {block:ifLink4name}
  499. <a href="{text:Link 4 URL}">{text:Link 4 name}</a>
  500. {/block:ifLink4name}
  501. </div>
  502. </div>
  503.  
  504. {description}
  505. </div>
  506.  
  507. <br><br><br>
  508. <div id="content">
  509.  
  510. {block:Posts}
  511. <article>
  512.  
  513. {block:IndexPage}
  514. <div id="permalink">
  515. <div class="permadate">
  516. <a title="{TimeAgo}"href="{Permalink}">{MonthNumber} / {DayofMonth} </a>
  517. <div style="font-size:20px;letter-spacing:1px;margin:9px 0 9px 0;font-family:futura,arial;"><a title="{TimeAgo}"href="{Permalink}">{Year}</a></div>
  518.  
  519. <i><a title="{TimeAgo}"href="{Permalink}">{NoteCount} N</a></i>
  520. </div>
  521.  
  522. </div>
  523. {/block:IndexPage}
  524.  
  525. <div class="shadow1"></div>
  526. <div class="shadow2"></div>
  527. <div class="shadow3"></div>
  528.  
  529. {block:Answer}
  530. <div id="ask">
  531. <div class="askerimg"><img src="{AskerPortraitURL-128}"></div>
  532. <span class="askername"> {Asker} asked:</span>
  533. <span style="padding-left:3px;padding-right:3px;">{Question}</span>
  534. </div>
  535. <div class="asktri1">▾</div>
  536. <div id="answer">{Answer}</div>
  537. {/block:Answer}
  538.  
  539. {block:Text}
  540. <div class="cap">
  541. {block:Title}
  542. <h1>{Title}</h1>
  543. {/block:Title}
  544. {Body}
  545. </div>
  546. {/block:Text}
  547.  
  548. {block:Link}
  549. <div class="cap">
  550. <h1><a href="{URL}">{Name} »</a></h1>
  551. {block:Description}{Description}{/block:Description}
  552. </div>
  553. {/block:Link}
  554.  
  555. {block:Photo}
  556. <div id="pic">
  557. <a href="{permalink}">
  558. <div id="pc"><img src="{PhotoURL-500}" alt="{PhotoAlt}"></div>
  559. </a>
  560. </div>
  561. {block:ifCaptions}
  562. {block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
  563. {/block:ifCaptions}
  564. {block:ifNotCaptions}
  565. {block:PermalinkPage}
  566. {block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
  567. {/block:PermalinkPage}
  568. {/block:ifNotCaptions}
  569. {block:ContentSource}
  570. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  571. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  572. {/block:SourceLogo}
  573. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  574. {/block:ContentSource}
  575. {block:ReblogParentURL}
  576. <!-- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  577. {/block:ReblogParentURL}
  578. {/block:Photo}
  579.  
  580. {block:Photoset}
  581. <div class="photo">
  582. <center>
  583. {block:IndexPage}
  584. <div id="pic">
  585. <div id="ugh">
  586. {block:ifNot400px}{Photoset-250}{/block:ifNot400px}
  587. {block:if400px}{Photoset-400}{/block:if400px}
  588. </div>
  589. </div>
  590. {/block:IndexPage}
  591. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  592. </center>
  593. </div>
  594. {block:ifCaptions}
  595. {block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
  596. {/block:ifCaptions}
  597. {block:ifNotCaptions}
  598. {block:PermalinkPage}
  599. {block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
  600. {/block:PermalinkPage}
  601. {/block:ifNotCaptions}
  602. {/block:Photoset}
  603.  
  604. {block:Quote}
  605. <div class="cap">
  606. <div class="q_q">❝</div>
  607. <h1>{Quote}</h1>
  608. {block:Source}
  609. <div style="margin:10px 0 0 10px;font-style:italic;">
  610. - {Source}
  611. </div>
  612. {/block:Source}
  613. </div>
  614. {/block:Quote}
  615.  
  616. {block:Chat}
  617. <div class="cap">
  618. {block:Title}
  619. <h1>{Title}</h1>
  620. {/block:Title}
  621. <div class="chat">
  622. {block:Lines}
  623. <div class="chat">
  624. <div class="line {Alt}">
  625. <div class="{Alt} user_{UserNumber}">
  626. {block:Label}
  627. <b>{Label} </b>
  628. {/block:Label}
  629. {Line}
  630. </div>
  631. </div>
  632. </div>
  633. {/block:Lines}
  634. </div>
  635. </div>
  636. {/block:Chat}
  637.  
  638. {block:Audio}
  639. {block:AlbumArt}
  640. <div class="audioart">
  641. <img src="{AlbumArtURL}">
  642. </div>
  643. {/block:AlbumArt}
  644. {block:AudioPlayer}
  645. <div class="audioplayer">
  646. {AudioPlayerBlack}
  647. </div>
  648. {/block:AudioPlayer}
  649. {block:TrackName}
  650. <div class="audioinfo">
  651. Song : {TrackName}
  652. </div>
  653. {/block:TrackName}
  654. {block:Artist}
  655. <div class="audioinfo">
  656. Artist : {Artist}
  657. </div>
  658. {/block:Artist}
  659. {block:Album}
  660. <div class="audioinfo">
  661. Album : {Album}
  662. </div>
  663. {/block:Album}
  664. {block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
  665. {/block:Audio}
  666.  
  667. {block:Video}
  668. {block:IndexPage}
  669. {block:ifNot400px}{Video-250}{/block:ifNot400px}
  670. {block:if400px}{Video-400}{/block:if400px}
  671. {/block:IndexPage}
  672. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  673. {block:ifCaptions}
  674. {block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
  675. {/block:ifCaptions}
  676. {block:ifNotCaptions}
  677. {block:PermalinkPage}
  678. {block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
  679. {/block:PermalinkPage}
  680. {/block:ifNotCaptions}
  681. {/block:Video}
  682.  
  683. {block:ifTags}
  684. {block:IndexPage}
  685. {block:HasTags}
  686. <div class="permatags">
  687. # :
  688. {block:Tags}<a href="{TagURL}">{Tag}</a><span class="com"> ,</span>
  689. {/block:Tags}
  690. </div>
  691. {/block:HasTags}
  692. {/block:IndexPage}
  693. {/block:ifTags}
  694.  
  695. {block:PermalinkPage}
  696. {block:Date}
  697. <div id="permalinktxt">
  698. <b>Posted:</b> {TimeAgo} on
  699. {ShortMonth} {DayofMonth},{Year} at
  700. {12Hour}:{Minutes} {CapitalAmPm}
  701. {block:NoteCount}<br>
  702. <b>Notes:</b>
  703. {NoteCount}
  704. {/block:NoteCount}
  705. {block:HasTags}
  706. <br>
  707. <b>Tags:</b>
  708. {block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp;
  709. {/block:Tags}
  710. {/block:HasTags}
  711. <br>{block:RebloggedFrom}
  712. <b>Via:</b> <a href="{ReblogParentURL}" target="_blank">{ReblogParentName}</a><br> <b>Src:</b> <a href="{ReblogRootURL}" target="_blank">{ReblogRootName}</a> {/block:RebloggedFrom}
  713. </div>
  714. <div class="cap">
  715. {block:PostNotes}
  716. {PostNotes}
  717. {/block:PostNotes}
  718. </div>
  719. {/block:Date}
  720. {/block:PermalinkPage}
  721.  
  722. </article>
  723. {/block:Posts}
  724.  
  725.  
  726. {block:ifNotInfiniteScroll}
  727. {block:IndexPage}
  728. <div id="pgs">
  729. {block:Pagination}
  730. {block:PreviousPage} <a href="{PreviousPage}">prev</a>{/block:PreviousPage}
  731. {/block:JumpPagination}
  732. {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}
  733. {/block:Pagination}
  734. </div>
  735. {/block:IndexPage}
  736. {/block:ifNotInfiniteScroll}
  737. </div>
  738.  
  739. <!--Pagination: previous/next page links-->
  740. {block:Pagination}
  741. <div class="pagination">
  742. {block:PreviousPage}<a href="{PreviousPage}"> </a>{/block:PreviousPage}
  743. {block:NextPage}<a href="{NextPage}"> </a>{/block:NextPage}
  744. </div>
  745. {/block:Pagination}
  746.  
  747. <!--Links to jQuery library, Masonry, infinite scroll and imagesLoaded-->
  748. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
  749. <script src="http://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
  750. {block:IfInfiniteScroll}
  751. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  752. <script src="http://static.tumblr.com/iwtk77u/Yhym2yygt/jquery.imagesloaded.min.js"></script>
  753. {/block:IfInfiniteScroll}
  754. <!--Code for infinite scroll and grid layout-->
  755. <script>
  756. (function() {
  757. var $tumblelog = $('#content');
  758. {block:IfInfiniteScroll}
  759. $tumblelog.infinitescroll({
  760. navSelector : ".pagination",
  761. nextSelector : ".pagination a:first",
  762. itemSelector : "article",
  763. bufferPx : 50,
  764. done : "",
  765. loading: {
  766. finishedMsg: "<p> </p>",
  767. img : "http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif",
  768. msg: null,
  769. msgText: "<p> </p>"
  770. },
  771. },
  772. function( newElements ) {
  773. var $newElems = $( newElements ).css({ opacity: 0 });
  774. $newElems.imagesLoaded(function(){
  775. $newElems.animate({ opacity: 1 });
  776. $tumblelog.masonry( 'appended', $newElems);
  777. });
  778. }
  779. );
  780. {/block:IfInfiniteScroll}
  781. $tumblelog.imagesLoaded( function(){
  782. $tumblelog.masonry({
  783. columnWidth: function( containerWidth ) {
  784. return containerWidth / 100;
  785. }
  786. });
  787. });
  788. })();
  789. </script>
  790. </div>
  791.  
  792. <div style="position:fixed;bottom:0;right:0;padding:0 30px 30px 0;font-size:14px;"><a title="theme by tomkirk" style="background:transparent;"href="http://tomkirk.tumblr.com/">▲</a></div>
  793.  
  794. </body>
  795. </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!