API tools faq
paste
Advertisement
Seedfawn

Theme 30

Seedfawn
Feb 6th, 2016
526
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 29.33 KB | None | 0 0
raw download clone embed print report
  1. <!-- THIS THEME WAS MADE BY SEEDFAWN. PLEASE KEEP THE CREDIT AND HAVE A NICE DAY!-->
  2.  
  3. <html lang="en">
  4. <script type="text/javascript">
  5. <!--
  6.  
  7. // Disable Right Click Script
  8.  
  9. function IE(e)
  10. {
  11. if (navigator.appName == "Microsoft Internet Explorer" && (event.button == "2" || event.button == "3"))
  12. {
  13. return false;
  14. }
  15. }
  16. function NS(e)
  17. {
  18. if (document.layers || (document.getElementById && !document.all))
  19. {
  20. if (e.which == "2" || e.which == "3")
  21. {
  22. }
  23. }
  24. }
  25. document.onmousedown=IE;document.onmouseup=NS;document.oncontextmenu=new Function("return false");
  26.  
  27. //-->
  28. </script>
  29.  
  30. <link href='https://fonts.googleapis.com/css?family=Lato:300' rel='stylesheet' type='text/css'>
  31. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
  32.  
  33. <script type="text/javascript">
  34. // <![CDATA[
  35. var bgcolour="rgba( {RGBcolor:blogtitle}, 0.5);"; // background colour
  36. var fgcolour="{color:blogtitle}"; // foreground colour
  37. var speed=100; // speed of bubbling, lower is faster
  38. var shades=20; // number of shades of bubble
  39.  
  40. /****************************
  41. * Bubbling Text Effect *
  42. *(c) 2003-6 mf2fm web-design*
  43. * http://www.mf2fm.com/rv *
  44. * DON'T EDIT BELOW THIS BOX *
  45. ****************************/
  46. var bubbcol=new Array();
  47. var bubbler, bubbtxt;
  48. var bubbchr=new Array();
  49. window.onload=function() { if (document.getElementById) {
  50. for (bubbler=0; bubbler<=shades; bubbler++) {
  51. bubbtxt="#";
  52. for (var i=1; i<6; i+=2) {
  53. var bg=parseInt(bgcolour.substring(i,i+2),16);
  54. bubbtxt+=dechex(Math.floor(bg+(parseInt(fgcolour.substring(i,i+2),16)-bg)*(bubbler/shades)));
  55. }
  56. bubbcol[bubbler+1]=bubbtxt;
  57. }
  58. bubbler=document.getElementById("bubble");
  59. bubbtxt=bubbler.firstChild.nodeValue;
  60. while (bubbler.childNodes.length) bubbler.removeChild(bubbler.childNodes[0]);
  61. for (var i=0; i<bubbtxt.length; i++) {
  62. var bubbi=document.createElement("span");
  63. bubbi.setAttribute("id", "bubb"+i);
  64. bubbi.appendChild(document.createTextNode(bubbtxt.charAt(i)));
  65. bubbler.appendChild(bubbi);
  66. }
  67. bubbler=setInterval ("bubbling()", speed);
  68. }}
  69.  
  70. function dechex(dec) {
  71. var hex=dec.toString(16);
  72. if (dec<16) return "0"+hex;
  73. else return hex;
  74. }
  75.  
  76. function bubbling() {
  77. for (var i=0; i<bubbtxt.length; i++) {
  78. var bubbme=document.getElementById("bubb"+i);
  79. if (bubbchr[i]) {
  80. bubbme.style.color=bubbcol[bubbchr[i]];
  81. bubbchr[i]=(bubbchr[i]+1)%bubbcol.length;
  82. }
  83. else if (Math.random()<0.75/bubbchr.length) bubbchr[i]=1;
  84. }
  85. }
  86. // ]]>
  87. </script>
  88.  
  89. <meta name="image:Background" content=""/>
  90. <meta name="image:Sidebar" content=""/>
  91. <meta name="color:Background" content="#fff"/>
  92. <meta name="color:Title" content="#f7b58f"/>
  93. <meta name="color:Text" content="#777"/>
  94. <meta name="color:Link" content="#f7b58f"/>
  95. <meta name="color:Hover" content="#e2a482"/>
  96. <meta name="color:Blogtitle" content="#f7b58f"/>
  97. <meta name="color:Sidebar" content="#f7b58f"/>
  98. <meta name="color:Nav Front" content="#f7b58f"/>
  99. <meta name="color:Nav Back" content="#f7b58f"/>
  100. <meta name="color:Nav Back Font" content="#fff"/>
  101. <meta name="color:Post Border" content="#f7b58f"/>
  102. <meta name="color:Border" content="#f7b58f"/>
  103. <meta name="color:Scrollbar" content="#f7b58f"/>
  104. <meta name="color:Ask" content="#f7b58f"/>
  105. <meta name="color:Selection" content="#e2a482"/>
  106. <meta name="text:Blogtitle" content="Peachy"/>
  107. <meta name="text:Link One Title" content="Refresh"/>
  108. <meta name="text:Link Two Title" content="Message"/>
  109. <meta name="text:Link Three Title" content="Navigation"/>
  110. <meta name="text:Link Four Title" content="Credit"/>
  111. <meta name="text:Link One URL" content="/" />
  112. <meta name="text:Link Two URL" content="/ask" />
  113. <meta name="text:Link Three URL" content="" />
  114. <meta name="text:Link Four URL" content="http://seedfawn.tumblr.com"/>
  115. </script>
  116.  
  117. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  118. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  119. <script>
  120. (function($){
  121. $(document).ready(function(){
  122. $("a[title]").style_my_tooltips({
  123. tip_follows_cursor:true,
  124. tip_delay_time:30,
  125. tip_fade_speed:300,
  126. attribute:"title"
  127. });
  128. });
  129. })(jQuery);
  130. </script>
  131.  
  132. <style type="text/css">
  133.  
  134. @-webkit-keyframes pop-in {
  135. 0% { opacity: 0; -webkit-transform: scale(0); }
  136. 100% { opacity: 1; -webkit-transform: scale(1); }
  137. }
  138. @-moz-keyframes pop-in {
  139. 0% { opacity: 0; -moz-transform: scale(0); }
  140. 100% { opacity: 1; -moz-transform: scale(1); }
  141. }
  142. @keyframes pop-in {
  143. 0% { opacity: 0; transform: scale(0); }
  144. 100% { opacity: 1; transform: scale(1); }
  145. }
  146.  
  147. .tmblr-iframe{
  148. z-index:9999999999!important;
  149. opacity:.2 !important;
  150. -webkit-filter:invert(100%);
  151. top:15px !important;
  152. right:10px !important;
  153. position:fixed!important;
  154. }
  155.  
  156. body{
  157. color:{color:Text};
  158. font-family:calibri;
  159. text-transform:uppercase;
  160. font-size:8px;
  161. letter-spacing:1px;
  162. line-height:12px;
  163. background-size:repeat;
  164. background-attachment:fixed;
  165. background-image:url({image:Background});
  166. background-color:{color:Background};
  167. cursor: url(http://static.tumblr.com/p3mk1pa/zzqnm79h1/cur817.gif), auto;
  168. }
  169.  
  170. a:link, a:active, a:visited{
  171. color:{color:Link};
  172. text-decoration:none;
  173. -webkit-transition:all 0.6s ease-out;
  174. -moz-transition:all 0.6s ease-out;
  175. -o-transition:all 0.6s ease-out;
  176. transition:all 0.6s ease-out;
  177. cursor: url(http://static.tumblr.com/p3mk1pa/zzqnm79h1/cur817.gif), auto;
  178. }
  179.  
  180. a:hover{
  181. color:{color:Hover};
  182. text-decoration:none;
  183. -webkit-transition:all 0.5s ease-out;
  184. -moz-transition:all 0.5s ease-out;
  185. -o-transition:all 0.5s ease-out;
  186. transition:all 0.5s ease-out;
  187. cursor: url(http://static.tumblr.com/p3mk1pa/zzqnm79h1/cur817.gif), auto;
  188. }
  189.  
  190. ::-webkit-scrollbar{
  191. width:15px;
  192. height:4px;
  193. background:rgba( {RGBcolor:scrollbar}, 0.5);
  194. }
  195.  
  196. ::-webkit-scrollbar-thumb{
  197. background-color:{color:scrollbar};
  198. }
  199.  
  200. ::selection {
  201. background:{color:selection};
  202. color:white;
  203. }
  204.  
  205. ::-moz-selection {
  206. background:{color:selection};
  207. color:white;
  208. }
  209.  
  210. #s-m-t-tooltip{
  211. max-width:300px;
  212. margin:10px;
  213. padding:10px 10px;
  214. color:white;
  215. font-family:calibri;
  216. font-size:8px;
  217. text-transform:uppercase;
  218. letter-spacing:2px;
  219. background:rgba(0, 0, 0, .7);
  220. z-index:9999999999!important;
  221. }
  222.  
  223. #audio {
  224. width:200px;
  225. height:auto;
  226. min-height:60px;
  227. padding-bottom:0px;
  228. }
  229.  
  230. .cover {
  231. position:absolute;
  232. z-index:1;
  233. width:80px;
  234. height:80px;
  235. margin-left:170px;
  236. }
  237.  
  238. .cover img {
  239. float:right;
  240. width:80px;
  241. height:80px;
  242. }
  243.  
  244. .playbox {
  245. opacity:.6;
  246. width:27px;
  247. height:30px;
  248. overflow:hidden;
  249. position:absolute;
  250. z-index:1000;
  251. margin-left:0;
  252. margin-top:26px;
  253. text-align:center;
  254. margin-left:200px;
  255. }
  256.  
  257. .info {
  258. margin-left:0px;
  259. text-align:center;
  260. margin-top:0px;
  261. width:161px;
  262. height:70px;
  263. color:white;
  264. border-bottom:10px solid white;
  265. text-transform:uppercase;
  266. padding:5px;
  267. line-height:14px;
  268. background:{color:border2};
  269. }
  270.  
  271. #cunt{width:250px; height:auto;}
  272. {block:PermalinkPage}
  273. width:10px;
  274. {/block:PermalinkPage}
  275. }
  276.  
  277. #center{
  278. padding-top:3px;
  279. padding-bottom:3px;
  280. position:fixed !important;
  281. width:250px;
  282. height:207px;
  283. background-color:#fff;
  284. {block:PermalinkPage}
  285. width:410px;
  286. height:207px;
  287. {/block:PermalinkPage}
  288. }
  289.  
  290. #posts{
  291. float:center;
  292. {block:indexpage}
  293. width:680px;
  294. {/block:indexpage}
  295. {block:permalinkpage}
  296. width:630px;
  297. {/block:permalinkpage}
  298. margin-left:15%;
  299. padding-top:15px;
  300. z-index:99;
  301. }
  302.  
  303. #entry img{
  304. {block:indexpage}
  305. max-width:250px;
  306. opacity:1;
  307. z-index:999;
  308. display:block;
  309. -webkit-transition:all 0.7s ease-out;
  310. -moz-transition:all 0.7s ease-out;
  311. transition:all 0.7s ease-out;
  312. {/block:indexpage}
  313. }
  314.  
  315. #entry{
  316. z-index:1;
  317. margin-top:30px;
  318. margin-left:50px;
  319. float:left;
  320. font-size:8px;
  321. line-height:13px;
  322. text-transform:normal;
  323. display:block;
  324. width:250px;
  325. padding:15px;
  326. border:1px solid {color:post border};
  327. box-shadow:{color:post border} 6px 6px;
  328. {block:PermalinkPage}
  329. opacity:.9;
  330. width:400px;
  331. margin-top:50px;
  332. margin-left:-50px;
  333. border:{color:sidebar};
  334. color:{color:text};
  335. z-index:9;
  336. box-shadow:{color:border2} 0px 0px;
  337. {/block:PermalinkPage}
  338. -moz-transition: all 0.7s ease-out;
  339. -o-transition: all 0.7s ease-out;
  340. -webkit-transition: all 0.7s ease-out;
  341. transition: all 0.7s ease-out;
  342. }
  343.  
  344. .permac{
  345. width:100%;
  346. height:10px;
  347. text-align:center;
  348. line-height:10px;
  349. padding:5px 0px;
  350. overflow:hidden;
  351. -webkit-transition:all 0.5s ease-in-out;
  352. -moz-transition:all 0.5s ease-in-out;
  353. transition:all 0.5s ease-in-out;
  354. }
  355.  
  356. .permac:hover{
  357. height:80px;
  358. -webkit-transition:all 0.5s ease-in-out;
  359. -moz-transition:all 0.5s ease-in-out;
  360. transition:all 0.5s ease-in-out;
  361. }
  362.  
  363. #entry .perma{
  364. position:absolute;
  365. overflow:hidden;
  366. width:20px;
  367. height:20px;
  368. line-height:20px;
  369. margin-top:10px;
  370. margin-left:210px;
  371. font-family:calibri;
  372. font-size:15px;
  373. text-align:center;
  374. text-transform:uppercase;
  375. letter-spacing:2px;
  376. background: rgba(0,0,0,.85);
  377. padding-top:3px;
  378. padding-bottom:7px;
  379. padding-right:4px;
  380. padding-left:6px;
  381. color:#fff;
  382. border-radius:100px;
  383. opacity:0;
  384. z-index:99;
  385. transform: rotate(0deg);
  386. -ms-transform: rotate(0deg);
  387. -webkit-transform: rotate(0deg);
  388. -o-transform: rotate(0deg);
  389. -moz-transform: rotate(0deg);
  390. -webkit-transition:all 0.5s ease-in-out;
  391. -moz-transition:all 0.5s ease-in-out;
  392. transition:all 0.5s ease-in-out;
  393. }
  394.  
  395. perma a{
  396. color:white;
  397. }
  398.  
  399. #entry:hover .perma{
  400. transform: rotate(360deg);
  401. -ms-transform: rotate(360deg);
  402. -webkit-transform: rotate(360deg);
  403. -o-transform: rotate(360deg);
  404. -moz-transform: rotate(360deg);
  405. overflow:visible;
  406. height:auto;
  407. opacity:1;
  408. }
  409.  
  410. #entry .fade{
  411. position:absolute;
  412. width:250px;
  413. height:calc(100% - 30px);
  414. background:black;
  415. margin-left:0px;
  416. margin-top:0px;
  417. opacity:0;
  418. z-index:9;
  419. }
  420.  
  421. #entry:hover .fade{
  422. opacity:.2;
  423. }
  424.  
  425. #entry .permalinktext{
  426. position:absolute;
  427. overflow:hidden;
  428. width:20px;
  429. height:20px;
  430. line-height:20px;
  431. margin-top:0px;
  432. margin-left:275px;
  433. font-family:calibri;
  434. font-size:15px;
  435. text-align:center;
  436. text-transform:uppercase;
  437. letter-spacing:2px;
  438. background: rgba(0,0,0,.85);
  439. padding-top:3px;
  440. padding-bottom:7px;
  441. padding-right:4px;
  442. padding-left:6px;
  443. color:#fff;
  444. border-radius:100px;
  445. opacity:0;
  446. z-index:99;
  447. transform: rotate(0deg);
  448. -ms-transform: rotate(0deg);
  449. -webkit-transform: rotate(0deg);
  450. -o-transform: rotate(0deg);
  451. -moz-transform: rotate(0deg);
  452. -webkit-transition:all 0.5s ease-in-out;
  453. -moz-transition:all 0.5s ease-in-out;
  454. transition:all 0.5s ease-in-out;
  455. }
  456.  
  457. permalinktext a{
  458. color:white;
  459. }
  460. #entry:hover .permalinktext{
  461. transform: rotate(360deg);
  462. -ms-transform: rotate(360deg);
  463. -webkit-transform: rotate(360deg);
  464. -o-transform: rotate(360deg);
  465. -moz-transform: rotate(360deg);
  466. overflow:visible;
  467. height:auto;
  468. opacity:1;
  469. }
  470.  
  471. .title{
  472. font-family: 'Lato', sans-serif;
  473. color:{color:title};
  474. font-size:25px;
  475. line-height:30px;
  476. text-transform:uppercase;
  477. }
  478.  
  479. .title:hover{
  480. text-decoration:none;
  481. }
  482.  
  483. #blogtitle{
  484. position: fixed !important;
  485. width:auto;
  486. margin-top:-25px;
  487. margin-left:-5px;
  488. color:{color:Blogtitle};
  489. font-family: 'Lato', sans-serif;
  490. font-weight:normal;
  491. font-size:25px;
  492. padding:5px;
  493. letter-spacing:0px;
  494. text-transform:uppercase;
  495. opacity:1;
  496. z-index:9999;
  497. -webkit-transition:all 0.7s ease-in-out;
  498. -moz-transition:all 0.7s ease-in-out;
  499. transition:all 0.7s ease-in-out;
  500. }
  501.  
  502. #sidebar{
  503. overflow:visible;
  504. position:fixed !important;
  505. margin-top:150px;
  506. right:190px;
  507. width:200px;
  508. height:165px;
  509. background:transparent;
  510. opacity:1;
  511. z-index:99;
  512. -webkit-transition:all 0.7s ease-in-out;
  513. -moz-transition:all 0.7s ease-in-out;
  514. transition:all 0.7s ease-in-out;
  515. }
  516.  
  517. #desc{
  518. position:fixed !important;
  519. line-height:15px;
  520. width:320px;
  521. height:auto;
  522. margin-top:170px;
  523. padding:10px;
  524. text-align:justify;
  525. background:{color:sidebar};
  526. color:white;
  527. text-transform:uppercase;
  528. font-family:calibri;
  529. opacity:1;
  530. font-size:8px;
  531. letter-spacing:2px;
  532. z-index:9999;
  533. -webkit-transition:all 0.7s ease-in-out;
  534. -moz-transition:all 0.7s ease-in-out;
  535. transition:all 0.7s ease-in-out;
  536. }
  537.  
  538. .links{
  539. float:left;
  540. margin:2em 2em;
  541. width:70px;
  542. height:70px;
  543. display:block;
  544. text-align:center;
  545. line-height:70px;
  546. color:#fff;
  547. position:absolute;
  548. transform:rotateY(0deg);
  549. transition:transform .25s ease-out;
  550. transform-style:preserve-3d;
  551. }
  552.  
  553. .links > div{
  554. width:70px;
  555. height:70px;
  556. position:absolute;
  557. line-height:70px;
  558. top:0;
  559. left:0;
  560. right:0;
  561. bottom:0;
  562. }
  563.  
  564. .links >.front{
  565. transform:translateZ(29px);
  566. font-size:1.5em;
  567. color:white;
  568. line-height:70px;
  569. background:white;
  570.  
  571. }
  572.  
  573. .links >.back{
  574. font-size:3em;
  575. transform:rotateY(-100deg) translateZ(29px);
  576. }
  577.  
  578. .links.links-home > .front{color:{color:nav front}; outline:1px solid {color:nav front}; outline-offset:-1px;}
  579. .links.links-ask > .front{ color:{color:nav front}; outline:1px solid {color:nav front}; outline-offset:-1px;}
  580. .links.links-navi > .front{ color:{color:nav front}; outline:1px solid {color:nav front}; outline-offset:-1px;}
  581. .links.links-themes > .front{ color:{color:nav front}; outline:1px solid {color:nav front}; outline-offset:-1px;}
  582.  
  583. .links.links-home > .back{ background:{color:nav back}; color:{color:nav back font};}
  584. .links.links-ask > .back{ background:{color:nav back}; color:{color:nav back font};}
  585. .links.links-navi > .back{ background:{color:nav back}; color:{color:nav back font};}
  586. .links.links-themes > .back{ background:{color:nav back}; color:{color:nav back font};}
  587.  
  588. .links:hover{
  589. transform: rotateY(100deg);
  590. }
  591.  
  592. #l{
  593. position:fixed;
  594. height:220px;
  595. margin-left:200px;
  596. margin-top:0px;
  597. font-family:calibri;
  598. font-size:8px;
  599. color:white;
  600. border-left:1px solid {color:sidebar};
  601. padding:0px;
  602. z-index:1;
  603. }
  604.  
  605. #b1{
  606. position:fixed;
  607. left:0px;
  608. top:0px;
  609. width:100%;
  610. height:15px;
  611. background:{color:border};
  612. z-index:999;
  613. }
  614.  
  615. #b2{
  616. position:fixed;
  617. left:0px;
  618. bottom:0px;
  619. width:100%;
  620. height:15px;
  621. background:{color:border};
  622. z-index:9999;
  623. }
  624.  
  625. #b3{
  626. position:fixed;
  627. left:0px;
  628. top:0px;
  629. width:15px;
  630. height:100%;
  631. background:{color:border};
  632. z-index:999;
  633. }
  634.  
  635. #permapage{
  636. {block:permalinkpage}
  637. position:fixed !important;
  638. width:300px;
  639. height:auto;
  640. left:600px;
  641. top:15%;
  642. color:{color:text};
  643. z-index:9999;
  644. font-family:calibri;
  645. font-size:8px;
  646. text-transform:uppercase;
  647. letter-spacing:2px;
  648. {/block:permalinkpage}
  649. }
  650.  
  651. /*--I RECCOMMEND TO NOT TOUCH ANY OF THIS--*/
  652. #infscr-loading{
  653. bottom: -70px;
  654. position: absolute;
  655. left: 50%;
  656. margin-left:-8px;
  657. width:16px;
  658. height:11px;
  659. overflow:hidden;
  660. margin-bottom: 50px;
  661. }
  662.  
  663. #postnotes{
  664. text-align: justify;}
  665.  
  666. blockquote{
  667. padding:5px 0 5px 10px;
  668. border-left:1px solid {color:text};
  669. margin-left:10px;
  670. }
  671.  
  672. </style>
  673.  
  674. <title>{Title}</title>
  675.  
  676. <link rel="shortcut icon" href="{favicon}">
  677.  
  678. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  679. <meta name="viewport" content="width=720" />
  680.  
  681. </head>
  682.  
  683. <body>
  684.  
  685.  
  686. <div id="center">
  687. <div id="content">
  688.  
  689. <div id="b1"></div>
  690. <div id="b2"></div>
  691. <div id="b3"></div>
  692. <div id="b4"></div>
  693.  
  694. <div id="sidebar">
  695.  
  696. <div id="blogtitle"><span id="bubble">{text:Blogtitle}</span></div>
  697.  
  698. <div id="desc">{description}</div>
  699.  
  700. <img src="{image:sidebar}" style="position:fixed; padding:10px; opacity:1; width:140px; height:140px; background:{color:background}; z-index:9999; background:{color:sidebar};">
  701.  
  702. <a class="links">
  703. <a class="links links-home" href="{text:Link One URL}" style="margin-top:0px; margin-left:180px;">
  704. <div class="front">
  705. <i class="fa fa-home" style="margin-top:43%;"></i>
  706. </div>
  707. <div class="back">
  708. <i class="fa fa-home" style="margin-top:15px;"><br><div style="font-size:8px; margin-top:0px; letter-spacing:2px; font-family:calibri; text-transform:uppercase;">{text:Link One Title}</div></i>
  709. </div>
  710. </a>
  711.  
  712. <a class="links links-ask" href="{text:Link Two URL}" style="margin-top:0px; margin-left:270px;">
  713. <div class="front">
  714. <i class="fa fa-question" style="margin-top:43%;"></i>
  715. </div>
  716. <div class="back">
  717. <i class="fa fa-question" style="margin-top:15px;"><br><div style="font-size:8px; margin-top:0px; letter-spacing:2px; font-family:calibri; text-transform:uppercase;">{text:Link Two Title}</div></i>
  718. </div>
  719. </a>
  720.  
  721. <a class="links links-navi" href="{text:Link Three URL}" style="margin-top:90px; margin-left:180px;">
  722. <div class="front">
  723. <i class="fa fa-location-arrow" style="margin-top:43%;"></i>
  724. </div>
  725. <div class="back">
  726. <i class="fa fa-location-arrow" style="margin-top:15px;"><br><div style="font-size:8px; margin-top:0px; letter-spacing:2px; font-family:calibri; text-transform:uppercase;">{text:Link Three Title}</div></i>
  727. </div>
  728. </a>
  729.  
  730. <a class="links links-themes" href="{text:Link Four URL}" style="margin-top:90px; margin-left:270px;">
  731. <div class="front">
  732. <i class="fa fa-heart" style="margin-top:43%;"></i>
  733. </div>
  734. <div class="back">
  735. <i class="fa fa-heart" style="margin-top:15px;"><br><div style="font-size:8px; margin-top:0px; letter-spacing:2px; font-family:calibri; text-transform:uppercase;">{text:Link Four Title}</div></i>
  736. </div>
  737. </a>
  738.  
  739. </div>
  740.  
  741. </div></div></div></div>
  742.  
  743. <div id="posts">
  744. {block:Posts}
  745. <div id="entry">
  746.  
  747. {block:Text}
  748. {block:indexpage}
  749. <div class="permalinktext">
  750. <div class="permac">
  751. <i class="fa fa-ellipsis-h"></i><br>
  752. <a href="{permalink}" {block:date} title="posted {timeago} with {notecount} notes"{/block:date} target="_blank"><i class="fa fa-clock-o" style="color:white;"></i><br>
  753. <a href="{Like}"><div style="margin-left:-2px; margin-top:5px">{LikeButton color="white" size="15"}</div></a>
  754. <a href="{reblogURL}" target="_blank"><div style="margin-left:2px; margin-top:4px;">{ReblogButton color="white" size="15"}</div></a>
  755. <a href="{permalink}" target="_blank" title="go to the permalink page"><div style="margin-top:1px; margin-left:2px; color:white;"><i class="fa fa-long-arrow-right"></div></i></a>
  756. </div></div>
  757. {/block:indexpage}
  758. {block:Title}<span class="title">{Title}</span>{/block:Title}
  759. <span class="entrytext">{Body}</span></a>
  760. {/block:Text}
  761.  
  762. {block:Link}
  763. {block:indexpage}
  764. <div class="permalinktext">
  765. <div class="permac">
  766. <i class="fa fa-ellipsis-h"></i><br>
  767. <a href="{permalink}" {block:date} title="posted {timeago} with {notecount} notes"{/block:date} target="_blank"><i class="fa fa-clock-o" style="color:white;"></i><br>
  768. <a href="{Like}"><div style="margin-left:-2px; margin-top:5px">{LikeButton color="white" size="15"}</div></a>
  769. <a href="{reblogURL}" target="_blank"><div style="margin-left:2px; margin-top:4px;">{ReblogButton color="white" size="15"}</div></a>
  770. <a href="{permalink}" target="_blank" title="go to the permalink page"><div style="margin-top:1px; margin-left:2px; color:white;"><i class="fa fa-long-arrow-right"></div></i></a>
  771. </div></div>
  772. {/block:indexpage}
  773. <a href="{URL}" class="title"><i class="fa fa-external-link"></i> {Name}</a>
  774. {block:Description}{Description}{/block:Description}
  775. {block:Link}
  776.  
  777. {block:Photo}
  778. {block:IndexPage}
  779. <div class="fade"></div>
  780. <div class="perma">
  781. <div class="permac">
  782. <i class="fa fa-ellipsis-h"></i><br>
  783. <a href="{permalink}" {block:date} title="posted {timeago} with {notecount} notes"{/block:date} target="_blank"><i class="fa fa-clock-o" style="color:white;"></i><br>
  784. <a href="{Like}"><div style="margin-left:-2px; margin-top:5px">{LikeButton color="white" size="15"}</div></a>
  785. <a href="{reblogURL}" target="_blank"><div style="margin-left:2px; margin-top:4px;">{ReblogButton color="white" size="15"}</div></a>
  786. <a href="{permalink}" target="_blank" title="go to the permalink page"><div style="margin-top:1px; margin-left:2px; color:white;"><i class="fa fa-long-arrow-right"></div></i></a>
  787. </div></div>
  788.  
  789. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width=250px;>
  790. {/block:IndexPage}
  791. {block:permalinkpage}{LinkOpenTag}<center>
  792. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width=400px;>
  793. {LinkCloseTag}</center>{/block:permalinkpage}
  794. {/block:Photo}
  795.  
  796. {block:Quote}
  797. {block:indexpage}
  798. <div class="permalinktext">
  799. <div class="permac">
  800. <i class="fa fa-ellipsis-h"></i><br>
  801. <a href="{permalink}" {block:date} title="posted {timeago} with {notecount} notes"{/block:date} target="_blank"><i class="fa fa-clock-o" style="color:white;"></i><br>
  802. <a href="{Like}"><div style="margin-left:-2px; margin-top:5px">{LikeButton color="white" size="15"}</div></a>
  803. <a href="{reblogURL}" target="_blank"><div style="margin-left:2px; margin-top:4px;">{ReblogButton color="white" size="15"}</div></a>
  804. <a href="{permalink}" target="_blank" title="go to the permalink page"><div style="margin-top:1px; margin-left:2px; color:white;"><i class="fa fa-long-arrow-right"></div></i></a>
  805. </div></div>
  806. {/block:indexpage}
  807. <div class="quote"><font style="font-size: 20px; line-height:25px; font-family: 'Lato', sans-serif;">❝ {quote} ❞</font></div>
  808. {/block:Quote}
  809.  
  810. {block:Chat}
  811. {block:indexpage}
  812. <div class="permalinktext">
  813. <div class="permac">
  814. <i class="fa fa-ellipsis-h"></i><br>
  815. <a href="{permalink}" {block:date} title="posted {timeago} with {notecount} notes"{/block:date} target="_blank"><i class="fa fa-clock-o" style="color:white;"></i><br>
  816. <a href="{Like}"><div style="margin-left:-2px; margin-top:5px">{LikeButton color="white" size="15"}</div></a>
  817. <a href="{reblogURL}" target="_blank"><div style="margin-left:2px; margin-top:4px;">{ReblogButton color="white" size="15"}</div></a>
  818. <a href="{permalink}" target="_blank" title="go to the permalink page"><div style="margin-top:1px; margin-left:2px; color:white;"><i class="fa fa-long-arrow-right"></div></i></a>
  819. </div></div>
  820. {/block:indexpage}
  821. {block:Title}<span class="title">{Title}</span>{/block:Title}
  822. <ul class="chat">
  823. {block:Lines}
  824. <li class="user_{UserNumber}">
  825. {block:Label}
  826. <span class="label">{Label}</span>
  827. {/block:Label}
  828.  
  829. {Line}<br>
  830. {/block:Lines}
  831. {/block:Chat}
  832.  
  833. {block:Audio}
  834. {block:indexpage}
  835. <div class="permalinktext">
  836. <div class="permac">
  837. <i class="fa fa-ellipsis-h"></i><br>
  838. <a href="{permalink}" {block:date} title="posted {timeago} with {notecount} notes"{/block:date} target="_blank"><i class="fa fa-clock-o" style="color:white;"></i><br>
  839. <a href="{Like}"><div style="margin-left:-2px; margin-top:5px">{LikeButton color="white" size="15"}</div></a>
  840. <a href="{reblogURL}" target="_blank"><div style="margin-left:2px; margin-top:4px;">{ReblogButton color="white" size="15"}</div></a>
  841. <a href="{permalink}" target="_blank" title="go to the permalink page"><div style="margin-top:1px; margin-left:2px; color:white;"><i class="fa fa-long-arrow-right"></div></i></a>
  842. </div></div>
  843. {/block:indexpage}
  844. <div id="audio"><div class="cover"><img src="http://static.tumblr.com/k9utpfa/tcom8wpif/default_cover_m.jpg"></div>{block:AlbumArt}<div class="cover"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}<div class="playbox">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div><div class="info"><br><span{block:TrackName} style="display:none;"{/block:TrackName}><b>Unknown</b></span>{block:TrackName}<font style="font-family: 'Lato', sans-serif; font-size:20px; margin-top:5px;">{TrackName}</font>{/block:TrackName}<br><span{block:Artist} style="display:none; letter-spacing:2px"{/block:Artist}>Unknown</span>{block:Artist}<font style="letter-spacing:2px; font-weight:normal">{Artist}</font>{/block:Artist}</div></div>
  845. {/block:Audio}
  846.  
  847. {block:photoset}
  848. {block:indexpage}
  849. <div class="permalinktext">
  850. <div class="permac">
  851. <i class="fa fa-ellipsis-h"></i><br>
  852. <a href="{permalink}" {block:date} title="posted {timeago} with {notecount} notes"{/block:date} target="_blank"><i class="fa fa-clock-o" style="color:white;"></i><br>
  853. <a href="{Like}"><div style="margin-left:-2px; margin-top:5px">{LikeButton color="white" size="15"}</div></a>
  854. <a href="{reblogURL}" target="_blank"><div style="margin-left:2px; margin-top:4px;">{ReblogButton color="white" size="15"}</div></a>
  855. <a href="{permalink}" target="_blank" title="go to the permalink page"><div style="margin-top:1px; margin-left:2px; color:white;"><i class="fa fa-long-arrow-right"></div></i></a>
  856. </div></div>
  857. {photoset-250}
  858. {/block:indexpage}
  859. {block:permalinkpage}
  860. {photoset-400}
  861. {/block:permalinkpage}
  862. {/block:photoset}
  863.  
  864. {block:Video}
  865. {block:IndexPage}
  866. <div class="permalinktext">
  867. <div class="permac">
  868. <i class="fa fa-ellipsis-h"></i><br>
  869. <a href="{permalink}" {block:date} title="posted {timeago} with {notecount} notes"{/block:date} target="_blank"><i class="fa fa-clock-o" style="color:white;"></i><br>
  870. <a href="{Like}"><div style="margin-left:-2px; margin-top:5px">{LikeButton color="white" size="15"}</div></a>
  871. <a href="{reblogURL}" target="_blank"><div style="margin-left:2px; margin-top:4px;">{ReblogButton color="white" size="15"}</div></a>
  872. <a href="{permalink}" target="_blank" title="go to the permalink page"><div style="margin-top:1px; margin-left:2px; color:white;"><i class="fa fa-long-arrow-right"></div></i></a>
  873. </div></div>
  874. <div style="width:250px; overflow-x:hidden; overflow-y:hidden">{Video-250}</div>{/block:IndexPage}
  875. {block:PermalinkPage}<div style="width: 400px; overflow-x:hidden; overflow-y:hidden"></div>{Video-500}{/block:PermalinkPage}
  876. {block:Video}
  877.  
  878. {block:Answer}
  879. {block:IndexPage}
  880. <div class="permalinktext">
  881. <div class="permac">
  882. <i class="fa fa-ellipsis-h"></i><br>
  883. <a href="{permalink}" {block:date} title="posted {timeago} with {notecount} notes"{/block:date} target="_blank"><i class="fa fa-clock-o" style="color:white;"></i><br>
  884. <a href="{Like}"><div style="margin-left:-2px; margin-top:5px">{LikeButton color="white" size="15"}</div></a>
  885. <a href="{reblogURL}" target="_blank"><div style="margin-left:2px; margin-top:4px;">{ReblogButton color="white" size="15"}</div></a>
  886. <a href="{permalink}" target="_blank" title="go to the permalink page"><div style="margin-top:1px; margin-left:2px; color:white;"><i class="fa fa-long-arrow-right"></div></i></a>
  887. </div></div>
  888. {/block:IndexPage}
  889. <askk><div style="font-family: 'Lato', sans-serif; letter-spacing:2px; font-size:20px; text-align:left; margin-left:0px;">{Asker}</askk></div><br>
  890. <div style="margin-left:-5px; margin-top:-10px;">
  891. <img src="{AskerPortraitURL-64}" width="64" align="right" style="margin-top:0px; outline:0px solid transparent;"><br></div>
  892. <div style="margin-top:-13px; margin-left:0px; border-radius:0px; padding:7px; background:{color:ask}; text-align:justify; text-transform:uppercase; font-family:calibri; font-size:8px; color:white; min-height:50px; letter-spacing:2px; width:172px;">
  893. {Question}</div><br>
  894. <div style="margin-left:0px; margin-top:0px;">
  895. <img src="{PortraitURL-64}" width="64" align="left" style="margin-top:0px; outline:0px solid transparent;"></div>
  896. <div style="margin-top:0px; margin-left:64px; text-transform:uppercase; font-family:calibri; font-size:8px; color:{color:text}; letter-spacing:2px; background:#f5f5f5; text-align:justify; padding:5px; width:176px;">{Answer}</div>
  897. {/block:Answer}
  898.  
  899. {block:PermalinkPage}
  900. {block:caption}<div style="font-family:calibri; font-size:8px; text-transform:uppercase; letter-spacing:2px;">{caption}</div>{/block:caption}
  901. <div id="permapage">
  902. {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>
  903. {block:NoteCount}<b><i class="fa fa-share-alt"></i> Notes:</b> {NoteCount}<br></div>{/block:NoteCount}
  904. {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}
  905. {block:HasTags}<div id="tags"><b><i class="fa fa-tags"></i> tags:</b>
  906. {block:Tags}
  907. <a href="{TagURL}">#{Tag} </a>
  908. {/block:Tags}
  909. </div>
  910. {/block:HasTags}
  911. {block:NoteCount} <div style="text-align:center; margin:5px"></div>{/block:NoteCount}</justify>
  912. {block:PostNotes}
  913. <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>
  914. {/block:PostNotes}
  915. </div>
  916. {/block:PermalinkPage}
  917.  
  918. </div>{/block:Posts}
  919. </div></div></div>{/block:NextPage}{/block:Pagination}
  920.  
  921. {block:indexpage}
  922. {block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}
  923. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  924. <script type="text/javascript" src="http://static.tumblr.com/bswe8t6/UFVlryaq2/jquerymsnryv2.js"></script>
  925. <script type="text/javascript">
  926. $(window).load(function(){
  927. var $wall = $('#posts');
  928. $wall.imagesLoaded(function(){
  929. $wall.masonry({
  930. itemSelector: '#entry, #entry_photo',
  931. isAnimated : false
  932. });
  933. });
  934.  
  935. $wall.infinitescroll({
  936. navSelector : '#page-nav',
  937. nextSelector : '#page-nav a',
  938. itemSelector : '#entry, #entry_photo',
  939. bufferPx : 2000,
  940. debug : false,
  941. errorCallback: function() {
  942. $('#infscr-loading').fadeOut('normal');
  943. }},
  944. function( newElements ) {
  945. var $newElems = $( newElements );
  946. $newElems.hide();
  947. $newElems.imagesLoaded(function(){
  948. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  949. });
  950. }); $('#content').show(500);
  951. });
  952. </script>
  953. {/block:indexpage}
  954.  
  955. <script type="text/javascript">
  956. $(document).ready(function() {
  957. $('.dc-morph-btns li').on('click', function() {
  958. $('.dc-morph-btns li').removeClass("selected");
  959. $(this).toggleClass("selected");
  960. });
  961.  
  962. });
  963. </script>
  964.  
  965. </body>
  966.  
  967. <div style="z-index:9999; position:fixed; font-size:30px; bottom:20px; right:10px; opacity:1"><a href="http://seedfawn.tumblr.com" title="Theme by seedfawn"><i class="fa fa-code" style="color:{color:border}"></i></a></div>
  968. </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!