Advertisement
Seedfawn

Theme 37

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