API tools faq
paste
HighKingFen

Let's Get Spoopy

HighKingFen
Oct 13th, 2019
242
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.33 KB | None | 0 0
raw download clone embed print report
  1. <!-- BASE CODE BY ELLY-THEMES | elly-themes.tumblr.com | KEEP THIS CREDITS
  2. Main Code by HKFTHEMES PLEASE DO NOT REMOVE CREDIT
  3.  
  4. SIDEBAR IMAGE BY HIGHKINGFEN
  5. sIDEBAR BACKGROUND BY FREE-GIF-TEXTURE.COM-->
  6.  
  7. <html lang="en">
  8.  
  9. <head>
  10.  
  11. <title>{Title}</title>
  12. <link rel="shortcut icon" href="{Favicon}">
  13. <link href="https://fonts.googleapis.com/css?family=Grenze|Permanent+Marker|Turret+Road&display=swap" rel="stylesheet">
  14. <script src="https://kit.fontawesome.com/f915fb14b8.js" crossorigin="anonymous"></script>
  15. <link href="https://static.tumblr.com/3l2jcs4/NYMn4n79a/style-my-tooltips.css" rel="stylesheet" type="text/css" />
  16. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  17. <script src="https://static.tumblr.com/3l2jcs4/209n1fe9k/jquery.style-my-tooltips.js"></script>
  18. <script>
  19. (function($){
  20. $(document).ready(function(){
  21. $("[title]").style_my_tooltips({
  22. tip_follows_cursor:true,
  23. tip_delay_time:100,
  24. tip_fade_speed:100,
  25. attribute:"title"
  26. });
  27. });
  28. })(jQuery);
  29. </script>
  30.  
  31. <meta name="color:accent" content="purple" />
  32. <meta name="color:background" content="Black" />
  33. <meta name="color:title" content="orange" />
  34. <meta name="color:links" content="orange" />
  35. <meta name="color:links hover" content="purple" />
  36. <meta name="color:post background" content="black" />
  37. <meta name="color:sidebar text" content="purple" />
  38. <meta name="color:sidebar background" content="black" />
  39. <meta name="color:description" content="white" />
  40. <meta name="color:link sideebar" content="orange" />
  41.  
  42.  
  43.  
  44.  
  45. <meta name="image:background" content="URL HERE" />
  46. <meta name="image:sidebar avatar" content="https://66.media.tumblr.com/cba6a2ca44fb340aa7d44ce682a14b35/tumblr_phhmfxzTGI1wd05tno4_250.gif" />
  47. <meta name="image:sidebar" content="https://media3.giphy.com/media/1sSiLg7RgO81i/source.gif" />
  48.  
  49.  
  50. <meta name="text:link one" content="Link One" />
  51. <meta name="text:link one url" content="/" />
  52. <meta name="text:link two" content="Link Two" />
  53. <meta name="text:link two url" content="/" />
  54. <meta name="text:link three" content="Link Three" />
  55. <meta name="text:link three url" content="/" />
  56. <meta name="text:link four" content="Link Four" />
  57. <meta name="text:link four url" content="/" />
  58. <meta name="text:link five" content="Link Five" />
  59. <meta name="text:link five url" content="/" />
  60. <meta name="text:link six" content="Link Six" />
  61. <meta name="text:link six url" content="/" />
  62.  
  63.  
  64. <style type="text/css">
  65.  
  66. body {background-color: {color:background};
  67. background-attachment: fixed;
  68. font-family: 'Turret Road', cursive;
  69. font-size: 13px;
  70. color: {color:accent};
  71. background-image: url('{image:background}'); }
  72.  
  73. a { color:{color:links};
  74. text-decoration: underline; }
  75.  
  76. a:hover { color:{color:links hover}}
  77.  
  78. #all_content { margin: auto; width: 1004px; }
  79.  
  80. #posts_content { {block:indexpage} width: 704px; {/block:indexpage} {block:permalinkpage} width: 602px; {/block:permalinkpage} margin-left: 300px; }
  81.  
  82. .entry { float: left;
  83. text-align: left;
  84. {block:indexpage} width: 250px; {/block:indexpage}
  85. {block:permalinkpage} width: 500px; {/block:permalinkpage}
  86. background-color: {color:post background};
  87. box-shadow: 5px 5px 0px {color:accent};
  88. border: 1px solid #aaa;
  89. padding: 20px;
  90. margin: 30px;
  91. color:{color:post text};}
  92.  
  93. .entry img {max-width: 100%; }
  94.  
  95. .entry li { margin-left: -15px; list-style-type: square; }
  96.  
  97. .pagination { display: none; }
  98.  
  99. blockquote { margin: 0px; border-left: 1px solid #ccc; padding-left: 10px; margin-left: 10px; }
  100.  
  101. .posts_title {text-align: center;
  102. font-size: 15px;
  103. color: {color:accent};
  104. padding: 20px;
  105. font-weight: bold;
  106. font-family: 'Permanent Marker', cursive;
  107. background-color:{color:post background}}
  108.  
  109. .posts_title_link a { text-align: center; font-size: 15px; color: {color:links}; background-color:{color:post background}; border: 1px solid #888; padding: 20px; font-weight: bold; display: block; }
  110.  
  111. .posts_title_link a:hover {color:{color:links hover}; }
  112.  
  113. .permalink_box { text-align: center; border-top: 1px solid #aaa; margin-top: 10px; padding-top: 10px; color: #ccc; font-size:10px;}
  114.  
  115.  
  116. /**************Sidebar**************/
  117.  
  118. #sidebar_content {width: 1004px;
  119. z-index: 99;
  120. margin: auto; }
  121.  
  122. #sidebar {
  123. background-color:{color:sidebar background};
  124. background-image:url('{image:sidebar}');
  125. width: 350px;
  126. height:100%;
  127. line-height: normal;
  128. margin-bottom: 40px;
  129. position: fixed;
  130. text-align: center;
  131. float:left;
  132. left:0;
  133.  
  134. }
  135.  
  136. #sidebar img { width: 250px; height:auto; }
  137.  
  138. .sidebar_title {
  139. font-size: 40px;
  140. font-family: 'Permanent Marker', cursive;
  141. color: {color:title}
  142. ; text-shadow: 1px 1px 0px {color:accent};, -1px -1px 0px {color:accent}; }
  143.  
  144. #sidebar_links {position: relative;
  145. margin-left: -10px;}
  146.  
  147.  
  148. #sidebar_links a {
  149. color: {color:link sidebar};
  150. padding: 5px 5px;
  151. margin-left: 10px;
  152. text-decoration: none; }
  153.  
  154. #sidebar_links a:hover {background-color: {color:accent};
  155. color: #888;
  156. border-color: #ccc; }
  157.  
  158. .sidebar_description { margin-top: 10px;
  159. margin-bottom: 25px;
  160. text-align:justify;
  161. margin-left:50px;
  162. margin-right:50px;
  163. color:{color:description};
  164. }
  165.  
  166.  
  167. .sfm input {background-color:black;
  168. font-size: 8px;
  169. border: 1px solid orange;
  170. text-transform: uppercase;
  171. margin-top: -10px;
  172. color:orange;
  173. letter-spacing: 1px;
  174. padding: 4px 30px;
  175. font-family: calibri, helvetica, arial;}
  176.  
  177.  
  178. .countdown{
  179. color:orange;
  180. float:right;
  181. right:10px;
  182. margin-top:50px;
  183. position:fixed;
  184. }
  185.  
  186. /**************Tumblr Stuff Do not Touch**************/
  187.  
  188. ol.notes li.note {padding-bottom: 3px; list-style-type: none; font-size:10px; }
  189.  
  190. ol.notes blockquote { margin-top: 5px; margin-bottom: 2px; }
  191.  
  192. ol.notes { float: left; padding-top: 10px; margin-left: -25px; list-style-type: none; text-align: left; position: relative;}
  193.  
  194. ol.notes li.note img.avatar { vertical-align: -4px; margin-right: 10px; width: 16px; height: 16px; }
  195.  
  196. ::-moz-selection {background:#888; color:#fff; }
  197.  
  198. ::selection { background:#ccc; color: #fff; }
  199.  
  200. #s-m-t-tooltip {font-family: arial; margin-top: 23px; margin-left: 15px; font-size: 12px; letter-spacing: 1px; text-transform: uppercase;
  201. background-color: #fff; color: #aaa; padding: 5px; border: 1px solid #aaa; }
  202.  
  203. ::-webkit-scrollbar-thumb:vertical { background: #888; }
  204.  
  205. ::-webkit-scrollbar-thumb:horizontal { background-color: #888; }
  206.  
  207. ::-webkit-scrollbar-corner { background-color: #aaa; }
  208.  
  209. ::-webkit-scrollbar { border: 1px solid #aaa; width:10px; height: 10px; background: #fff; }
  210.  
  211. #asker_box { color: #fff; background-color: {color:post background}; border: 1px solid {color:accent}; padding: 20px; display: block; text-align: left; font-family: 'Grenze', serif;}
  212.  
  213. #asker_box a { color: {color:links}; font-family: 'Grenze', serif;}
  214.  
  215. #asker_box a:hover { color: {color:links hover}; }
  216.  
  217. .quote {/ font-size: 15px; font-style: italic;}
  218.  
  219.  
  220. .credit{
  221. position:fixed;
  222. bottom: 0;
  223. right:0;
  224.  
  225. }
  226.  
  227. .credit a{
  228. color:{color:link}, 0.3;
  229. }
  230.  
  231.  
  232. </style>
  233.  
  234. <!-- script pleasde do not touch -->
  235.  
  236.  
  237. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  238. <script src="https://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script><script src="https://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  239.  
  240. <script>
  241. $(function(){
  242. var $container = $('#posts_content');
  243. $container.imagesLoaded(function(){
  244. $container.masonry({
  245. itemSelector: '.entry',
  246. });
  247. });
  248. $container.infinitescroll({
  249. itemSelector : ".entry",
  250. navSelector : "div.pagination",
  251. nextSelector : ".pagination a#next",
  252. loadingImg : "",
  253. loadingText : "<em></em>",
  254. bufferPx : 10000,
  255. extraScrollPx: 12000,
  256. },
  257. // trigger Masonry as a callback
  258. function( newElements ) {
  259. var $newElems = $( newElements ).css({ opacity: 0 });
  260. // ensure that images load before adding to masonry layout
  261. $newElems.imagesLoaded(function(){
  262. $newElems.animate({ opacity: 1 });
  263. $container.masonry( 'appended', $newElems, true );
  264. });
  265. }
  266. );
  267. });
  268. </script>
  269.  
  270. </head>
  271.  
  272.  
  273.  
  274.  
  275.  
  276. <body>
  277.  
  278. <div class="pagination">
  279. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">previous</a> &middot;{/block:PreviousPage} {block:NextPage}<a href="{NextPage}" id="next">next</a>{/block:NextPage}{/block:Pagination}
  280. </div>
  281.  
  282. <div id="sidebar_content">
  283.  
  284. <div id="sidebar">
  285.  
  286. <div class="sidebar_title">{Title}</div>
  287.  
  288. <img src="{image:sidebar avatar}">
  289.  
  290. <div class="sidebar_description">{block:Description}{Description}{/block:Description}</div>
  291.  
  292.  
  293. <form action="/search" method="get" class="sfm" name="theform">
  294. <input type="text" name="q" value="SEARCH"/>
  295. </form>
  296.  
  297.  
  298. </form>
  299.  
  300. <div id="sidebar_links">
  301. <a href="{text: link one url}" title="{text:link one}"><i class="fas fa-broom"></i></a>
  302. <a href="{text: link two url}" title="{text:link two}"><i class="fas fa-ghost"></i></a>
  303. <a href="{text: link three url}" title="{text:link three}"><i class="fas fa-hat-wizard"></i></a>
  304. <a href="{text: link four url}" title="{text:link four}"><i class="fas fa-spider"></i></a>
  305. <a href="{text: link five url}" title="{text:link five}"><i class="fas fa-magic"></i></i></a>
  306. <a href="{text: link tsix url}" title="{text:link six}"><i class="fas fa-book-dead"></i></a>
  307.  
  308. </div>
  309.  
  310. </div>
  311.  
  312. </div>
  313.  
  314. <div class="countdown"><p id="demo"></p> before Halloween!</div>
  315. <!-- TUMBLR POSTING, PLEASE DO NOT TOUCH-->
  316.  
  317. <div id="all_content">
  318.  
  319. <center>
  320.  
  321. <div id="posts_content">
  322.  
  323. {block:Posts}
  324. {block:ContentSource}
  325. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  326. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  327. {/block:SourceLogo}
  328. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  329. {/block:ContentSource}
  330.  
  331. <div class="entry">
  332.  
  333. {block:Text} {block:Title}<div style="border-bottom: 15px solid transparent"><div class="posts_title">{Title}</div></div>{/block:Title}
  334. <div style="margin-top: -15px;">{Body}</div> {/block:Text}
  335.  
  336. {block:Quote}<div class="quote">"{Quote}"</div> </p> <div style="text-align:right">- {Source}</div> {/block:Quote}
  337.  
  338. {block:Link} <div class="posts_title_link"><a href="{URL}">{Name}</a></div> {block:description}{description}{/block:description} {/block:Link}
  339.  
  340. {block:Chat} {block:Lines}{block:Label}<b>{Label}</b> {/block:Label}{Line}<br>{/block:Lines} {/block:Chat}
  341.  
  342. {block:Answer} <div id="asker_box"><b>{Asker} asked:</b> {Question}</div> {Answer} {/block:Answer}
  343.  
  344. {block:Audio} <center>{AudioPlayerGrey}</center> <br>
  345. <b>Track Name:</b> {block:TrackName}{TrackName}{/block:TrackName}<br>
  346. <b>Artist:</b> {block:artist}{Artist}{/block:artist}<br>
  347. <b>Album:</b> {block:Album}{Album}{/block:Album}<br>
  348. <b>Player Count:</b> {FormattedPlayCount} plays<br>{/block:Audio}
  349.  
  350. {block:Video} {block:indexpage}{Video-250}{/block:indexpage} {block:permalinkpage}{Video-500}{/block:permalinkpage} {/block:Video}
  351.  
  352. {block:Photo} {block:indexpage}<img src="{PhotoURL-250}"/>{/block:indexpage} {block:permalinkpage}<img src="{PhotoURL-500}"/>{/block:permalinkpage} {/block:Photo}
  353.  
  354. {block:Photoset} {block:indexpage}{Photoset-250}{/block:indexpage} {block:permalinkpage}{Photoset-500}{/block:permalinkpage} {/block:Photoset}
  355.  
  356. {block:caption}{Caption}{/block:caption}
  357.  
  358. {block:IndexPage} <div class="permalink_box"><a href="{ReblogURL}" target="_blank">Reblog</a> / <a href="{Permalink}">{NoteCount}</a>{block:HasTags}<br>{block:Tags}<i><a href="{TagURL}">#{Tag}</a></i>{/block:Tags}{/block:HasTags}</div>{/block:IndexPage}
  359.  
  360. {block:PermalinkPage} {block:PostNotes}{PostNotes}{/block:PostNotes} {/block:PermalinkPage}
  361.  
  362. </div>
  363.  
  364.  
  365. {/block:Posts}
  366.  
  367. </div>
  368.  
  369. </center>
  370.  
  371.  
  372. <div class="credit"><a href="hkfthme.tumblr.com"><i class="fas fa-carrot"></i></a> </div>
  373. </body>
  374.  
  375. <!---------------------------------Countdown script--------------->
  376.  
  377. <script>
  378. // Set the date we're counting down to
  379. var countDownDate = new Date("OCt 31, 2019 00:00:01").getTime();
  380.  
  381. // Update the count down every 1 second
  382. var x = setInterval(function() {
  383.  
  384. // Get today's date and time
  385. var now = new Date().getTime();
  386.  
  387. // Find the distance between now and the count down date
  388. var distance = countDownDate - now;
  389.  
  390. // Time calculations for days, hours, minutes and seconds
  391. var days = Math.floor(distance / (1000 * 60 * 60 * 24));
  392. var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
  393. var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
  394. var seconds = Math.floor((distance % (1000 * 60)) / 1000);
  395.  
  396. // Display the result in the element with id="demo"
  397. document.getElementById("demo").innerHTML = days + "d " + hours + "h "
  398. + minutes + "m " + seconds + "s ";
  399.  
  400. // If the count down is finished, write some text
  401. if (distance < 0) {
  402. clearInterval(x);
  403. document.getElementById("demo").innerHTML = "EXPIRED";
  404. }
  405. }, 1000);
  406. </script>
  407.  
  408.  
  409. </html>
  410.  
  411. <!-- BASE CODE BY ELLY-THEMES | elly-themes.tumblr.com | KEEP THIS CREDITS
  412. Main Code by HKFTHEMES PLEASE DO NOT REMOVE CREDIT-->
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!