API tools faq
paste
InfiniteTherese

Pitch Pefect

InfiniteTherese
Jan 31st, 2013
446
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 19.29 KB | None | 0 0
raw download clone embed print report
  1. <html lang="en">
  2. <style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur), progress !important;}</style>
  3. <head>
  4.  
  5. <script type="text/javascript">
  6. WebFontConfig = {
  7. google: { families: [ 'Finger+Paint::latin' ] }
  8. };
  9. (function() {
  10. var wf = document.createElement('script');
  11. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  12. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  13. wf.type = 'text/javascript';
  14. wf.async = 'true';
  15. var s = document.getElementsByTagName('script')[0];
  16. s.parentNode.insertBefore(wf, s);
  17. })(); </script>
  18. <link href='http://fonts.googleapis.com/css?family=Finger+Paint' rel='stylesheet' type='text/css'>
  19. <script type="text/javascript">
  20. WebFontConfig = {
  21. google: { families: [ 'Finger+Paint::latin' ] }
  22. };
  23. (function() {
  24. var wf = document.createElement('script');
  25. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  26. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  27. wf.type = 'text/javascript';
  28. wf.async = 'true';
  29. var s = document.getElementsByTagName('script')[0];
  30. s.parentNode.insertBefore(wf, s);
  31. })(); </script>
  32.  
  33. <script type="text/javascript"
  34. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  35. <script>
  36. $(document).ready(function() {
  37. //
  38. $('a.poplight[href^=#]').click(function() {
  39. var popID = $(this).attr('rel'); //Get Popup Name
  40. var popURL = $(this).attr('href'); //Get Popup href to define size
  41. var query= popURL.split('?');
  42. var dim= query[1].split('&');
  43. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  44. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('');
  45. var popMargTop = ($('#' + popID).height() + 80) / 2;
  46. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  47. //Apply Margin to Popup
  48. $('#' + popID).css({
  49. 'margin-top' : -popMargTop,
  50. 'margin-left' : -popMargLeft
  51. });
  52. $('body').append('<div id="fade"></div>');
  53. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  54. return false;
  55. });
  56. $('a.close, #fade').live('click', function() {
  57. $('#fade , .popup_block').fadeOut(function() {
  58. $('#fade, a.close').remove(); //fade them both out
  59. });
  60. return false;
  61. });
  62. });
  63. </script>
  64.  
  65. <link href="data:image/x-icon;base64,AAABAAEAEBAAAAAAAABoBQAAFgAAACgAAAAQAAAAIAAAAAEACAAAAAAAAAEAAAAAAAAAAAAAAAEAAAAAAAALC9YA////AIUNEQALC94ADQ3WAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAgICAQMDAQICAgEEBAAAAAECAgEDAwECAgEEBAQBAAAAAQIBAwMBAgEEBAQBAgEAAAABAQMDAQEEBAQBAgICAQAAAAEDAwEEBAQBAgICAgIBAAABAwMBBAQBAgICAQEBAQEBAQMDAQEBAQEBAQMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAQEBAQEBAQMDAQEBAQEBAQICAgEEBAEDAwEEBAECAgICAgEEBAQBAwMBBAQEAQICAgEEBAQBAQMDAQEEBAQBAgEEBAQBAgEDAwECAQQEBAEEBAQBAgIBAwMBAgIBBAQEBAQBAgICAQMDAQICAgEEBAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=" rel="icon" type="image/x-icon" />
  66.  
  67. <script type="text/javascript">
  68. </script>
  69. <meta name="color:Background" content="#C29B9B"/>
  70. <meta name="color:Title" content="#292929"/>
  71. <meta name="color:Text" content="#363636"/>
  72. <meta name="color:Link" content="#C29B9B"/>
  73. <meta name="color:scrollbar" content="#727272"/>
  74. <meta name="color:text shadow" content="#000000"/>
  75. <meta name="color:Hover" content="#ddd"/>
  76. <meta name="color:word background" content="#ddd"/>
  77. <meta name="image:Background" content=""/>
  78. <meta name="image:Sidebar" content=""/>
  79. <meta name="text:linkA url" content="/">
  80. <meta name="text:linkB url" content="/">
  81. <meta name="text:linkC url" content="/">
  82. <meta name="text:linkD url" content="/">
  83. <meta name="text:linkE url" content="/">
  84.  
  85.  
  86. </script>
  87.  
  88. <style type="text/css">
  89.  
  90. iframe#tumblr_controls {right:3px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.2;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  91.  
  92. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 1;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  93.  
  94. ::-webkit-scrollbar {width: 5px; height: 5px; background: #dddddd;}
  95.  
  96. ::-webkit-scrollbar-thumb {background-color:{color:scrollbar};}
  97.  
  98. body, a, a:hover {cursor: url(http://media.tumblr.com/tumblr_lyovxfnDb71qfoi4t.png), progress;}
  99.  
  100. @font-face {
  101. font-family: "dawning";
  102. src: url('http://static.tumblr.com/viiafci/Hyzlxws2r/dawningofanewday.ttf');
  103. }
  104.  
  105. ::selection {
  106. background: #ebbbaa;
  107. color: #ffffff;
  108. }
  109.  
  110.  
  111. ::-moz-selection {
  112. background: #ebbbaa;
  113. color: #ffffff;
  114. }
  115.  
  116.  
  117. body{
  118. margin:5px;
  119. background-color: {color:Background};
  120. background-image:url({image:Background});
  121. background-attachment: fixed;
  122. background-repeat: repeat;
  123. font-size: 10px;
  124. font-family: arial;
  125. letter-spacing:-1px;
  126. line-height:12px;
  127. color:{color:Text};
  128. cursor:url(http://media.tumblr.com/tumblr_lyovxfnDb71qfoi4t.png), progress;
  129. }
  130.  
  131. a:link, a:active, a:visited{
  132. color: {color:Link};
  133. text-decoration: none;
  134. -webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;-o-transition: all 0.6s ease-out;transition: all 0.6s ease-out;
  135. }
  136.  
  137. a:hover{
  138. color:{color:Hover};
  139. text-decoration: none;
  140. -webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;
  141. text-shadow:1px 1px 5px {color:text shadow};
  142. cursor: url(http://media.tumblr.com/tumblr_lyovxfnDb71qfoi4t.png), auto;
  143. }
  144.  
  145. #cunt{width:250px; height:auto;}
  146. {block:PermalinkPage}
  147. width:410px;
  148. {/block:PermalinkPage}
  149. }
  150.  
  151. #center{
  152. padding-top:3px;
  153. padding-bottom:3px;
  154. position:fixed !important;
  155. width:250px;
  156. height:207px;
  157. background-color:#fff;
  158. {block:PermalinkPage}
  159. width:410px;
  160. height:207px;
  161. {/block:PermalinkPage}
  162. }
  163.  
  164. #posts{
  165. float:center;
  166. {block:indexpage}
  167. width:500px;
  168. {/block:indexpage}
  169. {block:permalinkpage}
  170. width:800px;
  171. {/block:permalinkpage}
  172. margin:8px;
  173. margin-left: 390px;
  174. margin-top: 0px;
  175. }
  176.  
  177.  
  178.  
  179. #back{
  180. background-image:url({image:Background2});
  181. opacity:0.9;
  182. top:0px;
  183. width:565px;
  184. margin-left:420px;
  185. height:100%;
  186. position:fixed;
  187. border-left:1px solid #ddd;
  188. border-right:1px solid #ddd;
  189. }
  190.  
  191.  
  192. @font-face {font-family: "SF"; src:url("http://static.tumblr.com/jdjsstr/1jYmco9ma/superpoi_r_1_.ttf")}
  193.  
  194. @font-face { font-family: "di"; src: url('http://static.tumblr.com/m6mqatb/QUklrzd0z/dubielitalic.ttf');}
  195. @font-face{
  196. font-family: "WebSymbolsRegular";
  197. src: url('http://static.tumblr.com/xgofl0y/yqZm3m5if/websymbols-regular-webfont.ttf');
  198. }
  199. @font-face { font-family: "playdate"; src: url('http://static.tumblr.com/4yxykdm/XVZlrfl3m/playdate_1_.ttf'); }
  200. @font-face { font-family: "bebas"; src: url('http://static.tumblr.com/cvlbtjz/cnsln9tpp/bebasneue.otf'); }
  201.  
  202. @import url(http://fonts.googleapis.com/css?family=Finger+Paint);
  203.  
  204.  
  205. #pitchperfect {
  206. color:{color:text};
  207. position:fixed;
  208. width:150px;
  209. height:auto;
  210. margin-left:150px;
  211. margin-top:230px;
  212. text-align:left;
  213. }
  214.  
  215. #pitchperfect img {
  216. width:150px;
  217. height:auto;
  218. padding:10px;
  219. border:3px double;
  220. border-color:{color:border};
  221. margin-left:-11px;
  222. margin-bottom:15px;
  223. }
  224.  
  225.  
  226. .treblemakers {
  227. margin-top:-5px;
  228. padding:0px;
  229. width:150px;
  230. font-family:consolas;
  231. font-size:11px;
  232. text-transform:uppercase;
  233. text-align:center;
  234. border-top: 1px solid {color:border};
  235. border-bottom: 1px solid {color:border};
  236. line-height:170%;
  237. }
  238.  
  239. .treblemakers a{
  240. padding:3px;
  241. color:{color:link};
  242. letter-spacing:0px;
  243. text-decoration:none;
  244. -moz-transition-duration:1s;
  245. -webkit-transition-duration:1s;
  246. -o-transition-duration:1s;
  247. }
  248.  
  249. .treblemakers a:hover{
  250. color:{color:hover};
  251. -moz-transition-duration:1s;
  252. -webkit-transition-duration:1s;
  253. -o-transition-duration:1s;
  254. }
  255.  
  256. .aca {
  257. margin-top:10px;
  258. width:160px;
  259. text-align:center;
  260. font-size:10px;
  261. color:{color:text};
  262. margin-top:10px;
  263. letter-spacing:1px;
  264. line-height:150%;
  265. }
  266.  
  267. .aca a {
  268. color:{color:link};
  269. }
  270.  
  271.  
  272. faqq {
  273. font-family: learningcurve;
  274. font-size:36px;
  275. letter-spacing:0px;
  276. text-shadow:2px 0px 5px #aaa;
  277. color:{color:title};
  278. text-transform:none;
  279. z-index:1;
  280. }
  281.  
  282. askk {
  283. font-family: learningcurve;
  284. color: {color:Title};
  285. font-size:23px;
  286. z-index:1;
  287. }
  288.  
  289. @font-face { font-family: "learningcurve"; src: url('http://static.tumblr.com/rmj06l2/paAlm4ymo/learningcurve.ttf'); }
  290.  
  291. #entry .perma a{
  292. color:;}
  293.  
  294. @font-face {font-family: "handy00";src: url('http://static.tumblr.com/8ls1oxv/AfJlyd5ev/handy00.ttf');}
  295.  
  296. @font-face { font-family: "arma"; src: url('http://static.tumblr.com/jdjsstr/8ovm78cbb/pf_arma_five_1_.ttf'); }
  297. .permalink {
  298. display: block;
  299. border-top: 1px solid #ddd;
  300. padding: 3px;
  301. margin: 4px 8px 0px 8px;
  302. font-family: arma;
  303. font-size: 8px;
  304. color: #424242;
  305. line-height: 18px;
  306. text-align: center;
  307. text-decoration: none;
  308. -webkit-transition: color 0.9s ease-out;
  309. -moz-transition: color 0.9s ease-out;
  310. }
  311.  
  312. #entry .perma a{
  313. color:;
  314. -webkit-transition: color 0.9s ease-out;
  315. -moz-transition: color 0.9s ease-out;
  316. }
  317.  
  318.  
  319. #entry .perma{
  320. width:217px;
  321. height: auto;
  322. padding:2px;
  323. font-family: di;
  324. text-transform:uppercase;
  325. position: absolute;
  326. font-size: 12px;
  327. letter-spacing:-1px;
  328. line-height: 17px;
  329. text-align: center;
  330. overflow:hidden;
  331. border-top: 3px double #ddd;
  332. border-bottom:3px double #ddd;
  333. opacity: 0.0;
  334. background-color:#fff;
  335. letter-spacing:0px;
  336. margin-top:5px;
  337. margin-left: 0px;
  338. border-radius: 0px;
  339. -webkit-transition: opacity 0.5s linear; opacity: 0.0;
  340. -webkit-transition: all 0.5s linear;
  341. -moz-transition: all 0.5s linear;
  342. transition: all 0.5s linear;
  343. }
  344.  
  345. #entry:hover .perma{
  346. margin-top: 10px;
  347. opacity: 0.8;
  348. text-transform:uppercase;
  349. overflow:visible;
  350. -webkit-transition: all 0.5s linear;
  351. -webkit-transition: all 0.5s linear;
  352. -moz-transition: all 0.5s linear;
  353. transition: all 0.5s linear;
  354. }
  355.  
  356. .permalinktext {
  357. display: block;
  358. padding: 1px;
  359. margin: 0px 0px 0px 8px;
  360. font-family: arial;
  361. letter-spacing: -1px;
  362. font-size:10px;
  363. color: #424242;
  364. line-height: 10px;
  365. text-align: right;
  366. text-decoration: none;
  367. -webkit-transition: color 0.5s ease-out;
  368. -moz-transition: color 0.5s ease-out;
  369. border-top: 1px solid #dcdcdc;
  370. }
  371.  
  372.  
  373. @font-face {font-family: "tinytots";src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');}
  374. #postnotes{
  375. text-align: left;
  376. }
  377.  
  378. #postnotes blockquote{
  379. border: 0px;
  380. }
  381.  
  382. #entry{
  383. font-family: arial;
  384. text-transform:normal;
  385. font-size: 10px;
  386. margin:8px;
  387. opacity:0.9;
  388. line height: 11px;
  389. text-align:center;
  390. letter-spacing:-1px;
  391. float:left;
  392. width: 220px;
  393. height: auto;
  394. {block:PermalinkPage}
  395. width: 460px;
  396. height: auto;
  397. {/block:PermalinkPage}
  398. line-height:8px;
  399. background-color:#fff;
  400. padding:2px;
  401. padding-bottom:2px;
  402. margin-right:10px;
  403. overflow:hidden;
  404. margin-bottom:10px;
  405. border: 4px double #ddd;
  406.  
  407. box-shadow: 0px 0px 5px #ddd;
  408. -o-transition-transition: all 1.0s ease-out;
  409. -webkit-transition: all 1.0s ease-out;
  410. -moz-transition: all 1.0s ease-out;
  411. }
  412.  
  413.  
  414. @font-face {font-family: "Meow";src: url( http://static.tumblr.com/kauezwz/YlIlz8nop/theonlyexception.ttf) format("truetype");}
  415.  
  416. #permapage{
  417. font-family: tinytots;
  418. font-size: 10px;
  419. line-height: 8px;
  420. text-align: center;
  421. padding-bottom:10px;
  422. z-index:9999;}
  423. @font-face { font-family: "beauty"; src: url('http://static.tumblr.com/2zvjoo9/n9Mm31t9e/discoverbeauty.ttf');}
  424. .title{
  425. font-family:meow;
  426. font-size: 20px;
  427. line-height: 25px;
  428. color: {color:Title};
  429. font-weight: normal;
  430. letter-spacing: 0px;
  431. padding:0px 0px 0px 0px;
  432. }
  433.  
  434. @font-face { font-family: "beauty"; src: url('http://static.tumblr.com/2zvjoo9/n9Mm31t9e/discoverbeauty.ttf');}
  435.  
  436. .blogtitle{
  437. font-family:meow;
  438. font-size: 18px;
  439. line-height: 18px;
  440. color: {color:Link};
  441. font-weight: normal;
  442. }
  443.  
  444. @font-face {font-family: "tinytots";src: url('http://static.tumblr.com/jdjsstr/wyqmco9g9/wendy_1_.ttf');}
  445.  
  446. blockquote{
  447. padding:0px 0px 2px 3px;
  448. margin:0px 0px 2px 1px;
  449. }
  450. ul, ol, li{
  451. list-style:none;
  452. margin:0px;
  453. padding:0px;
  454. }
  455.  
  456. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  457. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:Title};
  458. }
  459.  
  460. a.links {
  461. font-family: tinytots;
  462. font-size: 8px;
  463. line-height: 8px;
  464. text-transform: normal;
  465. letter-spacing:0px;
  466. display:block;
  467. padding: 0px;
  468. margin-bottom: 0px;
  469. }
  470.  
  471. a.links:hover {
  472. font-style: underline;
  473. text-decoration: underline;
  474. letter-spacing:10px;
  475. }
  476.  
  477.  
  478. </style>
  479. <title>{title}</title>
  480. <link rel="shortcut icon" href="{favicon}">
  481. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  482. <meta name="viewport" content="width=720" />
  483. </head>
  484. <body>
  485. <div id="crumble">
  486.  
  487.  
  488.  
  489.  
  490. </div>
  491. <div id="center">
  492. <div id="content">
  493. <div id="pitchperfect">
  494. <img src="{image:sidebar}">
  495. <div class="treblemakers">
  496. <a href="{text:linkA url}">O1.</a>
  497. <a href="{text:linkB url}">02.</a>
  498. <a href="{text:linkC url}">03.</a>
  499. <a href="{text:linkD url}">04.</a>
  500. <a href="{text:linkE url}">05.</a>
  501. </div>
  502. <div class="aca">
  503. {Description}
  504. </div>
  505. </div>
  506.  
  507. <div id="posts">
  508.  
  509. {block:Posts}
  510. <div id="entry">
  511. {block:Text}
  512. {block:Title}<span class="title">{Title}</span>{/block:Title}
  513. <span class="entrytext">{Body}</span>
  514. <div class="permalinktext"> <a href="{permalink}">{NoteCountwithlabel}</a> <font color="#aaa">&middot</font> <a href="{permalink}">{timeago}</a> </div>
  515. {/block:Text}
  516.  
  517. {block:Link}
  518. <a href="{URL}" class="title">{Name}</a>
  519. {block:Description}{Description}{/block:Description}
  520. <div class="permalinktext"> <a href="{permalink}">{NoteCountwithlabel}</a> <font color="#aaa">&middot</font> <a href="{permalink}">{timeago}</a> </div>
  521. {block:Link}
  522.  
  523. {block:Photo}{block:IndexPage}
  524. <div class="perma">
  525. <a href="{permalink}">{NoteCountWithLabel}</a> &middot <a> <a href="{ReblogURL}" target="_blank"> relove </a></span></div>
  526. {/block:IndexPage}
  527. {block:IndexPage}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width=220px /></a>{/block:IndexPage}{block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"width=460px/>{LinkCloseTag}{/block:PermalinkPage}
  528. {/block:Photo}
  529.  
  530.  
  531. {block:Quote}
  532. <span class="entrytext">{Quote}</span>
  533. {block:Source}<b><a href="{Permalink}">{Source}</a></b>{/block:Source}
  534. <div class="permalinktext"> <a href="{permalink}">{NoteCountwithlabel}</a> <font color="#aaa">&middot</font> <a href="{permalink}">{timeago}</a> </div>
  535. {/block:Quote}
  536.  
  537. {block:Chat}
  538. {block:Title}<span class="title">{Title}</span>{/block:Title}
  539. <ul class="chat">
  540. {block:Lines}
  541. <li class="user_{UserNumber}">
  542. {block:Label}
  543. <span class="label">{Label}</span>
  544. {/block:Label}
  545.  
  546. {Line}
  547. </li>
  548. {/block:Lines}
  549. </ul>
  550. <div class="permalinktext"> <a href="{permalink}">{NoteCountwithlabel}</a> <font color="#aaa">&middot</font> <a href="{permalink}">{timeago}</a> </div>
  551. {/block:Chat}
  552.  
  553.  
  554. {block:Audio}
  555. <center><div style="width:300px; height:28px;"><div style="float:left">{AudioPlayerGrey}</div><div style="margin-top:10px; float:left;">
  556. {block:ExternalAudio}{/block:ExternalAudio}</div></div></center><br>
  557. <div class="permalinktext"> <a href="{permalink}">{NoteCountwithlabel}</a> <font color="#aaa">&middot</font> <a href="{permalink}">{timeago}</a> </div>
  558. {/block:Audio}
  559.  
  560. {block:Video}<center>
  561. <div style="padding-top:0px; padding-bottom:2px;">
  562. {Video-250}</div>
  563. <div style="padding-bottom:5px;">{block:Caption}{/block:Caption}</div>
  564. <div class="permalinktext"> <a href="{permalink}">{NoteCountwithlabel}</a> <font color="#aaa">&middot</font> <a href="{permalink}">{timeago}</a> </div>
  565. {block:Video}
  566.  
  567. {block:Answer}
  568. <br>
  569. <div style="border-radius:5px; border: 3px double #dddddd; margin: 3px; margin-top: -2px; height:30px; overflow:auto; padding: 3px; background: white; box-shadow: 0px 0px 5px 3px #eee;">
  570. <img src="{AskerPortraitURL-30}" width="30" align="left" style="margin-right:3px; box-shadow: 0px 0px 0px 2px #E6DFDF; border-radius: 3px;"/>
  571. <askk>{Asker}</askk>: {Question}<br></div>
  572. <div style="font-family: arial; font-size: 10px; letter-spacing:-1px;">
  573. {Answer}
  574. </div>
  575. {/block:Answer}
  576.  
  577. {block:PostNotes}<div align="middle">{caption}</div>
  578. <center>
  579.  
  580. {block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
  581.  
  582. {block:HasTags}
  583. tags: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br> {/block:HasTags}
  584. {block:RebloggedFrom}
  585. reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  586. posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
  587.  
  588. {/block:RebloggedFrom}
  589. </center></span>
  590. <br>
  591. <div id="postnotes">{PostNotes}</div><br>
  592.  
  593. <center>{block:ContentSource}
  594. <br><a href="{SourceURL}">
  595. {lang:Source}:
  596. {block:SourceLogo}
  597. <img src="{BlackLogoURL}" width="{LogoWidth}"
  598. height="{LogoHeight}" alt="{SourceTitle}" />
  599. {/block:SourceLogo}
  600. {block:NoSourceLogo}
  601. {SourceLink}
  602. {/block:NoSourceLogo}
  603. </a>
  604. {/block:ContentSource}</center>
  605.  
  606. {/block:PostNotes}
  607. </div>
  608. {/block:Posts}
  609. </div></div>
  610.  
  611. {block:indexpage}
  612. {block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}
  613. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  614. <script type="text/javascript" src="http://static.tumblr.com/bswe8t6/UFVlryaq2/jquerymsnryv2.js"></script>
  615. <script type="text/javascript">
  616. $(window).load(function(){
  617. var $wall = $('#posts');
  618. $wall.imagesLoaded(function(){
  619. $wall.masonry({
  620. itemSelector: '#entry, #entry_photo',
  621. isAnimated : false
  622. });
  623. });
  624.  
  625. $wall.infinitescroll({
  626. navSelector : '#page-nav',
  627. nextSelector : '#page-nav a',
  628. itemSelector : '#entry, #entry_photo',
  629. bufferPx : 2000,
  630. debug : false,
  631. errorCallback: function() {
  632. $('#infscr-loading').fadeOut('normal');
  633. }},
  634. function( newElements ) {
  635. var $newElems = $( newElements );
  636. $newElems.hide();
  637. $newElems.imagesLoaded(function(){
  638. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  639. });
  640. }); $('#content').show(500);
  641. });
  642. </script>
  643. {/block:indexpage}
  644.  
  645. </div>
  646.  
  647. <body onkeydown="return false">
  648. <div style="position:fixed;right:5px;font-family:arial;bottom:5px;font-size:25px;"><a href="http://slytherese.tumblr.com">†</a></div>
  649. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
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!