API tools faq
paste
Advertisement
octomoosey

shifter

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