API tools faq
paste
Advertisement
rasperries

kitty corner

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