API tools faq
paste
cornetespoir

Kingdom Hearts 3 Kingstagram theme

cornetespoir
Apr 4th, 2019
1,678
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.02 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. // [Theme]
  4.  
  5. Kingstagram
  6.  
  7. by egg.design //
  8.  
  9. + basic html and css knowledge is required to customize this theme
  10. + feel free to edit and custom the theme to your liking,
  11. but don't redistribute, use as a base, or claim as your own
  12. + please do not move or remove the credit
  13. + this is an april fools theme, so please be aware that does not have the same features as a normal theme
  14.  
  15.  
  16. Credits
  17. + Kingdom Hearts 3 and https://liinch.github.io/KH3PostGenerator/ for background and header assets
  18.  
  19. Version 1.01
  20.  
  21. -->
  22.  
  23. <!DOCTYPE html>
  24. <html>
  25. <head>
  26. <title>{Title}</title>
  27. <meta name="viewport" content="width=device-width, initial-scale = 1.0, maximum-scale=1.0, user-scalable=no" />
  28. <link rel="shortcut icon" href="{Favicon}">
  29. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  30. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  31. <link href="https://fonts.googleapis.com/css?family=Michroma" rel="stylesheet">
  32. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">
  33. <meta name="viewport" content="width=device-width, initial-scale=1">
  34. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  35. <script>
  36. $(document).ready(function() {
  37. $('#menu').click(function() {
  38. $('#togglemenu').toggleClass('open');
  39. $('#menu').toggleClass('fa-times');
  40. $('#menu').toggleClass('fa-bars');
  41. });
  42. });
  43. </script>
  44.  
  45. <meta name="image:background" content="https://static.tumblr.com/svdghan/Hpuppcely/bg.jpg "/>
  46. <meta name="color:links" content="blue"/>
  47. <meta name="color:audio gradient1" content="#4C3C50"/>
  48. <meta name="color:audio gradient2" content="#6D92AD"/>
  49. <meta name="if:remove background shadow" content=""/>
  50. <style>
  51.  
  52.  
  53.  
  54. body {
  55. background:#222 url({image:background}) center center fixed;
  56. margin:0px;
  57. word-wrap:break-word;
  58. line-height:180%;
  59. font-size:16px;
  60. font-family:Michroma;
  61.  
  62. }
  63. small {
  64. font-size:16px;
  65. }
  66.  
  67. body:before {
  68. content:'';
  69. position:fixed;
  70. width:100%;
  71. height:100%;
  72. z-index:-1;
  73. background:linear-gradient(to right, transparent, rgba(0,0,0,.8), transparent);
  74. {block:ifremovebackgroundshadow}
  75. display:none;
  76. {/block:ifremovebackgroundshadow}
  77. }
  78.  
  79. a {
  80. text-decoration:none;
  81. color:#222;
  82. }
  83.  
  84. main {
  85. position:relative;
  86. width:84%;
  87. max-width:700px;
  88. border-top:10px solid #222;
  89. background:white;
  90. margin:0px auto 100px auto;
  91. padding-bottom:40px;
  92. overflow:hidden!important;
  93. }
  94.  
  95. section {
  96. width:84%;
  97. max-width:700px;
  98. height:100%;
  99. position:fixed;
  100. margin-top:-10px;
  101. opacity:0;z-index:-99999;
  102. border-top:10px solid #222;
  103. transition:1s;
  104. background:white;
  105. display:flex;
  106. align-items:center;
  107. flex-wrap:wrap;
  108. justify-content:center;
  109.  
  110. }
  111.  
  112. #togglemenu.open {
  113. margin-left:0px;
  114. transition:1s;
  115. opacity:1;
  116. z-index:9999999;
  117. }
  118.  
  119.  
  120. section ul {
  121. padding:0;
  122. width:90%;
  123. text-align:center;
  124. display:flex;
  125. align-items:center;
  126. flex-wrap:wrap;
  127. align-content:center;
  128. justify-content:center;
  129. margin:0;
  130.  
  131. }
  132.  
  133. section li {
  134. list-style:none;
  135. margin:10px;
  136.  
  137.  
  138. }
  139.  
  140. section li a {
  141. color:{color:links};
  142. }
  143. footer {
  144. padding:0 20px;
  145. height:60px;
  146. display:flex;
  147. z-index:999999999;
  148. align-items:center;
  149. justify-content:center;
  150. position:sticky;
  151. max-width:660px;
  152. }
  153.  
  154. footer a, footer span {
  155. margin:10px;
  156. }
  157. footer span {
  158. color:{color:links};
  159. }
  160. header {
  161. padding:0px 20px;
  162. width:calc(84% - 40px);
  163. margin:0px auto;
  164. top:0px;height:60px;
  165. display:flex;
  166. z-index:9999999;
  167. align-items:center;
  168. justify-content:center;
  169. position:sticky;
  170. max-width:660px;
  171. background:white;
  172. }
  173. header img {
  174. width:150px!important;
  175. justify-self:center;
  176. display:block;
  177. transform:translateY(-2px);
  178. }
  179.  
  180. #menu {
  181. width:20px;
  182. position:absolute;
  183. left:20px;
  184.  
  185. display:block;
  186. justify-self:flex-start!important;
  187. }
  188.  
  189. #kh img {
  190. margin-left:-75px;
  191. left:0;
  192. position:absolute;
  193. }
  194.  
  195. #kh {
  196.  
  197. height:100%;
  198.  
  199.  
  200. position:relative;
  201. justify-self:center;
  202. }
  203. article{
  204. margin:0 auto 0px auto;
  205. width:88%;
  206. padding:20px 0;
  207. max-width:700px;
  208. border-bottom:1px solid #eee;
  209. }
  210.  
  211. .posts img {
  212. display:block;
  213. margin:auto;
  214. max-width:100%;
  215. }
  216.  
  217. .info {
  218. padding:20px;
  219. display:flex;
  220. width:calc(100% - 40px);
  221. align-items:center;
  222. flex-wrap:wrap;
  223.  
  224.  
  225. }
  226.  
  227.  
  228.  
  229. .share {
  230. justify-self:flex-end;
  231. width:30%;
  232. display:flex;
  233. align-items:center;
  234. justify-content:flex-end;
  235. }
  236. .info .like, .info .reblog {
  237. cursor:pointer;
  238. z-index:9999;
  239. display:flex;
  240. width:30px;
  241. margin:0 4px;
  242. height:30px;
  243. align-items:center;
  244. justify-content:center;
  245. }
  246.  
  247. .like_button {
  248. position:absolute;
  249. z-index:2;
  250. opacity:0;
  251. transform:translateY(2px);
  252.  
  253. }
  254.  
  255. .like_button.liked {
  256. opacity:1;
  257. z-index:1;
  258. }
  259.  
  260. .share svg {
  261. position:absolute;
  262. width:40px;
  263. z-index:2;
  264.  
  265. }
  266.  
  267.  
  268. .info img {
  269. margin:0 10px 0 0;
  270. width:50px;
  271. }
  272.  
  273.  
  274.  
  275.  
  276. *, :hover {
  277. transition:.4s;
  278. }
  279.  
  280.  
  281.  
  282. .reblogs, .text, .quote, .link, ol.notes{
  283.  
  284. padding:20px;
  285.  
  286. }
  287.  
  288. ol.notes img {
  289. display:none;
  290. }
  291.  
  292. ol.notes li {
  293. position:relative;
  294. margin:20px;
  295. }
  296.  
  297. ol.notes a {
  298.  
  299. text-decoration:none;
  300. }
  301.  
  302. .reblog-header {
  303. display:flex;
  304. align-items:center;
  305. flex-wrap:wrap;
  306. }
  307.  
  308.  
  309. .sub-reblog {
  310. margin-left:20px;
  311. }
  312. /* chat posts */
  313.  
  314. .chat {
  315. padding:5px;
  316. line-height:150%;
  317. }
  318.  
  319.  
  320. /* Audio Posts */
  321.  
  322.  
  323.  
  324.  
  325. /* circle inside the album art to make it look like a CD */
  326.  
  327.  
  328.  
  329. .posts #albumart img{
  330. width:calc(100% - 20%);
  331. padding:10%;
  332. border-width:0px; transition:.6s;
  333.  
  334. }
  335.  
  336. .playerbox {
  337. width:350px;
  338. height:350px;
  339. box-shadow:4px 4px 20px rgba(0,0,0,.07);
  340. display:flex;
  341. margin:0 0 40px 0;
  342. flex-wrap:wrap;
  343. align-items:center;
  344. justify-content:center;
  345. }
  346.  
  347. .player {
  348. width:32px;
  349. overflow:hidden;
  350. height:26px;
  351. transform:scale(1.6);
  352. z-index:9999999!important;
  353.  
  354.  
  355. }
  356.  
  357.  
  358. .playercon {
  359. height:60px;
  360. width:60px;
  361. background:linear-gradient(to top right, {color:links}, {color:accent2});
  362. transform:translateY(-20px);
  363. border-radius:100%;
  364. overflow:hidden;
  365. display:flex;
  366. flex-wrap:wrap;
  367. align-items:center;
  368. justify-content:center;
  369.  
  370.  
  371.  
  372. }
  373.  
  374.  
  375. .infobox {
  376. width:100%;
  377. height:90px;
  378. bottom:0px;
  379. position:absolute;
  380. overflow:hidden;
  381. display:flex;
  382. align-content:center;
  383. flex-wrap:wrap;
  384. align-items:center;
  385. background:inherit;
  386. background-size:100% auto!important;
  387. text-align:left;
  388. background-position:-6px;
  389. z-index:99!important;
  390. color:{color:text};
  391. }
  392. .infobox:before{
  393. content: '';
  394. z-index:-2;
  395. width: 150%;
  396. height: 140px;
  397. background: inherit;
  398. position: absolute;
  399. left: -50px;
  400. right: 0;
  401. top: -50px;
  402.  
  403. box-shadow: inset 0 0 0 500px rgba(255,255,255,0.4);
  404. filter: blur(10px);
  405. }
  406.  
  407. .artist, .album, .trackname {
  408. width:90%;
  409. font-size:14px;
  410. margin:auto;
  411. }
  412.  
  413.  
  414. .audiopost {
  415. background:linear-gradient(to top right, {color:audio gradient1}, {color:audio gradient2});
  416. padding:0px;
  417. }
  418.  
  419. .audiopost .info {
  420. background:#fff;
  421. }
  422.  
  423. .audiopost .caption {
  424. background:#fff;
  425. }
  426. .audiop {
  427. width:350px;
  428. margin:auto;
  429. margin-top:10%;
  430. background-size:100% auto!important;
  431. position:relative;
  432.  
  433. }
  434. .reblog-content p, .reblog-content blockquote, .reblog-content h2{
  435. display:inline-block;
  436. margin:0 4px;
  437. }
  438.  
  439.  
  440.  
  441. .tags {
  442. position:relative;
  443.  
  444. display:inline-block;
  445.  
  446. color:{color:links};
  447. margin:0 4px;
  448. }
  449.  
  450. .tags span {
  451. flex-wrap:wrap;
  452. align-items:center;
  453. display:flex;
  454. }
  455.  
  456.  
  457. .tags img {
  458. width:16px;
  459. height:16px;
  460. margin:0 2px 0 0;
  461. display:inline-block;
  462. }
  463. .original-reblog .inactive img {
  464. display:none;
  465. }
  466. .user, .inactive {
  467. margin-left:10px;
  468.  
  469. }
  470.  
  471. .h1 {
  472. position: fixed;
  473. width: 200%;
  474. height: 100%;
  475. background:linear-gradient(to bottom, skyblue, transparent);
  476. border-radius: 100%/100%;
  477. left: 50%;
  478. top: -88%;
  479. margin-left: -100%;
  480. }
  481.  
  482. .h2 {
  483. position:fixed;
  484. height:100%;
  485. width:200%;
  486. background:linear-gradient(to top, #64a0ed,transparent);
  487. border-radius: 100%/100%;
  488. left: 50%;
  489. bottom: -80%;
  490. margin-left: -100%;
  491. }
  492.  
  493. nav {
  494.  
  495. }
  496.  
  497. header .fa {
  498. opacity:.4;
  499. }
  500.  
  501. .menu {
  502. writing-mode: vertical-rl;
  503. margin-top:10px;
  504. transform: translateX(-4px);
  505. font-size:1.06em;
  506.  
  507. color:white;
  508.  
  509.  
  510. }
  511.  
  512.  
  513.  
  514.  
  515. .egg {
  516. width: 14px; height: 18px;
  517. -webkit-border-radius: 63px 63px 63px 63px / 108px 108px 72px 72px; border-radius: 50% 50% 50% 50% / 60% 60% 40% 40%;
  518. border:2px solid #fff;
  519. z-index:9999;
  520.  
  521. }
  522.  
  523. ::-webkit-scrollbar-track
  524. {
  525.  
  526. border-radius: 10px;
  527. background-color: #F5F5F5;
  528. }
  529.  
  530. main::-webkit-scrollbar
  531. {
  532. width: 5px;
  533. height:4px;
  534. background-color: #F5F5F5;
  535. }
  536.  
  537. ::-webkit-scrollbar-thumb
  538. {
  539. border-radius: 10px;
  540.  
  541. background-color: #aaa;
  542. }
  543.  
  544. .egg {
  545. width: 14px; height: 18px;
  546. -webkit-border-radius: 63px 63px 63px 63px / 108px 108px 72px 72px; border-radius: 50% 50% 50% 50% / 60% 60% 40% 40%;
  547. background:#fff;
  548. border:1px solid #222;
  549. z-index:9999;
  550. position:fixed;
  551. right:20px;
  552. bottom:10px;
  553.  
  554. }
  555.  
  556. @media only screen and (max-width: 900px) {
  557. body {
  558. overflow-x:hidden;
  559. }
  560. main, header {
  561. width:100%!important;
  562. padding:0;
  563. }
  564. }
  565.  
  566. </style>
  567. </head>
  568. <body>
  569. <a href="https://egg.design" title="theme"><div class="egg"></div></a>
  570. <header>
  571. <a id="menu" class="fa fa-bars"></a>
  572.  
  573. <a href="/" id="kh">
  574. <img src="https://github.com/LiinCh/KH3PostGenerator/blob/master/Images/Resources/topmiddle.jpg?raw=true">
  575. </a>
  576.  
  577. <img src="https://github.com/LiinCh/KH3PostGenerator/blob/master/Images/Resources/topright.jpg?raw=true" style="position:absolute; right:20px; width:60px!important">
  578.  
  579. </header>
  580. <main>
  581.  
  582. <section id="togglemenu">
  583. <ul>
  584. <img src="{Portraiturl-64}">
  585. <h1 style="width:calc(100% - 60px);text-transform:uppercase; margin:20px auto; text-align:center;">{title}</h1>
  586. {Description}
  587. <li><a href="/">Home</a></li>
  588. {block:askenabled}
  589. <li><a href="/ask">Ask</a></li>
  590. {/block:askenabled}
  591. <li><a href="/submit">Submit</a></li>
  592. {/block:askenabled}
  593. <li><a href="/archive">Archive</a><li>
  594. {block:haspages}
  595. {block:pages}
  596. <li><a href="{URL}">{Label}</a></li>
  597. {/block:pages}
  598. {/block:haspages}
  599. </ul>
  600. </section>
  601.  
  602. {block:posts}
  603. <article class="posts {posttype}-post {block:audio}audiopost {/block:audio}">
  604. {block:date}
  605. <div class="info">
  606. <div style="width:70%; display:flex; align-items:center;">
  607. {block:RebloggedFrom}
  608. <img src="{ReblogRootPortraitURL-64}"> {ReblogRootName}
  609. {/block:RebloggedFrom}</div>
  610. <div class="share">
  611. <div class="like" id="reddy">
  612. <?xml version="1.0" encoding="utf-8"?>
  613. <!-- Generator: Adobe Illustrator 23.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
  614. <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
  615. viewBox="0 0 50 50" style="enable-background:new 0 0 50 50;" xml:space="preserve">
  616. <style type="text/css">
  617. .st0{display:none;}
  618. .st1{display:none;fill:#B2B2B2;}
  619. .st2{fill:#FFFFFF;}
  620. .st3{fill:none;stroke:#B2B2B2;stroke-miterlimit:10;}
  621. </style>
  622. <g id="Layer_1" class="st0">
  623. </g>
  624. <g id="Layer_2">
  625. <path class="st1" d="M-11,30"/>
  626. <g>
  627. <path class="st2" d="M0,0v50h50V0H0z M41.28,19c-0.71,3.1-2.47,5.07-6,9c-2.3,2.57-3.78,3.83-6,7c-1.42,2.02-1.75,2.47-2,3
  628. c-0.42,0.89-0.31,1.03-0.78,2.5c-0.67,2.09-1.29,3.99-2,4c-0.23,0-0.58-0.19-2-4c-1.11-3-1.29-3.95-2.26-5.5
  629. c-0.13-0.21-0.48-0.74-1.69-2.2c-1.44-1.74-2.71-2.92-4.43-4.8c-3.59-3.93-5.39-5.9-6.12-9c-0.24-1.03-1.1-4.71,1.02-8
  630. c2.16-3.35,7.23-5.97,11.21-4c4.58,2.27,4.1,8.73,4.08,9c-0.1,1.17-0.41,4.76-2.81,5.5c-2.09,0.64-5.02-1.11-5.34-3.5
  631. c-0.29-2.21,1.77-4.13,2.04-4c0.16,0.08-0.33,0.92,0,2c0.23,0.73,0.83,1.57,1.3,1.5c0.66-0.1,1.33-2.06,0.74-3.5
  632. c-0.71-1.72-3.18-2.62-5.1-2c-2.1,0.68-3.03,3.19-3.06,5c-0.03,1.9,0.93,3.31,7.13,10c3.85,4.15,4.36,6.56,5.1,8
  633. c0.18,0.36,0.34,0.72,0.49,1.09c0.15-0.36,0.3-0.73,0.48-1.09c0.72-1.44,1.22-3.85,5-8c6.09-6.69,7.03-8.1,7-10
  634. c-0.03-1.81-0.93-4.32-3-5c-1.89-0.63-4.17,0.36-5,2c-0.69,1.35-0.45,3.26,0.22,3.5c0.52,0.19,1.46-0.6,1.78-1.5
  635. c0.38-1.04-0.17-1.92,0-2c0.27-0.12,2.3,1.75,2,4c-0.31,2.25-2.84,3.91-4.78,3.5c-2.63-0.55-3.11-4.63-3.22-5.5
  636. c-0.33-2.74,0.44-7.2,4-9c3.91-1.97,8.88,0.65,11,4C42.37,14.29,41.52,17.97,41.28,19z"/>
  637. </g>
  638. <path class="st3" d="M26.5,40.5c0.47-1.47,0.37-1.61,0.78-2.5c0.25-0.53,0.58-0.98,2-3c2.22-3.17,3.7-4.43,6-7
  639. c3.53-3.93,5.29-5.9,6-9c0.24-1.03,1.08-4.71-1-8c-2.12-3.35-7.09-5.97-11-4c-3.56,1.8-4.33,6.26-4,9c0.1,0.87,0.59,4.95,3.22,5.5
  640. c1.95,0.41,4.48-1.25,4.78-3.5c0.3-2.25-1.73-4.12-2-4c-0.17,0.08,0.38,0.96,0,2c-0.32,0.9-1.26,1.69-1.78,1.5
  641. c-0.66-0.24-0.91-2.15-0.22-3.5c0.83-1.64,3.11-2.63,5-2c2.07,0.68,2.97,3.19,3,5c0.03,1.9-0.91,3.31-7,10
  642. c-3.78,4.15-4.28,6.56-5,8c-0.18,0.36-0.34,0.72-0.48,1.09c-0.15-0.36-0.31-0.73-0.49-1.09c-0.73-1.44-1.24-3.85-5.1-8
  643. c-6.2-6.69-7.16-8.1-7.13-10c0.03-1.81,0.95-4.32,3.06-5c1.92-0.62,4.39,0.28,5.1,2c0.6,1.44-0.07,3.4-0.74,3.5
  644. c-0.47,0.07-1.08-0.77-1.3-1.5c-0.33-1.08,0.16-1.92,0-2c-0.27-0.13-2.33,1.79-2.04,4c0.32,2.39,3.25,4.14,5.34,3.5
  645. c2.4-0.74,2.71-4.33,2.81-5.5c0.02-0.27,0.5-6.73-4.08-9c-3.98-1.97-9.05,0.65-11.21,4c-2.12,3.29-1.26,6.97-1.02,8
  646. c0.72,3.1,2.52,5.07,6.12,9c1.72,1.88,2.98,3.06,4.43,4.8c1.21,1.45,1.56,1.99,1.69,2.2c0.97,1.55,1.15,2.5,2.26,5.5
  647. c1.42,3.81,1.77,4,2,4C25.21,44.49,25.83,42.59,26.5,40.5z"/>
  648. </g>
  649. </svg>
  650.  
  651.  
  652.  
  653.  
  654. {LikeButton size="38"}
  655. </div> <a href="{ReblogURL}" title="reblog">
  656. <div class="reblog">
  657.  
  658. <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
  659. viewBox="0 0 50 50" style="enable-background:new 0 0 50 50;" xml:space="preserve">
  660. <style type="text/css">
  661. .st0{display:none;}
  662. .st1{display:none;fill:#B2B2B2;}
  663. .st2{fill:#FFFFFF;}
  664. .st3{fill:none;stroke:#A4A4A4;stroke-miterlimit:10;}
  665. </style>
  666. <g id="Layer_1" class="st0">
  667. </g>
  668. <g id="Layer_2">
  669. <path class="st1" d="M-11,30"/>
  670. <g>
  671. <path class="st2" d="M0,0v50h50V0H0z M38,38H12L6,14c3.17,2.5,6.33,6,9.5,8.5c-0.11,0.09-1.1,0.89-1,2c0.12,1.31,1.68,2.24,3,2
  672. c0.87-0.16,1.91-0.87,2-2c0.09-1.18-0.93-1.95-1-2c1.83-2.83,3.67-5.67,5.5-8.5c2.17,2.83,4.33,5.67,6.5,8.5
  673. c-0.11,0.09-1.1,0.89-1,2c0.12,1.31,1.68,2.24,3,2c0.87-0.16,1.91-0.87,2-2c0.09-1.18-1.43-1.45-1.5-1.5
  674. c2.83-2.83,6.67-6.67,9.5-9.5C41.17,21.83,39.33,29.67,38,38z"/>
  675. <path class="st3" d="M34.5,24.5c-0.08,0.99-0.88,2-2,2s-1.93-1.01-2-2c-0.09-1.2,0.94-1.96,1-2c-2.17-2.83-5.33-5.67-7.5-8.5
  676. c-1.83,2.83-4.67,5.67-6.5,8.5c0.06,0.04,1.09,0.8,1,2c-0.07,0.99-0.88,2-2,2s-1.93-1.01-2-2c-0.09-1.2,0.94-1.96,1-2
  677. c-3.17-2.5-5.83-5.5-9-8l5,23h26c1.33-8.33,3.67-15.67,5-24c-2.83,2.83-6.17,6.17-9,9C33.57,22.55,34.59,23.32,34.5,24.5z"/>
  678. </g>
  679. <path class="st3" d="M-17.5,2.5"/>
  680. </g>
  681. </svg>
  682.  
  683.  
  684. </div>
  685. </a>
  686. <a href="{Permalink}" title="permalink">
  687. <div class="reblog">
  688.  
  689. <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
  690. viewBox="0 0 50 50" style="enable-background:new 0 0 50 50;" xml:space="preserve">
  691. <style type="text/css">
  692. .st00{fill:#FFFDFD;}
  693. .st11{fill:none;stroke:#9A9A9A;stroke-miterlimit:10;}
  694. </style>
  695. <g id="Layer_1">
  696. </g>
  697. <g id="Layer_2">
  698. <g>
  699. <path class="st00" d="M0,0v50h50V0H0z M36.5,23.62c0.64,1.47,1,3.1,1,4.81c0,6.67-5.37,12.08-12,12.08s-12-5.41-12-12.08
  700. c0-1.71,0.36-3.33,1-4.81c-3.39-0.51-6-3.57-6-7.27c0-4.06,3.13-7.35,7-7.35s7,3.29,7,7.35c0,0.14-0.01,0.27-0.02,0.4
  701. c0.97-0.25,1.97-0.4,3.02-0.4s2.05,0.15,3.02,0.4c-0.01-0.13-0.02-0.27-0.02-0.4c0-4.06,3.13-7.35,7-7.35s7,3.29,7,7.35
  702. C42.5,20.05,39.89,23.1,36.5,23.62z"/>
  703. <path class="st11" d="M35.5,9c-3.87,0-7,3.29-7,7.35c0,0.14,0.01,0.27,0.02,0.4c-0.97-0.25-1.97-0.4-3.02-0.4s-2.05,0.15-3.02,0.4
  704. c0.01-0.13,0.02-0.27,0.02-0.4c0-4.06-3.13-7.35-7-7.35s-7,3.29-7,7.35c0,3.7,2.61,6.75,6,7.27c-0.64,1.47-1,3.1-1,4.81
  705. c0,6.67,5.37,12.08,12,12.08s12-5.41,12-12.08c0-1.71-0.36-3.33-1-4.81c3.39-0.51,6-3.57,6-7.27C42.5,12.29,39.37,9,35.5,9z"/>
  706. </g>
  707. </g>
  708. </svg>
  709.  
  710. </div>
  711. </a>
  712. </div>
  713. </div>
  714. {/block:date}
  715. {block:Text}
  716.  
  717. <div class="text">
  718.  
  719. {block:Title}
  720. <h1>{Title}</h1>
  721. {/block:Title}
  722. {block:notreblog}
  723. <figcaption>
  724. {Body}
  725. </figcaption>
  726. {/block:NotReblog}
  727.  
  728. {block:RebloggedFrom}
  729. <div class="reblog-list">
  730. {block:Reblogs}
  731. <div class="reblogs {block:isOriginalEntry}original-reblog{/block:isOriginalEntry} {block:isNotOriginalEntry}sub-reblog{/block:isNotOriginalEntry}">
  732. <div class="reblog-header">
  733.  
  734. {block:IsActive}
  735. {block:isNotOriginalEntry}
  736. <a class="" href="{Permalink}" target="_blank">
  737. <img src="{PortraitURL-64}" style="width:40px; float:left">
  738. </a>
  739. {/block:isNotOriginalEntry}
  740. {/block:IsActive}
  741.  
  742. {block:IsDeactivated}{/block:isNotOriginalEntry}
  743. <span class="inactive ">
  744. <img src="{PortraitURL-64}" style="width:40px; float:left">
  745. </span>
  746. {/block:isNotOriginalEntry}
  747. {/block:IsDeactivated}
  748.  
  749. {block:IsActive}
  750. {block:isNotOriginalEntry}
  751. <a target="_blank" href="{Permalink}" class="user">{Username}</a>{/block:isNotOriginalEntry}
  752. {/block:IsActive}
  753.  
  754. {block:IsDeactivated}
  755. {block:isNotOriginalEntry}
  756. <span class="inactive deactivated">{Username}</span>
  757. {/block:isNotOriginalEntry}
  758. {/block:IsDeactivated}
  759.  
  760. </div>
  761. <div class="reblog-content">
  762. {Body}
  763. </div>
  764. </div>
  765. {/block:Reblogs}
  766. </div>
  767. {/block:RebloggedFrom}
  768. </div>
  769.  
  770. {/block:text}
  771. {block:Photo}
  772.  
  773.  
  774. <img src="{PhotoURL-HighRes}" class="phot" alt="{PhotoAlt}">
  775.  
  776. {/block:Photo}
  777.  
  778. {block:Panorama}
  779. {LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}" />{LinkCloseTag}
  780. {/block:Panorama}
  781.  
  782. {block:Photoset}
  783. {Photoset}
  784.  
  785. {/block:Photoset}
  786. {block:Link}
  787.  
  788.  
  789. <div class="link">
  790.  
  791.  
  792.  
  793. <a href="{URL}" class="linkp">{Name}</a>
  794. {block:Description}
  795. {Description}
  796. {/block:Description}
  797.  
  798. </div>
  799. {/block:Link}
  800.  
  801. {block:Video}
  802.  
  803. <center>
  804. {Video-500}
  805. </center>
  806.  
  807. {/block:Video}
  808. {block:Quote}
  809.  
  810.  
  811.  
  812. <div class="quote">
  813. {Quote}
  814. <p>
  815. {Source}
  816. </p>
  817.  
  818. </div>
  819. {/block:Quote}
  820.  
  821. {block:Chat}
  822.  
  823.  
  824. <div class="reblogs">{block:Title}<h2>{title}</h2>{/block:Title}{block:Lines}<div class="chat">{block:Label}<b>{Label}</b>{/block:Label} {Line}<br/></div>{/block:Lines}</div> {/block:Chat}
  825.  
  826.  
  827. {block:Audio}
  828.  
  829. <div class="audiop" style="{block:AlbumArt}background:url({AlbumArtURL});{/block:AlbumArt}">
  830. <div class="playerbox">
  831. <div class="playercon"><div class="player">{AudioPlayerWhite}</div></div></div>
  832. <div class="infobox">
  833. <div class="trackname"> {block:TrackName}
  834. Track: {TrackName}
  835. {/block:TrackName} </div>
  836.  
  837. <div class="artist">
  838. {block:Artist}
  839.  
  840. Artist: {Artist}
  841. {/block:Artist} </div>
  842.  
  843. <div class="album">
  844. {block:Album}
  845. Album: {Album}
  846. {/block:Album}
  847. </div>
  848.  
  849. </div></div>
  850.  
  851. {/block:Audio}
  852.  
  853. {block:Answer}
  854. <div class="reblogs">
  855. <div style="padding:10px; background:#eee;">
  856. {Asker}: {Question}
  857. </div>
  858. {block:notreblog}
  859. {Answer}
  860. {/block:notreblog}
  861.  
  862. {block:rebloggedfrom}
  863.  
  864. {Replies}
  865. {/block:rebloggedfrom}
  866.  
  867.  
  868. {/block:Answer}
  869. {block:caption}
  870.  
  871. <div class="caption">
  872.  
  873. {block:notreblog}
  874. <figcaption>
  875. {Caption}
  876. {block:Hastags}
  877.  
  878. {block:Tags}
  879. <a class="tags" href="{TagURL}"><span><img src="https://github.com/LiinCh/KH3PostGenerator/blob/master/Images/Resources/hashtag.jpg?raw=true">{Tag}</span></a>
  880.  
  881. {/block:Tags}
  882.  
  883. {/block:HasTags}
  884. </figcaption>
  885. {/block:NotReblog}
  886.  
  887. {block:RebloggedFrom}
  888. <div class="reblog-list">
  889. {block:Reblogs}
  890. <div class="reblogs {block:isOriginalEntry}original-reblog{/block:isOriginalEntry} {block:isNotOriginalEntry}sub-reblog{/block:isNotOriginalEntry}">
  891. <div class="reblog-header">
  892.  
  893. {block:IsActive}
  894. {block:isNotOriginalEntry}
  895. <a class="" href="{Permalink}" target="_blank">
  896. <img src="{PortraitURL-64}" style="width:40px; float:left">
  897. </a>
  898. {/block:isNotOriginalEntry}
  899. {/block:IsActive}
  900.  
  901. {block:IsDeactivated}{/block:isNotOriginalEntry}
  902. <span class="inactive ">
  903. <img src="{PortraitURL-64}" style="width:40px; float:left">
  904. </span>
  905. {/block:isNotOriginalEntry}
  906. {/block:IsDeactivated}
  907.  
  908. {block:IsActive}
  909. {block:isNotOriginalEntry}
  910. <a target="_blank" href="{Permalink}" class="user">{Username}</a>{/block:isNotOriginalEntry}
  911. {/block:IsActive}
  912.  
  913. {block:IsDeactivated}
  914. {block:isNotOriginalEntry}
  915. <span class="inactive deactivated">{Username}</span>
  916. {/block:isNotOriginalEntry}
  917. {/block:IsDeactivated}
  918.  
  919. </div>
  920. <div class="reblog-content">
  921. {Body}
  922. {block:IsOriginalEntry}
  923. {block:Hastags}
  924.  
  925. {block:Tags}
  926. <a class="tags" href="{TagURL}"><span><img src="https://github.com/LiinCh/KH3PostGenerator/blob/master/Images/Resources/hashtag.jpg?raw=true">{Tag}</span></a>
  927.  
  928. {/block:Tags}
  929.  
  930. {/block:HasTags}
  931. {/block:IsOriginalEntry}
  932. </div>
  933. </div>
  934. {/block:Reblogs}
  935. </div>
  936. {/block:RebloggedFrom}
  937. </div>
  938.  
  939. {/block:caption}
  940.  
  941.  
  942.  
  943. </article>
  944.  
  945.  
  946.  
  947. <div class="permpag" style="text-align:center;
  948. margin:20px auto">
  949. {block:PermalinkPagination}
  950. {block:PreviousPost}
  951. <a href="{PreviousPost}">{lang:Previous Post}</a>
  952. {/block:PreviousPost}
  953.  
  954. {block:NextPost}
  955. <a href="{NextPost}">{lang:Next Post}</a>
  956. {/block:NextPost}
  957. {/block:PermalinkPagination}
  958. </div>
  959. {block:permalinkpage}
  960. <article>
  961. {PostNotes}
  962. </article>
  963. {/block:permalinkpage}
  964. {/block:posts}
  965.  
  966.  
  967.  
  968. </div>
  969. <footer>
  970. {block:Pagination}
  971. <div class="pag" id="leftpag">{block:PreviousPage}
  972. <span> <a href="{PreviousPage}">{lang:Previous}</a></span>
  973. {/block:PreviousPage}
  974. </div>
  975. {block:JumpPagination length="5"}{block:CurrentPage}
  976. <span class="current_page">{PageNumber}</span>
  977. {/block:CurrentPage}{block:JumpPage}
  978. <a class="jump_page" href="{URL}">{PageNumber}</a>
  979. {/block:JumpPage}{/block:JumpPagination}
  980. <div id="rightpag" class="pag">
  981. {block:NextPage}
  982. <span> <a href="{NextPage}">{lang:Next}</a></span>
  983. {/block:NextPage}</div>{/block:Pagination}
  984.  
  985. </footer>
  986. </main>
  987.  
  988.  
  989. </body>
  990. </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!