API tools faq
paste
Advertisement
octomoosey

cinnamon

octomoosey
Aug 26th, 2016
3,391
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.29 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="viewport" content="width=device-width, initial-scale=1">
  12.  
  13. <meta name="color:background" content="#ffffff">
  14. <meta name="color:containerbackground" content="#000000">
  15. <meta name="color:scrollbar" content="#000000">
  16. <meta name="color:postbackground" content="#000000">
  17. <meta name="color:posts" content="#ffffff">
  18. <meta name="color:text" content="#ffffff">
  19. <meta name="color:description" content="#ffffff">
  20. <meta name="color:footertext" content="#333333">
  21. <meta name="color:title" content="#3f3f3f">
  22. <meta name="color:hoverinfotext" content="#8c8c8c" />
  23. <meta name="color:bold" content="#8c8c8c" />
  24. <meta name="color:italic" content="#8c8c8c" />
  25. <meta name="color:border" content="#333333">
  26. <meta name="color:nav" content="#333333">
  27. <meta name="color:navhover" content="#cbcbcb">
  28. <meta name="color:topicons" content="a50000">
  29. <meta name="color:link" content="#a50000">
  30. <meta name="color:link hover" content="#cbcbcb">
  31. <meta name="color:selectiontext" content="#ffffff" />
  32. <meta name="color:selectionbg" content="#8c8c8c" />
  33. <meta name="color:date" content="#8c8c8c" />
  34. <meta name="color:datehover" content="#ffffff" />
  35. <meta name="color:tags" content="#8c8c8c" />
  36. <meta name="color:tagshover" content="#ffffff" />
  37. <meta name="color:tooltiptext" content="#ffffff" />
  38. <meta name="color:tooltipborder" content="#ffffff" />
  39. <meta name="color:tooltipbg" content="#000000" />
  40.  
  41. <meta name="text:link 1" content="link 1"/>
  42. <meta name="text:link 1 url" content="/"/>
  43. <meta name="text:link 2" content="link 2"/>
  44. <meta name="text:link 2 url" content="/"/>
  45. <meta name="text:link 3" content="link 3"/>
  46. <meta name="text:link 3 url" content="/"/>
  47. <meta name="text:link 4" content="link 4"/>
  48. <meta name="text:link 4 url" content="/"/>
  49. <meta name="text:link 5" content="link 5"/>
  50. <meta name="text:link 5 url" content="/"/>
  51. <meta name="text:link 6" content="link 6"/>
  52. <meta name="text:link 6 url" content="/"/>
  53. <meta name="text:link 7" content="link 7"/>
  54. <meta name="text:link 7 url" content="/"/>
  55. <meta name="text:link 8" content="link 8"/>
  56. <meta name="text:link 8 url" content="/"/>
  57.  
  58. <meta name="image:containerbg" content="" />
  59.  
  60. <meta name="text:font size" content="10px" />
  61. <meta name="text:description font size" content="10px" />
  62. <meta name="text:blogname or alias" content="your blog name or alias here" />
  63. <meta name="text:blogurl" content="" />
  64.  
  65. <link href='https://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'>
  66. <link href="https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz" rel="stylesheet">
  67.  
  68. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  69.  
  70. <style type="text/css">
  71.  
  72. iframe.tmblr-iframe.tmblr-iframe--desktop-loggedin-controls.iframe-controls--desktop, .tmblr-iframe {
  73. position:fixed;
  74. top:10px!important;
  75. right:10px!important;
  76. white-space:nowrap;
  77. opacity:0.7;
  78. transition: 0.7s ease-in-out;
  79. -webkit-transition: 0.7s ease-in-out;
  80. -moz-transition: 0.7s ease-in-out;
  81. -o-transition: 0.7s ease-in-out;}
  82.  
  83. ::-webkit-scrollbar {
  84. height: 10px;
  85. width: 5px;
  86. background:{color:postbackground};}
  87.  
  88. ::-webkit-scrollbar-thumb:vertical {
  89. background: {color:scrollbar};}
  90.  
  91. ::-moz-selection {
  92. color:{color:selectiontext};
  93. background:{color:selectionbg};}
  94.  
  95. ::selection {
  96. color:{color:selectiontext};
  97. background:{color:selectionbg};}
  98.  
  99. html {
  100. box-sizing: border-box;
  101. white-space: normal;}
  102.  
  103. *, *:before, *:after {
  104. box-sizing: inherit;}
  105.  
  106. body {
  107. margin:0;
  108. overflow:hidden;
  109. font-size: {text:font size};
  110. font-family: 'Lato', sans-serif;
  111. line-height:150%;
  112. -moz-osx-font-smoothing:grayscale;
  113. -webkit-font-smoothing:antialiased;
  114. font-smoothing:antialiased;
  115. color:{color:text};
  116. background:{color:background};}
  117.  
  118. blockquote {
  119. padding-left:10px;
  120. border-left:1px solid {color:border};
  121. margin:0px 0px 0px 10px;
  122. text-align:left;}
  123.  
  124. .caption blockquote {
  125. margin:0px 0px 0px 10px;}
  126.  
  127. blockquote img {
  128. max-width:100%;
  129. height:auto;}
  130.  
  131. blockquote iframe {
  132. max-width:100%;
  133. height:auto;}
  134.  
  135. img {
  136. max-width:100%;
  137. height:auto;}
  138.  
  139. .caption img {
  140. max-width:100%;
  141. height:auto;}
  142.  
  143. .posts img {
  144. max-width:100%;
  145. margin-top:5px;
  146. margin-bottom:5px;}
  147.  
  148. a {
  149. color:{color:link};
  150. text-decoration:none;
  151. letter-spacing:1px;
  152. cursor:help;
  153. -webkit-transition: all 0.7s ease;
  154. transition: all 0.7s ease;
  155. -moz-transition: all 0.7s ease;
  156. -o-transition: all 0.7s ease;}
  157.  
  158. a:hover {
  159. letter-spacing:1px;
  160. text-decoration:none;
  161. color:{color:link hover};}
  162.  
  163. p {
  164. margin:10px 0 10px 0;}
  165.  
  166. p:first-of-type {
  167. margin-top:0;
  168. padding-top:0;}
  169.  
  170. p:last-of-type {
  171. margin-bottom:10px;
  172. padding-bottom:0;}
  173.  
  174. small, sub, sup {
  175. font-size: {text:font size};
  176. vertical-align:baseline;}
  177.  
  178. pre {
  179. white-space: pre-wrap;
  180. white-space: -moz-pre-wrap;
  181. white-space: -pre-wrap;
  182. white-space: -o-pre-wrap;
  183. word-wrap: break-word;}
  184.  
  185. h1, h2, h3, h4, h5, h6 {
  186. text-align:center;
  187. font-family: 'Fjalla One', sans-serif;
  188. font-size:15px;}
  189.  
  190. b, strong {
  191. text-transform:uppercase;
  192. font-size: {text:font size};
  193. color:{color:bold};}
  194.  
  195. i, em {
  196. font-family: 'Yanone Kaffeesatz', sans-serif;
  197. font-size: 12px;
  198. color:{color:italic};
  199. letter-spacing:1.5px;}
  200.  
  201. small, big {
  202. font-size:1em;}
  203.  
  204. hr {
  205. margin:1em 0;
  206. border:0;
  207. height:1px;
  208. -moz-box-sizing:border-box;
  209. box-sizing:border-box;
  210. background-color:{color:border};}
  211.  
  212. #container {
  213. top:50%;
  214. margin-top:-270px;
  215. left:0px;
  216. position:fixed;
  217. width:100%;
  218. height:540px;
  219. background:{color:containerbackground};
  220. background-image: url('{image:containerbg}');
  221. background-repeat: no-repeat;
  222. background-attachment: absolute;
  223. background-position:bottom right;}
  224.  
  225. #slider::-webkit-scrollbar {
  226. height:0px;
  227. width:0px;}
  228.  
  229. #index {
  230. height:100%;
  231. padding:50px;
  232. position:absolute;
  233. display:inline-block;
  234. left:0px;
  235. width:500px;
  236. overflow:auto;}
  237.  
  238. #slider {
  239. background:{color:postbackground};
  240. border:1px solid #333333;
  241. position:fixed;
  242. top:50%;
  243. margin-top:-250px;
  244. height:500px;
  245. overflow-x:scroll;
  246. overflow-y:hidden;
  247. width:500px;
  248. left:50%;
  249. margin-left:-250px;}
  250.  
  251. #queries {
  252. height:100%;
  253. padding:50px;
  254. position:absolute;
  255. display:inline-block;
  256. left:500px;
  257. width:500px;
  258. overflow:auto;}
  259.  
  260. #themes {
  261. height:100%;
  262. padding:50px;
  263. position:absolute;
  264. display:inline-block;
  265. left:1000px;
  266. width:500px;
  267. overflow:auto;}
  268.  
  269. .posts {
  270. margin-left:0px;
  271. margin-bottom:80px;
  272. width:400px;
  273. position:relative;
  274. text-align:justify;
  275. opacity:0;
  276. -webkit-animation:fadeIn ease-in 1;
  277. -moz-animation:fadeIn ease-in 1;
  278. animation:fadeIn ease-in 1;
  279. -webkit-animation-fill-mode:forwards;
  280. -moz-animation-fill-mode:forwards;
  281. animation-fill-mode:forwards;
  282. -webkit-animation-duration:1s;
  283. -moz-animation-duration:1s;
  284. animation-duration:1s;}
  285.  
  286. @-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  287. @-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  288. @keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  289.  
  290. {block:permalinkpage}
  291. .posts {
  292. margin-bottom:10px;}
  293. {/block:permalinkpage}
  294.  
  295. .date {
  296. border-top:1px solid {color:border};
  297. padding:10px 10px 0 10px;
  298. font-size:12px;
  299. margin-bottom:0px;
  300. text-align:center;}
  301.  
  302. .date a {
  303. font-size:12px;
  304. color:{color:date};}
  305.  
  306. .date a:hover {
  307. color:{color:datehover};}
  308.  
  309. .info {
  310. text-align:center;
  311. font-size:10px;
  312. padding:0 10px 0 10px;}
  313.  
  314. .tags {
  315. text-align:center;
  316. font-size:9px;
  317. margin-top:0px;
  318. -webkit-transition: all 0.7s ease;
  319. transition: all 0.7s ease;
  320. -moz-transition: all 0.7s ease;
  321. -o-transition: all 0.7s ease;}
  322.  
  323. .tags a {
  324. color:{color:tags};
  325. -webkit-transition: all 0.7s ease;
  326. transition: all 0.7s ease;
  327. -moz-transition: all 0.7s ease;
  328. -o-transition: all 0.7s ease;}
  329.  
  330. .tags a:hover {
  331. color:{color:tagshover};
  332. -webkit-transition: all 0.7s ease;
  333. transition: all 0.7s ease;
  334. -moz-transition: all 0.7s ease;
  335. -o-transition: all 0.7s ease;}
  336.  
  337. ol.notes {
  338. margin-left:-30px;
  339. text-align:left;
  340. width:400px;
  341. background:transparent;
  342. list-style-type:none;}
  343.  
  344. ol.notes a {
  345. color:{color:link};}
  346.  
  347. ol.notes a:hover {
  348. color:{color:linkhover};}
  349.  
  350. ol.notes li.note {
  351. display:block;
  352. padding:0;
  353. margin:5px 0;}
  354.  
  355. ol.notes li.note img.avatar {
  356. display:none!important;}
  357.  
  358. a.more_notes_link {
  359. display:block;
  360. text-align:center;
  361. border:0;
  362. color:{color:link};}
  363.  
  364. .chat {
  365. padding:0;
  366. list-style-type:none;}
  367.  
  368. .chat .label {
  369. font-weight:bold;}
  370.  
  371. .quote {
  372. text-align:center;
  373. letter-spacing:1px;
  374. font-weight:bold;
  375. font-size:12px;
  376. line-height:20px;
  377. margin-bottom:5px;}
  378.  
  379. .source {
  380. text-align:center;
  381. margin-bottom:10px;}
  382.  
  383. .media {
  384. position:relative;
  385. display:inline-block;
  386. width:100%;}
  387.  
  388. .playerbuttonbg {
  389. position: absolute;
  390. left: 15px;
  391. top: 17px;
  392. width: 30px;
  393. height: 30px;
  394. background-color: #000;
  395. padding: 10px;
  396. opacity: 0.4;
  397. filter: alpha(opacity=40);
  398. -moz-opacity: 0.4;
  399. -khtml-opacity: 0.4;
  400. transition: opacity .7s ease-in-out;
  401. -moz-transition: opacity .7s ease-in-out;
  402. -webkit-transition: opacity .7s ease-in-out;}
  403.  
  404. .playerbuttonbg:hover {
  405. opacity: 1;
  406. filter: alpha(opacity=100);
  407. -moz-opacity: 1;
  408. -khtml-opacity: 1;}
  409.  
  410. .newplayerbutton {
  411. position: relative;
  412. width: 30px;
  413. height: 30px;
  414. overflow: hidden;}
  415.  
  416. .playerbuttonhug {
  417. position: absolute;
  418. top: -30px;
  419. left: -10px;}
  420.  
  421. .tumblr_audio_player {
  422. height: 90px;
  423. width: 270px;}
  424.  
  425. .audioimgwrapper {
  426. position: absolute;
  427. overflow: hidden;
  428. width: 80px;
  429. height: 80px;}
  430.  
  431. .trackdetails {
  432. padding:10px;
  433. display:inline-block;
  434. margin-left: 90px;
  435. min-height: 75px;}
  436.  
  437. .audiowrapper {
  438. position: relative;
  439. display:inline-block;}
  440.  
  441. table {
  442. padding-bottom:5px;
  443. margin-bottom:5px;}
  444.  
  445. table img {
  446. min-height:40px;
  447. min-width:40px;
  448. height:40px;
  449. width:40px;
  450. border-radius:100%;
  451. margin-right:5px;
  452. border:3px solid {color:border};}
  453.  
  454. td {
  455. padding-right:20px;}
  456.  
  457. td:last-child {
  458. padding-right:10px;}
  459.  
  460. #description {
  461. font-size: {text:description font size};
  462. margin-top:20px;
  463. position:absolute;
  464. margin-left:20px;
  465. width:250px;
  466. color:{color:description};}
  467.  
  468. #footer {
  469. color:{color:footertext};
  470. position:fixed;
  471. width:500px;
  472. margin-left:20px;
  473. top:50%;
  474. margin-top:290px;}
  475.  
  476. #portrait {
  477. border-radius:100%;
  478. float:left;
  479. margin-right:10px;}
  480.  
  481. #portrait img {
  482. -webkit-border-radius: 10px;
  483. -moz-border-radius: 10px;
  484. border-radius: 10px;
  485. height:45px;
  486. width:45px;}
  487.  
  488. #nav {
  489. position:fixed;
  490. margin-left:20px;
  491. top:50%;
  492. margin-top:-300px;
  493. color:{color:nav};
  494. font-family:'Lato', sans-serif;
  495. font-size:9px;
  496. text-transform:uppercase;
  497. letter-spacing:2px;}
  498.  
  499. #nav a {margin-right:10px;
  500. display:inline-block;
  501. color:{color:nav}; }
  502.  
  503. #nav a:last-of-type {
  504. margin-right:0px;}
  505.  
  506. #nav a:hover {
  507. color:{color:navhover};}
  508.  
  509. .fa.icon-side {
  510. color:{color:topicons};
  511. font-size:12px;}
  512.  
  513. #s-m-t-tooltip {
  514. max-width:300px;
  515. border-radius: 0px;
  516. padding:4px;
  517. margin:15px 15px 5px 0px;
  518. color:{color:tooltiptext};
  519. border:1px solid {color:tooltipborder};
  520. font-size:10px;
  521. letter-spacing:1px;
  522. background:{color:tooltipbg};
  523. font-family: 'Lato', sans-serif;
  524. z-index:99999;}
  525.  
  526. </style>
  527. </head>
  528. <body>
  529.  
  530. <div id="nav">
  531. <a href="/" title="refresh"><i class="fa fa-refresh icon-side"></i></a>
  532. <a href="javascript:doStuff();" class="index selected" title="index"><i class="fa fa-home icon-side"></i></a>
  533. <a href="javascript:doStuff();" class="queries" title="queries"><i class="fa fa-question icon-side"></i></a>
  534. <a href="/submit" title="submit"><i class="fa fa-comments-o icon-side"></i></a>
  535. <a href="/archive" title="archive"><i class="fa fa-archive icon-side"></i></a>
  536. <a href="https://octomoosey.tumblr.com/" title="theme"><i class="fa fa-code icon-side"></i></a>
  537. {block:iflink1}<a href="{text:link 1 url}">{text:link 1}</a>{/block:iflink1}
  538. {block:iflink2}<a href="{text:link 2 url}">{text:link 2}</a>{/block:iflink2}
  539. {block:iflink3}<a href="{text:link 3 url}">{text:link 3}</a>{/block:iflink3}
  540. {block:iflink4}<a href="{text:link 4 url}">{text:link 4}</a>{/block:iflink4}
  541. {block:iflink5}<a href="{text:link 5 url}">{text:link 5}</a>{/block:iflink5}
  542. {block:iflink6}<a href="{text:link 6 url}">{text:link 6}</a>{/block:iflink6}
  543. {block:iflink7}<a href="{text:link 7 url}">{text:link 7}</a>{/block:iflink7}
  544. {block:iflink8}<a href="{text:link 8 url}">{text:link 8}</a>{/block:iflink8}
  545. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}"><big>⇜</big></a>{/block:PreviousPage} PAGE {CurrentPage} OF {TotalPages} {block:NextPage}<a href="{NextPage}"><big>⇝</big></a>
  546. {/block:NextPage}
  547. {/block:Pagination}
  548. </div>
  549.  
  550. <div id="footer">
  551. <div id="portrait"><a href="/"><img src="{PortraitURL-128}"/></a></div>
  552. blog owner: {text:blogname or alias}<br>
  553. copyright © {CopyrightYears}<br>
  554. original theme design by <a href="https://octomoosey.tumblr.com/">octomoosey</a>
  555. </div>
  556.  
  557. <div id="container">
  558.  
  559. <div id="description">
  560. {description}
  561. </div>
  562.  
  563. <div id="slider">
  564. <div id="index">
  565.  
  566. {block:Posts}
  567.  
  568. <div class="posts">
  569.  
  570. {block:Text}{block:Title}<h1 class="title">{Title}</h1>{/block:Title}<div class="text">{Body}</div>{/block:Text}
  571.  
  572. {block:Quote}<div class="quote">{Quote}</div>{block:Source}<div class="source">{Source}</div>{/block:Source}{/block:Quote}
  573.  
  574. {block:Answer}
  575. <center>
  576. <table>
  577. <tr>
  578. <td><img src="{AskerPortraitURL-96}"></td>
  579. <td>{Asker} asked:</i><br> {Question}</td>
  580. </tr>
  581. </table></center>
  582. {Answer}
  583. {/block:Answer}
  584.  
  585. {block:Chat}{block:Title}<h1 class="title">{Title}</h1>{/block:Title}<ul class="chat text">{block:Lines}<li class="line">{block:Label}<span class="label">{Label}&nbsp; </span>{/block:Label}{Line}</li>{/block:Lines}</ul>{/block:Chat}
  586.  
  587. {block:Link}<h1 class="title"><a href="{URL}">{Name}</a></h1>{block:Description}<div class="text">{Description}</div>{/block:Description}{/block:Link}
  588.  
  589. {block:AudioPlayer}
  590. <div class="audiowrapper">
  591. {block:AlbumArt}<div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  592. <div class="playerbuttonbg"><div class="newplayerbutton"><div class="playerbuttonhug">{AudioPlayerBlack}
  593. </div></div></div><div class="trackdetails">
  594. {block:TrackName}{TrackName}{/block:TrackName}<br/>{block:Artist}Artist: {Artist}{/block:Artist}<br/>{block:Album}Album: {Album}{/block:Album}
  595. </div></div>{/block:AudioPlayer}
  596.  
  597. {Block:Photo}{LinkOpenTag}
  598. <img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{LinkCloseTag}{block:HighRes}
  599. <a href="{PhotoURL-HighRes}">View in High-Res</a>{/block:HighRes}{/Block:Photo}
  600.  
  601. {block:Photoset}<div class="media">{photoset}</div>{/block:Photoset}
  602.  
  603. {block:Video}{Video-400}{/block:Video}
  604.  
  605. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  606.  
  607. <div id="{ShortURL}-hide">
  608. {block:Date}<div class="date">
  609. <a href="{Permalink}">{DayOfMonthWithZero}.{MonthNumberWithZero}</a> + <a href="{permalink}">{NoteCount}n</a></div>
  610. <div class="info">
  611. <a href="{ReblogURL}">reblog</a> +
  612. {block:RebloggedFrom}
  613. <a href="{ReblogParentURL}">via</a> +
  614. <a href="{ReblogRootURL}">source</a>
  615. {/block:RebloggedFrom} </div> {/block:Date}
  616.  
  617. {block:HasTags}<div class="tags">{block:Tags}+ <a href="{TagURL}">{Tag}</a> {/block:Tags}</div>
  618. {/block:HasTags}</div>
  619. </div>
  620.  
  621. {block:PostNotes}{PostNotes}
  622. {/block:PostNotes}
  623. {/block:Posts}
  624. {block:ContentSource}
  625. <!– {SourceURL}{block:SourceLogo}<img src=“{BlackLogoURL}”
  626. width=“{LogoWidth}” height=“{LogoHeight}” alt=“{SourceTitle}” />
  627. {/block:SourceLogo}
  628. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} –>
  629. {/block:ContentSource}
  630. </div>
  631.  
  632. <div id="queries">
  633. <p><iframe frameborder="0" height="260" id="ask_form" scrolling="no" src="https://www.tumblr.com/ask_form/{text:blogurl}.tumblr.com" width="100%" style="background-color: transparent; overflow: hidden;"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]--></p>
  634. </div></div>
  635.  
  636. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.1/SmoothScroll.min.js"></script>
  637.  
  638. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  639.  
  640. <script src="https://static.tumblr.com/fiw4iub/4jdnu5ta4/jquery.style-my-tooltips.js"></script>
  641.  
  642. <script>
  643. (function($){
  644. $(document).ready(function(){
  645. $("a[title]").style_my_tooltips({
  646. tip_follows_cursor:true,
  647. tip_delay_time:90,
  648. tip_fade_speed:600,
  649. attribute:"title"
  650. });
  651. });
  652. })(jQuery);
  653. </script>
  654.  
  655. <script>
  656. $(document).ready(function(){
  657. $(".index").click(function(){
  658. $('#nav').find('.selected').removeClass('selected');
  659. $(this).addClass('.selected');
  660. $('#slider').animate({scrollLeft: 0}, 1000);
  661. });
  662. });
  663. </script>
  664.  
  665. <script>
  666. $(document).ready(function(){
  667. $(".queries").click(function(){
  668. $('#nav').find('.selected').removeClass('selected');
  669. $(this).addClass('.selected');
  670. $('#slider').animate({scrollLeft: 500}, 1000);
  671. });
  672. });
  673. </script>
  674.  
  675. </body>
  676. </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!