Advertisement
Seedfawn

Theme 28

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