API tools faq
paste
Advertisement
Seedfawn

Theme 31

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