API tools faq
paste
Advertisement
tomkirk

Libra

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