API tools faq
paste
Advertisement
paigeh987

Theme 28 - neonbike themes

paigeh987
Oct 5th, 2016
10,185
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.85 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5. <!--
  6.  
  7. Theme #28 by Paige @neonbikethemes.tumblr.com
  8. Last updated 01.10/17
  9.  
  10. Rules:
  11.  
  12. - Do not steal code or design
  13. - Edit as much as you want but don't remove credit!
  14. - Like/reblog the post
  15.  
  16. Thanks!
  17.  
  18.  
  19. -->
  20.  
  21. {block:Description}
  22. <meta name="description" content="{MetaDescription}" />
  23. {/block:Description}
  24. <meta charset="utf-8">
  25. <meta name="viewport" content="initial-scale=1.0, width=device-width" />
  26. <title>{Title}{block:TagPage} - {Tag} {/block:TagPage} {block:SearchPage} - {lang:Search results for SearchQuery}{/block:SearchPage}{block:PostSummary}- {PostSummary} {/block:PostSummary}</title>
  27. <link rel="shortcut icon" href="{Favicon}">
  28. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  29.  
  30. <meta name="image:sidebar" content="" />
  31.  
  32. <meta name="color:Background" content="#e9edf0" />
  33. <meta name="color:Text" content="#000000" />
  34. <meta name="color:Links" content="#aec9d4" />
  35. <meta name="color:Tags" content="#a0a0a0" />
  36. <meta name="color:Reblog" content="#bbc2c9" />
  37. <meta name="color:Posts" content="#ffffff" />
  38. <meta name="color:Captions" content="#f9f9f9" />
  39. <meta name="color:Border" content="#d7e1e5" />
  40. <meta name="color:Border hover" content="#bdd8e2" />
  41.  
  42. <meta name="select:Font" content="'Karla'" title="Karla"/>
  43. <meta name="select:Font" content="'Open Sans'" title="Open Sans"/>
  44. <meta name="select:Font" content="'Inconsolata'" title="Inconsolata"/>
  45. <meta name="select:Font" content="helvetica" title="Helvetica"/>
  46. <meta name="select:Font" content="'Lora'" title="Lora"/>
  47. <meta name="select:Font" content="'Montserrat'" title="Montserrat"/>
  48. <meta name="select:Font" content="Courier" title="Courier"/>
  49. <meta name="select:Font" content="'Source Sans Pro'" title="Source Sans Pro"/>
  50. <meta name="select:Font" content="Roboto" title="Roboto"/>
  51.  
  52. <meta name="select:Font Size" content="9px" title="9px"/>
  53. <meta name="select:Font Size" content="10px" title="10px"/>
  54. <meta name="select:Font Size" content="11px" title="11px"/>
  55. <meta name="select:Font Size" content="12px" title="12px"/>
  56. <meta name="select:Font Size" content="13px" title="13px"/>
  57.  
  58. <meta name="text:post size" content="300">
  59. <meta name="text:link 1 title" content="link">
  60. <meta name="text:link 1 url" content=" ">
  61. <meta name="text:link 2 title" content="link">
  62. <meta name="text:link 2 url" content=" ">
  63. <meta name="text:link 3 title" content="link">
  64. <meta name="text:link 3 url" content=" ">
  65. <meta name="text:link 4 title" content="link">
  66. <meta name="text:link 4 url" content=" ">
  67. <meta name="text:link 5 title" content="link">
  68. <meta name="text:link 5 url" content=" ">
  69. <meta name="text:link 6 title" content="link">
  70. <meta name="text:link 6 url" content=" ">
  71.  
  72. <meta name="if:Infinite Scroll" content="1"/>
  73. <meta name="if:Hide captions" content="1"/>
  74. <meta name="if:Hide tags" content="1"/>
  75. <meta name="if:Fixed sidebar" content="1"/>
  76. <meta name="if:Contained sidebar" content="0"/>
  77. <meta name="if:Show sidebar image" content="0"/>
  78. <meta name="if:Grayscale posts" content="0"/>
  79.  
  80. <style type="text/css">
  81.  
  82. /* ---------------------------- GENERAL ----------------------------- */
  83.  
  84.  
  85. /* -------- SELECTION TOOL ------- */
  86.  
  87. ::-moz-selection {
  88. background: {color:text};
  89. color: {color:background};
  90. }
  91.  
  92. ::selection {
  93. background: {color:text};
  94. color: {color:background};
  95. }
  96.  
  97. /* ------- TOOLTIPS ------ */
  98.  
  99. #s-m-t-tooltip {
  100. max-width:300px;
  101. margin:10px 0px 0px 10px;
  102. background-color:{color:background};
  103. font-family:{select:font}, helvetica;
  104. font-size:{select:font size};
  105. color:{color:text};
  106. border:1px solid {color:border};
  107. padding:6px 8px 6px 8px;
  108. z-index:9999999;
  109. }
  110.  
  111. /* -------- BASICS ------- */
  112.  
  113. body {
  114. background: {color:Background};
  115. color: {color:text};
  116. font-family: {select:font}, helvetica;
  117. font-size: {select:font size};
  118. margin: 0;
  119. padding: 0;
  120. word-wrap: break-word;
  121. line-height:150%;
  122. }
  123.  
  124. a {
  125. color:{color:links};
  126. text-decoration: none;
  127. -webkit-transition: all .3s;
  128. -moz-transition: all .3s;
  129. -o-transition: all .3s;
  130. -ms-transition: all .3s;
  131. transition: all .3s;
  132. }
  133.  
  134. a:hover{
  135. color:{color:text};
  136. -webkit-transition: all .3s;
  137. -moz-transition: all .3s;
  138. -o-transition: all .3s;
  139. -ms-transition: all .3s;
  140. transition: all .3s;
  141. }
  142.  
  143. blockquote {
  144. border-left: 1px solid {color:border};
  145. margin: 0px 0px 0px 0px;
  146. padding-left:20px;
  147. padding-bottom:0px;
  148. }
  149. blockquote img{
  150. width:auto;
  151. max-width:100%;
  152. height:auto;
  153. margin:0;
  154. }
  155.  
  156. iframe, img, embed, object, video {
  157. max-width: 100%;
  158. }
  159.  
  160. p{
  161. margin-bottom:10px;
  162. }
  163.  
  164. img {
  165. height: auto;
  166. width:auto;
  167. max-width:100%;
  168. margin-bottom:-4px;
  169. }
  170.  
  171. h1{
  172. font-size:calc({select:font size} + 6px);
  173. margin:0px;
  174. }
  175.  
  176. ul{
  177. list-style-type:square;
  178. }
  179.  
  180. ol{
  181. list-style-type:;
  182. }
  183.  
  184. #bigcon{
  185. position:absolute;
  186. width:{text:post size}px;
  187. margin-left:calc(({text:post size}px / 1) * -1);
  188. left:50%;
  189. }
  190.  
  191.  
  192. .container {
  193. position:static;
  194. width:calc({text:post size}px + 10px);
  195. padding: 60px 80px 80px 0px;
  196. border-right:1px solid {color:border};
  197. margin-top:0px;
  198. {block:Ifnotshowsidebarimage}
  199. padding-top:80px;
  200. {/block:Ifnotshowsidebarimage}
  201. min-height:100vh;
  202. }
  203.  
  204.  
  205. /* ----------------------------- HEADER STUFF ---------------------------*/
  206.  
  207. #sidebar{
  208. position:absolute;
  209. width:240px;
  210. top:20px;
  211. text-align:left;
  212. padding-left:80px;
  213. padding-top:40px;
  214. margin-left: calc({text:post size}px + 68px);
  215. {block:Iffixedsidebar}
  216. position:fixed;
  217. {/block:Iffixedsidebar}
  218. }
  219.  
  220. .sb{
  221. {block:Ifcontainedsidebar}
  222. border:1px solid {color:border};
  223. background:{color:posts};
  224. {/block:Ifcontainedsidebar}
  225. {block:Ifnotshowsidebarimage}
  226. margin-top:20px;
  227. {block:Ifnotcontainedsidebar}
  228. margin-top:-5px;
  229. margin-left:5px;
  230. {/block:Ifnotcontainedsidebar}
  231. {/block:Ifnotshowsidebarimage}
  232. }
  233.  
  234. .sbdot{
  235. position:absolute;
  236. width:7px;
  237. height:7px;
  238. background:{color:border};
  239. border-radius:10px;
  240. margin-left:-61px;
  241. margin-top:50px;
  242. z-index:99;
  243. transition: 0.4s;
  244. -o-transition: 0.4s;
  245. -moz-transition: 0.4s;
  246. -webkit-transition: 0.4s;
  247. }
  248.  
  249. #sidebar:hover .sbdot{
  250. background:{color:border hover};
  251. transition: 0.4s;
  252. -o-transition: 0.4s;
  253. -moz-transition: 0.4s;
  254. -webkit-transition: 0.4s;
  255. }
  256.  
  257. .sbline{
  258. position:absolute;
  259. width:60px;
  260. height:1px;
  261. background:{color:border};
  262. border-radius:10px;
  263. margin-left:-60px;
  264. margin-top:53px;
  265. }
  266.  
  267. .sidebarimg{
  268. width:70px;
  269. height:70px;
  270. margin-bottom:-10px;
  271. padding:15px;
  272. border:1px solid {color:border};
  273. background:{color:posts};
  274. {block:Ifcontainedsidebar}
  275. position:relative;
  276. margin-bottom:10px;
  277. {/block:Ifcontainedsidebar}
  278. }
  279.  
  280. .sidebarimg img{
  281. width:70px;
  282. height:70px;
  283. margin-bottom:-4px;
  284. }
  285.  
  286. .blogtitle{
  287. margin-bottom:10px;
  288. text-transform:lowercase;
  289. font-size:calc({select:font size} + 6px);
  290. line-height:calc({select:font size} + 7px);
  291. letter-spacing:1px;
  292. font-weight:bold;
  293. padding-top:50px;
  294. {block:Ifcontainedsidebar}
  295. padding:15px;
  296. margin:0;
  297. {/block:Ifcontainedsidebar}
  298. }
  299.  
  300. .blogtitle a{
  301. color:{color:text};
  302. }
  303.  
  304. .description{
  305. margin-bottom:0px;
  306. {block:Ifcontainedsidebar}
  307. background:{color:captions};
  308. padding:15px;
  309. border-bottom: 1px solid {color:border};
  310. border-top: 1px solid {color:border};
  311. {/block:Ifcontainedsidebar}
  312. }
  313.  
  314. #navbar{
  315. text-align:left;
  316. padding-top:30px;
  317. {block:Ifcontainedsidebar}
  318. padding:10px;
  319. margin:0;
  320. {/block:Ifcontainedsidebar}
  321. }
  322.  
  323. .sblink{
  324. display:inline-block;
  325. }
  326.  
  327. #navbar a{
  328. color:{color:text};
  329. text-decoration:none;
  330. padding-bottom:1px;
  331. border-bottom:1px solid transparent;
  332. margin-right:10px;
  333. }
  334.  
  335. #navbar a:hover{
  336. border-bottom:1px solid {color:links};
  337. }
  338.  
  339.  
  340.  
  341. /* --------------------------- POSTS (articles) --------------------- */
  342.  
  343. article {
  344. position:relative;
  345. background:{color:posts};
  346. width: {text:post size}px;
  347. min-width:200px;
  348. max-width:500px;
  349. text-align:left;
  350. margin: 0px 0px 50px 0px;
  351. {block:PermalinkPage}
  352. margin-bottom:25px;
  353. {/block:PermalinkPage}
  354. padding: 20px 20px 20px 20px;
  355. border:1px solid {color:border};
  356. {block:Ifgrayscaleposts}
  357. -webkit-filter: grayscale(100%);
  358. transition: 0.4s;
  359. -o-transition: 0.4s;
  360. -moz-transition: 0.4s;
  361. -webkit-transition: 0.4s;
  362. {block:Ifgrayscaleposts}
  363. }
  364.  
  365. article:hover{
  366. {block:Ifgrayscaleposts}
  367. -webkit-filter: grayscale(0%);
  368. {block:Ifgrayscaleposts}
  369. transition: 0.4s;
  370. -o-transition: 0.4s;
  371. -moz-transition: 0.4s;
  372. -webkit-transition: 0.4s;
  373. }
  374.  
  375. article img{
  376. margin-bottom:-4px;
  377. }
  378.  
  379. .dot_container{
  380. height:100%;
  381. top:0px;
  382. left:{text:post size}px;
  383. margin-left:40px;
  384. position:absolute;
  385. z-index:9;
  386. }
  387.  
  388. .dot{
  389. position:relative;
  390. top:50%;
  391. margin-left:46px;
  392. margin-top:-30px;
  393. width:7px;
  394. height:7px;
  395. background:{color:border};
  396. border-radius:5px;
  397. z-index:99;
  398. transition: 0.4s;
  399. -o-transition: 0.4s;
  400. -moz-transition: 0.4s;
  401. -webkit-transition: 0.4s;
  402. }
  403.  
  404. .dotline{
  405. position:relative;
  406. top:50%;
  407. margin-left:0px;
  408. width:50px;
  409. margin-top:-4px;
  410. height:1px;
  411. background:{color:border};
  412. border-radius:5px;
  413. }
  414.  
  415. article:hover .dot{
  416. background:{color:border hover};
  417. transition: 0.4s;
  418. -o-transition: 0.4s;
  419. -moz-transition: 0.4s;
  420. -webkit-transition: 0.4s;
  421. }
  422.  
  423. /* -------------------------- CAPTIONS ----------------------- */
  424.  
  425. .caption{
  426. border-top:1px solid {color:border};
  427. padding: 10px 20px 10px 20px;
  428. margin:20px -20px -20px -20px;
  429. background:{color:captions};
  430. }
  431.  
  432.  
  433. /* ---------------------------- POST INFO -----------------------------*/
  434.  
  435. .postinfo{
  436. margin:20px -22px -21px -21px;
  437. padding:21px;
  438. background:{color:background};
  439. border-top:1px solid {color:border};
  440. font-size:calc({select:font-size} - 1px);
  441. text-transform:uppercase;
  442. letter-spacing:1px;
  443. text-align:left;
  444. min-height:10px;
  445. }
  446. .postinfo a{
  447. color:{color:text};
  448. }
  449. .date{
  450. float:left;
  451. text-align:left;
  452. font-weight:bold;
  453. width:auto;
  454. margin: 0 10px 0 0 ;
  455. }
  456. .right{
  457. opacity:0;
  458. transition: 0.4s;
  459. -o-transition: 0.4s;
  460. -moz-transition: 0.4s;
  461. -webkit-transition: 0.4s;
  462. }
  463. article:hover .right{
  464. opacity:1;
  465. transition: 0.4s;
  466. -o-transition: 0.4s;
  467. -moz-transition: 0.4s;
  468. -webkit-transition: 0.4s;
  469. }
  470. .right a{
  471. float:right;
  472. color:{color:reblog};
  473. }
  474. .tags {
  475. display:inline-block;
  476. max-width:{text:post size}px;
  477. text-transform:lowercase;
  478. {block:Ifhidetags}
  479. {block:IndexPage}
  480. display:none !important;
  481. {/block:IndexPage}
  482. {/block:Ifhidetags}
  483. }
  484. .tags a{
  485. color:{color:tags};
  486. margin-right:4px;
  487. transition: 0.4s;
  488. -o-transition: 0.4s;
  489. -moz-transition: 0.4s;
  490. -webkit-transition: 0.4s;
  491. }
  492. .tags a:hover{
  493. color:{color:text};
  494. transition: 0.4s;
  495. -o-transition: 0.4s;
  496. -moz-transition: 0.4s;
  497. -webkit-transition: 0.4s;
  498. }
  499.  
  500. /* ---------------------------- POST NOTES ------------------------- */
  501.  
  502. ol.notes {
  503. display:block;
  504. text-align:left;
  505. list-style-type:none;
  506. margin-left:-40px;
  507. }
  508. ol.notes li.note{
  509. margin:0 0 0 0px;
  510. border-bottom:1px solid {color:border};
  511. padding: 4px 6px 6px 8px;
  512. }
  513. .pagenotes {
  514. text-align:left;
  515. margin: 0px -20px -30px -20px;
  516. }
  517. .pagenotes img{
  518. padding-right:8px;
  519. padding-top:5px;
  520. margin-bottom:-5px;
  521. }
  522. .notestitle{
  523. background:{color:captions};
  524. margin:-20px -20px -10px -20px;
  525. border-bottom:1px solid {color:border};
  526. padding:15px;
  527. }
  528.  
  529. /* -------------------------- POST TYPES -------------------------- */
  530.  
  531. /* CHAT */
  532.  
  533. ul.chat{
  534. list-style:none;
  535. margin-left:-40px;
  536. }
  537. .chat span {
  538. float: left;
  539. }
  540. .label{
  541. font-weight:bold;
  542. margin-right:6px;
  543. }
  544.  
  545. /* QUOTES */
  546.  
  547. .quote{
  548. font-size:calc({select:font size} + 8px);
  549. line-height:150%;
  550. padding:10px;
  551. }
  552. .quotesource{
  553. text-align:left;
  554. padding:15px;
  555. margin:15px -20px -20px -20px;
  556. border-top:1px solid {color:border};
  557. background:{color:captions};
  558. }
  559.  
  560. /* QUESTIONS */
  561. .question{
  562. margin:-20px -20px 20px -20px;
  563. background:{color:captions};
  564. padding:20px;
  565. border-bottom:1px solid {color:border};
  566. }
  567. .asker{
  568. background:{color:posts};
  569. padding:15px;
  570. border-bottom:1px solid {color:border};
  571. margin:-20px -20px 20px -20px;
  572. }
  573. .asker img{
  574. position:relative;
  575. float:left;
  576. display:inline-block;
  577. margin-right:10px;
  578. width:auto;
  579. }
  580.  
  581. /* AUDIO */
  582.  
  583. .player {
  584. width:27px;
  585. height:27px;
  586. margin: 10px 0 0 10px;
  587. border:1px solid {color:border};
  588. overflow:hidden;
  589. position:absolute;
  590. background:white;
  591. z-index:999;
  592. opacity:.3;
  593. }
  594. article:hover .player{
  595. opacity:.9;
  596. }
  597. .audioinfo {
  598. margin-left:50px;
  599. text-align:right;
  600. min-height:50px;
  601. }
  602. .audioart{
  603. position:relative;
  604. float:left;
  605. margin: 0px 20px 0px 0px;
  606. width:50px;
  607. height:50px;
  608. }
  609. .audioart img{
  610. max-width:100%;
  611. }
  612.  
  613. /* VIDEO */
  614. .video{
  615. position: relative;
  616. padding-bottom: 56.25%; /* 16:9 */
  617. padding-top: 25px;
  618. height: 0;
  619. overflow:hidden;
  620. }
  621. .video iframe{
  622. position: absolute;
  623. top: 0;
  624. left: 0;
  625. width: 100%;
  626. height: 100%;
  627. }
  628.  
  629. /* ------------------------- PAGINATION ------------------------- */
  630.  
  631. .navigation{
  632. position:absolute;
  633. margin-left:calc({text:post size}px + 148px);
  634. margin-top:-110px;
  635. text-align:left;
  636. background:{color:posts};
  637. border:1px solid {color:border};
  638. padding: 8px 12px 8px 12px;
  639. text-transform:uppercase;
  640. letter-spacing:1px;
  641. font-size:calc({select:font size} - 1px);
  642. }
  643.  
  644. /* CREDIT */
  645. .credit{
  646. position:fixed;
  647. bottom:15px;
  648. right:15px;
  649. padding: 5px 6px 3px 6px;
  650. background:{color:posts};
  651. border:1px solid {color:border};
  652. }
  653.  
  654. .credit a{
  655. color:{color:text};
  656. }
  657.  
  658. /* --------------------------- Custom CSS -------------------------- */
  659. {CustomCSS}
  660. </style>
  661. </head>
  662. <body>
  663.  
  664.  
  665. <div id="bigcon">
  666.  
  667.  
  668. <!--TOPBAR-->
  669.  
  670. <div id="sidebar">
  671.  
  672. <div class="sbdot"></div>
  673. <div class="sbline"></div>
  674.  
  675. {block:Ifshowsidebarimage}
  676. <div class="sidebarimg"><img src="{image:Sidebar}"></div>
  677. {/block:Ifshowsidebarimage}
  678.  
  679. <div class="sb">
  680.  
  681. <div class="blogtitle">
  682. <a href="{blogURL}">{Title}</a>
  683. </div>
  684.  
  685. <div class="description">{description}</div>
  686.  
  687. <div id="navbar">
  688. {block:Iflink1title}<a href="{text:link 1 url}">
  689. <div class="sblink">{text:link 1 title}</div></a>
  690. {/block:Iflink1title}
  691.  
  692. {block:Iflink2title}<a href="{text:link 2 url}">
  693. <div class="sblink">{text:link 2 title}</div></a>
  694. {/block:Iflink2title}
  695.  
  696. {block:Iflink3title}<a href="{text:link 3 url}">
  697. <div class="sblink">{text:link 3 title}</div></a>
  698. {/block:Iflink3title}
  699.  
  700. {block:Iflink4title}<a href="{text:link 4 url}">
  701. <div class="sblink">{text:link 4 title}</div></a>
  702. {/block:Iflink4title}
  703.  
  704. {block:Iflink5title}<a href="{text:link 5 url}">
  705. <div class="sblink">{text:link 5 title}</div></a>
  706. {/block:Iflink5title}
  707.  
  708. {block:Iflink6title}<a href="{text:link 6 url}">
  709. <div class="sblink">{text:link 6 title}</div></a>
  710. {/block:Iflink6title}
  711. </div>
  712.  
  713. </div> <!-- end sb -->
  714.  
  715. </div>
  716.  
  717.  
  718.  
  719. <!-- --------------------------- TAB 1 -------------------------- -->
  720.  
  721.  
  722. <div class="container">
  723.  
  724.  
  725. {block:Posts}
  726. <article>
  727.  
  728. <div class="dot_container">
  729. <div class="dot"></div>
  730. <div class="dotline"></div>
  731. </div>
  732.  
  733. <!--TEXT POST-->
  734. {block:Text}
  735. {block:Title}
  736. <h1>{Title}</h1>
  737. {/block:Title}
  738. {Body}
  739. {/block:Text}
  740.  
  741. <!--PHOTO POST-->
  742. {block:Photo}
  743. {LinkOpenTag}
  744. <img src="{PhotoURL-500}" alt="{PhotoAlt}" />
  745. {LinkCloseTag}
  746. {/block:Photo}
  747.  
  748. <!--PHOTOSET POST-->
  749. {block:Photoset}
  750. <div style="margin-bottom:-4px;">{Photoset}</div>
  751. {/block:Photoset}
  752.  
  753. <!--QUOTE POST-->
  754. {block:Quote}
  755. <div class="quote">{Quote}</div>
  756. {block:Source}
  757. <div class="quotesource">{Source}</div>
  758. {/block:Source}
  759. {/block:Quote}
  760.  
  761. <!--LINK POST-->
  762. {block:Link}
  763. <h1><a href="{URL}">{Name}</a></h1>
  764. {block:Description}{Description}{/block:Description}
  765. {/block:Link}
  766.  
  767. <!--CHAT POST-->
  768. {block:Chat}
  769. <h1>{title}</h1>
  770. <ul class="chat">
  771. {block:Lines}<li class="{Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label} <p>{Line}</p></li>{/block:Lines}
  772. </ul>
  773. {/block:Chat}
  774.  
  775. <!--AUDIO POST-->
  776. {block:Audio}
  777. <div class="text">
  778. {block:AlbumArt}
  779. <div class="audioart"><img src="{AlbumArtURL}"></div>
  780. {/block:AlbumArt}
  781. <div class="player">
  782. {AudioPlayerWhite}
  783. </div>
  784. <div class="audioinfo">
  785. {block:Artist}{Artist}{/block:Artist}
  786. <br>{block:TrackName}<b>{TrackName}</b>{/block:TrackName}
  787. <br>{PlayCountWithLabel}
  788. </div>
  789. </div>
  790. {/block:Audio}
  791.  
  792. <!--VIDEO POST-->
  793. {block:Video}
  794. <div class="video">
  795. <div class="video-player">{Video-400}</div>
  796. </div>
  797. {/block:Video}
  798.  
  799.  
  800. <!--ANSWER POST-->
  801. {block:Answer}
  802. <div class="question">
  803. <div class="asker"><img src="{AskerPortraitURL-16}">{Asker}</div>
  804. {Question}
  805. </div>
  806. <div class="answer">{Answer}</div>
  807. {/block:Answer}
  808.  
  809. <!--CAPTIONS-->
  810. {block:Ifhidecaptions}
  811. {block:permalink}
  812. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  813. {/block:permalink}
  814. {/block:Ifhidecaptions}
  815. {block:Ifnothidecaptions}
  816. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  817. {/block:Ifnothidecaptions}
  818.  
  819. <!--POST INFORMATION-->
  820. <div class="postinfo">
  821.  
  822. <a href="{Permalink}">{block:Date}
  823. <div class="date">{DayOfMonth} {ShortMonth}</div>
  824. {/block:Date}</a>
  825.  
  826. <div class="right">
  827. <a href="{ReblogURL}">
  828. <i class="fa fa-refresh" aria-hidden="true"></i></a>
  829. </div>
  830. {block:NoteCount}
  831. <a href="{Permalink}"> {NoteCountWithLabel} </a>
  832. {/block:NoteCount}
  833.  
  834. {block:PermalinkPage}
  835. <!--VIA AND SOURCE-->
  836. {block:RebloggedFrom}
  837. ( <a href="{ReblogParentURL}">Via</a>
  838. {/block:RebloggedFrom}
  839. {block:ContentSource}
  840. & <a href="{SourceURL}">Source</a>
  841. {/block:ContentSource}
  842. {block:RebloggedFrom} ){/block:RebloggedFrom}
  843. {/block:PermalinkPage}
  844.  
  845. <!--TAGS-->
  846. {block:HasTags}
  847. <br><div class="tags">
  848. {block:Tags}<a href="{TagURL}">{Tag},</a>{/block:Tags}</div>
  849. {/block:HasTags}
  850. </div><!-- end postinfo -->
  851.  
  852. </article>
  853.  
  854. {block:PermalinkPage}
  855. {block:Date}
  856. <article>
  857. <div class="dot_container">
  858. <div class="dot"></div>
  859. <div class="dotline"></div>
  860. </div>
  861. <!--POST NOTES-->
  862. {block:PostNotes}
  863. <div class="notestitle">Notes</div>
  864. <div class="pagenotes">{PostNotes-16}</div>
  865. {/block:PostNotes}
  866. </article>
  867. {/block:Date}
  868. {/block:PermalinkPage}
  869.  
  870. {/block:Posts}
  871.  
  872.  
  873. <!--PAGINATION-->
  874. <div class="navigation">
  875. {block:Pagination}
  876. <div class="sbdot" style="margin-top:3px; margin-left:-74px;"></div>
  877. <div class="sbline" style="margin-top:6px; margin-left:-73px;"></div>
  878. {block:PreviousPage}
  879. <a href="{PreviousPage}" class="pagibutton">Previous</a>
  880. {/block:PreviousPage}
  881. {block:NextPage}
  882. <a href="{NextPage}" class="pagibutton next">Next</a>
  883. {/block:NextPage}
  884. {/block:Pagination}
  885. </div>
  886.  
  887.  
  888. </div>
  889.  
  890. </div>
  891.  
  892. <div class="credit"><a title="Theme by Paige" href="http://neonbikethemes.tumblr.com">nb</a></div>
  893.  
  894.  
  895. <!-- --------------------------- SCRIPTS -------------------------------- -->
  896.  
  897. <!-- SCRIPTS -->
  898. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
  899.  
  900. <!-- TOOLTIP SCRIPT -->
  901. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  902. <script>
  903. (function($){
  904. $(document).ready(function(){
  905. $("a[title]").style_my_tooltips({
  906. tip_follows_cursor:true,
  907. tip_delay_time:90,
  908. tip_fade_speed:600,
  909. attribute:"title"
  910. });
  911. });
  912. })(jQuery);
  913. </script>
  914.  
  915. <!-- FONT SCRIPTS -->
  916. <link href="https://fonts.googleapis.com/css?family=Inconsolata:400,700|Karla:400,700|Lato:400,700|Montserrat:700|Open+Sans:400,700" rel="stylesheet">
  917. <link href="https://fonts.googleapis.com/css?family=Lora:400,700" rel="stylesheet">
  918. <link href="https://fonts.googleapis.com/css?family=Roboto:400,700|Source+Sans+Pro:400,700" rel="stylesheet">
  919.  
  920. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
  921.  
  922. <!-- JQUERY -->
  923. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
  924.  
  925. <!-- INFINITE SCROLL -->
  926. {block:IfInfiniteScroll}
  927. <script src="https://static.tumblr.com/kfhytre/3T9oja5r8/jquery.infinitescroll.js"></script>
  928. {/block:IfInfiniteScroll}
  929.  
  930. <script>
  931. {block:Ifinfinitescroll}
  932. var $container = $('.container');
  933. $(document).ready(function(){
  934. $container.infinitescroll({
  935. navSelector : '.navigation',
  936. nextSelector : '.next',
  937. itemSelector : 'article',
  938. loadingImg: '',
  939. loadingText: '<p></p>',
  940. donetext : "No More Posts",
  941. });
  942. });
  943. {block:Ifinfinitescroll}
  944. </script>
  945.  
  946. </body>
  947. </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!