API tools faq
paste
Advertisement
Seedfawn

Theme 29

Seedfawn
Jan 18th, 2016
1,940
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 30.44 KB | None | 0 0
raw download clone embed print report
  1. <!--THIS THEME WAS MADE MY SEEDFAWN. HAVE A NICE DAY-->
  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=Open+Sans+Condensed: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. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  16.  
  17. <meta name="image:Background" content=""/>
  18. <meta name="image:Sidebar" content=""/>
  19. <meta name="color:Background" content="#f9f9f9"/>
  20. <meta name="color:Text" content="#606060"/>
  21. <meta name="color:Link" content="#cc9d8c"/>
  22. <meta name="color:Hover" content="#e6b29e"/>
  23. <meta name="color:Title" content="#e6b29e"/>
  24. <meta name="color:Blogtitle" content="#fff"/>
  25. <meta name="color:Navigation" content="#e6b29e"/>
  26. <meta name="color:Sidebar" content="#e6b29e"/>
  27. <meta name="color:Ask" content="#cc9d8c"/>
  28. <meta name="color:Scrollbar" content="#cc9d8c"/>
  29. <meta name="text:Blogtitle" content="Infatuated" />
  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="Archive" />
  34. <meta name="text:Link Five Title" content="Theme" />
  35. <meta name="text:Link One URL" content="/" />
  36. <meta name="text:Link Two URL" content="/ask" />
  37. <meta name="text:Link Three URL" content="" />
  38. <meta name="text:Link Four URL" content="/archive" />
  39. <meta name="text:Link Five URL" content="http://seedfawn.tumblr.com/" />
  40.  
  41. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  42. <script>
  43. (function($){
  44. $(document).ready(function(){
  45. $("a[title]").style_my_tooltips({
  46. tip_follows_cursor:true,
  47. tip_delay_time:30,
  48. tip_fade_speed:300,
  49. attribute:"title"
  50. });
  51. });
  52. })(jQuery);
  53. </script>
  54.  
  55. <script>
  56. function sticky_relocate() {
  57. var window_top = $(window).scrollTop();
  58. var div_top = $('#sticky-anchor').offset().top;
  59. if (window_top > div_top) {
  60. $('#sticky').addClass('stick');
  61. } else {
  62. $('#sticky').removeClass('stick');
  63. }
  64. }
  65.  
  66. $(function() {
  67. $(window).scroll(sticky_relocate);
  68. sticky_relocate();
  69. });
  70. </script>
  71.  
  72. <style type="text/css">
  73.  
  74. ::-webkit-scrollbar{
  75. width:12px;
  76. height:4px;
  77. background:rgba( {RGBcolor:scrollbar}, 0.5);
  78. }
  79.  
  80. ::-webkit-scrollbar-thumb{
  81. background-color:{color:scrollbar};
  82. }
  83.  
  84. .tmblr-iframe{
  85. position:fixed!important;
  86. top:0px !important;
  87. right:0px !important;
  88. opacity:.2 !important;
  89. -webkit-filter:invert(100%);
  90. z-index:9999999999!important;
  91. -webkit-transition:all 0.5s ease-in-out;
  92. -moz-transition:all 0.5s ease-in-out;
  93. transition: all 0.5s ease-in-out;
  94. }
  95.  
  96. #s-m-t-tooltip{
  97. max-width:300px;
  98. margin:10px;
  99. padding:10px 10px;
  100. color:white;
  101. font-family:calibri;
  102. font-size:8px;
  103. text-transform:uppercase;
  104. letter-spacing:2px;
  105. background:rgba(0, 0, 0, .85);
  106. z-index:9999999999!important;
  107. }
  108.  
  109. blockquote{
  110. padding:5px 0 5px 10px;
  111. border-left:1px solid {color:text};
  112. margin-left:10px;
  113. }
  114.  
  115. *{
  116. cursor: url(http://static.tumblr.com/p3mk1pa/DFKnysvin/tumblr_lqs4qduu8n1qfoi4t.png), auto;
  117. }
  118.  
  119. body{
  120. background:{color:background};
  121. color:{color:text};
  122. font-family:calibri;
  123. font-size:8px;
  124. text-align:justify;
  125. letter-spacing:1px;
  126. text-transform:uppercase;
  127. margin:0;
  128. line-height:10px;
  129. background-image:url({image:background});
  130. cursor: url(http://static.tumblr.com/p3mk1pa/DFKnysvin/tumblr_lqs4qduu8n1qfoi4t.png), auto;
  131. }
  132.  
  133. a{
  134. color:{color:link};
  135. font-weight:bold;
  136. text-decoration:none;
  137. }
  138.  
  139. a:hover{
  140. color:{color:hover};
  141. text-decoration:underline;
  142. cursor: url(http://static.tumblr.com/p3mk1pa/4eKnysvj3/help.png), help;
  143. }
  144.  
  145. img{
  146. opacity:1;
  147. border:none;
  148. text-decoration:none
  149. }
  150.  
  151. small{
  152. font-size:8px;
  153. }
  154.  
  155. big{
  156. font-size:12px;
  157. }
  158.  
  159. #title{
  160. font-size:20px;
  161. line-height:22px;
  162. letter-spacing:3px;
  163. padding:5px;
  164. color:white;
  165. background:{color:title};
  166. font-family: 'Open Sans Condensed', sans-serif;
  167. text-transform:uppercase;
  168. text-align:left;
  169. }
  170.  
  171. #sidebar{
  172. position:absolute;
  173. width:400px;
  174. height:220px;
  175. margin-left:450px;
  176. margin-top:-290px;
  177. background:{color:sidebar};
  178. z-index:99;
  179. }
  180.  
  181. #sidebarim{
  182. position:absolute;
  183. margin-top:-280px;
  184. margin-left:605px;
  185. z-index:999;
  186. }
  187.  
  188. #sidebarim img{
  189. width:90px;
  190. height:90px;
  191. border-radius:150px;
  192. }
  193.  
  194. #blogtitle{
  195. width:360px;
  196. height:26px;
  197. margin-left:-135px;
  198. margin-top:10px;
  199. font-size:26px;
  200. letter-spacing:5px;
  201. line-height:28px;
  202. font-family: 'Open Sans Condensed', sans-serif;
  203. color:{color:blogtitle};
  204. padding-bottom:5px;
  205. border-bottom:1px solid #fff;
  206. text-align:center;
  207. z-index:9999;
  208. }
  209.  
  210. #stickk{
  211. margin-top:-70px;
  212. }
  213.  
  214. #sticky{
  215. height:30px;
  216. width:378px;
  217. margin-left:450px;
  218. background:white;
  219. border-left:1px solid {color:navigation};
  220. border-right:1px solid {color:navigation};
  221. border-bottom:1px solid {color:navigation};
  222. padding:10px;
  223. float:center;
  224. }
  225.  
  226. #sticky.stick {
  227. position: fixed;
  228. top: 0;
  229. z-index:9999;
  230. }
  231.  
  232. #link1{
  233. margin-left:10px;
  234. z-index:9999;
  235. }
  236.  
  237. #link1 a{
  238. position:absolute;
  239. overflow:hidden;
  240. width:55px;
  241. height:28px;
  242. padding-right:8px;
  243. border-right:1px solid #e5e5e5;
  244. text-align:center;
  245. color:{color:navigation};
  246. opacity:1;
  247. z-index:9999;
  248. letter-spacing:2px;
  249. font-family:consolas;
  250. font-size:8px;
  251. text-transform:uppercase;
  252. text-decoration:none;
  253. -webkit-transition: all .5s ease-in-out;
  254. -moz-transition: all .5s ease-in-out;
  255. -o-transition: all .5s ease-in-out;
  256. transition: all .5s ease-in-out;
  257. }
  258.  
  259. #link2{
  260. margin-left:85px;
  261. z-index:9999;
  262. }
  263.  
  264. #link2 a{
  265. position:absolute;
  266. overflow:hidden;
  267. width:55px;
  268. height:28px;
  269. padding-right:8px;
  270. border-right:1px solid #e5e5e5;
  271. text-align:center;
  272. color:{color:navigation};
  273. opacity:1;
  274. z-index:9999;
  275. letter-spacing:2px;
  276. font-family:consolas;
  277. font-size:8px;
  278. text-transform:uppercase;
  279. text-decoration:none;
  280. -webkit-transition: all .5s ease-in-out;
  281. -moz-transition: all .5s ease-in-out;
  282. -o-transition: all .5s ease-in-out;
  283. transition: all .5s ease-in-out;
  284. }
  285.  
  286. #link3{
  287. margin-left:162px;
  288. z-index:9999;
  289. }
  290.  
  291. #link3 a{
  292. position:absolute;
  293. overflow:hidden;
  294. width:55px;
  295. height:28px;
  296. padding-right:8px;
  297. border-right:1px solid #e5e5e5;
  298. text-align:center;
  299. color:{color:navigation};
  300. opacity:1;
  301. z-index:9999;
  302. letter-spacing:2px;
  303. font-family:consolas;
  304. font-size:8px;
  305. text-transform:uppercase;
  306. text-decoration:none;
  307. -webkit-transition: all .5s ease-in-out;
  308. -moz-transition: all .5s ease-in-out;
  309. -o-transition: all .5s ease-in-out;
  310. transition: all .5s ease-in-out;
  311. }
  312.  
  313. #link4{
  314. margin-left:236px;
  315. z-index:9999;
  316. }
  317.  
  318. #link4 a{
  319. position:absolute;
  320. overflow:hidden;
  321. width:55px;
  322. height:28px;
  323. padding-right:8px;
  324. border-right:1px solid #e5e5e5;
  325. text-align:center;
  326. color:{color:navigation};
  327. opacity:1;
  328. z-index:9999;
  329. letter-spacing:2px;
  330. font-family:consolas;
  331. font-size:8px;
  332. text-transform:uppercase;
  333. text-decoration:none;
  334. -webkit-transition: all .5s ease-in-out;
  335. -moz-transition: all .5s ease-in-out;
  336. -o-transition: all .5s ease-in-out;
  337. transition: all .5s ease-in-out;
  338. }
  339.  
  340. #link5{
  341. margin-left:310px;
  342. z-index:9999;
  343. }
  344.  
  345. #link5 a{
  346. position:absolute;
  347. overflow:hidden;
  348. width:55px;
  349. height:28px;
  350. padding-right:8px;
  351. text-align:center;
  352. color:{color:navigation};
  353. opacity:1;
  354. z-index:9999;
  355. letter-spacing:2px;
  356. font-family:consolas;
  357. font-size:8px;
  358. text-transform:uppercase;
  359. text-decoration:none;
  360. -webkit-transition: all .5s ease-in-out;
  361. -moz-transition: all .5s ease-in-out;
  362. -o-transition: all .5s ease-in-out;
  363. transition: all .5s ease-in-out;
  364. }
  365.  
  366. #desc{
  367. margin-left:-135px;
  368. margin-top:10px;
  369. padding:0px;
  370. width:350px;
  371. height:55px;
  372. text-align:justify;
  373. line-height:14px;
  374. font-family:calibri;
  375. padding-right:10px;
  376. background:{color:sidebar};
  377. font-size:8px;
  378. text-transform:uppercase;
  379. letter-spacing:2px;
  380. color:white;
  381. }
  382.  
  383. #pagination{
  384. position:fixed;
  385. margin:50px 0;
  386. font-size:8px;
  387. opacity:0;
  388. -moz-transform: scale(0);
  389. -webkit-transform: scale(0);
  390. -o-transform: scale(0);
  391. -ms-transform: scale(0);
  392. transform: scale(0);
  393. }
  394. #pagination a{
  395. padding:0 15px;
  396. }
  397.  
  398. #container{
  399. margin-top:0px;
  400. left:0px;
  401. position:absolute;
  402. }
  403.  
  404. #entry{
  405. width:500px;
  406. margin-left:430px;
  407. margin-top:290px;
  408. {block:PermalinkPage}
  409. margin-left:450px;
  410. {/block:PermalinkPage}
  411. }
  412.  
  413. .posts{
  414. width:400px;
  415. {block:IndexPage}
  416. float:left;
  417. padding:20px;
  418. {/block:IndexPage}
  419. {block:PermalinkPage}
  420. opacity:1;
  421. width:400px;
  422. margin-top:290px;
  423. z-index:999;
  424. {/block:PermalinkPage}
  425. }
  426.  
  427. .posts img, .posts li, .posts blockquote{
  428. max-width: 100%;
  429. }
  430.  
  431. .posts img{
  432. display:block;
  433. max-width:400px;
  434. -webkit-transition:all 0.5s ease-in-out;
  435. -moz-transition:all 0.5s ease-in-out;
  436. transition: all 0.5s ease-in-out;
  437. }
  438.  
  439. .posts .perma{
  440. width:20px;
  441. height:20px;
  442. top:50%;
  443. margin-left:145px;
  444. font-size:14px;
  445. background:transparent;
  446. color:white;
  447. position:absolute;
  448. z-index:99;
  449. overflow:hidden;
  450. background:rgba(0, 0, 0, .7);
  451. line-height:20px;
  452. text-align:center;
  453. padding:5px;
  454. border-radius:15px;
  455. opacity:0;
  456. -webkit-transition: all .5s ease-in-out;
  457. -moz-transition: all .5s ease-in-out;
  458. -o-transition: all .5s ease-in-out;
  459. transition: all .5s ease-in-out;
  460. }
  461.  
  462. .posts:hover .perma{
  463. overflow:visible;
  464. opacity:1;
  465. }
  466.  
  467. .posts .perma2{
  468. width:20px;
  469. height:20px;
  470. top:50%;
  471. line-height:15px;
  472. margin-left:185px;
  473. font-size:14px;
  474. background:transparent;
  475. color:white;
  476. position:absolute;
  477. z-index:99;
  478. overflow:hidden;
  479. background:rgba(0, 0, 0, .7);
  480. line-height:20px;
  481. text-align:center;
  482. padding:5px;
  483. border-radius:15px;
  484. opacity:0;
  485. -webkit-transition: all .5s ease-in-out;
  486. -moz-transition: all .5s ease-in-out;
  487. -o-transition: all .5s ease-in-out;
  488. transition: all .5s ease-in-out;
  489. }
  490.  
  491. .posts:hover .perma2{
  492. overflow:visible;
  493. opacity:1;
  494. }
  495.  
  496. .posts .perma3{
  497. width:20px;
  498. height:20px;
  499. top:50%;
  500. line-height:15px;
  501. margin-left:225px;
  502. font-size:14px;
  503. background:transparent;
  504. color:white;
  505. position:absolute;
  506. z-index:99;
  507. overflow:hidden;
  508. background:rgba(0, 0, 0, .7);
  509. line-height:20px;
  510. text-align:center;
  511. padding:5px;
  512. border-radius:15px;
  513. opacity:0;
  514. -webkit-transition: all .5s ease-in-out;
  515. -moz-transition: all .5s ease-in-out;
  516. -o-transition: all .5s ease-in-out;
  517. transition: all .5s ease-in-out;
  518. }
  519.  
  520. .posts:hover .perma3{
  521. overflow:visible;
  522. opacity:1;
  523. }
  524.  
  525. .posts .fade{
  526. position:absolute;
  527. width:400px;
  528. height:calc(100% - 40px);
  529. background: rgba(0,0,0,.5);
  530. margin-left:0px;
  531. margin-top:0px;
  532. opacity:0;
  533. z-index:1;
  534. -webkit-transition: all .5s ease-in-out;
  535. -moz-transition: all .5s ease-in-out;
  536. -o-transition: all .5s ease-in-out;
  537. transition: all .5s ease-in-out;
  538. }
  539.  
  540. .posts:hover .fade{
  541. opacity:1;
  542. }
  543.  
  544. .posts .permalinktext{
  545. position:absolute;
  546. width:400px;
  547. height:auto;
  548. font-family:consolas;
  549. text-transform:uppercase;
  550. letter-spacing:2px;
  551. text-align:right;
  552. bottom:0;
  553. opacity:1;
  554. z-index:99;
  555. }
  556.  
  557. .posts .permalinktext a{
  558. padding:5px;
  559. border:1px solid {color:navigation};
  560. }
  561.  
  562. #titlequote{
  563. text-align:left;
  564. font-size:20px;
  565. line-height:22px;
  566. color:{color:text};
  567. font-family: 'Open Sans Condensed', sans-serif;
  568. }
  569. #source{
  570. margin-top:10px;
  571. margin-left:15px;
  572. }
  573.  
  574. .playerbuttonbg {
  575. position: absolute;
  576. margin-left:0px;
  577. width:30px;
  578. height:60px;
  579. background-color:{color:navigation};
  580. padding:10px;
  581. opacity:1;
  582. transition: opacity .7s ease-in-out;
  583. -moz-transition: opacity .7s ease-in-out;
  584. -webkit-transition: opacity .7s ease-in-out;
  585. }
  586.  
  587. .playerbuttonbg:hover {
  588. opacity: 1;
  589. filter: alpha(opacity=100);
  590. -moz-opacity: 1;
  591. -khtml-opacity: 1;
  592. }
  593.  
  594. .newplayerbutton {
  595. position: relative;
  596. width:19px;
  597. height:19px;
  598. margin-left:-10px;
  599. margin-top:20px;
  600. padding:5px;
  601. border-radius:30px;
  602. overflow: hidden;
  603. }
  604.  
  605. .player{
  606. width:18px;
  607. height:18px;
  608. line-height:27px;
  609. margin-top:15px;
  610. margin-left:10px;
  611. border-radius:100px;
  612. padding:5px;
  613. overflow:hidden;
  614. position:absolute;
  615. background:white;
  616. z-index:9;
  617. opacity:.8;
  618. }
  619.  
  620. .tumblr_audio_player {
  621. height: 90px;
  622. width: 270px;
  623. -moz-transform: scale(0.60, 0.60);
  624. -webkit-transform: scale(0.60, 0.60);
  625. -o-transform: scale(0.60, 0.60);
  626. -ms-transform: scale(0.60, 0.60);
  627. transform: scale(0.60, 0.60);
  628. -moz-transform-origin: top left;
  629. -webkit-transform-origin: top left;
  630. -o-transform-origin: top left;
  631. -ms-transform-origin: top left;
  632. transform-origin: top left;
  633. }
  634.  
  635. .audioimgwrapper {
  636. position: absolute;
  637. float:right;
  638. overflow: hidden;
  639. width: 80px;
  640. height: 80px;
  641. margin-left:320px;
  642. }
  643.  
  644. .audioimgwrapper img {
  645. width: 100%;
  646. height: auto;
  647. float:right;
  648. }
  649.  
  650. .posts:hover .audioimgwrapper img{
  651. transform: scale(1);
  652. }
  653.  
  654. .trackdetails {
  655. width:250px;
  656. height:60px;
  657. margin-left:50px;
  658. line-height:15px;
  659. display:inline-block;
  660. background:{color:navigation};
  661. text-align:center;
  662. color:white;
  663. padding:10px;
  664. }
  665.  
  666. .audiowrapper {
  667. position: relative;
  668. display:inline-block;
  669. }
  670.  
  671. .q{
  672. margin-bottom:10px;
  673. background:{color:ask};
  674. padding:10px;
  675. width:315px;
  676. color:white;
  677. line-height:14px;
  678. border-radius:5px;
  679. }
  680.  
  681. .q a{
  682. color:white;
  683. }
  684.  
  685. .as{
  686. font-weight:bold;
  687. color:white;
  688. }
  689.  
  690. .a{
  691. line-height:14px;
  692. }
  693.  
  694. .chat ol{
  695. padding:0;
  696. list-style:none;
  697. }
  698. .line{
  699. padding:10px 0;
  700. }
  701.  
  702. .odd{
  703. background:{color:navigation};
  704. color:white;
  705. padding:10px;
  706. }
  707.  
  708. .even{
  709. padding:10px;
  710. text-align:right;
  711. }
  712.  
  713. .label{
  714. font-weight:bold;
  715. }
  716.  
  717. .tags {
  718. word-break:break-all;
  719. font-size:9px;
  720. }
  721.  
  722. .pagenotes {
  723. {block:IndexPage}
  724. display: none!important;
  725. {/block:IndexPage}
  726. width:230px;
  727. height:230px;
  728. overflow:auto;
  729. background:#f7f7f7;
  730. padding:10px;
  731. text-align:left;
  732. }
  733. .pagenotes img{
  734. padding:5px;
  735. }
  736. .pagenotes li {
  737. list-style-type:none;
  738. padding:5px 0px;
  739. text-align:left;
  740. margin:0 0 0 -40px;
  741. }
  742.  
  743. #permapage{
  744. {block:permalinkpage}
  745. position:fixed !important;
  746. width:auto;
  747. top:30%;
  748. overflow:auto;
  749. max-height:400px;
  750. left:870px;
  751. padding:10px;
  752. color:{color:text};
  753. background:{color:background};
  754. text-align:left;
  755. z-index:9999;
  756. {/block:permalinkpage}
  757. }
  758.  
  759. .triangle{
  760. position:absolute;
  761. width: 0px;
  762. height: 0px;
  763. margin-left:335px;
  764. margin-top:10px;
  765. border-top: 10px solid transparent;
  766. border-bottom: 10px solid transparent;
  767. border-right: 10px solid {color:ask};
  768. transform: rotate(180deg);
  769. -ms-transform: rotate(180deg);
  770. -webkit-transform: rotate(180deg);
  771. -o-transform: rotate(180deg);
  772. -moz-transform: rotate(180deg);
  773. }
  774.  
  775. {CustomCSS}
  776.  
  777. </style>
  778.  
  779. </head>
  780.  
  781. <body>
  782.  
  783. <div id="container">
  784.  
  785. <div id="sidebar"></div>
  786.  
  787. <div id="sidebarim"><img src="{image:Sidebar}">
  788.  
  789. <div id="blogtitle">{text:blogtitle}</div>
  790.  
  791. <div id="desc" style="overflow:auto; max-height:55px;">{Description}</div></div>
  792.  
  793. <div id="stickk">
  794. <div id="sticky-anchor"></div>
  795. <div id="sticky"><div id="link1">
  796. <a href="{text:Link One URL}"><i class="fa fa-home" style="font-size:20px;"></i><br>{text:Link One Title}</a></a></div>
  797.  
  798. <div id="link2">
  799. <a href="{text:Link Two URL}"><i class="fa fa-envelope" style="font-size:18px;"></i><br>{text:Link Two Title}</a></div>
  800.  
  801. <div id="link3">
  802. <a href="{text:Link Three URL}"><i class="fa fa-tags" style="font-size:18px;"></i><br>{text:Link Three Title}</a></div>
  803.  
  804. <div id="link4">
  805. <a href="{text:Link Four URL}"><i class="fa fa-archive" style="font-size:18px;"></i><br>{text:Link Four Title}</a></div>
  806.  
  807. <div id="link5">
  808. <a href="{text:Link Five URL}"><i class="fa fa-star" style="font-size:18px;"></i><br>{text:Link Five Title}</a></div>
  809.  
  810. </div></div>
  811.  
  812. </div>
  813.  
  814. <div id="entry">
  815.  
  816. {block:Posts}
  817. <div class="posts">
  818.  
  819. {block:Quote}
  820. <div id="titlequote">“{Quote}”</div>
  821. {block:Source}<div id="source">&mdash; {Source}</div>{/block:Source}
  822. {block:IndexPage}
  823. <div class="permalinktext">
  824. {notecountwithlabel}
  825. <a href="{ReblogURL}">Reblog</a>
  826. <a href="{Permalink}">More info</a>
  827. </div>
  828. {/block:IndexPage}
  829. {block:permalinkpage}
  830. <div id="permapage">
  831. {block:Date}<div style="font-family:calibri; font-size:8px; text-transform:uppercase; 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>
  832. {block:NoteCount}<b><i class="fa fa-share-alt"></i> Notes:</b> {NoteCount}<br></div>{/block:NoteCount}
  833. {block:RebloggedFrom}<b><i class="fa fa-retweet"></i> Reblogged from:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a><br><div style="font-family:calibri; font-size:8px; text-transform:uppercase; letter-spacing:2px;"><b><i class="fa fa-location-arrow"></i> source:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a></div>{/block:RebloggedFrom}
  834. {block:HasTags}<div id="tags"><b><i class="fa fa-tags"></i> tags:</b>
  835. {block:Tags}
  836. <a href="{TagURL}">#{Tag} </a>
  837. {/block:Tags}
  838. </div>
  839. {/block:HasTags}
  840. {block:PostNotes}
  841. <div class="pagenotes" style="width:300px;">
  842. {PostNotes}
  843. </div>
  844. {/block:PostNotes}
  845. </div>
  846. {/block:PermalinkPage}
  847. {/block:Quote}
  848.  
  849. {block:Text}
  850. {block:IndexPage}
  851. <div class="permalinktext">
  852. {notecountwithlabel}
  853. <a href="{ReblogURL}">Reblog</a>
  854. <a href="{Permalink}">More info</a>
  855. </div>
  856. {/block:IndexPage}
  857. {block:Title}
  858. <div id="title">{Title}</div>{/block:Title}
  859. {Body}
  860. {block:permalinkpage}
  861. <div id="permapage">
  862. {block:Date}<div style="font-family:calibri; font-size:8px; text-transform:uppercase; 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>
  863. {block:NoteCount}<b><i class="fa fa-share-alt"></i> Notes:</b> {NoteCount}<br></div>{/block:NoteCount}
  864. {block:RebloggedFrom}<b><i class="fa fa-retweet"></i> Reblogged from:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a><br><div style="font-family:calibri; font-size:8px; text-transform:uppercase; letter-spacing:2px;"><b><i class="fa fa-location-arrow"></i> source:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a></div>{/block:RebloggedFrom}
  865. {block:HasTags}<div id="tags"><b><i class="fa fa-tags"></i> tags:</b>
  866. {block:Tags}
  867. <a href="{TagURL}">#{Tag} </a>
  868. {/block:Tags}
  869. </div>
  870. {/block:HasTags}
  871. {block:PostNotes}
  872. <div class="pagenotes" style="width:300px;">
  873. {PostNotes}
  874. </div>
  875. {/block:PostNotes}
  876. </div>
  877. {/block:PermalinkPage}
  878. {/block:Text}
  879.  
  880. {block:Link}
  881. <div id="title" style="text-align:center; color:white;"><a href="{URL}"><i class="fa fa-external-link-square"></i> {Name}</a></div>{block:Description}{Description}{/block:Description}
  882. {block:IndexPage}
  883. <div class="permalinktext">
  884. {notecountwithlabel}
  885. <a href="{ReblogURL}">Reblog</a>
  886. <a href="{Permalink}">More info</a>
  887. </div>
  888. {/block:IndexPage}
  889. {block:permalinkpage}
  890. <div id="permapage">
  891. {block:Date}<div style="font-family:calibri; font-size:8px; text-transform:uppercase; 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>
  892. {block:NoteCount}<b><i class="fa fa-share-alt"></i> Notes:</b> {NoteCount}<br></div>{/block:NoteCount}
  893. {block:RebloggedFrom}<b><i class="fa fa-retweet"></i> Reblogged from:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a><br><div style="font-family:calibri; font-size:8px; text-transform:uppercase; letter-spacing:2px;"><b><i class="fa fa-location-arrow"></i> source:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a></div>{/block:RebloggedFrom}
  894. {block:HasTags}<div id="tags"><b><i class="fa fa-tags"></i> tags:</b>
  895. {block:Tags}
  896. <a href="{TagURL}">#{Tag} </a>
  897. {/block:Tags}
  898. </div>
  899. {/block:HasTags}
  900. {block:PostNotes}
  901. <div class="pagenotes" style="width:300px;">
  902. {PostNotes}
  903. </div>
  904. {/block:PostNotes}
  905. </div>
  906. {/block:PermalinkPage}
  907. {/block:Link}
  908.  
  909. {block:Chat}
  910. {block:Title}
  911. <div id="titlequote">{Title}</div>
  912. {/block:Title}
  913. <div class="chat">
  914. <ol>{block:Lines}
  915. <li class="line {Alt}">
  916. {block:Label}
  917. <span class="label">
  918. {Label}</span>
  919. {/block:Label}{Line}</li>
  920. {/block:Lines}
  921. </ol></div>
  922. {block:IndexPage}
  923. <div class="permalinktext">
  924. {notecountwithlabel}
  925. <a href="{ReblogURL}">Reblog</a>
  926. <a href="{Permalink}">More info</a>
  927. </div>
  928. {/block:IndexPage}
  929. {block:permalinkpage}
  930. <div id="permapage">
  931. {block:Date}<div style="font-family:calibri; font-size:8px; text-transform:uppercase; 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>
  932. {block:NoteCount}<b><i class="fa fa-share-alt"></i> Notes:</b> {NoteCount}<br></div>{/block:NoteCount}
  933. {block:RebloggedFrom}<b><i class="fa fa-retweet"></i> Reblogged from:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a><br><div style="font-family:calibri; font-size:8px; text-transform:uppercase; letter-spacing:2px;"><b><i class="fa fa-location-arrow"></i> source:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a></div>{/block:RebloggedFrom}
  934. {block:HasTags}<div id="tags"><b><i class="fa fa-tags"></i> tags:</b>
  935. {block:Tags}
  936. <a href="{TagURL}">#{Tag} </a>
  937. {/block:Tags}
  938. </div>
  939. {/block:HasTags}
  940. {block:PostNotes}
  941. <div class="pagenotes" style="width:300px;">
  942. {PostNotes}
  943. </div>
  944. {/block:PostNotes}
  945. </div>
  946. {/block:PermalinkPage}
  947. {/block:Chat}
  948.  
  949. {block:Photo}
  950. {block:IndexPage}
  951. <div class="fade"></div>
  952. <div class="perma">
  953. <a href="{ReblogURL}" target="_blank" title="reblog"><i class="fa fa-refresh" style="color:white;"></i></a></div>
  954. <div class="perma2">
  955. <a href="{Permalink}" target="_blank" title="posted {timeago} with {notecountwithlabel}"><i class="fa fa-clock-o" style="color:white;"></i></a></div>
  956. <div class="perma3">
  957. <a href="{Permalink}" target="_blank" title="More info"><i class="fa fa-info" style="color:white;"></i></a></div>
  958. <img src="{PhotoURL-400}" alt="{PhotoAlt}"/>
  959. {/block:IndexPage}
  960. {block:PermalinkPage}
  961. <img src="{PhotoURL-400}" alt="{PhotoAlt}"/>
  962. <div id="permapage">
  963. {block:caption}<div style="font-family:calibri; font-size:8px; text-transform:uppercase; letter-spacing:2px;">{caption}</div>{/block:caption}
  964. {block:Date}<div style="font-family:calibri; font-size:8px; text-transform:uppercase; 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>
  965. {block:NoteCount}<b><i class="fa fa-share-alt"></i> Notes:</b> {NoteCount}<br></div>{/block:NoteCount}
  966. {block:RebloggedFrom}<b><i class="fa fa-retweet"></i> Reblogged from:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a><br><div style="font-family:calibri; font-size:8px; text-transform:uppercase; letter-spacing:2px;"><b><i class="fa fa-location-arrow"></i> source:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a></div>{/block:RebloggedFrom}
  967. {block:HasTags}<div id="tags"><b><i class="fa fa-tags"></i> tags:</b>
  968. {block:Tags}
  969. <a href="{TagURL}">#{Tag} </a>
  970. {/block:Tags}
  971. </div>
  972. {/block:HasTags}
  973. {block:PostNotes}
  974. <div class="pagenotes" style="width:300px;">
  975. {PostNotes}
  976. </div>
  977. {/block:PostNotes}
  978. </div>
  979. {/block:PermalinkPage}
  980. {/block:Photo}
  981.  
  982. {block:Photoset}
  983. {block:IndexPage}
  984. <div class="permalinktext">
  985. {notecountwithlabel}
  986. <a href="{ReblogURL}">Reblog</a>
  987. <a href="{Permalink}">More info</a>
  988. </div>
  989. {/block:IndexPage}
  990. {Photoset-400}
  991. {block:PermalinkPage}
  992. <div id="permapage">
  993. {block:caption}<div style="font-family:calibri; font-size:8px; text-transform:uppercase; letter-spacing:2px;">{caption}</div>{/block:caption}
  994. {block:Date}<div style="font-family:calibri; font-size:8px; text-transform:uppercase; 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>
  995. {block:NoteCount}<b><i class="fa fa-share-alt"></i> Notes:</b> {NoteCount}<br></div>{/block:NoteCount}
  996. {block:RebloggedFrom}<b><i class="fa fa-retweet"></i> Reblogged from:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a><br><div style="font-family:calibri; font-size:8px; text-transform:uppercase; letter-spacing:2px;"><b><i class="fa fa-location-arrow"></i> source:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a></div>{/block:RebloggedFrom}
  997. {block:HasTags}<div id="tags"><b><i class="fa fa-tags"></i> tags:</b>
  998. {block:Tags}
  999. <a href="{TagURL}">#{Tag} </a>
  1000. {/block:Tags}
  1001. </div>
  1002. {/block:HasTags}
  1003. </div>
  1004. {/block:PermalinkPage}
  1005. {/block:Photoset}
  1006.  
  1007. {block:Video}
  1008. {block:IndexPage}
  1009. <div id="perma" class="en">
  1010. <ul>
  1011. <li> <a href="{Permalink}">+<span>{timeago}</span> </a> </li>
  1012. <li> <a href="{ReblogURL}">+<span>reblog</span> </a> </li>
  1013. <li> <a href="{Permalink}">+<span>more info</span> </a> </li>
  1014. </ul>
  1015. </div>
  1016. {/block:IndexPage}
  1017. {Video-400}
  1018. {block:PermalinkPage}
  1019. <div id="permapage">
  1020. {block:caption}<div style="font-family:calibri; font-size:8px; text-transform:uppercase; letter-spacing:2px;">{caption}</div>{/block:caption}
  1021. {block:Date}<div style="font-family:calibri; font-size:8px; text-transform:uppercase; 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>
  1022. {block:NoteCount}<b><i class="fa fa-share-alt"></i> Notes:</b> {NoteCount}<br></div>{/block:NoteCount}
  1023. {block:RebloggedFrom}<b><i class="fa fa-retweet"></i> Reblogged from:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a><br><div style="font-family:calibri; font-size:8px; text-transform:uppercase; letter-spacing:2px;"><b><i class="fa fa-location-arrow"></i> source:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a></div>{/block:RebloggedFrom}
  1024. {block:HasTags}<div id="tags"><b><i class="fa fa-tags"></i> tags:</b>
  1025. {block:Tags}
  1026. <a href="{TagURL}">#{Tag} </a>
  1027. {/block:Tags}
  1028. </div>
  1029. {/block:HasTags}
  1030. </div>
  1031. {/block:PermalinkPage}
  1032. {/block:Video}
  1033.  
  1034. {block:Audio}
  1035. {block:AudioPlayer}
  1036. <div class="audiowrapper">
  1037. {block:AlbumArt}
  1038. <div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>
  1039. {/block:AlbumArt}
  1040. <div class="playerbuttonbg">
  1041. <div class="player"><div style="margin-top:-17.5px; margin-left:-5px;">{AudioPlayerWhite}</div></div>
  1042. </div>
  1043. <div class="trackdetails">
  1044. {block:TrackName}<div style="margin-top:20px;"><font style="font-size:20px; font-family: 'Open Sans Condensed', sans-serif; letter-spacing:3px;">{TrackName}</font>{/block:TrackName}<br/>
  1045. {block:Artist}{Artist}{/block:Artist}</div>
  1046. </div>
  1047. </div>
  1048. {/block:AudioPlayer}
  1049. {block:Caption}{Caption}{/block:Caption}
  1050. {block:IndexPage}
  1051. <div class="permalinktext">
  1052. {notecountwithlabel}
  1053. <a href="{ReblogURL}">Reblog</a>
  1054. <a href="{Permalink}">More info</a>
  1055. </div>
  1056. {/block:IndexPage}
  1057. {block:permalinkpage}
  1058. <div id="permapage">
  1059. {block:Date}<div style="font-family:calibri; font-size:8px; text-transform:uppercase; 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>
  1060. {block:NoteCount}<b><i class="fa fa-share-alt"></i> Notes:</b> {NoteCount}<br></div>{/block:NoteCount}
  1061. {block:RebloggedFrom}<b><i class="fa fa-retweet"></i> Reblogged from:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a><br><div style="font-family:calibri; font-size:8px; text-transform:uppercase; letter-spacing:2px;"><b><i class="fa fa-location-arrow"></i> source:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a></div>{/block:RebloggedFrom}
  1062. {block:HasTags}<div id="tags"><b><i class="fa fa-tags"></i> tags:</b>
  1063. {block:Tags}
  1064. <a href="{TagURL}">#{Tag} </a>
  1065. {/block:Tags}
  1066. </div>
  1067. {/block:HasTags}
  1068. {block:PostNotes}
  1069. <div class="pagenotes" style="width:300px;">
  1070. {PostNotes}
  1071. </div>
  1072. {/block:PostNotes}
  1073. </div>
  1074. {/block:PermalinkPage}
  1075. {/block:Audio}
  1076.  
  1077. {block:Answer}
  1078. <img src="{AskerPortraitURL-64}" width="48" align="right" style="margin-right:0px; background:{color:ask}">
  1079. <div class="triangle"></div>
  1080. <div class="q">
  1081. <div class="as">{Asker} said: </div>
  1082. {Question}</div>
  1083. <div class="a">{Answer}</div>
  1084. {block:IndexPage}
  1085. <div class="permalinktext">
  1086. {notecountwithlabel}
  1087. <a href="{ReblogURL}">Reblog</a>
  1088. <a href="{Permalink}">More info</a>
  1089. </div>
  1090. {/block:IndexPage}
  1091. {block:permalinkpage}
  1092. <div id="permapage">
  1093. {block:Date}<div style="font-family:calibri; font-size:8px; text-transform:uppercase; 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>
  1094. {block:NoteCount}<b><i class="fa fa-share-alt"></i> Notes:</b> {NoteCount}<br></div>{/block:NoteCount}
  1095. {block:RebloggedFrom}<b><i class="fa fa-retweet"></i> Reblogged from:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a><br><div style="font-family:calibri; font-size:8px; text-transform:uppercase; letter-spacing:2px;"><b><i class="fa fa-location-arrow"></i> source:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a></div>{/block:RebloggedFrom}
  1096. {block:HasTags}<div id="tags"><b><i class="fa fa-tags"></i> tags:</b>
  1097. {block:Tags}
  1098. <a href="{TagURL}">#{Tag} </a>
  1099. {/block:Tags}
  1100. </div>
  1101. {/block:HasTags}
  1102. {block:PostNotes}
  1103. <div class="pagenotes" style="width:300px;">
  1104. {PostNotes}
  1105. </div>
  1106. {/block:PostNotes}
  1107. </div>
  1108. {/block:PermalinkPage}
  1109. {/block:Answer}
  1110.  
  1111. </div>
  1112.  
  1113. {/block:Posts}
  1114.  
  1115. {block:IndexPage}
  1116. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  1117. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  1118.  
  1119. <script type="text/javascript">
  1120. $(window).load(function(){
  1121. var $wall = $('#entry');
  1122. $wall.imagesLoaded(function(){
  1123. $wall.masonry({
  1124. itemSelector: '.posts, .posts_photo',
  1125. isAnimated : false
  1126. });
  1127. });
  1128.  
  1129. $wall.infinitescroll({
  1130. navSelector : '#pagination',
  1131. nextSelector : '#pagination a',
  1132. itemSelector : '.posts, .posts_photo',
  1133. bufferPx : 2000,
  1134. debug : false,
  1135. errorCallback: function() {
  1136. $('#infscr-loading').fadeOut('normal');
  1137. }},
  1138. function( newElements ) {
  1139. var $newElems = $( newElements );
  1140. $newElems.hide();
  1141. $newElems.imagesLoaded(function(){
  1142. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  1143. });
  1144. }); $('.posts').show(500);
  1145. });
  1146. </script>
  1147. {/block:IndexPage}
  1148.  
  1149. <div id="pagination">
  1150. {block:Pagination}
  1151. {block:PreviousPage}
  1152. <a href="{PreviousPage}"><i class="fa fa-long-arrow-left"></i></a>
  1153. {/block:PreviousPage}
  1154.  
  1155. {block:NextPage}
  1156. <a href="{NextPage}"><i class="fa fa-long-arrow-right"></i></a>
  1157. {/block:NextPage}
  1158. {/block:Pagination}
  1159. </div>
  1160.  
  1161. </div>
  1162.  
  1163. </div>
  1164.  
  1165. {block:ContentSource}
  1166. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1167. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1168. {/block:SourceLogo}
  1169. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1170. {/block:ContentSource}
  1171.  
  1172. <div style="z-index:9999; position:fixed; bottom:5px; right:8px; opacity:1; font-size:25px;"><a href="http://seedfawn.tumblr.com" title="Theme by seedfawn"><i class="fa fa-code" style="color:{color:sidebar};"></i></a></div>
  1173.  
  1174. </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!