API tools faq
paste
Advertisement
Seedfawn

Theme 39

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