API tools faq
paste
Advertisement
Seedfawn

Theme 40

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