API tools faq
paste
cornetespoir

Kingdom Hearts 3 Menu theme

cornetespoir
Mar 26th, 2019
2,389
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 38.77 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. // [Theme]
  4.  
  5. KH3 Menu theme
  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. + all icons custom were made by me for this theme, so please do not redistribute elsewhere
  14.  
  15. Credits
  16. + based off of kh3 ui
  17.  
  18. Version 1.01 - fixed bugs
  19.  
  20. -->
  21.  
  22. <!DOCTYPE html>
  23. <html>
  24. <head>
  25. <title>{Title}</title>
  26. <meta name="viewport" content="width=device-width, initial-scale = 1.0, maximum-scale=1.0, user-scalable=no" />
  27. <link rel="shortcut icon" href="{Favicon}">
  28. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  29. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  30.  
  31. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">
  32.  
  33. <meta name="image:sora" content="https://66.media.tumblr.com/8e73b6af7bd1ecf8ce6cbfb5816b2fca/tumblr_pmiqv1XnwD1u8yrhso3_400.png" />
  34. <meta name="image:donald" content="https://66.media.tumblr.com/3893db00ad78a0286956f513108d4f67/tumblr_pmiqv1XnwD1u8yrhso2_400.png" />
  35. <meta name="image:goofy" content="https://66.media.tumblr.com/b7b7e5c3d5a06d9948ba5b42072434a6/tumblr_pmiqv1XnwD1u8yrhso1_400.png" />
  36.  
  37. <meta name="image:background" content="https://images.khinsider.com/2016%20Uploads/01/kh3_unreal.png" />
  38. <meta name="select:sora exp" content="0%" />
  39. <meta name="select:sora exp" content="10%" />
  40. <meta name="select:sora exp" content="20%" />
  41. <meta name="select:sora exp" content="30%" />
  42. <meta name="select:sora exp" content="40%" />
  43. <meta name="select:sora exp" content="50%" />
  44. <meta name="select:sora exp" content="60%" />
  45. <meta name="select:sora exp" content="70%" />
  46. <meta name="select:sora exp" content="80%" />
  47. <meta name="select:sora exp" content="90%" />
  48. <meta name="select:sora exp" content="100%" />
  49.  
  50. <meta name="select:donald exp" content="0%" />
  51. <meta name="select:donald exp" content="10%" />
  52. <meta name="select:donald exp" content="20%" />
  53. <meta name="select:donald exp" content="30%" />
  54. <meta name="select:donald exp" content="40%" />
  55. <meta name="select:donald exp" content="50%" />
  56. <meta name="select:donald exp" content="60%" />
  57. <meta name="select:donald exp" content="70%" />
  58. <meta name="select:donald exp" content="80%" />
  59. <meta name="select:donald exp" content="90%" />
  60. <meta name="select:donald exp" content="100%" />
  61.  
  62. <meta name="select:goofy exp" content="0%" />
  63. <meta name="select:goofy exp" content="10%" />
  64. <meta name="select:goofy exp" content="20%" />
  65. <meta name="select:goofy exp" content="30%" />
  66. <meta name="select:goofy exp" content="40%" />
  67. <meta name="select:goofy exp" content="50%" />
  68. <meta name="select:goofy exp" content="60%" />
  69. <meta name="select:goofy exp" content="70%" />
  70. <meta name="select:goofy exp" content="80%" />
  71. <meta name="select:goofy exp" content="90%" />
  72. <meta name="select:goofy exp" content="100%" />
  73.  
  74. <meta name="text:Sora" content="Sora" />
  75. <meta name="text:Donald" content="Donald" />
  76. <meta name="text:Goofy" content="Goofy" />
  77.  
  78. <meta name="text:sora level" content="30" />
  79. <meta name="text:donald level" content="29" />
  80. <meta name="text:goofy level" content="28" />
  81.  
  82. <meta name="text:sora hp" content="200/200" />
  83. <meta name="text:sora mp" content="100/120" />
  84.  
  85. <meta name="text:donald hp" content="180/190" />
  86. <meta name="text:donald mp" content="110/130" />
  87.  
  88. <meta name="text:goofy hp" content="150/170" />
  89. <meta name="text:goofy mp" content="90/90" />
  90.  
  91. <meta name="text:equipment" content="Equipment" />
  92. <meta name="text:equipment description" content="Change your equipment" />
  93.  
  94. <meta name="text:abilities" content="Abilities" />
  95. <meta name="text:abilities description" content="Choose your active abilities" />
  96. <meta name="text:abilities link" content="/ask" />
  97.  
  98. <meta name="text:cuisine" content="Cuisine" />
  99. <meta name="text:cuisine description" content="Consume food you've bought or cooked" />
  100. <meta name="text:cuisine link" content="/submit" />
  101.  
  102. <meta name="text:items" content="Items" />
  103. <meta name="text:items description" content="Browse and use items in your possession" />
  104. <meta name="text:items link" content="/archive" />
  105.  
  106. <meta name="text:customize" content="Customize" />
  107. <meta name="text:customize description" content="Customize your menus" />
  108. <meta name="text:customize link" content="/customize" />
  109.  
  110. <meta name="text:help" content="Help" />
  111. <meta name="text:help description" content="You can customize these descriptions" />
  112. <meta name="text:help link" content="/" />
  113.  
  114. <meta name="text:config" content="Config" />
  115. <meta name="text:config description" content="You can customize the titles too" />
  116. <meta name="text:config link" content="" />
  117.  
  118. <link href="https://fonts.googleapis.com/css?family=Coda|Titillium+Web" rel="stylesheet">
  119. <meta name="viewport" content="width=device-width, initial-scale=1">
  120. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  121. <script>
  122. $(document).ready(function(){
  123. function checkTime(i) {
  124. if (i < 10) {
  125. i = "0" + i;
  126. }
  127. return i;
  128. }
  129.  
  130. function startTime() {
  131. var today = new Date();
  132. var h = today.getHours();
  133. var m = today.getMinutes();
  134. // add a zero in front of numbers<10
  135. m = checkTime(m);
  136. document.getElementById('time').innerHTML = h + ":" + m;
  137. t = setTimeout(function() {
  138. startTime()
  139. }, 500);
  140. }
  141. startTime();
  142. });
  143. </script>
  144. <style>
  145.  
  146.  
  147.  
  148. body {
  149. background:url({image:background}) center center fixed;
  150. word-wrap:break-word;
  151. line-height:180%;
  152. overflow-x:hidden;
  153. font-family:"Titillium Web";
  154. }
  155.  
  156. a {
  157. text-decoration:none;
  158. }
  159.  
  160. body:before {
  161. width:100%;
  162. opacity:.912;
  163. left:0;
  164. top:0;
  165. background:#161d2d;
  166. height:100%;
  167. content:'';
  168. position:fixed;
  169. }
  170.  
  171. main {
  172. position:relative;
  173. margin-left:38%;
  174. width:calc(100% - 42%);
  175. }
  176.  
  177. main:before {
  178. content:'';
  179. position:fixed;
  180. z-index:0;
  181. right:5%;
  182. top:0px;
  183. height:100vh;
  184. border-right:1px solid rgba(255,255,255,.52);
  185. }
  186.  
  187.  
  188. aside {
  189. position:fixed;
  190. width:32%;
  191. height:100vh;
  192. left:6%;
  193. border-left:1px solid rgba(255,255,255,.52);
  194. top:0;
  195. }
  196. aside ul li {
  197. list-style:none;
  198. margin:20px 0;
  199. height:50px;
  200. color:white;
  201. position:relative;
  202.  
  203.  
  204. }
  205.  
  206. aside ul {
  207. margin:80px 0 0 0;
  208. padding:0 20px;
  209. }
  210.  
  211. aside a {
  212. color:white;
  213. }
  214.  
  215. .icon {
  216. width:50px;
  217. position:relative;
  218. float:left;
  219. height:50px;
  220. display:flex;
  221. align-items:center;
  222. justify-content:center;
  223. }
  224. .icon:before {
  225. content:'';
  226. position:absolute;
  227. z-index:-1;
  228.  
  229. width:100%;
  230.  
  231. transform:rotate(45deg);
  232. height:100%;
  233. }
  234.  
  235. .line {
  236. width:calc(100% - 50px);
  237. height:3.2px;
  238. transform:translateX(50px);
  239. margin-top:0px;
  240. }
  241.  
  242. aside li:hover .line, li:hover .icon:before {
  243. background:#13c7fa;
  244. }
  245.  
  246. aside li:hover .title {
  247. font-size:1.24em;
  248. transform:translateY(-4px) translateX(15px);
  249. }
  250.  
  251. #key {
  252. fill:white;
  253. width:24px;
  254. }
  255.  
  256. #ab {
  257. transform:translateX(1px);
  258. width:32px;
  259. fill:white
  260. }
  261.  
  262. #food{
  263. fill:white;
  264. width:28px;
  265. }
  266.  
  267. #items {
  268. fill:white;
  269. width:22px;
  270. }
  271.  
  272. #customize {
  273. fill:white;
  274. width:40px;
  275. transform:translateX(4px) translateY(-4px);
  276. }
  277. #config, #help {
  278. fill:white;
  279. width:40px;
  280. transform:translateX(4px) translateY(-4px);
  281. }
  282. .cursor {
  283. position:absolute;
  284. margin-top:-14px;
  285. top:0px;
  286. opacity:0;
  287. transform:translateX(5px);
  288. right:0;
  289. }
  290. .cursor svg {
  291. fill:#13c7fa;
  292. width:50px;
  293. }
  294.  
  295. li:hover:before {
  296. content:'';
  297. width:11px;
  298. border-radius:100%;
  299. right:0px;
  300. z-index:2;
  301. box-shadow:0 0 20px orange, 0 0 4px orange, inset 0 0 2px orange, inset 0 0 4px orange;
  302. position:absolute;
  303. height:11px;
  304. transform-origin:4px 10px;
  305. animation:floaty 14s infinite;
  306. background:gold;
  307. }
  308.  
  309. @keyframes floaty {
  310. 0% {
  311.  
  312. }
  313.  
  314. 50% {
  315. transform:rotate(2turn) translateX(-20px);
  316. }
  317. 55% {
  318. transform:rotate(2turn) translateX(-20px);
  319. }
  320.  
  321. 100% {
  322. 80% {
  323. transform:rotate(-2turn) translateX(20px);
  324. }
  325. }
  326. }
  327.  
  328. .title {
  329. font-size:1.2em;
  330. height:1.2em;
  331. letter-spacing:1px;
  332. transform:translateX(15px) translateY(.6em);
  333. font-family:Coda;
  334. }
  335.  
  336. .description {
  337. transform:translateX(15px);
  338. opacity:0;
  339. }
  340.  
  341. li:hover .description, li:hover .cursor {
  342. opacity:1;
  343. }
  344.  
  345. article {
  346. margin:100px auto;
  347. width:90%;
  348. }
  349. .first {
  350. width:90%;
  351. margin:120px auto;
  352. height:calc(88vh - 120px);
  353. display:flex;
  354. align-content:center;
  355. flex-wrap:wrap;
  356. }
  357.  
  358.  
  359.  
  360. .objective {
  361. width:100%;
  362. }
  363.  
  364. .object {
  365. width:10em;
  366. border-top-left-radius:10px;
  367. padding:6px 12px;
  368. font-size:.9em;
  369. display:flex;
  370. flex-wrap:wrap;
  371. align-items:center;
  372. background:linear-gradient(to right, black, transparent);
  373.  
  374. color:yellow;
  375. }
  376.  
  377. .object.desc {
  378. border-radius:0px!important;
  379. color:white;
  380. width:50%;
  381. font-size:1em;
  382. line-height:200%;
  383. }
  384.  
  385. .object.desc a, .object.desc span {
  386. margin: 0 0px 0 10px;
  387. color:white;
  388. text-decoration:none;
  389. }
  390.  
  391. .players {
  392. width:100%;
  393. display:flex;
  394. height:100%;
  395. flex-wrap:wrap;
  396. }
  397.  
  398. .one, .two, .three, .four {
  399. width:26%;
  400.  
  401. background:linear-gradient(to top, rgba(0,0,0,.5), transparent);
  402. position:relative;
  403. height:90%;
  404. margin-left:2px;
  405. display:flex;
  406. overflow:hidden;
  407. align-items:center;
  408. justify-content:center;
  409. flex-wrap:wrap;
  410.  
  411. }
  412.  
  413. .players div:before {
  414. width:4px;
  415. height:100%;
  416. content:'';
  417. position:absolute;
  418. left:0;
  419.  
  420. background:linear-gradient(to top, rgba(255,255,255,.4), transparent, transparent);
  421. }
  422.  
  423. .players img {
  424. align-self:flex-end;
  425. height:98%;
  426. }
  427.  
  428. .overlay:before {
  429. content:'';
  430.  
  431. }
  432.  
  433. .overlay {
  434. position:absolute;
  435. bottom:10px;
  436. width:100%;
  437. font-family:coda;
  438. padding:6px 0;
  439. border-top:2px solid rgba(255,255,255,.4);
  440. border-bottom:1px solid rgba(255,255,255,.4);
  441. background:rgba(0,0,0,.46);
  442.  
  443. }
  444.  
  445. .overlay .name {
  446. background:rgba(255,255,255,.28);
  447. display:flex;
  448.  
  449. justify-content:center;
  450. align-items:center;
  451. width:100%;
  452. color:white;
  453. letter-spacing:1px;
  454. font-family:coda;
  455. }
  456.  
  457. .overlay .health {
  458. width:calc(90% - 40px);
  459. margin:auto;
  460. padding:10px 20px;
  461. position:relative;
  462. color:white;
  463. font-size:.9em;
  464. }
  465.  
  466. .exp {
  467. position:relative;
  468. margin:0 0 4px 0;
  469. }
  470. .exp:after {
  471. content:'';
  472. position:absolute;
  473. height:4px;
  474. bottom:0;
  475. left:0;
  476. transform:translateY(2px);
  477. background:linear-gradient(to right, peachpuff 0%, peachpuff 30%, rgba(255,255,255,.4) 30%);
  478. width:100%;
  479. }
  480.  
  481. .sora .exp:after {
  482. background:linear-gradient(to right, peachpuff 0%, peachpuff {select:sora exp}, rgba(255,255,255,.4) {select:sora exp});
  483. }
  484.  
  485.  
  486. .donald .exp:after {
  487. background:linear-gradient(to right, peachpuff 0%, peachpuff {select:donald exp}, rgba(255,255,255,.4) {select:donald exp});
  488. }
  489. .goofy .exp:after {
  490. background:linear-gradient(to right, peachpuff 0%, peachpuff {select:goofy exp}, rgba(255,255,255,.4) {select:goofy exp});
  491. }
  492.  
  493. .posts, ol.notes {
  494. width:68%;
  495. margin:100px 5% 100px 5%;
  496. }
  497.  
  498. .posts .object.desc {
  499. width:90%;
  500. }
  501.  
  502. .posts img{
  503. max-width:100%;
  504. display:block;
  505. }
  506.  
  507. .reblogs, .text, .quote, .link, ol.notes{
  508. background:rgba(0,0,0,.2);
  509. padding:20px;
  510. color:white;
  511. }
  512.  
  513. ol.notes img {
  514. display:none;
  515. }
  516.  
  517. ol.notes li {
  518. position:relative;
  519. margin:20px;
  520. }
  521.  
  522. ol.notes a {
  523. color:white;
  524. text-decoration:none;
  525. }
  526.  
  527. .reblog-header {
  528. display:flex;
  529. align-items:center;
  530. flex-wrap:wrap;
  531. }
  532.  
  533. /* chat posts */
  534.  
  535. .chat {
  536. padding:5px;
  537. line-height:150%;
  538. }
  539.  
  540. .chat:nth-of-type(odd) {
  541. background:{color:links};
  542. color:{color:posts};
  543. -webkit-transition:.5s;
  544. transition:.5s; }
  545.  
  546. .chat:nth-of-type(odd) b {
  547. color:{color:posts};
  548. -webkit-transition:.5s;
  549. transition:.5s; }
  550.  
  551. .chat:nth-of-type(even) {
  552. background:{color:posts};
  553. color:{color:links};
  554. -webkit-transition:.5s;
  555. transition:.5s; }
  556. .chat:nth-of-type(even) b{
  557. color:{color:links};
  558. -webkit-transition:.5s;
  559. transition:.5s; }
  560.  
  561.  
  562. /* Audio Posts */
  563.  
  564.  
  565.  
  566.  
  567. /* circle inside the album art to make it look like a CD */
  568.  
  569.  
  570.  
  571. .posts #albumart img{
  572. width:calc(100% - 20%);
  573. padding:10%;
  574. border-width:0px; transition:.6s;
  575.  
  576. }
  577.  
  578. .playerbox {
  579. width:300px;
  580. height:300px;
  581. box-shadow:4px 4px 20px rgba(0,0,0,.07);
  582. display:flex;
  583. margin:0 0 40px 0;
  584. flex-wrap:wrap;
  585. align-items:center;
  586. justify-content:center;
  587. }
  588.  
  589. .player {
  590. width:32px;
  591. overflow:hidden;
  592. height:26px;
  593. transform:scale(1.6);
  594. z-index:9999999!important;
  595.  
  596.  
  597. }
  598.  
  599.  
  600. .playercon {
  601. height:60px;
  602. width:60px;
  603. background:linear-gradient(to top right, {color:links}, {color:accent2});
  604. transform:translateY(-20px);
  605. border-radius:100%;
  606. overflow:hidden;
  607. display:flex;
  608. flex-wrap:wrap;
  609. align-items:center;
  610. justify-content:center;
  611.  
  612.  
  613.  
  614. }
  615.  
  616. main.grid .playerbox {
  617. width:250px;
  618. height:250px;
  619. }
  620.  
  621. .infobox {
  622. width:100%;
  623. height:80px;
  624. bottom:0px;
  625. position:absolute;
  626. overflow:hidden;
  627. display:flex;
  628. align-content:center;
  629. flex-wrap:wrap;
  630. align-items:center;
  631. background:inherit;
  632. background-size:100% auto!important;
  633. text-align:left;
  634. background-position:-6px;
  635. z-index:99!important;
  636. color:{color:text};
  637. }
  638. .infobox:before{
  639. content: '';
  640. z-index:-2;
  641. width: 150%;
  642. height: 140px;
  643. background: inherit;
  644. position: absolute;
  645. left: -50px;
  646. right: 0;
  647. top: -50px;
  648.  
  649. box-shadow: inset 0 0 0 500px rgba(255,255,255,0.2);
  650. filter: blur(10px);
  651. }
  652.  
  653. .artist, .album, .trackname {
  654. width:80%;
  655. margin:auto;
  656. }
  657.  
  658.  
  659.  
  660. .audiopost .caption {
  661. background:#f8f8f8;
  662.  
  663. margin:10% auto 0 auto;
  664. }
  665.  
  666. .audiop {
  667. width:300px;
  668. margin:auto;
  669. margin-top:10%;
  670. background-size:100% auto!important;
  671. position:relative;
  672.  
  673. }
  674.  
  675. article a {
  676. color:yellow;
  677. }
  678.  
  679. .tags {
  680. padding:20px;
  681. line-height:270%;
  682. }
  683.  
  684. .tags a {
  685. position:relative;
  686. color:white;
  687. padding:6px 12px;
  688. background:rgba(0,0,0,.2);
  689. margin:10px;
  690. }
  691.  
  692. .tags a span {
  693. color:yellow;
  694. font-size:.64em;
  695. font-weight:bold;
  696. margin:0 4px;
  697. }
  698.  
  699.  
  700. .user, .inactive {
  701. margin-left:10px;
  702. color:white;
  703. }
  704.  
  705. .h1 {
  706. position: fixed;
  707. width: 200%;
  708. height: 100%;
  709. background:linear-gradient(to bottom, skyblue, transparent);
  710. border-radius: 100%/100%;
  711. left: 50%;
  712. top: -88%;
  713. margin-left: -100%;
  714. }
  715.  
  716. .h2 {
  717. position:fixed;
  718. height:100%;
  719. width:200%;
  720. background:linear-gradient(to top, #64a0ed,transparent);
  721. border-radius: 100%/100%;
  722. left: 50%;
  723. bottom: -80%;
  724. margin-left: -100%;
  725. }
  726.  
  727. nav {
  728. width:6%;
  729. position:fixed;
  730. top:0px;
  731. height:70vh;
  732. left:0;
  733. align-content:flex-start;
  734. overflow:hidden;
  735. display:flex;
  736. flex-wrap:wrap;
  737. justify-content:flex-end
  738. }
  739.  
  740. nav .fa {
  741. width:100%;
  742. margin-top:90px;
  743. color:white;
  744. text-align:right;
  745. font-size:1.4em;
  746. padding:0 10px 0 0;
  747. }
  748.  
  749. .menu {
  750. writing-mode: vertical-rl;
  751. margin-top:10px;
  752. transform: translateX(-4px);
  753. font-size:1.06em;
  754.  
  755. color:white;
  756.  
  757.  
  758. }
  759.  
  760. .mickey {
  761. position:absolute;
  762. margin-left:-82%;
  763. width:100%;
  764. top:-20%;
  765. height:200px;
  766. background:cover;
  767. }
  768.  
  769. .mickey img {
  770. width:400%;
  771. opacity:.2;
  772. height:auto!important;
  773. }
  774.  
  775. #pagination a, .permpag a {
  776. color:white;
  777. }
  778. .permpag, #pagination {
  779. width:90%;
  780. font-size:1.12em;
  781. margin:auto;
  782. }
  783. .permpag a {
  784. margin:0 20px 0 0;
  785. }
  786. #pagination a, .jump_page, .current_page {
  787. margin: 0 4px;
  788. display: inline-block;
  789. min-width: 40px;
  790. height: 40px;
  791. text-align: center;
  792. color:white;
  793. border-radius: 100%;
  794. line-height: 42px;
  795.  
  796. }
  797.  
  798. .current_page {
  799. color:yellow;
  800. }
  801.  
  802. .eggs {
  803. width:8%;
  804. position:fixed;
  805. bottom:4%;
  806. right:6.2%;
  807. z-index:9999999;
  808. color:white;
  809. font-family:Coda!important;
  810. } .timeof {
  811. display:flex;
  812. flex-wrap:wrap;
  813. text-align:right;
  814. align-items:center;
  815. }
  816. .clocky {
  817. font-size:.86em;
  818. width:80%;
  819.  
  820. margin:0 8% 0 0;
  821. }
  822.  
  823. .clocky b {
  824. padding:3px 0;
  825.  
  826. width:100%;
  827. text-transform:uppercase;
  828.  
  829.  
  830. }
  831. .clocky b:before{
  832. position:absolute;
  833. content:'';
  834. height:2px ;
  835. width:100%;
  836. left:-18%;
  837. margin-top:26px;
  838. background:linear-gradient(to right, transparent, rgba(255,255,255,.52));
  839. }
  840. .timeof span, .timeof .eggo{
  841. font-size:1.2em;
  842. width:10%;
  843. }
  844.  
  845. .timeof {
  846. margin-top:20px;
  847. }
  848.  
  849. .eggs a {
  850. color:white;
  851. }
  852.  
  853. #time {
  854. font-size:1.24em;
  855. font-weight:bold;
  856. }
  857.  
  858. .egg {
  859. width: 14px; height: 18px;
  860. -webkit-border-radius: 63px 63px 63px 63px / 108px 108px 72px 72px; border-radius: 50% 50% 50% 50% / 60% 60% 40% 40%;
  861. border:2px solid #fff;
  862. z-index:9999;
  863.  
  864. }
  865. </style>
  866. </head>
  867. <body>
  868.  
  869. <div class="eggs">
  870. <div class="timeof">
  871. <div class="clocky">
  872. <b>Time</b>
  873. <div id="time"></div>
  874. </div>
  875. <span class="far fa-clock"></span>
  876. </div>
  877. <a href="https://egg.design">
  878. <div class="timeof">
  879. <div class="clocky">
  880. <b>Theme</b>
  881. <div id="them">egg.design</div>
  882. </div>
  883.  
  884. <div class="eggo">
  885. <div class="egg"></div>
  886. </div>
  887. </div>
  888. </a>
  889. </div>
  890. <div class="h1">
  891. </div>
  892. <div class='h2'>
  893.  
  894. </div>
  895.  
  896. <nav>
  897. <div class="mickey">
  898. <img src="https://static.tumblr.com/svdghan/aD5poy9mi/mickey-01-01.png">
  899. </div>
  900. <span class="fa fa-bars"></span>
  901. <div class="menu">MENU</div>
  902. </nav>
  903. <aside>
  904. <ul>
  905. <li>
  906. <a href="/">
  907. <div class="icon">
  908. <svg id="key" data-name="Layer 1" xmlns="https://www.w3.org/2000/svg" viewBox="0 0 60.91 74.62"><title>Untitled-2</title><polyline points="0 0 60.91 0 50.82 38.8 38.44 38.8 38.62 52.03 49.54 52.03 49.66 58.21 38.91 58.21 39.09 64.77 49.84 64.77 50.16 74.62 22.48 74.62 20.85 37.31 9.45 37.31"/></svg>
  909. </div>
  910. <div class="title">{text:equipment}</div>
  911. <div class="line"></div>
  912. <div class="description">{text:equipment description}</div>
  913.  
  914. <div class="cursor"><svg id="Layer_1" data-name="Layer 1" xmlns="https://www.w3.org/2000/svg" viewBox="0 0 74.38 49.19"><title>crown</title><path d="M49.3,12.36" transform="translate(-12.11 -31.09)"/><path d="M65.18,64.3a2.54,2.54,0,0,1,1,1.94c0,1.59-1.68,2.89-3.74,2.89s-3.75-1.3-3.75-2.89,1.52-2.74,3.44-2.86L49.3,31.09,38.89,62c1.54.36,3.54,1.88,3.54,3.18,0,1.6-1.68,2.89-3.75,2.89s-3.74-1.29-3.74-2.89A2.66,2.66,0,0,1,36.26,63L12.11,51.68l18.55,28.6H73.89l12.6-28.6Z" transform="translate(-12.11 -31.09)"/></svg></div>
  915. </a>
  916. </li>
  917.  
  918.  
  919. <li>
  920. <a href="{text:abilities link}">
  921. <div class="icon"><svg id="ab" data-name="Layer 1" xmlns="https://www.w3.org/2000/svg" viewBox="0 0 87.43 86.05"><title>ab</title><path d="M96,48.6c-2.62-.39-4.81-.77-6.67-1.21A40.38,40.38,0,0,0,30.26,14.2q-.23-1.59-.45-3.39c-.18,1.41-.35,2.71-.53,3.92A40.7,40.7,0,0,0,12.69,32.26l-1.16.21,1,.17A40.39,40.39,0,0,0,43.87,90.09c.26,1.62.5,3.45.75,5.54.24-2,.48-3.79.73-5.38,1.2.11,2.42.18,3.65.18A40.48,40.48,0,0,0,89.43,50c0-.07,0-.15,0-.22C91.26,49.35,93.42,49,96,48.6ZM28.32,20c-1.58,6.84-4.09,9.37-10.47,11.09A36.7,36.7,0,0,1,28.32,20ZM49,86.43c-1,0-1.92-.05-2.87-.13,1.79-7.14,5-8.62,14.31-10.35-12.46-2.3-14-4.17-15.82-19.67C42.77,71.78,41.27,73.65,28.81,76c9.16,1.7,12.39,3.16,14.2,10A36.38,36.38,0,0,1,16.56,33.47C26.39,35.8,28,39.29,29.81,54.12,32,37.06,33.69,35,48.09,32.47,36.18,30.37,32.93,28.59,31,18.38A36.39,36.39,0,0,1,85.21,46c-4.84-2.22-6.08-6.21-7.49-15.73C75.58,44.72,73.84,46.45,59.44,48.6c14.4,2.14,16.14,3.87,18.28,18.28,1.43-9.64,2.69-13.61,7.68-15.82A36.47,36.47,0,0,1,49,86.43Z" transform="translate(-8.57 -9.57)"/></svg>
  922. </div>
  923. <div class="title">{text:abilities}</div>
  924. <div class="line"></div>
  925. <div class="description">{text:abilities description}</div>
  926. <div class="cursor"><svg id="Layer_1" data-name="Layer 1" xmlns="https://www.w3.org/2000/svg" viewBox="0 0 74.38 49.19"><title>crown</title><path d="M49.3,12.36" transform="translate(-12.11 -31.09)"/><path d="M65.18,64.3a2.54,2.54,0,0,1,1,1.94c0,1.59-1.68,2.89-3.74,2.89s-3.75-1.3-3.75-2.89,1.52-2.74,3.44-2.86L49.3,31.09,38.89,62c1.54.36,3.54,1.88,3.54,3.18,0,1.6-1.68,2.89-3.75,2.89s-3.74-1.29-3.74-2.89A2.66,2.66,0,0,1,36.26,63L12.11,51.68l18.55,28.6H73.89l12.6-28.6Z" transform="translate(-12.11 -31.09)"/></svg></div>
  927. </a>
  928. </li>
  929.  
  930.  
  931.  
  932. <li>
  933. <a href="{text:cuisine link}">
  934. <div class="icon">
  935. <svg id="food" data-name="Layer 1" xmlns="https://www.w3.org/2000/svg" viewBox="0 0 70.6 62.83"><title>food</title><path d="M85,29,75.47,38.9a1.1,1.1,0,0,1-1.27.22.93.93,0,0,1-.34-1.47L84,25.37a1.48,1.48,0,0,0-.66-2.29,1.87,1.87,0,0,0-1.48.09L70.15,35.29a1.12,1.12,0,0,1-1.27.22h0A.94.94,0,0,1,68.54,34l9.64-11.4a1,1,0,0,0-1-1.57c-3.77.62-7,5.05-12.07,9.16C59.05,35.2,57.73,39.74,60,44l-9.39,9.38-9.17-9.18c2.31-5.22.9-13.11-4.73-17.77-7-5.82-14.09-7.39-18.21-2.53S16,36.83,21.8,44.05c3.95,4.89,9.54,6.56,13.9,5.28l9.51,9.5L26.32,77.72a2.55,2.55,0,0,0,0,3.61l1.8,1.81a2.56,2.56,0,0,0,3.62,0L50.62,64.25,69.51,83.14a2.55,2.55,0,0,0,3.61,0l1.81-1.81a2.55,2.55,0,0,0,0-3.61L56,58.83l9.16-9.15c4,2.71,7.87,1.87,13-4.36,4.64-5.65,8.83-11,8.62-15.72A1.07,1.07,0,0,0,85,29Z" transform="translate(-16.2 -21.05)"/></svg>
  936. </div>
  937. <div class="title">{text:Cuisine}</div>
  938. <div class="line"></div>
  939. <div class="description">{text:Cuisine description}</div>
  940. <div class="cursor"><svg id="Layer_1" data-name="Layer 1" xmlns="https://www.w3.org/2000/svg" viewBox="0 0 74.38 49.19"><title>crown</title><path d="M49.3,12.36" transform="translate(-12.11 -31.09)"/><path d="M65.18,64.3a2.54,2.54,0,0,1,1,1.94c0,1.59-1.68,2.89-3.74,2.89s-3.75-1.3-3.75-2.89,1.52-2.74,3.44-2.86L49.3,31.09,38.89,62c1.54.36,3.54,1.88,3.54,3.18,0,1.6-1.68,2.89-3.75,2.89s-3.74-1.29-3.74-2.89A2.66,2.66,0,0,1,36.26,63L12.11,51.68l18.55,28.6H73.89l12.6-28.6Z" transform="translate(-12.11 -31.09)"/></svg></div>
  941. </a>
  942. </li>
  943.  
  944. <li>
  945. <a href="{text:items link}">
  946. <div class="icon">
  947. <svg id="items" data-name="Layer 1" xmlns="https://www.w3.org/2000/svg" viewBox="0 0 59.02 79.43"><defs><style>.cls-1{fill:none;}</style></defs><title>potion</title><rect x="8.48" width="42.55" height="3"/><rect x="33.82" y="13.03" width="3" height="17.73" transform="translate(-22.28 -9.47) rotate(-3.3)"/><rect x="1.5" y="48" width="56.68" height="3"/><rect x="1.5" y="49.5" width="56.68" height="27.76"/><path class="cls-1" d="M37.33,35.34l-.06-3.1H26a1.92,1.92,0,0,0-1.91,1.91V86.06A1.92,1.92,0,0,0,26,88H75.19a1.92,1.92,0,0,0,1.91-1.91V34.15a1.92,1.92,0,0,0-1.91-1.91H63.08L63,35.34l.07-3.1H37.27Z" transform="translate(-21.07 -11.54)"/><path d="M75.19,29.24h-9L66,31.56l-2.9-.19,0,.87H75.19a1.92,1.92,0,0,1,1.91,1.91V86.06A1.92,1.92,0,0,1,75.19,88H26a1.92,1.92,0,0,1-1.91-1.91V34.15A1.92,1.92,0,0,1,26,32.24H37.27l-.06-3H26a4.91,4.91,0,0,0-4.91,4.91V86.06A4.91,4.91,0,0,0,26,91H75.19a4.91,4.91,0,0,0,4.91-4.91V34.15A4.91,4.91,0,0,0,75.19,29.24Z" transform="translate(-21.07 -11.54)"/><polygon points="42.07 17.7 42.07 17.7 42.07 17.7 42.07 17.7"/><polygon points="46.09 2.33 43.09 2.13 42.07 17.7 45.08 17.7 46.09 2.33"/><polygon points="42.02 19.83 44.93 20.02 45.08 17.7 42.07 17.7 42.07 17.7 42.02 19.83"/></svg>
  948.  
  949. </div>
  950. <div class="title">{text:items}</div>
  951. <div class="line"></div>
  952. <div class="description">{text:items description}</div>
  953. <div class="cursor"><svg id="Layer_1" data-name="Layer 1" xmlns="https://www.w3.org/2000/svg" viewBox="0 0 74.38 49.19"><title>crown</title><path d="M49.3,12.36" transform="translate(-12.11 -31.09)"/><path d="M65.18,64.3a2.54,2.54,0,0,1,1,1.94c0,1.59-1.68,2.89-3.74,2.89s-3.75-1.3-3.75-2.89,1.52-2.74,3.44-2.86L49.3,31.09,38.89,62c1.54.36,3.54,1.88,3.54,3.18,0,1.6-1.68,2.89-3.75,2.89s-3.74-1.29-3.74-2.89A2.66,2.66,0,0,1,36.26,63L12.11,51.68l18.55,28.6H73.89l12.6-28.6Z" transform="translate(-12.11 -31.09)"/></svg></div>
  954. </a>
  955. </li>
  956.  
  957. <li>
  958. <a href="{text:customize link}">
  959. <div class="icon">
  960.  
  961. <svg id="customize" version="1.1" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink" x="0px" y="0px"
  962. viewBox="0 0 200 200" style="enable-background:new 0 0 200 200;" xml:space="preserve">
  963. <rect x="29.11" y="99" width="50" height="85.26"/>
  964. <ellipse cx="54.11" cy="62.77" rx="24.79" ry="24.77"/>
  965. <path d="M87,137"/>
  966. <g>
  967. <path d="M180.04,127.07h-4.39c-6.93,0-10.4-8.52-5.5-13.51l3.38-3.44c1.15-1.17,1.15-3.08,0-4.25l-8.04-8.18
  968. c-1.15-1.17-3.03-1.17-4.18,0l-3.38,3.44c-4.9,4.98-13.28,1.45-13.28-5.59v-4.52c0-1.66-1.32-3.01-2.96-3.01h-11.39
  969. c-1.63,0-2.96,1.35-2.96,3.01v4.52c0,7.05-8.38,10.58-13.28,5.59l-3.01-3.07c-1.15-1.17-3.03-1.17-4.18,0l-8.04,8.18
  970. c-1.15,1.17-1.15,3.08,0,4.25l3.01,3.07c4.9,4.98,1.43,13.51-5.5,13.51h-4.39c-1.63,0-2.96,1.35-2.96,3.01v11.59
  971. c0,1.66,1.32,3.01,2.96,3.01h4.39c6.93,0,10.4,8.52,5.5,13.51l-3.38,3.44c-1.15,1.17-1.15,3.08,0,4.25l8.04,8.18
  972. c1.15,1.17,3.03,1.17,4.18,0l3.38-3.44c4.9-4.98,13.28-1.45,13.28,5.59v4.52c0,1.66,1.32,3.01,2.96,3.01h11.39
  973. c1.63,0,2.96-1.35,2.96-3.01v-4.52c0-7.05,8.38-10.58,13.28-5.59l3.01,3.07c1.15,1.17,3.03,1.17,4.18,0l8.04-8.18
  974. c1.15-1.17,1.15-3.08,0-4.25l-3.01-3.07c-4.9-4.98-1.43-13.51,5.5-13.51h4.39c1.63,0,2.96-1.35,2.96-3.01v-11.59
  975. C183,128.42,181.68,127.07,180.04,127.07z M136,153.84c-9.74,0-17.63-8.04-17.63-17.97s7.89-17.97,17.63-17.97
  976. s17.63,8.04,17.63,17.97S145.74,153.84,136,153.84z"/>
  977. </g>
  978. </svg>
  979.  
  980.  
  981.  
  982. </div>
  983. <div class="title">{text:customize}</div>
  984. <div class="line"></div>
  985. <div class="description">{text:customize description}</div>
  986. <div class="cursor"><svg id="Layer_1" data-name="Layer 1" xmlns="https://www.w3.org/2000/svg" viewBox="0 0 74.38 49.19"><title>crown</title><path d="M49.3,12.36" transform="translate(-12.11 -31.09)"/><path d="M65.18,64.3a2.54,2.54,0,0,1,1,1.94c0,1.59-1.68,2.89-3.74,2.89s-3.75-1.3-3.75-2.89,1.52-2.74,3.44-2.86L49.3,31.09,38.89,62c1.54.36,3.54,1.88,3.54,3.18,0,1.6-1.68,2.89-3.75,2.89s-3.74-1.29-3.74-2.89A2.66,2.66,0,0,1,36.26,63L12.11,51.68l18.55,28.6H73.89l12.6-28.6Z" transform="translate(-12.11 -31.09)"/></svg></div>
  987. </a>
  988. </li>
  989.  
  990.  
  991. <li>
  992. <a href="{text:help link}">
  993. <div class="icon">
  994.  
  995. <svg version="1.1" id="help" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink" x="0px" y="0px"
  996. viewBox="0 0 200 200" style="enable-background:new 0 0 200 200;" xml:space="preserve">
  997. <g>
  998. <path d="M160.7,40.65H46.3c-7.9,0-14.3,6.4-14.3,14.3v114.4c0,7.9,6.4,14.3,14.3,14.3h114.4c7.9,0,14.3-6.4,14.3-14.3V54.95
  999. C175,47.05,168.6,40.65,160.7,40.65z M105.33,158.97c0,0.89-1.45,1.55-3.1,1.55h-7.04c-6,0-11.38-2.78-11.38-6v-6.77h21.52V158.97z
  1000. M149.2,97.92c-1.86,5-6.21,8.88-13.04,11.88c-5.17,2.22-11.17,3.55-16.76,4.77c-10.55,2.33-13.45,3.44-13.45,8.21v11.99H83.18
  1001. v-11.99c0-5.88,3.31-10.55,9.73-13.88c5.17-3,12-4.33,18-5.66c9.31-2.11,14.28-3.33,15.94-7.88c2.48-6.66,1.24-12.1-4.35-15.65
  1002. c-3.52-2.22-7.86-3.33-13.45-3.33H70.15V64.17h38.91c6,0,11.8,0.67,17.18,1.89c5.59,1.44,10.14,3.44,14.07,5.99
  1003. C150.03,78.6,153.13,87.37,149.2,97.92z"/>
  1004. </g>
  1005. </svg>
  1006.  
  1007.  
  1008. </div>
  1009. <div class="title">{text:help}</div>
  1010. <div class="line"></div>
  1011. <div class="description">{text:help description}</div>
  1012. <div class="cursor"><svg id="Layer_1" data-name="Layer 1" xmlns="https://www.w3.org/2000/svg" viewBox="0 0 74.38 49.19"><title>crown</title><path d="M49.3,12.36" transform="translate(-12.11 -31.09)"/><path d="M65.18,64.3a2.54,2.54,0,0,1,1,1.94c0,1.59-1.68,2.89-3.74,2.89s-3.75-1.3-3.75-2.89,1.52-2.74,3.44-2.86L49.3,31.09,38.89,62c1.54.36,3.54,1.88,3.54,3.18,0,1.6-1.68,2.89-3.75,2.89s-3.74-1.29-3.74-2.89A2.66,2.66,0,0,1,36.26,63L12.11,51.68l18.55,28.6H73.89l12.6-28.6Z" transform="translate(-12.11 -31.09)"/></svg></div>
  1013. </a>
  1014. </li>
  1015.  
  1016.  
  1017. <li>
  1018. <a href="{text:config link}">
  1019. <div class="icon">
  1020.  
  1021. <svg version="1.1" id="config" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink" x="0px" y="0px"
  1022. viewBox="0 0 200 200" style="enable-background:new 0 0 200 200;" xml:space="preserve">
  1023. <g>
  1024. <path d="M167.22,90.06h-7.11c-11.2,0-16.81-12.88-8.89-20.42l5.47-5.2c1.87-1.78,1.87-4.66,0-6.43l-13-12.37
  1025. c-1.87-1.78-4.89-1.78-6.76,0l-5.47,5.2c-7.92,7.54-21.47,2.2-21.47-8.46v-6.83c0-2.51-2.14-4.55-4.78-4.55H86.79
  1026. c-2.64,0-4.78,2.04-4.78,4.55v6.83c0,10.66-13.54,15.99-21.47,8.46l-4.87-4.64c-1.87-1.78-4.89-1.78-6.76,0l-13,12.37
  1027. c-1.87,1.78-1.87,4.66,0,6.43l4.87,4.64c7.92,7.54,2.31,20.42-8.89,20.42h-7.11c-2.64,0-4.78,2.04-4.78,4.55v17.52
  1028. c0,2.51,2.14,4.55,4.78,4.55h7.11c11.2,0,16.81,12.88,8.89,20.42l-5.47,5.2c-1.87,1.78-1.87,4.66,0,6.43l13,12.37
  1029. c1.87,1.78,4.89,1.78,6.76,0l5.47-5.2c7.92-7.54,21.47-2.2,21.47,8.46v6.83c0,2.51,2.14,4.55,4.78,4.55h18.42
  1030. c2.64,0,4.78-2.04,4.78-4.55v-6.83c0-10.66,13.54-15.99,21.47-8.46l4.87,4.64c1.87,1.78,4.89,1.78,6.76,0l13-12.37
  1031. c1.87-1.78,1.87-4.66,0-6.43l-4.87-4.64c-7.92-7.54-2.31-20.42,8.89-20.42h7.11c2.64,0,4.78-2.04,4.78-4.55V94.61
  1032. C172,92.1,169.86,90.06,167.22,90.06z M96,130.53c-15.74,0-28.51-12.16-28.51-27.16S80.26,76.21,96,76.21s28.51,12.16,28.51,27.16
  1033. S111.74,130.53,96,130.53z"/>
  1034. </g>
  1035. </svg>
  1036.  
  1037.  
  1038. </div>
  1039. <div class="title">{text:config}</div>
  1040. <div class="line"></div>
  1041. <div class="description">{text:config description}</div>
  1042. <div class="cursor"><svg id="Layer_1" data-name="Layer 1" xmlns="https://www.w3.org/2000/svg" viewBox="0 0 74.38 49.19"><title>crown</title><path d="M49.3,12.36" transform="translate(-12.11 -31.09)"/><path d="M65.18,64.3a2.54,2.54,0,0,1,1,1.94c0,1.59-1.68,2.89-3.74,2.89s-3.75-1.3-3.75-2.89,1.52-2.74,3.44-2.86L49.3,31.09,38.89,62c1.54.36,3.54,1.88,3.54,3.18,0,1.6-1.68,2.89-3.75,2.89s-3.74-1.29-3.74-2.89A2.66,2.66,0,0,1,36.26,63L12.11,51.68l18.55,28.6H73.89l12.6-28.6Z" transform="translate(-12.11 -31.09)"/></svg></div>
  1043. </a>
  1044. </li>
  1045.  
  1046. </ul>
  1047. </aside>
  1048.  
  1049. <main>
  1050. <article class="first">
  1051. <div class="objective">
  1052. <div class="object">Objective</div>
  1053. <div class="object desc">Explore the world</div>
  1054. </div>
  1055. <div class="players">
  1056. <div class="one">
  1057. <img src="{image:sora}">
  1058. <div class="overlay">
  1059. <div class="name">{text:Sora}</div>
  1060. <div class="health sora">
  1061. <div class="exp">EXP <span style="float:right; font-size:1.12em">lv {text:sora level}</span></div>
  1062. <span style="color:limegreen">HP</span> <span style="color:limegreen; float:right; font-size:1.12em">{text:sora hp}</span><br>
  1063. <span style="color:skyblue">MP</span> <span style="color:skyblue; float:right; font-size:1.12em">{text:sora mp}</span>
  1064. </div>
  1065. </div>
  1066.  
  1067. </div>
  1068.  
  1069. <div class="two">
  1070. <img src="{image:donald}">
  1071. <div class="overlay">
  1072. <div class="name">{text:Donald}</div>
  1073. <div class="health donald">
  1074. <div class="exp">EXP <span style="float:right; font-size:1.12em">lv {text:donald level}</span></div>
  1075. <span style="color:limegreen">HP</span> <span style="color:limegreen; float:right; font-size:1.12em">{text:donald hp}</span><br>
  1076. <span style="color:skyblue">MP</span> <span style="color:skyblue; float:right; font-size:1.12em">{text:donald mp}</span>
  1077. </div>
  1078. </div>
  1079.  
  1080. </div>
  1081.  
  1082. <div class="three">
  1083. <img src="{image:Goofy}">
  1084. <div class="overlay">
  1085. <div class="name">{text:Goofy}</div>
  1086. <div class="health goofy">
  1087. <div class="exp">EXP <span style="float:right; font-size:1.12em">lv {text:goofy level}</span></div>
  1088. <span style="color:limegreen">HP</span> <span style="color:limegreen; float:right; font-size:1.12em">{text:goofy hp}</span><br>
  1089. <span style="color:skyblue">MP</span> <span style="color:skyblue; float:right; font-size:1.12em">{text:goofy mp}</span>
  1090. </div>
  1091. </div>
  1092. </div>
  1093. </div>
  1094. </article>
  1095. {block:posts}
  1096. <article class="posts">
  1097. {block:date}
  1098. <div class="objective">
  1099. <div class="object">A {PostType} post</div>
  1100. <div class="object desc">
  1101. <a href="{permalink}"> {lang:Posted on Month DayOfMonth Year with NoteCount notes}</a></div>
  1102. </div>
  1103. {/block:date}
  1104. {block:Text}
  1105.  
  1106. <div class="text">
  1107. {block:Title}
  1108. <h1>{Title}</h1>
  1109. {/block:Title}
  1110. {block:notreblog}
  1111. <figcaption>
  1112. {Body}
  1113. </figcaption>
  1114. {/block:NotReblog}
  1115.  
  1116. {block:RebloggedFrom}
  1117. <div class="reblog-list">
  1118. {block:Reblogs}
  1119. <div class="{block:isOriginalEntry}original-reblog{/block:isOriginalEntry}">
  1120. <div class="reblog-header">
  1121.  
  1122. {block:IsActive}
  1123. <a class="{block:isNotOriginalEntry}sub-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
  1124. <img src="{PortraitURL-64}" style="width:40px; float:left">
  1125. </a>
  1126. {/block:IsActive}
  1127.  
  1128. {block:IsDeactivated}
  1129. <span class="inactive {block:isNotOriginalEntry} sub-reblog{/block:isNotOriginalEntry}">
  1130. <img src="{PortraitURL-64}" style="width:40px; float:left">
  1131. </span>
  1132. {/block:IsDeactivated}
  1133.  
  1134. {block:IsActive}
  1135. <a target="_blank" href="{Permalink}" class="user">{Username}</a>
  1136. {/block:IsActive}
  1137.  
  1138. {block:IsDeactivated}
  1139. <span class="inactive deactivated">{Username}</span>
  1140. {/block:IsDeactivated}
  1141.  
  1142. </div>
  1143. <div class="reblog-content">
  1144. {Body}
  1145. </div>
  1146. </div>
  1147. {/block:Reblogs}
  1148. </div>
  1149. {/block:RebloggedFrom}
  1150. </div>
  1151.  
  1152. {/block:text}
  1153. {block:Photo}
  1154. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}">
  1155. {/block:Photo}
  1156.  
  1157. {block:Panorama}
  1158. {LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}" />{LinkCloseTag}
  1159. {/block:Panorama}
  1160.  
  1161. {block:Photoset}
  1162. {Photoset}
  1163. {/block:Photoset}
  1164. {block:Answer}
  1165. <div class="quote">
  1166. {Question}
  1167. <br>
  1168. {Answer}
  1169. </div>
  1170. {/block:Answer}
  1171.  
  1172. {block:Link}
  1173. <div class="link">
  1174. <a href="{URL}" class="linkp">{Name}</a>
  1175. {block:Description}
  1176. {Description}
  1177. {/block:Description}
  1178. </div>
  1179. {/block:Link}
  1180. {block:Quote}
  1181. <div class="quote">
  1182. {Quote}
  1183. <p>
  1184. {Source}
  1185. </p>
  1186. </div>
  1187. {/block:Quote}
  1188.  
  1189. {block:Chat}
  1190. <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}
  1191.  
  1192. {block:Video}
  1193. <center>
  1194. {Video-400}
  1195. </center>
  1196. {/block:Video}
  1197. {block:Audio}
  1198.  
  1199. <div class="audiop" style="{block:AlbumArt}background:url({AlbumArtURL});{/block:AlbumArt}">
  1200. <div class="playerbox">
  1201. <div class="playercon"><div class="player">{AudioPlayerWhite}</div></div></div>
  1202. <div class="infobox">
  1203. <div class="trackname"> {block:TrackName}
  1204. Track: {TrackName}
  1205. {/block:TrackName} </div>
  1206.  
  1207. <div class="artist">
  1208. {block:Artist}
  1209.  
  1210. Artist: {Artist}
  1211. {/block:Artist} </div>
  1212.  
  1213. <div class="album">
  1214. {block:Album}
  1215. Album: {Album}
  1216. {/block:Album}
  1217. </div>
  1218.  
  1219. </div></div>
  1220. {/block:Audio}
  1221. {block:caption}
  1222.  
  1223. <div class="caption">
  1224. {block:Title}
  1225. <h1>{Title}</h1>
  1226. {/block:Title}
  1227. {block:notreblog}
  1228. <figcaption>
  1229. {Body}
  1230. </figcaption>
  1231. {/block:NotReblog}
  1232.  
  1233. {block:RebloggedFrom}
  1234. <div class="reblog-list">
  1235. {block:Reblogs}
  1236. <div class="reblogs {block:isOriginalEntry}original-reblog{/block:isOriginalEntry}">
  1237. <div class="reblog-header">
  1238.  
  1239. {block:IsActive}
  1240. <a class="{block:isNotOriginalEntry}sub-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
  1241. <img src="{PortraitURL-64}" style="width:40px; float:left">
  1242. </a>
  1243. {/block:IsActive}
  1244.  
  1245. {block:IsDeactivated}
  1246. <span class="inactive {block:isNotOriginalEntry} sub-reblog{/block:isNotOriginalEntry}">
  1247. <img src="{PortraitURL-64}" style="width:40px; float:left">
  1248. </span>
  1249. {/block:IsDeactivated}
  1250.  
  1251. {block:IsActive}
  1252. <a target="_blank" href="{Permalink}" class="user">{Username}</a>
  1253. {/block:IsActive}
  1254.  
  1255. {block:IsDeactivated}
  1256. <span class="inactive deactivated">{Username}</span>
  1257. {/block:IsDeactivated}
  1258.  
  1259. </div>
  1260. <div class="reblog-content">
  1261. {Body}
  1262. </div>
  1263. </div>
  1264. {/block:Reblogs}
  1265. </div>
  1266. {/block:RebloggedFrom}
  1267. </div>
  1268.  
  1269. {/block:caption}
  1270.  
  1271. {block:hastags}
  1272. <div class="tags">
  1273. {block:tags}<a href="{TagURL}"><span>✖</span> {Tag}</a>
  1274. {/block:tags}
  1275. </div>
  1276. {/block:hastags}
  1277. </article>
  1278.  
  1279. <div class="permpag">
  1280. {block:PermalinkPagination}
  1281. {block:PreviousPost}
  1282. <a href="{PreviousPost}">{lang:Previous Post}</a>
  1283. {/block:PreviousPost}
  1284.  
  1285. {block:NextPost}
  1286. <a href="{NextPost}">{lang:Next Post}</a>
  1287. {/block:NextPost}
  1288. {/block:PermalinkPagination}
  1289. </div>
  1290.  
  1291. {PostNotes}
  1292. {/block:posts}
  1293. <div id="pagination">
  1294. {block:Pagination}{block:PreviousPage}
  1295. <span> <a href="{PreviousPage}">{lang:Previous}</a></span>
  1296. {/block:PreviousPage}{block:JumpPagination length="4"}{block:CurrentPage}
  1297. <span class="current_page">{PageNumber}</span>
  1298. {/block:CurrentPage}
  1299. {block:JumpPage}
  1300. <a class="jump_page" href="{URL}">{PageNumber}</a>
  1301. {/block:JumpPage}{/block:JumpPagination}
  1302.  
  1303. {block:NextPage}
  1304. <span> <a href="{NextPage}">{lang:Next}</a></span>
  1305. {/block:NextPage}{/block:Pagination}
  1306.  
  1307.  
  1308.  
  1309. <p style="width:100%; text-align:center;">
  1310.  
  1311. </div>
  1312. </main>
  1313. </body>
  1314. </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!