Advertisement
octomoosey

taxi

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