API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Feb 21st, 2020
153
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 44.14 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. LOVE ALARM
  3. ( V2 )
  4. by sercnidad
  5.  
  6. * do not use as a base code
  7. * do not steal
  8. * do not edit or remove the credit
  9. * do not take parts of this theme and paste it into another that isn't mine
  10.  
  11. * base code credit: ultraviclets.
  12.  
  13. !-->
  14.  
  15.  
  16.  
  17. <head>
  18.  
  19. <title>{Title}</title>
  20. <link rel="shortcut icon" href="{Favicon}">
  21. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  22. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  23.  
  24. <meta name="color:background" content="#ffffff"/>
  25. <meta name="color:wave" content="#ffffff"/>
  26. <meta name="color:text" content="#000000"/>
  27. <meta name="color:links" content="#666666"/>
  28. <meta name="color:hover" content="#c6c6c6"/>
  29. <meta name="color:borders" content="#d7d7d7"/>
  30. <meta name="color:posts" content="#eaeaea"/>
  31. <meta name="color:sidebar" content="#737373"/>
  32. <meta name="color:container" content="#c6c6c6"/>
  33. <meta name="color:accent" content="#737373"/>
  34. <meta name="color:accent 2" content="#737373"/>
  35. <meta name="color:bold" content="#737373"/>
  36. <meta name="color:italic" content="#737373"/>
  37. <meta name="color:blockquote" content="#737373"/>
  38. <meta name="color:title" content="#737373"/>
  39.  
  40. <meta name="image:background" content=""/>
  41. <meta name="image:sidebar" content="https://via.placeholder.com/200x300"/>
  42.  
  43. <meta name="text:title" content="two lines">
  44. <meta name="text:desc" content="Lorem ipsum dolor sit amet,">
  45. <meta name="text:bouncy" content="it bounces!">
  46. <meta name="text:navi desc" content="honestly u can make this as long as u want bc this will overflow so like u can put ur rules or anything u want feel free to even write the whole bee movie script if that's what ur heart tells u to do">
  47.  
  48. <meta name="text:draft count" content="#000">
  49. <meta name="text:characters" content="#000">
  50.  
  51. <meta name="text:tablink" content="navigation title">
  52. <meta name="text:tablink 2" content="muses title">
  53.  
  54. <meta name="text:tab link" content="link 1">
  55. <meta name="text:tab link url" content="/">
  56. <meta name="text:tab link 2" content="link 2">
  57. <meta name="text:tab link url 2" content="/">
  58. <meta name="text:tab link 3" content="link 3">
  59. <meta name="text:tab link url 3" content="/">
  60. <meta name="text:tab link 4" content="link 4">
  61. <meta name="text:tab link url 4" content="/">
  62. <meta name="text:tab link 5" content="link 5">
  63. <meta name="text:tab link url 5" content="/">
  64. <meta name="text:tab link 6" content="link 6">
  65. <meta name="text:tab link url 6" content="/">
  66. <meta name="text:tab link 7" content="link 7">
  67. <meta name="text:tab link url 7" content="/">
  68. <meta name="text:tab link 8" content="link 8">
  69. <meta name="text:tab link url 8" content="/">
  70. <meta name="text:tab link 9" content="link 9">
  71. <meta name="text:tab link url 9" content="/">
  72.  
  73.  
  74.  
  75. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script>
  76. <script>
  77. $(() => {
  78. 'use strict';
  79. $('like-b').click(function() {
  80. $(this).toggleClass('pressed');
  81. });
  82. });
  83. </script>
  84.  
  85. <script src="https://cdn.jsdelivr.net/npm/circletype@2.2.0/dist/circletype.min.js"></script>
  86. <script>
  87. new CircleType(document.getElementById('circletype'))
  88. </script>
  89.  
  90. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  91. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  92. <script>
  93. (function($){
  94. $(document).ready(function() {
  95. $("a[title]").style_my_tooltips({
  96. tip_follows_cursor:false,
  97. tip_delay_time:90,
  98. tip_fade_speed:600,
  99. attribute:"title"
  100. });
  101. });
  102. })(jQuery);
  103. </script>
  104.  
  105. <script>
  106. $(document).ready(function() {
  107. //
  108. $('a.poplight[href^=#]').click(function() {
  109. var popID = $(this).attr('rel');
  110. var popURL = $(this).attr('href');
  111. var query= popURL.split('?');
  112. var dim= query[1].split('&');
  113. var popWidth = dim[0].split('=')[1];
  114. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  115. var popMargTop = ($('#' + popID).height() + 0) / 2;
  116. var popMargLeft = ($('#' + popID).width() + 0) / 2;
  117. $('#' + popID).css({
  118. 'margin-top' : -popMargTop,
  119. 'margin-left' : -popMargLeft
  120. });
  121. $('body').append('<div id="fade"></div>');
  122. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn();
  123. return false;
  124. });
  125. $('a.close, #fade').live('click', function() {
  126. $('#fade , .tabzcon').fadeOut(function() {
  127. $('#fade, a.close').remove();
  128. });
  129. return false;
  130. });
  131. });
  132. </script>
  133.  
  134. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous">
  135.  
  136. <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  137.  
  138. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  139.  
  140. <link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet">
  141.  
  142. <link href="https://fonts.googleapis.com/css?family=Courier+Prime&display=swap" rel="stylesheet">
  143.  
  144. <link href="https://fonts.googleapis.com/css?family=Courier+Prime&display=swap" rel="stylesheet">
  145.  
  146. <link href="https://fonts.googleapis.com/css?family=Yeseva+One&display=swap" rel="stylesheet">
  147.  
  148. <link href="https://fonts.googleapis.com/css?family=Abril+Fatface&display=swap" rel="stylesheet">
  149.  
  150. <link href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700&display=swap" rel="stylesheet">
  151.  
  152. <link href="https://fonts.googleapis.com/css?family=Quicksand:300,400,500,600,700&display=swap" rel="stylesheet">
  153.  
  154. <link href="https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700,800,900&display=swap" rel="stylesheet">
  155.  
  156. <link href="https://fonts.googleapis.com/css?family=Herr+Von+Muellerhoff&display=swap" rel="stylesheet">
  157.  
  158.  
  159.  
  160.  
  161. <style type="text/css">
  162.  
  163.  
  164. /* SCROLLBAR & TOOLTIP */
  165.  
  166.  
  167. ::-webkit-scrollbar { width:2px; background: {color:background}; display:none; }
  168.  
  169. ::-webkit-scrollbar-thumb { background-color:{color:background}; }
  170.  
  171. #s-m-t-tooltip { max-width:230px; padding:2px 9px 2px 10px; border-radius:3px; margin:20px 15px; color:{color:text}; background-color:{color:accent}; z-index:999999999999999; text-transform:uppercase; letter-spacing:1px; font-size:8.5px; text-align:justify; }
  172.  
  173.  
  174. /* BODY */
  175.  
  176.  
  177. body { background-color:{color:background}; color:{color:text}; font-family:'quicksand'; font-weight:500; font-size:9px; letter-spacing:1.5px; line-height:20px; background-image:url('{image:background}'); background-size:cover; overflow:hidden; }
  178.  
  179. a { text-decoration:none; color:{color:links}; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
  180.  
  181. a:hover { color:{color:hover}; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
  182.  
  183. blockquote { border-left:1px solid {color:blockquote}; margin-left:10px; padding-left:12px; width:90%; }
  184.  
  185. blockquote blockquote { border-left:1px solid {color:accent 2}; margin-left:5px; }
  186.  
  187. blockquote blockquote blockquote { border-left:1px solid {color:blockquote}; margin-left:5px; }
  188.  
  189. blockquote blockquote blockquote blockquote { border-left:1px solid {color:accent 2}; margin-left:5px; }
  190.  
  191. small, sup, sub { font-size:9px; }
  192.  
  193. b, strong { font-weight:800; color:{color:bold}; }
  194.  
  195. i, em { color:{color:italic}; font-weight:700; }
  196.  
  197. h1, h2, h3 { font-family:'quicksand'; font-weight:900; text-transform:lowercase; letter-spacing:1px; color:{color:text}; text-align:center; font-size:20px; line-height:20px; }
  198.  
  199.  
  200.  
  201.  
  202. /* HOLDER */
  203.  
  204.  
  205. #container { position:absolute; margin:auto; left:40px; right:0px; top:0px; bottom:0px; width:700px; height:460px; background-color:{color:container}; overflow:visible; padding:10px; border:1px solid {color:borders}; border-bottom-left-radius:5px; border-bottom-right-radius:5px; z-index:8; }
  206.  
  207.  
  208.  
  209. /* SIDEBAR */
  210.  
  211. #wave { position:absolute; width:720px; left:0px; top:0px; }
  212.  
  213. .topbar { position:absolute; left:-1px; top:-22px; width:720px; height:20px; background-color:{color:accent}; border:1px solid {color:borders}; z-index:7; }
  214.  
  215. #sidebar { position:absolute; top:0px; left:0px; z-index:9; width:340px; height:480px; overflow:visible; background-color:transparent; border-top-left-radius:0px; border-bottom-left-radius:0px; border-right: 0px solid {color:borders}; }
  216.  
  217. #sidebar img { position:absolute; top:20px; left:122px; width:250px; height:470px; z-index:9999999999; -webkit-user-select: none;
  218. -khtml-user-select: none;
  219. -moz-user-select: none;
  220. -o-user-select: none;
  221. user-select: none; }
  222.  
  223. .jaehyun { position:absolute; height:220px; width:230px; top:30px; left:45px; font-family:'poppins'; font-size:9px; }
  224.  
  225. .jaehyun li { width: 20px; height: 20px; margin-right: 3px; list-style: none; float: left; text-align: center; font-size: 9px; color: {color:text}; }
  226.  
  227. .jaehyun strong { font-size: 15px; -webkit-text-fill-color: transparent; -webkit-text-stroke: 1px {color:text}; text-shadow: 4px 2px {color:accent 2}; }
  228.  
  229.  
  230. .title { position:absolute; left:35px; top:40px; width:270px; height:220px; font-size:70px; padding:18px; text-align:left; text-transform:lowercase; line-height:65px; color:{color:title}; font-family:'abril fatface'; font-weight:400; -webkit-text-fill-color: transparent; -webkit-text-stroke: 1px {color:text}; text-shadow: 4px 5px {color:accent}; z-index:9999999999999999; }
  231.  
  232.  
  233. #bubble { position:absolute; height:110px; width:110px; top:40px; left:-55px; background-color:{color:accent 2}; opacity:.3; border-radius:100px; z-index:999999999998; animation: pulse 2s infinite; }
  234.  
  235. #bububble { position:absolute; height:90px; width:90px; top:50px; left:-45px; background-color:{color:accent 2}; opacity:.7; border-radius:100px; z-index:999999999999; animation: pulse 2s infinite; }
  236.  
  237. #bubblity { position:absolute; height:70px; width:70px; top:60px; left:-35px; background-color:{color:accent 2}; border-radius:100px; z-index:9999999999999; }
  238.  
  239. @-webkit-keyframes pulse {
  240. 0% {
  241. -webkit-box-shadow: 0 0 0 0 {color:accent 2};
  242. }
  243. 70% {
  244. -webkit-box-shadow: 0 0 0 10px {color:accent 2};
  245. }
  246. 100% {
  247. -webkit-box-shadow: 0 0 0 0 {color:accent 2};
  248. }
  249. }
  250.  
  251. @keyframes pulse {
  252. 0% {
  253. -moz-box-shadow: 0 0 0 0 {color:accent 2};
  254. box-shadow: 0 0 0 0 {color:accent 2};
  255. }
  256. 70% {
  257. -moz-box-shadow: 0 0 0 10px rgba(204,169,44, 0);
  258. box-shadow: 0 0 0 10px rgba(204,169,44, 0);
  259. }
  260. 100% {
  261. -moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
  262. box-shadow: 0 0 0 0 rgba(204,169,44, 0);
  263. }
  264. }
  265.  
  266. .bubbly { position:absolute; height:70px; width:70px; top:23px; left:23px; font-family:'poppins'; font-size: 25px; color:{color:posts}; }
  267.  
  268.  
  269. #bubble2 { position:absolute; height:60px; width:60px; top:-10px; left:-90px; background-color:{color:accent 2}; opacity:.3; border-radius:100px; z-index:999999999998; animation: pulse 2s infinite; }
  270.  
  271. #bububble2 { position:absolute; height:40px; width:40px; top:0px; left:-80px; background-color:{color:accent 2}; opacity:.7; border-radius:100px; z-index:999999999999; animation: pulse 2s infinite; }
  272.  
  273. #bubblity2 { position:absolute; height:10px; width:10px; top:15px; left:-65px; background-color:{color:accent 2}; border-radius:100px; z-index:9999999999999; }
  274.  
  275. @-webkit-keyframes pulse {
  276. 0% {
  277. -webkit-box-shadow: 0 0 0 0 {color:accent 2};
  278. }
  279. 70% {
  280. -webkit-box-shadow: 0 0 0 10px {color:accent 2};
  281. }
  282. 100% {
  283. -webkit-box-shadow: 0 0 0 0 {color:accent 2};
  284. }
  285. }
  286.  
  287. @keyframes pulse {
  288. 0% {
  289. -moz-box-shadow: 0 0 0 0 {color:accent 2};
  290. box-shadow: 0 0 0 0 {color:accent 2};
  291. }
  292. 70% {
  293. -moz-box-shadow: 0 0 0 10px rgba(204,169,44, 0);
  294. box-shadow: 0 0 0 10px rgba(204,169,44, 0);
  295. }
  296. 100% {
  297. -moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
  298. box-shadow: 0 0 0 0 rgba(204,169,44, 0);
  299. }
  300. }
  301.  
  302. .bubbly2 { position:absolute; height:20px; width:20px; top:-4px; left:-4px; font-family:'poppins'; font-size: 19px; color:{color:posts}; }
  303.  
  304. #lovealarm { position:absolute; height:40px; width:135px; top:-25px; left:60px; background-color:{color:posts}; padding:8px; z-index:99999; border-radius:5px; border:1px solid {color:borders}; animation: bounce 1.7s; animation-direction: alternate; animation-timing-function: cubic-bezier(.9, 0.9, 1.5, .9); animation-iteration-count: infinite; }
  305.  
  306.  
  307. @-webkit-keyframes bounce {
  308. from {
  309. -webkit-transform: translate3d(0, 0, 0);
  310. transform: translate3d(0, 0, 0);
  311. }
  312. to {
  313. -webkit-transform: translate3d(0, 60px, 0);
  314. transform: translate3d(0, 60px, 0);
  315. }
  316. }
  317.  
  318. .bouncy { position:absolute; height:40px; width:133px; top:3px; left:0px; padding:8px; padding-top:4px; text-align:left; font-family:'quicksand'; font-size:8px; color:{color:text}; }
  319.  
  320.  
  321.  
  322.  
  323. #nana { position:absolute; top:80px; left:-90px; width:306px; height:14px; background-color:{color:accent}; border:1px solid {color:text}; border-top-left-radius:5px; border-top-right-radius:5px; z-index:9997; }
  324.  
  325. .circle { position:absolute; font-size:8px; margin-left:290px; margin-top:-1px; color:{color:posts}; z-index:999; }
  326.  
  327. .circle2 { position:absolute; font-size:8px; margin-left:273px; margin-top:-1px; color:{color:posts}; z-index:999; }
  328.  
  329. #jeno { position:absolute; top:95px; left:-90px; width:270px; height:220px; background-color:{color:container}; padding:18px; border:1px solid {color:text}; border-radius:5px; border-top-left-radius:0px; border-top-right-radius:0px; z-index:9998; }
  330.  
  331. .nono { position:absolute; height:200px; width:260px; top:40px; left:30px; font-family:'poppins'; font-size:20px; }
  332.  
  333. .nono li { width: 20px; height: 20px; margin-right: 3px; list-style: none; float: left; text-align: center; font-size: 9px; color: {color:text}; }
  334.  
  335. .nono strong { font-size: 12px; -webkit-text-fill-color: transparent; -webkit-text-stroke: 1px {color:text}; text-shadow: 4px 2px {color:accent 2}; }
  336.  
  337. #shadow { position:absolute; top:95px; left:-100px; width:270px; height:240px; background-color:{color:accent 2}; padding:18px; border:1px solid {color:text}; border-radius:5px; z-index:9; }
  338.  
  339. #chenle { position:absolute; top:310px; left:-35px; width:266px; height:14px; background-color:{color:accent 2}; border:1px solid {color:text}; border-top-right-radius:5px; border-top-left-radius:5px; z-index:99999; }
  340.  
  341. .lele { position:absolute; font-size:8px; margin-left:250px; margin-top:-1px; color:{color:posts}; z-index:999; }
  342.  
  343. .lele2 { position:absolute; font-size:8px; margin-left:233px; margin-top:-1px; color:{color:posts}; z-index:999; }
  344.  
  345. #hendery { position:absolute; top:325px; left:-35px; width:230px; height:60px; background-color:{color:container}; padding:18px; border:1px solid {color:borders}; border-bottom-left-radius:5px; border-bottom-right-radius:5px; z-index:99999; }
  346.  
  347. #yangyang { position:absolute; top:315px; left:-45px; width:230px; height:80px; background-color: {color:blockquote}; padding:18px; border:1px solid {color:borders}; border-radius:5px; z-index:99999; }
  348.  
  349.  
  350. /* DESCRIPTION */
  351.  
  352. .desc { position:absolute; width:220px; height:80px; top:13px; left:21px; text-align:center; line-height:19px; overflow:auto; color:{color:text}; }
  353.  
  354. .taeil { position:absolute; z-index:9999999999; font-family:'poppins'; padding-top:10px; width:350px; height:25px; letter-spacing:0px; top: 388px; left: -50px; text-align:center; line-height:120px; transform: rotate(0deg); -moz-animation: fadein 1s; -webkit-animation: fadein 1s; -o-animation: fadein 1s; }
  355.  
  356. .taeil a { font-size:17px; background-color:transparent; border:0px solid {color:borders}; color:white; padding-top:14px; padding-bottom:12px; padding-left:8px; padding-right:6px; border-radius:30%; margin-right:30px; box-shadow:none; -webkit-transition∂: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
  357.  
  358. .taeil a:hover { color:{color:hover}; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
  359.  
  360. .pagination { position:absolute; width:370px; top:420px; left:-90px; text-align:center; line-height:30px; border:0px solid {color:borders}; transform: rotate(0deg); z-index:9999999; }
  361.  
  362. .pagination a { font-family:'quicksand'; width:70px; font-size:8px; text-transform:uppercase; color:{color:posts}; font-weight:bold; background:{color:accent}; padding:6px; padding-left:9px; border-radius:100px; }
  363.  
  364.  
  365. /* POSTS STYLING */
  366.  
  367.  
  368.  
  369. .entries { text-align:justify; position:absolute; height:430px; width:370px; overflow:auto; margin:auto; padding-right:50px; left:339px; right:0px; bottom:10px; overflow-x:hidden; }
  370.  
  371. .posts { width:310px; background-color:{color:posts}; margin-bottom:45px; margin-top:0px; margin-left:17px; text-align:justify; padding-left:20px; padding-right:18px; padding-top:10px; padding-bottom:10px; border:0px solid {color:borders}; border-radius:5px; }
  372.  
  373. .posts a { padding-left:2px; }
  374.  
  375. .posts li:before { content: '\ea55'; font-family:'honeybee'; font-size:6.5px; margin-right:10px; line-height:20px; }
  376.  
  377. .posts ul li { list-style-type: none; }
  378.  
  379. .posts img { max-width:310px; height:auto; padding-top:7px; }
  380.  
  381. iframe { max-width:310px; }
  382.  
  383. .html_photoset { padding-top:17px; }
  384.  
  385. .more { width:100%; text-align:center; margin-top:20px; margin-bottom:5px; }
  386.  
  387. .more a { text-transform:uppercase; font-size:9px; color:{color:posts}; background-color:{color:links}; padding:4px 11px 4px 11px; border-radius:3px; font-weight:800; }
  388.  
  389. #permalink { font-family:'poppins'; text-align:left; text-transform:uppercase; font-size:9px; padding-top:6px; padding-bottom:6px; padding-left:10px; padding-right:10px; margin-top:20px; margin-bottom:10px; background: transparent; border-top:1px solid {color:borders}; color:{color:text}; }
  390.  
  391. #permalink a { letter-spacing:1px; font-weight:600; color:{color:links}; padding-right:2px; webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
  392.  
  393. #tags { width:350px; margin-top:-40px; margin-left:20px; margin-bottom:70px; letter-spacing:1px; font-size:9px; text-align:center; line-height:16px; color:{color:text}; }
  394.  
  395. #tags span { font-size:7px; }
  396.  
  397. #tags a { letter-spacing:1px; color:{color:links}; padding-left:2px; padding-right:2px; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
  398.  
  399. #tags a:hover { color:{color:hover}; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
  400.  
  401. .like-b {
  402. position:absolute;
  403. display:inline-block;
  404. height:1em;
  405. line-height:1em;
  406. overflow:hidden;
  407. margin-bottom:-1px;
  408. }
  409. .like-b .like_button iframe {
  410. position:absolute;
  411. top:0;
  412. left:0;
  413. bottom:0;
  414. right:0;
  415. z-index:2;
  416. opacity:0;
  417. }
  418.  
  419. .like-b .liked + .b {
  420. color:{color:accent};
  421. }
  422. .b:pressed {
  423. color: #000;
  424. }
  425.  
  426.  
  427. /* QUOTE STYLING */
  428.  
  429.  
  430. #q { color:{color:text}; padding-top:20px; padding-left:10px; padding-right:20px; font-size:32px; line-height:33px; text-align:center; color:{color:text}; }
  431.  
  432. .source { color:{color:text}; margin-top:15px; font-size:8px; font-weight:500; text-align:center; letter-spacing:1px; text-transform:uppercase; padding-bottom:5px; }
  433.  
  434. .source a:hover { color:{color:hover}; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
  435.  
  436.  
  437. /* ASK STYLING */
  438.  
  439.  
  440. #question { padding:20px 30px; padding-bottom:20px; margin:0px; margin-top:5px; margin-bottom:10px; color:{color:posts}; background-color:{color:accent}; text-align:justify; border-radius:3px; }
  441.  
  442. #asker { margin:auto; width:290px; height:15px; margin-bottom:-2px; margin-top:-7px; padding:6px; font-size:11px; text-transform:lowercase; text-align:left; border:0px solid {color:borders}; border-radius:100px; }
  443.  
  444. #asker b { font-family:'quicksand'; color:{color:bold}; font-size:11.5px; }
  445.  
  446. #asker a { font-family:'quicksand'; text-transform:lowercase; font-size:11.5px; letter-spacing: 1px; text-align:center; color:{color:bold}; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
  447.  
  448. #asker a:hover { color:{color:hover}; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
  449.  
  450.  
  451. /* AUDIO STYLING */
  452.  
  453.  
  454. .playbutton { width:30px; height:30px; overflow:hidden; position:relative; margin-top:25px; margin-left:25px; z-index:9; opacity:.7; }
  455.  
  456. .albumart img { height:60px; width:60px; position:relative; margin-top:-65px; margin-left:0px; margin-left:10px; {block:ifGrayscale} -webkit-filter: grayscale(100%); {/block:ifGrayscale} -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
  457.  
  458. .albumart img:hover { {block:ifGrayscale} -webkit-filter: grayscale(0%); {/block:ifGrayscale} -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
  459.  
  460. .albumdetails { margin-top:-68px; text-align:;left; margin-left:75px; padding:5px; text-transform:uppercase; font-size:8px; letter-spacing:1px; }
  461.  
  462. .albumdetails lame { letter-spacing:1px; font-size:8px; line-height:70%; display:inline-block; text-transform:uppercase; color:{color:accent}; background-color:{color:posts}; margin-right:5px; font-weight:800; }
  463.  
  464.  
  465. /* TABS BASE CODE BY ALYOFRP. */
  466.  
  467.  
  468. .tabzclose { /* the close button, u prob dont need to touch this */
  469. position:absolute;
  470. text-transform:uppercase;
  471. font-weight:bold;
  472. font-size:8px;
  473. padding:0px;
  474. color:{color:links};
  475. top:30px;
  476. right:30px;
  477. height:20px;
  478. z-index:9999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999;
  479. }
  480.  
  481.  
  482. .tabzcon { margin-left:200px; margin-top:-60px; position:absolute; z-index:999999; overflow:scroll; width:350px; height:535px; border-top-right-radius:0px; border-bottom-right-radius:0px; background-color:{color:container}; color:{color:text}; -moz-animation: fadein 1s; -webkit-animation: fadein 1s; -o-animation: fadein 1s; }
  483.  
  484.  
  485.  
  486. .tabzclose:hover { cursor:pointer; }
  487.  
  488. @keyframes fadein { 0% { opacity: 0; } 100% { opacity: 1; } }
  489.  
  490.  
  491.  
  492.  
  493.  
  494. /* NAVIGATE */
  495.  
  496.  
  497. #taeyong { position:absolute; height:460px; width:370px; overflow:hidden; margin:auto; border-radius:10px; padding-right:50px; left:0px; right:0px; bottom:0px; overflow-x:hidden; }
  498.  
  499. .navi { width:290px; height:400px; background-color:transparent; opacity:1; margin-bottom:45px; margin-top:0px; margin-left:20px; text-align:justify; padding-left:20px; padding-right:18px; padding-top:3px; padding-bottom:10px; border-radius:10px; }
  500.  
  501. #yuta { position:absolute; top:220px; left:65px; width:190px; height:140px; background-color:{color:container}; padding:20px; border-radius:5px; }
  502.  
  503. .nakamoto { position:absolute; width:190px; height:140px; top:20px; left:20px; text-align:justify; line-height:19px; overflow:auto; color:{color:text}; }
  504.  
  505.  
  506. .doyo { position:absolute; z-index:9; top:300px; left:30px; text-align:center; width:240px; }
  507.  
  508. .doyo a { font-family:'poppins'; font-size:20px; color:{color:text}; text-align:center; margin-top:-10px;}
  509.  
  510. .doyo a:hover { color:{color:hover}; }
  511.  
  512. .doyo li { list-style-type:none; width:30px; height:30px; margin-bottom:10px; margin-right:10px; border-radius:100px; float:left; text-align:center; background-color:{color:wave}; }
  513.  
  514.  
  515. #changbin { position:absolute; width:250px; height:270px; border-radius:15px; background-color:{color:posts}; padding:12px; top:50px; left:10px; }
  516.  
  517. .binnie { position:absolute; width:230px; height:295px; font-family:'quicksand'; font-size:9px; padding:12px; color:{color:text}; text-align:justify; overflow:auto; left:5px; top:3px; }
  518.  
  519. #navtitle { z-index:99; position:absolute; font-family:'Herr Von Muellerhoff'; top:25px; left:50px; text-align:center; color:{color:text}; font-size:45px; width: 330px; line-height:40px; text-shadow: 3px 1px {color:wave}; letter-spacing:2px;}
  520.  
  521. #navinfo { position:absolute; width:200px; height:100px; font-family:'quicksand'; font-size:12px; padding:12px; color:{color:text}; text-align:justify; overflow:auto; line-height:10px; top:350px; left:150px; font-style:italic;}
  522.  
  523. #wavetab { position:absolute; width:720px; left:-350px; top:0px; border-right:1px solid color:{color:borders}; }
  524.  
  525.  
  526. #naviconborder1 { position:absolute; width:60px; height:60px; top: 90px; left: 270px; border-radius:5px; border:1px solid {color:white}; }
  527.  
  528. #navicon1 { position:absolute; width:50px; height:50px; top: 5px; left: 5px;}
  529.  
  530. #naviconborder2 { position:absolute; width:60px; height:60px; top: 170px; left: 270px; border-radius:5px; border:1px solid {color:white}; }
  531.  
  532. #navicon2 { position:absolute; width:50px; height:50px; top: 5px; left: 5px;}
  533.  
  534.  
  535. #naviconborder3 { position:absolute; width:60px; height:60px; top: 250px; left: 270px; border-radius:5px; border:1px solid {color:white}; }
  536.  
  537. #navicon3 { position:absolute; width:50px; height:50px; top: 5px; left: 5px;}
  538.  
  539. /* MUSES */
  540.  
  541.  
  542. #wavetab { position:absolute; width:720px; left:-350px; top:0px; border-right:1px solid color:{color:borders}; }
  543.  
  544. .weishen { position:absolute; margin-top:20px; margin-left:-15px; width:330px; height:290px; overflow:auto; z-index:9999; }
  545.  
  546. .weishen li { list-style-type:none; margin-top:10px; margin-left:15px; float:right; }
  547.  
  548. .weishen img { box-shadow:3px 3px 0px {color:accent}; }
  549.  
  550. #drafts { position:absolute; top:370px; left:100px; font-family:'quicksand'; font-size:12px; z-index:99999; }
  551.  
  552. .dcount { position:absolute; top:-30px; left:-20px; font-family:'montserrat'; font-weight:900; font-size:25px; color:{color:accent}; z-index:99999; }
  553.  
  554. #characters { position:absolute; top:370px; left:200px; font-family:'quicksand'; font-size:12px; z-index:99999; }
  555.  
  556. .ccount { position:absolute; top:-30px; left:-20px; font-family:'montserrat'; font-weight:900; font-size:25px; color:{color:accent}; z-index:99999; }
  557.  
  558. /* CREDIT */
  559.  
  560.  
  561.  
  562.  
  563. #credit a { right:20px; bottom:20px; position:fixed; background-color:{color:posts}; color:{color:links}; padding-top:8px; padding-bottom:9px; padding-left:12px; padding-right:11px; border-radius:100%; font-size:16px; font-family: 'Playfair Display', serif; }
  564.  
  565.  
  566. {CustomCSS}
  567.  
  568.  
  569. </style>
  570.  
  571. <link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet">
  572.  
  573.  
  574. </head>
  575. <body>
  576.  
  577. <div id="container">
  578.  
  579.  
  580. <div id="wave">
  581. <svg xmlns="http://www.w3.org/2000/svg" width="720" height="480" viewBox="0 0 700 460">
  582. <metadata><?xpacket begin="" id="W5M0MpCehiHzreSzNTczkc9d"?>
  583. <x:xmpmeta xmlns:x="adobe:ns:meta/" x:xmptk="Adobe XMP Core 5.6-c142 79.160924, 2017/07/13-01:06:39 ">
  584. <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#">
  585. <rdf:Description rdf:about=""/>
  586. </rdf:RDF>
  587. </x:xmpmeta>
  588.  
  589.  
  590. <?xpacket end="w"?></metadata>
  591. <defs>
  592. <style>
  593. .cls-1 {
  594. fill: {color:wave};
  595. fill-rule: evenodd;
  596. }
  597. </style>
  598. </defs>
  599. <path id="Forma_1" data-name="Forma 1" class="cls-1" d="M-54,200c19.589-19.78,55.808-42.592,103-42,123.284,1.548,165.561,167.791,281,169,66.794,0.7,128.1-74.732,193-104,105.015-47.357,175.129-45.611,210-23,77,49.93,81.155,201.517,27,296C635.163,713.8,135.22,739.488-29,520-96.164,430.232-126.868,273.578-54,200Z"/>
  600. </svg>
  601.  
  602. </div>
  603.  
  604.  
  605. <div id="sidebar">
  606. <img draggable="false" src="{image:sidebar}">
  607. <div class="jaehyun">
  608. <li>•</li>
  609. <li>•</li>
  610. <li>•</li>
  611. <li>•</li>
  612. <li>•</li>
  613. <li>•</li>
  614. <li>•</li>
  615. <li>•</li>
  616. <li><strong><span class="th th-circle"></span></strong></li>
  617. <li>•</li>
  618. <li>•</li>
  619. <li>•</li>
  620. <li>•</li>
  621. <li>•</li>
  622. <li>•</li>
  623. <li>•</li>
  624. <li>•</li>
  625. <li>•</li>
  626. <li>•</li>
  627. <li>•</li>
  628. <li>•</li>
  629. <li>•</li>
  630. <li><strong><span class="th th-circle"></span></strong></li>
  631. <li>•</li>
  632. <li>•</li>
  633. <li>•</li>
  634. <li>•</li>
  635. <li>•</li>
  636. <li>•</li>
  637. <li>•</li>
  638. <li>•</li>
  639. <li>•</li>
  640. <li>•</li>
  641. <li>•</li>
  642. <li>•</li>
  643. <li>•</li>
  644. <li>•</li>
  645. <li>•</li>
  646. <li>•</li>
  647. <li>•</li>
  648. <li>•</li>
  649. <li>•</li>
  650. <li>•</li>
  651. <li>•</li>
  652. <li><strong><span class="th th-circle"></span></strong></li>
  653. <li>•</li>
  654. <li>•</li>
  655. <li>•</li>
  656. <li>•</li>
  657. <li>•</li>
  658. <li>•</li>
  659. <li>•</li>
  660. <li>•</li>
  661. <li>•</li>
  662. <li>•</li>
  663. <li>•</li>
  664. <li>•</li>
  665. <li>•</li>
  666. <li>•</li>
  667. <li>•</li>
  668. <li>•</li>
  669. <li><strong><span class="th th-circle"></span></strong></li>
  670. <li>•</li>
  671. <li>•</li>
  672. <li>•</li>
  673. <li>•</li>
  674. <li>•</li>
  675. <li>•</li>
  676. <li>•</li>
  677. <li>•</li>
  678. <li>•</li>
  679. <li>•</li>
  680. <li>•</li>
  681. <li>•</li>
  682. <li>•</li>
  683. <li>•</li>
  684. <li>•</li>
  685. <li><strong><span class="th th-circle"></span></strong></li>
  686. <li>•</li>
  687. <li>•</li>
  688. <li>•</li>
  689. <li>•</li>
  690. <li>•</li>
  691. <li><strong><span class="th th-circle"></span></strong></li>
  692. <li>•</li>
  693. <li>•</li>
  694. <li>•</li>
  695. <li>•</li>
  696. <li>•</li>
  697. <li>•</li>
  698. <li>•</li>
  699. <li>•</li>
  700. <li>•</li>
  701. <li>•</li>
  702. <li>•</li>
  703. <li>•</li>
  704. <li>•</li>
  705. <li>•</li>
  706. <li>•</li>
  707. <li>•</li>
  708. <li>•</li>
  709. <li>•</li>
  710. <li>•</li>
  711. <li>•</li>
  712. <li><strong><span class="th th-circle"></span></strong></li>
  713. <li>•</li>
  714. <li>•</li>
  715. <li>•</li>
  716. <li>•</li>
  717. <li>•</li>
  718. <li>•</li>
  719. <li>•</li>
  720. <li>•</li>
  721. <li>•</li>
  722. <li>•</li>
  723. <li>•</li>
  724. <li><strong>+</strong></li>
  725. </div>
  726.  
  727. <div id="shadow"></div>
  728. <div id="nana">
  729. <div class="circle"><span class="th th-circle"></span></div>
  730. <div class="circle2"><span class="th th-circle"></span></div>
  731. </div>
  732. <div id="jeno">
  733. <div class="nono">
  734. <li>•</li>
  735. <li>•</li>
  736. <li>•</li>
  737. <li>•</li>
  738. <li>•</li>
  739. <li>•</li>
  740. <li>•</li>
  741. <li>•</li>
  742. <li><strong><span class="th th-circle"></span></strong></li>
  743. <li>•</li>
  744. <li>•</li>
  745. <li>•</li>
  746. <li>•</li>
  747. <li>•</li>
  748. <li>•</li>
  749. <li>•</li>
  750. <li>•</li>
  751. <li>•</li>
  752. <li>•</li>
  753. <li>•</li>
  754. <li>•</li>
  755. <li>•</li>
  756. <li><strong><span class="th th-circle"></span></strong></li>
  757. <li>•</li>
  758. <li>•</li>
  759. <li>•</li>
  760. <li>•</li>
  761. <li>•</li>
  762. <li>•</li>
  763. <li>•</li>
  764. <li>•</li>
  765. <li>•</li>
  766. <li>•</li>
  767.  
  768. <li>•</li>
  769. <li>•</li>
  770. <li>•</li>
  771. <li>•</li>
  772. <li>•</li>
  773. <li>•</li>
  774. <li>•</li>
  775. <li>•</li>
  776. <li>•</li>
  777. <li>•</li>
  778. <li><strong><span class="th th-circle"></span></strong></li>
  779.  
  780. <li>•</li>
  781. <li>•</li>
  782. <li>•</li>
  783. <li>•</li>
  784. <li>•</li>
  785. <li>•</li>
  786. <li>•</li>
  787. <li>•</li>
  788. <li>•</li>
  789. <li>•</li>
  790. <li>•</li>
  791.  
  792. <li>•</li>
  793. <li>•</li>
  794. <li>•</li>
  795. <li>•</li>
  796. <li>•</li>
  797. <li>•</li>
  798. <li>•</li>
  799. <li>•</li>
  800. <li>•</li>
  801. <li>•</li>
  802. <li>•</li>
  803.  
  804. <li>•</li>
  805. <li>•</li>
  806. <li>•</li>
  807. <li>•</li>
  808. <li>•</li>
  809. <li>•</li>
  810. <li>•</li>
  811. <li>•</li>
  812. <li>•</li>
  813. <li>•</li>
  814. <li>•</li>
  815.  
  816. <li>•</li>
  817. <li>•</li>
  818. <li><strong><span class="th th-circle"></span></strong></li>
  819. <li>•</li>
  820. <li>•</li>
  821. <li>•</li>
  822. <li>•</li>
  823. <li>•</li>
  824. <li>•</li>
  825. <li>•</li>
  826. <li>•</li>
  827. </div>
  828.  
  829.  
  830. <div class="title">{text:title}</div>
  831. </div>
  832.  
  833. <div id="yangyang"></div>
  834. <div id="chenle">
  835. <div class="lele"><span class="th th-circle"></span></div>
  836. <div class="lele2"><span class="th th-circle"></span></div>
  837. </div>
  838. <div id="hendery">
  839. <div class="desc">{text:desc}</div>
  840. </div>
  841.  
  842.  
  843. <div id="bubble"></div>
  844. <div id="bububble"></div>
  845. <div id="bubblity">
  846. <div class="bubbly"><a href="javascript:void(0)" title="{text:tablink}" class="tablink tabzact" onclick="openAlytut(event, 'TabzOne');"><span class="th th-heart-1"></span></a></div>
  847. </div>
  848.  
  849. <!--
  850. <div id="bubble2"></div>
  851. <div id="bububble2"></div>
  852. <div id="bubblity2">
  853. <div class="bubbly2"><a href="/"><span class="th th-heart-1"></span></a></div>
  854. </div>-->
  855.  
  856. <div id="lovealarm">
  857. <div class="bouncy">{text:bouncy}</div>
  858. </div>
  859.  
  860.  
  861. <div class="taeil">
  862. <a href="/" title="index"><span class="th th-home-o"></span></a>
  863. <a href="/ask" title="inquire"><span class="th th-bubble-heart-o"></span></a>
  864. <a href="javascript:void(0)" title="{text:tablink 2}" class="tablink tabzact" onclick="openAlytut(event, 'muses');"><span class="th th-stars-o"></span></a>
  865. </div>
  866.  
  867. <div class="pagination">
  868.  
  869. {block:PreviousPage}
  870. <a href="{PreviousPage}">back</a>{/block:PreviousPage} {block:NextPage} <a href="{NextPage}">next</a> {/block:NextPage}
  871. {/block:Pagination}
  872. </div>
  873. </div>
  874.  
  875.  
  876.  
  877. <!--
  878.  
  879.  
  880. < tabs links >
  881.  
  882. -->
  883.  
  884.  
  885. <!-- < tabs content >
  886. -->
  887.  
  888. <div id="TabzOne" class="tabzcon alytut" style="display:none">
  889.  
  890. <div id="wavetab">
  891. <svg xmlns="http://www.w3.org/2000/svg" width="720" height="480" viewBox="0 0 700 460">
  892. <metadata><?xpacket begin="" id="W5M0MpCehiHzreSzNTczkc9d"?>
  893. <x:xmpmeta xmlns:x="adobe:ns:meta/" x:xmptk="Adobe XMP Core 5.6-c142 79.160924, 2017/07/13-01:06:39 ">
  894. <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#">
  895. <rdf:Description rdf:about=""/>
  896. </rdf:RDF>
  897. </x:xmpmeta>
  898.  
  899.  
  900. <?xpacket end="w"?></metadata>
  901. <defs>
  902. <style>
  903. .cls-1 {
  904. fill: {color:wave};
  905. fill-rule: evenodd;
  906. }
  907. </style>
  908. </defs>
  909. <path id="Forma_1" data-name="Forma 1" class="cls-1" d="M-54,200c19.589-19.78,55.808-42.592,103-42,123.284,1.548,165.561,167.791,281,169,66.794,0.7,128.1-74.732,193-104,105.015-47.357,175.129-45.611,210-23,77,49.93,81.155,201.517,27,296C635.163,713.8,135.22,739.488-29,520-96.164,430.232-126.868,273.578-54,200Z"/>
  910. </svg>
  911.  
  912. </div>
  913.  
  914. <div id="taeyong">
  915. <div class="navi">
  916. <div class="doyo">
  917. <li><a href="{text:tab link url}" title="{text:tab link}"><span class="th th-strawberry-o"></span></a></li>
  918. <li><a href="{text:tab link url 2}" title="{text:tab link 2}"><span class="th th-heart-1"></span></a></li>
  919. <li><a href="{text:tab link url 3}" title="{text:tab link 3}"><span class="th th-heart-1"></span></a></li>
  920. <li><a href="{text:tab link url 4}" title="{text:tab link 4}"><span class="th th-heart-1"></span></a></li>
  921. <li><a href="{text:tab link url 5}" title="{text:tab link 5}"><span class="th th-heart-1"></span></a></li>
  922. <li><a href="{text:tab link url 6}" title="{text:tab link 6}"><span class="th th-heart-1"></span></a></li>
  923.  
  924. </div>
  925.  
  926. <div id="navtitle">broken hearts club.</div>
  927.  
  928. <div id="changbin">
  929. <div class="binnie">{text:navi desc}</div>
  930. </div>
  931.  
  932. <div id="navinfo">infohere</div>
  933. <div id="naviconborder1">
  934. <div id="navicon1"><img src="https://66.media.tumblr.com/291c2f5e099dbab6875e844617a4c068/f51f31e32d3117b5-9c/s540x810/52168c9821abbf6a5681333e80c8f8e914057116.png"></div>
  935. </div>
  936.  
  937. <div id="naviconborder2">
  938. <div id="navicon2"><img src="https://66.media.tumblr.com/291c2f5e099dbab6875e844617a4c068/f51f31e32d3117b5-9c/s540x810/52168c9821abbf6a5681333e80c8f8e914057116.png"></div>
  939. </div>
  940.  
  941. <div id="naviconborder3">
  942. <div id="navicon3"><img src="https://66.media.tumblr.com/291c2f5e099dbab6875e844617a4c068/f51f31e32d3117b5-9c/s540x810/52168c9821abbf6a5681333e80c8f8e914057116.png"></div>
  943. </div>
  944.  
  945. </div>
  946. </div>
  947.  
  948. <span style="z-index:999999999999999999999999999999999999999999999999999; top:420px; left:60px; background-color:{color:accent 2}; width:200px; height:10px; padding:8px; padding-top:0px; color:{color:text}; text-align:center;" onclick="this.parentElement.style.display='none'" class="tabzclose">
  949. click here to close</span>
  950. </span>
  951.  
  952. </div>
  953.  
  954.  
  955.  
  956. <!--
  957.  
  958. < *TABS END >
  959.  
  960. -->
  961.  
  962. <!-- < tabs content >
  963. -->
  964.  
  965. <div id="muses" class="tabzcon alytut" style="display:none">
  966. <span style="z-index:999999999999999999999999999999999999999999999999999; top:420px; left:60px; background-color:{color:accent}; width:200px; height:10px; padding:8px; padding-top:0px; color:{color:text}; text-align:center;" onclick="this.parentElement.style.display='none'" class="tabzclose">
  967. click here to close</span>
  968. </span>
  969.  
  970. <div class="weishen">
  971. <li><a href="/" title="muse information"><img src="https://via.placeholder.com/60"></a></li>
  972. <li><a href="/" title="muse information"><img src="https://via.placeholder.com/60"></a></li>
  973. <li><a href="/" title="muse information"><img src="https://via.placeholder.com/60"></a></li>
  974. <li><a href="/" title="muse information"><img src="https://via.placeholder.com/60"></a></li>
  975. <li><a href="/" title="muse information"><img src="https://via.placeholder.com/60"></a></li>
  976. <li><a href="/" title="muse information"><img src="https://via.placeholder.com/60"></a></li>
  977. <li><a href="/" title="muse information"><img src="https://via.placeholder.com/60"></a></li>
  978. <li><a href="/" title="muse information"><img src="https://via.placeholder.com/60"></a></li>
  979. <li><a href="/" title="muse information"><img src="https://via.placeholder.com/60"></a></li>
  980. <li><a href="/" title="muse information"><img src="https://via.placeholder.com/60"></a></li>
  981. <li><a href="/" title="muse information"><img src="https://via.placeholder.com/60"></a></li>
  982. <li><a href="/" title="muse information"><img src="https://via.placeholder.com/60"></a></li>
  983. <li><a href="/" title="muse information"><img src="https://via.placeholder.com/60"></a></li>
  984. <li><a href="/" title="muse information"><img src="https://via.placeholder.com/60"></a></li>
  985. <li><a href="/" title="muse information"><img src="https://via.placeholder.com/60"></a></li>
  986. <li><a href="/" title="muse information"><img src="https://via.placeholder.com/60"></a></li>
  987. <li><a href="/" title="muse information"><img src="https://via.placeholder.com/60"></a></li>
  988. <li><a href="/" title="muse information"><img src="https://via.placeholder.com/60"></a></li>
  989. <li><a href="/" title="muse information"><img src="https://via.placeholder.com/60"></a></li>
  990. <li><a href="/" title="muse information"><img src="https://via.placeholder.com/60"></a></li>
  991. </div>
  992.  
  993. <div id="drafts">drafts
  994. <div class="dcount">{text:draft count}</div>
  995. </div>
  996.  
  997. <div id="characters">muses
  998. <div class="ccount">{text:characters}</div>
  999. </div>
  1000.  
  1001. <div id="wavetab">
  1002. <svg xmlns="http://www.w3.org/2000/svg" width="720" height="480" viewBox="0 0 700 460">
  1003. <metadata><?xpacket begin="" id="W5M0MpCehiHzreSzNTczkc9d"?>
  1004. <x:xmpmeta xmlns:x="adobe:ns:meta/" x:xmptk="Adobe XMP Core 5.6-c142 79.160924, 2017/07/13-01:06:39 ">
  1005. <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#">
  1006. <rdf:Description rdf:about=""/>
  1007. </rdf:RDF>
  1008. </x:xmpmeta>
  1009.  
  1010.  
  1011. <?xpacket end="w"?></metadata>
  1012. <defs>
  1013. <style>
  1014. .cls-1 {
  1015. fill: {color:wave};
  1016. fill-rule: evenodd;
  1017. }
  1018. </style>
  1019. </defs>
  1020. <path id="Forma_1" data-name="Forma 1" class="cls-1" d="M-54,200c19.589-19.78,55.808-42.592,103-42,123.284,1.548,165.561,167.791,281,169,66.794,0.7,128.1-74.732,193-104,105.015-47.357,175.129-45.611,210-23,77,49.93,81.155,201.517,27,296C635.163,713.8,135.22,739.488-29,520-96.164,430.232-126.868,273.578-54,200Z"/>
  1021. </svg>
  1022.  
  1023. </div>
  1024.  
  1025. </div>
  1026.  
  1027. <!--
  1028.  
  1029. < *MUSES END >
  1030.  
  1031. -->
  1032.  
  1033. <div class="entries">
  1034.  
  1035. {block:posts}
  1036.  
  1037. <div class="posts" id="{PostID}">
  1038.  
  1039. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  1040.  
  1041. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  1042.  
  1043. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  1044.  
  1045. {block:More}<div class="more"><a href="{Permalink}" class="more-btn">read more</a></div>{/block:More}
  1046.  
  1047. {block:Photoset}{Photoset-400}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  1048.  
  1049. {block:Quote}<div id="q">{Quote}</div>{/block:Quote}{block:Source}
  1050. <div class="source">— {Source}</div>
  1051. {/block:Source}
  1052.  
  1053. {block:Audio}
  1054. {block:AudioPlayer}
  1055. <div class="playbutton">{AudioPlayerGrey}</div>{/block:AudioPlayer}
  1056. {block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  1057. <div class="albumdetails">
  1058. {block:TrackName}<lame>song:</lame> {TrackName}{/block:TrackName}<br>
  1059. {block:Artist}<lame>artist:</lame> {Artist}{/block:Artist}<br>
  1060. {block:Album}<lame>album:</lame> {Album}{/block:Album}
  1061. </div>
  1062. {/block:AudioPlayer}
  1063. {/block:Audio}
  1064.  
  1065. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  1066.  
  1067. {block:Chat}{block:title}<h1>{title}</h1>{/block:title}<br>{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  1068.  
  1069. {block:Answer}<div id="asker"><b>{Asker}</b> asked:</div><div id="question"> {Question} </div> {Answer}{/block:Answer}
  1070.  
  1071. <div id="permalink">
  1072. posted<a href="{Permalink}" title="{TimeAgo}">{ShortMonth} {DayOfMonth}</a> <i class="far fa-bookmark"></i> {NoteCountWithLabel}
  1073. <span style="float:right; margin-right:0px;"><a href="{ReblogURL}" title="reblog"><span class="th th-circle"></span></a></span></span>
  1074. <span style="float:right; margin-right:15px; margin-top:5px;"><a class="like-b" href="#" title="like">{LikeButton}<span class="b"><span class="th th-circle"></span></span></a></span></span>
  1075. </div></div>
  1076.  
  1077. {block:HasTags}<div id="tags">filed under: {block:Tags}<span class="th th-hashtag"></span><a href="{TagURL}">{Tag}</a>&nbsp;&nbsp; {/block:Tags}</div>{/block:HasTags}
  1078. {/block:Posts}
  1079. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  1080. {/block:Posts}
  1081.  
  1082.  
  1083. <div id="credit" data="credit"><a href="https://sercnidad.tumblr.com" title="made by b"><span class="th th-moon-o"></span></a></div>
  1084. </div>
  1085. </div>
  1086.  
  1087. </body>
  1088.  
  1089. <script>
  1090. function openAlytut(evt, alytutName) {
  1091. var i, x, tablinks;
  1092. x = document.getElementsByClassName("alytut");
  1093. for (i = 0; i < x.length; i++) {
  1094. x[i].style.display = "none";
  1095. }
  1096. tablinks = document.getElementsByClassName("tablink");
  1097. for (i = 0; i < x.length; i++) {
  1098. tablinks[i].className = tablinks[i].className.replace(" tabzact", "");
  1099. }
  1100. document.getElementById(alytutName).style.display = "block";
  1101. evt.currentTarget.className += " tabzact";
  1102. }
  1103. </script>
  1104.  
  1105.  
  1106.  
  1107. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!