API tools faq
paste
Advertisement
octomoosey

Goat

octomoosey
Feb 7th, 2017
6,177
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.68 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:posts" content="#000" />
  13. <meta name="color:pageborder" content="#fff" />
  14. <meta name="color:text" content="#bbb"/>
  15. <meta name="color:borders" content="#8c8c8c" />
  16. <meta name="color:bold" content="#8c8c8c" />
  17. <meta name="color:italic" content="#8c8c8c" />
  18. <meta name="color:link" content="#8c8c8c"/>
  19. <meta name="color:linkhover" content="#aaaaaa"/>
  20. <meta name="color:nav" content="#fb9d28"/>
  21. <meta name="color:navhover" content="#8c8c8c" />
  22. <meta name="color:scrolltotop" content="#000" />
  23. <meta name="color:tags" content="#bbb"/>
  24. <meta name="color:tagshover" content="#8c8c8c" />
  25. <meta name="color:posttitle" content="#8c8c8c"/>
  26. <meta name="color:scrollbar" content="#fb9d28" />
  27. <meta name="color:selectiontext" content="#ffffff" />
  28. <meta name="color:selectionbg" content="#8c8c8c" />
  29. <meta name="color:tooltiptext" content="#ffffff" />
  30. <meta name="color:tooltipbg" content="#8c8c8c" />
  31.  
  32. <meta name="text:link 1" content="link 1">
  33. <meta name="text:link 1 url" content="/">
  34. <meta name="text:link 2" content="link 2">
  35. <meta name="text:link 2 url" content="/">
  36. <meta name="text:link 3" content="link 3">
  37. <meta name="text:link 3 url" content="/">
  38. <meta name="text:link 4" content="link 4">
  39. <meta name="text:link 4 url" content="/">
  40. <meta name="text:link 5" content="link 5">
  41. <meta name="text:link 5 url" content="/">
  42. <meta name="text:link 6" content="link 6">
  43. <meta name="text:link 6 url" content="/">
  44.  
  45. <meta name="if:hide captions" content="0"/>
  46. <meta name="if:greyscale" content="0"/>
  47.  
  48. <meta name="font:bodyfont" content="Gibson">
  49. <meta name="text:bodyfontsize" content="10px" />
  50.  
  51. <meta name="image:background" content="" />
  52.  
  53. <link href="https://fonts.googleapis.com/css?family=Fjalla+One|Roboto" rel="stylesheet">
  54.  
  55. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
  56.  
  57. <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  58.  
  59. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  60.  
  61. <script src="https://static.tumblr.com/fiw4iub/4jdnu5ta4/jquery.style-my-tooltips.js"></script>
  62.  
  63. <script>
  64. (function($){
  65. $(document).ready(function(){
  66. $("a[title]").style_my_tooltips({
  67. tip_follows_cursor:true,
  68. tip_delay_time:90,
  69. tip_fade_speed:600,
  70. attribute:"title"
  71. });
  72. });
  73. })(jQuery);
  74. </script>
  75.  
  76. <style type="text/css">
  77.  
  78. iframe.tmblr-iframe.tmblr-iframe--desktop-loggedin-controls.iframe-controls--desktop, .tmblr-iframe {
  79. position:fixed;
  80. top:8px!important;
  81. right:-5px!important;
  82. white-space:nowrap;
  83. transform: scale(0.8,0.8);
  84. opacity:0.7;
  85. transition: 0.7s ease-in-out;
  86. -webkit-transition: 0.7s ease-in-out;
  87. -moz-transition: 0.7s ease-in-out;
  88. -o-transition: 0.7s ease-in-out;}
  89.  
  90. #tumblr_lightbox {
  91. background-color:rgba(255, 255, 255, .9)!important;
  92. z-index:99999!important;}
  93.  
  94. #tumblr_lightbox img {opacity:0;}
  95.  
  96. #tumblr_lightbox_caption {
  97. font-weight:normal!important;
  98. text-shadow:none!important;}
  99.  
  100. #tumblr_lightbox_center_image, #tumblr_lightbox_left_image, #tumblr_lightbox_right_image {
  101. -moz-box-shadow:none!important;
  102. -webkit-box-shadow:none!important;
  103. box-shadow:none!important;
  104. -moz-border-radius:0px!important;
  105. -webkit-border-radius:0px!important;
  106. border-radius:0px!important;
  107. opacity:1!important;}
  108.  
  109. #tumblr_lightbox_left_image, #tumblr_lightbox_right_image {opacity:.4!important;}
  110.  
  111. ::-webkit-scrollbar{
  112. height:3px;
  113. width:8px;
  114. background:inherit;}
  115.  
  116. ::-webkit-scrollbar-thumb {
  117. background:{color:scrollbar};
  118. border: 3px solid {color:pageborder};}
  119.  
  120. ::-webkit-scrollbar-track {
  121. background: {color:pageborder};}
  122.  
  123. ::-moz-selection {
  124. color:{color:selectiontext};
  125. background:{color:selectionbg};}
  126.  
  127. ::selection {
  128. color:{color:selectiontext};
  129. background:{color:selectionbg};}
  130.  
  131. body {
  132. background:{color:background};
  133. color:{color:text};
  134. font-family:{font:bodyfont};
  135. font-size: {text:bodyfontsize};
  136. font-weight:normal;
  137. position:relative;
  138. text-align:left;
  139. margin:0;
  140. line-height:150%;
  141. height:100%;
  142. width:100%;
  143. background-image: url('{image:background}');
  144. background-repeat:no-repeat;
  145. background-position:center center;
  146. background-attachment:fixed;
  147. -webkit-background-size: cover;
  148. -moz-background-size: cover;
  149. -o-background-size: cover;
  150. background-size: cover;}
  151.  
  152. blockquote {
  153. text-align:justify;
  154. padding:10px;
  155. border-left:1px solid {color:borders};
  156. margin:15px 10px 10px 10px;}
  157.  
  158. .caption blockquote {
  159. margin:15px 10px 10px 10px;
  160. text-align:justify;}
  161.  
  162. blockquote img {
  163. max-width:100%;
  164. height:auto;}
  165.  
  166. blockquote iframe {
  167. max-width:100%;
  168. height:auto;}
  169.  
  170. img {
  171. max-width:100%;
  172. height:auto;}
  173.  
  174. .caption img {
  175. max-width:100%;
  176. height:auto;}
  177.  
  178. .posts img {
  179. max-width:100%;
  180. margin-top:5px;
  181. margin-bottom:5px;}
  182.  
  183. pre {
  184. font-family:{font:bodyfont};
  185. white-space: pre-wrap;
  186. white-space: -moz-pre-wrap;
  187. white-space: -pre-wrap;
  188. white-space: -o-pre-wrap;
  189. word-wrap: break-word;}
  190.  
  191. a {
  192. color:{color:link};
  193. text-decoration:none;
  194. letter-spacing:1px;
  195. cursor:help;
  196. -webkit-transition: all 0.7s ease;
  197. transition: all 0.7s ease;
  198. -moz-transition: all 0.7s ease;
  199. -o-transition: all 0.7s ease;}
  200.  
  201. a:hover {
  202. letter-spacing:1px;
  203. text-decoration:none;
  204. color:{color:linkhover};
  205. text-shadow: 0px 0px #aeaeae, -0px 0px #aeaeae;}
  206.  
  207. p {
  208. margin:10px 0 10px 0;}
  209.  
  210. p:first-of-type {
  211. margin-top:0;
  212. padding-top:0;}
  213.  
  214. p:last-of-type {
  215. margin-bottom:10px;
  216. padding-bottom:0;}
  217.  
  218. b, strong {
  219. font-family:font-family: 'Roboto', sans-serif;
  220. text-transform:uppercase;
  221. font-size: {text:bodyfontsize};
  222. color:{color:bold};}
  223.  
  224. i, em {
  225. font-family: 'Fjalla One', sans-serif;
  226. font-size: 10px;
  227. color:{color:italic};
  228. letter-spacing:1.5px;}
  229.  
  230. small, big {
  231. font-size:1em;}
  232.  
  233. h1, h2, h4 {
  234. font-family: 'Fjalla One', sans-serif;
  235. font-size:18px;
  236. letter-spacing:2px;
  237. line-height:30px;
  238. text-align:center;
  239. color:{color:posttitle};}
  240.  
  241. h3 {
  242. text-align:right;
  243. font-family: 'Fjalla One', sans-serif;
  244. font-size:14px;
  245. letter-spacing:2px;
  246. line-height:20px;
  247. color:{color:posttitle};
  248. border-bottom:1px solid {color:posttitle};}
  249.  
  250. h6 {
  251. text-align:center;
  252. font-family: 'Fjalla One', sans-serif;
  253. font-size:12px;
  254. letter-spacing:2px;
  255. line-height:12px;
  256. margin-bottom:5px;
  257. color:{color:posttitle};}
  258.  
  259. .fancy {
  260. font-family: 'Fjalla One', sans-serif;
  261. font-size:14px;
  262. letter-spacing:2px;
  263. line-height:16px;
  264. color:{color:posttitle};
  265. overflow: hidden;
  266. text-align: left;}
  267.  
  268. .fancy span {
  269. position: relative;}
  270.  
  271. .fancy span:after {
  272. $linesHeight: 16px;
  273. content: "";
  274. position: absolute;
  275. border-bottom: 1px solid {color:posttitle};
  276. width:500px;
  277. height: $linesHeight;
  278. top: 40%;
  279. margin-top: floor(-$linesHeight / 2);}
  280.  
  281. .fancy span:after {
  282. left: 100%;
  283. margin-left: 7px;}
  284.  
  285. {block:IfGreyscale}
  286.  
  287. img {
  288. -webkit-filter:grayscale(100%);
  289. -webkit-transition: all 0.9s ease-in-out;
  290. -moz-transition: all 0.9s ease-in-out;
  291. -o-transition: all 0.9s ease-in-out;
  292. -ms-transition: all 0.9s ease-in-out;
  293. transition: all 0.9s ease-in-out;}
  294.  
  295. img:hover {
  296. -webkit-filter:none;}
  297.  
  298. .html_photoset {
  299. -webkit-filter: grayscale(100%);
  300. -webkit-transition: all 0.9s ease-in-out;
  301. -moz-transition: all 0.9s ease-in-out;
  302. -o-transition: all 0.9s ease-in-out;
  303. -ms-transition: all 0.9s ease-in-out;
  304. transition: all 0.9s ease-in-out;}
  305.  
  306. .html_photoset:hover {
  307. -webkit-filter: none;}
  308.  
  309. {/block:IfGreyscale}
  310.  
  311. .media {
  312. position:relative;
  313. display:inline-block;
  314. height:auto;
  315. width:100%;}
  316.  
  317. .caption {
  318. font-family:{font:bodyfont};
  319. margin-top:15px;
  320. {block:ifhidecaptions}
  321. {block:indexpage}
  322. display:none;
  323. {/block:indexpage}
  324. {/block:ifhidecaptions}}
  325.  
  326. .more-btn-wrap{
  327. position: relative;
  328. padding: 20px 0;
  329. width: 100%;}
  330.  
  331. .more-btn-wrap a:link{
  332. -webkit-transition: all 0.7s ease;
  333. -moz-transition: all 0.7s ease;
  334. -o-transition: all 0.7s ease;
  335. transition: all 0.7s ease;
  336. position: relative;
  337. left: calc(50% - 47px);
  338. padding: 7px 14px;
  339. border: 1px solid {color:borders};
  340. background: transparent;}
  341.  
  342. .more-btn-wrap a:hover{
  343. background:{color:text};
  344. color: {color:posts};}
  345.  
  346. #top, #bottom, #left, #right {
  347. z-index:8;
  348. background:{color:pageborder};
  349. position:fixed;}
  350.  
  351. #right {
  352. top:0; bottom:0;
  353. width:32px;}
  354.  
  355. #left {
  356. top:0; bottom:0;
  357. width:500px;}
  358.  
  359. #left { left:0; }
  360.  
  361. #right { right:0; }
  362.  
  363. #top, #bottom {
  364. left:0; right:0;
  365. height:40px;}
  366.  
  367. #top { top:0; }
  368. #bottom { bottom:0; }
  369.  
  370. .content {
  371. position:absolute;
  372. left: 50%;
  373. margin-left:0px;
  374. margin-top:120px;
  375. width:500px;
  376. opacity:0;
  377. -webkit-animation:fadeIn ease-in 1;
  378. -moz-animation:fadeIn ease-in 1;
  379. animation:fadeIn ease-in 1;
  380. -webkit-animation-fill-mode:forwards;
  381. -moz-animation-fill-mode:forwards;
  382. animation-fill-mode:forwards;
  383. -webkit-animation-duration:1s;
  384. -moz-animation-duration:1s;
  385. animation-duration:1s;}
  386.  
  387. @-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  388. @-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  389. @keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  390.  
  391. .posts {
  392. border:1px solid {color:borders};
  393. padding:30px;
  394. background:{color:posts};
  395. position:relative;
  396. width:400px;
  397. text-align:justify;
  398. margin-bottom: 0px;
  399. margin-bottom:10px;
  400. margin-bottom:150px;}
  401.  
  402. .date {
  403. padding-top:5px;
  404. text-align:center;
  405. border-top:1px solid {color:borders};
  406. background:{color:posts};
  407. margin-top:5px;
  408. letter-spacing: .5px;
  409. text-transform: lowercase;}
  410.  
  411. .date a {
  412. color:{color:tags};}
  413.  
  414. .date a:hover {
  415. color:{color:tagshover};}
  416.  
  417. .totop {
  418. left: 50%;
  419. margin-left:190px;
  420. margin-top:13px;
  421. text-transform:uppercase;
  422. display:none;
  423. position:fixed;}
  424.  
  425. .totop a {
  426. color:{color:scrolltotop};}
  427.  
  428. #pagination {
  429. text-align:center;
  430. margin-top:10px;
  431. font-size:16px;}
  432.  
  433. #pagination a {
  434. padding:0px 10px 0px 10px;}
  435.  
  436. #header {
  437. text-align:center;
  438. margin-left:20px;
  439. position:fixed;
  440. top: 50%;
  441. transform: translateY(-50%);
  442. padding:30px;
  443. margin-bottom:150px;
  444. width:400px;}
  445.  
  446. #htitle {
  447. font-family: 'Fjalla One', sans-serif;
  448. font-size:40px;
  449. padding:10px;
  450. margin-bottom:10px;
  451. text-align:center;}
  452.  
  453. .nav {
  454. font-size:12px;
  455. font-family: 'Fjalla One', sans-serif;
  456. text-align:center;
  457. display:block;
  458. margin-top:10px;
  459. margin-bottom:5px;}
  460.  
  461. .nav a {
  462. text-transform:uppercase;
  463. color:{color:nav};
  464. display:inline-block;
  465. margin-right:7px;}
  466.  
  467. .nav a:hover {
  468. color:{color:navhover};}
  469.  
  470. img.avatar {display:none; }
  471. ol.notes {
  472. text-align:left;
  473. margin-top: 20px;}
  474.  
  475. a.more_notes_link {
  476. display:block;
  477. text-align:left;
  478. border:0;
  479. color:{color:title};}
  480.  
  481. .asker {
  482. margin-top:5px;
  483. font-family: 'Fjalla One', sans-serif;
  484. font-size:20px;
  485. line-height:30px;
  486. text-align:center;}
  487.  
  488. .question {
  489. text-align:right;
  490. text-transform:uppercase;
  491. margin-bottom:20px;}
  492.  
  493. .answer {
  494. color:{color:text};
  495. border:0;}
  496.  
  497. #titlequote {
  498. line-height:22px;
  499. font-family: 'Fjalla One', sans-serif;
  500. font-size:20px;}
  501.  
  502. #source {margin-top:10px;}
  503.  
  504. .playerbuttonbg {
  505. position: absolute;
  506. left: 15px;
  507. top: 17px;
  508. width: 30px;
  509. height: 30px;
  510. background-color: #000;
  511. padding: 10px;
  512. opacity: 0.4;
  513. filter: alpha(opacity=40);
  514. -moz-opacity: 0.4;
  515. -khtml-opacity: 0.4;
  516. transition: opacity .7s ease-in-out;
  517. -moz-transition: opacity .7s ease-in-out;
  518. -webkit-transition: opacity .7s ease-in-out;}
  519.  
  520. .playerbuttonbg:hover {
  521. opacity: 1;
  522. filter: alpha(opacity=100);
  523. -moz-opacity: 1;
  524. -khtml-opacity: 1;}
  525.  
  526. .newplayerbutton {
  527. position: relative;
  528. width: 30px;
  529. height: 30px;
  530. overflow: hidden;}
  531.  
  532. .playerbuttonhug {
  533. position: absolute;
  534. top: -30px;
  535. left: -10px;}
  536.  
  537. .tumblr_audio_player {
  538. height: 90px;
  539. width: 270px;}
  540.  
  541. .audioimgwrapper {
  542. position: absolute;
  543. overflow: hidden;
  544. width: 80px;
  545. height: 80px;}
  546.  
  547. .trackdetails {
  548. padding:10px;
  549. display:inline-block;
  550. margin-left: 90px;
  551. min-height: 75px;}
  552.  
  553. .audiowrapper {
  554. position: relative;
  555. display:inline-block;}
  556.  
  557. #s-m-t-tooltip {
  558. margin:10px 10px 5px 0px;
  559. padding:4px;
  560. color:{color:tooltiptext};
  561. border:1px solid {color:tooltiptext};
  562. font-size:10px;
  563. letter-spacing:1px;
  564. background:{color:tooltipbg};
  565. z-index:99999;}
  566.  
  567. #credit {
  568. z-index:999;
  569. bottom:0px;
  570. right:0px;
  571. height:25px;
  572. width:25px;
  573. opacity:0.8;
  574. position:fixed;
  575. padding-bottom:10px;}
  576.  
  577. </style>
  578.  
  579. </head>
  580.  
  581. <body>
  582.  
  583. <div id="top">
  584.  
  585. </div>
  586.  
  587. <div id="bottom"><div class="totop"><a href="#">scroll to top</a></div>
  588. </div>
  589. <div id="left">
  590. <div id="header">
  591. <div id="htitle">{title}</div>
  592. {description}
  593.  
  594. <div class="nav">
  595. <a href="/">index</a>
  596. <a href="/ask">queries</a>
  597. {block:iflink1}<a href="{text:link 1 url}">{text:link 1}</a>{/block:iflink1}
  598. {block:iflink2}<a href="{text:link 2 url}">{text:link 2}</a>{/block:iflink2}
  599. {block:iflink3}<a href="{text:link 3 url}">{text:link 3}</a>{/block:iflink3}
  600. {block:iflink4}<a href="{text:link 4 url}">{text:link 4}</a>{/block:iflink4}
  601. {block:iflink5}<a href="{text:link 5 url}">{text:link 5}</a>{/block:iflink5}
  602. {block:iflink6}<a href="{text:link 6 url}">{text:link 6}</a>{/block:iflink6}
  603.  
  604. </div>
  605.  
  606. <div id="pagination">
  607. {block:Pagination}
  608. {block:PreviousPage}<a href="{PreviousPage}" title="back"><span class="lnr lnr-chevron-left-circle"></span></a>{/block:PreviousPage}
  609. {block:NextPage}<a href="{NextPage}" title="next"><span class="lnr lnr-chevron-right-circle"></span></a>
  610. {/block:NextPage}
  611. {/block:Pagination}</div>
  612. </div>
  613.  
  614. </div>
  615. </div>
  616. <div id="right"></div>
  617.  
  618. <div class="content">
  619.  
  620.  
  621. {block:Posts}
  622. {block:NoRebloggedFrom}
  623. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  624. {/block:NoRebloggedFrom}
  625.  
  626. <div class="posts">
  627.  
  628. {block:Photo}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/>{/block:HighRes}{/block:Photo}
  629.  
  630. {block:Photoset}{Photoset-400}{/block:Photoset}
  631.  
  632. {block:Text}{block:Title}<p class="subtitle fancy"><span>{Title}</span>{/block:Title}{Body}
  633. {block:More}
  634. <div class="more-btn-wrap">
  635. <a href="{Permalink}" class="more-btn">
  636. Read More</a>
  637. </div>
  638. {/block:More}
  639. {/block:Text}
  640.  
  641. {block:Link}<p class="subtitle fancy"><span><a href="{URL}">{Name}</a></span>{block:Description}{Description}{/block:Description}{/block:Link}
  642.  
  643. {block:Quote}
  644. <div id="titlequote">{Quote}</div>
  645. {block:Source}<div id="source">{Source}</div>{/block:Source}
  646. {/block:Quote}
  647.  
  648. {block:Chat}{block:Title}<p class="subtitle fancy"><span>{Title}</span>{/block:Title}{block:Lines}{block:Label}<b>{Label} </b>{/block:Label}<span><i>{Line}</i><br></span>{/block:Lines}{/block:Chat}
  649.  
  650. {block:AudioPlayer}
  651. <div class="audiowrapper">
  652. {block:AlbumArt}<div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  653. <div class="playerbuttonbg"><div class="newplayerbutton"><div class="playerbuttonhug">{AudioPlayerBlack}
  654. </div></div></div><div class="trackdetails">
  655. {block:TrackName}{TrackName}{/block:TrackName}<br/>{block:Artist}Artist: {Artist}{/block:Artist}<br/>{block:Album}Album: {Album}{/block:Album}
  656. </div></div>{/block:AudioPlayer}
  657.  
  658. {block:Video}{Video-400}{block:Video}
  659.  
  660. {block:Answer}
  661. <div class="asker"><p class="subtitle fancy"><span>from {Asker}</span></div>
  662. <div class="question">{Question}</div>
  663. <div class="answer">{Answer}</div>
  664. {/block:Answer}
  665.  
  666. {block:Caption}<div class="caption">{Caption}
  667. {block:More}
  668. <div class="more-btn-wrap">
  669. <a href="{Permalink}" class="more-btn">
  670. Read More</a>
  671. </div>
  672. {/block:More}
  673. </div>{/block:Caption}
  674.  
  675. <div id="{ShortURL}-hide">
  676. {block:Date}
  677. <div class="date"><span class="lnr lnr-calendar-full"></span>
  678. &nbsp<a href="{Permalink}">{DayOfMonth}{DayOfMonthSuffix} {ShortMonth}</a> &middot;
  679. <a href="{Permalink}">{NoteCount}n</a> &middot;
  680. <a href="{ReblogURL}" title="reblog"><span class="lnr lnr-redo"></span></a> &middot;
  681. {block:RebloggedFrom}
  682.  
  683. <a href="{ReblogParentURL}"> via </a> &middot;
  684. <a href="{ReblogRootURL}"> src </a>
  685. {/block:RebloggedFrom}
  686. <br>
  687.  
  688. {block:HasTags}{block:Tags}<span class="lnr lnr-tag"></span> <a href="{TagURL}">{Tag} </a>{/block:Tags}{/block:HasTags}
  689. {/block:Date}
  690.  
  691. {block:PostNotes}{PostNotes}
  692. {/block:PostNotes}
  693. </div></div> </div>
  694.  
  695. {/block:Posts}
  696. </div>
  697.  
  698. </div>
  699. </div></div>
  700.  
  701. {block:ContentSource}
  702. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  703. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  704. {/block:SourceLogo}
  705. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  706. {/block:ContentSource}
  707. </div></div></div></div></div>
  708.  
  709. <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>
  710.  
  711. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.1/SmoothScroll.min.js"></script>
  712.  
  713. <script>
  714. $(document).ready(function(){
  715.  
  716. $('.totop').click(function(){
  717. $('html, body').animate({scrollTop : 0},1200);
  718. return false;
  719. });
  720.  
  721. $(window).scroll(function(){
  722. if ($(this).scrollTop() > 200) {
  723. $('.totop').fadeIn();
  724. } else {
  725. $('.totop').fadeOut();
  726. }
  727. });
  728.  
  729. $(window).scroll(function(){
  730. if ($(this).scrollTop() > 200) {
  731. $('.topnav').fadeIn();
  732. } else {
  733. $('.topnav').fadeOut();
  734. }
  735. });
  736. });
  737. </script>
  738.  
  739. </body>
  740.  
  741. </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!