API tools faq
paste
HighKingFen

Welter Challenge: Request

HighKingFen
Oct 13th, 2019
119
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.85 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>{Title}</title>
  5. <link href="https://fonts.googleapis.com/css?family=Cinzel|Oleo+Script+Swash+Caps:700|Playfair+Display+SC|Sacramento" rel="stylesheet">
  6. <link href="https://fonts.googleapis.com/css?family=Slabo+27px" rel="stylesheet">
  7.  
  8. <meta name="color:bold" content="#daa520" />
  9. <meta name="color:link" content="#dadf37" />
  10. <meta name="color:italic" content="#ffd700" />
  11.  
  12. <meta name="text:theme" content="Procrastination Week" />
  13. <meta name="text:vote" content="URL HERE" />
  14. <meta name="text:art" content="Singing about the stars by @ddeliverance" />
  15. <meta name="text:fic" content="Gazing into the abyss by @themargolem​" />
  16. <meta name="text:edit" content="Now it’s all gone by @highkingfen" />
  17. <meta name="text:welters" content="TBA" />
  18. <meta name="text:welters runner" content="TBA" />
  19. <meta name="text:todd" content="TBA" />
  20. <meta name="text:trial" content="TBA" />
  21.  
  22.  
  23.  
  24. <meta name="if:Vote" content="0">
  25. <meta name="if:Theme" content="0">
  26.  
  27.  
  28. <style>
  29. body, html {
  30. background-image: url('https://78.media.tumblr.com/dc859f9ac932e5816f1555ddbee053db/tumblr_pcqju7dV9C1wd05tno1_1280.png');
  31. height: 150%;
  32. background-attachment: fixed!important;
  33. background-position: center;
  34. background-repeat: no-repeat;
  35. background-size: cover;
  36. margin: 0;
  37. }
  38.  
  39. /***********Header***********/
  40.  
  41. .header{
  42.  
  43. text-align: justify;
  44. }
  45.  
  46. .header h1{
  47. color:#CFB53B;
  48. text-shadow:5px 5px 5px #000000;
  49. font-family: 'Oleo Script Swash Caps', cursive;
  50. font-size:36px;
  51.  
  52. }
  53.  
  54. #description{
  55. color:white;
  56. text-shadow:5px 5px 5px #000000
  57. margin-right: 130px;
  58. margin-left: 130px;
  59. font-family: 'Cinzel', serif;
  60. font-size:18px;
  61. }
  62.  
  63.  
  64. /**************************************************/
  65.  
  66. .post {
  67. background: black;
  68. border: 1px solid #CFB53B;
  69. padding: 20px;
  70. margin-bottom:40px;
  71. margin-top: 20px;
  72. margin-left: auto;
  73. margin-right: 500px;
  74. border-radius: 6px;
  75. width: 500px;
  76. font-size:18px;
  77. text-align: justify;
  78. color: #CFB53B;
  79. text-shadow:5px 5px 5px #000000;
  80. font-family: 'font-family: 'Slabo 27px', serif;
  81.  
  82.  
  83. }
  84.  
  85. .post #tag{
  86. color: blue;
  87. }
  88. .post a {
  89. color:{color:link};
  90. text-shadow:5px 5px 5px #000000;
  91. }
  92.  
  93. .post b{
  94. color:{color:bold};
  95. text-shadow:5px 5px 5px #000000;
  96. }
  97.  
  98. .post i {
  99. color:{color:italic};
  100. text-shadow:5px 5px 5px #000000;
  101. font-family: 'Sacramento', cursive
  102. }
  103.  
  104.  
  105. .avatar {
  106. margin: 60px 30px;
  107. border-radius: 100%;
  108. }
  109. .container {
  110. max-width: 640px;
  111. margin: 0 auto;
  112.  
  113. }
  114. .like-reblog {
  115. list-style: none;
  116. border: 1px solid #ccc;
  117. background: #444;
  118.  
  119.  
  120.  
  121. }
  122. .like-reblog li {
  123. float: right;
  124. padding: 6px;
  125. height: 20px;
  126. position:relative;
  127. }
  128.  
  129. .page{
  130. background: #222;
  131. padding: 20px;
  132. }
  133.  
  134. .page a{
  135. text-decoration: none;
  136. color: #eee;
  137. }
  138.  
  139. .pagelist{
  140. margin: 0 auto;
  141. width: 640px;
  142. }
  143.  
  144. .pagenav{
  145.  
  146. text-align: center;
  147. }
  148.  
  149. .pagenav a{
  150. color:white;
  151. font-size: 20px;
  152. text-shadow:5px 5px 5px #000000;
  153.  
  154. }
  155.  
  156.  
  157. .content{
  158. margin:auto;
  159.  
  160. }
  161.  
  162.  
  163.  
  164. /***********Left Hover sidebar***************/
  165. #mySidenav a {
  166. position: absolute; /* Position them relative to the browser window */
  167. left: -100px; /* Position them outside of the screen */
  168. margin-top:180px;
  169. transition: 0.3s; /* Add transition on hover */
  170. padding: 15px; /* 15px padding */
  171. width: 100px; /* Set a specific width */
  172. text-decoration: none; /* Remove underline */
  173. font-size: 20px; /* Increase font size */
  174. color: #CFB53B; /* White text color */
  175. border-radius: 0 5px 5px 0;
  176. font-family: 'Cinzel', serif;
  177. }
  178.  
  179. #mySidenav a:hover {
  180. left: 0; /* On mouse-over, make the elements appear as they should */
  181. }
  182.  
  183. /* The about link: 20px from the top with a green background */
  184. #about {
  185. top: 20px;
  186. background-color: rgba(0, 0, 0, 0.6);
  187. }
  188.  
  189. #faq {
  190. top: 80px;
  191. background-color: rgba(0, 0, 0, 0.6);
  192. }
  193.  
  194. #rules {
  195. top: 140px;
  196. background-color: rgba(0, 0, 0, 0.6);
  197. }
  198.  
  199. #contact {
  200. top: 200px;
  201. background-color:rgba(0, 0, 0, 0.6);
  202. }
  203.  
  204. #trials {
  205. top: 260px;
  206. background-color: rgba(0, 0, 0, 0.6);
  207. }
  208.  
  209. #welters{
  210. top: 360px;
  211. background-color: rgba(0, 0, 0, 0.6);
  212. }
  213. /***Search Bar***/
  214. .search{
  215. position:relative;
  216. margin:auto;
  217.  
  218.  
  219. }
  220.  
  221. .search h1{
  222. font-size:30px;
  223. text-shadow:5px 5px 5px #000000;
  224. color:white;
  225.  
  226. }
  227.  
  228. .sfm input {
  229. background-color: transparent;
  230. font-size: 8px;
  231. border: 1px solid :#f2992e;
  232. text-transform: uppercase;
  233. margin-top: 0px;
  234. color: #999;
  235. letter-spacing: 1px;
  236. padding: 4px 20px;
  237. font-family: calibri, helvetica, arial;}
  238.  
  239.  
  240. #sb {
  241.  
  242. height: 15px;
  243.  
  244. }
  245. /****/
  246. /*************right side******************/
  247.  
  248. .right{
  249.  
  250. width 300px;
  251. margin-left: 1000px;
  252. position:absolute;
  253. font-family: 'Cinzel', serif;
  254. background-color: rgba(0, 0, 0, 0.6);
  255. margin-right: 10px;
  256.  
  257. }
  258.  
  259. .right #win{
  260. color: #CFB53B;
  261. }
  262.  
  263.  
  264. .right #win span{
  265. font-size: 18px;
  266. }
  267.  
  268. .right #winwelters{
  269. color: #CFB53B;
  270.  
  271. }
  272.  
  273. .right #winwelters span{
  274. font-size: 18px;
  275. }
  276.  
  277. .right #wintrials{
  278. color: #CFB53B;
  279. }
  280.  
  281. .right #winwelters span{
  282. font-size: 18px;
  283. }
  284.  
  285. .right #theme{
  286. color: white;
  287. text-align: center;
  288. font-size:20px;
  289.  
  290. }
  291.  
  292.  
  293. .right #vote{
  294. text-align: center;
  295. font-size:20px;
  296. }
  297.  
  298. .right #vote a{
  299. color: #CFB53B;
  300. }
  301. /**************************************************/
  302. /*****Credit, do not touch*****/
  303. .credit{
  304. position: fixed;
  305. bottom: 8px;
  306. right: 16px;
  307.  
  308. }
  309.  
  310. /*************/
  311. {CustomCSS}
  312.  
  313. </style>
  314. </head>
  315. <body>
  316.  
  317. <div class= "header">
  318. <h1>{Title}</h1>
  319. <div id= description>{description}</div>
  320.  
  321. </div>
  322.  
  323. <div class= left>
  324. <div id="mySidenav" class="sidenav">
  325. <a href="#" id="about">About</a>
  326. <a href="/" id="welters">Welters Entry</a>
  327. <a href="/" id="trials">Trials Entry</a>
  328. <a href="#" id="faq">FAQ</a>
  329. <a href="#" id="rules">Rules</a>
  330. <a href="/ask" id="contact">Ask</a>
  331. </div>
  332. </div>
  333.  
  334. <!-------------right side bar---------->
  335. <div class=right>
  336.  
  337. {block:Pagination}
  338. <div class="pagenav">
  339. {block:PreviousPage}<a href="{PreviousPage}">Previous</a>{/block:PreviousPage}
  340. {block:NextPage}<a href="{NextPage}">Next</a>{/block:NextPage}
  341. </div>
  342. {/block:Pagination}</li>
  343. <hr>
  344. <div class= "search"><br>
  345. <form action="/search" method="get" class="sfm">
  346. <input type="text" name="q" value="{SearchQuery}" id="sf"/>
  347. <input type="image" value="Search" src="http://static.tumblr.com/f1skqpy/Oxbn13qun/search_icon.png" id="sb"/>
  348. </form></li></div><hr>
  349.  
  350. {block:ifTheme}
  351. <div id=theme>
  352. This Week Theme is:<br> <span style= "color: #CFB53B">{text:theme}</span>
  353. <hr>
  354. </div>{/block:ifTheme}
  355. {block:ifVote}
  356. <div id=vote>
  357. <a href="{text:vote}">Time to vote for {text:theme} week!</a>
  358. <hr>
  359. </div>{/block:ifVote}
  360.  
  361. <div id="win">
  362. <span style= "color:white">Last Theme Winner</span>
  363. <ul>
  364. <li>Art: {text:art}</li>
  365. <li>Fic: {text:fic}</li>
  366. <li>Edit: {text:edit}</li>
  367.  
  368. </ul> <hr>
  369. </div>
  370.  
  371.  
  372. <div id=winwelters>
  373. <span style= "color:white">Winners Welters 2018</span>
  374. <ul>
  375. <li>Winner 2018:{text:welters}
  376. <li>Runner Up: {text:welters runner}</li>
  377. <li>Todd Award {text:todd}</li>
  378. </ul><hr></div>
  379.  
  380. <div id=wintrials>
  381. <span style= "color:white">The winners of the Trials 2018 is/are:</span>{text:trial}
  382.  
  383. </div></div>
  384.  
  385. <!------------Tumblr base do not touch------>
  386.  
  387. <div class="content">
  388. {block:HasPages}
  389. <div class="page"> {block:Pages}<div class= "pagelist"><a href="{URL}">{Label}</a></div>{/block:Pages}</div>
  390. {/block:HasPages}
  391.  
  392. {block:Posts}
  393.  
  394. {block:Text}
  395. <div class="post">
  396. {block:Title}
  397. <h3>
  398. <a href="{Permalink}">{Title}</a>
  399. </h3>
  400. {/block:Title}
  401. {Body}
  402.  
  403. <ul class="like-reblog">
  404. <li>{ReblogButton color="grey"}</li>
  405. <li>{LikeButton color="grey"}</li>
  406. <li>{block:NoteCount}<a href="{Permalink}#notes">{NoteCountWithLabel}</a>{/block:NoteCount}</li>
  407. </ul>
  408.  
  409. <div id=tag>{block:HasTags} {block:Tags}<a href="/{TagURL}"> #{Tag}</a> {/block:Tags}{/block:hasTags}</div>
  410.  
  411. </div>
  412.  
  413. {block:PostNotes}{PostNotes}{/block:PostNotes}
  414. {/block:Text}
  415.  
  416. {block:Photo}
  417. <div class="post">
  418. <img src="{PhotoURL-500}">
  419. {block:Caption}{Caption}{/block:Caption}
  420. <ul class="like-reblog">
  421. <li>{ReblogButton color="grey"}</li>
  422. <li>{LikeButton color="grey"}</li>
  423. <li>{block:NoteCount}<a href="{Permalink}#notes">{NoteCountWithLabel}</a>{/block:NoteCount}</li>
  424. </ul>
  425. <br>{block:HasTags} {block:Tags}<a href="/{TagURL}"> #{Tag}</a> {/block:Tags}{/block:hasTags}
  426.  
  427. </div>
  428. {block:PostNotes}{PostNotes}{/block:PostNotes}
  429. {/block:Photo}
  430.  
  431. {block:Quote}
  432. <div class="post">
  433. {Quote}
  434. {block:Source}<br>&mdash;{Source}{/block:Source}
  435. <ul class="like-reblog">
  436. <li>{ReblogButton color="grey"}</li>
  437. <li>{LikeButton color="grey"}</li>
  438. <li>{block:NoteCount}<a href="{Permalink}#notes">{NoteCountWithLabel}</a>{/block:NoteCount}</li>
  439. </ul>
  440. <div id=tag>{block:HasTags} {block:Tags}<a href="/{TagURL}"> #{Tag}</a> {/block:Tags}{/block:hasTags}</div>
  441.  
  442. </div>
  443. {block:PostNotes}{PostNotes}{/block:PostNotes}
  444. {/block:Quote}
  445.  
  446. {block:Link}
  447. <div class="post">
  448. <a href="{URL}" {Target}>{Name}</a>
  449. {block:Description}{Description}{/block:Description}
  450. <ul class="like-reblog">
  451. <li>{ReblogButton color="grey"}</li>
  452. <li>{LikeButton color="grey"}</li>
  453. <li>{block:NoteCount}<a href="{Permalink}#notes">{NoteCountWithLabel}</a>{/block:NoteCount}</li>
  454. </ul>
  455. </div>
  456. <div id=tag>{block:HasTags} {block:Tags}<a href="/{TagURL}"> #{Tag}</a> {/block:Tags}{/block:hasTags}</div>
  457. {block:PostNotes}{PostNotes}{/block:PostNotes}}
  458. {/block:Link}
  459.  
  460. {block:Chat}
  461. <div class="post">
  462. {block:Title}{Title}{/block:Title}
  463. <table>
  464. {block:Lines}
  465. <tr>
  466. <th>{block:Label}{Label}{/block:Label}</th>
  467. <td>{Line}</td>
  468. </tr>
  469. {/block:Lines}
  470. </table>
  471. <ul class="like-reblog">
  472. <li>{ReblogButton color="grey"}</li>
  473. <li>{LikeButton color="grey"}</li>
  474. <li>{block:NoteCount}<a href="{Permalink}#notes">{NoteCountWithLabel}</a>{/block:NoteCount}</li>
  475. </ul>
  476. <div id=tag>{block:HasTags} {block:Tags}<a href="/{TagURL}"> #{Tag}</a> {/block:Tags}{/block:hasTags}</div>
  477.  
  478. </div>
  479. {block:PostNotes}{PostNotes}{/block:PostNotes}
  480. {/block:Chat}
  481.  
  482. {block:Audio}
  483. <div class="post">
  484. {AudioPlayer}
  485. {block:Caption}{Caption}{/block:Caption}
  486. <ul class="like-reblog">
  487. <li>{ReblogButton color="grey"}</li>
  488. <li>{LikeButton color="grey"}</li>
  489. <li>{block:NoteCount}<a href="{Permalink}#notes">{NoteCountWithLabel}</a>{/block:NoteCount}</li>
  490. <div id=tag>{block:HasTags} {block:Tags}<a href="/{TagURL}"> #{Tag}</a> {/block:Tags}{/block:hasTags}</div>
  491.  
  492. </ul>
  493. </div>
  494. {block:PostNotes}{PostNotes}{/block:PostNotes}
  495. {/block:Audio}
  496.  
  497. {block:Video}
  498. <div class="post">
  499. {Video-500}
  500. {block:Caption}{Caption}{/block:Caption}
  501. <ul class="like-reblog">
  502. <li>{ReblogButton color="grey"}</li>
  503. <li>{LikeButton color="grey"}</li>
  504. <li>{block:NoteCount}<a href="{Permalink}#notes">{NoteCountWithLabel}</a>{/block:NoteCount}</li>
  505. </ul>
  506. <div id=tag>{block:HasTags} {block:Tags}<a href="/{TagURL}"> #{Tag}</a> {/block:Tags}{/block:hasTags}</div>
  507.  
  508. </div>
  509. {block:PostNotes}{PostNotes}{/block:PostNotes}
  510. {/block:Video}
  511.  
  512. {/block:Posts}
  513.  
  514.  
  515.  
  516. <!-----------Script and credit do not touch--------------->
  517. <div class="credit">
  518. <a href="rupertthebunny"><img src= https://image.ibb.co/ny04mx/rabbit.png style="height: 30px"></a>
  519. </div>
  520.  
  521.  
  522.  
  523. </div>
  524.  
  525.  
  526. </div>
  527. </body>
  528. </html>
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!