API tools faq
paste
Advertisement
Seedfawn

Theme 43

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