API tools faq
paste
HighKingFen

Double Trouble

HighKingFen
Oct 13th, 2019
190
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.06 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <title>{Title}</title>
  5. <meta charset="utf-8">
  6. <meta name="viewport" content="width=device-width, initial-scale=1">
  7. <style>
  8. #mySidenav a {
  9. position: absolute;
  10. right: -83px;
  11. transition: 0.3s;
  12. padding: 15px;
  13. width: 100px;
  14. font-size: 10px;
  15. color: black;
  16. border-radius: 0 5px 5px 0;
  17. margin-top:250px;
  18. border: #b76e79 solid 2px;
  19. }
  20.  
  21. #mySidenav a:hover {
  22. right: 0;
  23. background-color:rgba(255, 255, 255, 0.8);
  24. }
  25.  
  26. #about {
  27. top: 20px;
  28.  
  29. }
  30.  
  31. #blog {
  32. top: 80px;
  33.  
  34. }
  35.  
  36. #projects {
  37. top: 140px;
  38. }
  39.  
  40. #contact {
  41. top: 200px;
  42.  
  43. }
  44.  
  45. * {
  46. box-sizing: border-box;
  47. }
  48.  
  49. body {
  50. background-image: url('https://78.media.tumblr.com/6ab8e66ca65a1b1d480accf6f80e53db/tumblr_pcxzbwGACS1wd05tno1_r1_1280.png');
  51. height: 100%;
  52. background-attachment: fixed!important;
  53. background-position: center;
  54. background-repeat: no-repeat;
  55. background-size: cover;
  56. margin: 0;
  57.  
  58. }
  59.  
  60. h1{ text-align:center;
  61. text-shadow:5px 5px 5px #000000;
  62. }
  63.  
  64. #description{
  65.  
  66. margin-top: 150px;
  67. text-align: justify;
  68. padding:30px;
  69.  
  70. }
  71.  
  72. /* Style the side navigation */
  73. .sidenav {
  74. height: 100%;
  75. width: 400px;
  76. position: fixed;
  77. z-index: 1;
  78. top: 0;
  79. left: 0;
  80. background-color:rgba(255, 255, 255, 0.3);
  81. overflow-x: hidden;
  82. color:#d6d782;
  83.  
  84. }
  85.  
  86.  
  87. /* Side navigation links */
  88.  
  89. .sidenav a {
  90. color: #b76e79;
  91. padding: 16px;
  92. text-decoration: none;
  93. display: block;
  94. margin-top: -15px;
  95. }
  96.  
  97. /* Change color on hover */
  98. .sidenav a:hover {
  99. background-color: #ddd;
  100. color: black;
  101. }
  102.  
  103. .sidenav img{
  104. width:200px;
  105. border-radius: 5px 20px 5px;
  106. border: #b76e79 2px solid;
  107. margin-left:20px;
  108. float:left;
  109. overflow:hidden;
  110. box-shadow:5px 20px 5px grey;
  111.  
  112. }
  113.  
  114. #two{
  115. width:150px;
  116. margin-left:150px;
  117. margin-top:-105px;
  118. opacity: 1;
  119.  
  120. }
  121.  
  122. #kofi{
  123. margin-left:100px;
  124. }
  125.  
  126. .post {
  127. background: rgba(255, 255, 255, 0.5);
  128. border: 1px solid #DDA6AE;
  129. padding: 20px;
  130. margin-bottom:40px;
  131. margin-top: 20px;
  132. margin-left: 500px;
  133. margin-right: auto;
  134. border-radius: 6px;
  135. width: 570px;
  136. font-size:18px;
  137. text-align: justify;
  138. color:black;
  139.  
  140.  
  141. }
  142. .post img{
  143. border:0;
  144. display:block;
  145. height:auto;
  146. max-width: 100%;
  147. }
  148.  
  149. .post h1{
  150. color:#DDA6AE;
  151. }
  152. .post a {
  153. color: #d6d782;
  154. text-shadow:5px 5px 5px #000000;
  155. }
  156.  
  157. .post b{
  158. color: #DDA6AE;
  159. text-shadow:5px 5px 5px #000000;
  160. }
  161.  
  162. .post i {
  163. color:white;
  164. text-shadow:5px 5px 5px #000000;
  165. }
  166.  
  167.  
  168. .avatar {
  169. margin: 60px 30px;
  170. border-radius: 100%;
  171. }
  172. .like-reblog {
  173. list-style: none;
  174. border: 1px solid #ccc;
  175. background: #444;
  176.  
  177.  
  178.  
  179. }
  180. .like-reblog li {
  181. float: right;
  182. padding: 6px;
  183. height: 20px;
  184. position:relative;
  185. }
  186.  
  187. .page{
  188. background: #222;
  189. padding: 20px;
  190. }
  191.  
  192. .page a{
  193. text-decoration: none;
  194. color: #b76e79;
  195. }
  196.  
  197. .pagelist{
  198. margin: 0 auto;
  199. width: 640px;
  200. }
  201.  
  202. .pagenav{
  203.  
  204. text-align: center;
  205. }
  206.  
  207. .pagenav a:link{
  208. color#b76e79;
  209. font-size: 20px;
  210. text-shadow:5px 5px 5px #000000;
  211.  
  212. }
  213.  
  214. .pagenav a:selected{
  215. color#b76e79;
  216. font-size: 20px;
  217. text-shadow:5px 5px 5px #000000;
  218.  
  219. }
  220.  
  221. .pagenav a:visited{
  222. color:white;
  223. text-shadow:5px 5px 5px #000000;
  224. }
  225.  
  226. .pagenav a:active{
  227. color#b76e79;
  228. font-size: 20px;
  229. text-shadow:5px 5px 5px #000000;
  230.  
  231. }
  232.  
  233.  
  234. .content{
  235. margin:auto;
  236.  
  237. }
  238.  
  239. /***Search Bar***/
  240. .search{
  241. position:relative;
  242. margin-left:200px;
  243. margin-bottom:10px;
  244. margin-left:80px;
  245.  
  246.  
  247. }
  248.  
  249. .sfm input {
  250. background-color: transparent;
  251. font-size: 8px;
  252. border: 1px solid :#f2992e;
  253. text-transform: uppercase;
  254. margin-top: 0px;
  255. color: #999;
  256. letter-spacing: 1px;
  257. padding: 4px 20px;
  258.  
  259.  
  260. #sb {
  261.  
  262. height: 15px;
  263.  
  264. }
  265.  
  266. /*****Credit, do not touch*****/
  267. .credit{
  268. position: fixed;
  269. bottom: 8px;
  270. right: 16px;
  271.  
  272. }
  273.  
  274.  
  275.  
  276.  
  277. /****/
  278.  
  279. </style>
  280. </head>
  281. <body>
  282. <div class="sidenav">
  283. <h1>{Title}</h1>
  284.  
  285. <img src="https://78.media.tumblr.com/71cbe05162a71148b1c1e425b4db6187/tumblr_pfbxlcErEu1wd05tno3_400.gif"><br>
  286. <img id="two"src="https://78.media.tumblr.com/cadb3d7a90a1f21520ca8e3800dd74e5/tumblr_pfbxlcErEu1wd05tno2_250.gif">
  287. <div id= description>{description}</div>
  288. {block:Pagination}
  289. <div class="pagenav">
  290. {block:PreviousPage}<a href="{PreviousPage}">Previous</a>{/block:PreviousPage}
  291. {block:NextPage}<a href="{NextPage}">Next</a>{/block:NextPage}
  292. </div>
  293. {/block:Pagination}</li>
  294.  
  295.  
  296. <a href="/tags">Tags</a>
  297. <a href="https://society6.com/fillorianqueen">My Society6 Store</a>
  298. <a href="https://www.redbubble.com/people/fillorianqueen/">My Redbubble Store</a><br>
  299.  
  300. <div id="kofi"><script type='text/javascript' src='https://ko-fi.com/widgets/widget_2.js'></script><script type='text/javascript'>kofiwidget2.init('Buy me a Ko-fi', '#b76e79', 'X7X39P6J');kofiwidget2.draw();</script> </div>
  301.  
  302. <div class= "search"><br>
  303. <form action="/search" method="get" class="sfm">
  304. <input type="text" name="q" value="{SearchQuery}" id="sf"/>
  305. <input type="image" value="Search" src="http://static.tumblr.com/f1skqpy/Oxbn13qun/search_icon.png" id="sb"/>
  306. </form></li></div>
  307.  
  308. </div>
  309. </div>
  310.  
  311. <!-------------->
  312. <div id="mySidenav" class="sidenav">
  313. <a href="http://unofficialmagiciansdnd.tumblr.com" id="about">DND book</a>
  314. <a href="http://filloriansunited.tumblr.com" id="blog">Fillorians United Podcast</a>
  315. <a href="http://rupertthebunny.tumblr.com" id="projects">Theme Blog</a>
  316. <a href="/ask" id="contact">Send me a Bunny</a>
  317. </div>
  318.  
  319. <!------------Tumblr base do not touch------>
  320. <div class="content">
  321. {block:HasPages}
  322. <div class="page"> {block:Pages}<div class= "pagelist"><a href="{URL}">{Label}</a></div>{/block:Pages}</div>
  323. {/block:HasPages}
  324.  
  325. {block:Posts}
  326.  
  327. {block:Text}
  328. <div class="post">
  329. {block:Title}
  330. <h3>
  331. <a href="{Permalink}">{Title}</a><hr>
  332. </h3>
  333. {/block:Title}
  334. {Body}
  335.  
  336. <ul class="like-reblog">
  337. <li>{ReblogButton color="grey"}</li>
  338. <li>{LikeButton color="grey"}</li>
  339. <li>{block:NoteCount}<a href="{Permalink}#notes">{NoteCountWithLabel}</a>{/block:NoteCount}</li>
  340. </ul>
  341.  
  342. <div id=tag>{block:HasTags} {block:Tags}<a href="{TagURL}"> #{Tag}</a> {/block:Tags}{/block:hasTags}</div>
  343.  
  344. </div>
  345.  
  346. {block:PostNotes}{PostNotes}{/block:PostNotes}
  347. {/block:Text}
  348.  
  349. {block:Photo}
  350. <div class="post">
  351. <img src="{PhotoURL-500}">
  352. {block:Caption}{Caption}{/block:Caption}
  353. <ul class="like-reblog">
  354. <li>{ReblogButton color="grey"}</li>
  355. <li>{LikeButton color="grey"}</li>
  356. <li>{block:NoteCount}<a href="{Permalink}#notes">{NoteCountWithLabel}</a>{/block:NoteCount}</li>
  357. </ul>
  358. <br>{block:HasTags} {block:Tags}<a href="/{TagURL}"> #{Tag}</a> {/block:Tags}{/block:hasTags}
  359.  
  360. </div>
  361. {block:PostNotes}{PostNotes}{/block:PostNotes}
  362. {/block:Photo}
  363.  
  364. {block:Quote}
  365. <div class="post">
  366. {Quote}
  367. {block:Source}<br>&mdash;{Source}{/block:Source}
  368. <ul class="like-reblog">
  369. <li>{ReblogButton color="grey"}</li>
  370. <li>{LikeButton color="grey"}</li>
  371. <li>{block:NoteCount}<a href="{Permalink}#notes">{NoteCountWithLabel}</a>{/block:NoteCount}</li>
  372. </ul>
  373. <div id=tag>{block:HasTags} {block:Tags}<a href="{TagURL}"> #{Tag}</a> {/block:Tags}{/block:hasTags}</div>
  374.  
  375. </div>
  376. {block:PostNotes}{PostNotes}{/block:PostNotes}
  377. {/block:Quote}
  378.  
  379. {block:Link}
  380. <div class="post">
  381. <a href="{URL}" {Target}>{Name}</a>
  382. {block:Description}{Description}{/block:Description}
  383. <ul class="like-reblog">
  384. <li>{ReblogButton color="grey"}</li>
  385. <li>{LikeButton color="grey"}</li>
  386. <li>{block:NoteCount}<a href="{Permalink}#notes">{NoteCountWithLabel}</a>{/block:NoteCount}</li>
  387. </ul>
  388. </div>
  389. <div id=tag>{block:HasTags} {block:Tags}<a href="{TagURL}"> #{Tag}</a> {/block:Tags}{/block:hasTags}</div>
  390. {block:PostNotes}{PostNotes}{/block:PostNotes}}
  391. {/block:Link}
  392.  
  393. {block:Chat}
  394. <div class="post">
  395. {block:Title}{Title}{/block:Title}
  396. <table>
  397. {block:Lines}
  398. <tr>
  399. <th>{block:Label}{Label}{/block:Label}</th>
  400. <td>{Line}</td>
  401. </tr>
  402. {/block:Lines}
  403. </table>
  404. <ul class="like-reblog">
  405. <li>{ReblogButton color="grey"}</li>
  406. <li>{LikeButton color="grey"}</li>
  407. <li>{block:NoteCount}<a href="{Permalink}#notes">{NoteCountWithLabel}</a>{/block:NoteCount}</li>
  408. </ul>
  409. <div id=tag>{block:HasTags} {block:Tags}<a href="{TagURL}"> #{Tag}</a> {/block:Tags}{/block:hasTags}</div>
  410.  
  411. </div>
  412. {block:PostNotes}{PostNotes}{/block:PostNotes}
  413. {/block:Chat}
  414.  
  415. {block:Audio}
  416. <div class="post">
  417. {AudioPlayer}
  418. {block:Caption}{Caption}{/block:Caption}
  419. <ul class="like-reblog">
  420. <li>{ReblogButton color="grey"}</li>
  421. <li>{LikeButton color="grey"}</li>
  422. <li>{block:NoteCount}<a href="{Permalink}#notes">{NoteCountWithLabel}</a>{/block:NoteCount}</li>
  423. <div id=tag>{block:HasTags} {block:Tags}<a href="{TagURL}"> #{Tag}</a> {/block:Tags}{/block:hasTags}</div>
  424.  
  425. </ul>
  426. </div>
  427. {block:PostNotes}{PostNotes}{/block:PostNotes}
  428. {/block:Audio}
  429.  
  430. {block:Video}
  431. <div class="post">
  432. {Video-500}
  433. {block:Caption}{Caption}{/block:Caption}
  434. <ul class="like-reblog">
  435. <li>{ReblogButton color="grey"}</li>
  436. <li>{LikeButton color="grey"}</li>
  437. <li>{block:NoteCount}<a href="{Permalink}#notes">{NoteCountWithLabel}</a>{/block:NoteCount}</li>
  438. </ul>
  439. <div id=tag>{block:HasTags} {block:Tags}<a href="{TagURL}"> #{Tag}</a> {/block:Tags}{/block:hasTags}</div>
  440.  
  441. </div>
  442. {block:PostNotes}{PostNotes}{/block:PostNotes}
  443. {/block:Video}
  444.  
  445. {/block:Posts}
  446.  
  447.  
  448.  
  449.  
  450. <!-----------Script and credit do not touch--------------->
  451. <div class="credit">
  452. <a href="hkftheme.tumblr.com"><img src= https://image.ibb.co/ny04mx/rabbit.png style="height: 30px"></a>
  453. </div>
  454.  
  455. </div>
  456. >
  457.  
  458. </body>
  459. </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!