API tools faq
paste
Advertisement
Seedfawn

Theme 35

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