Advertisement
paigeh987

Theme 31

Feb 16th, 2017
4,808
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  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
Advertisement
Advertisement
RAW Paste Data Copied
Advertisement