API tools faq
paste
Advertisement
rasperries

tomkirk 3

rasperries
Sep 22nd, 2014
264
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.01 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3.  
  4.  
  5.  
  6.  
  7. [ T H E M E B Y ]
  8.  
  9. ○ ● ○
  10.  
  11. [ T O M K I R K ]
  12.  
  13.  
  14.  
  15.  
  16.  
  17. -->
  18. <html>
  19. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  20. <html xmlns="http://www.w3.org/1999/xhtml">
  21. <head>
  22. <!--Default Variables-->
  23. <!--Colors-->
  24. <meta name="color:Ask Background" content="#000000"/>
  25. <meta name="color:Ask Text" content="#ffffff"/>
  26. <meta name="color:Navi" content="#000000"/>
  27. <meta name="color:Navi Text" content="#ffffff"/>
  28. <meta name="color:Background" content="#ffffff"/>
  29. <meta name="color:Text" content="#000000"/>
  30. <meta name="color:Link" content="#000000"/>
  31. <meta name="color:Link Hover" content="#000000"/>
  32. <meta name="color:Link Border" content="#F347FC"/>
  33. <meta name="color:Accent" content="#F347FC"/>
  34. <meta name="color:Accent Text" content="#ffffff"/>
  35. <meta name="color:Tool Tip" content="#ffffff"/>
  36. <meta name="color:Tool Tip Text" content="#000000"/>
  37.  
  38. <!--Images-->
  39. <meta name="image:Background" content=""/>
  40.  
  41. <!--Options-->
  42. <meta name="if:Tiny Cursor" content="1"/>
  43. <meta name="if:Infinite Scrolling" content=""/>
  44. <meta name="if:Captions" content=""/>
  45. <meta name="if:Faded Images" content=""/>
  46. <meta name="if:Inverted Images" content=""/>
  47. <meta name="if:Lazy Load" content=""/>
  48. <meta name="if:Full Bkg Img" content="1" />
  49. <meta name="if:Animation" content="1"/>
  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. <meta name="text:Link 5 URL" content="/"/>
  61. <meta name="text:Link 5 name" content=""/>
  62.  
  63. <link href='http://fonts.googleapis.com/css?family=Inconsolata:400,700' rel='stylesheet' type='text/css'>
  64.  
  65. {block:Description}
  66. <meta name="description" content="{MetaDescription}" />{/block:Description}
  67. <title>
  68. {block:PostSummary}
  69. {PostSummary} - {/block:PostSummary}{Title}</title>
  70. </style>
  71.  
  72.  
  73. <script type="text/javascript">
  74. if(location.href == 'http://matthelders.tumblr.com/') location.replace('http://matthelders.tumblr.com/tagged/a');;
  75. </script>
  76.  
  77. <style type="text/css">
  78.  
  79. {block:ifInvertedImages}img{
  80. opacity: 1;
  81. filter:alpha(opacity=10);
  82. -moz-opacity: 0.1;
  83. -moz-transition: all .9s ease;
  84. -o-transition: all .9s ease;
  85. transition: all .9s ease;
  86. -webkit-transition: all .9s ease;}
  87. {/block:ifInvertedImages}
  88.  
  89.  
  90. {block:ifInvertedImages} img:hover{
  91. opacity: .8;
  92. filter:alpha(opacity=100);
  93. -moz-opacity: 1;
  94. -moz-transition: all .9s ease;
  95. -o-transition: all .9s ease;
  96. transition: all .9s ease;
  97. -webkit-transition: all .9s ease;}
  98. {/block:ifInvertedImages}
  99.  
  100. {block:ifFadedImages}img{
  101. opacity: .8;
  102. filter:alpha(opacity=10);
  103. -moz-opacity: 0.1;
  104. -moz-transition: all .9s ease;
  105. -o-transition: all .9s ease;
  106. transition: all .9s ease;
  107. -webkit-transition: all .9s ease;}
  108. {/block:ifFadedImages}
  109.  
  110.  
  111. {block:ifFadedImages} img:hover{
  112. opacity: 1;
  113. filter:alpha(opacity=100);
  114. -moz-opacity: 1;
  115. -moz-transition: all .9s ease;
  116. -o-transition: all .9s ease;
  117. transition: all .9s ease;
  118. -webkit-transition: all .9s ease;}
  119. {/block:ifFadedImages}
  120.  
  121. {block:ifInvertedImages}.photo {
  122. opacity: 1;
  123. filter:alpha(opacity=10);
  124. -moz-opacity: 0.1;
  125. -moz-transition: all .9s ease;
  126. -o-transition: all .9s ease;
  127. transition: all .9s ease;
  128. -webkit-transition: all .9s ease;}
  129. {/block:ifInvertedImages}
  130.  
  131.  
  132. {block:ifInvertedImages}.photo:hover{
  133. opacity: .8;
  134. filter:alpha(opacity=100);
  135. -moz-opacity: 1;
  136. -moz-transition: all .9s ease;
  137. -o-transition: all .9s ease;
  138. transition: all .9s ease;
  139. -webkit-transition: all .9s ease;}
  140. {/block:ifInvertedImages}
  141.  
  142. {block:ifFadedImages}.photo {
  143. opacity: .8;
  144. filter:alpha(opacity=10);
  145. -moz-opacity: 0.1;
  146. -moz-transition: all .9s ease;
  147. -o-transition: all .9s ease;
  148. transition: all .9s ease;
  149. -webkit-transition: all .9s ease;}
  150. {/block:ifFadedImages}
  151.  
  152.  
  153. {block:ifFadedImages}.photo:hover{
  154. opacity: 1;
  155. filter:alpha(opacity=100);
  156. -moz-opacity: 1;
  157. -moz-transition: all .9s ease;
  158. -o-transition: all .9s ease;
  159. transition: all .9s ease;
  160. -webkit-transition: all .9s ease;}
  161. {/block:ifFadedImages}
  162.  
  163. 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;}
  164.  
  165. iframe#tumblr_controls:hover{opacity:1;}
  166.  
  167. html, body, a, a:link {
  168. {block:ifTinyCursor}
  169. cursor:url(https://31.media.tumblr.com/bdff266e410c6a626f3d7ba461afff73/tumblr_inline_nb3e1jKNMm1rh7826.png),auto;
  170. {/block:IfTinyCursor}
  171. }
  172.  
  173.  
  174. body{
  175. background:{color:Background};
  176. background-image:url('{image:Background}');
  177. background-attachment:fixed;
  178. background-repeat:repeat;
  179. background-position:center;
  180. font-family:helvetica;
  181. font-size:11px;
  182. font-weight:lighter;
  183. line-height:120%;
  184. color:{color:Text};
  185. {block:ifFullBkgImg}background-size:100% 100%;{/block:ifFullBkgImg}
  186. }
  187.  
  188. a:link, a:active, a:visited{color:{color:Link};border-bottom:1px solid {color:Link Border};text-decoration:none; -webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;transition: all 0.3s linear;}
  189.  
  190. a:hover{border-bottom:1px solid transparent;text-decoration:none;color:{color:Link Hover};{block:ifTinyCursor}cursor:url(https://31.media.tumblr.com/769de35144cf314ac2a3c6cc0f5f369a/tumblr_inline_nb3e1oTcM51rh7826.png),auto;{/block:IfTinyCursor}}
  191.  
  192. #s-m-t-tooltip {
  193. max-width:300px;
  194. margin:-20px 20px 20px 20px;
  195. background-color:{color:Tool Tip};
  196. color:{color:Tool Tip Text};
  197. padding:3px 5px 3px 5px;
  198. font-size:11px;
  199. line-height:11px;
  200. box-shadow:rgba(0,0,0,0.07) 4px 4px;
  201. -webkit-transition: all 0.2s ease-out;
  202. -moz-transition: all 0.2s ease-out;
  203. transition: all 0.2s ease-out;
  204. z-index:999999999999999999999999999999999999;
  205. }
  206.  
  207. #container {
  208. margin:auto;
  209. padding:0px 0 0 0;
  210. {block:IndexPage}width:400px;{/block:IndexPage}
  211. {block:PermalinkPage}width:500px;{/block:PermalinkPage}
  212. }
  213.  
  214. #content{
  215. {block:IndexPage}width:400px;{/block:IndexPage}
  216. {block:PermalinkPage}width:500px;{/block:PermalinkPage}
  217. }
  218.  
  219. #entry {
  220. margin:0 0 90px 0px;
  221. {block:IndexPage}width:400px;{/block:IndexPage}
  222. {block:PermalinkPage}width:500px;{/block:PermalinkPage}
  223. {block:ifAnimation}
  224. -webkit-animation:ent 5s;
  225. animation:ent 5s;
  226. {/block:ifAnimation}
  227. z-index:1;
  228. }
  229.  
  230. @-webkit-keyframes ent {
  231. 0% {opacity:0;}
  232. 25% {opacity:1;}
  233. }
  234.  
  235. #entry img{max-width:100%;}
  236.  
  237. #entry #pic{
  238. overflow:hidden;
  239. position:relative;
  240. }
  241.  
  242. #entry #pic img{
  243. max-width:100%;
  244. -webkit-transition: all 0.5s ease-out;
  245. -moz-transition: all 0.5s ease-out;
  246. transition: all 0.5s ease-out;
  247. }
  248.  
  249. #entry:hover #pic img{
  250. -webkit-transform: scale(1.10);
  251. -moz-transform: scale(1.10);
  252. -o-transform: scale(1.10);
  253. transform: scale(1.10);
  254. }
  255.  
  256. #pic #permalinkpic{
  257. position:absolute;
  258. width:100%;
  259. height:100%;
  260. background:{color:Accent};
  261. z-index:9999;
  262. opacity:0;
  263. -webkit-transition: all 0.5s ease-out;
  264. -moz-transition: all 0.5s ease-out;
  265. transition: all 0.5s ease-out;
  266. }
  267.  
  268. #entry:hover #permalinkpic{
  269. opacity:.6;
  270. }
  271.  
  272. #entry .tg{
  273. position:absolute;
  274. text-align:left;
  275. width:150px;
  276. padding:15px 0 6px 20px;
  277. overflow:hidden;
  278. opacity:0;
  279. line-height:20px;
  280. z-index:99999999;
  281. -webkit-transition: all 0.5s ease-out;
  282. -moz-transition: all 0.5s ease-out;
  283. transition: all 0.5s ease-out;
  284. }
  285.  
  286. .tg a{border-bottom:1px solid transparent;color:{color:Accent Text};padding:0 0 2px 0;}
  287. .tg a:hover{border-bottom:1px solid {color:Accent Text};}
  288.  
  289. #entry:hover .tg{
  290. opacity:1;
  291. }
  292.  
  293. #entry .nt a{
  294. position:absolute;
  295. font-family:helvetica;
  296. font-weight:bold;
  297. color:{color:Accent Text};
  298. font-size:50px;
  299. line-height:100%;
  300. bottom:0;
  301. right:0;
  302. border-bottom:0px;
  303. opacity:0;
  304. z-index:99999999;
  305. -webkit-transition: all 0.5s ease-out;
  306. -moz-transition: all 0.5s ease-out;
  307. transition: all 0.5s ease-out;
  308. }
  309.  
  310. #entry:hover .nt a{
  311. opacity:1;
  312. }
  313.  
  314. #entry #ps{
  315. -webkit-transition: all 0.5s ease-out;
  316. -moz-transition: all 0.5s ease-out;
  317. transition: all 0.5s ease-out;
  318. }
  319.  
  320. #entry:hover #ps{
  321. -webkit-transform: scale(1.10);
  322. -moz-transform: scale(1.10);
  323. -o-transform: scale(1.10);
  324. transform: scale(1.10);
  325. }
  326.  
  327. #ask {
  328. padding:10px;
  329. background:{color:Ask Background};
  330. color:{color:Ask Text};
  331. }
  332.  
  333. .asktri1{
  334. margin:-6px 0 0 30px;
  335. color:{color:Ask Background};
  336. font-size:65px;
  337. font-family:arial;
  338. }
  339.  
  340. .askername{
  341. position:Absolute;
  342. margin:-32px 0 0 39px;
  343. }
  344.  
  345. .askername a{
  346. color:{color:Ask Text};
  347. border-bottom:2px solid {color:Asker Text};
  348. }
  349.  
  350. .askerimg{
  351. margin-bottom:8px;
  352. }
  353.  
  354. .askerimg img{
  355. width:30px;
  356. border-radius:30px;
  357. -webkit-border-radius:30px;
  358. -moz-border-radius:30px;
  359. }
  360.  
  361. #answer{
  362. margin:10px 15px 20px 15px;
  363. }
  364.  
  365.  
  366. h1{
  367. font-size:27px;
  368. line-height:30px;
  369. margin:0 0 -5px 0;
  370. font-family:helvetica;
  371. }
  372.  
  373. h2{
  374. font-size:11px;
  375. line-height:130%;
  376. margin:0 0 5px 0;
  377. text-align:justify;
  378. font-family:helvetica;
  379. font-weight:lighter;
  380. }
  381.  
  382. .bt{
  383. margin:0 0 10px 0;
  384. }
  385.  
  386. .bt a{
  387. font-size:42px;
  388. line-height:18px;
  389. text-transform:lowercase;
  390. letter-spacing:0px;
  391. font-weight:bold;
  392. font-family:helvetica;
  393. border-bottom:1px solid transparent;
  394. }
  395.  
  396. blockquote{
  397. padding-left:10px;
  398. margin:0 0 0 15px;
  399. border-left:1px solid {color:Link};
  400. }
  401.  
  402. p {
  403. margin:10px 0 10px 0;
  404. }
  405.  
  406. .ol, ul {
  407. margin-left:30px;
  408. padding:5px;
  409. }
  410.  
  411. .ul {
  412. list-style-type:square;
  413. }
  414.  
  415. .chat .line{
  416. padding: 2px;
  417. }
  418.  
  419. .chat .line .odd{
  420. padding:2px;
  421. color:{color:Ask Text};
  422. background:{color:Ask Background};
  423. }
  424.  
  425. .label {
  426. font-weight:bold;
  427. }
  428.  
  429. .audioart img{
  430. {block:IndexPage}width:400px;{/block:IndexPage}
  431. {block:PermalinkPage}width:500px;{/block:PermalinkPage}
  432. }
  433.  
  434. .audioplayer{
  435. padding:10px;
  436. background:black;
  437. opacity:1;
  438. }
  439.  
  440. .audioinfo{
  441. border-top:1px solid rgba(255,255,255,1);
  442. padding:10px;
  443. background:black;
  444. color:white;
  445. opacity:1;
  446. }
  447.  
  448. #entry #permalinktxt{
  449. margin:10px 0 0 0;
  450. opacity:1;
  451. font-size:10px;
  452. font-weight:;
  453. line-height:180%;
  454. }
  455.  
  456. #entry:hover #permalink{
  457. opacity:1;
  458. }
  459.  
  460. #entry #permalinkpg{
  461. margin:10px 0 0 0;
  462. line-height:20px;
  463. }
  464.  
  465. .com:last-child{display:none;}
  466.  
  467. .notes img{
  468. width:10px;
  469. position:left;
  470. margin:3px 5px 0 0;
  471. -webkit-border-radius:10px;
  472. -moz-border-radius:10px;
  473. border-radius:10px;
  474. border-bottom:1px solid transparent;
  475. }
  476.  
  477. .notes img a{
  478. border-bottom:1px solid transparent;
  479. }
  480.  
  481. .notes {
  482. line-height:30px;
  483. }
  484.  
  485. #side{
  486. position:fixed;
  487. width:140px;
  488. bottom:0;
  489. left:0;
  490. padding:35px;
  491. z-index:99;
  492. {block:ifAnimation}
  493. -webkit-animation:si 5s;
  494. animation:so 5s;
  495. {/block:ifAnimation}
  496. z-index:1;
  497. }
  498.  
  499. @-webkit-keyframes si {
  500. 0% {opacity:0;bottom:-300px;}
  501. 25% {opacity:1;bottom:0;}
  502. }
  503.  
  504. #sit{
  505. position:fixed;
  506. margin:20px 0 0 30px;
  507. {block:ifAnimation}
  508. -webkit-animation:tg 5s;
  509. animation:tg 5s;
  510. {/block:ifAnimation}
  511. z-index:1;
  512. }
  513.  
  514. @-webkit-keyframes tg {
  515. 0% {opacity:0;margin:-100px 0 0 30px;}
  516. 25% {opacity:1;margin:20px 0 0 30px;}
  517. }
  518.  
  519. #toggle{
  520. width:30px;
  521. height:30px;
  522. cursor:help;
  523. }
  524.  
  525. #toggle div{
  526. width:100%;
  527. height:5px;
  528. background:{color:Navi};
  529. margin:4px auto;
  530. -webkit-border-radius:10px;
  531. -moz-border-radius:10px;
  532. border-radius:10px;
  533. -webkit-transition: all 0.2s linear;
  534. -moz-transition: all 0.2s linear;
  535. transition: all 0.2s linear;
  536. }
  537.  
  538. #toggle.on .one{
  539. transform:rotate(45deg) translate(5px, 5px);
  540. }
  541.  
  542. #toggle.on .two{
  543. opacity:0;
  544. }
  545.  
  546. #toggle.on .three{
  547. transform:rotate(-45deg) translate(7px, -8px);
  548. }
  549.  
  550. #n{
  551. width:200px;
  552. z-index:999999999999999999999999999;
  553. }
  554.  
  555. #n a{
  556. display:block;
  557. background:{color:Navi};
  558. color:{color:Navi Text};
  559. padding:2px 6px 2px 6px;
  560. margin:0 0 3px 0;
  561. border:1px solid {color:Navi};
  562. }
  563.  
  564. #n a:hover{
  565. background:transparent;
  566. color:{color:Navi};
  567. }
  568.  
  569. #m_1{
  570. position:absolute;
  571. display:none;
  572. margin:0 0 0 0;
  573. z-index:999999999999999999999999999;
  574. }
  575.  
  576. #m_2{
  577. position:absolute;
  578. display:none;
  579. margin:28px 0 0 0;
  580. z-index:999999999999999999999999999;
  581. }
  582.  
  583. #m_3{
  584. position:absolute;
  585. display:none;
  586. margin:56px 0 0 0;
  587. z-index:999999999999999999999999999;
  588. }
  589.  
  590. #m_4{
  591. position:absolute;
  592. display:none;
  593. margin:84px 0 0 0;
  594. z-index:999999999999999999999999999;
  595. }
  596.  
  597.  
  598. #pgs{
  599. margin:20px 0 60px 0;
  600. }
  601.  
  602. #pgs a{
  603. margin:0 5px 0 5px;
  604. }
  605.  
  606. {CustomCSS}
  607. </style>
  608.  
  609. <link rel="shortcut icon" href="{Favicon}">
  610. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" /><meta name="viewport" content="width=820" />
  611. {block:ifLazyLoad}
  612. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script>
  613. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script>
  614. <script type="text/javascript" charset="utf-8">
  615. var $j = jQuery.noConflict();
  616. $j(function() {
  617. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  618. $j("img").lazyload({
  619. placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
  620. effect: "fadeIn",
  621. });
  622. });
  623. </script>
  624. {/block:ifLazyLoad}
  625.  
  626. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  627. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  628. <script>
  629. (function($){
  630. $(document).ready(function(){
  631. $("a[title]").style_my_tooltips({
  632. tip_follows_cursor:true,
  633. tip_delay_time:90,
  634. tip_fade_speed:100,
  635. attribute:"title"
  636. });
  637. });
  638. })(jQuery);
  639. </script>
  640.  
  641.  
  642. <body>
  643.  
  644.  
  645. <div id="sit">
  646. <div id="toggle">
  647. <div class="one"></div>
  648. <div class="two"></div>
  649. <div class="three"></div>
  650. </div>
  651.  
  652. <div id="n">
  653.  
  654. <div id="m_1">
  655. <a href="{text:Link 1 URL}">{text:Link 1 name}</a>
  656. </div>
  657. <div id="m_2">
  658. <a href="{text:Link 2 URL}">{text:Link 2 name}</a>
  659. </div>
  660. <div id="m_3">
  661. <a href="{text:Link 3 URL}">{text:Link 3 name}</a>
  662. </div>
  663. <div id="m_4">
  664. <a href="{text:Link 4 URL}">{text:Link 4 name}</a>
  665. </div>
  666.  
  667. </div>
  668.  
  669. </div>
  670.  
  671. <br><br><br><br><br><br>
  672. <div id="container">
  673. <div id="side">
  674. <div class="bt"> <a href="/">{Title}</a> </div>
  675. {Description}
  676.  
  677. </div>
  678.  
  679. <div id="content">
  680.  
  681. {block:Posts}
  682. <div id="entry">
  683.  
  684. {block:Answer}
  685. <div id="ask">
  686. <div class="askerimg"><img src="{AskerPortraitURL-128}"></div>
  687. <span class="askername"> {Asker} asked:</span>
  688. <span style="padding-left:3px;padding-right:3px;">{Question}</span>
  689. </div>
  690. <div class="asktri1">▾</div>
  691. <div id="answer">{Answer}</div>
  692. {block:IndexPage}
  693. <div id="permalinktxt">
  694. <a title="{TimeAgo}"href="{Permalink}">{NoteCount} N</a>
  695. <span style="float:right;"><a href="{ReblogURL}" target="_blank" class="details">↻ R</a></span>
  696. {block:HasTags}
  697. <br>
  698. {block:Tags}<a href="{TagURL}">{Tag}</a> <span class="com">, </span>
  699. {/block:Tags}
  700. {/block:HasTags}
  701. </div>
  702. {/block:IndexPage}
  703. {/block:Answer}
  704.  
  705. {block:Text}
  706. {block:Title}
  707. <h1>{Title}</h1>
  708. {/block:Title}
  709. {Body}
  710. {block:IndexPage}
  711. <div id="permalinktxt">
  712. <a title="{TimeAgo}"href="{Permalink}">{NoteCount} N</a>
  713. <span style="float:right;"><a href="{ReblogURL}" target="_blank" class="details">↻ R</a></span>
  714. {block:HasTags}
  715. <br>
  716. {block:Tags}<a href="{TagURL}">{Tag}</a> <span class="com">, </span>
  717. {/block:Tags}
  718. {/block:HasTags}
  719. </div>
  720. {/block:IndexPage}
  721. {/block:Text}
  722.  
  723. {block:Link}
  724. <h1><a href="{URL}">{Name} »</a></h1>
  725. {block:Description}{Description}{/block:Description}
  726. {block:IndexPage}
  727. <div id="permalinktxt">
  728. <a title="{TimeAgo}"href="{Permalink}">{NoteCount} N</a>
  729. <span style="float:right;"><a href="{ReblogURL}" target="_blank" class="details">↻ R</a></span>
  730. {block:HasTags}
  731. <br>
  732. {block:Tags}<a href="{TagURL}">{Tag}</a> <span class="com">, </span>
  733. {/block:Tags}
  734. {/block:HasTags}
  735. </div>
  736. {/block:IndexPage}
  737. {/block:Link}
  738.  
  739. {block:Photo}
  740. <div id="pic">
  741. {block:IndexPage}
  742. <div id="permalinkpic"></div>
  743. <div class="tg">
  744. {block:Tags}<a href="{TagURL}">#{Tag}</a><br>{/block:Tags}
  745. </div>
  746. <div class="nt"><a title="{TimeAgo}"href="{Permalink}">{NoteCount} N</a></div>
  747. {/block:IndexPage}
  748. <center>
  749. <a href="{permalink}"><img src="{PhotoURL-400}" alt="{PhotoAlt}"></a>
  750. </center>
  751. </div>
  752. {block:ifCaptions}
  753. {block:Caption}{Caption}{/block:Caption}
  754. {/block:ifCaptions}
  755. {block:ifNotCaptions}
  756. {block:PermalinkPage}
  757. {block:Caption}{Caption}{/block:Caption}
  758. {/block:PermalinkPage}
  759. {/block:ifNotCaptions}
  760. {block:ContentSource}
  761. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  762. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  763. {/block:SourceLogo}
  764. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  765. {/block:ContentSource}
  766. {block:ReblogParentURL}
  767. <!-- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  768. {/block:ReblogParentURL}
  769. {/block:Photo}
  770.  
  771. {block:Photoset}
  772. <div class="photo">
  773. <center>
  774. <div id="pic">
  775. {block:IndexPage}
  776. <div id="permalinkpic"></div>
  777. <div class="tg">
  778. {block:Tags}<a href="{TagURL}">#{Tag}</a><br>{/block:Tags}
  779. </div>
  780. <div class="nt"><a title="{TimeAgo}"href="{Permalink}">{NoteCount} N</a></div>
  781. {/block:IndexPage}
  782. {block:IndexPage}<div id="ps">{Photoset-400}</div>{/block:IndexPage}
  783. {block:PermalinkPage}<div id="ps">{Photoset-500}</div>{/block:PermalinkPage}
  784. </div>
  785. </center>
  786. </div>
  787. {block:ifCaptions}
  788. {block:Caption}{Caption}{/block:Caption}
  789. {/block:ifCaptions}
  790. {block:ifNotCaptions}
  791. {block:PermalinkPage}
  792. {block:Caption}{Caption}{/block:Caption}
  793. {/block:PermalinkPage}
  794. {/block:ifNotCaptions}
  795. {/block:Photoset}
  796.  
  797. {block:Quote}
  798. <h2>{Quote}</h2>
  799. {block:Source}
  800. <i> - {Source}</i>
  801. {/block:Source}
  802. {block:IndexPage}
  803. <div id="permalinktxt">
  804. <a title="{TimeAgo}"href="{Permalink}">{NoteCount} N</a>
  805. <span style="float:right;"><a href="{ReblogURL}" target="_blank" class="details">↻ R</a></span>
  806. {block:HasTags}
  807. <br>
  808. {block:Tags}<a href="{TagURL}">{Tag}</a> <span class="com">, </span>
  809. {/block:Tags}
  810. {/block:HasTags}
  811. </div>
  812. {/block:IndexPage}
  813. {/block:Quote}
  814.  
  815. {block:Chat}
  816. {block:Title}
  817. <h1>{Title}</h1>
  818. {/block:Title}
  819. <div class="chat">
  820. {block:Lines}
  821. <div class="chat">
  822. <div class="line {Alt}">
  823. <div class="{Alt} user_{UserNumber}">
  824. {block:Label}
  825. <b>{Label} </b>
  826. {/block:Label}
  827. {Line}
  828. </div>
  829. </div>
  830. </div>
  831. {/block:Lines}
  832. </div>
  833. {block:IndexPage}
  834. <div id="permalinktxt">
  835. <a title="{TimeAgo}"href="{Permalink}">{NoteCount} N</a>
  836. <span style="float:right;"><a href="{ReblogURL}" target="_blank" class="details">↻ R</a></span>
  837. {block:HasTags}
  838. <br>
  839. {block:Tags}<a href="{TagURL}">{Tag}</a> <span class="com">, </span>
  840. {/block:Tags}
  841. {/block:HasTags}
  842. </div>
  843. {/block:IndexPage}
  844. {/block:Chat}
  845.  
  846. {block:Audio}
  847. {block:AudioPlayer}
  848. <div class="audioplayer">
  849. {AudioPlayerBlack}
  850. </div>
  851. {/block:AudioPlayer}
  852. {block:TrackName}
  853. <div class="audioinfo">
  854. Song : {TrackName}
  855. </div>
  856. {/block:TrackName}
  857. {block:Artist}
  858. <div class="audioinfo">
  859. Artist : {Artist}
  860. </div>
  861. {/block:Artist}
  862. {block:Album}
  863. <div class="audioinfo">
  864. Album : {Album}
  865. </div>
  866. {/block:Album}
  867. {block:Caption}{Caption}{/block:Caption}
  868. {block:IndexPage}
  869. <div id="permalinktxt">
  870. <a title="{TimeAgo}"href="{Permalink}">{NoteCount} N</a>
  871. <span style="float:right;"><a href="{ReblogURL}" target="_blank" class="details">↻ R</a></span>
  872. {block:HasTags}
  873. <br>
  874. {block:Tags}<a href="{TagURL}">{Tag}</a> <span class="com">, </span>
  875. {/block:Tags}
  876. {/block:HasTags}
  877. </div>
  878. {/block:IndexPage}
  879. {/block:Audio}
  880.  
  881. {block:Video}
  882. <div class="photo">
  883. <center>
  884. {block:IndexPage}{Video-400}{/block:IndexPage}
  885. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  886. </center>
  887. </div>
  888. {block:ifCaptions}
  889. {block:Caption}{Caption}{/block:Caption}
  890. {/block:ifCaptions}
  891. {block:ifNotCaptions}
  892. {block:PermalinkPage}
  893. {block:Caption}{Caption}{/block:Caption}
  894. {/block:PermalinkPage}
  895. {/block:ifNotCaptions}
  896. {block:IndexPage}
  897. <div id="permalinktxt">
  898. <a title="{TimeAgo}"href="{Permalink}">{NoteCount} N</a>
  899. <span style="float:right;"><a href="{ReblogURL}" target="_blank" class="details">↻ R</a></span>
  900. {block:HasTags}
  901. <br>
  902. {block:Tags}<a href="{TagURL}">{Tag}</a> <span class="com">, </span>
  903. {/block:Tags}
  904. {/block:HasTags}
  905. </div>
  906. {/block:IndexPage}
  907. {/block:Video}
  908.  
  909. {block:PermalinkPage}
  910. {block:Date}
  911. <div id="permalinkpg">
  912. <b>Posted:</b> {TimeAgo} on
  913. {ShortMonth} {DayofMonth},{Year} at
  914. {12Hour}:{Minutes} {CapitalAmPm}
  915. {block:NoteCount}<br>
  916. <b>Notes:</b>
  917. {NoteCount}
  918. {/block:NoteCount}
  919. {block:HasTags}
  920. <br>
  921. {block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp;
  922. {/block:Tags}
  923. {/block:HasTags}
  924. <br>{block:RebloggedFrom}
  925. <b>Via:</b> <a href="{ReblogParentURL}" target="_blank">{ReblogParentName}</a><br> <b>Src:</b> <a href="{ReblogRootURL}" target="_blank">{ReblogRootName}</a> {/block:RebloggedFrom}
  926. </div>
  927. {block:PostNotes}
  928. {PostNotes}
  929. {/block:PostNotes}
  930. </div>
  931. {/block:Date}
  932. {/block:PermalinkPage}
  933.  
  934. </div>
  935. {/block:Posts}
  936.  
  937. {block:ifNotInfiniteScrolling}
  938. <div id="pgs">
  939. {block:Pagination}
  940. {block:PreviousPage} <a href="{PreviousPage}">«</a>{/block:PreviousPage}
  941. {block:JumpPagination length="5"}
  942. {block:CurrentPage}
  943. <span class="current_page">{PageNumber}</span>&nbsp;
  944. {/block:CurrentPage}
  945. {block:JumpPage}
  946. <a class="jump_page" href="{URL}">{PageNumber}</a>&nbsp;
  947. {/block:JumpPage}
  948. {/block:JumpPagination}
  949. {block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}
  950. {/block:Pagination}
  951. </div>
  952. {/block:ifNotInfiniteScrolling}
  953. </div>
  954.  
  955. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
  956. <script>
  957. $("#toggle").click(function() {
  958. $(this).toggleClass("on");
  959. $("#m_1").fadeToggle(150);
  960. $("#m_2").fadeToggle(450);
  961. $("#m_3").fadeToggle(750);
  962. $("#m_4").fadeToggle(1050);
  963. });
  964. </script>
  965.  
  966. {block:ifInfiniteScrolling}
  967. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  968. {/block:ifInfiniteScrolling}
  969.  
  970. <div style="position:fixed;bottom:0;right:0;padding-right:20px;padding-bottom:15px;font-size:7px;"><a title="theme by tomkirk"href="http://tomkirk.tumblr.com/"></a></div>
  971. </body>
  972. </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!