SHARE
TWEET

Untitled

a guest Jan 25th, 2020 106 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html PUBLIC>
  2.  
  3. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  4.  
  5. <html>
  6.  
  7. <head>
  8.  
  9. <title>{Title}</title>
  10.  
  11. <link rel="shortcut icon" href="{Favicon}">
  12.  
  13. <!-- Fly High by Franchesca (extasisthemes) -->
  14.  
  15. <!-- Metadata -->
  16.  
  17. <meta name="color:Asker Background" content="#f0f0f0"/>
  18. <meta name="color:Background" content="#ffffff"/>
  19. <meta name="color:Border" content="#eeeeee"/>
  20. <meta name="color:Link" content="#000000"/>
  21. <meta name="color:Link Hover" content="#cfcfcf"/>
  22. <meta name="color:Like" content="#ec6363"/>
  23. <meta name="color:Main Color" content="#bb8899"/>
  24. <meta name="color:Post Background" content="#ffffff"/>
  25. <meta name="color:Question Background" content="#f5f5f5"/>
  26. <meta name="color:Quote Icon Color" content="#ffffff"/>
  27. <meta name="color:Scrollbar" content="#000000"/>
  28. <meta name="color:Text" content="#555555"/>
  29. <meta name="color:Tooltip Background" content="#ffffff"/>
  30.  
  31. <meta name="image:Sidebar Image" content="https://i.imgur.com/Nbr7tvE.png"/>
  32.  
  33. <meta name="text:Title" content="Fly High"/>
  34. <meta name="text:Subtitle" content="Draw Yourself Out The Way You Dreamed It"/>
  35.  
  36. <meta name="text:Link 1 URL" content="/"/>
  37. <meta name="text:Link 1 Name" content="Link One"/>
  38. <meta name="text:Link 2 URL" content="/"/>
  39. <meta name="text:Link 2 Name" content="Link Two"/>
  40. <meta name="text:Link 3 URL" content="/"/>
  41. <meta name="text:Link 3 Name" content="Link Three"/>
  42.  
  43. <meta name="if:Submit Link" content="1"/>
  44.  
  45. <meta name="if:400px Text Post" content="1"/>
  46. <meta name="if:500px Text Post" content="0"/>
  47.  
  48. <meta name="if:Hide Tags" content="0"/>
  49. <meta name="if:Show Tags" content="1"/>
  50.  
  51. <!-- Google Fonts Script -->
  52.  
  53. <link href="https://fonts.googleapis.com/css?family=Karla:400,400i,700,700i&display=swap" rel="stylesheet">
  54.  
  55. <!-- Styled Tooltips Script -->
  56.  
  57. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  58.  
  59. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  60.  
  61. <script>
  62. (function($){
  63. $(document).ready(function(){
  64. $("a[title]").style_my_tooltips({
  65. tip_follows_cursor:true,
  66. tip_delay_time:90,
  67. tip_fade_speed:600,
  68. attribute:"title"
  69. });
  70. });
  71. })(jQuery);
  72. </script>
  73.  
  74. <!-- Font Awesome Script -->
  75.  
  76. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">
  77.  
  78. <!-- Responsive Tumblr Videos Script -->
  79.  
  80. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  81.  
  82. <script src="https://rawgit.com/robinpx/tumblr/master/scripts/flexibleFrames/flexibleFrames.min.js"></script>
  83.  
  84. <script>
  85. $(document).ready(function() {
  86. flexibleFrames($(".video"));  
  87. });
  88. </script>
  89.  
  90. <!-- Unnest Captions Script -->
  91.  
  92. <script src="//code.jquery.com/jquery-2.2.4.min.js"></script>
  93.  
  94. <script src="https://static.tumblr.com/wgg6svp/OoTofxa0c/unnest.min.js"></script>
  95.  
  96. <script>
  97. $(function(){  $('.entries').unnest({
  98. yourCaption: ".text, .caption",
  99. wrapName: ".tumblr_parent",
  100. newCaptionUsername: false,
  101. originalPostCaptionUsername: false,
  102. tumblrAvatars: true,
  103. tumblrAvatarClass: ".tumblr_avatar",
  104. usernameColon: false
  105. });
  106. });
  107. </script>
  108.  
  109. <!-- Inline Images Resizing Script -->
  110.  
  111. <script>
  112. $(".tmblr-full, figure").each(function(){
  113. var imgWidth = $(this).attr("data-orig-width"),
  114. img = $(this).find("img"),
  115. imgSrc = img.attr("src");
  116. $('figure').css({'margin-left':'0','margin-right':'0','display':'inline-block'});
  117. if (imgWidth >= 500){
  118. img.attr("src",imgSrc.replace("_500.","_1280."));
  119. $('.tmblr-full img, figure img').css({'width':'auto','height':'auto','vertical-align':'middle'});
  120. }
  121. });  
  122. </script>
  123.  
  124. <!-- Hide & Show Script -->
  125.  
  126. <script>
  127. $(document).ready(function(){
  128. $(".tags").hide();
  129. $(".tags-title").click(function(){
  130. $(this).next(".tags").slideToggle('fast');
  131. });
  132. });
  133. </script>
  134.  
  135. <style type="text/css">
  136.  
  137. .tmblr-iframe--app-cta-button {
  138. display: none!important;
  139. }
  140.  
  141. ::-webkit-scrollbar-thumb:vertical {
  142. background: {color:Scrollbar};
  143. }
  144.  
  145. ::-webkit-scrollbar {
  146. width: 3px;
  147. }
  148.  
  149. #s-m-t-tooltip {
  150. background: {color:Tooltip Background};
  151. border: 1px solid {color:Border};
  152. font-size: 0.9rem;
  153. margin-top: 30px;
  154. padding: 5px;
  155. text-align: center;
  156. text-transform: uppercase;
  157. z-index: 999999999999999999999999999999999999;
  158. }
  159.  
  160. body {
  161. background: {color:Background};
  162. color: {color:Text};
  163. cursor: url(https://i.imgur.com/lhPqll6.png), progress;
  164. font-family: 'Karla', sans-serif;
  165. font-size: 1rem;
  166. font-style: normal;
  167. font-weight: 400;
  168. letter-spacing: 1px;
  169. margin: 0px;
  170. text-align: justify;
  171. text-transform: none;
  172. word-break: break-word;
  173. }
  174.  
  175. b {
  176. font-weight: 700;
  177. }
  178.  
  179. a {
  180. color: {color:Link};
  181. text-decoration:  none;
  182. -webkit-transition: all 0.5s ease;
  183. -moz-transition: all 0.5s ease;
  184. -o-transition: all 0.5s ease;
  185. }
  186.  
  187. a:hover {
  188. color: {color:Link Hover};
  189. }
  190.  
  191. h1 {
  192. font-size: 1.2rem;
  193. font-weight: 700;
  194. line-height: 100%;
  195. text-align: left;
  196. }
  197.  
  198. blockquote {
  199. border-left: 1px solid {color:Border};
  200. margin: 5px;
  201. padding-left: 5px;
  202. }
  203.  
  204. blockquote img {
  205. height: auto;
  206. max-width: 100%;
  207. }
  208.  
  209. blockquote blockquote {
  210. border-left: 1px solid {color:Border};
  211. padding-left: 5px;
  212. }
  213.  
  214. #bottom {
  215. background: {color:Post Background};
  216. border-top: 1px solid {color:Border};
  217. bottom: 0px;
  218. position: fixed;
  219. width: 100%;
  220. z-index: 1;
  221. }
  222.  
  223. .pagination-left {
  224. background: {color:Main Color};
  225. border-right: 1px solid {color:Border};
  226. left: 0px;
  227. padding: 19px;
  228. position: absolute;
  229. }
  230.  
  231. .pagination-right {
  232. background: {color:Main Color};
  233. border-left: 1px solid {color:Border};
  234. padding: 19px;
  235. position: absolute;
  236. right: 0px;
  237. }
  238.  
  239. .pagination-left a, .pagination-right a {
  240. color: {color:Post Background};
  241. }
  242.  
  243. .pagination-left a:hover, .pagination-right a:hover {
  244. color: {color:Link Hover};
  245. }
  246.  
  247. .title {
  248. font-size: 0.9rem;
  249. font-weight: 700;
  250. margin-left: 46.7px;
  251. padding-bottom: 20px;
  252. padding-top: 20px;
  253. position: relative;
  254. text-align: center;
  255. text-transform: uppercase;
  256. width: calc(100% - 93.4px);
  257. }
  258.  
  259. .subtitle {
  260. display: inline-block;
  261. font-weight: 400;
  262. margin-left: 10px;
  263. text-align: left;
  264. }
  265.  
  266. #user-information {
  267. background: {color:Post Background};
  268. border-right: 1px solid {color:Border};
  269. height: calc(100% - 57px);
  270. position: fixed;
  271. top: 0px;
  272. width: 250px;
  273. }
  274.  
  275. .link-title {
  276. background: {color:Asker Background};
  277. border-radius: 100px;
  278. color: {color:Link};
  279. font-size: 0.9rem;
  280. margin-left: 42px;
  281. margin-top: -32px;
  282. opacity: 0;
  283. padding: 7.5px;
  284. position: absolute;
  285. text-align: center;
  286. text-transform: uppercase;
  287. width: 100px;
  288. z-index: 1;
  289. -webkit-transition: all 0.5s ease;
  290. -moz-transition: all 0.5s ease;
  291. -o-transition: all 0.5s ease;
  292. }
  293.  
  294. .main-links {
  295. margin-left: 20px;
  296. margin-top: 20px;
  297. width: 32.8px;
  298. }
  299.  
  300. .main-links a {
  301. display: block;
  302. margin-bottom: 10px;
  303. }
  304.  
  305. .main-links a:hover .link-title {
  306. color: {color:Link Hover};
  307. opacity: 1;
  308. z-index: 999999999999999999999999999999999999;
  309. }
  310.  
  311. .description {
  312. font-size: 0.9rem;
  313. margin-left: 20px;
  314. margin-top: 30px;
  315. text-align: left;
  316. text-transform: uppercase;
  317. width: 210px;
  318. }
  319.  
  320. .links {
  321. font-size: 0.9rem;
  322. margin-left: 20px;
  323. margin-top: 20px;
  324. text-align: left;
  325. text-transform: uppercase;
  326. width: 210px;
  327. }
  328.  
  329. .links a {
  330. display: inline-block;
  331. margin-right: 5px;
  332. }
  333.  
  334. #sidebar-image {
  335. background-image: url("{image:Sidebar Image}");
  336. background-position: center;
  337. background-repeat: no-repeat;
  338. background-size: cover;
  339. height: calc(100% - 57px);
  340. margin-left: 251px;
  341. position: fixed;
  342. top: 0px;
  343. width: 220px;
  344. }
  345.  
  346. #container {
  347. margin-bottom: 157px;
  348. margin-left: 471px;
  349. margin-top: 100px;
  350. width: calc(100% - 471px);
  351. }
  352.  
  353. #posts {
  354. margin-left: auto;
  355. margin-right: auto;
  356. {block:if400pxTextPost}
  357. width: 442px;
  358. {/block:if400pxTextPost}
  359. {block:if500pxTextPost}
  360. width: 542px;
  361. {/block:if500pxTextPost}
  362. }
  363.  
  364. .entries {
  365. background: {color:Post Background};
  366. border: 1px solid {color:Border};
  367. margin-bottom: 50px;
  368. padding: 20px;
  369. {block:if400pxTextPost}
  370. width: 400px;
  371. {/block:if400pxTextPost}
  372. {block:if500pxTextPost}
  373. width: 500px;
  374. {/block:if500pxTextPost}
  375. }
  376.  
  377. .entries img {
  378. height: auto;
  379. {block:if400pxTextPost}
  380. width: 400px;
  381. {/block:if400pxTextPost}
  382. {block:if500pxTextPost}
  383. width: 500px;
  384. {/block:if500pxTextPost}
  385. }
  386.  
  387. .vignette, #vignette {
  388. opacity: 0;
  389. }
  390.  
  391. .lightbox-image, #tumblr_lightbox img {
  392. border-radius: 0!important;
  393. box-shadow: none!important;
  394. max-width: none;
  395. }
  396.  
  397. .tmblr-lightbox, #tumblr_lightbox {
  398. background-attachment: fixed;
  399. background-image: url('https://i.imgur.com/7wF2zbK.png');
  400. background-repeat: repeat;
  401. }
  402.  
  403. .lightbox-caption, #tumblr_lightbox_caption {
  404. visibility: hidden;
  405. }
  406.  
  407. .text p {
  408. margin-top: 0px;
  409. }
  410.  
  411. .caption {
  412. margin-top: 20px;
  413. }
  414.  
  415. .caption p {
  416. margin-top: 0px;
  417. }
  418.  
  419. blockquote.tumblr_parent {
  420. border: none;
  421. border-bottom: 1px solid {color:Border};
  422. margin: 0px;
  423. margin-bottom: 20px;
  424. padding: 0px;
  425. }
  426.  
  427. blockquote.tumblr_parent:last-child {
  428. border-bottom: 0px;
  429. }
  430.  
  431. blockquote.user-reblog {
  432. border: none;
  433. margin: 0px;
  434. padding: 0px;
  435. }
  436.  
  437. .tumblr_avatar {
  438. height: 30px;
  439. margin-bottom: 20px;
  440. width: 30px;
  441. }
  442.  
  443. img.tumblr_avatar {
  444. border-radius: 100px;
  445. display: inline-block;
  446. height: 30px!important;
  447. margin-right: 10px;
  448. vertical-align: middle;
  449. width: 30px!important;
  450. }
  451.  
  452. img.user-image {
  453. border-radius: 100px;
  454. display: inline-block;
  455. height: 30px!important;
  456. margin-right: 10px;
  457. vertical-align: middle;
  458. width: 30px!important;
  459. }
  460.  
  461. a.tumblr_blog {
  462. font-size: 0.9rem;
  463. margin-top: 7.8px;
  464. display: inline-block;
  465. position: absolute;
  466. text-transform: uppercase;
  467. }
  468.  
  469. .ask-wrapper {
  470. width: 100%;
  471. }
  472.  
  473. .asker {
  474. background: {color:Asker Background};
  475. padding: 20px;
  476. }
  477.  
  478. .asker-url {
  479. font-size: 0.9rem;
  480. text-align: left;
  481. text-transform: uppercase;
  482. }
  483.  
  484. .asker-url a {
  485. background: none;
  486. padding: 0px;
  487. }
  488.  
  489. .question {
  490. background: {color:Question Background};
  491. padding: 20px;
  492. }
  493.  
  494. .quote {
  495. background: {color:Question Background};
  496. font-size: 0.9rem;
  497. padding: 10px;
  498. text-align: left;
  499. text-transform: uppercase;
  500. }
  501.  
  502. .quote-icon {
  503. background: {color:Main Color};
  504. display: inline-block;
  505. color: {color:Quote Icon Color};
  506. margin: -10px;
  507. padding: 10px;
  508. }
  509.  
  510. .quote-wrapper {
  511. margin-top: 20px;
  512. width: 100%;
  513. }
  514.  
  515. .website {
  516. background: {color:Main Color};
  517. color: {color:Quote Icon Color};
  518. font-size: 0.9rem;
  519. padding: 10px;
  520. text-align: left;
  521. text-transform: uppercase;
  522. }
  523.  
  524. .website a {
  525. color: {color:Quote Icon Color};
  526. }
  527.  
  528. .website a:hover {
  529. color: {color:Link Hover};
  530. }
  531.  
  532. .chat {
  533. font-size: 0.9rem;
  534. text-align: left;
  535. text-transform: uppercase;
  536. }
  537.  
  538. .chat li {
  539. list-style-type: none;
  540. }
  541.  
  542. .chat li:nth-child(odd) {
  543. background: {color:Main Color};
  544. color: {color:Quote Icon Color};
  545. padding: 10px;
  546. }
  547.  
  548. .chat li:nth-child(even) {
  549. background: {color:Question Background};
  550. color: {color:Main Color};
  551. padding: 10px;
  552. }
  553.  
  554. .audio iframe {
  555. height: 85px;
  556. {block:if400pxTextPost}
  557. width: 400px;
  558. {/block:if400pxTextPost}
  559. {block:if500pxTextPost}
  560. width: 500px;
  561. {/block:if500pxTextPost}
  562. }
  563.  
  564. .entries-information {
  565. border-top: 1px solid {color:Border};
  566. font-size: 0.9rem;
  567. margin-top: 20px;
  568. padding-top: 20px;
  569. text-align: left;
  570. text-transform: uppercase;
  571. }
  572.  
  573. .border {
  574. background: {color:Main Color};
  575. height: 3px;
  576. margin-top: -22px;
  577. position: absolute;
  578. width: 30px;
  579. }
  580.  
  581. .like-b {
  582. display:inline-block;
  583. margin-right: 0px;
  584. position: relative;
  585. }
  586.  
  587. .like-b .like_button iframe {
  588. bottom: 0px;
  589. left: 0px;
  590. opacity: 0;
  591. position: absolute;
  592. right: 0px;
  593. top: 0px;
  594. }
  595.  
  596. .like-b .liked + .b {
  597. color: {color:Like};
  598. }
  599.  
  600. .like-b .liked + .b:after {
  601. content: 'd';
  602. }
  603.  
  604. .tags-title a {
  605. color: {color:Link};
  606. margin-top: 20px;
  607. margin-left: auto;
  608. margin-right: auto;
  609. margin-top: 20px;
  610. text-align: center;
  611. width: 70px;
  612. -webkit-transition: all 0.5s ease;
  613. -moz-transition: all 0.5s ease;
  614. -o-transition: all 0.5s ease;
  615. }
  616.  
  617. .tags-title:hover {
  618. color: {color:Link Hover};
  619. }
  620.  
  621. .tags {
  622. margin-top: 5px;
  623. }
  624.  
  625. .tags-alternate {
  626. margin-top: 5px;
  627. }
  628.  
  629. .notes li {
  630. list-style-type: none;
  631. margin-left: -40px;
  632. }
  633.  
  634. .notes img {
  635. display: none;
  636. }
  637.  
  638. {CustomCSS}
  639.    
  640. </style>
  641.    
  642. </head>
  643.  
  644. <script type="text/javascript">
  645. // <![CDATA[
  646. var colour="#00baff";
  647. var sparkles=120;
  648.  
  649. /****************************
  650. *  Tinkerbell Magic Sparkle *
  651. * (c) 2005 mf2fm web-design *
  652. *  http://www.mf2fm.com/rv  *
  653. * DON'T EDIT BELOW THIS BOX *
  654. ****************************/
  655. var x=ox=400;
  656. var y=oy=300;
  657. var swide=800;
  658. var shigh=600;
  659. var sleft=sdown=0;
  660. var tiny=new Array();
  661. var star=new Array();
  662. var starv=new Array();
  663. var starx=new Array();
  664. var stary=new Array();
  665. var tinyx=new Array();
  666. var tinyy=new Array();
  667. var tinyv=new Array();
  668.  
  669. window.onload=function() { if (document.getElementById) {
  670.   var i, rats, rlef, rdow;
  671.   for (var i=0; i<sparkles; i++) {
  672.     var rats=createDiv(3, 3);
  673.     rats.style.visibility="hidden";
  674.     document.body.appendChild(tiny[i]=rats);
  675.     starv[i]=0;
  676.     tinyv[i]=0;
  677.     var rats=createDiv(5, 5);
  678.     rats.style.backgroundColor="transparent";
  679.     rats.style.visibility="hidden";
  680.     var rlef=createDiv(1, 5);
  681.     var rdow=createDiv(5, 1);
  682.     rats.appendChild(rlef);
  683.     rats.appendChild(rdow);
  684.     rlef.style.top="2px";
  685.     rlef.style.left="0px";
  686.     rdow.style.top="0px";
  687.     rdow.style.left="2px";
  688.     document.body.appendChild(star[i]=rats);
  689.   }
  690.   set_width();
  691.   sparkle();
  692. }}
  693.  
  694. function sparkle() {
  695.   var c;
  696.   if (x!=ox || y!=oy) {
  697.     ox=x;
  698.     oy=y;
  699.     for (c=0; c<sparkles; c++) if (!starv[c]) {
  700.       star[c].style.left=(starx[c]=x)+"px";
  701.       star[c].style.top=(stary[c]=y)+"px";
  702.       star[c].style.clip="rect(0px, 5px, 5px, 0px)";
  703.       star[c].style.visibility="visible";
  704.       starv[c]=50;
  705.       break;
  706.     }
  707.   }
  708.   for (c=0; c<sparkles; c++) {
  709.     if (starv[c]) update_star(c);
  710.     if (tinyv[c]) update_tiny(c);
  711.   }
  712.   setTimeout("sparkle()", 40);
  713. }
  714.  
  715. function update_star(i) {
  716.   if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
  717.   if (starv[i]) {
  718.     stary[i]+=1+Math.random()*3;
  719.     if (stary[i]<shigh+sdown) {
  720.       star[i].style.top=stary[i]+"px";
  721.       starx[i]+=(i%5-2)/5;
  722.       star[i].style.left=starx[i]+"px";
  723.     }
  724.     else {
  725.       star[i].style.visibility="hidden";
  726.       starv[i]=0;
  727.       return;
  728.     }
  729.   }
  730.   else {
  731.     tinyv[i]=50;
  732.     tiny[i].style.top=(tinyy[i]=stary[i])+"px";
  733.     tiny[i].style.left=(tinyx[i]=starx[i])+"px";
  734.     tiny[i].style.width="2px";
  735.     tiny[i].style.height="2px";
  736.     star[i].style.visibility="hidden";
  737.     tiny[i].style.visibility="visible"
  738.   }
  739. }
  740.  
  741. function update_tiny(i) {
  742.   if (--tinyv[i]==25) {
  743.     tiny[i].style.width="1px";
  744.     tiny[i].style.height="1px";
  745.   }
  746.   if (tinyv[i]) {
  747.     tinyy[i]+=1+Math.random()*3;
  748.     if (tinyy[i]<shigh+sdown) {
  749.       tiny[i].style.top=tinyy[i]+"px";
  750.       tinyx[i]+=(i%5-2)/5;
  751.       tiny[i].style.left=tinyx[i]+"px";
  752.     }
  753.     else {
  754.       tiny[i].style.visibility="hidden";
  755.       tinyv[i]=0;
  756.       return;
  757.     }
  758.   }
  759.   else tiny[i].style.visibility="hidden";
  760. }
  761.  
  762. document.onmousemove=mouse;
  763. function mouse(e) {
  764.   set_scroll();
  765.   y=(e)?e.pageY:event.y+sdown;
  766.   x=(e)?e.pageX:event.x+sleft;
  767. }
  768.  
  769. function set_scroll() {
  770.   if (typeof(self.pageYOffset)=="number") {
  771.     sdown=self.pageYOffset;
  772.     sleft=self.pageXOffset;
  773.   }
  774.   else if (document.body.scrollTop || document.body.scrollLeft) {
  775.     sdown=document.body.scrollTop;
  776.     sleft=document.body.scrollLeft;
  777.   }
  778.   else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
  779.     sleft=document.documentElement.scrollLeft;
  780.     sdown=document.documentElement.scrollTop;
  781.   }
  782.   else {
  783.     sdown=0;
  784.     sleft=0;
  785.   }
  786. }
  787.  
  788. window.onresize=set_width;
  789. function set_width() {
  790.   if (typeof(self.innerWidth)=="number") {
  791.     swide=self.innerWidth;
  792.     shigh=self.innerHeight;
  793.   }
  794.   else if (document.documentElement && document.documentElement.clientWidth) {
  795.     swide=document.documentElement.clientWidth;
  796.     shigh=document.documentElement.clientHeight;
  797.   }
  798.   else if (document.body.clientWidth) {
  799.     swide=document.body.clientWidth;
  800.     shigh=document.body.clientHeight;
  801.   }
  802. }
  803.  
  804. function createDiv(height, width) {
  805.   var div=document.createElement("div");
  806.   div.style.position="absolute";
  807.   div.style.height=height+"px";
  808.   div.style.width=width+"px";
  809.   div.style.overflow="hidden";
  810.   div.style.backgroundColor=colour;
  811.   return (div);
  812. }
  813. // ]]>
  814. </script>
  815.  
  816.  
  817. <body>
  818.  
  819. <div id="bottom">
  820.  
  821. {block:Pagination}
  822. {block:PreviousPage}
  823. <div class="pagination-left">
  824. <a href="{PreviousPage}"><i class="fas fa-angle-left"></i></a>
  825. </div>
  826. {/block:PreviousPage}
  827. {/block:Pagination}
  828.  
  829. {block:Pagination}
  830. {block:NextPage}
  831. <div class="pagination-right">
  832. <a href="{NextPage}"><i class="fas fa-angle-right"></i></a>
  833. </div>
  834. {/block:NextPage}
  835. {/block:Pagination}
  836.  
  837. <div class="title">
  838. {text:Title}
  839. <div class="subtitle">
  840. {text:Subtitle}
  841. </div>
  842. </div>
  843.  
  844. </div>
  845.  
  846. <div id="sidebar-image"></div>
  847.  
  848. <div id="user-information">
  849.  
  850. <div class="main-links">
  851. <a href="/"><i class="far fa-arrow-alt-circle-left" style="background: {color:Main Color};border-radius: 100px;color: {color:Quote Icon Color};font-size: 0.8rem;margin-right: 10px;padding: 10px;width: 0.8rem;"></i><div class="link-title">Home</div></a>
  852. {block:AskEnabled}<a href="/ask"><i class="far fa-envelope" style="background: {color:Main Color};border-radius: 100px;color: {color:Quote Icon Color};font-size: 0.8rem;margin-right: 10px;padding: 10px;width: 0.8rem;"></i><div class="link-title">Ask</div></a>{/block:AskEnabled}
  853. {block:SubmissionsEnabled}{block:IfSubmitLink}<a href="/submit"><i class="fas fa-file-import" style="background: {color:Main Color};border-radius: 100px;color: {color:Quote Icon Color};font-size: 0.8rem;margin-right: 10px;padding: 10px;width: 0.8rem;"></i><div class="link-title">Submit</div></a>{/block:IfSubmitLink}{/block:SubmissionsEnabled}
  854. <a href="/archive"><i class="far fa-calendar-plus" style="background: {color:Main Color};border-radius: 100px;color: {color:Quote Icon Color};font-size: 0.8rem;margin-right: 10px;padding: 10px;width: 0.8rem;"></i><div class="link-title">Archive</div></a>
  855. <a href="https://extasisthemes.tumblr.com/" target="_blank"><i class="fas fa-heart" style="background: {color:Main Color};border-radius: 100px;color: {color:Quote Icon Color};font-size: 0.8rem;margin-right: 10px;padding: 10px;width: 0.8rem;"></i><div class="link-title">Theme</div></a>
  856. </div>
  857.  
  858. {block:Description}<div class="description">{Description}</div>{/block:Description}
  859.  
  860. <div class="links">
  861. {block:ifLink1URL}<a href="{text:Link 1 URL}">{text:Link 1 Name}</a>{/block:ifLink1URL}
  862. {block:ifLink2URL}<a href="{text:Link 2 URL}">{text:Link 2 Name}</a>{/block:ifLink2URL}
  863. {block:ifLink3URL}<a href="{text:Link 3 URL}">{text:Link 3 Name}</a>{/block:ifLink3URL}
  864. </div>
  865.  
  866. </div>
  867.  
  868. <div id="container">
  869.  
  870. <div id="posts">
  871.  
  872. {block:Posts}
  873.  
  874. <div class="entries" id="{PostID}">
  875.  
  876. {block:Text}
  877. {block:Title}
  878. <h1>{Title}</h1>
  879. {/block:Title}
  880. <div class="text">
  881. {Body}
  882. </div>
  883. {/block:Text}
  884.  
  885. {block:Answer}
  886. <div class="ask-wrapper">
  887. <div class="asker">
  888. <div class="asker-url">
  889. <i class="far fa-question-circle" style="margin-right: 10px;"></i>A Message From <a href="{AskerURL}">{Asker}</a>
  890. </div>
  891. </div>
  892. <div class="question">
  893. {Question}
  894. </div>
  895. </div>
  896. <div class="caption">
  897. {Answer}
  898. </div>
  899. {/block:Answer}
  900.  
  901. {block:Quote}
  902. <div class="quote">
  903. <div class="quote-icon"><i class="fas fa-quote-left"></i></div>
  904. <div class="quote-wrapper">
  905. "{Quote}</i>" {block:Source}— {Source}{/block:Source}
  906. </div>
  907. </div>
  908. {/block:Quote}
  909.  
  910. {block:Link}
  911. <div class="website"><i class="fas fa-external-link-alt" style="margin-right: 10px;"></i><a href="{URL}" target="_blank">{Name}</a></div>
  912. {block:Description}
  913. <div class="caption">
  914. {Description}
  915. </div>
  916. {/block:Description}
  917. {/block:Link}
  918.  
  919. {block:Chat}
  920. <div class="chat">
  921. {block:Title}
  922. <h1>{Title}</h1>
  923. {/block:Title}
  924. {block:Lines}
  925. <li>{block:Label}{Label}{/block:Label}
  926. {Line}
  927. </li>
  928. {/block:Lines}
  929. </div>
  930. {/block:Chat}
  931.  
  932. {block:Audio}
  933. <div class="audio">
  934. {AudioEmbed}
  935. </div>
  936. {block:Caption}
  937. <div class="caption">{Caption}</div>
  938. {/block:Caption}
  939. {/block:Audio}
  940.  
  941. {block:Photo}
  942. <a href="#" onclick="Tumblr.Lightbox.init([{ width: {PhotoWidth-HighRes}, height: {PhotoHeight-HighRes}, low_res: '{PhotoURL-500}', high_res: '{PhotoURL-HighRes}' }]); $('body').toggleClass('tumblr_lightbox_active'); return false"><img src="{PhotoURL-500}"></a>
  943. {block:Caption}
  944. <div class="caption">{Caption}</div>
  945. {/block:Caption}
  946. {/block:Photo}
  947.  
  948. {block:Photoset}
  949. <a href="#" onclick="Tumblr.Lightbox.init([/*{block:Photos}, /**/ { width: {PhotoWidth-HighRes}, height: {PhotoHeight-HighRes}, low_res: '{PhotoURL-500}', high_res: '{PhotoURL-HighRes}' }{/block:Photos}]); $('body').toggleClass('tumblr_lightbox_active'); return false">{Photoset}</a>
  950. {block:Caption}
  951. <div class="caption">{Caption}</div>
  952. {/block:Caption}
  953. {/block:Photoset}
  954.  
  955. {block:Video}
  956. <div class="video">
  957. {Video-500}
  958. </div>
  959. {block:Caption}
  960. <div class="caption">{Caption}</div>
  961. {/block:Caption}
  962. {/block:Video}
  963.  
  964. {block:Date}
  965. <div class="entries-information">
  966. <div class="border"></div>
  967. {block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>
  968. <font style="color: {color:Main Color};margin-right: 5px;">•</font>{/block:NoteCount}
  969. <a href="{Permalink}">{DayOfMonth} {ShortMonth} {Year}</a>
  970. <font style="color: {color:Main Color};margin-left: 5px;margin-right: 5px;">•</font>
  971. {block:RebloggedFrom} <a href="{ReblogParentURL}">Via</a> / {/block:RebloggedFrom}  
  972. {block:ContentSource} <a href="{SourceURL}">Source</a> / {/block:ContentSource}
  973. <a class="like-b" href="#">{LikeButton}<div class="b">Like</div></a> Or <a href="{ReblogURL}" target="_blank">Reblog</a>
  974. {block:IfHideTags}
  975. {block:HasTags}
  976. <font style="color: {color:Main Color};margin-left: 5px;margin-right: 5px;">•</font>
  977. <a class="tags-title">Show Tags</a>
  978. <div class="tags">
  979. {block:Tags}
  980. <a href="{TagURL}" style="margin-right: 5px;"><font style="color: {color:Main Color};margin-right: 5px;">•</font>{Tag}</a>
  981. {/block:Tags}
  982. </div>
  983. {/block:HasTags}
  984. {/block:IfHideTags}
  985. {block:IfShowTags}
  986. {block:HasTags}
  987. <div class="tags-alternate">
  988. {block:Tags}
  989. <a href="{TagURL}" style="margin-right: 5px;"><font style="color: {color:Main Color};margin-right: 5px;">•</font>{Tag}</a>
  990. {/block:Tags}
  991. </div>
  992. {/block:HasTags}
  993. {/block:IfShowTags}
  994. {block:PostNotes}
  995. {PostNotes}
  996. {/block:PostNotes}
  997. </div>
  998. {/block:Date}
  999.  
  1000. </div>
  1001.  
  1002. {/block:Posts}
  1003.  
  1004. </div>
  1005.  
  1006. </div>
  1007.  
  1008. </body>
  1009.  
  1010. </html>
RAW Paste Data
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
Top