API tools faq
paste
Advertisement
tomkirk

Lungs

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