API tools faq
paste
Advertisement
tomkirk

Pack 6:1

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