API tools faq
paste
Advertisement
rasperries

ts tk

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