API tools faq
paste
Advertisement
paigeh987

Theme 31

paigeh987
Feb 16th, 2017
5,047
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 19.48 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <!--
  3.  
  4. theme #31 by Paige @ neonbikethemes.tumblr.com
  5. last updated 2/16/17
  6.  
  7. rules:
  8. - Do not steal code or design
  9. - Edit as much as you want but don't remove credit!
  10. - Like/reblog the post
  11.  
  12. credits
  13. - base code by hoenarry
  14. - pixel union photoset script (tutorial by shythemes)
  15.  
  16. -->
  17. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  18. <head><title>{Title}</title>
  19. <link rel="shortcut icon" href="{Favicon}">
  20. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  21. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  22.  
  23. <meta name="color:Color 1" content="#a4dfe9"/>
  24. <meta name="color:Color 2" content="#f4bcb6"/>
  25. <meta name="color:header text" content="#ffffff"/>
  26. <meta name="color:container" content="#ffffff"/>
  27. <meta name="color:border" content="#ececec"/>
  28. <meta name="color:text" content="#565656"/>
  29.  
  30. <meta name="select:Font" content="ABeeZee" title="ABeeZee">
  31. <meta name="select:Font" content="Karla" title="Karla">
  32. <meta name="select:Font" content="Open Sans" title="Open Sans">
  33. <meta name="select:Font" content="Roboto" title="Roboto">
  34. <meta name="select:Font" content="Rubik" title="Rubik">
  35. <meta name="select:Font" content="PT Sans" title="PT Sans">
  36. <meta name="select:Font" content="Roboto Slab" title="Roboto Slab">
  37. <meta name="select:Font" content="Source Sans Pro" title="Source Sans Pro">
  38. <meta name="select:Font" content="Helvetica" title="Helvetica">
  39.  
  40. <meta name="select:Font Size" content="9px" title="9px">
  41. <meta name="select:Font Size" content="10px" title="10px">
  42. <meta name="select:Font Size" content="11px" title="11px">
  43. <meta name="select:Font Size" content="12px" title="12px">
  44.  
  45. <meta name="select:Post Width" content="250" title="250px">
  46. <meta name="select:Post Width" content="275" title="275px">
  47. <meta name="select:Post Width" content="300" title="300px">
  48. <meta name="select:Post Width" content="325" title="325px">
  49. <meta name="select:Post Width" content="350" title="350px">
  50. <meta name="select:Post Width" content="375" title="375px">
  51. <meta name="select:Post Width" content="400" title="400px">
  52.  
  53. <meta name="text:link 1" content="">
  54. <meta name="text:link 1 url" content="/">
  55. <meta name="text:link 2" content="">
  56. <meta name="text:link 2 url" content="/">
  57. <meta name="text:link 3" content="">
  58. <meta name="text:link 3 url" content="/">
  59. <meta name="text:link 4" content="">
  60. <meta name="text:link 4 url" content="/">
  61. <meta name="text:link 5" content="">
  62. <meta name="text:link 5 url" content="/">
  63.  
  64. <meta name="image:topbar" content="/">
  65.  
  66. <meta name="if:Hide Captions" content= "0" />
  67. <meta name="if:Grayscale Posts" content= "0" />
  68. <meta name="if:Faded Posts" content= "0" />
  69.  
  70.  
  71. <!-- FONTS -->
  72. <link href="https://fonts.googleapis.com/css?family=Open+Sans|PT+Sans|Roboto|Roboto+Slab|Rubik|Source+Sans+Pro" rel="stylesheet">
  73. <link href="https://fonts.googleapis.com/css?family=ABeeZee|Karla" rel="stylesheet">
  74. <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  75.  
  76. <!-- PIXEL UNION PHOTOSET -->
  77. <!-- tutorial by shythemes -->
  78. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  79. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  80. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  81.  
  82. <script>
  83. $(document).ready(function(){
  84. $('.photo-slideshow').pxuPhotoset({
  85. lightbox: true,
  86. rounded: false,
  87. gutter: '2px',
  88. borderRadius: '0px',
  89. photoset: '.photo-slideshow',
  90. photoWrap: '.photo-data',
  91. photo: '.pxu-photo'
  92. });
  93. });
  94. </script>
  95. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  96. <script>
  97. (function($){
  98. $(document).ready(function(){
  99. $("[title]").style_my_tooltips({
  100. tip_follows_cursor:true,
  101. tip_delay_time:0,
  102. tip_fade_speed:300
  103. }
  104. );
  105. });
  106. })(jQuery);
  107. </script>
  108.  
  109. <style type="text/css">
  110.  
  111. @import url(http://fonts.googleapis.com/css?family=Lato:300,400,700|Montserrat:400,700);
  112.  
  113. ::-webkit-scrollbar {height: auto;width: 5px;}
  114. ::-webkit-scrollbar-thumb {background-color:{color:color 2};}
  115. ::-webkit-scrollbar-track{background-color:{color:container};}
  116.  
  117. body {
  118. background-color:#fff;
  119. margin:0px;
  120. color:{color:text};
  121. font-size:{select:Font Size};
  122. font-family: {select:font}, helvetica;
  123. line-height:140%;
  124. }
  125.  
  126. #bg{
  127. position:fixed;
  128. height:100vh;
  129. width:100vw;
  130. z-index:0;
  131. top:0;
  132. left:0;
  133. opacity:.7;
  134. background-color: {color:color 1};
  135. background: -webkit-linear-gradient({color:color 1}, {color:color 2});
  136. background: -o-linear-gradient({color:color 1}, {color:color 2});
  137. background: -moz-linear-gradient({color:color 1}, {color:color 2});
  138. background: linear-gradient({color:color 1}, {color:color 2});
  139. }
  140.  
  141. a {
  142. text-decoration:none;
  143. color:{color:color 1};
  144. }
  145. a:hover{
  146. color:{color:color 2};
  147. font-style:none;
  148. -moz-transition-duration:0.5s;
  149. -webkit-transition-duration:0.5s;
  150. -o-transition-duration:0.5s;
  151. transition:.3s;
  152. }
  153. d
  154. img {
  155. border:none;
  156. max-width:100%;
  157. }
  158.  
  159. blockquote {
  160. padding-left:10px;
  161. border-left:1px solid {color:color 2};
  162. margin:0;
  163. }
  164.  
  165. h1 {
  166. font-size:calc({select:Font Size} + 3px);
  167. }
  168.  
  169. #s-m-t-tooltip{
  170. max-width:250px;
  171. margin:15px;
  172. padding:6px 10px;
  173. border-radius:20px;
  174. background:{color:color 1};
  175. color:{color:header text};
  176. z-index:999999;
  177. font-size:{select:Font Size};
  178. font-family: {select:font}, helvetica;
  179. text-transform:uppercase;
  180. letter-spacing:1px;
  181. }
  182.  
  183. .title{
  184. padding:15px 15px 5px 15px;
  185. font-size:calc({select:font size} + 6px);
  186. text-align:center;
  187. line-height:130%;
  188. }
  189. .titlebar{
  190. margin:5px 0 0 0;
  191. width:30px;
  192. height:3px;
  193. background:{color:color 2};
  194. display:inline-block;
  195. }
  196.  
  197. .container {
  198. text-align:center;
  199. z-index:1;
  200. position:absolute;
  201. background:{color:container};
  202. width:calc({select:post width}px + 60px);
  203. left:50%;
  204. margin-left:calc((({select:post width}px + 60px) / 2) * -1);
  205. padding-bottom:50px;
  206. min-height:calc(100vh - 50px);
  207. }
  208.  
  209. .post {
  210. padding:30px 30px 30px 30px;
  211. text-align:left;
  212. {block:IndexPage}
  213. border-bottom:1px solid {color:border};
  214. {/block:IndexPage}
  215. }
  216.  
  217. .post img{
  218. max-width: 100%;
  219. }
  220.  
  221. .btitle{
  222. color:{color:header text};
  223. letter-spacing:3px;
  224. font-weight:300;
  225. text-transform:uppercase;
  226. font-size:calc({select:font size} + 4px);
  227. margin:0 0 10px 0;
  228. padding:10px 0 10px 0;
  229. width: calc({select:post width}px + 60px);
  230. }
  231. .btitle a{
  232. color:{color:header text};
  233. }
  234. .btitle.sticky{
  235. top:0px;
  236. position:fixed;
  237. background:{color:color 1};
  238. font-size:calc({select:font size} + 0px);
  239. }
  240.  
  241. .header {
  242. width: calc({select:post width}px + 60px);
  243. padding:0px;
  244. display:inline-block;
  245. position:relative;
  246. z-index:999;
  247. background:{color:color 1};
  248. text-align:center;
  249. }
  250.  
  251. .tbimage{
  252. position:absolute;
  253. float:left;
  254. width:calc({select:post width}px + 55px);
  255. margin:30px 0 0 0;
  256. z-index:-1;
  257. }
  258. .tbimage img {
  259. width:75px;
  260. height:75px;
  261. border-radius:75px;
  262. }
  263.  
  264. .description{
  265. background:{color:color 1};
  266. opacity:0;
  267. margin-top:30px;
  268. color:{color:header text};
  269. padding:20px 20px 0 20px;
  270. min-height:60px;
  271. -moz-transition-duration:0.5s;
  272. -webkit-transition-duration:0.5s;
  273. -o-transition-duration:0.5s;
  274. transition:.5s;
  275. line-height:140%;
  276. font-style:italic;
  277. }
  278.  
  279. .description:hover{
  280. opacity:1;
  281. -moz-transition-duration:0.5s;
  282. -webkit-transition-duration:0.5s;
  283. -o-transition-duration:0.5s;
  284. transition:.5s;
  285. }
  286.  
  287. .footer{
  288. left:50%;
  289. margin-left:calc((({select:Post Width}px + 60px) / 2) * -1);
  290. width:calc({select:Post Width}px + 60px);
  291. padding:15px 0 15px 0;
  292. position:fixed;
  293. bottom:0;
  294. z-index:5;
  295. background:{color:color 2};
  296. color:{color:header text};
  297. text-align:center;
  298. text-transform:uppercase;
  299. letter-spacing:2px;
  300. font-size:calc({select:font size} - 2px);
  301. }
  302. .footer a{
  303. padding:2px;
  304. color:{color:header text};
  305. margin: 0px 5px 0px 5px;
  306. text-decoration:none;
  307. -moz-transition-duration:.3s;
  308. -webkit-transition-duration:.3s;
  309. -o-transition-duration:.3s;
  310. transition:.3s;
  311. }
  312. .footer a:hover{
  313. color:{color:color 2};
  314. font-style:none;
  315. -moz-transition-duration:.3s;
  316. -webkit-transition-duration:.3s;
  317. -o-transition-duration:.3s;
  318. transition:.3s;
  319. }
  320.  
  321. .pagination {
  322. font-size:calc({select:font size} + 2px);
  323. padding:30px;
  324. text-align:center;
  325. text-transform:uppercase;
  326. }
  327. .pagination a{
  328. color:{color:color 1};
  329. border:1px solid {color:color 1};
  330. border-radius:20px;
  331. padding:6px 7px 4px 7px;
  332. }
  333. .centernav{
  334. float:left;
  335. position:absolute;
  336. width:100px;
  337. margin-left:calc(({select:Post Width}px - 100px) / 2);
  338. }
  339.  
  340. .caption {
  341. padding:0px;
  342. border-bottom:1px solid {color:border};
  343. margin-bottom:-1px;
  344. background:{color:container};
  345. }
  346. .caption img{
  347. height:auto;
  348. max-width:100%;
  349. margin-top:5px;
  350. }
  351.  
  352. .tumblr_parent {
  353. margin:0;
  354. padding: 15px 15px 10px 15px;
  355. border: 1px solid {color:border};
  356. border-bottom:0px solid {color:border};
  357. }
  358. .tumblr_parent blockquote{
  359. margin:10px 0 0 0;
  360. padding:0 0 0 20px;
  361. border-left: 1px solid {color:color 2};
  362. }
  363. .tumblr_avatar {
  364. width:16px;
  365. border-radius:16px;
  366. margin: 0 10px -4px 0;
  367. }
  368.  
  369. /* ANSWER */
  370. .ask {
  371. text-align:center;
  372. color:{color:text};
  373. }
  374. .ans {
  375. text-align:left;
  376. padding:10px;
  377. color:{color:text};
  378. }
  379.  
  380. /* AUDIO */
  381. .audio {
  382. padding-bottom:10px;
  383. background-color:{color:infobg};
  384. text-align:center;
  385. }
  386. .albumart {
  387. position:relative;
  388. display:inline-block;
  389. margin:0 0 5px 0;
  390. }
  391. .albumart img {
  392. width:45px;
  393. height:45px;
  394. border-radius:45px;
  395. background-color:{color:color 1};
  396. }
  397. .playercontainer {
  398. position:absolute;
  399. float:left;
  400. z-index:3;
  401. text-align:left;
  402. background-color:#ffffff;
  403. margin:;
  404. width:27px;
  405. height:27px;
  406. border-radius:40px;
  407. overflow:hidden;
  408. margin:9px 0 0 9px;
  409. opacity:.3;
  410. -moz-transition-duration:.3s;
  411. -webkit-transition-duration:.3s;
  412. -o-transition-duration:.3s;
  413. transition:.3s;
  414. }
  415. .playercontainer:hover{
  416. opacity:.8;
  417. -moz-transition-duration:.3s;
  418. -webkit-transition-duration:.3s;
  419. -o-transition-duration:.3s;
  420. transition:.3s;
  421. }
  422. .audioinfo {
  423. margin: 0 0 10px 0;
  424. line-height:110%;
  425. }
  426.  
  427. /* CHAT */
  428. ul.chat, .chat ol, .chat li {
  429. list-style:none;
  430. margin:0px;
  431. padding:2px;
  432. }
  433. .label {
  434. margin-right:5px;
  435. padding:0 0 1px 0;
  436. border-bottom:1px solid {color:color 1};
  437. }
  438.  
  439. /* PHOTO */
  440. .photo, .photoset{
  441. {block:Ifgrayscaleposts}
  442. -webkit-filter: grayscale(100%);
  443. -webkit-transition: all 0.3s ease-in-out;
  444. -moz-transition: all 0.3s ease-in-out;
  445. -o-transition: all 0.3s ease-in-out;
  446. -ms-transition: all 0.3s ease-in-out;
  447. transition: all 0.3s ease-in-out;
  448. {/block:Ifgrayscaleposts}
  449. {block:Iffadedposts}
  450. -webkit-filter: grayscale(50%);
  451. -webkit-transition: all 0.3s ease-in-out;
  452. -moz-transition: all 0.3s ease-in-out;
  453. -o-transition: all 0.3s ease-in-out;
  454. -ms-transition: all 0.3s ease-in-out;
  455. transition: all 0.3s ease-in-out;
  456. {/block:Iffadedposts}
  457. }
  458. .photo:hover, .photoset:hover{
  459. {block:Ifgrayscaleposts}
  460. -webkit-filter: grayscale(0%);
  461. -webkit-transition: all 0.3s ease-in-out;
  462. -moz-transition: all 0.3s ease-in-out;
  463. -o-transition: all 0.3s ease-in-out;
  464. -ms-transition: all 0.3s ease-in-out;
  465. transition: all 0.3s ease-in-out;
  466. {/block:Ifgrayscaleposts}
  467. {block:Iffadedposts}
  468. -webkit-filter: grayscale(0%);
  469. -webkit-transition: all 0.3s ease-in-out;
  470. -moz-transition: all 0.3s ease-in-out;
  471. -o-transition: all 0.3s ease-in-out;
  472. -ms-transition: all 0.3s ease-in-out;
  473. transition: all 0.3s ease-in-out;
  474. {/block:Iffadedposts}
  475. }
  476. .photo img{
  477. margin-bottom:-6px;
  478. max-width:100%;
  479. }
  480.  
  481. /* VIDEO */
  482. .video{
  483. width:{select:post width}px;
  484. max-width:100%;
  485. }
  486. .video-player{
  487. position: relative;
  488. padding-bottom: 56.25%; /* 16:9 */
  489. padding-top: 25px;
  490. height: 0;
  491. max-width:{select:post width}px;
  492. overflow:hidden;
  493. }
  494. .video-player iframe{
  495. position: absolute;
  496. top: 0;
  497. left: 0;
  498. width: 100%;
  499. height: 100%;
  500. }
  501.  
  502. /* POST INFO */
  503. .info {
  504. margin:25px 0 0 0;
  505. text-align: center;
  506. text-transform: uppercase;
  507. color:{color:color 1};
  508. line-height:100%;
  509. }
  510. .info a {
  511. {block:IndexPage}
  512. font-size:calc({select:font size} + 2px);
  513. {/block:IndexPage}
  514. padding:6px 7px 4px 7px;
  515. margin:0 1px;
  516. border-radius:20px;
  517. color:{color:color 2};
  518. border:1px solid {color:color 2};
  519. text-align:center;
  520. -moz-transition-duration:.3s;
  521. -webkit-transition-duration:.3s;
  522. -o-transition-duration:.3s;
  523. transition:.3s;
  524. }
  525. .info a:hover{
  526. background:{color:color 2};
  527. color:{color:header text};
  528. -moz-transition-duration:.3s;
  529. -webkit-transition-duration:.3s;
  530. -o-transition-duration:.3s;
  531. transition:.3s;
  532. }
  533.  
  534. /* TAGS */
  535. .tags {
  536. text-transform:uppercase;
  537. color:{color:text};
  538. letter-spacing:0px;
  539. font-size: calc({select:font size} - 2px);
  540. text-align:center;
  541. margin:15px 0 0 0px;
  542. }
  543. .tags a {
  544. position:relative;
  545. display:inline-block;
  546. color:{color:text};
  547. letter-spacing:1px;
  548. border-bottom:1px solid {color:color 1};
  549. margin:0 3px 4px 3px;
  550. }
  551. .tags a:hover {
  552. color:{color:text};
  553. border-bottom:1px solid {color:color 2};
  554. background:transparent;
  555. }
  556.  
  557. /* POST NOTES */
  558. .postnotes {
  559. text-transform:lowercase;
  560. text-align:left;
  561. border:1px solid {color:border};
  562. padding:15px;
  563. margin: 0 30px 30px 30px;
  564. }
  565. .postnotes ol{
  566. list-style-type:none;
  567. margin-left:-30px;
  568. }
  569. .postnotes li {
  570. text-align:left;
  571. margin:0 0 8px 0;
  572. }
  573. .postnotes img{
  574. margin: 0 10px -4px 0;
  575. border-radius:10px;
  576. }
  577.  
  578. /* CREDIT: DO NOT REMOVE */
  579. .credit{
  580. position:fixed;
  581. right:10px;
  582. bottom:10px;
  583. padding:2px 4px 2px 4px;
  584. background:{color:container};
  585. font-size:calc({select:font-size} - 1px);
  586. }
  587.  
  588. {CustomCSS}</style></head><body>
  589.  
  590. <div id="bg"></div>
  591.  
  592. <div class="footer">
  593. {block:Iflink1}<a href="{text:link 1 url}">{text:link 1}</a>{/block:Iflink1}
  594. {block:Iflink2}<a href="{text:link 2 url}">{text:link 2}</a>{/block:Iflink2}
  595. {block:Iflink3}<a href="{text:link 3 url}">{text:link 3}</a>{/block:Iflink3}
  596. {block:Iflink4}<a href="{text:link 4 url}">{text:link 4}</a>{/block:Iflink4}
  597. {block:Iflink5}<a href="{text:link 5 url}">{text:link 5}</a>{/block:Iflink5}
  598. </div>
  599.  
  600. <div class="container">
  601.  
  602. <div class="header">
  603. <div class="tbimage">
  604. <img src="{image:topbar}"}>
  605. </div>
  606. <div class="description">{Description}</div>
  607. <div class="btitle"><a href="/">{title}</a></div>
  608. </div>
  609.  
  610. {block:Posts}
  611. <div class="post">
  612.  
  613. {block:Text}
  614. {block:Title}<div class="title">{Title}<br><div class="titlebar"></div></div>{/block:Title}{Body}
  615. {/block:Text}
  616.  
  617. {block:Quote}
  618. <div class="title">“{Quote}”<br><div class="titlebar"></div></div>
  619. <br><center>{Source}</center>
  620. {/block:Quote}
  621.  
  622. {block:Link}
  623. <a href="{URL}"><div class="title">{Name}<br><div class="titlebar"></div></div></a>
  624. {block:Description}<p>{Description}</p>{/block:Description}
  625. {/block:Link}
  626.  
  627. {block:Photo}
  628. <div class="photo"><img src="{PhotoURL-400}"/></div>
  629. {/block:Photo}
  630.  
  631. {block:Photoset}
  632. <div class="photoset">
  633. <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>
  634. </div>
  635. {/block:Photoset}
  636.  
  637. {block:Chat}
  638. <ul class="chat">
  639. {block:Title}<div class="title">{Title}<br><div class="titlebar"></div></div>{/block:Title}
  640. {block:Lines}<li>{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>
  641. {/block:Chat}
  642.  
  643. {block:Video}
  644. <div class="video-player">{Video-500}</div>
  645. {/block:Video}
  646.  
  647. {block:Answer}
  648. <div class="ask">
  649. <div class="title">{Asker}</div>
  650. {Question}
  651. <br><div class="titlebar"></div>
  652. </div>
  653. <div class="ans">{Answer}</div>
  654. {/block:answer}
  655.  
  656. {block:Audio}
  657. <div class="audio">
  658. {block:AlbumArt}<div class="albumart">
  659. <div class="playercontainer">{AudioPlayerWhite}</div>
  660. <img src="{AlbumArtURL}"/>
  661. </div>{/block:AlbumArt}
  662. <div class="audioinfo">
  663. {block:TrackName}<h1>{TrackName}</h1>{/block:TrackName}
  664. {block:Artist}{Artist}{/block:Artist}
  665. </div>
  666. </div>
  667. {/block:Audio}
  668.  
  669. {block:IndexPage}
  670. {block:IfnotHideCaptions}
  671. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  672. {/block:IfnotHideCaptions}
  673. {/block:IndexPage}
  674. {block:PermalinkPage}
  675. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  676. {/block:PermalinkPage}
  677.  
  678. {block:Date}
  679. <div class="info">
  680. <a href="{Permalink}" title="{Month} {DayOfMonth}"><span class="lnr lnr-star"></span></a>
  681. <a href="{ReblogURL}" title="reblog"><span class="lnr lnr-sync"></span></a>
  682. <a href="{Permalink}" title="{NoteCount} Notes"><span class="lnr lnr-eye"></span></a>
  683. {block:PermalinkPage}
  684. {block:RebloggedFrom}
  685. <a href="{ReblogParentURL}">via</a>
  686. {/block:RebloggedFrom}
  687. {block:ContentSource}
  688. <a href="{SourceURL}">source</a>
  689. {/block:ContentSource}
  690. {/block:PermalinkPage}
  691. </div>
  692.  
  693. {block:HasTags}
  694. <div class="tags">{block:Tags}
  695. <a href="{TagURL}"><div class="tag">#{Tag}</div></a>
  696. {/block:Tags}</div>
  697. {/block:HasTags}
  698.  
  699. {/block:Date}
  700. </div>
  701.  
  702. {/block:Posts}
  703.  
  704. {block:PostNotes}<div class="postnotes">{PostNotes}</div>{/block:PostNotes}
  705.  
  706. <div class="pagination">
  707. {block:Pagination}
  708. <div style="float:left">{block:PreviousPage}<a href="{PreviousPage}"><span class="lnr lnr-chevron-left"></span></a> {/block:PreviousPage}</div>
  709. <div class="centernav">{CurrentPage} / {TotalPages}</div>
  710. <div style="float:right">{block:NextPage}<a href="{NextPage}"><span class="lnr lnr-chevron-right"></span></a>{/block:NextPage}</div>
  711. {/block:Pagination}
  712. </div>
  713.  
  714. </div><!-- end post container -->
  715.  
  716. <a href="http://neonbikethemes.tumblr.com/" title="theme by Paige"><div class="credit">nb</center></div></a>
  717.  
  718.  
  719. <script src="http://static.tumblr.com/kfhytre/zMuol8wco/unnest.min.js"></script>
  720. <script>
  721. $('.post').unnest({
  722. yourCaption: '.caption',
  723. newCaptionUsername: true,
  724. originalPostCaptionUsername: true,
  725. tumblrAvatars: true,
  726. usernameColon: false
  727. });
  728. $(window).scroll(function() {
  729. if ($(this).scrollTop() > 100){
  730. $('.btitle').addClass("sticky");
  731. }
  732. else{
  733. $('.btitle').removeClass("sticky");
  734. }
  735. });
  736. </script>
  737.  
  738. </body>
  739.  
  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!