API tools faq
paste
Advertisement
octomoosey

ben

octomoosey
May 21st, 2017
2,289
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.18 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <!-- octomoosey @ tumblr -->
  4.  
  5. <html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  6. <head><title>{Title}</title>
  7. <link rel="shortcut icon" href="{Favicon}">
  8. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  9. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  10.  
  11. <meta name="color:background" content="#000" />
  12. <meta name="color:containerbg" content="#ddd" />
  13. <meta name="color:headerbg" content="#fff" />
  14. <meta name="color:descriptionbg" content="#000" />
  15. <meta name="color:description" content="#fff" />
  16. <meta name="color:posts" content="#ffffff" />
  17. <meta name="color:text" content="#111" />
  18. <meta name="color:postinfo" content="#111" />
  19. <meta name="color:posttitle" content="#111" />
  20. <meta name="color:link" content="#f2992e" />
  21. <meta name="color:linkhover" content="#777777" />
  22. <meta name="color:bold" content="#f2992e" />
  23. <meta name="color:italic" content="#f2992e" />
  24. <meta name="color:borders" content="#eeeeee" />
  25. <meta name="color:scrollbar" content="#b3b3b3" />
  26. <meta name="color:selectionbg" content="#ffffff" />
  27. <meta name="color:selectiontext" content="#000000" />
  28. <meta name="color:nav" content="#f2992e" />
  29. <meta name="color:navhover" content="#c0c0c0" />
  30. <meta name="color:pagination" content="#ffffff" />
  31. <meta name="color:maintitle" content="#ffffff" />
  32. <meta name="color:subtitle" content="#ffffff" />
  33.  
  34. <meta name="text:link 1" content="link 1">
  35. <meta name="text:link 1 url" content="/">
  36. <meta name="text:link 2" content="link 2">
  37. <meta name="text:link 2 url" content="/">
  38. <meta name="text:link 3" content="link 3">
  39. <meta name="text:link 3 url" content="/">
  40. <meta name="text:link 4" content="link 4">
  41. <meta name="text:link 4 url" content="/">
  42. <meta name="text:link 5" content="link 5">
  43. <meta name="text:link 5 url" content="/">
  44.  
  45. <meta name="select:postsize" content="200px" title="200px">
  46. <meta name="select:postsize" content="250px" title="250px">
  47. <meta name="select:postsize" content="300px" title="300px">
  48. <meta name="select:postsize" content="350px" title="350px">
  49. <meta name="select:postsize" content="400px" title="400px">
  50. <meta name="select:postsize" content="450px" title="450px">
  51. <meta name="select:postsize" content="500px" title="500px">
  52. <meta name="select:postsize" content="540px" title="540px">
  53.  
  54. <meta name="if:hide captions" content="0"/>
  55.  
  56. <meta name="image:background" content="" />
  57. <meta name="font:bodyfont" content="Gibson">
  58. <meta name="text:bodyfontsize" content="10px" />
  59.  
  60. <meta name="text:maintitle" content="octomoosey">
  61. <meta name="text:subtitle" content="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ">
  62.  
  63. <!---••• Fonts and Icons •••--->
  64.  
  65. <link href="https://fonts.googleapis.com/css?family=Fjalla+One|Roboto" rel="stylesheet">
  66.  
  67. <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  68.  
  69. <script src="https://use.fontawesome.com/ab7c03fd2a.js"></script>
  70.  
  71. <style type="text/css">
  72.  
  73. /* ---••• General Styling •••--- */
  74.  
  75. iframe.tmblr-iframe.tmblr-iframe--desktop-loggedin-controls.iframe-controls--desktop, .tmblr-iframe {
  76. position:fixed;
  77. top:8px!important;
  78. right:10px!important;
  79. white-space:nowrap;
  80. transform: scale(0.8,0.8);
  81. opacity:0.7;
  82. transition: 0.7s ease-in-out;
  83. -webkit-transition: 0.7s ease-in-out;
  84. -moz-transition: 0.7s ease-in-out;
  85. -o-transition: 0.7s ease-in-out;}
  86.  
  87. #tumblr_lightbox {
  88. background-color:rgba(255, 255, 255, .9)!important;
  89. z-index:99999!important;}
  90.  
  91. #tumblr_lightbox img {opacity:0;}
  92.  
  93. #tumblr_lightbox_caption {
  94. font-weight:normal!important;
  95. text-shadow:none!important;}
  96.  
  97. #tumblr_lightbox_center_image, #tumblr_lightbox_left_image, #tumblr_lightbox_right_image {
  98. -moz-box-shadow:none!important;
  99. -webkit-box-shadow:none!important;
  100. box-shadow:none!important;
  101. -moz-border-radius:0px!important;
  102. -webkit-border-radius:0px!important;
  103. border-radius:0px!important;
  104. opacity:1!important;}
  105.  
  106. #tumblr_lightbox_left_image, #tumblr_lightbox_right_image {opacity:.4!important;}
  107.  
  108. ::-webkit-scrollbar {
  109. width:17px;
  110. height:17px;}
  111.  
  112. ::-webkit-scrollbar {
  113. background-color:{color:background};}
  114.  
  115. ::-webkit-scrollbar-track {
  116. border:7px solid {color:background};
  117. background-color:rgb(230,230,230);}
  118.  
  119. ::-webkit-scrollbar-thumb {
  120. border:7px solid {color:background};
  121. background-color:{color:scrollbar};
  122. min-height:24px;
  123. min-width:24px;}
  124.  
  125. ::-moz-selection {
  126. color:{color:selectiontext};
  127. background:{color:selectionbg};}
  128.  
  129. ::selection {
  130. color:{color:selectiontext};
  131. background:{color:selectionbg};}
  132.  
  133. body {
  134. background:{color:background};
  135. color:{color:text};
  136. font-family:{font:bodyfont};
  137. font-size: {text:bodyfontsize};
  138. font-weight:normal;
  139. margin:0;
  140. line-height:150%;}
  141.  
  142. blockquote {
  143. text-align:left;
  144. padding-left:10px;
  145. border-left:1px solid {color:borders};
  146. margin:0px 10px 0px 10px;}
  147.  
  148. .caption blockquote {
  149. margin:0px 10px 0px 10px;
  150. text-align:left;}
  151.  
  152. blockquote img {
  153. max-width:100%;
  154. height:auto;}
  155.  
  156. blockquote iframe {
  157. max-width:100%;
  158. height:auto;}
  159.  
  160. img {
  161. max-width:100%;
  162. height:auto;}
  163.  
  164. .caption img {
  165. max-width:100%;
  166. height:auto;}
  167.  
  168. .posts img {
  169. margin:5px auto;
  170. max-width:100%;}
  171.  
  172. pre {
  173. font-size:8px;
  174. letter-spacing:1px;
  175. text-transform:uppercase;
  176. color:{color:posttitle};
  177. overflow: hidden;
  178. display: block;
  179. text-align: center;}
  180.  
  181. a {
  182. color:{color:link};
  183. text-decoration:none;
  184. cursor:help;
  185. -webkit-transition: all 0.7s ease;
  186. transition: all 0.7s ease;
  187. -moz-transition: all 0.7s ease;
  188. -o-transition: all 0.7s ease;}
  189.  
  190. a:hover {
  191. text-decoration:none;
  192. color:{color:linkhover};}
  193.  
  194. p {
  195. margin:10px 0 10px 0;}
  196.  
  197. p:first-of-type {
  198. margin-top:0;
  199. padding-top:0;}
  200.  
  201. p:last-of-type {
  202. margin-bottom:10px;
  203. padding-bottom:0;}
  204.  
  205. b, strong {
  206. color:{color:bold};}
  207.  
  208. i {
  209. font-style:italic;
  210. font-size: 10px;
  211. color:{color:italic};
  212. letter-spacing:1px;
  213. text-align:justify;}
  214.  
  215. small, big {
  216. font-size: {text:bodyfontsize};}
  217.  
  218. sub, sup {
  219. font-size: 63%;
  220. letter-spacing:1.7px;}
  221.  
  222. h1, h2, h3, h4 {
  223. text-align:center;
  224. font-size:18px;
  225. color:{color:posttitle};}
  226.  
  227. {block:IfGreyscale}
  228.  
  229. img {
  230. -webkit-filter:grayscale(100%);
  231. -webkit-transition: all 0.9s ease-in-out;
  232. -moz-transition: all 0.9s ease-in-out;
  233. -o-transition: all 0.9s ease-in-out;
  234. -ms-transition: all 0.9s ease-in-out;
  235. transition: all 0.9s ease-in-out;}
  236.  
  237. img:hover {
  238. -webkit-filter:none;}
  239.  
  240. .html_photoset {
  241. -webkit-filter: grayscale(100%);
  242. -webkit-transition: all 0.9s ease-in-out;
  243. -moz-transition: all 0.9s ease-in-out;
  244. -o-transition: all 0.9s ease-in-out;
  245. -ms-transition: all 0.9s ease-in-out;
  246. transition: all 0.9s ease-in-out;}
  247.  
  248. .html_photoset:hover {
  249. -webkit-filter: none;}
  250.  
  251. {/block:IfGreyscale}
  252.  
  253. .media {
  254. position:relative;
  255. display:inline-block;
  256. height:auto;
  257. width:100%;}
  258.  
  259. .caption {
  260. font-family:{font:bodyfont};
  261. margin-top:15px;
  262. {block:ifhidecaptions}
  263. {block:indexpage}
  264. display:none;
  265. {/block:indexpage}
  266. {/block:ifhidecaptions}}
  267.  
  268. /* ---••• Entries Styling •••--- */
  269.  
  270. #container {
  271. position:fixed;
  272. height:calc(100% - 150px);
  273. top:100px;
  274. left:5%;
  275. width:90%;
  276. background:{color:containerbg};
  277. overflow-y:scroll;}
  278.  
  279. .entries {
  280. width:calc({select:postsize} + 60px);
  281. left:50%;
  282. {block:indexpage}
  283. padding-top:120px;
  284. {/block:indexpage}
  285. {block:PermalinkPage}
  286. margin-top:50px;
  287. {/block:PermalinkPage}
  288. margin-left:calc(-{select:postsize}/2 - 30px);
  289. position:absolute;}
  290.  
  291. #post {
  292. width: {select:postsize};
  293. padding:29px;
  294. background:{color:posts};
  295. border:1px solid {color:borders};}
  296.  
  297. .date {
  298. width:calc({select:postsize} + 50px);
  299. {block:IndexPage}
  300. margin-bottom:100px;
  301. {/block:IndexPage}
  302. {block:PermalinkPage}
  303. margin-bottom:20px;
  304. {/block:PermalinkPage}
  305. padding:5px;
  306. text-align:center;
  307. border-top:1px solid {color:borders};
  308. background:{color:posts};
  309. margin-top:5px;
  310. letter-spacing: .5px;
  311. text-transform: lowercase;}
  312.  
  313. .date a {
  314. color:{color:tags};}
  315.  
  316. .date a:hover {
  317. color:{color:tagshover};}
  318.  
  319. ol.notes {
  320. text-align:left;
  321. padding:0px;
  322. margin:25px 0px 0px 10px;
  323. list-style-type:none;}
  324.  
  325. ol.notes li.note {
  326. padding:10px;}
  327.  
  328. ol.notes li.note img.avatar {
  329. vertical-align:-4px;
  330. margin-right:10px;
  331. width:16px;
  332. height:16px;}
  333.  
  334. ol.notes li.note span.action {
  335. font-weight:none;}
  336.  
  337. ol.notes li.note .answer_content {
  338. font-weight:normal;}
  339.  
  340. ol.notes li.note blockquote {
  341. padding:4px 10px;
  342. margin:10px 0px 0px 25px;}
  343.  
  344. ol.notes li.note blockquote a {
  345. text-decoration:none;}
  346.  
  347. /* ---••• Topbar Styling •••--- */
  348.  
  349. #topbar {
  350. z-index:2;
  351. color:{color:sidebartext};
  352. width:1100px;
  353. position:fixed;
  354. height:30px;
  355. text-align:left;
  356. left:5%;
  357. top:50px;}
  358.  
  359. #title {
  360. color:{color:maintitle};
  361. display:inline-block;
  362. font-family: 'Fjalla One', sans-serif;
  363. font-size:28px;
  364. margin-right:10px;}
  365.  
  366. #subtitle {
  367. margin-top:2px;
  368. color:{color:subtitle};
  369. font-style: italic;
  370. letter-spacing:2px;}
  371.  
  372. #nav {
  373. top:-3px;
  374. display:inline-block;
  375. font-family: 'Fjalla One', sans-serif;
  376. position:relative;
  377. text-transform:uppercase;}
  378.  
  379. #nav a {
  380. margin-right:10px;
  381. font-size:14px;
  382. display:inline-block;
  383. color:{color:nav};}
  384.  
  385. #nav a:hover {
  386. color:{color:navhover};}
  387.  
  388.  
  389. /* ---••• HeaderStyling •••--- */
  390.  
  391. #header {
  392. position:relative;
  393. background:{color:headerbg};
  394. width:100%;
  395. height:100%;
  396. background-image: url('{image:background}');
  397. background-repeat:no-repeat;
  398. background-position:bottom right;
  399. background-attachment:absolute;
  400. -webkit-background-size: cover;
  401. -moz-background-size: cover;
  402. -o-background-size: cover;
  403. background-size: cover;}
  404.  
  405. .description {
  406. text-align:center;
  407. padding:20px;
  408. position:relative;
  409. top: 50%;
  410. left: 50%;
  411. width:220px;
  412. height:220px;
  413. -moz-webkit-transform: translate(-50%, -50%);
  414. -o-webkit-transform: translate(-50%, -50%);
  415. -webkit-transform: translate(-50%, -50%);
  416. transform: translate(-50%, -50%);
  417. background:{color:descriptionbg};
  418. color:{color:description};
  419. border:1px solid {color:borders};}
  420.  
  421. .descriptioninner {
  422. height:178px;
  423. padding:20px;
  424. border:1px solid {color:borders};}
  425.  
  426. /* ---••• Footer Styling •••--- */
  427.  
  428. #footer {
  429. width:1100px;
  430. left:50%;
  431. margin-left:-550px;
  432. position:fixed;
  433. bottom:18px;
  434. text-align:center;
  435. color:{color:pagination};
  436. z-index:9;
  437. font-size:12px;}
  438.  
  439. /* ---••• Post Types Styling •••--- */
  440.  
  441. /* ---••• Quotes •••--- */
  442.  
  443. .quote {
  444. text-transform:uppercase;
  445. font-size:12px;
  446. font-weight:bold;
  447. text-align:center;}
  448.  
  449. .quotesource {
  450. text-align:center;
  451. margin-top:10px;}
  452.  
  453. /* ---••• Chat •••--- */
  454.  
  455. .chat {
  456. line-height:20px;
  457. list-style:none;}
  458.  
  459. .line.odd {
  460. background:{color:headerbg};
  461. color:{color:text};
  462. margin-bottom:2px;
  463. padding:5px;
  464. list-style:none;
  465. font-size:10px;}
  466.  
  467. .line.even {
  468. margin-bottom:2px;
  469. padding:5px;
  470. list-style:none;
  471. font-size:10px;}
  472.  
  473. .label {
  474. padding-right:1px;
  475. text-transform:uppercase;
  476. font-weight:bold;
  477. color:{color:links};}
  478.  
  479. /* ---••• Asks •••--- */
  480.  
  481. .question {
  482. background:#fafafa;
  483. padding:10px;}
  484.  
  485. .asker {
  486. text-transform:uppercase;}
  487.  
  488. .answer {
  489. padding:10px;
  490. margin-top:-15px;}
  491.  
  492. /* ---••• Music •••--- */
  493.  
  494. .playerbutton {
  495. position:relative;
  496. width:30px;
  497. height:35px;
  498. overflow:hidden;}
  499.  
  500. .playerbuttonhug {
  501. position: absolute;
  502. top:-7px;
  503. left:2px;}
  504.  
  505. .tumblr_audio_player {
  506. height:50px;
  507. width:500px;}
  508.  
  509. .playerbuttonbg {
  510. -webkit-border-radius: 3px;
  511. -moz-border-radius: 3px;
  512. border-radius: 3px;
  513. position:absolute;
  514. width:35px;
  515. height:35px;
  516. background-color:#e4e4e4;
  517. padding:10px;}
  518.  
  519. .trackdetails {
  520. margin-top:10px;
  521. display:inline-block;
  522. margin-left:70px;
  523. font-size:10px;
  524. letter-spacing:1px;
  525. padding:5px;
  526. line-height:15px;}
  527.  
  528. .trackdetails span {
  529. text-transform:uppercase;}
  530.  
  531. .audiowrapper {
  532. position:relative;
  533. display:inline-block;}
  534.  
  535. /* ---••• Other •••--- */
  536.  
  537. #s-m-t-tooltip {
  538. max-width:300px;
  539. margin:15px;
  540. padding:5px;
  541. border:1px solid #eeeeee;
  542. border-radius:0px;
  543. background:#ffffff;
  544. color:{color:text};
  545. z-index:999999;
  546. font-size:7px;
  547. font-style:none;
  548. font-weight:lighter;
  549. letter-spacing:2px;
  550. font-family:helvetica;
  551. text-transform:uppercase;
  552. box-shadow:1px 1px 3px rgba(0,0,0,.0);}
  553.  
  554. #credit {
  555. z-index:999;
  556. bottom:0px;
  557. right:0px;
  558. height:30px;
  559. width:30px;
  560. opacity:0.8;
  561. position:fixed;
  562. padding:5px;}
  563.  
  564. .clickdown {
  565. width:180px;
  566. text-align:center;
  567. position:absolute;
  568. bottom:24px;
  569. font-style: none;
  570. text-transform:uppercase;
  571. letter-spacing:2px;
  572. font-size:8px;
  573. font-family: 'Roboto', sans-serif;}
  574.  
  575. </style>
  576.  
  577. </head>
  578.  
  579. <body>
  580.  
  581. <div id="topbar">
  582. <div id="title">{text:maintitle}</div>
  583.  
  584. <div id="nav">
  585. <a href="/">index</a>
  586. <a href="/ask">queries</a>
  587. {block:iflink1}<a href="{text:link 1 url}">{text:link 1}</a>{/block:iflink1}
  588. {block:iflink2}<a href="{text:link 2 url}">{text:link 2}</a>{/block:iflink2}
  589. {block:iflink3}<a href="{text:link 3 url}">{text:link 3}</a>{/block:iflink3}
  590. {block:iflink4}<a href="{text:link 4 url}">{text:link 4}</a>{/block:iflink4}
  591. {block:iflink5}<a href="{text:link 5 url}">{text:link 5}</a>{/block:iflink5}
  592. </div>
  593.  
  594. <div id="subtitle">{text:subtitle}</div>
  595.  
  596. </div>
  597. <div id="container">
  598. {block:IndexPage}
  599. <div id="header">
  600. <div class="description">
  601. <div class="descriptioninner">
  602. {description}
  603.  
  604. <div class="clickdown"><a href="#">scroll down</a> </div>
  605. </div></div>
  606. </div>
  607. {/block:IndexPage}
  608. <div class="entries">{block:Posts}
  609.  
  610. <div id="post">
  611.  
  612. {block:Photo}
  613. <div class="media">{LinkOpenTag}<img src="{PhotoURL-HighRes}" width="100%">{LinkCloseTag}</div>
  614. {/block:Photo}
  615.  
  616. {block:Photoset}
  617. <div class="media">
  618. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div>
  619. </div>
  620. {/block:Photoset}
  621.  
  622. {block:Panorama}
  623. {LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}" />{LinkCloseTag}
  624. {/block:Panorama}
  625.  
  626. {block:Video}
  627. <div class="media video">{Video-500}</div>
  628. {/block:Video}
  629.  
  630. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  631.  
  632. {block:Link}
  633. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  634. {block:Description}{Description}{/block:Description}
  635. {/block:Link}
  636.  
  637. {block:Chat}
  638. {block:Title}<h1>{Title}</h1>{/block:Title} <div class="chat"> {block:Lines} <li class="line {Alt}"> {block:Label} <span class="label"> {Label}</span> {/block:Label}{Line}</li> {/block:Lines}</div>
  639. {/block:Chat}
  640.  
  641.  
  642. {block:Audio}
  643. {block:AudioPlayer}
  644. <div class="audiowrapper">
  645. <div class="playerbuttonbg">
  646. <div class="playerbutton">
  647. <div class="playerbuttonhug">
  648. {AudioPlayerGrey}
  649. </div></div></div>
  650.  
  651. <div class="trackdetails">
  652. {block:TrackName}<span>TRACK:</span> {TrackName}{/block:TrackName}<br>
  653.  
  654. {block:Artist}<span>ARTIST:</span> {Artist}{/block:Artist}
  655.  
  656. </div></div>
  657. {/block:AudioPlayer}
  658. {/block:Audio}
  659.  
  660.  
  661.  
  662. {block:Quote}<div class="quote">"{Quote}"</div>
  663. {block:Source}<div class="quotesource"> — {Source}</div>
  664. {/block:Source}{/block:Quote}
  665.  
  666. {block:Answer}
  667. <div class="question">
  668. <div class="asker"><b>{Asker} said:</b></div>
  669. {Question}</div><br>
  670. <div class="answer">
  671. {Answer}</div>
  672. {/block:Answer}
  673.  
  674. {block:Caption}
  675. <div class="caption">{Caption}</div>
  676. {/block:Caption}
  677.  
  678. </div>
  679.  
  680.  
  681. <div id="{ShortURL}-hide">
  682. {block:Date}
  683. <div class="date"><span class="lnr lnr-calendar-full"></span>
  684. &nbsp<a href="{Permalink}">{DayOfMonth}{DayOfMonthSuffix} {ShortMonth}</a> &middot;
  685. <a href="{Permalink}">{NoteCount}n</a> &middot;
  686. <a href="{ReblogURL}" title="reblog"><span class="lnr lnr-redo"></span></a> &middot;
  687. {block:RebloggedFrom}
  688.  
  689. <a href="{ReblogParentURL}"> via </a> &middot;
  690. <a href="{ReblogRootURL}"> src </a>
  691. {/block:RebloggedFrom}
  692. <br>
  693.  
  694. {block:HasTags}{block:Tags}<span class="lnr lnr-tag"></span> <a href="{TagURL}">{Tag} </a>{/block:Tags}{/block:HasTags}
  695. {/block:Date}
  696.  
  697. {block:PostNotes}{PostNotes}
  698. {/block:PostNotes}
  699. </div></div>
  700.  
  701. {/block:Posts}
  702.  
  703.  
  704. {block:ContentSource}
  705. <!---{SourceURL}{block:SourceLogo}<img src=”{BlackLogoURL}”
  706. width=”{LogoWidth}” height=”{LogoHeight}” alt=”{SourceTitle}” />
  707. {/block:SourceLogo}
  708. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} --->
  709. {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  710.  
  711. {/block:Posts}</div> </div>
  712.  
  713. <div id="footer">
  714. {block:Pagination}<div id="pagination">
  715. {block:PreviousPage}<a href="{PreviousPage}">&larr;</a>&nbsp;&nbsp;{/block:PreviousPage}
  716. {block:JumpPagination length="5"}
  717. {block:CurrentPage}<span class="current_page">{PageNumber}</span>&nbsp;&nbsp;{/block:CurrentPage}
  718. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>&nbsp;&nbsp;{/block:JumpPage}
  719. {/block:JumpPagination}
  720. {block:NextPage}<a href="{NextPage}">&rarr;</a>{/block:NextPage}
  721. </div>{/block:Pagination}
  722. </div>
  723.  
  724. </div>
  725.  
  726. <div id="credit"><a href="https://octomoosey.tumblr.com/" title="theme by octomoosey"><img src="https://static.tumblr.com/uopakca/cwDo0y64u/octopus-24.png"></a></div>
  727.  
  728. <!---••• Scripts •••--->
  729.  
  730. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  731.  
  732. <script src="https://static.tumblr.com/fiw4iub/4jdnu5ta4/jquery.style-my-tooltips.js"></script>
  733.  
  734. <script>
  735. (function($){
  736. $(document).ready(function(){
  737. $("a[title]").style_my_tooltips({
  738. tip_follows_cursor:true,
  739. tip_delay_time:90,
  740. tip_fade_speed:600,
  741. attribute:"title"
  742. });
  743. });
  744. })(jQuery);
  745. </script>
  746.  
  747. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  748. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  749. <script src="https://static.tumblr.com/yzs4yqx/lOsokx99u/smoothscroll.min.js"></script>
  750. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  751. <script src="https://static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  752.  
  753. <script>
  754. $(document).ready(function(){
  755. $('.photo-slideshow').pxuPhotoset({
  756. lightbox: true,
  757. rounded: false,
  758. gutter: '3px',
  759. borderRadius: '0px',
  760. photoset: '.photo-slideshow',
  761. photoWrap: '.photo-data',
  762. photo: '.pxu-photo'
  763. });
  764. });
  765. </script>
  766.  
  767. <script>
  768. $(document).ready(function(){
  769.  
  770. $('.totop').click(function(){
  771. $('html, body, #container').animate({scrollTop : 0},1200);
  772. return false;
  773. });
  774. $('.clickdown').click(function(){
  775. $('html, body, #container').animate({scrollTop : $(".entries").offset().top},1200);
  776. return false;
  777. });
  778.  
  779. $(window).scroll(function(){
  780. if ($(this).scrollTop() > 200) {
  781. $('.totop').fadeIn();
  782. } else {
  783. $('.totop').fadeOut();
  784. }
  785. });
  786. });
  787. </script>
  788.  
  789.  
  790. </body>
  791. </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!