Advertisement
Seedfawn

Theme 34

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