API tools faq
paste
HighKingFen

TAKE ME ON

HighKingFen
Nov 29th, 2020
329
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.61 KB | None | 0 0
raw download clone embed print report
  1. <html lang="en">
  2. <head>
  3. <title>{Title}</title>
  4. <link rel="shortcut icon" href="{Favicon}">
  5. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  6. {block:Description}
  7. <meta name="description" content="{MetaDescription}" />
  8. {/block:Description}
  9. <script src="https://kit.fontawesome.com/94199c313d.js" crossorigin="anonymous"></script>
  10. <link rel="preconnect" href="https://fonts.gstatic.com">
  11. <link href="https://fonts.googleapis.com/css2?family=Fredericka+the+Great&family=Open+Sans+Condensed:ital,wght@0,300;0,700;1,300&display=swap" rel="stylesheet">
  12.  
  13. <meta charset="utf-8">
  14. <!-----------------CODE BY HKF THEMES, PLEASE DO NOT REMOVE THE CREDIT--------------------------->
  15. <!-------Meta--------->
  16.  
  17. <meta name="text:LinkOne" content="LinkOne">
  18. <meta name="text:LinkOneUrl" content="/">
  19. <meta name="text:LinkTwo" content="LinkTwo">
  20. <meta name="text:LinkTwoUrl" content="/">
  21. <meta name="text:LinkThree" content="LinkThree">
  22. <meta name="text:LinkThreeUrl" content="/">
  23.  
  24. <meta name="color:accent" content="#f3951f">
  25. <meta name="color:text" content="#eaefd2
  26. ">
  27. <meta name="color:links" content="#f3951f">
  28.  
  29. <style type="text/css">
  30.  
  31. body {
  32. background-color:black;
  33. background-image:url(https://64.media.tumblr.com/855e4ea366a5064739e04bf6b6568c72/4bf4b0d76b2dd53d-cb/s1280x1920/17a41d2693cf2f7f273ca997351380c96daf8bbf.png);
  34. background-repeat:no-repeat;
  35. background-size:100%;
  36. background-position: center center;
  37. background-attachment: fixed;
  38. background-size: cover
  39. font-size: 11px;
  40. color:{color:text};
  41. font-family: 'Open Sans Condensed', sans-serif;
  42. }
  43.  
  44. a {
  45. text-decoration:none;
  46. color:{color:links};
  47. }
  48.  
  49. a:hover, a:visited {
  50. color:#b82f13;
  51. }
  52.  
  53. b, strong {
  54. color: color:{color:accent};
  55. text-transform:uppercase;
  56. }
  57.  
  58. i, em {
  59. color:# color:{color:accent};
  60.  
  61. }
  62.  
  63. h1, h2, h3{
  64. font-family: 'Fredericka the Great', cursive;
  65. }
  66.  
  67. blockquote {
  68. padding:2px 7px;
  69. margin:3px 0 3px 8px;
  70. border-left:1px solid #006f94;
  71. }
  72.  
  73. blockquote img {
  74. max-width:100%;
  75. height:auto;
  76. }
  77.  
  78. img {
  79. max-width: 100%;
  80. }
  81.  
  82. .container {
  83. width:520px;
  84. margin:auto;
  85. }
  86.  
  87. ::-webkit-scrollbar {
  88. width: 10px;
  89. }
  90.  
  91. ::-webkit-scrollbar-track {
  92. background: #000000;
  93. }
  94.  
  95. /* Handle */
  96. ::-webkit-scrollbar-thumb {
  97. background: #888;
  98. }
  99.  
  100. /*******Tumblr*******/
  101. .posts {
  102. width:500px;
  103. background-color:rgba(0,0,0,0.5);
  104. padding:10px;
  105. margin-bottom:30px;
  106. text-align:justify;
  107. margin-left:calc(550px - 100%);
  108. }
  109.  
  110. .permalinks {
  111. text-align:center;
  112.  
  113. }
  114.  
  115. .permalinks a {
  116. text-decoration:none;
  117. font-size: 9px;
  118. color: color:{color:links};
  119. }
  120.  
  121. .permalinks a:hover {
  122. color: color:{color:accent};
  123. }
  124.  
  125. .tags {
  126. text-align:center;
  127. }
  128.  
  129. .tags a {
  130. text-decoration:none;
  131. font-size: 8px;
  132. text-transform:uppercase;
  133. color:#b82f13;
  134. }
  135.  
  136. .tags a:hover {
  137. color:{color:accent};
  138. }
  139.  
  140. .like_and_reblog_buttons {
  141. border: 1px solid #e8e8e8;
  142. border-radius: 3px;
  143. list-style: none;
  144. }
  145.  
  146. .like_and_reblog_buttons li {
  147. float:right;
  148. margin: 0;
  149. padding: 7px 15px;
  150. height: 20px;
  151. }
  152.  
  153. .like_and_reblog_buttons li:first-child {
  154.  
  155. }
  156. .quote{
  157. font-size:25px;
  158. color:{color:accent};
  159. font-family: 'Fredericka the Great', cursive;
  160. text-align:center;
  161. }
  162. .source{
  163. float:right;
  164. }
  165.  
  166. .asker {
  167. display:inline;
  168. font-weight:bold;
  169. }
  170. .question {
  171. display:inline;
  172. }
  173.  
  174. .link{
  175. font-size:25px;
  176. margin-left:5px;
  177. font-family: 'Fredericka the Great', cursive;
  178. }
  179.  
  180. .chat .odd {
  181. color:#b82f13;
  182. list-style:none;
  183. }
  184. .chat .even {
  185. color:{color:accent};
  186. list-style:none;
  187. }
  188.  
  189.  
  190. #sidebar{
  191. width:350px;
  192. position:fixed;
  193. height:auto;
  194. background-color:rgba(0,0,0,0.8);
  195. padding:20px;
  196. margin:5% 0 0 10px;
  197.  
  198.  
  199. }
  200.  
  201. #sidebar h1{
  202. text-align:center;
  203. }
  204.  
  205.  
  206. #sidebar p{
  207. text-align:justify;
  208. }
  209.  
  210. nav a{
  211. padding: 0 8px 0 9px;
  212. color:{color:text};
  213. text-align:center;
  214.  
  215. }
  216.  
  217. nav a:hover{
  218. border-bottom:1px solid {color:text};
  219. color:{color:text};
  220. }
  221.  
  222. #credit{
  223. position:fixed;
  224. bottom:5;
  225. right:5;
  226. }
  227.  
  228. #credit a{
  229. color:#f3951f;
  230. }
  231. </style>
  232.  
  233. <body>
  234.  
  235. <div id="credit"><a href="https://hkfthemes.tumblr.com"><i class="fas fa-paw"></i></a></div>
  236.  
  237. <div id="sidebar">
  238.  
  239. <h1>{Title}</h1>
  240. <img src="https://i2.wp.com/thegameofnerds.com/wp-content/uploads/2019/05/f70b911db4c7fc9cd0b3a169c3ae4215.gif?resize=780%2C433&ssl=1">
  241. <p>{block:Description}{Description}{/block:Description}</p>
  242.  
  243. <nav>
  244. <a href="#">Home</a>
  245. <a href="/ask">Ask</a>
  246. <a href="{text:LinkOneUrl}">{text:LinkOne}</a>
  247. <a href="{text:LinkTwoUrl}">{text:LinkTwo}</a>
  248. <a href="{text:LinkThreeUrl}">{text:LinkThree}</a>
  249.  
  250. </nav>
  251.  
  252. </div>
  253.  
  254.  
  255.  
  256. <div class="container">
  257.  
  258. {block:Posts}
  259.  
  260. <div class="posts">
  261. <!--Text-->
  262. {block:Text}{block:Title}{Title}{/block:Title}{Body}{/block:Text}
  263.  
  264. <!--Photo-->
  265.  
  266. {block:Photo}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  267.  
  268. <!--Panorama-->
  269.  
  270. {block:Panorama}{LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Panorama}
  271.  
  272. <!--Photoset-->
  273.  
  274. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  275.  
  276. <!--Quote-->
  277.  
  278. {block:Quote}<div class="quote">"{Quote}"</div>{block:Source}<div class="source">—{Source}</div>{/block:Source}{/block:Quote}
  279.  
  280. <!--Link-->
  281.  
  282. {block:Link}<a href="{URL}" class="link" {Target}>| {Name}</a>{block:Description}{Description}{/block:Description}{/block:Link}
  283.  
  284.  
  285. <!--Chat-->
  286.  
  287. {block:Chat}
  288. <div class="chat">
  289. <ul>
  290. {block:Lines}<li class="{Alt}">{block:Label} {Label} {/block:Label}{Line}</li>{/block:Lines}
  291. </ul>
  292. </div>
  293. {/block:Chat}
  294.  
  295.  
  296.  
  297. <!--Video-->
  298. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  299.  
  300. <!--Ask-->
  301.  
  302. {block:Answer}
  303. <div class="question">
  304. <div class="asker">{Asker}</div> asked
  305. <div class="asker-question">{Question}</div>
  306.  
  307. </div>
  308.  
  309. {block:Answerer}
  310. <div class="answer">
  311. <div class="answerer">{Answerer}</div>
  312. <div class="answerer-answer">{Answer}</div>
  313. </div>
  314. {/block:Answerer}
  315.  
  316. <div class="replies">
  317. {Replies}
  318. </div>
  319. {/block:Answer}
  320.  
  321. <!--Audio-->
  322.  
  323. {block:Audio}
  324. {block:AudioEmbed} {AudioEmbed}{/block:AudioEmbed}
  325. {block:Caption}{Caption}{/block:Caption}
  326. {/block:Audio}
  327.  
  328.  
  329.  
  330. <!---Permalinks--->
  331.  
  332. <div class="permalinks">
  333. <ul class="like_and_reblog_buttons">
  334. <li>{ReblogButton}</li>
  335. <li>{LikeButton}</li>
  336. </ul>
  337.  
  338.  
  339. <a href="{Permalink}">{DayOfMonth}{DayOfMonthSuffix} {ShortMonth} {Year} </a><a href="{Permalink}">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}</a></div>
  340.  
  341. <div class="tags">{block:HasTags}{block:Tags}<a href="{TagUrl}"> {Tag}</a>{/block:Tags}{/block:HasTags}</div>
  342.  
  343.  
  344. </div>
  345.  
  346. {/block:Posts}
  347.  
  348.  
  349.  
  350. {block:ContentSource}
  351. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  352. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  353. {/block:SourceLogo}
  354. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  355. {/block:ContentSource}
  356. </div>
  357.  
  358.  
  359. </body>
  360. </html>
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!