API tools faq
paste
Advertisement
tomkirk

Pack 6:2

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