Advertisement
irwie

[ retired ] ghost

Aug 1st, 2015
3,920
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.41 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8" />
  5. <meta name="viewport" content="initial-scale=1">
  6.  
  7. <!--
  8.  
  9. theme 04. ghost
  10. regeri.tumblr.com
  11.  
  12. to change the music gif:
  13. - search the code for "change music gif"
  14. - replace the image w one of the ones from this post:
  15. http://regeri.tumblr.com/post/125605839806/music-player-gifs
  16.  
  17. -->
  18.  
  19. <meta name="image:background" content="" />
  20. <meta name="image:sidebar" content="http://static.tumblr.com/eekqh2v/bPmnsey0p/dim.png" />
  21.  
  22. <meta name="color:background" content="#fbfbfb" />
  23. <meta name="color:text" content="#555555" />
  24. <meta name="color:bold" content="#000000" />
  25. <meta name="color:links" content="#a0a0a0" />
  26. <meta name="color:link underline" content="#dddddd" />
  27. <meta name="color:links hover" content="#dddddd" />
  28. <meta name="color:borders" content="#eeeeee" />
  29. <meta name="color:selected text" content="#000000" />
  30. <meta name="color:selected text highlight" content="#ffffff" />
  31. <meta name="color:scrollbar" content="#555555" />
  32. <meta name="color:blockquote" content="#bbbbbb" />
  33.  
  34. <meta name="select:font" content="Lato" title="lato" />
  35. <meta name="select:font" content="Open Sans" title="open sans" />
  36. <meta name="select:font" content="PT Sans" title="pt sans" />
  37. <meta name="select:font" content="Roboto" title="roboto" />
  38. <meta name="select:photos" content="" title="normal" />
  39. <meta name="select:photos" content="fade" title="faded" />
  40. <meta name="select:photos" content="desat" title="desaturated" />
  41. <meta name="select:photos" content="mono" title="monochrome" />
  42. <meta name="select:photos" content="coh" title="color on hover" />
  43.  
  44. <meta name="if:stretch background" content="0" />
  45. <meta name="if:infinite scroll" content="0" />
  46. <meta name="if:large text" content="0" />
  47. <meta name="if:mirror image" content="0" />
  48. <meta name="if:hide captions" content="0" />
  49. <meta name="if:billy music player" content="0" />
  50.  
  51. <meta name="text:billy music code" content="" />
  52. <meta name="text:link one" content="one" />
  53. <meta name="text:link one url" content="" />
  54. <meta name="text:link two" content="two" />
  55. <meta name="text:link two url" content="" />
  56. <meta name="text:link three" content="three" />
  57. <meta name="text:link three url" content="" />
  58. <meta name="text:post width" content="350" />
  59.  
  60. <title>{Title}</title>
  61. <link rel="shortcut icon" href="{Favicon}" />
  62. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  63. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  64.  
  65. <link href='https://fonts.googleapis.com/css?family={select:font}:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
  66. <link href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" rel="stylesheet" type="text/css">
  67.  
  68. <style type="text/css">
  69. body {
  70. margin:0;
  71. font-family:{select:font}, arial, sans-serif;
  72. font-size:{block:ifnotlargetext}65%{/block:ifnotlargetext}{block:iflargetext}77%{/block:iflargetext};
  73. line-height:140%;
  74. background-color:{color:background};
  75. background-image:url('{image:background}');
  76. {block:ifstretchbackground}background-size:cover;{/block:ifstretchbackground}
  77. color:{color:text};
  78. word-wrap:break-word;
  79. }
  80.  
  81. img {
  82. border:0;
  83. max-width:100%;
  84. }
  85.  
  86. h1 {
  87. margin:5px 0 10px 0;
  88. padding-bottom:13px;
  89. text-align:center;
  90. text-transform:uppercase;
  91. font-size:110%;
  92. letter-spacing:0.04em;
  93. border-bottom:1px solid {color:borders};
  94. }
  95.  
  96. ul, ol {
  97. margin-left:-10px;
  98. }
  99.  
  100. b, strong {
  101. color:{color:bold};
  102. }
  103.  
  104. a {
  105. cursor:help;
  106. text-decoration:none;
  107. color:{color:links};
  108. -webkit-transition:all 0.3s ease;
  109. -moz-transition:all 0.3s ease;
  110. -o-transition:all 0.3s ease;
  111. transition:all 0.3s ease;
  112. }
  113.  
  114. a:hover {
  115. color:{color:links hover};
  116. -webkit-transition:all 0.3s ease;
  117. -moz-transition:all 0.3s ease;
  118. -o-transition:all 0.3s ease;
  119. transition:all 0.3s ease;
  120. }
  121.  
  122. #tumblr_controls {
  123. position:fixed!important;
  124. right:13px!important;
  125. top:13px!important;
  126. -webkit-filter:invert(100%);
  127. filter:invert(100%);
  128. }
  129.  
  130. /*select*/
  131.  
  132. ::selection {
  133. color:{color:selected text};
  134. background:{color:selected text highlight};
  135. }
  136.  
  137. ::-moz-selection {
  138. color:{color:selected text};
  139. background:{color:selected text highlight};
  140. }
  141.  
  142. /* scrollbar */
  143.  
  144. ::-webkit-scrollbar-thumb {
  145. border:5px solid transparent;
  146. border-top-width:7px;
  147. border-bottom-width:7px;
  148. background-clip:padding-box;
  149. background-color:{color:scrollbar};
  150. }
  151.  
  152. ::-webkit-scrollbar {
  153. width:11px;
  154. height:2px;
  155. }
  156.  
  157. /* tooltips */
  158.  
  159. .ui-tooltip {
  160. position:absolute;
  161. background:#fff;
  162. color:{color:text};
  163. max-width:300px;
  164. z-index:999999;
  165. }
  166.  
  167. .ui-tooltip-content {
  168. font-size:80%;
  169. text-transform:uppercase;
  170. letter-spacing:0.05em;
  171. padding:4px 8px;
  172. }
  173.  
  174. .ui-helper-hidden-accessible {
  175. display:none;
  176. }
  177.  
  178. /* header */
  179.  
  180. header {
  181. position:fixed;
  182. width:100%;
  183. height:50px;
  184. background:#fff;
  185. border:1px solid {color:borders};
  186. top:0;
  187. z-index:5;
  188. }
  189.  
  190. #music {
  191. position:fixed;
  192. top:14px;
  193. left:18px;
  194. height:24px;
  195. line-height:24px;
  196. text-align:center;
  197. vertical-align:bottom;
  198. }
  199.  
  200. #gif {
  201. height:24px;
  202. line-height:24px;
  203. display:inline-block;
  204. vertical-align:top;
  205. z-index:1;
  206. }
  207.  
  208. #billy {
  209. height:24px;
  210. width:32px;
  211. margin-left:-20px;
  212. overflow:hidden;
  213. display:inline-block;
  214. position:relative;
  215. opacity:0;
  216. -webkit-transition:all 0.5s ease;
  217. -moz-transition:all 0.5s ease;
  218. -o-transition:all 0.5s ease;
  219. transition:all 0.5s ease;
  220. }
  221.  
  222. #play {
  223. overflow:hidden;
  224. margin-left:-20px;
  225. margin-top:-4px;
  226. }
  227.  
  228. #music:hover #billy {
  229. margin-left:2px;
  230. opacity:1;
  231. -webkit-transition:all 0.5s ease;
  232. -moz-transition:all 0.5s ease;
  233. -o-transition:all 0.5s ease;
  234. transition:all 0.5s ease;
  235. }
  236.  
  237. /* sidebar */
  238.  
  239. aside {
  240. position:fixed;
  241. width:222px;
  242. margin-left:-300px;
  243. }
  244.  
  245. #tc {
  246. text-align:{block:ifnotmirrorimage}left{/block:ifnotmirrorimage}{block:ifmirrorimage}right{/block:ifmirrorimage};
  247. }
  248.  
  249. #title {
  250. display:inline-block;
  251. padding:6px 15px;
  252. border:1px solid {color:borders};
  253. margin-bottom:2px;
  254. text-transform:uppercase;
  255. letter-spacing:0.06em;
  256. color:{color:bold};
  257. font-weight:bold;
  258. background:#fff;
  259. }
  260.  
  261. aside #img {
  262. padding:10px;
  263. border:1px solid {color:borders};
  264. background:#fff;
  265. width:200px;
  266. }
  267.  
  268. aside #img img {
  269. width:200px;
  270. }
  271.  
  272. #desc {
  273. border-top:1px solid {color:borders};
  274. margin-top:8px;
  275. padding:6px 4px 0;
  276. text-align:justify;
  277. }
  278.  
  279. nav {
  280. text-align:{block:ifnotmirrorimage}right{/block:ifnotmirrorimage}{block:ifmirrorimage}left{/block:ifmirrorimage};
  281. text-transform:uppercase;
  282. font-size:80%;
  283. letter-spacing:0.04em;
  284. }
  285.  
  286. nav a {
  287. padding:4px 10px;
  288. border:1px solid {color:borders};
  289. display:inline-block;
  290. margin-top:2px;
  291. margin-right:2px;
  292. background:#fff;
  293. }
  294.  
  295. nav a:last-child {
  296. margin-right:0;
  297. }
  298.  
  299. /* posts */
  300.  
  301. #container {
  302. width:calc({text:post width}px + 20px + 302px);
  303. margin:130px auto 80px;
  304. }
  305.  
  306. #posts {
  307. width:calc({text:post width}px + 20px);
  308. float:right;
  309. }
  310.  
  311. article {
  312. width:{text:post width}px;
  313. padding:10px;
  314. margin-bottom:80px;
  315. background:#fff;
  316. border:1px solid {color:borders};
  317. }
  318.  
  319. blockquote {
  320. border-left:1px solid {color:blockquote};
  321. margin:5px 5px 5px 10px;
  322. padding:0 0 0 10px;
  323. }
  324.  
  325. .body {
  326. text-align:justify;
  327. }
  328.  
  329. .body a{block:PermalinkPage}, .info a{/block:PermalinkPage} {
  330. border-bottom:1px solid {color:link underline};
  331. padding-bottom:1px;
  332. }
  333.  
  334. .body a:hover, .question a:hover{block:PermalinkPage}, .info a:hover, .info a b:hover{/block:PermalinkPage} {
  335. border-bottom-color:{color:links hover};
  336. color:{color:links hover};
  337. }
  338.  
  339. .caption {
  340. {block:ifhidecaptions}{block:IndexPage}display:none;{/block:IndexPage}{/block:ifhidecaptions}
  341. }
  342.  
  343. /* photo */
  344.  
  345. .photo, iframe, video {
  346. max-width:{text:post width}px!important;
  347. }
  348.  
  349. .fade {
  350. opacity:0.8;
  351. -webkit-transition:all 0.5s ease;
  352. -moz-transition:all 0.5s ease;
  353. -o-transition:all 0.5s ease;
  354. transition:all 0.5s ease;
  355. }
  356.  
  357. .fade:hover {
  358. opacity:1;
  359. -webkit-transition:all 0.5s ease;
  360. -moz-transition:all 0.5s ease;
  361. -o-transition:all 0.5s ease;
  362. transition:all 0.5s ease;
  363. }
  364.  
  365. .desat {
  366. -webkit-filter:grayscale(40%);
  367. filter:grayscale(40%);
  368. -webkit-transition:all 0.5s ease;
  369. -moz-transition:all 0.5s ease;
  370. -o-transition:all 0.5s ease;
  371. transition:all 0.5s ease;
  372. }
  373.  
  374. .coh {
  375. -webkit-filter:grayscale(100%);
  376. filter:grayscale(100%);
  377. -webkit-transition:all 0.5s ease;
  378. -moz-transition:all 0.5s ease;
  379. -o-transition:all 0.5s ease;
  380. transition:all 0.5s ease;
  381. }
  382.  
  383. .desat:hover, .coh:hover {
  384. -webkit-filter:grayscale(0%);
  385. filter:grayscale(0%);
  386. -webkit-transition:all 0.5s ease;
  387. -moz-transition:all 0.5s ease;
  388. -o-transition:all 0.5s ease;
  389. transition:all 0.5s ease;
  390. }
  391.  
  392. .mono {
  393. -webkit-filter:grayscale(100%);
  394. filter:grayscale(100%);
  395. }
  396.  
  397. /* quote */
  398.  
  399. .quote {
  400. font-size:110%;
  401. line-height:140%;
  402. font-style:italic;
  403. }
  404.  
  405. .source {
  406. margin-top:10px;
  407. padding-top:8px;
  408. border-top:1px solid {color:borders};
  409. text-align:right;
  410. }
  411.  
  412. /* chat */
  413.  
  414. ul.chat {
  415. margin:0;
  416. padding:0;
  417. list-style-type:none;
  418. }
  419.  
  420. ul.chat li span {
  421. font-weight:bold;
  422. }
  423.  
  424. ul.chat li {
  425. border-bottom:1px solid {color:borders};
  426. padding:8px 4px;
  427. }
  428.  
  429. ul.chat li:first-child {
  430. margin-top:-2px;
  431. padding-top:0;
  432. }
  433.  
  434. ul.chat li:last-child {
  435. border:0;
  436. padding-bottom:0;
  437. }
  438.  
  439. /* answer */
  440.  
  441. .question {
  442. text-transform:uppercase;
  443. font-size:81%;
  444. letter-spacing:0.12em;
  445. font-style:italic;
  446. }
  447.  
  448. .question a {
  449. color:{color:text};
  450. border-bottom:1px solid {color:link underline};
  451. padding-bottom:1px;
  452. padding-left:1px;
  453. -webkit-transition:all 0.3s ease;
  454. -moz-transition:all 0.3s ease;
  455. -o-transition:all 0.3s ease;
  456. transition:all 0.3s ease;
  457. }
  458.  
  459. .answer {
  460. border-top:1px solid {color:borders};
  461. margin-top:10px;
  462. }
  463.  
  464. .answer p:last-child {
  465. margin-bottom:3px;
  466. }
  467.  
  468. /* post info */
  469.  
  470. .type {
  471. text-align:{block:ifnotmirrorimage}right{/block:ifnotmirrorimage}{block:ifmirrorimage}left{/block:ifmirrorimage};
  472. margin-bottom:2px;
  473. }
  474.  
  475. .type a:first-child > span {
  476. height:18px;
  477. line-height:18px;
  478. font-size:160%;
  479. padding:4px 10px;
  480. margin-right:2px;
  481. vertical-align:top;
  482. }
  483.  
  484. .type span {
  485. height:18px;
  486. line-height:18px;
  487. border:1px solid {color:borders};
  488. padding:4px 15px;
  489. text-transform:uppercase;
  490. font-size:80%;
  491. letter-spacing:0.04em;
  492. display:inline-block;
  493. position:relative;
  494. right:0;
  495. margin-right:-2px;
  496. font-weight:bold;
  497. color:{color:bold};
  498. background:#fff;
  499. }
  500.  
  501. .info {
  502. margin-top:-78px;
  503. margin-bottom:80px;
  504. font-size:80%;
  505. text-transform:uppercase;
  506. letter-spacing:0.04em;
  507. text-align:{block:ifnotmirrorimage}left{/block:ifnotmirrorimage}{block:ifmirrorimage}right{/block:ifmirrorimage};
  508. {block:ifmirrorimage}margin-right:-2px;{/block:ifmirrorimage}
  509. {block:PermalinkPage}background:#fff;
  510. border:1px solid {color:borders};
  511. padding:10px;
  512. width:{text:post width}px;{/block:PermalinkPage}
  513. }
  514.  
  515. .info a b {
  516. color:{color:links};
  517. -webkit-transition:all 0.3s ease;
  518. -moz-transition:all 0.3s ease;
  519. -o-transition:all 0.3s ease;
  520. transition:all 0.3s ease;
  521. }
  522.  
  523. .info ul {
  524. margin:0;
  525. padding:0;
  526. list-style-type:none;
  527. }
  528.  
  529. .info ul li {
  530. border-bottom:1px solid {color:borders};
  531. padding:6px 5px;
  532. }
  533.  
  534. .info ul li:first-child {
  535. padding-top:0;
  536. }
  537.  
  538. .info ul li:last-child {
  539. border:0;
  540. padding-bottom:0;
  541. }
  542.  
  543. .info span {
  544. display:inline-block;
  545. border:1px solid {color:borders};
  546. padding:4px 15px;
  547. margin-left:2px;
  548. background:#fff;
  549. height:14px;
  550. line-height:14px;
  551. }
  552.  
  553. .info a:first-child > span {
  554. margin-left:0;
  555. }
  556.  
  557. span#tag {
  558. padding:4px 9px;
  559. height:14px;
  560. line-height:14px;
  561. vertical-align:top;
  562. color:{color:bold};
  563. cursor:help;
  564. }
  565.  
  566. .ion-pricetag {
  567. font-size:130%;
  568. }
  569.  
  570.  
  571. /* post notes */
  572.  
  573. ol.notes {
  574. padding:5px 10px;
  575. margin-top:-30px;
  576. margin-bottom:80px;
  577. margin-left:0;
  578. list-style-type:none;
  579. width:{text:post width}px;
  580. border:1px solid {color:borders};
  581. background:#fff;
  582. }
  583.  
  584. ol.notes li.note {
  585. padding:10px 5px;
  586. border-bottom:1px solid {color:borders};
  587. }
  588.  
  589. ol.notes li.note:last-child {
  590. border:0;
  591. }
  592.  
  593. ol.notes li.note img.avatar {
  594. vertical-align:-5px;
  595. margin-right:10px;
  596. width:16px;
  597. height:16px;
  598. }
  599.  
  600. ol.notes li.note blockquote {
  601. border-color:{color:blockquote};
  602. padding:4px 10px;
  603. margin:10px 0px 0px 25px;
  604. }
  605.  
  606. a.more_notes_link, .notes_loading {
  607. font-size:80%;
  608. text-transform:uppercase;
  609. letter-spacing:0.04em;
  610. }
  611.  
  612. /* pagination */
  613.  
  614. #pagination {
  615. text-align:center;
  616. font-size:80%;
  617. margin-bottom:80px;
  618. {block:ifinfinitescroll}display:none;{/block:ifinfinitescroll}
  619. }
  620.  
  621. #pagination span {
  622. display:inline-block;
  623. border:1px solid {color:borders};
  624. background:#fff;
  625. padding:4px 10px;
  626. margin:0 1px;
  627. }
  628.  
  629. span.current {
  630. color:{color:bold};
  631. font-weight:bold;
  632. }
  633.  
  634. #next {
  635. display:none;
  636. }
  637.  
  638. {block:ifinfinitescroll}#infscr-loading {
  639. display:none!important;
  640. }{/block:ifinfinitescroll}
  641.  
  642. a#up {
  643. position:fixed;
  644. right:5px;
  645. bottom:32px;
  646. background:#fff;
  647. border:1px solid {color:borders};
  648. padding:3px 0;
  649. width:22px;
  650. height:14px;
  651. line-height:14px;
  652. text-align:center;
  653. display:none;
  654. }
  655.  
  656. #c {
  657. position:fixed;
  658. right:5px;
  659. bottom:8px;
  660. background:#fff;
  661. font-size:80%;
  662. border:1px solid {color:borders};
  663. padding:3px 0;
  664. width:22px;
  665. height:14px;
  666. line-height:14px;
  667. text-align:center;
  668. }
  669.  
  670. {CustomCSS}
  671. </style>
  672. </head>
  673. <body>
  674. <a id="up"><i class="ion-ios-arrow-up"></i></a>
  675. <a id="c" href="http://regeri.tumblr.com">R</a>
  676. <header>{block:ifbillymusicplayer}<div id="music"><div id="gif">
  677.  
  678. <!-- change music gif -->
  679.  
  680. <img src="http://38.media.tumblr.com/tumblr_m7w2izzY0j1r6o8v2.gif" />
  681.  
  682. <!-- change music gif -->
  683.  
  684. </div><div id="billy"><div id="play">{text:billy music code}</div></div></div>{/block:ifbillymusicplayer}</header>
  685. <div id="container">
  686. <div id="posts">
  687. <aside><div id="tc"><a href="/"><span id="title">{Title}</span></a></div><div id="img" class="{select:photos}"><img src="{image:sidebar}" /><div id="desc">{Description}</div></div><nav><a href="/" title="refresh">1</a><a href="/ask" title="contact">2</a><a href="/archive" title="archive">3</a>{block:iflinkone}<a href="{text:link one url}" title="{text:link one}">4</a>{/block:iflinkone}{block:iflinktwo}<a href="{text:link two url}" title="{text:link two}">5</a>{/block:iflinktwo}{block:iflinkthree}<a href="{text:link three url}" title="{text:link three}">6</a>{/block:iflinkthree}</nav></aside>
  688. {block:Posts}
  689. {block:Date}<div class="type"><a href="{Permalink}"><span>{block:Text}<i class="ion-document-text"></i>{/block:Text}{block:Photo}<i class="ion-camera"></i>{/block:Photo}{block:Photoset}<i class="ion-camera"></i>{/block:Photoset}{block:Link}<i class="ion-link"></i>{/block:Link}{block:Quote}<i class="ion-quote"></i>{/block:Quote}{block:Chat}<i class="ion-chatbubbles"></i>{/block:Chat}{block:Audio}<i class="ion-headphone"></i>{/block:Audio}{block:Video}<i class="ion-videocamera"></i>{/block:Video}{block:Answer}<i class="ion-help-circled"></i>{/block:Answer}</span></a><a href="{Permalink}"><span>{block:Text}text{/block:Text}{block:Photo}photo{/block:Photo}{block:Photoset}photo{/block:Photoset}{block:Link}link{/block:Link}{block:Quote}quote{/block:Quote}{block:Chat}chat{/block:Chat}{block:Audio}audio{/block:Audio}{block:Video}video{/block:Video}{block:Answer}question{/block:Answer}</span></a></div>{/block:Date}
  690. <article>
  691. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Body}<div class="body">{Body}</div>{/block:Body}{/block:Text}
  692. {block:Photo}{LinkOpenTag}<div class="photo {select:photos}"><img src="{PhotoURL-HighRes}" /></div>{LinkCloseTag}{block:Caption}<div class="body caption">{Caption}</div>{/block:Caption}{/block:Photo}
  693. {block:Photoset}<div class="photo {select:photos}">{Photoset}</div>{block:Caption}<div class="body caption">{Caption}</div>{/block:Caption}{/block:Photoset}
  694. {block:Quote}<div class="quote">{Quote}</div>{block:Source}<div class="source">&mdash;{Source}</div>{/block:Source}{/block:Quote}
  695. {block:Link}<h1><a href="{URL}" target="{Target}">{Name}</a></h1>{block:Description}<div class="body">{Description}</div>{/block:Description}{/block:Link}
  696. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}<ul class="chat">{block:Lines}<li>{block:Label}<span>{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul>{/block:Chat}
  697. {block:Audio}<div class="{select:photos}">{AudioEmbed}</div>{block:Caption}<div class="body">{Caption}</div>{/block:Caption}{/block:Audio}
  698. {block:Video}<div class="photo {select:photos}">{Video-500}</div>{block:Caption}<div class="body caption">{Caption}</div>{/block:Caption}{/block:Video}
  699. {block:Answer}<div class="question">{Question} &nbsp;&mdash;{Asker}</div><div class="body answer">{Answer}</div>{/block:Answer}
  700. </article>
  701. {block:Date}<div class="info">{block:IndexPage}<a href="{Permalink}"><span>{DayofMonth} {Month}</span></a>{block:NoteCount}<a href="{Permalink}"><span>{NoteCountWithLabel}</span></a>{/block:NoteCount}<a href="{ReblogURL}"><span>reblog</span></a>{block:HasTags}<span id="tag" title="{block:Tags}#{Tag}&nbsp;{/block:Tags}"><i class="ion-pricetag"></i></span>{/block:HasTags}{/block:IndexPage}{block:PermalinkPage}<ul><li>posted <b>{DayofMonth} {Month} {Year}</b> {block:NoteCount}with <b>{NoteCountWithLabel}</b>{/block:NoteCount}</li>{block:RebloggedFrom}<li>reblogged from <a href="{ReblogParentURL}" title="{ReblogParentTitle}"><b>{ReblogParentName}</b></a>, originally by <a href="{ReblogRootURL}" title="{ReblogRootTitle}"><b>{ReblogRootName}</b></a></li>{/block:RebloggedFrom}{block:HasTags}<li><b>indexed:</b> {block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp;{/block:Tags}</li>{/block:HasTags}</ul>{/block:PermalinkPage}</div>{/block:Date}
  702. {/block:Posts}
  703. {block:PostNotes}{PostNotes-64}{/block:PostNotes}
  704. {block:Pagination}<div id="pagination">{block:JumpPagination length="5"}{block:CurrentPage}<span class="current">{PageNumber}</span>{/block:CurrentPage}{block:JumpPage}<a href="{URL}"><span class="jump">{PageNumber}</span></a>{/block:JumpPage}{/block:JumpPagination}{block:NextPage}<a href="{NextPage}" id="next">next</a>{/block:NextPage}</div>{/block:Pagination}
  705. {block:ContentSource}
  706. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  707. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  708. {/block:ContentSource}
  709. <!-- {block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  710. </div>
  711. </div>
  712.  
  713. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
  714. <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.3/jquery-ui.min.js"></script>
  715. {block:ifinfinitescroll}<script src="http://static.tumblr.com/eekqh2v/WIgnnbpz1/jquery.infinitescroll.min.js"></script>{/block:ifinfinitescroll}
  716. <script type="text/javascript">
  717. $(function(){
  718. $(document).tooltip({
  719. track:true,
  720. hide:{duration:200}
  721. });
  722. });
  723. $(window).scroll(function(){
  724. if ($(window).scrollTop() > 500) {
  725. $('#up').fadeIn();
  726. } else {
  727. $('#up').fadeOut();
  728. }
  729. });
  730. $(document).ready(function(){
  731. {block:ifinfinitescroll}$("#posts").infinitescroll({
  732. navSelector:"#pagination",
  733. nextSelector:"#next",
  734. itemSelector:"article, .type, .info",
  735. loading: {
  736. finishedMsg:"",
  737. img:""
  738. }
  739. });{/block:ifinfinitescroll}
  740. $("#up").click(function() {
  741. $("html, body").animate({scrollTop:0}, 900);
  742. });
  743. });
  744. </script>
  745. </body>
  746. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement