Advertisement
Seedfawn

Theme 27

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