API tools faq
paste
silvercybermen

Theme 17.5: Notes

silvercybermen
Jun 14th, 2015
1,018
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 19.85 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <!--
  4.  
  5. THEME 17.5: NOTES BY LUNECERISE AKA ROMULVS
  6.  
  7. -keep credit intact
  8. -don't steal any code
  9. -don't use as a basecode/claim as your own
  10.  
  11. -->
  12.  
  13.  
  14. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  15. <head>
  16.  
  17. <title>{Title}</title>
  18. <link rel="shortcut icon" href="{Favicon}">
  19. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  20. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  21.  
  22. <meta name="color:Background" content="#ffffff"/>
  23. <meta name="color:Text" content="#bbbbbb"/>
  24. <meta name="color:Accent" content="#A987E2"/>
  25. <meta name="color:Link" content="#aaaaaa"/>
  26. <meta name="color:Post" content="#ffffff"/>
  27. <meta name="color:Hover" content="#b3b3b3"/>
  28. <meta name="color:Line" content="#f2f2f2"/>
  29. <meta name="color:Border" content="#eeeeee"/>
  30. <meta name="color:Tooltip" content="#777777"/>
  31. <meta name="color:Scrollbar" content="#eeeeee"/>
  32.  
  33. <meta name="image:Background" content=""/>
  34.  
  35. <meta name="if:2 Columns" content="1"/>
  36.  
  37. <meta name="text:Blog Title" content="">
  38. <meta name="text:linkA" content="">
  39. <meta name="text:linkA url" content="/">
  40. <meta name="text:linkB" content="">
  41. <meta name="text:linkB url" content="/">
  42. <meta name="text:linkC" content="">
  43. <meta name="text:linkC url" content="/">
  44. <meta name="text:linkD" content="">
  45. <meta name="text:linkD url" content="/">
  46. <meta name="text:linkE" content="">
  47. <meta name="text:linkE url" content="/"/>
  48.  
  49. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  50. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  51. <script>
  52. (function($){
  53. $(document).ready(function(){
  54. $("[title]").style_my_tooltips({
  55. tip_follows_cursor:true,
  56. tip_delay_time:1,
  57. tip_fade_speed:100,
  58. attribute:"title"
  59. });
  60. });
  61. })(jQuery);
  62. </script>
  63.  
  64. <script type="text/javascript"
  65. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  66.  
  67. <script>
  68. $(document).ready(function() {
  69.  
  70. $('a.poplight[href^=#]').click(function() {
  71. var popID = $(this).attr('rel');
  72. var popURL = $(this).attr('href');
  73. var query= popURL.split('?');
  74. var dim= query[1].split('&');
  75. var popWidth = dim[0].split('=')[1];
  76. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend;
  77.  
  78. var popMargTop = ($('#' + popID).height() + 90) / 2;
  79. var popMargLeft = ($('#' + popID).width() + 90) / 2;
  80. //Apply Margin to Popup
  81. $('#' + popID).css({
  82. 'margin-top' : -popMargTop,
  83. 'margin-left' : -popMargLeft
  84. });
  85.  
  86. $('body').append('<div id="fade"></div>'); /
  87. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn();
  88. return false;
  89. });
  90.  
  91. $('a.close, #fade').live('click', function() {
  92. $('#fade , .thepopup').fadeOut(function() {
  93. $('#fade, a.close').remove();
  94. });
  95. return false;
  96. });
  97. });
  98. </script>
  99.  
  100. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  101. <script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  102. <script>
  103. $(function(){
  104. var $container = $('#container');
  105. $container.imagesLoaded(function(){
  106. $container.masonry({
  107. itemSelector: '.char',
  108. });
  109. });
  110. $container.infinitescroll({
  111. itemSelector : ".char",
  112. loadingImg : "",
  113. loadingText : "<em></em>",
  114. bufferPx : 10000,
  115. extraScrollPx: 12000,
  116. },
  117.  
  118. function( newElements ) {
  119. var $newElems = $( newElements ).css({ opacity: 0 });
  120. // ensure that images load before adding to masonry layout
  121. $newElems.imagesLoaded(function(){
  122. $newElems.animate({ opacity: 1 });
  123. $container.masonry( 'appended', $newElems, true );
  124. });
  125. }
  126. );
  127. });
  128. </script>
  129.  
  130. <style type="text/css">
  131.  
  132. ::-webkit-scrollbar {width:5px; height:auto; background:{color:Background};}
  133. ::-webkit-scrollbar-corner {background:transparent;}
  134. ::-webkit-scrollbar-thumb:vertical {background:rgba(0,0,0,0.2); width:3px; border:1px dotted {color:scrollbar};}
  135. ::-webkit-scrollbar-thumb:horizontal {background:{color:scrollbar};height:5px !important;}
  136. ::-webkit-scrollbar-increment {width:5px; height:5px; background-color:#fff;}
  137.  
  138. iframe.tmblr-iframe.tmblr-iframe--desktop-loggedin-controls.iframe-controls--desktop {
  139. white-space:nowrap;
  140. -webkit-filter: invert(100%);
  141. -moz-filter: invert(100%);
  142. -o-filter: invert(100%);
  143. -ms-filter: invert(100%);
  144. filter: invert(100%);
  145. opacity:.2;transition: .8s ease-in-out;
  146. -webkit-transition: .8s ease-in-out;
  147. -moz-transition: .8s ease-in-out;
  148. -o-transition: .8s ease-in-out;
  149. }
  150.  
  151. iframe#ask_form {
  152. padding-bottom:10px;
  153. overflow-y:scroll;
  154. height:260px;
  155. }
  156.  
  157. #s-m-t-tooltip {
  158. max-width:300px;
  159. padding: 3px 5px;
  160. margin:10px;
  161. background-color:{color:background};
  162. font-family:consolas;
  163. font-size:9px;
  164. font-style:bold;
  165. letter-spacing:1px;
  166. text-transform:uppercase;
  167. color:{color:tooltip};
  168. box-shadow:5px 5px 0.2em #f0f0f0;
  169. border-top:1px solid #f9f9f9;
  170. border-left:1px solid #f9f9f9;
  171. z-index:10000000000000000000000000000000;
  172. -moz-transition-duration: 0.3s;
  173. -webkit-transition-duration: 0.3s;
  174. -o-transition-duration: 0.3s;
  175. }
  176.  
  177. @-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  178. @-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  179. @keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  180.  
  181. .fade-in {
  182. opacity:0;
  183. -webkit-animation:fadeIn ease-in 1;
  184. -moz-animation:fadeIn ease-in 1;
  185. animation:fadeIn ease-in 1;
  186. -webkit-animation-fill-mode:forwards;
  187. -moz-animation-fill-mode:forwards;
  188. animation-fill-mode:forwards;
  189. -webkit-animation-duration:1s;
  190. -moz-animation-duration:1s; animation-duration:1s; }
  191.  
  192. .fade-in.one { -webkit-animation-delay: 0.7s; -moz-animation-delay: 0.7s; animation-delay: 0.7s; }
  193.  
  194. ::selection {background-color:{color:Accent};color:white;text-shadow:none;}
  195. ::-o-selection {background-color:{color:accent};color:#fff;text-shadow:none;}
  196. ::-moz-selection {background-color:{color:accent};color:#fff;text-shadow:none;}
  197.  
  198. #infscr-loading img {display:none!important;}
  199.  
  200. *, body, img { cursor:url(http://static.tumblr.com/vmteopo/yYInjhg6e/small_black_cursor.png), auto;}
  201.  
  202. a, a:hover, a:active {cursor:url(http://static.tumblr.com/vmteopo/DH3njhg50/help_cursor.png), crosshair; }
  203.  
  204. body {
  205. background:{color:background} url({image:background}) repeat fixed left top;
  206. margin:0px;
  207. color:{color:text};
  208. font-family:consolas;
  209. font-size:9px;
  210. line-height:112%;
  211. }
  212.  
  213. a {
  214. text-decoration:none;
  215. -moz-outline-style:none;
  216. color:{color:link};
  217. transition:0.5s ease-in-out;
  218. -webkit-transition:0.5s ease-in-out;
  219. -moz-transition:0.5s ease-in-out;
  220. -ms-transition:0.5s ease-in-out;
  221. -o-transition:0.5s ease-in-out;
  222. }
  223.  
  224. a:hover {color:{color:hover};}
  225. img {border:none;max-width:100%;height:auto;}
  226. h1 {font-size:12px;text-transform:uppercase;}
  227. h2 {font-size:15px;text-shadow:2px 2px 0px #f1f1f1;line-height:115%}
  228. b, strong {font-weight:700;}
  229. small, sub {font-size:7px;}
  230. big {font-size:13px;}
  231. ol {list-style:lower-roman;line-height:123%;}
  232. li {list-style:square;line-height:123%;}
  233. blockquote {padding-left:5px;border-left:1px solid {color:line};margin-right:0;}
  234. blockquote blockquote {padding-left:5px;border-left:1px solid {color:line};margin-right:0;}
  235.  
  236. pre {
  237. padding:3px 5px;
  238. text-transform:uppercase;
  239. white-space: pre-wrap;
  240. white-space: -moz-pre-wrap;
  241. white-space: -pre-wrap;
  242. white-space: -o-pre-wrap;
  243. word-wrap: break-word;
  244. }
  245.  
  246. #sidebar {
  247. position:fixed;
  248. width:300px;
  249. left:130px;
  250. top:150px;
  251. opacity:1;
  252. padding-right:70px;
  253. z-index:2;
  254. }
  255.  
  256. .title {
  257. font-size:10px;
  258. font-family:calibri;
  259. width:280px;
  260. text-transform:uppercase;
  261. padding:5px 10px;
  262. text-align:center;
  263. line-height:110%;
  264. }
  265.  
  266. .title span {
  267. letter-spacing:1px;
  268. margin-left:1px;
  269. text-decoration:none;
  270. padding:5px 8px;
  271. background:rgba(255,255,255,0.9);
  272. border:1px dotted #eee;
  273. color:#777;
  274. }
  275. .title a:hover {text-decoration:none;transition:0.7s ease-in-out;}
  276.  
  277. .desc {
  278. position:fixed;
  279. margin-top:19px;
  280. font-family:consolas;
  281. line-height:110%;
  282. font-size:8.5px;
  283. font-style:italic;
  284. width:280px;
  285. height:auto;
  286. padding:10px;
  287. text-align:center;
  288. color:{color:text};
  289. }
  290.  
  291. .links {
  292. position:fixed;
  293. margin-top:2px;
  294. width:260px;
  295. padding:10px 20px;
  296. word-spacing:1em;
  297. font-family:consolas;
  298. text-align:center;
  299. text-transform:uppercase;
  300. }
  301.  
  302. .links a {font-size:9px;}
  303. .links a:hover {color:{color:Hover};}
  304.  
  305. .links a {
  306. display: inline-block;
  307. vertical-align: middle;
  308. -webkit-transform: translateZ(0);
  309. transform: translateZ(0);
  310. box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  311. -webkit-backface-visibility: hidden;
  312. backface-visibility: hidden;
  313. -moz-osx-font-smoothing: grayscale;
  314. position: relative;
  315. overflow: hidden;
  316. }
  317.  
  318. .links a:before {
  319. content: "";
  320. position: absolute;
  321. z-index: -1;
  322. left: 50%;
  323. right: 50%;
  324. bottom: 0;
  325. background:{color:hover};
  326. height: 1px;
  327. -webkit-transition-property: left, right;
  328. transition-property: left, right;
  329. -webkit-transition-duration: 0.3s;
  330. transition-duration: 0.3s;
  331. -webkit-transition-timing-function: ease-out;
  332. transition-timing-function: ease-out;
  333. }
  334. .links a:hover:before, .links a:focus:before, .links a:active:before {
  335. left: 0;
  336. right: 0;
  337. }
  338.  
  339. .pagi{
  340. font-size:8px;
  341. text-align:center;
  342. position:fixed;
  343. bottom:0;
  344. padding:5px;
  345. left:791px;
  346. letter-spacing:0px;
  347. border:dotted {color:line} 1px;
  348. background:#fff;
  349. z-index:99;
  350. }
  351.  
  352. .current_page {
  353. height:10px;
  354. width:20px;
  355. padding:3px 5px;
  356. text-decoration:underline;
  357. }
  358.  
  359. .jump_page {
  360. border:none;
  361. height:10px;
  362. width:20px;
  363. padding:5px;
  364. }
  365.  
  366. #all {
  367. padding:10px 70px;
  368. {block:ifnot2Columns}width:270px;{/block:ifnot2Columns}
  369. {block:if2Columns}width:750px;{/block:if2Columns}
  370. font-size:9px;
  371. z-index:2;
  372. margin-left:450px;
  373. margin-bottom:90px;
  374. padding-bottom:70px;
  375. }
  376.  
  377. #thing {
  378. margin-bottom:50px;
  379. padding-bottom:50px;
  380. }
  381.  
  382. #posts {
  383. width:250px;
  384. padding:10px;
  385. position:relative;
  386. float:left;
  387. margin-top:50px;
  388. {block:if2columns}margin:50px 50px 0;{/block:if2columns}
  389. background-color:rgba(255,255,255,0.5);
  390. border:dotted 1px {color:line};
  391. -ms-word-break: break-all;
  392. word-break: break-all;
  393. word-break: break-word;
  394. -webkit-hyphens: auto;
  395. -moz-hyphens: auto;
  396. -ms-hyphens: auto;
  397. hyphens: auto;
  398. }
  399.  
  400. {block:ifnot2columns}#posts:last-child {margin-bottom:100px;}{/block:ifnot2columns}
  401.  
  402. #caption {
  403. width:250px;
  404. -ms-word-break: break-all;
  405. word-break: break-all;
  406. word-break: break-word;
  407. -webkit-hyphens: auto;
  408. -moz-hyphens: auto;
  409. -ms-hyphens: auto;
  410. hyphens: auto;
  411. }
  412.  
  413. .hover {
  414. position:absolute;
  415. top:10px;
  416. right:0px;
  417. bottom:10px;
  418. left:2px;
  419. padding:2px 8px;
  420. opacity:0;
  421. display:block;
  422. transition:0.5s ease-in-out;
  423. -webkit-transition:0.5s ease-in-out;
  424. -moz-transition:0.5s ease-in-out;
  425. -ms-transition:0.5s ease-in-out;
  426. -o-transition:0.5s ease-in-out;
  427. }
  428. #posts:hover .hover {
  429. opacity:1;
  430. }
  431.  
  432. .hover #caption {
  433. width:250px;
  434. max-height:100%;
  435. -moz-box-sizing:border-box;
  436. box-sizing:border-box;
  437. overflow:auto;
  438. position:absolute;
  439. color:#666;
  440. margin:0;
  441. bottom:0px;
  442. background:rgba(255,255,255,0.9);
  443. }
  444.  
  445. .boxes {
  446. display:block;
  447. position:relative;
  448. padding:2px;
  449. font-size:9px;
  450. width:10px;
  451. height:10px;
  452. margin-bottom:-20px;
  453. text-align:center;
  454. background-color:{color:post};
  455. border:1px dotted {color:line};
  456. float:right;
  457. top:-11px;
  458. right:-33px;
  459. }
  460.  
  461. .boxes:hover #details {opacity:1;}
  462. .boxes a, .boxes a:hover {text-decoration:none;}
  463.  
  464. #details {
  465. opacity:0;
  466. width:50px;
  467. text-align:center;
  468. margin-top:-16px;
  469. margin-left:20px;
  470. text-transform:uppercase;
  471. font-size:8px;
  472. font-style:none;
  473. border-top:1px solid {color:border};
  474. transition:0.5s ease-in-out;
  475. -webkit-transition:0.5s ease-in-out;
  476. -moz-transition:0.5s ease-in-out;
  477. -ms-transition:0.5s ease-in-out;
  478. -o-transition:0.5s ease-in-out;
  479. }
  480.  
  481. #details a {display:block;padding:0px;}
  482.  
  483. #tags a {display:inline-block;}
  484. #tags .comma:last-child {display:none;}
  485.  
  486. #question {
  487. padding:10px;
  488. letter-spacing:2px;
  489. text-align:center;
  490. border:1px {color:border} dotted;
  491. color:{color:text};
  492. background-color:{color:background};
  493. }
  494.  
  495. #akport {
  496. width:230px;
  497. text-align:center;
  498. height:12px;
  499. padding:5px 0;
  500. color:#444;
  501. opacity:1;
  502. background-color:{color:background};
  503. z-index:99999;
  504. margin-bottom:3px;
  505. }
  506.  
  507. #akport a {
  508. background-color:{color:background};
  509. text-align:center;
  510. text-decoration:none;
  511. }
  512. #akport a:hover {text-decoration:none;letter-spacing:0.8em;}
  513.  
  514. .tumblr_audio_player {width:100%;margin-top:2px;}
  515.  
  516. .player {
  517. width:30px;
  518. height:30px;
  519. padding:10px;
  520. border:dotted 1px #aaa;
  521. overflow:hidden;
  522. background:#fbfbfb;
  523. margin:0;
  524. display:inline-block;
  525. }
  526.  
  527. .audioinfo {
  528. color:{color:accent};
  529. display:inline-block;
  530. padding:15px;
  531. text-align:left;
  532. font-size:10px;
  533. background:#fbfbfb;
  534. width:160px;
  535. float:right;
  536. margin:0px 0 -54px -2px;
  537. border:dotted 1px #aaa;
  538. }
  539.  
  540. .chat li {list-style:none;line-height:110%;}
  541. .line.odd {border-left:1px solid {color:line};padding:3px 5px;}
  542. .line.even {border-left:1px solid transparent;padding:3px 5px;}
  543.  
  544.  
  545.  
  546. #notecontain {
  547. width:220px;
  548. padding:20px 15px;
  549. text-align:center;
  550. border:dotted 1px {color:border};
  551. }
  552.  
  553. #notes {
  554. width:200px;
  555. height:150px;
  556. padding:5px 10px;
  557. overflow-y:scroll;
  558. overflow-x:hidden;
  559. text-align:justify;
  560. font-size:8px;
  561. margin:0 40px 0px 30px;
  562. line-height:125%;
  563. }
  564.  
  565. #notes img {display:none;}
  566. #notes ol, #notes li {list-style:circle;line-height:125%;}
  567.  
  568. #credit, #credit a {
  569. position:fixed;
  570. bottom:4px;
  571. right:4px;
  572. padding:5px 4px;
  573. font-family: helvetica;
  574. text-transform:uppercase;
  575. color:#aaa;
  576. font-size:8px;
  577. -moz-transition-duration:0.3s;
  578. -webkit-transition-duration:0.3s;
  579. -o-transition-duration:0.3s;
  580. -ms-transition-duration:0.3s;
  581. }
  582.  
  583. #credit:hover, #credit a:hover {
  584. font-family: helvetica;
  585. text-decoration:none;
  586. color:#000;
  587. background-color:#fff;
  588. text-shadow:#aaa 2px 2px 0.2em;
  589. -moz-transition-duration:0.4s;
  590. -webkit-transition-duration:0.4s;
  591. -o-transition-duration:0.4s;
  592. -ms-transition-duration:0.4s;
  593. }
  594.  
  595.  
  596. {CustomCSS}</style></head>
  597. <body>
  598.  
  599. <div id="sidebar">
  600. <div class="title"><span>{text:Blog Title}</span></div>
  601. <div class="links">
  602. <a href="{text:linkA url}">{text:linkA}</a>
  603. <a href="{text:linkB url}">{text:linkB}</a>
  604. <a href="{text:linkC url}">{text:linkC}</a>
  605. <a href="{text:linkD url}">{text:linkD}</a>
  606. <a href="{text:linkE url}">{text:linkE}</a>
  607. </div>
  608. <div class="desc">
  609. {Description}
  610. </div>
  611. </div>{block:ifnot2Columns}
  612. {block:Pagination}<div class="pagi">
  613. {block:PreviousPage}<a href="{PreviousPage}">&larr;</a>&emsp;{/block:PreviousPage}
  614. {block:JumpPagination length="3"}
  615. {block:CurrentPage}<span class="current_page">{PageNumber}</span>&emsp;{/block:CurrentPage}
  616. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>&emsp;{/block:JumpPage}
  617. {/block:JumpPagination}
  618. {block:NextPage}<a href="{NextPage}">&rarr;</a>{/block:NextPage}
  619. </div>{/block:Pagination}
  620. {/block:ifnot2Columns}
  621. {block:if2Columns}
  622. {block:IndexPage}<div class="column navigation" id="navigation">
  623. {block:Pagination}
  624. {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
  625. {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
  626. </div>{/block:IndexPage}
  627. {/block:if2Columns}
  628. <div id="thing">
  629. <div id="all" class="box fade-in one">
  630. {block:Posts}<div id="posts">
  631.  
  632. <div class="boxes"><a title="reblog" href="{ReblogURL}">x</a>
  633. <div id="details">
  634. <br>{block:Date}<a href="{Permalink}">{ShortMonth} {DayOfMonthWithZero}</a>{/block:Date}&emsp;{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{/block:RebloggedFrom}{block:ContentSource}&emsp;<a href="{SourceURL}" title="{SourceTitle}">src</a>{/block:ContentSource}{block:NoteCount}&emsp;<a href="{Permalink}">+{NoteCount}</a>{/block:NoteCount}{block:HasTags}&emsp;{block:Tags}<div id="tags"><a href="{TagURL}">-{Tag}</a></div>{/block:Tags}{/block:HasTags}
  635. </div></div>
  636.  
  637. {block:Caption}<div class="hover" style="display:none;{block:photo}display:block;{/block:photo}{block:photoset}display:block;{/block:photoset}">
  638. <div id="caption">{Caption}</div>
  639. </div>{/block:Caption}
  640.  
  641. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  642.  
  643. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-250}">{LinkCloseTag}</center>{/block:Photo}
  644.  
  645. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  646.  
  647. {block:Photoset}<center>{Photoset-250}</center>{/block:Photoset}
  648.  
  649. {block:Quote}<div style="text-align:center"><h2>“{Quote}”</h2><br>↳ {Source}</div><br>{/block:Quote}
  650.  
  651. {block:Audio}
  652. <div class="player">{AudioPlayerWhite}</div>
  653. <div class="audioinfo">
  654. {block:TrackName}{TrackName}{/block:TrackName}{block:Artist}<br>{Artist}{/block:Artist}
  655. </div>
  656. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Audio}
  657.  
  658. {block:Video}{Video-250}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  659.  
  660. {block:Chat}<div class="chat">{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}<li class="line {Alt}">{block:Label}<b>{Label}</b>{/block:Label} {Line}</li><br>{/block:Lines}</div>{/block:Chat}
  661.  
  662. {block:Answer}<div id="question"><span style="text-transform:uppercase;font-size:10px; padding-bottom:10px"><div id="akport">{Asker}</div></span>{Question}</div><left>{Answer}</left>{/block:Answer}
  663.  
  664. </div>
  665. {/block:Posts}
  666. {block:PostNotes}<div id="notecontain"><div id="notes">{PostNotes}</div></div>{/block:PostNotes}
  667. {/block:Posts}
  668. </div></div></div>
  669.  
  670.  
  671.  
  672. {block:if2Columns}
  673. {block:IndexPage} <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  674. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  675. <script type="text/javascript" src="http://static.tumblr.com/me5sfsd/12Qlmj66n/script.js"></script>
  676.  
  677. <script type="text/javascript">
  678. $(window).load(function(){
  679. var $wall = $('#all');
  680. $wall.imagesLoaded(function(){
  681. $wall.masonry({
  682. itemSelector: '#posts',
  683. isAnimated : true
  684. });
  685. });
  686. $wall.infinitescroll({
  687. navSelector : "div#navigation",
  688. nextSelector : "div#navigation a#nextPage",
  689. itemSelector : '#posts',
  690. loadingImg : "",
  691. loadingText : " ",
  692. donetext : " ",
  693. extraScrollPx : 0,
  694. bufferPx : 10000,
  695. debug : false,
  696. errorCallback: function() {
  697. $('#infscr-loading').animate({opacity: .8},2000).fadeOut('normal');
  698. }},
  699. function( newElements ) {
  700. var $newElems = $( newElements );
  701. $newElems.hide();
  702. $newElems.imagesLoaded(function(){
  703. $wall.masonry( 'appended', $newElems, {isAnimated: true, animationOptions: {duration: 250, easing: 'linear', queue: false}}, function(){$newElems.fadeIn('slow');} );
  704. });
  705. }); $('#all').show(500);
  706. });
  707. </script>
  708.  
  709. <script language="JavaScript">
  710. function function1(){
  711. window.scrollTo(0,5);
  712. }
  713. function function2(){
  714. window.scroll(0,2);
  715. }
  716. </script>
  717. {/block:IndexPage}
  718. {/block:if2Columns}
  719.  
  720. <div id="credit"><a href="http://lunecerise.co.vu" title="lunecerise">LC</a></div>
  721.  
  722. </body></html>
Advertisement
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!