API tools faq
paste
Advertisement
tiffxny21

Second Multimuse Theme

tiffxny21
Jul 25th, 2021
151
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 63.09 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3. <title>{Title}</title>
  4. <link rel="shortcut icon" href="{Favicon}">
  5. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  6. {block:Description}
  7. <meta name="description" content="{MetaDescription}" />
  8. {/block:Description}
  9.  
  10. <script type="text/javascript"
  11. src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  12. <script>
  13. $(document).ready(function() {
  14. //
  15. $('a.poplight[href^=#]').click(function() {
  16. var popID = $(this).attr('rel'); //Get Popup Name
  17. var popURL = $(this).attr('href'); //Get Popup href to define size
  18. var query= popURL.split('?');
  19. var dim= query[1].split('&');
  20. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  21. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  22. var popMargTop = ($('#' + popID).height() + 80) / 2;
  23. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  24. //Apply Margin to Popup
  25. $('#' + popID).css({
  26. 'margin-top' : -popMargTop,
  27. 'margin-left' : -popMargLeft
  28. });
  29. $('body').append('<div id="fade"></div>');
  30. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  31. return false;
  32. });
  33. $('a.close, #fade').live('click', function() {
  34. $('#fade , .popup_block').fadeOut(function() {
  35. $('#fade, a.close').remove(); //fade them both out
  36. });
  37. return false;
  38. });
  39. });
  40. </script>
  41.  
  42. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  43.  
  44. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  45.  
  46. <script>
  47.  
  48. (function($){
  49.  
  50. $(document).ready(function(){
  51.  
  52. $("a[title]").style_my_tooltips({
  53.  
  54. tip_follows_cursor:true,
  55.  
  56. tip_delay_time:90,
  57.  
  58. tip_fade_speed:600,
  59.  
  60. attribute:"title"
  61.  
  62. });
  63.  
  64. });
  65.  
  66. })(jQuery);
  67.  
  68. </script>
  69.  
  70. <link href="https://fonts.googleapis.com/css?family=Bebas+Neue|Mr+Dafoe&display=swap" rel="stylesheet">
  71.  
  72. <script src="https://kit.fontawesome.com/104596ae80.js" crossorigin="anonymous"></script>
  73.  
  74.  
  75. </head>
  76.  
  77. <meta name="image:background" content="">
  78. <meta name="image:png" content="">
  79. <meta name="image:navi1" content="https://via.placeholder.com/250x130">
  80. <meta name="image:navi2" content="https://via.placeholder.com/250x130">
  81. <meta name="image:navi3" content="https://via.placeholder.com/250x130">
  82. <meta name="image:muse 1" content="https://via.placeholder.com/60">
  83. <meta name="image:muse 2" content="https://via.placeholder.com/60">
  84. <meta name="image:muse 3" content="https://via.placeholder.com/60">
  85. <meta name="image:muse 4" content="https://via.placeholder.com/60">
  86. <meta name="image:muse 5" content="https://via.placeholder.com/60">
  87. <meta name="image:muse 6" content="https://via.placeholder.com/60">
  88. <meta name="image:muse 7" content="https://via.placeholder.com/60">
  89. <meta name="image:muse 8" content="https://via.placeholder.com/60">
  90. <meta name="image:muse 9" content="https://via.placeholder.com/60">
  91. <meta name="image:muse 10" content="https://via.placeholder.com/60">
  92. <meta name="image:muse 11" content="https://via.placeholder.com/60">
  93. <meta name="image:muse 12" content="https://via.placeholder.com/60">
  94.  
  95. <meta name="color:background" content="#e6cdcd">
  96. <meta name="color:container" content="#222222">
  97. <meta name="color:posts" content="#f6f6f6">
  98. <meta name="color:text" content="#000">
  99. <meta name="color:description" content="#fff">
  100. <meta name="color:link" content="#000">
  101. <meta name="color:hover" content="#bb2028">
  102. <meta name="color:bold" content="#bb2028">
  103. <meta name="color:italic" content="#bb2028">
  104. <meta name="color:blockquote" content="#bb2028">
  105. <meta name="color:title" content="#d07797">
  106. <meta name="color:tags" content="#000">
  107. <meta name="color:link1" content="#fff">
  108. <meta name="color:link2" content="#000">
  109. <meta name="color:link3" content="#888888">
  110. <meta name="color:link4" content="#102029">
  111. <meta name="color:link5" content="#529ecc">
  112. <meta name="color:link6" content="#dcecf5">
  113. <meta name="color:link7" content="#211927">
  114. <meta name="color:link8" content="#a77dc2">
  115. <meta name="color:link9" content="#ede5f3">
  116.  
  117. <meta name="text:title" content="title">
  118. <meta name="text:subtitle" content="subtitle">
  119. <meta name="text:quote1" content="but i could never lie to you">
  120. <meta name="text:sub1" content="i'm going out my mind for you">
  121. <meta name="text:quote2" content="wanna be someone's someone">
  122. <meta name="text:sub2" content="with somebody we can't live without">
  123. <meta name="text:quote3" content="what’s keepin' you goin?">
  124. <meta name="text:sub3" content="what do you see up in your head?">
  125. <meta name="text:tab link 1" content="/">
  126. <meta name="text:tab link 1 title" content="tab link 1.">
  127. <meta name="text:tab link 2" content="/">
  128. <meta name="text:tab link 2 title" content="tab link 2.">
  129. <meta name="text:tab link 3" content="/">
  130. <meta name="text:tab link 3 title" content="tab link 3.">
  131. <meta name="text:tab link 4" content="/">
  132. <meta name="text:tab link 4 title" content="tab link 4.">
  133. <meta name="text:tab link 5" content="/">
  134. <meta name="text:tab link 5 title" content="tab link 5.">
  135. <meta name="text:tab link 6" content="/">
  136. <meta name="text:tab link 6 title" content="tab link 6.">
  137. <meta name="text:tab link 7" content="/">
  138. <meta name="text:tab link 7 title" content="tab link 7.">
  139. <meta name="text:tab link 8" content="/">
  140. <meta name="text:tab link 8 title" content="tab link 8.">
  141. <meta name="text:tab link 9" content="/">
  142. <meta name="text:tab link 9 title" content="tab link 9.">
  143. <meta name="text:muse 1 name" content="">
  144. <meta name="text:muse 2 name" content="">
  145. <meta name="text:muse 3 name" content="">
  146. <meta name="text:muse 4 name" content="">
  147. <meta name="text:muse 5 name" content="">
  148. <meta name="text:muse 6 name" content="">
  149. <meta name="text:muse 7 name" content="">
  150. <meta name="text:muse 8 name" content="">
  151. <meta name="text:muse 9 name" content="">
  152. <meta name="text:muse 10 name" content="">
  153. <meta name="text:muse 11 name" content="">
  154. <meta name="text:muse 12 name" content="">
  155.  
  156.  
  157. <style type="text/css">
  158.  
  159. /*
  160. font-family: 'Bebas Neue', cursive;
  161. font-family: 'Mr Dafoe', cursive; */
  162.  
  163. ::-webkit-scrollbar {
  164. width: 2px;
  165. height: 2px;
  166. }
  167. ::-webkit-scrollbar-button {
  168. width: 0px;
  169. height: 0px;
  170. }
  171. ::-webkit-scrollbar-thumb {
  172. background: #e1e1e1;
  173. border: 0px none #ffffff;
  174. border-radius: 0px;
  175. }
  176. ::-webkit-scrollbar-thumb:hover {
  177. background: #ffffff;
  178. }
  179. ::-webkit-scrollbar-thumb:active {
  180. background: #000000;
  181. }
  182. ::-webkit-scrollbar-track {
  183. background: #666666;
  184. border: 0px none #ffffff;
  185. border-radius: 2px;
  186. }
  187. ::-webkit-scrollbar-track:hover {
  188. background: #666666;
  189. }
  190. ::-webkit-scrollbar-track:active {
  191. background: #333333;
  192. }
  193. ::-webkit-scrollbar-corner {
  194. background: transparent;
  195. }
  196.  
  197.  
  198. #s-m-t-tooltip {
  199. max-width:300px;
  200. border-radius: 5px; /* you can add in a border radius here for curved corners if you like */
  201. padding:10px; /* space around the text */
  202. margin:20px 10px 5px 0px; /* positioning of your hover info in relation to the link */
  203. color:{color:text}; /* text color */
  204. border:1px transparent #fff; /* optional border and border color */
  205. font-size:12px; /* font size of your hover info */
  206. letter-spacing:2px; /* optional letter spacing */
  207. background:{color:posts}; /* change the background color of your hover info */
  208. font-family: 'Bebas Neue', cursive;
  209. z-index:9999999999;}
  210.  
  211.  
  212. body {
  213. font-family:'Gibson', sans-serif;
  214. font-size:10px;
  215. background-image:url('https://i.imgur.com/nCSGi0H.png');
  216. background-attachment:fixed;
  217. background-repeat:no-repeat;
  218. color:{color:text};
  219. background-color:{color:background}; }
  220.  
  221.  
  222. small, sub, sup {font-size:9px;}
  223.  
  224. a {text-decoration:none;color:{color:link};-webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;-o-transition: all 0.7s ease;}
  225.  
  226. a:hover {color:{color:hover};}
  227.  
  228. b, strong {color:{color:bold};}
  229.  
  230. i, em {color:{color:italic};}
  231.  
  232. blockquote {padding:2px 7px;margin:3px 0 3px 8px;border-left:1px solid {color:blockquote};}
  233.  
  234. blockquote img {max-width:100%;height:auto;}
  235.  
  236. img {max-width: 100%;}
  237.  
  238. strike {color:{color:bold};}
  239.  
  240. h1, h2 {font-size:30px;line-height:30px;text-align:center;padding:10px;color:{color:title};font-family: 'Bebas Neue', cursive;}
  241.  
  242. #container {
  243. position:fixed;
  244. height:550px;
  245. width:460px;
  246. margin-left:675px;
  247. margin-top:-15px;
  248. background:{color:container};}
  249.  
  250.  
  251.  
  252. #entries {
  253. position:relative;
  254. margin-left:5px;
  255. margin-top:5px;
  256. height:550px;
  257. width:450px;
  258. overflow-y:scroll;
  259. }
  260.  
  261. #entries::-webkit-scrollbar {display:none;}
  262.  
  263. .posts {
  264. width:430px;
  265. background-color:{color:posts};
  266. padding:10px;
  267. margin-bottom:30px;
  268. }
  269.  
  270. .post_title {
  271. display:block;
  272. padding:5px;
  273. text-align:center;
  274. font-size:15px;
  275. font-family:'times new roman';
  276. text-transform:uppercase;
  277. font-style:italic;}
  278.  
  279. .permalinks { background-color:{color:title};padding:5px;height:12px; }
  280.  
  281. .permalinks a {text-decoration:none;font-size: 9px;color:{color:posts};}
  282.  
  283. .permalinks a:hover {color:{color:hover};}
  284.  
  285. .date {float:left;}
  286.  
  287. .reblogs {float:right;}
  288.  
  289. .tags { text-align:center;padding-top:5px;}
  290.  
  291. .tags a { text-decoration:none;font-size: 8px;text-transform:uppercase;color:{color:tags};}
  292.  
  293. .tags a:hover {color:{color:hover};}
  294.  
  295.  
  296. #sidebar {position:relative;margin-left:5px;margin-top:10px;height:80px; width:420px; background:transparent; opacity:1; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease; }
  297.  
  298. .bottombar {
  299. position:absolute;
  300. top:395px;
  301. height:20px;
  302. width:740px;
  303. font-size:20px;
  304. padding:5px;
  305. text-align:left;
  306. font-family: 'Great Vibes';
  307. }
  308.  
  309.  
  310. #description {
  311. position:relative;
  312. font-size:10px;
  313. background-color:transparent; /* DESCRIPTION BOX COLOR */
  314. width:299px;
  315. height:95px;
  316. top:110px; /* TOP/BOTTOM POSITIONING */
  317. margin-left:-450px; /* LEFT/RIGHT POSITIONING */
  318. color:{color:description}; /* FONT COLOR */
  319. text-align:center;
  320. overflow:scroll;
  321. opacity:1;
  322. padding: 0px 0px 0px;
  323. text-transform:lowercase;
  324. }
  325.  
  326.  
  327.  
  328.  
  329. #description::-webkit-scrollbar {display:none;}
  330.  
  331. #png {
  332. position:relative;
  333. width:250px;
  334. height:425px;
  335. margin-left:500px;
  336. margin-top:-560px;
  337. z-index:99999;
  338. }
  339.  
  340. #png img {
  341. max-width:190px;
  342. max-height:550px;
  343. }
  344.  
  345.  
  346. #links {
  347. position:relative;
  348. width:20px;
  349. margin-top:-225px;
  350. margin-left:490px;
  351. font-size:12px;
  352. padding:5px;
  353. text-align:center;
  354. z-index:9999999; }
  355.  
  356. .link { width:20px; height:20px; margin-right:18px; margin-bottom:10px; background:{color:container}; text-align:center; line-height:60px; font-size:12px; color:{color:description}; border-radius:100px; border:1px transparent; box-shadow:4px 4px 5px {color:title}; transition:.2s; -webkit-transition:.2s; -moz-transition:.2s; }
  357.  
  358. .link:hover { background:{color:posts}; transition:.2s; -webkit-transition:.2s; -moz-transition:.2s; }
  359.  
  360. #pagination { position:relative; margin-top: 25px; padding-bottom:25px; text-align:center; }
  361.  
  362. #pagination a { color:{color:description}; font-family: 'Mr Dafoe', cursive; font-size:30px; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease; }
  363.  
  364. #pagination a:hover {color:{color:title};}
  365.  
  366. .asker { font-size:20px; font-style: italic; text-align:right; text-transform:lowercase; margin-bottom:5px; margin-right:10px; padding:3px; font-family: 'Mr Dafoe', cursive; color:{color:description}; background:{color:container}; width:auto; float:right; }
  367.  
  368. .question { font-style: italic; background:{color:title}; margin-top:20px; padding-left:50px; padding-right:50px; padding-top:25px; padding-bottom:25px; }
  369.  
  370. .quote { font-size:20px; letter-spacing:1px; text-align:center; border-bottom:1px solid {color:blockquote}; margin-bottom:5px; padding-bottom:3px; color:{color:title}; font-family: 'Dancing Script', cursive; }
  371.  
  372. .quotesource { font-size:10px; letter-spacing:1px; text-align:center; margin-bottom:5px; }
  373.  
  374. /* TABS STYLING--
  375. BASE CODE BY ALYOFRP. DO NOT REMOVE THIS CREDIT!
  376. */
  377.  
  378. .tabzcon { margin-top:0px; margin-left:0px; position:absolute; width:460px; height:557px; background-color:{color:container}; color:#6c4b45; z-index:99999; overflow:hidden; }
  379.  
  380. .tabzclose { text-transform:uppercase; font-weight:bold; font-size:10px; padding:3px; color:{color:description}; }
  381.  
  382. .tabzclose a {color:{color:description};}
  383.  
  384. .tabzclose:hover {cursor:pointer;}
  385.  
  386. .close { position:absolute; width:430px; height:20px; line-height:20px; margin-top:525px; margin-bottom:5px; color:{color:description}; text-align:center; }
  387.  
  388. .close:hover {cursor:pointer;}
  389.  
  390. #navi {
  391. position:absolute;
  392. width:450px;
  393. height:520px;
  394. margin-top:5px;
  395. margin-left:5px;
  396. background:#000;
  397. }
  398.  
  399. #navi1 {position:absolute;margin-top:0px;width:450px;height:170px;
  400. background:transparent;}
  401.  
  402. #outline1 {position:absolute;margin-top:5px;margin-left:5px;width:250px;height:130px;background:transparent;border:2px solid #fff;}
  403.  
  404. #image1 {position:absolute;margin-top:15px;margin-left:15px;}
  405.  
  406. #quote1 {position:absolute;margin-top:130px;margin-left:15px;text-align:center;font-family: 'Bebas Neue', cursive;font-size:25px;color:{color:description};width:250px;z-index:999;}
  407.  
  408. #sub1 {position:absolute;margin-top:135px;margin-left:15px;text-align:center;font-family: 'Mr Dafoe', cursive;font-size:20px;color:{color:text};width:250px;z-index:9999;}
  409.  
  410. #links1 {position:absolute;margin-left:280px;margin-top:5px;width:120px;height:155px;text-align:center;}
  411.  
  412. .nlink1 {width:90px; height:45px; margin-bottom:10px;margin-left:15px;background:{color:link1}; text-align:center; color:{color:link1}; border:1px transparent;transition:.2s;-webkit-transition:.2s;-moz-transition:.2s;}
  413.  
  414. .nlink2 {width:90px; height:45px; margin-bottom:10px;margin-left:15px;background:{color:link2}; text-align:center; color:{color:link2}; border:1px transparent;transition:.2s;-webkit-transition:.2s;-moz-transition:.2s;}
  415.  
  416. .nlink3 {width:90px; height:45px; margin-bottom:10px;margin-left:15px;background:{color:link3}; text-align:center; color:{color:link3}; border:1px transparent;transition:.2s;-webkit-transition:.2s;-moz-transition:.2s;}
  417.  
  418. #navi2 {position:absolute;margin-top:175px;width:420px;height:170px;background:transparent;}
  419.  
  420. #outline2 {position:absolute;margin-top:5px;margin-left:160px;width:250px;height:130px;background:transparent;border:2px solid #fff;}
  421.  
  422. #image2 {position:absolute;margin-top:15px;margin-left:150px;}
  423.  
  424. #quote2 {position:absolute;margin-top:130px;margin-left:145px;text-align:center;font-family: 'Bebas Neue', cursive;font-size:25px;color:{color:description};width:260px;z-index:999;}
  425.  
  426. #sub2 {position:absolute;margin-top:135px;margin-left:145px;text-align:center;font-family: 'Mr Dafoe', cursive;font-size:20px;color:{color:text};width:260px;z-index:9999;}
  427.  
  428. #links2 {position:absolute;margin-left:15px;margin-top:5px;width:120px;height:155px;text-align:center;}
  429.  
  430. .nlink4 {width:90px; height:45px; margin-bottom:10px;margin-left:15px;background:{color:link4}; text-align:center; color:{color:link4}; border:1px transparent;transition:.2s;-webkit-transition:.2s;-moz-transition:.2s;}
  431.  
  432. .nlink5 {width:90px; height:45px; margin-bottom:10px;margin-left:15px;background:{color:link5}; text-align:center; color:{color:link5}; border:1px transparent;transition:.2s;-webkit-transition:.2s;-moz-transition:.2s;}
  433.  
  434. .nlink6 {width:90px; height:45px; margin-bottom:10px;margin-left:15px;background:{color:link6}; text-align:center; color:{color:link6}; border:1px transparent;transition:.2s;-webkit-transition:.2s;-moz-transition:.2s;}
  435.  
  436. #navi3 {position:absolute;margin-top:350px;width:420px;height:170px;background:transparent;}
  437.  
  438. #outline3 {position:absolute;margin-top:5px;margin-left:5px;width:250px;height:130px;background:transparent;border:2px solid #fff;}
  439.  
  440. #image3 {position:absolute;margin-top:15px;margin-left:15px;}
  441.  
  442. #quote3 {position:absolute;margin-top:130px;margin-left:15px;text-align:center;font-family: 'Bebas Neue', cursive;font-size:25px;color:{color:description};width:250px;z-index:999;}
  443.  
  444. #sub3 {position:absolute;margin-top:135px;margin-left:15px;text-align:center;font-family: 'Mr Dafoe', cursive;font-size:20px;color:{color:text};width:250px;z-index:9999;}
  445.  
  446. #links3 {position:absolute;margin-left:280px;margin-top:5px;width:120px;height:155px;text-align:center;}
  447.  
  448. .nlink7 {width:90px; height:45px; margin-bottom:10px;margin-left:15px;background:{color:link7}; text-align:center; color:{color:link7}; border:1px transparent;transition:.2s;-webkit-transition:.2s;-moz-transition:.2s;}
  449.  
  450. .nlink8 {width:90px; height:45px; margin-bottom:10px;margin-left:15px;background:{color:link8}; text-align:center; color:{color:link8}; border:1px transparent;transition:.2s;-webkit-transition:.2s;-moz-transition:.2s;}
  451.  
  452. .nlink9 {width:90px; height:45px; margin-bottom:10px;margin-left:15px;background:{color:link9}; text-align:center; color:{color:link9}; border:1px transparent;transition:.2s;-webkit-transition:.2s;-moz-transition:.2s;}
  453.  
  454. #muse {position:absolute;margin-left:5px;margin-top:5px;width:450px;height:520px;background:{color:posts};}
  455.  
  456. #muses {width:450px;height:500px;padding-top:20px;text-align:center;letter-spacing:60px;line-height:135px;overflow-y:scroll;background:{color:container};}
  457.  
  458. #muses img {max-width:60px;border-radius:5px;}
  459.  
  460. #muses::-webkit-scrollbar {display:none;}
  461.  
  462. /*CODES BY PAINTHEMES.TUMBLR.COM*/
  463. .popup_block{
  464. display:none;
  465. background:{color:container}; /*change the color of your background*/
  466. padding:15px;
  467. border:1px solid transparent; /*change the color of your border*/
  468. float:left;
  469. position:fixed;
  470. top:50%;left:52%;
  471. z-index: 999999999999999999;
  472. box-shadow:rgba(0,0,0,.06) 7px 7px; /*delete if you don't want shadow below your box*/
  473. }
  474.  
  475. #fade {
  476. display:none;
  477. position:fixed;
  478. left:0px;
  479. top:0px;
  480. width:100%;
  481. height:100%;
  482. z-index:999999999;
  483. background:#000; /* change the color of the background below the box */
  484. opacity:.7; /* change the opacity */
  485. }
  486.  
  487. *html #fade {position: absolute;}
  488. *html .popup_block {position: absolute;}
  489. /*CODES BY PAINTHEMES.TUMBLR.COM*/
  490.  
  491. .seonghwa {width:300px;height:400px;}
  492.  
  493. .hongjoong {position:absolute;height:150px;width:300px;margin-top:5px;margin-left:10px;}
  494.  
  495. .hongjoong img {max-width:280px;}
  496.  
  497. .yunho {position:absolute;margin-top:-5px;margin-left:0px;width:280px;height:130px;background:transparent;border:2px solid #fff;}
  498.  
  499. .jongho {position:absolute;margin-top:105px;margin-left:10px;text-align:center;font-family: 'Bebas Neue', cursive;font-size:50px;color:{color:description};width:280px;z-index:999;}
  500.  
  501. .yeosang {position:absolute;margin-top:130px;margin-left:10px;text-align:center;font-family: 'Mr Dafoe', cursive;font-size:25px;color:{color:title};width:280px;z-index:9999;}
  502.  
  503. .wooyoung {position:absolute;width:280px;height:155px;margin-top:160px;line-height:20px;letter-spacing:1px;padding:10px;overflow-y:scroll;text-align:justify;border-radius:5px;color:{color:description};}
  504.  
  505. .wooyoung::-webkit-scrollbar {
  506. display:none;
  507. }
  508.  
  509. .san {
  510. position:absolute;
  511. width:300px;
  512. height:100px;
  513. margin-top:330px;
  514. margin-left:-2px;
  515. padding-left:10px;
  516. text-align:center;}
  517.  
  518. .mingi {height:30px;width:60px;margin-right:15px;margin-top:15px; background:{color:title}; text-align:center; line-height:30px; font-size:12px; color:{color:description}; border:1px #000 transparent; float:left;transition:.2s;-webkit-transition:.2s;-moz-transition:.2s;}
  519.  
  520. .mingi:hover {background:{color:title};transition:.2s;-webkit-transition:.2s;-moz-transition:.2s;}
  521.  
  522.  
  523. .credit {position:fixed;bottom:10px;right:10px;}
  524.  
  525. .credit a {font-size:20px;font-family: 'Mr Dafoe', cursive;border-bottom:1px solid {color:posts};color:{color:title};}
  526.  
  527. </style>
  528.  
  529. <!----------- muse 1 start ---------->
  530.  
  531. <div id="box1" class="popup_block">
  532.  
  533. <div class="seonghwa">
  534. <div class="yunho"></div>
  535. <div class="hongjoong">
  536. <img src="https://i.imgur.com/DG9q4cO.jpg">
  537. </div>
  538. <div class="jongho">rayne</div>
  539. <div class="yeosang">age. species. orientation..</div>
  540. <div class="wooyoung">
  541. <p>lorem ipsum dolor sit amet, consectetuer adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. aliquam mattis porta urna. maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. aenean id massa ut lacus molestie porta. curabitur sit amet quam id libero suscipit venenatis. lorem ipsum dolor sit amet, consectetuer adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. aliquam mattis porta urna. maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. aenean id massa ut lacus molestie porta. curabitur sit amet quam id libero suscipit venenatis. lorem ipsum dolor sit amet, consectetuer adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. aliquam mattis porta urna. maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. aenean id massa ut lacus molestie porta. curabitur sit amet quam id libero suscipit venenatis. lorem ipsum dolor sit amet, consectetuer adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. aliquam mattis porta urna. maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. aenean id massa ut lacus molestie porta. curabitur sit amet quam id libero suscipit venenatis. lorem ipsum dolor sit amet, consectetuer adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. aliquam mattis porta urna. maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. aenean id massa ut lacus molestie porta. curabitur sit amet quam id libero suscipit venenatis. lorem ipsum dolor sit amet, consectetuer adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. aliquam mattis porta urna. maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. aenean id massa ut lacus molestie porta. curabitur sit amet quam id libero suscipit venenatis. lorem ipsum dolor sit amet, consectetuer adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. aliquam mattis porta urna. maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. aenean id massa ut lacus molestie porta. curabitur sit amet quam id libero suscipit venenatis.</p>
  542. </div>
  543. <div class="san">
  544. <a href="/"><div class="mingi">threads.</div></a>
  545. <a href="/"><div class="mingi">imagery.</div></a>
  546. <a href="/"><div class="mingi">musings.</div></a>
  547. <a href="/"><div class="mingi">pinterest.</div></a>
  548. </div>
  549. <div class="bottombar">availablity:&nbsp;&nbsp;&nbsp;<b>open</b>&nbsp;&nbsp;&nbsp;shipping:&nbsp;&nbsp;&nbsp;<b>open</b>&nbsp;&nbsp;&nbsp;threads:&nbsp;&nbsp;&nbsp;<b>0</b>&nbsp;&nbsp;&nbsp;</div>
  550. </div>
  551. </div>
  552.  
  553. </div>
  554.  
  555. <!----------- muse 1 end ---------->
  556.  
  557. <!----------- muse 2 start ---------->
  558.  
  559. <div id="box2" class="popup_block">
  560.  
  561. <div class="seonghwa">
  562. <div class="yunho"></div>
  563. <div class="hongjoong">
  564. <img src="https://i.imgur.com/iUrrfZ1.png">
  565. </div>
  566. <div class="jongho">2B</div>
  567. <div class="yeosang">age. species. orientation..</div>
  568. <div class="wooyoung">
  569. <p>lorem ipsum dolor sit amet, consectetuer adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. aliquam mattis porta urna. maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. aenean id massa ut lacus molestie porta. curabitur sit amet quam id libero suscipit venenatis. lorem ipsum dolor sit amet, consectetuer adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. aliquam mattis porta urna. maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. aenean id massa ut lacus molestie porta. curabitur sit amet quam id libero suscipit venenatis. lorem ipsum dolor sit amet, consectetuer adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. aliquam mattis porta urna. maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. aenean id massa ut lacus molestie porta. curabitur sit amet quam id libero suscipit venenatis. lorem ipsum dolor sit amet, consectetuer adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. aliquam mattis porta urna. maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. aenean id massa ut lacus molestie porta. curabitur sit amet quam id libero suscipit venenatis. lorem ipsum dolor sit amet, consectetuer adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. aliquam mattis porta urna. maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. aenean id massa ut lacus molestie porta. curabitur sit amet quam id libero suscipit venenatis. lorem ipsum dolor sit amet, consectetuer adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. aliquam mattis porta urna. maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. aenean id massa ut lacus molestie porta. curabitur sit amet quam id libero suscipit venenatis. lorem ipsum dolor sit amet, consectetuer adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. aliquam mattis porta urna. maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. aenean id massa ut lacus molestie porta. curabitur sit amet quam id libero suscipit venenatis.</p>
  570. </div>
  571. <div class="san">
  572. <a href="/"><div class="mingi">threads.</div></a>
  573. <a href="/"><div class="mingi">imagery.</div></a>
  574. <a href="/"><div class="mingi">musings.</div></a>
  575. <a href="/"><div class="mingi">pinterest.</div></a>
  576. </div>
  577.  
  578. <div class="bottombar">availablity:&nbsp;&nbsp;&nbsp;<b>open</b>&nbsp;&nbsp;&nbsp;shipping:&nbsp;&nbsp;&nbsp;<b>open</b>&nbsp;&nbsp;&nbsp;threads:&nbsp;&nbsp;&nbsp;<b>0</b>&nbsp;&nbsp;&nbsp;</div>
  579.  
  580. </div>
  581.  
  582. </div>
  583.  
  584. <!----------- muse 2 end ---------->
  585.  
  586. <!----------- muse 3 start ---------->
  587.  
  588. <div id="box3" class="popup_block">
  589.  
  590. <div class="seonghwa">
  591. <div class="yunho"></div>
  592. <div class="hongjoong">
  593. <img src="https://via.placeholder.com/280x130">
  594. </div>
  595. <div class="jongho">muse name</div>
  596. <div class="yeosang">age. species. orientation..</div>
  597. <div class="wooyoung">
  598. <p>lorem ipsum dolor sit amet, consectetuer adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. aliquam mattis porta urna. maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. aenean id massa ut lacus molestie porta. curabitur sit amet quam id libero suscipit venenatis. lorem ipsum dolor sit amet, consectetuer adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. aliquam mattis porta urna. maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. aenean id massa ut lacus molestie porta. curabitur sit amet quam id libero suscipit venenatis. lorem ipsum dolor sit amet, consectetuer adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. aliquam mattis porta urna. maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. aenean id massa ut lacus molestie porta. curabitur sit amet quam id libero suscipit venenatis. lorem ipsum dolor sit amet, consectetuer adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. aliquam mattis porta urna. maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. aenean id massa ut lacus molestie porta. curabitur sit amet quam id libero suscipit venenatis. lorem ipsum dolor sit amet, consectetuer adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. aliquam mattis porta urna. maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. aenean id massa ut lacus molestie porta. curabitur sit amet quam id libero suscipit venenatis. lorem ipsum dolor sit amet, consectetuer adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. aliquam mattis porta urna. maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. aenean id massa ut lacus molestie porta. curabitur sit amet quam id libero suscipit venenatis. lorem ipsum dolor sit amet, consectetuer adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. aliquam mattis porta urna. maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. aenean id massa ut lacus molestie porta. curabitur sit amet quam id libero suscipit venenatis.</p>
  599. </div>
  600. <div class="san">
  601. <a href="/"><div class="mingi">threads.</div></a>
  602. <a href="/"><div class="mingi">imagery.</div></a>
  603. <a href="/"><div class="mingi">musings.</div></a>
  604. <a href="/"><div class="mingi">pinterest.</div></a>
  605. </div>
  606. </div>
  607.  
  608. </div>
  609.  
  610. <!----------- muse 3 end ---------->
  611.  
  612. <!----------- muse 4 start ---------->
  613.  
  614. <div id="box4" class="popup_block">
  615.  
  616. <div class="seonghwa">
  617. <div class="yunho"></div>
  618. <div class="hongjoong">
  619. <img src="https://via.placeholder.com/280x130">
  620. </div>
  621. <div class="jongho">muse name</div>
  622. <div class="yeosang">age. species. orientation..</div>
  623. <div class="wooyoung">
  624. <p>lorem ipsum dolor sit amet, consectetuer adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. aliquam mattis porta urna. maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. aenean id massa ut lacus molestie porta. curabitur sit amet quam id libero suscipit venenatis. lorem ipsum dolor sit amet, consectetuer adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. aliquam mattis porta urna. maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. aenean id massa ut lacus molestie porta. curabitur sit amet quam id libero suscipit venenatis. lorem ipsum dolor sit amet, consectetuer adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. aliquam mattis porta urna. maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. aenean id massa ut lacus molestie porta. curabitur sit amet quam id libero suscipit venenatis. lorem ipsum dolor sit amet, consectetuer adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. aliquam mattis porta urna. maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. aenean id massa ut lacus molestie porta. curabitur sit amet quam id libero suscipit venenatis. lorem ipsum dolor sit amet, consectetuer adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. aliquam mattis porta urna. maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. aenean id massa ut lacus molestie porta. curabitur sit amet quam id libero suscipit venenatis. lorem ipsum dolor sit amet, consectetuer adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. aliquam mattis porta urna. maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. aenean id massa ut lacus molestie porta. curabitur sit amet quam id libero suscipit venenatis. lorem ipsum dolor sit amet, consectetuer adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. aliquam mattis porta urna. maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. aenean id massa ut lacus molestie porta. curabitur sit amet quam id libero suscipit venenatis.</p>
  625. </div>
  626. <div class="san">
  627. <a href="/"><div class="mingi">threads.</div></a>
  628. <a href="/"><div class="mingi">imagery.</div></a>
  629. <a href="/"><div class="mingi">musings.</div></a>
  630. <a href="/"><div class="mingi">pinterest.</div></a>
  631. </div>
  632. </div>
  633.  
  634. </div>
  635.  
  636. <!----------- muse 4 end ---------->
  637.  
  638. <!----------- muse 5 start ---------->
  639.  
  640. <div id="box5" class="popup_block">
  641.  
  642. <div class="seonghwa">
  643. <div class="yunho"></div>
  644. <div class="hongjoong">
  645. <img src="https://via.placeholder.com/280x130">
  646. </div>
  647. <div class="jongho">muse name</div>
  648. <div class="yeosang">age. species. orientation..</div>
  649. <div class="wooyoung">
  650. <p>lorem ipsum dolor sit amet, consectetuer adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. aliquam mattis porta urna. maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. aenean id massa ut lacus molestie porta. curabitur sit amet quam id libero suscipit venenatis. lorem ipsum dolor sit amet, consectetuer adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. aliquam mattis porta urna. maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. aenean id massa ut lacus molestie porta. curabitur sit amet quam id libero suscipit venenatis. lorem ipsum dolor sit amet, consectetuer adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. aliquam mattis porta urna. maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. aenean id massa ut lacus molestie porta. curabitur sit amet quam id libero suscipit venenatis. lorem ipsum dolor sit amet, consectetuer adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. aliquam mattis porta urna. maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. aenean id massa ut lacus molestie porta. curabitur sit amet quam id libero suscipit venenatis. lorem ipsum dolor sit amet, consectetuer adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. aliquam mattis porta urna. maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. aenean id massa ut lacus molestie porta. curabitur sit amet quam id libero suscipit venenatis. lorem ipsum dolor sit amet, consectetuer adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. aliquam mattis porta urna. maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. aenean id massa ut lacus molestie porta. curabitur sit amet quam id libero suscipit venenatis. lorem ipsum dolor sit amet, consectetuer adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. aliquam mattis porta urna. maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. aenean id massa ut lacus molestie porta. curabitur sit amet quam id libero suscipit venenatis.</p>
  651. </div>
  652. <div class="san">
  653. <a href="/"><div class="mingi">threads.</div></a>
  654. <a href="/"><div class="mingi">imagery.</div></a>
  655. <a href="/"><div class="mingi">musings.</div></a>
  656. <a href="/"><div class="mingi">pinterest.</div></a>
  657. </div>
  658. </div>
  659.  
  660. </div>
  661.  
  662. <!----------- muse 5 end ---------->
  663.  
  664. <!----------- muse 6 start ---------->
  665.  
  666. <div id="box6" class="popup_block">
  667.  
  668. <div class="seonghwa">
  669. <div class="yunho"></div>
  670. <div class="hongjoong">
  671. <img src="https://via.placeholder.com/280x130">
  672. </div>
  673. <div class="jongho">muse name</div>
  674. <div class="yeosang">age. species. orientation..</div>
  675. <div class="wooyoung">
  676. <p>lorem ipsum dolor sit amet, consectetuer adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. aliquam mattis porta urna. maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. aenean id massa ut lacus molestie porta. curabitur sit amet quam id libero suscipit venenatis. lorem ipsum dolor sit amet, consectetuer adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. aliquam mattis porta urna. maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. aenean id massa ut lacus molestie porta. curabitur sit amet quam id libero suscipit venenatis. lorem ipsum dolor sit amet, consectetuer adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. aliquam mattis porta urna. maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. aenean id massa ut lacus molestie porta. curabitur sit amet quam id libero suscipit venenatis. lorem ipsum dolor sit amet, consectetuer adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. aliquam mattis porta urna. maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. aenean id massa ut lacus molestie porta. curabitur sit amet quam id libero suscipit venenatis. lorem ipsum dolor sit amet, consectetuer adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. aliquam mattis porta urna. maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. aenean id massa ut lacus molestie porta. curabitur sit amet quam id libero suscipit venenatis. lorem ipsum dolor sit amet, consectetuer adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. aliquam mattis porta urna. maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. aenean id massa ut lacus molestie porta. curabitur sit amet quam id libero suscipit venenatis. lorem ipsum dolor sit amet, consectetuer adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. aliquam mattis porta urna. maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. aenean id massa ut lacus molestie porta. curabitur sit amet quam id libero suscipit venenatis.</p>
  677. </div>
  678. <div class="san">
  679. <a href="/"><div class="mingi">threads.</div></a>
  680. <a href="/"><div class="mingi">imagery.</div></a>
  681. <a href="/"><div class="mingi">musings.</div></a>
  682. <a href="/"><div class="mingi">pinterest.</div></a>
  683. </div>
  684. </div>
  685.  
  686. </div>
  687.  
  688. <!----------- muse 6 end ---------->
  689.  
  690. <!----------- muse 7 start ---------->
  691.  
  692. <div id="box7" class="popup_block">
  693.  
  694. <div class="seonghwa">
  695. <div class="yunho"></div>
  696. <div class="hongjoong">
  697. <img src="https://via.placeholder.com/280x130">
  698. </div>
  699. <div class="jongho">muse name</div>
  700. <div class="yeosang">age. species. orientation..</div>
  701. <div class="wooyoung">
  702. <p>lorem ipsum dolor sit amet, consectetuer adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. aliquam mattis porta urna. maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. aenean id massa ut lacus molestie porta. curabitur sit amet quam id libero suscipit venenatis. lorem ipsum dolor sit amet, consectetuer adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. aliquam mattis porta urna. maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. aenean id massa ut lacus molestie porta. curabitur sit amet quam id libero suscipit venenatis. lorem ipsum dolor sit amet, consectetuer adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. aliquam mattis porta urna. maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. aenean id massa ut lacus molestie porta. curabitur sit amet quam id libero suscipit venenatis. lorem ipsum dolor sit amet, consectetuer adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. aliquam mattis porta urna. maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. aenean id massa ut lacus molestie porta. curabitur sit amet quam id libero suscipit venenatis. lorem ipsum dolor sit amet, consectetuer adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. aliquam mattis porta urna. maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. aenean id massa ut lacus molestie porta. curabitur sit amet quam id libero suscipit venenatis. lorem ipsum dolor sit amet, consectetuer adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. aliquam mattis porta urna. maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. aenean id massa ut lacus molestie porta. curabitur sit amet quam id libero suscipit venenatis. lorem ipsum dolor sit amet, consectetuer adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. aliquam mattis porta urna. maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. aenean id massa ut lacus molestie porta. curabitur sit amet quam id libero suscipit venenatis.</p>
  703. </div>
  704. <div class="san">
  705. <a href="/"><div class="mingi">threads.</div></a>
  706. <a href="/"><div class="mingi">imagery.</div></a>
  707. <a href="/"><div class="mingi">musings.</div></a>
  708. <a href="/"><div class="mingi">pinterest.</div></a>
  709. </div>
  710. </div>
  711.  
  712. </div>
  713.  
  714. <!----------- muse 7 end ---------->
  715.  
  716. <!----------- muse 8 start ---------->
  717.  
  718. <div id="box8" class="popup_block">
  719.  
  720. <div class="seonghwa">
  721. <div class="yunho"></div>
  722. <div class="hongjoong">
  723. <img src="https://via.placeholder.com/280x130">
  724. </div>
  725. <div class="jongho">muse name</div>
  726. <div class="yeosang">age. species. orientation..</div>
  727. <div class="wooyoung">
  728. <p>lorem ipsum dolor sit amet, consectetuer adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. aliquam mattis porta urna. maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. aenean id massa ut lacus molestie porta. curabitur sit amet quam id libero suscipit venenatis. lorem ipsum dolor sit amet, consectetuer adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. aliquam mattis porta urna. maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. aenean id massa ut lacus molestie porta. curabitur sit amet quam id libero suscipit venenatis. lorem ipsum dolor sit amet, consectetuer adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. aliquam mattis porta urna. maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. aenean id massa ut lacus molestie porta. curabitur sit amet quam id libero suscipit venenatis. lorem ipsum dolor sit amet, consectetuer adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. aliquam mattis porta urna. maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. aenean id massa ut lacus molestie porta. curabitur sit amet quam id libero suscipit venenatis. lorem ipsum dolor sit amet, consectetuer adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. aliquam mattis porta urna. maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. aenean id massa ut lacus molestie porta. curabitur sit amet quam id libero suscipit venenatis. lorem ipsum dolor sit amet, consectetuer adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. aliquam mattis porta urna. maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. aenean id massa ut lacus molestie porta. curabitur sit amet quam id libero suscipit venenatis. lorem ipsum dolor sit amet, consectetuer adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. aliquam mattis porta urna. maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. aenean id massa ut lacus molestie porta. curabitur sit amet quam id libero suscipit venenatis.</p>
  729. </div>
  730. <div class="san">
  731. <a href="/"><div class="mingi">threads.</div></a>
  732. <a href="/"><div class="mingi">imagery.</div></a>
  733. <a href="/"><div class="mingi">musings.</div></a>
  734. <a href="/"><div class="mingi">pinterest.</div></a>
  735. </div>
  736. </div>
  737.  
  738. </div>
  739.  
  740. <!----------- muse 8 end ---------->
  741.  
  742. <!----------- muse 9 start ---------->
  743.  
  744. <div id="box9" class="popup_block">
  745.  
  746. <div class="seonghwa">
  747. <div class="yunho"></div>
  748. <div class="hongjoong">
  749. <img src="https://via.placeholder.com/280x130">
  750. </div>
  751. <div class="jongho">muse name</div>
  752. <div class="yeosang">age. species. orientation..</div>
  753. <div class="wooyoung">
  754. <p>lorem ipsum dolor sit amet, consectetuer adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. aliquam mattis porta urna. maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. aenean id massa ut lacus molestie porta. curabitur sit amet quam id libero suscipit venenatis. lorem ipsum dolor sit amet, consectetuer adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. aliquam mattis porta urna. maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. aenean id massa ut lacus molestie porta. curabitur sit amet quam id libero suscipit venenatis. lorem ipsum dolor sit amet, consectetuer adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. aliquam mattis porta urna. maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. aenean id massa ut lacus molestie porta. curabitur sit amet quam id libero suscipit venenatis. lorem ipsum dolor sit amet, consectetuer adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. aliquam mattis porta urna. maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. aenean id massa ut lacus molestie porta. curabitur sit amet quam id libero suscipit venenatis. lorem ipsum dolor sit amet, consectetuer adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. aliquam mattis porta urna. maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. aenean id massa ut lacus molestie porta. curabitur sit amet quam id libero suscipit venenatis. lorem ipsum dolor sit amet, consectetuer adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. aliquam mattis porta urna. maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. aenean id massa ut lacus molestie porta. curabitur sit amet quam id libero suscipit venenatis. lorem ipsum dolor sit amet, consectetuer adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. aliquam mattis porta urna. maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. aenean id massa ut lacus molestie porta. curabitur sit amet quam id libero suscipit venenatis.</p>
  755. </div>
  756. <div class="san">
  757. <a href="/"><div class="mingi">threads.</div></a>
  758. <a href="/"><div class="mingi">imagery.</div></a>
  759. <a href="/"><div class="mingi">musings.</div></a>
  760. <a href="/"><div class="mingi">pinterest.</div></a>
  761. </div>
  762. </div>
  763.  
  764. </div>
  765.  
  766. <!----------- muse 9 end ---------->
  767.  
  768. <!----------- muse 10 start ---------->
  769.  
  770. <div id="box10" class="popup_block">
  771.  
  772. <div class="seonghwa">
  773. <div class="yunho"></div>
  774. <div class="hongjoong">
  775. <img src="https://via.placeholder.com/280x130">
  776. </div>
  777. <div class="jongho">muse name</div>
  778. <div class="yeosang">age. species. orientation..</div>
  779. <div class="wooyoung">
  780. <p>lorem ipsum dolor sit amet, consectetuer adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. aliquam mattis porta urna. maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. aenean id massa ut lacus molestie porta. curabitur sit amet quam id libero suscipit venenatis. lorem ipsum dolor sit amet, consectetuer adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. aliquam mattis porta urna. maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. aenean id massa ut lacus molestie porta. curabitur sit amet quam id libero suscipit venenatis. lorem ipsum dolor sit amet, consectetuer adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. aliquam mattis porta urna. maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. aenean id massa ut lacus molestie porta. curabitur sit amet quam id libero suscipit venenatis. lorem ipsum dolor sit amet, consectetuer adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. aliquam mattis porta urna. maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. aenean id massa ut lacus molestie porta. curabitur sit amet quam id libero suscipit venenatis. lorem ipsum dolor sit amet, consectetuer adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. aliquam mattis porta urna. maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. aenean id massa ut lacus molestie porta. curabitur sit amet quam id libero suscipit venenatis. lorem ipsum dolor sit amet, consectetuer adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. aliquam mattis porta urna. maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. aenean id massa ut lacus molestie porta. curabitur sit amet quam id libero suscipit venenatis. lorem ipsum dolor sit amet, consectetuer adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. aliquam mattis porta urna. maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. aenean id massa ut lacus molestie porta. curabitur sit amet quam id libero suscipit venenatis.</p>
  781. </div>
  782. <div class="san">
  783. <a href="/"><div class="mingi">threads.</div></a>
  784. <a href="/"><div class="mingi">imagery.</div></a>
  785. <a href="/"><div class="mingi">musings.</div></a>
  786. <a href="/"><div class="mingi">pinterest.</div></a>
  787. </div>
  788. </div>
  789.  
  790. </div>
  791.  
  792. <!----------- muse 10 end ---------->
  793.  
  794. <!----------- muse 11 start ---------->
  795.  
  796. <div id="box11" class="popup_block">
  797.  
  798. <div class="seonghwa">
  799. <div class="yunho"></div>
  800. <div class="hongjoong">
  801. <img src="https://via.placeholder.com/280x130">
  802. </div>
  803. <div class="jongho">muse name</div>
  804. <div class="yeosang">age. species. orientation..</div>
  805. <div class="wooyoung">
  806. <p>lorem ipsum dolor sit amet, consectetuer adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. aliquam mattis porta urna. maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. aenean id massa ut lacus molestie porta. curabitur sit amet quam id libero suscipit venenatis. lorem ipsum dolor sit amet, consectetuer adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. aliquam mattis porta urna. maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. aenean id massa ut lacus molestie porta. curabitur sit amet quam id libero suscipit venenatis. lorem ipsum dolor sit amet, consectetuer adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. aliquam mattis porta urna. maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. aenean id massa ut lacus molestie porta. curabitur sit amet quam id libero suscipit venenatis. lorem ipsum dolor sit amet, consectetuer adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. aliquam mattis porta urna. maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. aenean id massa ut lacus molestie porta. curabitur sit amet quam id libero suscipit venenatis. lorem ipsum dolor sit amet, consectetuer adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. aliquam mattis porta urna. maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. aenean id massa ut lacus molestie porta. curabitur sit amet quam id libero suscipit venenatis. lorem ipsum dolor sit amet, consectetuer adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. aliquam mattis porta urna. maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. aenean id massa ut lacus molestie porta. curabitur sit amet quam id libero suscipit venenatis. lorem ipsum dolor sit amet, consectetuer adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. aliquam mattis porta urna. maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. aenean id massa ut lacus molestie porta. curabitur sit amet quam id libero suscipit venenatis.</p>
  807. </div>
  808. <div class="san">
  809. <a href="/"><div class="mingi">threads.</div></a>
  810. <a href="/"><div class="mingi">imagery.</div></a>
  811. <a href="/"><div class="mingi">musings.</div></a>
  812. <a href="/"><div class="mingi">pinterest.</div></a>
  813. </div>
  814. </div>
  815.  
  816. </div>
  817.  
  818. <!----------- muse 11 end ---------->
  819.  
  820. <!----------- muse 12 start ---------->
  821.  
  822. <div id="box12" class="popup_block">
  823.  
  824. <div class="seonghwa">
  825. <div class="yunho"></div>
  826. <div class="hongjoong">
  827. <img src="https://via.placeholder.com/280x130">
  828. </div>
  829. <div class="jongho">muse name</div>
  830. <div class="yeosang">age. species. orientation..</div>
  831. <div class="wooyoung">
  832. <p>lorem ipsum dolor sit amet, consectetuer adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. aliquam mattis porta urna. maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. aenean id massa ut lacus molestie porta. curabitur sit amet quam id libero suscipit venenatis. lorem ipsum dolor sit amet, consectetuer adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. aliquam mattis porta urna. maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. aenean id massa ut lacus molestie porta. curabitur sit amet quam id libero suscipit venenatis. lorem ipsum dolor sit amet, consectetuer adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. aliquam mattis porta urna. maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. aenean id massa ut lacus molestie porta. curabitur sit amet quam id libero suscipit venenatis. lorem ipsum dolor sit amet, consectetuer adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. aliquam mattis porta urna. maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. aenean id massa ut lacus molestie porta. curabitur sit amet quam id libero suscipit venenatis. lorem ipsum dolor sit amet, consectetuer adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. aliquam mattis porta urna. maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. aenean id massa ut lacus molestie porta. curabitur sit amet quam id libero suscipit venenatis. lorem ipsum dolor sit amet, consectetuer adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. aliquam mattis porta urna. maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. aenean id massa ut lacus molestie porta. curabitur sit amet quam id libero suscipit venenatis. lorem ipsum dolor sit amet, consectetuer adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. aliquam mattis porta urna. maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. aenean id massa ut lacus molestie porta. curabitur sit amet quam id libero suscipit venenatis.</p>
  833. </div>
  834. <div class="san">
  835. <a href="/"><div class="mingi">threads.</div></a>
  836. <a href="/"><div class="mingi">imagery.</div></a>
  837. <a href="/"><div class="mingi">musings.</div></a>
  838. <a href="/"><div class="mingi">pinterest.</div></a>
  839. </div>
  840. </div>
  841.  
  842. </div>
  843.  
  844. <!----------- muse 12 end ---------->
  845.  
  846.  
  847. <body>
  848. <div id="container">
  849.  
  850. <!-- < tabs content >
  851. -->
  852.  
  853. <div id="TabzOne" class="tabzcon alytut" style="display:none">
  854. <div id="navi">
  855. <div id="navi1">
  856. <div id="outline1"></div>
  857. <div id="image1"><img src="{image:navi1}"></div>
  858. <div id="quote1">{text:quote1}</div>
  859. <div id="sub1">{text:sub1}</div>
  860. <div id="links1">
  861. <a href="{text:tab link 1}" title="{text:tab link 1 title}"><div class="nlink1"></div></a>
  862. <a href="{text:tab link 2}" title="{text:tab link 2 title}"><div class="nlink2"></div></a>
  863. <a href="{text:tab link 3}" title="{text:tab link 3 title}"><div class="nlink3"></div></a>
  864. </div>
  865. </div>
  866.  
  867. <div id="navi2">
  868. <div id="outline2"></div>
  869. <div id="image2"><img src="{image:navi2}"></div>
  870. <div id="quote2">{text:quote2}</div>
  871. <div id="sub2">{text:sub2}</div>
  872. <div id="links2">
  873. <a href="{text:tab link 4}" title="{text:tab link 4 title}"><div class="nlink4"></div></a>
  874. <a href="{text:tab link 5}" title="{text:tab link 5 title}"><div class="nlink5"></div></a>
  875. <a href="{text:tab link 6}" title="{text:tab link 6 title}"><div class="nlink6"></div></a>
  876. </div>
  877. </div>
  878.  
  879. <div id="navi3">
  880. <div id="outline3"></div>
  881. <div id="image3"><img src="{image:navi3}"></div>
  882. <div id="quote3">{text:quote3}</div>
  883. <div id="sub3">{text:sub3}</div>
  884. <div id="links3">
  885. <a href="{text:tab link 7}" title="{text:tab link 7 title}"><div class="nlink7"></div></a>
  886. <a href="{text:tab link 8}" title="{text:tab link 8 title}"><div class="nlink8"></div></a>
  887. <a href="{text:tab link 9}" title="{text:tab link 9 title}"><div class="nlink9"></div></a>
  888. </div>
  889. </div>
  890. </div>
  891.  
  892.  
  893. <span onclick="this.parentElement.style.display='none'" class="tabclose">
  894. <div class="close">click here to close the tab</div>
  895. </span>
  896. </div>
  897.  
  898. <div id="TabzTwo" class="tabzcon alytut" style="display:none">
  899. <div id="muse">
  900. <div id="muses">
  901. <a href="#?w=auto" rel="box1" class="poplight" title="{text:muse 1 name}"><img src="{image:muse 1}"></a>
  902. <a href="#?w=auto" rel="box2" class="poplight" title="{text:muse 2 name}"><img src="{image:muse 2}"></a>
  903. <a href="#?w=auto" rel="box3" class="poplight" title="{text:muse 3 name}"><img src="{image:muse 3}"></a>
  904. <a href="#?w=auto" rel="box4" class="poplight" title="{text:muse 4 name}"><img src="{image:muse 4}"></a>
  905. <a href="#?w=auto" rel="box5" class="poplight" title="{text:muse 5 name}"><img src="{image:muse 5}"></a>
  906. <a href="#?w=auto" rel="box6" class="poplight" title="{text:muse 6 name}"><img src="{image:muse 6}"></a>
  907. <a href="#?w=auto" rel="box7" class="poplight" title="{text:muse 7 name}"><img src="{image:muse 7}"></a>
  908. <a href="#?w=auto" rel="box8" class="poplight" title="{text:muse 8 name}"><img src="{image:muse 8}"></a>
  909. <a href="#?w=auto" rel="box9" class="poplight" title="{text:muse 9 name}"><img src="{image:muse 9}"></a>
  910. <a href="#?w=auto" rel="box10" class="poplight" title="{text:muse 10 name}"><img src="{image:muse 10}"></a>
  911. <a href="#?w=auto" rel="box11" class="poplight" title="{text:muse 11 name}"><img src="{image:muse 11}"></a>
  912. <a href="#?w=auto" rel="box12" class="poplight" title="{text:muse 12 name}"><img src="{image:muse 12}"></a>
  913. </div>
  914. </div>
  915.  
  916. <span onclick="this.parentElement.style.display='none'" class="tabclose">
  917. <div class="close">click here to close the tab</div>
  918. </span>
  919. </div>
  920.  
  921.  
  922. <!--
  923.  
  924. < *TABS END >
  925.  
  926. -->
  927.  
  928. <div id="entries">
  929.  
  930. {block:Posts}
  931.  
  932. <div class="posts">
  933.  
  934.  
  935. <!--TEXT POSTS-->
  936.  
  937. {block:Text}
  938.  
  939. {block:Title}<div class="post_title">{Title}</div>{/block:Title}
  940. <div class="text">{Body}</div>
  941.  
  942. {/block:Text}
  943.  
  944. <!--END TEXT POSTS-->
  945.  
  946.  
  947.  
  948. {block:Photo}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  949.  
  950. {block:Panorama}{LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Panorama}
  951.  
  952. {block:Photoset}{Photoset-400}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  953.  
  954. {block:Quote}<div class="quote">{Quote}</div>{block:Source}<div class="quotesource">{Source}</div>{/block:Source}{/block:Quote}
  955.  
  956. {block:Link}<a href="{URL}" class="link" {Target}>{Name}</a>{block:Description}{Description}{/block:Description}{/block:Link}
  957.  
  958. {block:Chat}{block:Title}{Title}</a>{/block:Title}
  959. {block:Lines}<li>{block:Label}{Label}{/block:Label}{Line}</li>{/block:Lines}{/block:Chat}
  960.  
  961. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  962.  
  963. {block:Audio}{AudioEmbed}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  964.  
  965. {block:Answer}
  966. <div class="asker">{Asker}</div>
  967. <div class="question">{Question}</div>
  968. {Answer}
  969. {/block:Answer}
  970.  
  971. <div class="permalinks">
  972. <div class="date"><a href="{Permalink}">{TimeAgo} </a>&nbsp;&nbsp;&nbsp;&nbsp;</div>
  973. <div class="reblogs">
  974. <a href="{Permalink}">{block:NoteCount}{NoteCount}{/block:NoteCount}</a>&nbsp;&nbsp;&nbsp;&nbsp; <a href="{ReblogURL}">reblog</a>&nbsp;&nbsp;&nbsp;&nbsp;</div>
  975. </div>
  976.  
  977. <div class="tags">{block:HasTags}{block:Tags}#<a href="{TagUrl}"> {Tag}</a>&nbsp;&nbsp;{/block:Tags}{/block:HasTags}</div>
  978.  
  979. </div>
  980.  
  981. {/block:Posts}
  982.  
  983. <div id="pagination">{block:Pagination}
  984. {block:PreviousPage}<a href="{PreviousPage}">prev</a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}">next</a>
  985. {/block:NextPage}
  986. {/block:Pagination}</div>
  987.  
  988. </div>
  989.  
  990. <div id="sidebar">
  991.  
  992. <div id="description">{block:Description}{Description}{/block:Description}
  993. </div>
  994.  
  995. </div>
  996.  
  997. <div id="links">
  998. <a href="/" title="refresh."><div class="link"></div></a>
  999. <a href="/ask" title="message."><div class="link"></div></a>
  1000. <a href="javascript:void(0)" class="tablink tabzact" onclick="openAlytut(event, 'TabzOne');" title="navigate."><div class="link"></div></a>
  1001. <a href="javascript:void(0)" class="tablink tabzact" onclick="openAlytut(event, 'TabzTwo');" title="muses."><div class="link"></div></a>
  1002. </div>
  1003.  
  1004. <div id="png"><img src="{image:png}"></div>
  1005.  
  1006. </div>
  1007.  
  1008. {block:ContentSource}
  1009. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1010. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1011. {/block:SourceLogo}
  1012. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1013. {/block:ContentSource}
  1014.  
  1015. <div class="credit"><a href="https://etherevlrph.tumblr.com">etherevlrph</span></a></div>
  1016.  
  1017. </body>
  1018.  
  1019.  
  1020. <script>
  1021. function openAlytut(evt, alytutName) {
  1022. var i, x, tablinks;
  1023. x = document.getElementsByClassName("alytut");
  1024. for (i = 0; i < x.length; i++) {
  1025. x[i].style.display = "none";
  1026. }
  1027. tablinks = document.getElementsByClassName("tablink");
  1028. for (i = 0; i < x.length; i++) {
  1029. tablinks[i].className = tablinks[i].className.replace(" tabzact", "");
  1030. }
  1031. document.getElementById(alytutName).style.display = "block";
  1032. evt.currentTarget.className += " tabzact";
  1033. }
  1034. </script>
  1035.  
  1036. </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!