API tools faq
paste
Advertisement
Seedfawn

Theme 24

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