API tools faq
paste
Advertisement
bisexualsteverogers

solasz theme 02

bisexualsteverogers
Jul 7th, 2018
9,813
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.19 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <!--
  5.  
  6. ------
  7. ------
  8.  
  9. THEME BY SOLASZ
  10.  
  11. EDITING TO ANY EXTEND ALLOWED AS LONG AS THE CREDIT STAYS IN TACT :)
  12.  
  13. Questions go here: https://solasz.tumblr.com/ask
  14.  
  15. ------
  16. ------
  17.  
  18. Big Thank You to shythemes for:
  19.  
  20. - Pixelunion Photoset Tutorial
  21. - Infinite Scroll & Load More
  22. - Video Resizing Script
  23. - Base Code
  24.  
  25. Tumblr Controls Fix
  26. http://cyantists.tumblr.com/post/163728517915/
  27.  
  28.  
  29. -->
  30. <title>{Title}</title>
  31.  
  32. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  33. <link rel="shortcut icon" href="{Favicon}">
  34. {block:Description}<meta name="description" content="{MetaDescription}">{/block:Description}
  35.  
  36. <meta name="viewport" content="width=device-width, initial-scale=1">
  37.  
  38. <meta name="color:Accent" content="#f7c282">
  39.  
  40. <meta name="image:Sidebar" content=""/>
  41.  
  42. <meta name="select:Post Margin" content="40" title="40px" />
  43. <meta name="select:Post Margin" content="50" title="50px" />
  44. <meta name="select:Post Margin" content="60" title="60px" />
  45. <meta name="select:Post Margin" content="70" title="70px" />
  46. <meta name="select:Post Margin" content="80" title="80px" />
  47. <meta name="select:Post Margin" content="90" title="90px" />
  48. <meta name="select:Post Margin" content="100" title="100px" />
  49. <meta name="select:Post Margin" content="110" title="110px" />
  50. <meta name="select:Post Margin" content="120" title="120px" />
  51.  
  52. <meta name="select:Post Size" content="375" title="375px" />
  53. <meta name="select:Post Size" content="400" title="400px" />
  54. <meta name="select:Post Size" content="450" title="450px" />
  55. <meta name="select:Post Size" content="500" title="500px" />
  56. <meta name="select:Post Size" content="540" title="540px" />
  57.  
  58. <meta name="select:Font" content="Work Sans" title="Work Sans"/>
  59. <meta name="select:Font" content="Fira Sans" title="Fira Sans"/>
  60. <meta name="select:Font" content="Chivo" title="Chivo"/>
  61. <meta name="select:Font" content="Karla" title="Karla"/>
  62.  
  63. <meta name="select:Font Size" content="13" title="13px" />
  64. <meta name="select:Font Size" content="12" title="12px" />
  65. <meta name="select:Font Size" content="11" title="11px" />
  66. <meta name="select:Font Size" content="10" title="10px" />
  67. <meta name="select:Font Size" content="9" title="9px" />
  68.  
  69. <meta name="if:Show Captions" content="1">
  70. <meta name="if:Sidebar Image" content="1">
  71. <meta name="if:Show Tags" content="1">
  72. <meta name="if:Topbar" content="1">
  73. <meta name="if:Show Tags On Hover" content="0">
  74.  
  75. <meta name="text:Link 1" content="">
  76. <meta name="text:Link 1 Title" content="">
  77. <meta name="text:Link 2" content="">
  78. <meta name="text:Link 2 Title" content="">
  79. <meta name="text:Link 3" content="">
  80. <meta name="text:Link 3 Title" content="">
  81. <meta name="text:Link 4" content="">
  82. <meta name="text:Link 4 Title" content="">
  83.  
  84. <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  85.  
  86. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp" crossorigin="anonymous">
  87.  
  88. <link href="https://fonts.googleapis.com/css?family=Chivo|Fira+Sans|Karla|Merriweather|Work+Sans" rel="stylesheet">
  89.  
  90. <style type="text/css">
  91.  
  92.  
  93. ::-webkit-scrollbar { height:9px; width:0px; background:transparent;}
  94. ::-webkit-scrollbar-thumb { background-color:#000000; border:4px solid #ffffff;}
  95.  
  96. body {
  97. margin:0;
  98. font-size:{select:font size}px;
  99. font-family:'{select:font}', sans-serif;
  100. line-height:1.5em;
  101. -moz-osx-font-smoothing:grayscale;
  102. -webkit-font-smoothing:antialiased;
  103. font-smoothing:antialiased;
  104. color:#636363;
  105. background:#f7f7f7;
  106. overflow-x:hidden;
  107. }
  108.  
  109. ::selection {
  110. background:{color:accent};
  111. color:#fff;
  112. }
  113.  
  114. blockquote {
  115. padding-left:10px;
  116. border-left:1px solid #eee;
  117. }
  118. blockquote, ol, ul, p, pre {
  119. margin:0 0 .6em;
  120. }
  121.  
  122. a {
  123. color:inherit;
  124. text-decoration:none;
  125. -webkit-transition:all .2s linear;
  126. transition:all .2s linear;
  127. }
  128. a:hover {
  129. color:{color:accent}; ;
  130. }
  131. small, sub {
  132. font-size:1em;
  133. vertical-align:baseline;
  134. }
  135. h1, h2, h3, h4, h5, h6 {
  136. margin:0 0 .6em;
  137. font-size:1em;
  138. font-weight:inherit;
  139. }
  140. img {
  141. border:0;
  142. max-width:100%;
  143. height:auto;
  144. display:block;
  145. }
  146.  
  147. /* wrapper */
  148.  
  149. .main {
  150. margin:150px auto;
  151. left:65px;
  152. margin-top:260px;
  153. width:{select:post size}px;
  154. position:relative;
  155. {block:ifNotTopbar}
  156. margin-top:200px;
  157. {/block:ifNotTopbar}
  158. }
  159.  
  160. /* posts */
  161.  
  162. .content {
  163. margin:0px 0;
  164. width:{select:post size}px;
  165. margin-top:-150px;
  166. margin-left:40px;
  167. }
  168.  
  169. .entry {
  170. position:relative;
  171. margin:0 0 {select:post margin}px;
  172. width:{select:post size}px;
  173.  
  174. }
  175.  
  176. {block:ifShowTagsOnHover}
  177. .entry:hover .tags {
  178. opacity:1;
  179. -webkit-transition: all 0.4s ease-out;
  180. -moz-transition: all 0.4s ease-out;
  181. transition: all 0.4s ease-out;
  182. }
  183. {/block:ifShowTagsOnHover}
  184.  
  185. .photo img {
  186. display:block;
  187. width:{select:post size}px;
  188. background:#fff;
  189. {block:ifNotShowTags}
  190. border-bottom:1px solid #eee;
  191. {/block:ifNotShowTags}
  192. }
  193.  
  194. .wrap {
  195. display:block;
  196. width:{select:post size}px;
  197. background:#fff;
  198. {block:ifNotShowTags}
  199. border-bottom:1px solid #eee;
  200. {/block:ifNotShowTags}
  201. }
  202.  
  203. .video {
  204. width:{select:post size}px;
  205. background:#fff;
  206. {block:ifNotShowTags}
  207. border-bottom:1px solid #eee;
  208. {/block:ifNotShowTags}
  209. }
  210.  
  211. .entry:last-child {
  212. margin-bottom:20px;
  213. }
  214.  
  215. .load {
  216. background:#fff;
  217. border:1px solid #eee;
  218. padding:4px;
  219. margin-left:40px;
  220. width:70px;
  221. }
  222.  
  223. hr {
  224. margin:1em 0;
  225. border:0;
  226. height:1px;
  227. -moz-box-sizing:border-box;
  228. box-sizing:border-box;
  229. background-color:{color:border};
  230. }
  231.  
  232. /* top bar */
  233.  
  234. {block:ifTopbar}
  235. header {
  236. width:100%;
  237. height:50px;
  238. background:#fff;
  239. position:fixed;
  240. z-index:99;
  241. text-align:center;
  242. border-bottom:1px solid #eee;
  243. top:0px;
  244. }
  245. /* top bar title */
  246.  
  247. .navigation {
  248. display: -webkit-flex;
  249. justify-content: space-between;
  250. align-items: center;
  251. width:calc({select:post size}px + 210px);
  252. margin:0 auto;
  253. height:50px;
  254. }
  255.  
  256. .t {
  257. color:{color:accent};
  258. text-transform:uppercase;
  259. font-weight:bold;
  260. font-size:10px;
  261. letter-spacing:2px;
  262. font-family: 'Merriweather', serif;
  263. }
  264.  
  265. /* top bar links */
  266.  
  267. .l {
  268. font-size:11px;
  269. color:#929292;
  270. font-weight:normal;
  271. }
  272.  
  273. .l a {
  274. text-transform:capitalize;
  275. letter-spacing:0px;
  276. margin-right:6px;
  277. }
  278. {/block:ifTopbar}
  279.  
  280.  
  281. /* box container */
  282.  
  283. .left {
  284. position:fixed;
  285. width:135px;
  286. margin-top:0px;
  287. margin-left:-170px;
  288. }
  289.  
  290. .heading {
  291. text-transform:uppercase;
  292. border:1px solid #eee;
  293. font-size:10px;
  294. letter-spacing:1px;
  295. padding:10px 12px 8px 12px;
  296. color:#5b5b5b;
  297. background:#fff;
  298. }
  299.  
  300. .sbar {
  301. background:#fff;
  302. border-bottom:1px solid #eee;
  303. border-left:1px solid #eee;
  304. border-right:1px solid #eee;
  305. padding:15px;
  306.  
  307. }
  308.  
  309. .sbimage, .sbimage img {
  310. width:135px;
  311. border-top-right-radius:5px;
  312. border-top-left-radius:5px;
  313. }
  314.  
  315. .sblinks {
  316. background:#fff;
  317. border-left:1px solid #eee;
  318. border-right:1px solid #eee;
  319. border-bottom-right-radius:5px;
  320. border-bottom-left-radius:5px;
  321. }
  322.  
  323. .sblinks a {
  324. text-transform:capitalize;
  325. display:block;
  326. border-bottom:1px solid #eee;
  327. padding: 9px 7px 7px 16px;
  328. }
  329.  
  330. .sblinks a:hover {
  331. background:#f5f5f5;
  332. padding: 9px 7px 7px 20px;
  333.  
  334. }
  335.  
  336. /* text post */
  337.  
  338. .title {
  339. color:{color:accent};
  340. padding:7px 5px 7px 15px;
  341. border-left:1px solid #eee;
  342. border-right:1px solid #eee;
  343. background:#fff;
  344. line-height:1.5em;
  345. font-size:16px;
  346. width:calc({select:post size}px - 21px);
  347. font-family:'Merriweather', serif;
  348. text-transform:capitalize;
  349. }
  350.  
  351. .text {
  352. background:#fff;
  353. padding:20px 20px 20px 15px;
  354. width:calc({select:post size}px - 36px);
  355. margin-top:-20px;
  356. border-left:1px solid #eee;
  357. border-right:1px solid #eee;
  358. border-bottom:1px solid #eee;
  359. border-bottom-right-radius:5px;
  360. border-bottom-left-radius:5px;
  361. }
  362.  
  363. .text:last-child,.text *:last-child {
  364. margin-bottom:0; }
  365.  
  366. /* post caption */
  367.  
  368. .caption {
  369. {block:IndexPage}{block:ifNotShowCaptions}display:none;{/block:ifNotShowCaptions}{/block:IndexPage}
  370. background: #fff;
  371. padding: 40px 20px 20px 20px;
  372. border-right: 1px solid #eee;
  373. border-left: 1px solid #eee;
  374. border-bottom: 1px solid #eee;
  375. width: calc({select:post size}px + -41px);
  376. border-bottom-right-radius: 5px;
  377. border-bottom-left-radius: 5px;
  378. }
  379.  
  380. /* permalink top */
  381.  
  382. .date {
  383. margin-top:0px;
  384. border-top:1px solid #eee;
  385. border-left:1px solid #eee;
  386. border-right:1px solid #eee;
  387. background:#fff;
  388. padding:15px 5px 13px 15px;
  389. line-height:1.8em;
  390. width:calc({select:post size}px - 21px);
  391. color:#aaa;
  392. border-top-right-radius:5px;
  393. border-top-left-radius:5px;
  394. }
  395.  
  396. .datec {
  397. margin-top:-15px;
  398. font-size:11px;
  399. }
  400.  
  401. .datea img {
  402. border-radius:90px;
  403. display:inline;
  404. }
  405.  
  406. .dateb {
  407. margin-top:0px;
  408. color:#aaa;
  409. padding:8px 5px 8px 6px;
  410. width:calc(400px - 18px);
  411. }
  412.  
  413.  
  414.  
  415. /* tags */
  416.  
  417. .tags {
  418. {block:IndexPage}
  419. {block:ifNotShowTags}display:none;{/block:ifNotShowTags}
  420. {/block:IndexPage}
  421. margin-top:2px;
  422. text-transform:none;
  423. font-style:italic;
  424. letter-spacing:0px;
  425. {block:ifShowTagsOnHover}
  426. opacity:0;
  427. -webkit-transition: all 0.4s ease-out;
  428. -moz-transition: all 0.4s ease-out;
  429. transition: all 0.4s ease-out;
  430. {/block:ifShowTagsOnHover}
  431. }
  432.  
  433. .tags a {
  434. margin-right:8px;
  435. border:none;
  436. font-size:9px;
  437. letter-spacing:1px;
  438. }
  439.  
  440. /* ask */
  441.  
  442. .question {
  443. background:#fff;
  444. padding:20px;
  445. border-top:1px solid #eee;
  446. border-left:1px solid #eee;
  447. border-right:1px solid #eee;
  448. width:calc({select:post size}px + -40px);
  449. }
  450.  
  451. .caption p:first-of-type a {
  452. border-bottom:1px solid #eee;
  453. }
  454.  
  455. .sender {
  456. font-family:'Merriweather', serif;
  457. font-size:11px;
  458. margin-bottom:4px;
  459. position: relative;
  460. top: -17px;
  461. left: 31px;
  462. }
  463.  
  464. .aimg img {
  465. border-radius:90px;
  466. }
  467.  
  468. /* chat */
  469.  
  470. .chat {
  471. padding:0;
  472. list-style-type:none;
  473. background:#fff;
  474. padding:20px;
  475. border-bottom:1px solid #eee;
  476. }
  477.  
  478. .chat .label {
  479. font-weight:bold;
  480. }
  481.  
  482. /* quote */
  483.  
  484. .quote {
  485. font-size:16px;
  486. line-height:1.3em;
  487. font-family:'Merriweather', serif;
  488. }
  489.  
  490. .media {
  491. position:relative;
  492. display:inline-block;
  493. width:100%;
  494. }
  495.  
  496. /* music player */
  497.  
  498. .playbox {
  499. height:50px;
  500. background:#f2f2f2;
  501. width:calc({select:post size}px + 0px);
  502. border:1px solid #eee;
  503. }
  504.  
  505. .playbutton {
  506. overflow:hidden;
  507. position:relative;
  508. z-index:1000;
  509. width:calc({select:post size}px - 50px);
  510. height:26px;
  511. padding:3px;
  512. margin-left:5px;
  513. top:9px;
  514. border-radius:90px;
  515. }
  516.  
  517. #info {
  518. text-align:left;
  519. margin:0px 0px 0px 0px;
  520. padding:20px;
  521. width:calc({select:post size}px - 40px);
  522. background:#fff;
  523. border-left:1px solid #eee;
  524. border-right:1px solid #eee;
  525. {block:ifNotShowTags}
  526. border-bottom:1px solid #eee;
  527. {/block:ifNotShowTags}
  528. }
  529.  
  530.  
  531. /* DO NOT EDIT ANY OF THE FOLLOWING CODE IF YOU DONT KNOW WHAT YOURE DOING */
  532.  
  533. /* pagination (load more, back to top) */
  534.  
  535. .pagi {
  536. margin-top:{select:post margin}px;
  537. background:#fff;
  538. border-left:5px solid #ddd;
  539. width:calc({select:post size}px - 25px);
  540. padding:10px;
  541. margin-left:40px;
  542. }
  543.  
  544. /* tumblr controls */
  545.  
  546. iframe.tmblr-iframe {
  547. z-index:99999999999999!important;
  548. top:0!important;
  549. right:0!important;
  550. opacity:0.4;
  551. /* delete invert(1) from here */
  552. filter:invert(1) contrast(150%);
  553. -webkit-filter:invert(1) contrast(150%);
  554. -o-filter:invert(1) contrast(150%);
  555. -moz-filter:invert(1) contrast(150%);
  556. -ms-filter:invert(1) contrast(150%);
  557. /* to here if your blog has a dark background */
  558. transform:scale(0.65);
  559. transform-origin:100% 0;
  560. -webkit-transform:scale(0.65);
  561. -webkit-transform-origin:100% 0;
  562. -o-transform:scale(0.65);
  563. -o-transform-origin:100% 0;
  564. -moz-transform:scale(0.65);
  565. -moz-transform-origin:100% 0;
  566. -ms-transform:scale(0.65);
  567. -ms-transform-origin:100% 0;}
  568.  
  569. iframe.tmblr-iframe:hover {
  570. opacity:0.6!important;}
  571.  
  572. /* infinite scroll stuff */
  573.  
  574. .pagination,
  575. #infscr-loading {
  576. display:none!important;
  577. }
  578.  
  579. /* btp */
  580.  
  581. #back-to-top {
  582. z-index: 9999;
  583. width: 32px;
  584. height: 32px;
  585. border: 0;
  586. text-decoration: none;
  587. transition: opacity 0.2s ease-out;
  588. opacity: 0;
  589. }
  590. #back-to-top.show {
  591. opacity: 1;
  592. }
  593.  
  594. /* permalink page notes */
  595.  
  596. .pnotes {
  597. margin-top:50px;
  598. margin-bottom:80px;
  599. width:{select:post size}px;
  600. font-size:9px;
  601. }
  602.  
  603. .pnotes ol.notes {
  604. list-style-type:decimal-leading-zero;
  605. margin-left:20px;
  606. padding:0;
  607. }
  608.  
  609. .pnotes img.avatar {
  610. display:none;
  611. }
  612.  
  613. /* :) */
  614.  
  615. .credit {
  616. bottom:20px;
  617. right:30px;
  618. position:fixed;
  619. padding:8px 6px 4px 8px;
  620. background:#fff;
  621. font-size:10px;
  622. border:1px solid #eee;
  623.  
  624. }
  625.  
  626. .sfm input {
  627. background-color: #eee;
  628. font-size:10px;
  629. font-family:{select:font};
  630. border: 0px;
  631. width:250px;
  632. border-radius:3px;
  633. margin-top: 0px;
  634. color: #999;
  635. padding: 4px 8px;
  636. outline:none;
  637. }
  638.  
  639. </style>
  640.  
  641.  
  642. <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css">
  643.  
  644. </head>
  645. <body>
  646.  
  647. <div class="credit"><a href="https://solasz.tumblr.com" title="theme"><span class="lnr lnr-moon"></span></a></div>
  648.  
  649. <!---- top bar ---->
  650.  
  651. {block:ifTopbar}
  652. <header>
  653. <div class="navigation">
  654.  
  655. <img src="{PortraitURL-24}" style="border-radius:90px;border:1px solid #eee;">
  656.  
  657. <div class="t"><a href="/">{title}</a></div>
  658.  
  659. <div class="search">
  660. <form action="/search" method="get" class="sfm" name="theform">
  661. <input type="text" name="q" value="Search"/>
  662. </form>
  663. </div>
  664.  
  665. <div class="l">
  666. <a href="{text:Link 1}">{text:Link 1 Title}</a>
  667. <a href="{text:Link 2}">{text:Link 2 Title}</a>
  668. <a href="{text:Link 3}">{text:Link 3 Title}</a>
  669. <a href="{text:Link 4}">{text:Link 4 Title}</a>
  670. </div>
  671.  
  672. </div>
  673.  
  674. </header>{/block:ifTopbar}
  675.  
  676.  
  677. <div class="main">
  678. <div class="left">
  679.  
  680. {block:ifSidebarImage}
  681. <div class="sbimage"><a href="/"><img src="{image:sidebar}"></a></div>
  682. {/block:ifSidebarImage}
  683. <div class="sbar">
  684. {description}
  685. </div>
  686. <div class="sblinks">
  687. <a href="{text:Link 2}"><span class="lnr lnr-envelope"></span> &nbsp;{text:Link 2 Title}</a>
  688. <a href="{text:Link 3}"><span class="lnr lnr-code"></span> &nbsp;{text:Link 3 Title}</a>
  689. <a href="{text:Link 4}"><span class="lnr lnr-pushpin"></span> &nbsp;{text:Link 4 Title}</a>
  690.  
  691. </div>
  692.  
  693.  
  694. </div>
  695.  
  696. <!--- don't edit any of the things below if you don't know what you're doing --->
  697.  
  698. <div class="content">
  699.  
  700. {block:Posts}
  701. <article class="entry {block:Photo}ph{/block:Photo}{block:Photoset}ph{/block:Photoset}">
  702.  
  703. {block:Date}
  704. <div class="date">
  705. <div class="datea">{block:RebloggedFrom}<a href="{ReblogParentURL}"><img src="{ReblogParentPortraitURL-16}" title="{ReblogParentName}"></a>{/block:RebloggedFrom} <a class="permalink" href="{Permalink}" style="text-transform:uppercase;font-weight:bold;letter-spacing:1px;color:{color:accent};top:-4px;position:relative;left:5px;">{Month} {DayOfMonthWithZero}, {DayOfWeek}</a></div> <br>
  706. <div class="datec">{TimeAgo} with {NoteCountWithLabel}</div>
  707. </div>
  708. {/block:Date}
  709.  
  710. <section class="post">
  711.  
  712. {block:Audio}
  713. {block:AudioPlayer}
  714. <div class="playbox">
  715. <div class="playbutton">{block:AudioPlayer}{AudioPlayerGrey}{/block:AudioPlayer}</div></div>
  716.  
  717. <div id="info">
  718. {block:TrackName}<b>Title:</b> {TrackName}{/block:TrackName}<br>
  719. {block:Artist}<b>Artist:</b> {Artist}{/block:Artist}<br>
  720. {block:PlayCount}<b>Plays:</b> {PlayCountWithLabel}{/block:PlayCount}
  721. </div>
  722. {/block:Audio}
  723.  
  724.  
  725. {block:Photo}
  726. <div class="photo">
  727. <a href="{Permalink}"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/></a>
  728. </div>
  729. {/block:Photo}
  730.  
  731.  
  732. {block:Photoset}
  733. <div class="wrap">
  734. <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>
  735. </div>
  736. {/block:Photoset}
  737.  
  738.  
  739. {block:Video}
  740. <div class="video">{Video-500}</div>
  741. {/block:Video}
  742.  
  743.  
  744. {block:Answer}
  745. <div class="question">
  746. <div class="aimg">
  747. <img src="{AskerPortraitURL-24}">
  748. </div>
  749. <div class="sender">
  750. {Asker}:
  751. </div>
  752. <span class="inquiry">{Question}</span>
  753. </div>
  754.  
  755. <div class="answer text">{Answer}</div>
  756. {/block:Answer}
  757.  
  758.  
  759. {block:Chat}
  760. {block:Title}<h1 class="title">{Title}</h1>{/block:Title}
  761. <ul class="chat text">
  762. {block:Lines}
  763. <li class="line">
  764. {block:Label}
  765. <span class="label">{Label}&nbsp; </span>
  766. {/block:Label}
  767. {Line}
  768. </li>
  769. {/block:Lines}
  770. </ul>
  771. {/block:Chat}
  772.  
  773.  
  774. {block:Link}
  775. <h1 class="title"><a href="{URL}">{Name}</a></h1>
  776. {block:Description}<div class="text">{Description}</div>{/block:Description}
  777. {/block:Link}
  778.  
  779.  
  780. {block:Quote}
  781. <div class="quote text">&ldquo;{Quote}&rdquo;</div>
  782. {block:Source}
  783. <div class="source text">&mdash; {Source}</div>
  784. {/block:Source}
  785. {/block:Quote}
  786.  
  787.  
  788. {block:Text}
  789. {block:Title}<h1 class="title">{Title}</h1>{/block:Title}
  790. <div class="text">{Body}</div>
  791. {/block:Text}
  792.  
  793.  
  794. {block:Caption}
  795. <div class="caption text">{Caption}</div>
  796. {/block:Caption}
  797.  
  798.  
  799. {block:ifShowTags}{block:Date}
  800. <div class="dateb">
  801. <div class="tags">{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}</div>
  802. {/block:HasTags}
  803. </div>
  804. {/block:Date}{/block:ifShowTags}
  805.  
  806.  
  807. </section>
  808. </article>
  809.  
  810. {block:PermalinkPage}{block:PostNotes}<div class="pnotes">{PostNotes}</div>{/block:PostNotes}{/block:PermalinkPage}
  811.  
  812. {/block:Posts}
  813.  
  814.  
  815.  
  816.  
  817. <!--- {block:ContentSource}{SourceURL}{/block:ContentSource}{block:RebloggedFrom}{ReblogRootURL}{ReblogParentURL}{/block:RebloggedFrom} --->
  818. </div>
  819.  
  820. {block:Pagination}<div class="pagination">{block:PreviousPage}<a class="prev" href="{PreviousPage}">previous</a>{/block:PreviousPage} {block:NextPage}<a class="next" href="{NextPage}">next</a>{/block:NextPage}</div>{/block:Pagination}
  821.  
  822. {block:IndexPage} <div class="pagi">
  823. {block:Pagination}<a href="#" class="load-more">Load More</a>{/block:Pagination} <a href="#" id="back-to-top" title="Back to top" style="float:right; font-size:14px;width:20px;"><span class="lnr lnr-chevron-up"></span></a> </div>{/block:IndexPage}
  824.  
  825. </div>
  826.  
  827. <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
  828. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  829. <script src ="//static.tumblr.com/fwgzvyf/l6jnyutne/shythemes.vr.js"></script>
  830. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  831.  
  832. {block:IndexPage}
  833. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  834. {/block:IndexPage}
  835.  
  836. <script>
  837. $(document).ready(function(){
  838. $('.photo-slideshow').pxuPhotoset({
  839. lightbox: true,
  840. rounded: false,
  841. gutter: '1px',
  842. photoset: '.photo-slideshow',
  843. photoWrap: '.photo-data',
  844. photo: '.pxu-photo'
  845. });
  846. var $container = $('.content');
  847. $container.infinitescroll({
  848. itemSelector: '.entry',
  849. navSelector: '.pagination',
  850. nextSelector: '.next',
  851. loadingImg: '',
  852. loadingText: '<em></em>',
  853. bufferPx: 2000
  854. },
  855. function( newElements ) {
  856. var $newElems = $( newElements );
  857. $newElems.find('.photo-slideshow').pxuPhotoset({
  858. lightbox: true,
  859. rounded: false,
  860. gutter: '1px',
  861. photoset: '.photo-slideshow',
  862. photoWrap: '.photo-data',
  863. photo: '.pxu-photo'
  864. });
  865. resizeVideos();
  866. });
  867. $(window).unbind('.infscr');
  868. $('.load-more').click(function(){
  869. $container.infinitescroll('retrieve');
  870. return false
  871. });
  872. });
  873. if ($('#back-to-top').length) {
  874. var scrollTrigger = 100, // px
  875. backToTop = function () {
  876. var scrollTop = $(window).scrollTop();
  877. if (scrollTop > scrollTrigger) {
  878. $('#back-to-top').addClass('show');
  879. } else {
  880. $('#back-to-top').removeClass('show');
  881. }
  882. };
  883. backToTop();
  884. $(window).on('scroll', function () {
  885. backToTop();
  886. });
  887. $('#back-to-top').on('click', function (e) {
  888. e.preventDefault();
  889. $('html,body').animate({
  890. scrollTop: 0
  891. }, 700);
  892. });
  893. }
  894.  
  895.  
  896. </script>
  897.  
  898. </body>
  899. </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!