API tools faq
paste
Advertisement
Seedfawn

Theme 38

Seedfawn
Apr 26th, 2016
1,212
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 19.66 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. > This theme was made by seedfawn aka kara-themes
  3. > Problem? Contact me: kara-themes.tumblr.com/faq
  4. > Credits:
  5. Video Resize - shythemes
  6. PXU photoset - shythemes
  7. > KEEP THE CREDITS!
  8. -->
  9.  
  10.  
  11. <html>
  12.  
  13. <head>
  14.  
  15. <link rel="shortcut icon" href="{Favicon}">
  16.  
  17. <title>{Title}</title>
  18.  
  19. <meta name="image:Background" content=""/>
  20. <meta name="image:Sidebar" content=""/>
  21. <meta name="if:Caption" content=""/>
  22. <meta name="if:Tags" content=""/>
  23. <meta name="if:Infinite Scroll" content=""/>
  24. <meta name="if:Black" content=""/>
  25. <meta name="if:White" content=""/>
  26. <meta name="if:Sidebar Image" content=""/>
  27. <meta name="select:posts" content="200" title="200px">
  28. <meta name="select:posts" content="250" title="250px">
  29. <meta name="select:posts" content="300" title="300px">
  30. <meta name="select:posts" content="350" title="350px">
  31. <meta name="select:posts" content="400" title="400px">
  32. <meta name="select:posts" content="450" title="450px">
  33. <meta name="select:posts" content="500" title="500px">
  34. <meta name="color:Link" content="#8F9799"/>
  35. <meta name="color:Hover" content="#C6D1D3"/>
  36. <meta name="color:Scrollbar" content="#8F9799"/>
  37. <meta name="text:Blogtitle" content="hazed" />
  38. <meta name="text:Link 1 Title" content="Links" />
  39. <meta name="text:Link 2 Title" content="Archive" />
  40. <meta name="text:Link 3 Title" content="Blogroll" />
  41. <meta name="text:Link 1 URL" content="" />
  42. <meta name="text:Link 2 URL" content="" />
  43. <meta name="text:Link 3 URL" content="" />
  44.  
  45. <!-- tooltips -->
  46. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  47. <script src="http://static.tumblr.com/p3mk1pa/L7do5le7m/jquery.style-my-tooltips.min.js"></script>
  48. <script>
  49. (function($){
  50. $(document).ready(function(){
  51. $("[title]").style_my_tooltips({
  52. tip_follows_cursor:true,
  53. tip_delay_time:30,
  54. tip_fade_speed:300,
  55. attribute:"title"
  56. });
  57. });
  58. })(jQuery);
  59. </script>
  60. <!-- tooltips end -->
  61.  
  62. <style type="text/css">
  63.  
  64. .tmblr-iframe{
  65. top:5px;
  66. right:5px;
  67. -webkit-filter:invert(100%);
  68. -moz-filter:invert(100%);
  69. -o-filter:invert(100%);
  70. -ms-filter:invert(100%);
  71. filter: invert(100%);
  72. opacity:.2;
  73. z-index:999999999!important;
  74. transition:.5s ease-in-out;
  75. -webkit-transition:.5s ease-in-out;
  76. -moz-transition:.5s ease-in-out;
  77. -o-transition:.5s ease-in-out;
  78. }
  79.  
  80. .tmblr-iframe:hover{
  81. opacity:.5;
  82. }
  83.  
  84. *{
  85. cursor: url(http://static.tumblr.com/p3mk1pa/DFKnysvin/tumblr_lqs4qduu8n1qfoi4t.png), auto;
  86. }
  87.  
  88. body{
  89. background:#000;
  90. background-image:url({image:background});
  91. font-family: 'Open Sans', sans-serif;
  92. font-size:9px;
  93. line-height:2em;
  94. color:#a1a1a1;
  95. font-weight:400;
  96. cursor: url(http://static.tumblr.com/p3mk1pa/DFKnysvin/tumblr_lqs4qduu8n1qfoi4t.png), auto;
  97. {block:ifBlack}
  98. background:#000;
  99. color:#a1a1a1;
  100. {/block:ifBlack}
  101. {block:ifWhite}
  102. background:#fff;
  103. color:#a0a0a0;
  104. {/block:ifWhite}
  105. }
  106.  
  107. a{
  108. color:{color:link};
  109. text-transform:uppercase;
  110. text-decoration:none;
  111. font-weight:400;
  112. letter-spacing:1px;
  113. text-decoration:underline;
  114. transition:all 0.5s ease;
  115. -webkit-transition:all 0.5s ease;
  116. -moz-transition:all 0.5s ease;
  117. -o-transition:all 0.5s ease;
  118. cursor:cursor: url(http://static.tumblr.com/p3mk1pa/DFKnysvin/tumblr_lqs4qduu8n1qfoi4t.png), auto;
  119. }
  120.  
  121. a:hover{
  122. color:{color:hover};
  123. font-weight:400;
  124. cursor: url(http://static.tumblr.com/p3mk1pa/4eKnysvj3/help.png), help;
  125. }
  126.  
  127. blockquote{
  128. border-left:1px solid #212121;
  129. margin:0;
  130. padding-left:10px;
  131. margin-left:10px;
  132. {block:ifBlack}
  133. border-left:1px solid #212121;
  134. {/block:ifBlack}
  135. {block:ifWhite}
  136. border-left:1px solid #eee;
  137. {/block:ifWhite}
  138. }
  139.  
  140. #s-m-t-tooltip{
  141. max-width:300px;
  142. margin:10px;
  143. padding:10px 10px;
  144. color:#a1a1a1;
  145. letter-spacing:2px;
  146. background:#000;
  147. z-index:9999999999!important;
  148. {block:ifBlack}
  149. background:#000;
  150. color:#a1a1a1;
  151. {/block:ifBlack}
  152. {block:ifWhite}
  153. background:#fff;
  154. color:#a0a0a0;
  155. {/block:ifWhite}
  156. }
  157.  
  158. ::-webkit-scrollbar-thumb{
  159. background-color:{color:scrollbar};
  160. border:4px solid #000;
  161. height:auto;
  162. {block:ifBlack}
  163. border:4px solid #000;
  164. {/block:ifBlack}
  165. {block:ifWhite}
  166. border:4px solid #fff;
  167. {/block:ifWhite}
  168. }
  169.  
  170. ::-webkit-scrollbar{
  171. height:9px;
  172. width:9px;
  173. background-color:#212121;
  174. border:4px solid #000;
  175. {block:ifBlack}
  176. background-color:#212121;
  177. border:4px solid #000;
  178. {/block:ifBlack}
  179. {block:ifWhite}
  180. background-color:#eee;
  181. border:4px solid #fff;
  182. {/block:ifWhite}
  183. }
  184.  
  185. .pagination{
  186. width:{select:posts}px;
  187. text-align:center;
  188. vertical-align:middle;
  189. padding:5px;
  190. margin:0px auto;
  191. {block:ifInfiniteScroll}
  192. display:none!important;
  193. {/block:ifInfiniteScroll}
  194. }
  195.  
  196. .jump_page {
  197. padding:4px 8px;
  198. border:1px solid #212121;
  199. text-decoration:none;
  200. {block:ifBlack}
  201. border:1px solid #212121;
  202. {/block:ifBlack}
  203. {block:ifWhite}
  204. border:1px solid #eee;
  205. {/block:ifWhite}
  206. }
  207.  
  208. .current_page, .jump_page:hover {
  209. padding:4px 8px;
  210. border:1px solid #212121;
  211. background-color:#212121;
  212. {block:ifBlack}
  213. border:1px solid #212121;
  214. background-color:#212121;
  215. {/block:ifBlack}
  216. {block:ifWhite}
  217. border:1px solid #eee;
  218. background-color:#eee;
  219. {/block:ifWhite}
  220. }
  221.  
  222. #entry{
  223. position:relative;
  224. width:{select:posts}px;
  225. top:50px;
  226. margin:0px auto;
  227. }
  228.  
  229. .posts{
  230. width:{select:posts}px;
  231. float:left;
  232. margin-bottom:60px;
  233. padding:25px;
  234. border-radius:2px;
  235. }
  236.  
  237. .posts img{
  238. width:{select:posts}px;
  239. max-width:{select:posts}px;
  240. border-radius:2px;
  241. }
  242.  
  243. .title{
  244. font-size:20px;
  245. font-weight:300;
  246. letter-spacing:1px;
  247. line-height:1.2em;
  248. }
  249.  
  250. .quotetitle{
  251. width:100%;
  252. font-size:20px;
  253. font-weight:300;
  254. letter-spacing:1px;
  255. line-height:1.2em;
  256. }
  257. .source{
  258. margin-top:5px;
  259. margin-left:20px;
  260. }
  261.  
  262. .linktitle{
  263. width:100%;
  264. font-size:20px;
  265. letter-spacing:1px;
  266. line-height:1.2em;
  267. text-align:left;
  268. }
  269. .linktitle a{
  270. text-decoration:none;
  271. font-weight:300;
  272. }
  273.  
  274. .chat, .chat ol{
  275. padding:0;
  276. list-style:none;
  277. }
  278. .line{
  279. padding:5px 5px;
  280. }
  281. .odd{
  282. background:#111;
  283. border-radius:2px;
  284. {block:ifBlack}
  285. background:#111;
  286. {/block:ifBlack}
  287. {block:ifWhite}
  288. background:#eee;
  289. {/block:ifWhite}
  290. }
  291. span.label{
  292. font-weight:700;
  293. letter-spacing:1px;
  294. }
  295.  
  296. .playbox{
  297. position:absolute;
  298. margin-top:calc({select:posts}px / 2 - 29px);
  299. margin-left:calc({select:posts}px / 2 - 30px);
  300. background-color:#000;
  301. opacity:0.7;
  302. z-index:1000;
  303. border-radius:100px;
  304. }
  305.  
  306. .playbutton{
  307. overflow:hidden;
  308. position:relative;
  309. width:20px;
  310. height:30px;
  311. background-color:#000;
  312. margin:15px 24px 13px 16px;
  313. z-index:1000;
  314. }
  315.  
  316. .cover{
  317. left:0px;
  318. background:#000;
  319. margin-top:calc(-{select:posts}px - 6px);
  320. -webkit-border-radius:2px;
  321. -moz-border-radius:2px;
  322. border-radius:2px;
  323. overflow:hidden;
  324. width:{select:posts}px;
  325. {block:ifBlack}
  326. background:#000;
  327. {/block:ifBlack}
  328. {block:ifWhite}
  329. background:#fff;
  330. {/block:ifWhite}
  331. }
  332.  
  333. .cover img{
  334. width:100%;
  335. height:auto;
  336. -webkit-border-radius:2px;
  337. -moz-border-radius:2px;
  338. border-radius:2px;
  339. }
  340.  
  341. .artist, .track{
  342. width:calc(100% - 10px);
  343. margin-top:10px;
  344. border-left:1px solid #212121;
  345. border-bottom:1px solid #212121;
  346. background:#101010;
  347. padding:5px;
  348. display:inline-block;
  349. {block:ifBlack}
  350. border-left:1px solid #212121;
  351. border-bottom:1px solid #212121;
  352. background:#101010;
  353. {/block:ifBlack}
  354. {block:ifWhite}
  355. border-left:1px solid #eee;
  356. border-bottom:1px solid #eee;
  357. background:#fbfbfb;
  358. {/block:ifWhite}
  359. }
  360.  
  361. .track{
  362. margin-top:-1px;
  363. border-top:1px solid #212121;
  364. border-bottom:1px solid transparent;
  365. {block:ifBlack}
  366. border-top:1px solid #212121;
  367. {/block:ifBlack}
  368. {block:ifWhite}
  369. border-top:1px solid #eee;
  370. {/block:ifWhite}
  371. }
  372.  
  373. .audiowrapper{
  374. position: relative;
  375. display:inline-block;
  376. }
  377.  
  378. .askerimg{
  379. position:relative;
  380. margin-top:-24px;
  381. margin-left:-58px;
  382. width:48px;
  383. height:48px;
  384. z-index:9999;
  385. }
  386.  
  387. .askerimg img{
  388. width:48px;
  389. height:48px;
  390. }
  391.  
  392. .asker{
  393. width:100%;
  394. position:relative;
  395. margin-top:-50px;
  396. margin-left:-3px;
  397. padding:5px;
  398. background:#000;
  399. text-decoration:none;
  400. z-index:9999;
  401. {block:ifBlack}
  402. background:#000;
  403. {/block:ifBlack}
  404. {block:ifWhite}
  405. background:#fff;
  406. {/block:ifWhite}
  407. }
  408.  
  409. .question{
  410. width:100%;
  411. margin-bottom:10px;
  412. background:#f2f2f2;
  413. padding:10px;
  414. line-height:14px;
  415. border-radius:5px;
  416. {block:ifBlack}
  417. background:#0d0d0d;
  418. {/block:ifBlack}
  419. {block:ifWhite}
  420. background:#f2f2f2;
  421. {/block:ifWhite}
  422. }
  423.  
  424. .answer{
  425. line-height:14px;
  426. }
  427.  
  428. #sidebar{
  429. position:fixed;
  430. margin-top:150px;
  431. margin-left:80px;
  432. opacity:1;
  433. z-index:9999;
  434. }
  435.  
  436. .sidebarimg{
  437. width:100px;
  438. height:100px;
  439. margin-left:0px;
  440. margin-top:0px;
  441. border-top-left-radius:2px;
  442. border-bottom-left-radius:2px;
  443. }
  444.  
  445. .sidebarimg img{
  446. width:100%;
  447. height:100%;
  448. border-top-left-radius:2px;
  449. border-bottom-left-radius:2px;
  450. }
  451.  
  452. .blogtitle{
  453. position:absolute;
  454. margin-top:-20px;
  455. font-size:15px;
  456. font-weight:300;
  457. letter-spacing:1px;
  458. line-height:1.2em;
  459. font-style:italic;
  460. }
  461.  
  462. .links{
  463. width:100%;
  464. margin-top:5px;
  465. text-align:center;
  466. }
  467.  
  468. .links a{
  469. margin:5px;
  470. text-decoration:none;
  471. text-transform:none;
  472. }
  473.  
  474. .desc{
  475. overflow:auto;
  476. {block:ifSidebarImage}
  477. margin-left:100px;
  478. margin-top:-100px;
  479. border-right:1px solid #212121;
  480. border-bottom:1px solid #212121;
  481. border-top:1px solid #212121;
  482. {/block:ifSidebarImage}
  483. height:78px;
  484. width:130px;
  485. text-align:justify;
  486. padding:10px;
  487. background:#000;
  488. border-top-right-radius:2px;
  489. border-bottom-right-radius:2px;
  490. {block:ifnotSidebarImage}
  491. border:1px solid #212121;
  492. width:225px;
  493. {/block:ifnotSidebarImage}
  494. {block:ifBlack}
  495. background:#000;
  496. border-right:1px solid #212121;
  497. border-bottom:1px solid #212121;
  498. border-top:1px solid #212121;
  499. {block:ifnotSidebarImage}
  500. border:1px solid #212121;
  501. {/block:ifnotSidebarImage}
  502. {/block:ifBlack}
  503. {block:ifWhite}
  504. background:#fff;
  505. border-right:1px solid #eee;
  506. border-bottom:1px solid #eee;
  507. border-top:1px solid #eee;
  508. {block:ifnotSidebarImage}
  509. border:1px solid #eee;
  510. {/block:ifnotSidebarImage}
  511. {/block:ifWhite}
  512. }
  513.  
  514. .vignette, #vignette {
  515. opacity:0;
  516. }
  517.  
  518. .tmblr-lightbox, #tumblr_lightbox {
  519. background-color:rgba(0,0,0,.7) !important;
  520. {block:ifBlack}
  521. background-color:rgba(0,0,0,.7) !important;
  522. {/block:ifBlack}
  523. {block:ifWhite}
  524. background-color:rgba(255,255,255,.7) !important;
  525. {/block:ifWhite}
  526. }
  527.  
  528. .lightbox-image, #tumblr_lightbox img {
  529. box-shadow:none !important;
  530. border-radius:0 !important;
  531. max-width:none;
  532. }
  533.  
  534. .lightbox-caption, #tumblr_lightbox_caption {
  535. visibility:hidden;
  536. }
  537.  
  538. .r{
  539. position:absolute;
  540. margin-top:-24px;
  541. margin-left:-58px;
  542. width:48px;
  543. height:48px;
  544. opacity:1;
  545. border-radius:2px;
  546. z-index:9;
  547. }
  548.  
  549. .r img{
  550. width:48px;
  551. height:48px;
  552. border-radius:2px;
  553. }
  554.  
  555. .reblogged{
  556. position:absolute;
  557. margin-top:-24px;
  558. width:100%;
  559. font-size:12px;
  560. text-align:left;
  561. z-index:9;
  562. }
  563.  
  564. .caption{
  565. position:relative;
  566. width:100%;
  567. margin-top:10px;
  568. }
  569.  
  570. .tags{
  571. position:relative;
  572. width:100%;
  573. }
  574.  
  575. .tags a{
  576. text-decoration:none;
  577. margin-left:5px;
  578. }
  579.  
  580. .permalink{
  581. position:relative;
  582. width:100%;
  583. margin-top:5px;
  584. text-align:right;
  585. font-size:15px;
  586. }
  587.  
  588. .credit{
  589. position:fixed;
  590. bottom:5px;
  591. right:5px;
  592. padding:10px;
  593. }
  594.  
  595. .credit a, .permalink a{
  596. text-decoration:none;
  597. }
  598.  
  599. img.emoji {
  600. width:15px;
  601. padding:5px;
  602. margin:0px !important;
  603. display:inline !important;
  604. vertical-align:middle;
  605. }
  606.  
  607. ol.notes{
  608. width:100%;
  609. padding:0px;
  610. margin:25px 0px;
  611. list-style-type:none;
  612. }
  613.  
  614. ol.notes li.note{
  615. margin-bottom:25px;
  616. border:solid 1px #212121;
  617. background:#000;
  618. padding:10px;
  619. {block:ifBlack}
  620. background:#000;
  621. border:solid 1px #212121;
  622. {/block:ifBlack}
  623. {block:ifWhite}
  624. background:#fff;
  625. border:solid 1px #eee;
  626. {/block:ifWhite}
  627. }
  628.  
  629. ol.notes li.note img.avatar {
  630. width:64px;
  631. height:64px;
  632. }
  633.  
  634. ol.notes li.note span.action{
  635. position:absolute;
  636. width:calc(100% - 108px);
  637. padding:10px;
  638. font-weight:400;
  639. }
  640.  
  641. ol.notes li.note span.action a, ol.notes li.note .answer_content a{
  642. text-decoration:none;
  643. }
  644.  
  645. ol.notes li.note .answer_content{
  646. margin-top:-50px;
  647. font-weight:normal;
  648. }
  649.  
  650. ol.notes li.note blockquote{
  651. border-color:#eee;
  652. padding:4px 10px;
  653. margin:10px 0px 0px 32px;
  654. }
  655.  
  656. ol.notes li.note blockquote a{
  657. text-decoration:none;
  658. }
  659.  
  660. .permapage{
  661. margin-top:10px;
  662. width:calc(100% - 20px);
  663. padding:10px;
  664. background:#000;
  665. border:1px solid #212121;
  666. z-index:9999;
  667. {block:ifwhite}
  668. background:#fff;
  669. border:1px solid #eee;
  670. {/block:ifwhite}
  671. {block:ifblack}
  672. background:#000;
  673. border:1px solid #212121;
  674. {/block:ifblack}
  675. }
  676.  
  677. </style>
  678.  
  679. </head>
  680.  
  681. <body>
  682.  
  683. <div id="sidebar">
  684.  
  685. <div class="blogtitle">{text:Blogtitle}</div>
  686.  
  687. {block:ifSidebarImage}
  688. <div class="sidebarimg"><img src="{image:Sidebar}"></div>
  689. {/block:ifSidebarImage}
  690.  
  691. <div class="desc">{Description}</div>
  692.  
  693. <div class="links">
  694. <a href="/">Refresh</a>
  695. <a href="/ask">Inbox</a>
  696. <a href="{text:Link 1 URL}">{text:Link 1 Title}</a>
  697. <a href="{text:Link 2 URL}">{text:Link 2 Title}</a>
  698. <a href="{text:Link 3 URL}">{text:Link 3 Title}</a>
  699. <a href="{text:Link 4 URL}">{text:Link 4 Title}</a>
  700. </div>
  701.  
  702. </div>
  703.  
  704. <div id="entry">
  705. {block:Posts}
  706. <div class="posts" id="{PostID}">
  707.  
  708. {block:indexpage}
  709. {block:RebloggedFrom}
  710. <div class="reblogged">{name} <i class="fa fa-retweet"></i> {ReblogParentName}</div>
  711. <div class="r">
  712. <a href="{ReblogParentURL}"><img src="{ReblogParentPortraitURL-48}" width=
  713. "48" height="48"></a>
  714. </div>
  715. {/block:RebloggedFrom}
  716.  
  717. {block:NotReblog}
  718. <div class="reblogged">{name}</div>
  719. <div class="r">
  720. <a href="{PortraitURL}"><img src="{PortraitURL-48}" width="48" height="48"></a>
  721. </div>
  722. {/block:NotReblog}
  723. {/block:indexpage}
  724.  
  725. {block:Text}
  726. {block:Title}
  727. <div class="title">{Title}</div>
  728. {/block:Title}
  729. {Body}
  730. {/block:Text}
  731.  
  732. {block:Photo}
  733. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="1000px;"/>
  734. {/block:Photo}
  735.  
  736. {block:Photoset}
  737. <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>
  738. {/block:Photoset}
  739.  
  740. {block:Quote}
  741. <div class="quotetitle">"{Quote}"</div>
  742. {block:Source}
  743. <div class="source">&mdash; {Source}</div>
  744. {/block:Source}
  745. {/block:Quote}
  746.  
  747. {block:Link}
  748. <div class="linktitle"><a href="{URL}" {Target}><i class="ion-ios-upload-outline"></i> {Name}</a></div>
  749. {block:Description}
  750. {Description}
  751. {/block:Description}
  752. {/block:Link}
  753.  
  754. {block:Chat}
  755. {block:Title}
  756. <div class="title">{Title}</div>
  757. {/block:Title}
  758. <div class="chat">
  759. <ol>{block:Lines}
  760. <li class="line {Alt}">
  761. {block:Label}
  762. <span class="label">
  763. {Label}</span>
  764. {/block:Label}{Line}</li>
  765. {/block:Lines}
  766. </ol></div>
  767. {/block:Chat}
  768.  
  769. {block:Audio}
  770. <div class="audiowrapper">
  771. <div class="playbox">
  772. <div class="playbutton">
  773. {block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}
  774. </div></div>
  775. {block:AlbumArt}
  776. <img src="http://static.tumblr.com/p3mk1pa/MdCo5tbia/default-img.gif">
  777. <div class="cover"><img src="{AlbumArtURL}"></div>
  778. {/block:AlbumArt}
  779. <div class="artist">
  780. {block:Artist}Artist: {Artist}{/block:Artist}
  781. </div>
  782. <div class="track">
  783. {block:TrackName}Song: {TrackName}{/block:TrackName}
  784. </div>
  785. </div>
  786. {/block:Audio}
  787.  
  788. {block:Video}
  789. <div class="video">{Video-500}</div>
  790. {/block:Video}
  791.  
  792. {block:Answer}
  793. <div class="askerimg"><img src="{AskerPortraitURL-128}"></div>
  794. <div class="asker">{Asker}</div>
  795. <div class="question">{Question}</div>
  796. <div class="answer">{Answer}</div>
  797. {/block:Answer}
  798.  
  799. {block:ifCaption}
  800. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  801. {/block:ifCaption}
  802.  
  803. {block:IndexPage}
  804. {block:ifTags}
  805. {block:HasTags}<div class="tags"><i class="fa fa-tags"></i>:
  806. {block:Tags}
  807. <a href="{TagURL}">#{Tag}, </a>
  808. {/block:Tags}
  809. </div>
  810. {/block:HasTags}
  811. {/block:ifTags}
  812.  
  813. <div class="permalink">
  814. <a href="{Permalink}" style="float:left; font-size:9px;">{NoteCountWithLabel}</a>
  815. <a href="{Permalink}"><i class="ion-more"></i></a>
  816. <a href="{ReblogURL}" style="margin-left:7px"><i class="fa fa-refresh"></i></a>
  817. </div>
  818. {/block:IndexPage}
  819.  
  820. {block:permalinkpage}
  821. <div class="permapage">
  822. {block:Date}<b><i class="fa fa-clock-o"></i> Posted:</b> {DayOfWeek} {Month} {DayOfMonth}{DayOfMonthSuffix} {Year} at {12Hour}:{Minutes} {AmPm} {/block:Date}<br>
  823. {block:NoteCount}<b><i class="fa fa-share-alt"></i> Notes:</b> {NoteCount}<br>{/block:NoteCount}
  824. {block:RebloggedFrom}<b><i class="fa fa-retweet"></i> Reblogged from:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a><br><b><i class="fa fa-location-arrow"></i> Source:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom}
  825. {block:HasTags}<div id="tags"><b><i class="fa fa-tags"></i> Tags:</b>
  826. {block:Tags}
  827. <a href="{TagURL}">#{Tag} </a>
  828. {/block:Tags}
  829. </div>
  830. {/block:HasTags}
  831. </div>
  832.  
  833. {block:PostNotes}
  834. {PostNotes-64}
  835. {/block:PostNotes}
  836. {/block:permalinkpage}
  837.  
  838. </div>
  839. {/block:Posts}
  840. </div>
  841.  
  842. <!-- pagination -->
  843. {block:Pagination}
  844. <div class="pagination">
  845. {block:PreviousPage}<a href="{PreviousPage}" class="jump_page"><i class="ion-arrow-left-b"></i></a>{/block:PreviousPage}
  846. {block:JumpPagination length="5"}
  847. {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
  848. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  849. {block:NextPage}<a href="{NextPage}" class="jump_page"><i class="ion-arrow-right-b"></i></a>{/block:NextPage}
  850. </div>
  851. {/block:Pagination}
  852. <!-- pagination end -->
  853.  
  854. <!-- infinite scroll -->
  855. {block:ifInfiniteScroll}
  856. <script src="//cdnjs.cloudflare.com/ajax/libs/jquery-infinitescroll/2.0b2.120519/jquery.infinitescroll.min.js"></script>
  857. <script src="//cdnjs.cloudflare.com/ajax/libs/jquery.imagesloaded/3.0.4/jquery.imagesloaded.min.js"></script>
  858.  
  859. <script>
  860. (function() {
  861. var $container = $('#entry');
  862. $container.imagesLoaded(function(){
  863. $container.masonry({
  864. itemSelector: '.posts, .posts_photo',
  865. });
  866. });
  867.  
  868. $container.infinitescroll({
  869. navSelector: ".pagination",
  870. nextSelector : ".pagination a",
  871. itemSelector : ".posts, .posts_photo",
  872.  
  873. loading: {
  874. finishedMsg: 'No more pages to load.'
  875. }
  876. },
  877.  
  878. function( newElements ) {
  879. $( newElements ).find('.photo-slideshow').pxuPhotoset({
  880. lightbox: true,
  881. rounded: false,
  882. borderRadius: '2px',
  883. gutter: '5px',
  884. photoset: '.photo-slideshow',
  885. photoWrap: '.photo-data',
  886. photo: '.pxu-photo'
  887. });
  888. resizeVideos();
  889.  
  890. });
  891. })();
  892. </script>
  893. {/block:ifInfiniteScroll}
  894. <!-- infinite scroll end -->
  895.  
  896. <!-- PXU photoset -->
  897. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  898. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  899. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  900.  
  901. <script>
  902. $(document).ready(function(){
  903. $('.photo-slideshow').pxuPhotoset({
  904. lightbox: true,
  905. rounded: false,
  906. gutter: '5px',
  907. borderRadius: '2px',
  908. photoset: '.photo-slideshow',
  909. photoWrap: '.photo-data',
  910. photo: '.pxu-photo'
  911. });
  912. resizeVideos();
  913. });
  914. </script>
  915. <!-- PXU photoset end -->
  916.  
  917. <!-- video resize -->
  918. <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  919. <!-- video reize end -->
  920.  
  921. <!-- fonts -->
  922. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css">
  923.  
  924. <link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
  925.  
  926. <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300' rel='stylesheet' type='text/css'>
  927.  
  928. <!-- emoji fix -->
  929. <script src="https://cdnjs.cloudflare.com/ajax/libs/twemoji/2.0.5/twemoji.min.js"></script>
  930. <script src="http://static.tumblr.com/lxn1yld/MHfnxce9x/emoji.js"></script>
  931. <!-- emoji end -->
  932. <!-- fonts end -->
  933.  
  934. <!-- DO NOT REMOVE THIS -->
  935. <div class="credit" title="seedfawn"><a href="http://seedfawn.tumblr.com">sf</a></div>
  936. <!-- DO NOT REMOVE THIS -->
  937. </body>
  938. </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!