API tools faq
paste
Advertisement
tomkirk

Bones

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