API tools faq
paste
Advertisement
Seedfawn

Theme 32

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