API tools faq
paste
Advertisement
wizardhut

ECTOPLASM

wizardhut
Sep 19th, 2018
1,291
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.48 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4.  
  5. <!---
  6.  
  7. Theme 02 - Ectoplasm
  8. bigchobani @ tumblr
  9.  
  10.  
  11. Credits:
  12. Dynamic scroll-to-top button; https://html-online.com/
  13. Linearicons icon font; https://linearicons.com/
  14.  
  15. --->
  16.  
  17.  
  18. <meta name="image:Topbar Image" content="https://static.tumblr.com/986ea02f3898efea4c0fc1e1caf9ef7d/abhqbrn/2Xspf9azc/tumblr_static_f3nbvv0s2z4848ssw0ssswks4.jpg">
  19.  
  20. <meta name="image:Cursor" content="http://pixelartmaker.com/art/3efe8fe6b6cb325.png">
  21.  
  22.  
  23. <meta name="color:Accent" content="#1DB954">
  24.  
  25.  
  26. <meta name="if:Third Nav Section" content="0">
  27. <meta name="if:Custom Cursor" content="1">
  28. <meta name="if:Light Mode" content="0">
  29.  
  30.  
  31. <meta name="text:Blog Links Header" content="basics">
  32. <meta name="text:Nav Section 2 Header" content="custom links">
  33. <meta name="text:Nav Section 3 Header" content="custom links">
  34.  
  35. <meta name="text:Nav Section 2 Link 1 Name" content="One">
  36. <meta name="text:Nav Section 2 Link 1 URL" content="/">
  37.  
  38. <meta name="text:Nav Section 2 Link 2 Name" content="Two">
  39. <meta name="text:Nav Section 2 Link 2 URL" content="/">
  40.  
  41. <meta name="text:Nav Section 2 Link 3 Name" content="Three">
  42. <meta name="text:Nav Section 2 Link 3 URL" content="/">
  43.  
  44. <meta name="text:Nav Section 2 Link 4 Name" content="Four">
  45. <meta name="text:Nav Section 2 Link 4 URL" content="/">
  46.  
  47. <meta name="text:Nav Section 3 Link 1 Name" content="One">
  48. <meta name="text:Nav Section 3 Link 1 URL" content="/">
  49.  
  50. <meta name="text:Nav Section 3 Link 2 Name" content="Two">
  51. <meta name="text:Nav Section 3 Link 2 URL" content="/">
  52.  
  53. <meta name="text:Nav Section 3 Link 3 Name" content="Three">
  54. <meta name="text:Nav Section 3 Link 3 URL" content="/">
  55.  
  56. <meta name="text:Nav Section 3 Link 4 Name" content="Four">
  57. <meta name="text:Nav Section 3 Link 4 URL" content="/">
  58.  
  59.  
  60. <!--- google fonts --->
  61. <link href='https://fonts.googleapis.com/css?family=Karla:400,700' rel='stylesheet' type='text/css'>
  62.  
  63. <!--- icon font --->
  64. <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  65.  
  66. <!--- audio player styling --->
  67. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  68.  
  69. <style type="text/css">
  70.  
  71.  
  72. body {
  73. background-image: linear-gradient(180deg, #3b3b3b -10%, #181818 20%);
  74. background-attachment:fixed;
  75. {block:ifcustomcursor}cursor:url({image:cursor}),auto;{/block:ifcustomcursor}
  76. {block:iflightmode}background: #fff;{/block:iflightmode}
  77. }
  78.  
  79.  
  80.  
  81. ::-webkit-scrollbar {
  82. width: 15px;
  83. background: #191919;
  84. {block:iflightmode}background:#fff;{/block:iflightmode}
  85. }
  86.  
  87.  
  88. ::-webkit-scrollbar-thumb {
  89. background: #535353;
  90. {block:iflightmode}color:#bbb;{/block:iflightmode}
  91. }
  92.  
  93.  
  94. ::selection {
  95. background:{color:accent};
  96. color:white;
  97. }
  98.  
  99.  
  100. a {
  101. color:{color:accent};
  102. text-decoration:none;
  103. transition:.9s;
  104. }
  105.  
  106.  
  107. a:hover {
  108. color:#D9D9D9;
  109. transition:.6s;
  110. {block:ifcustomcursor}cursor:url({image:cursor}),auto;{/block:ifcustomcursor}
  111. }
  112.  
  113.  
  114. #s-m-t-tooltip {
  115. z-index:9999999999999999999;
  116. background:{color:accent};
  117. transition: 0.5s;
  118. padding:5px;
  119. letter-spacing:1px;
  120. font-size:9px;
  121. max-width:180px;
  122. font-family:'karla', sans-serif;
  123. border-radius:10px;
  124. font-weight:700;
  125. margin-top:-40px;
  126. color:#fff;
  127. text-transform:uppercase;
  128. margin-left:-20px;
  129. }
  130.  
  131.  
  132.  
  133. /* ---------------------------------------------------------------- SIDEBAR */
  134.  
  135. .sidebar {
  136. height:100%;
  137. max-height:100%;
  138. overflow:auto;
  139. background:#121212;
  140. {block:iflightmode}background:#f9f9f9;{/block:iflightmode}
  141. padding:20px;
  142. width:200px;
  143. position:fixed;
  144. color:#959595;
  145. top:0;
  146. padding-top:80px;
  147. left:0;
  148. }
  149.  
  150.  
  151. .nav_header {
  152. font-family:'karla', sans-serif;
  153. color:#d9d9d9;
  154. {block:iflightmode}color:#222;{/block:iflightmode}
  155. text-transform:uppercase;
  156. font-size:12px;
  157. letter-spacing:1px;
  158. font-weight:700;
  159. margin-bottom:10px;
  160. border-top:1px solid transparent;
  161. margin-top:50px;
  162. }
  163.  
  164.  
  165. .nav {
  166. color:#d9d9d9;
  167. }
  168.  
  169.  
  170. .nav a {
  171. font-family:'karla', sans-serif;
  172. color:#d9d9d9;
  173. {block:iflightmode}color:#222;{/block:iflightmode}
  174. display:block;
  175. padding:10px;
  176. padding-left:0px;
  177. transition:.4s;
  178. }
  179.  
  180.  
  181. .nav a:hover {
  182. color:{color:accent};
  183. padding-left:10px;
  184. transition:.4s;
  185. }
  186.  
  187.  
  188.  
  189. /* ---------------------------------------------------------------- TOP BAR */
  190.  
  191.  
  192. .topbar {
  193. margin-left:400px;
  194. margin-top:100px;
  195. border-bottom:1px solid #444;
  196. {block:iflightmode}border-bottom:1px solid #e0e0e0;{/block:iflightmode}
  197. width:500px;
  198. padding:30px;
  199. padding-left:0px;
  200. padding-right:0px;
  201. padding-bottom:50px;
  202. transition:.6s;
  203. }
  204.  
  205.  
  206. .topbar img {
  207. width:220px;
  208. height:220px;
  209. }
  210.  
  211.  
  212.  
  213. .title {
  214. font-family:'karla', sans-serif;
  215. font-size:40px;
  216. font-weight:700;
  217. color:white;
  218. {block:iflightmode}color:#222;{/block:iflightmode}
  219. text-transform:capitalize;
  220. position:absolute;
  221. margin-top:-210px;
  222. margin-left:250px;
  223. letter-spacing:-2px;
  224. }
  225.  
  226.  
  227. .desc {
  228. font-family:'karla', sans-serif;
  229. color:#d9d9d9;
  230. {block:iflightmode}color:#222;{/block:iflightmode}
  231. font-size:12px;
  232. letter-spacing:0px;
  233. text-transform:none;
  234. margin-top:10px;
  235. width:250px;
  236. font-weight:400;
  237. line-height:18px;
  238. }
  239.  
  240.  
  241. .blog {
  242. font-family:'karla', sans-serif;
  243. color:#f9f9f9;
  244. {block:iflightmode}color:#222;{/block:iflightmode}
  245. font-size:11px;
  246. letter-spacing:2px;
  247. text-transform:uppercase;
  248. margin-bottom:5px;
  249. font-weight:400;
  250. }
  251.  
  252.  
  253. .follow {
  254. font-family:'karla', sans-serif;
  255. color:#bbb;
  256. font-size:12px;
  257. letter-spacing:0px;
  258. text-transform:none;
  259. margin-left:250px;
  260. margin-top:-38px;
  261. position:absolute;
  262. }
  263.  
  264.  
  265. .follow a {
  266. background:{color:accent};
  267. padding:10px;
  268. color:#fff;
  269. border-radius:30px;
  270. text-decoration:none;
  271. letter-spacing:1px;
  272. font-size:10px;
  273. width:70px;
  274. display:inline-block;
  275. text-align:center;
  276. transition:.6s;
  277. font-weight:700;
  278. }
  279.  
  280.  
  281. .follow a:hover {
  282. transform:scale(1.04);
  283. transition:.6s;
  284. }
  285.  
  286.  
  287.  
  288. .dashboard {
  289. font-family:'karla', sans-serif;
  290. color:#bbb;
  291. font-size:12px;
  292. letter-spacing:0px;
  293. text-transform:none;
  294. margin-left:100px;
  295. margin-top:-33px;
  296. position:absolute;
  297. }
  298.  
  299.  
  300. .dashboard a {
  301. background:none;
  302. padding:9px;
  303. color:#f0f0f0;
  304. {block:iflightmode}color:#222;{/block:iflightmode}
  305. border-radius:30px;
  306. text-decoration:none;
  307. letter-spacing:1px;
  308. font-size:10px;
  309. width:100px;
  310. display:inline-block;
  311. text-align:center;
  312. transition:.6s;
  313. border:1px solid #bbb;
  314. {block:iflightmode}border:1px solid #222;{/block:iflightmode}
  315. font-weight:700;
  316. }
  317.  
  318.  
  319. .dashboard a:hover {
  320. transform:scale(1.04);
  321. transition:.6s;
  322. border:1px solid {color:accent};
  323. background:none;
  324. color:{color:accent};
  325. }
  326.  
  327.  
  328.  
  329. /* ------------------------------------------------------------------ POSTS */
  330.  
  331.  
  332. .posts {
  333. margin-left:400px;
  334. padding:50px;
  335. margin-top:0px;
  336. width:500px;
  337. transition:.3s;
  338. border-bottom:1px solid #444;
  339. {block:iflightmode}border-bottom:1px solid #e0e0e0;{/block:iflightmode}
  340. padding-left:0px;
  341. padding-right:0px;
  342. }
  343.  
  344.  
  345. .posts img {
  346. max-width:100%;
  347. }
  348.  
  349.  
  350. .text_title {
  351. font-family:'karla', sans-serif;
  352. color:#fff;
  353. font-size:20px;
  354. font-weight:700;
  355. margin-bottom:20px;
  356. {block:iflightmode}color:#222;{/block:iflightmode}
  357. }
  358.  
  359.  
  360. .text_body {
  361. font-family:'karla', sans-serif;
  362. color:#D9D9D9;
  363. {block:iflightmode}color:#222;{/block:iflightmode}
  364. font-size:12px;
  365. line-height:20px;
  366. }
  367.  
  368.  
  369.  
  370. .caption {
  371. font-family:'karla', sans-serif;
  372. color:#D9D9D9;
  373. {block:iflightmode}color:#222;{/block:iflightmode}
  374. font-size:12px;
  375. line-height:20px;
  376. }
  377.  
  378.  
  379. /* -------------------------------------------------------------- POST INFO */
  380.  
  381.  
  382. .postinfo {
  383. text-align:right;
  384. margin-bottom:40px;
  385. }
  386.  
  387.  
  388.  
  389. .lnr-sync {
  390. font-size:15px;
  391. color:#999;
  392. {block:iflightmode}color:#222;{/block:iflightmode}
  393. font-weight:bold;
  394. margin-right:20px;
  395. transition:.9s;
  396. }
  397.  
  398.  
  399. .postinfo a:hover .lnr-sync {
  400. color:{color:accent};
  401. transition:.6s;
  402. }
  403.  
  404.  
  405. .lnr-link {
  406. font-size:15px;
  407. color:#999;
  408. {block:iflightmode}color:#222;{/block:iflightmode}
  409. font-weight:bold;
  410. transition:.9s;
  411. }
  412.  
  413.  
  414. .postinfo a:hover .lnr-link {
  415. color:{color:accent};
  416. transition:.6s;
  417. }
  418.  
  419.  
  420. .reblog {
  421. position:absolute;
  422. font-family:'karla', sans-serif;
  423. color:#d9d9d9;
  424. font-size:12px;
  425. margin-left:455px;
  426. margin-top:-45px;
  427. opacity:0;
  428. transition:.6s;
  429. letter-spacing:0.5px;
  430. }
  431.  
  432.  
  433. .postinfo a:hover .reblog {
  434. opacity:1;
  435. transition:.6s;
  436. }
  437.  
  438.  
  439. .permalink {
  440. position:absolute;
  441. font-family:'karla', sans-serif;
  442. color:#d9d9d9;
  443. font-size:12px;
  444. margin-left:435px;
  445. margin-top:-45px;
  446. opacity:0;
  447. transition:.6s;
  448. letter-spacing:0.5px;
  449. }
  450.  
  451.  
  452. .postinfo a:hover .permalink {
  453. opacity:1;
  454. transition:.6s;
  455. }
  456.  
  457.  
  458. /* ------------------------------------------------------------- AUDIO POST */
  459.  
  460.  
  461. iframe.tumblr_audio_player {
  462. height:85px!important
  463. }
  464.  
  465.  
  466.  
  467. /* -------------------------------------------------------------- CHAT POST */
  468.  
  469.  
  470. .chat {
  471. font-family:'karla', sans-serif;
  472. font-size:12px;
  473. line-height:20px;
  474. }
  475.  
  476.  
  477. .chat_label {
  478. font-weight:700;
  479. font-family:'karla', sans-serif;
  480. color:{color:accent};
  481. font-size:12px;
  482. display:inline;
  483.  
  484. }
  485.  
  486.  
  487. .chat_line {
  488. display:inline;
  489. }
  490.  
  491. .chat:nth-of-type(even) {
  492. color:{color:accent};
  493. }
  494.  
  495.  
  496. .chat:nth-of-type(odd) {
  497. color:#d9d9d9;
  498. {block:iflightmode}color:#bbb;{/block:iflightmode}
  499. }
  500.  
  501.  
  502. .chat:nth-of-type(odd) .chat_label {
  503. color:#d9d9d9;
  504. {block:iflightmode}color:#bbb;{/block:iflightmode}
  505. }
  506.  
  507.  
  508.  
  509. /* -------------------------------------------------------------- LINK POST */
  510.  
  511.  
  512. .link {
  513.  
  514. }
  515.  
  516.  
  517. .link a {
  518. background:#303030;
  519. {block:iflightmode}background:{color:accent};{/block:iflightmode}
  520. color:#d9d9d9;
  521. {block:iflightmode}color:#fff;{/block:iflightmode}
  522. padding:20px;
  523. border-radius:30px;
  524. font-family:'karla', sans-serif;
  525. width:460px;
  526. display:inline-block;
  527. }
  528.  
  529.  
  530. .link a:hover {
  531. transform:scale(1.02);
  532. }
  533.  
  534.  
  535. .link_description {
  536. font-family:'karla', sans-serif;
  537. {block:iflightmode}color:#222;{/block:iflightmode}
  538. color:#d9d9d9;
  539. font-size:12px;
  540. line-height:20px;
  541. margin-top:20px;
  542. }
  543.  
  544.  
  545.  
  546. /* ------------------------------------------------------------------- ASKS */
  547.  
  548.  
  549. .question {
  550. font-size:15px;
  551. }
  552.  
  553.  
  554. .answer {
  555. font-size:15px;
  556. }
  557.  
  558.  
  559. /* ------------------------------------------------------------- PAGINATION */
  560.  
  561.  
  562.  
  563. .pagination {
  564. font-family:'karla', sans-serif;
  565. font-size:12px;
  566. background:#121212;
  567. {block:iflightmode}background:#f9f9f9;{/block:iflightmode}
  568. width:460px;
  569. text-align:center;
  570. margin-left:400px;
  571. padding:20px;
  572. margin-top:50px;
  573. margin-bottom:50px;
  574. color:#d9d9d9;
  575. {block:iflightmode}color:#222;{/block:iflightmode}
  576. }
  577.  
  578. .pagination a {
  579. display:inline-block;
  580. padding-left:0px;
  581. color:#d9d9d9;
  582. background:{color:accent};
  583. padding:5px;
  584. color:#fff;
  585. text-transform:uppercase;
  586. letter-spacing:1px;
  587. width:70px;
  588. border-radius:30px;
  589. transition:.3s;
  590. font-size:10px;
  591. }
  592.  
  593.  
  594. .pagination a:hover {
  595. transform:scale(1.06);
  596. transition:.3s;
  597. }
  598.  
  599.  
  600.  
  601. /* ----------------------------------------------------------------- CREDIT */
  602.  
  603.  
  604. .credit {
  605. font-family:'karla';
  606. font-size:10px;
  607. letter-spacing:1px;
  608. margin-top:10px;
  609. border-radius:3px;
  610. }
  611.  
  612.  
  613. .credit a {
  614. color:#999;
  615. border:none;
  616. transition:.7s;
  617. background:none;
  618. padding:none;
  619. text-transform:none;
  620. font-weight:700;
  621. }
  622.  
  623.  
  624. .credit a:hover{
  625. color:{color:accent};
  626. transition:.7s;
  627. }
  628.  
  629.  
  630.  
  631. /* --------------------------------------------------------- PERMALINK PAGE */
  632.  
  633.  
  634.  
  635. .postnotes {
  636. padding:20px;
  637. padding-left:0px;
  638. font-family:'karla';
  639. color:#555;
  640. font-size:11px;
  641. letter-spacing:0.5px;
  642. line-height:35px;
  643. max-height:300px;
  644. overflow:auto;
  645. width:530px;
  646. margin-left:-50px;
  647. margin-top:40px;
  648. }
  649.  
  650.  
  651. .postnotes a {
  652. border:none;
  653. }
  654.  
  655. .postnotes a:hover {
  656. color:{color:accent};
  657. }
  658.  
  659. .postnotes img {
  660. border-radius:100%;
  661. margin-right:5px;
  662. vertical-align:-15%;
  663. }
  664.  
  665. .postnotes li {
  666. list-style-type:none;
  667. }
  668.  
  669.  
  670. .postnotes::-webkit-scrollbar-track {
  671. background:#191919;
  672. }
  673.  
  674.  
  675. /* ----------------------------------------------------- BACK TO TOP BUTTON */
  676.  
  677.  
  678. #top {
  679. width: 40px;
  680. line-height: 40px;
  681. overflow: hidden;
  682. z-index: 999;
  683. display: none;
  684. position: fixed;
  685. bottom: 20px;
  686. right: 0;
  687. color: #888;
  688. text-align: center;
  689. font-size: 30px;
  690. text-decoration: none;
  691. padding-right:20px;
  692. }
  693.  
  694.  
  695. #top:hover {
  696. color: {color:accent};
  697. }
  698.  
  699.  
  700. #top:hover .lnr-arrow-up-circle {
  701. color: {color:accent};
  702. transition:.6s;
  703. }
  704.  
  705.  
  706. .lnr-arrow-up-circle {
  707. color:#444;
  708. transition:.6s;
  709. }
  710.  
  711.  
  712. </style>
  713. </head>
  714.  
  715.  
  716.  
  717. <!--- audio player styling --->
  718. <script>
  719. $(document).ready(function() {
  720. $('iframe.tumblr_audio_player').load( function() {
  721. $('iframe.tumblr_audio_player').contents().find("head")
  722. .append($("<link href='https://fonts.googleapis.com/css?family=Karla:400,700' rel='stylesheet' type='text/css'> <style type='text/css'> .audio-player{background:#333; color:#d9d9d9; {block:iflightmode}background:{color:accent}; color:#222;{/block:iflightmode} font-family:'karla';border-top-left-radius:5px;border-bottom-left-radius:5px;!important} </style>"));
  723. });
  724. });
  725. </script>
  726.  
  727.  
  728. <body>
  729.  
  730.  
  731. <!--- sidebar --->
  732.  
  733. <div class="sidebar">
  734.  
  735. <div class="nav_header">{text:blog links header}</div>
  736. <div class="nav">
  737. <a href="/">Index</a>
  738. <a href="/ask">Contact</a>
  739. <a href="/archive">Archive</a>
  740. <a href="/submit">Submit</a>
  741. <a href="/random">Random post</a>
  742. </div>
  743.  
  744. <div class="nav_header">{text:nav section 2 header}</div>
  745. <div class="nav">
  746. <a href="{text:nav section 2 link 1 url}">{text:nav section 2 link 1 name}</a>
  747. <a href="{text:nav section 2 link 2 url}">{text:nav section 2 link 2 name}</a>
  748. <a href="{text:nav section 2 link 3 url}">{text:nav section 2 link 3 name}</a>
  749. <a href="{text:nav section 2 link 4 url}">{text:nav section 2 link 4 name}</a>
  750. </div>
  751.  
  752. {block:ifthirdnavsection}
  753. <div class="nav_header">{text:nav section 3 header}</div>
  754. <div class="nav">
  755. <a href="{text:nav section 3 link 1 url}">{text:nav section 3 link 1 name}</a>
  756. <a href="{text:nav section 3 link 2 url}">{text:nav section 3 link 2 name}</a>
  757. <a href="{text:nav section 3 link 3 url}">{text:nav section 3 link 3 name}</a>
  758. <a href="{text:nav section 3 link 4 url}">{text:nav section 3 link 4 name}</a>
  759. </div>
  760. {/block:ifthirdnavsection}
  761.  
  762. </div>
  763.  
  764.  
  765. <!--- top bar --->
  766.  
  767. <div class="topbar">
  768.  
  769. <img src="{image:topbar image}">
  770.  
  771. <div class="title">
  772. <div class="blog">blog</div>
  773. {title}
  774. <div class="desc">{description}</div>
  775. </div>
  776.  
  777. <div class="follow">
  778. <a href="http://tumblr.com/follow/{name}">FOLLOW</a>
  779. <div class="dashboard">
  780. <a href="http://tumblr.com">DASHBOARD</a>
  781. </div>
  782. </div>
  783.  
  784. </div>
  785.  
  786.  
  787.  
  788. <!--- posts --->
  789.  
  790. {block:posts}
  791. <div class="posts">
  792.  
  793. <div class="postinfo">
  794. <a href="{reblogurl}" title="reblog"><span class="lnr lnr-sync"></span></a>
  795. <a href="{permalink}" title="permalink"><span class="lnr lnr-link"></span></a>
  796. </div>
  797.  
  798. {block:quote}
  799. <div class="text_title">{quote}</div>
  800. <div class="text_body">{source}</div>
  801. {/block:quote}
  802.  
  803. {block:text}
  804. {block:title}<div class="text_title">{title}</div>{/block:title}
  805. <div class="text_body">{body}</div>
  806. {/block:text}
  807.  
  808. {block:photo}
  809. <img src="{photourl-500}">
  810. {block:caption}<div class="caption">{caption}</div>{/block:caption}
  811. {/block:photo}
  812.  
  813. {block:audio}
  814. {audioembed-500}
  815. {block:caption}<div class="caption">{caption}</div>{/block:caption}
  816. {/block:audio}
  817.  
  818. {block:photoset}
  819. {photoset-500}
  820. {block:caption}<div class="caption">{caption}</div>{/block:caption}
  821. {/block:photoset}
  822.  
  823. {block:video}
  824. {video-500}
  825. {block:caption}<div class="caption">{caption}</div>{/block:caption}
  826. {/block:video}
  827.  
  828. {block:chat}
  829. {block:title}<div class="text_title">{title}</div>{/block:title}
  830. {block:lines}
  831. <div class="chat">
  832. {block:label}<div class="chat_label">{label}</div>{/block:label}
  833. <div class="chat_line">{line}</div><p>
  834. </div>
  835. {/block:lines}
  836. {/block:chat}
  837.  
  838. {block:link}
  839. <div class="link"><a href="{URL}">{Name}</a></div>
  840. {block:description}
  841. <div class="link_description">{description}</div>
  842. {/block:description}
  843. {/block:link}
  844.  
  845. {block:answer}
  846. <div class="question"><img src="{askerportraiturl-24}"> {asker}<p>
  847. {question}
  848. </div>
  849. <p>
  850. <div class="answer">{answer}</div>
  851. {/block:answer}
  852.  
  853.  
  854. {block:permalinkpage}
  855. {block:postnotes}
  856. <div class="postnotes">{postnotes}</div>
  857. {/block:postnotes}
  858. {/block:permalinkpage}
  859.  
  860. </div>
  861. {/block:posts}
  862.  
  863.  
  864. {block:pagination}
  865. <div class="pagination">
  866. {block:previouspage}
  867. <a href="{previouspage}">Previous</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  868. {/block:previouspage}
  869.  
  870. {block:nextPage}
  871. <a href="{nextpage}">Next</a>
  872. {/block:nextPage}
  873. <br><br>
  874. <div class="credit">
  875. theme by <a href="http://wizardhut.tumblr.com">wizardhut</a>
  876. </div>
  877. </div>
  878. {block:pagination}
  879.  
  880.  
  881. <!--- tooltip scripts --->
  882.  
  883. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  884.  
  885. <script>
  886. (function($){ $(document).ready(function(){ $("[title]").style_my_tooltips({tip_follows_cursor:true,tip_delay_time:0,tip_fade_speed:0,attribute:"title"});});})(jQuery);</script>
  887.  
  888.  
  889. <!--- back to top button --->
  890.  
  891. <a id="top" title="Back to top" href="#"><span class="lnr lnr-arrow-up-circle"></span></a>
  892.  
  893.  
  894. <script>
  895. $(window).scroll(function() {
  896. var height = $(window).scrollTop();
  897. if (height > 100) {
  898. $('#top').fadeIn();
  899. } else {
  900. $('#top').fadeOut();
  901. }
  902. });
  903. $(document).ready(function() {
  904. $("#top").click(function(event) {
  905. event.preventDefault();
  906. $("html, body").animate({ scrollTop: 0 }, "slow");
  907. return false;
  908. });
  909.  
  910. });
  911. </script>
  912.  
  913.  
  914.  
  915. </body>
  916. </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!