API tools faq
paste
Advertisement
rasperries

tk double 2.0

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