API tools faq
paste
mintrps

04. tokyo ; ♡ ━

mintrps
Dec 10th, 2018
2,853
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 85.79 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <head>
  5.  
  6. <link href="//dl.dropbox.com/s/50g6fbds3rh4m0j/saturnicons.css" rel="stylesheet">
  7. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
  8. <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  9. <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
  10. <link href="https://fonts.googleapis.com/css?family=Quicksand" rel="stylesheet">
  11. <link href="https://fonts.googleapis.com/css?family=Lato:400,400i,700,700i" rel="stylesheet">
  12. <link href="https://fonts.googleapis.com/css?family=Abril+Fatface" rel="stylesheet">
  13. <link href="https://fonts.googleapis.com/css?family=ABeeZee" rel="stylesheet">
  14. <title>{Title}</title>
  15. <link rel="shortcut icon" href="{Favicon}">
  16. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  17. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  18.  
  19. <meta name="color:background" content="#070707"/>
  20. <meta name="color:text" content="#ccc"/>
  21. <meta name="color:borders" content="#111"/>
  22. <meta name="color:title color" content="#aaa"/>
  23. <meta name="color:top links color" content="#aaa"/>
  24. <meta name="color:bold" content="#444"/>
  25. <meta name="color:accent" content="#aaa"/>
  26. <meta name="color:permalink" content="#070707"/>
  27. <meta name="color:nav links" content="#000"/>
  28. <meta name="color:container background" content="#000"/>
  29. <meta name="color:paddings" content="#fff"/>
  30. <meta name="color:post background" content="#040404"/>
  31. <meta name="image:container bg" content=""/>
  32. <meta name="image:outer bg" content=""/>
  33. <meta name="image:sidebar" content="https://placehold.it/159x460"/>
  34. <meta name="image:small sidebar" content="https://placehold.it/170x218"/>
  35. <meta name="image:tab image" content="https://placehold.it/320x137"/>
  36. <meta name="if:image opacity" content="1"/>
  37. <meta name="if:grayscale" content="1"/>
  38. <meta name="select:font size" content="8px"/>
  39. <meta name="select:font size" content="9px"/>
  40. <meta name="select:font size" content="10px"/>
  41. <meta name="text:side title" content="next to you.">
  42. <meta name="text:desc" content="lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum ad est suscipit.">
  43. <meta name="text:navigation text" content="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis.">
  44. <meta name="text:title size" content="85px">
  45. <meta name="text:title left margin" content="230px">
  46. <meta name="text:tab 1" content="index.">
  47. <meta name="text:tab 2" content="message.">
  48. <meta name="text:tab 3" content="navigation.">
  49. <meta name="text:tab 4" content="muses.">
  50. <meta name="text:ask tab title" content="ask me anything.">
  51. <meta name="text:nav link 1 url" content="">
  52. <meta name="text:nav link 1 title" content="">
  53. <meta name="text:nav link 2 url" content="">
  54. <meta name="text:nav link 2 title" content="">
  55. <meta name="text:nav link 3 url" content="">
  56. <meta name="text:nav link 3 title" content="">
  57. <meta name="text:nav link 4 url" content="">
  58. <meta name="text:nav link 4 title" content="">
  59. <meta name="text:nav link 5 url" content="">
  60. <meta name="text:nav link 5 title" content="">
  61.  
  62. <link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro:200' rel='stylesheet' type='text/css'>
  63. <link href='https://fonts.googleapis.com/css?family=Inconsolata' rel='stylesheet' type='text/css'>
  64. <link href='https://fonts.googleapis.com/css?family=Libre+Franklin:200,200italic,400,400italic,600,600italic' rel='stylesheet' type='text/css'>
  65.  
  66. <script type="text/javascript">
  67. window.onload = function () {
  68. DisplayCurrentTime();
  69. };
  70. function DisplayCurrentTime() {
  71. var date = new Date();
  72. var hours = date.getHours() > 12 ? date.getHours() - 12 : date.getHours();
  73. var am_pm = date.getHours() >= 12 ? "PM" : "AM";
  74. hours = hours < 10 ? "0" + hours : hours;
  75. var minutes = date.getMinutes() < 10 ? "0" + date.getMinutes() : date.getMinutes();
  76. var seconds = date.getSeconds() < 10 ? "0" + date.getSeconds() : date.getSeconds();
  77. time = hours + ":" + minutes + am_pm;
  78. var lblTime = document.getElementById("lblTime");
  79. lblTime.innerHTML = time;
  80. };
  81. </script>
  82.  
  83. <script>
  84. function openAlytut(evt, alytutName) {
  85. var i, x, tablinks;
  86. x = document.getElementsByClassName("alytut");
  87. for (i = 0; i < x.length; i++) {
  88. x[i].style.display = "none";
  89. }
  90. tablinks = document.getElementsByClassName("tablink");
  91. for (i = 0; i < x.length; i++) {
  92. tablinks[i].className = tablinks[i].className.replace(" tabzact", "");
  93. }
  94. document.getElementById(alytutName).style.display = "block";
  95. evt.currentTarget.className += " tabzact";
  96. }
  97. </script>
  98.  
  99. <script>
  100. $(document).ready(function() {
  101. //
  102. $('a.poplight[href^=#]').click(function() {
  103. var popID = $(this).attr('rel'); //Get Popup Name
  104. var popURL = $(this).attr('href'); //Get Popup href to define size
  105. var query= popURL.split('?');
  106. var dim= query[1].split('&');
  107. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  108. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  109. var popMargTop = ($('#' + popID).height() + 80) / 2;
  110. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  111. //Apply Margin to Popup
  112. $('#' + popID).css({
  113. 'margin-top' : -popMargTop,
  114. 'margin-left' : -popMargLeft
  115. });
  116. $('body').append('<div id="fade"></div>');
  117. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  118. return false;
  119. });
  120. $('a.close, #fade').live('click', function() {
  121. $('#fade , .popup_block').fadeOut(function() {
  122. $('#fade, a.close').remove(); //fade them both out
  123. });
  124. return false;
  125. });
  126. });
  127. </script>
  128.  
  129. <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
  130.  
  131. <script type="text/javascript" src="https://static.tumblr.com/8pnyeus/10hors8sn/themekid-popup.min.js"></script>
  132. <script type="text/javascript">
  133. $(document).ready(function(){
  134. popUp(true);
  135. });
  136. </script>
  137.  
  138. <script type="text/javascript" src="https://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  139. <script>
  140. (function($){
  141. $(document).ready(function(){
  142. $("[title]").style_my_tooltips();
  143. });
  144. })(jQuery);
  145. </script>
  146. <style type="text/css">
  147.  
  148.  
  149.  
  150.  
  151.  
  152. /* TABS STYLING--
  153. BASE CODE BY ALYOFRP. DO NOT REMOVE THIS CREDIT!
  154. */
  155.  
  156. .tabz {
  157. margin-top:-10px;
  158. margin-left:180px;
  159. padding:13px;
  160. padding-right:0px;
  161. padding-bottom:0px;
  162. margin-right:0px;
  163. position:fixed;
  164. z-index:9999999999999999;
  165. z-index:99999999999999999999999;
  166.  
  167. }
  168.  
  169. .tabz a {
  170. padding:3px;
  171. text-align:center;
  172. font-family:arial black;
  173. fill:{color:top links color};
  174. font-size:15px;
  175. display:inline-block;
  176. margin-left:0px;
  177. margin-top:0px;
  178. transition:.2s;
  179. margin-right:-2px;
  180. padding-top:5px;
  181. padding-left:5px;
  182. margin-bottom:2px;
  183. -webkit-transition:.2s;
  184. -moz-transition:.2s;
  185. font-family: 'Abril Fatface', cursive;
  186. }
  187.  
  188. .tabz svg {
  189. padding:2px;
  190. margin-right:2px;
  191. width:12px;
  192. text-align:center;
  193. font-family:arial black;
  194. color:{color:top links color};
  195. font-size:14px;
  196. display:inline-block;
  197. margin-top:0px;
  198. transition:.2s;
  199. border-radius:0px;
  200. border-bottom:2px solid transparent;
  201. -webkit-transition:.2s;
  202. -moz-transition:.2s;
  203. }
  204.  
  205. .tabz a:hover {/* tablinks hover color */
  206. transition:.2s;
  207. -webkit-transition:.2s;
  208. -moz-transition:.2s;
  209. opacity:0.7;
  210. }
  211.  
  212. .tabzcon { /* tablinks content aka the box under the tablinks */
  213. margin-top:0px;
  214. height:300px;
  215. margin-left:15px;
  216. padding:10px;
  217. padding-top:5px;
  218. position:absolute;
  219. width:300px; {block:if400px} width:400px; {/block:if400px}
  220. padding-left:10px;
  221. border-radius:0px;
  222. position:fixed;
  223. overflow:auto;
  224. overflow-y:hidden;
  225. overflow:auto;
  226. padding-top:10px;
  227. padding-right:20px;
  228. margin-left:30px;
  229. margin-top:175px;
  230. z-index:1000;
  231. }
  232.  
  233. #base { /* the box when no tabs are selected */
  234. margin-top:45px;
  235. margin-left:0px;
  236. position:fixed;
  237. padding:10px;
  238. width:205px;
  239. height:260px;
  240. background-color:#e1c9bf;
  241. }
  242.  
  243. .tabzclose { /* the close button, u prob dont need to touch this */
  244. text-transform:uppercase;
  245. font-weight:bold;
  246. font-size:calc({select:font size} - 1px);
  247. padding:3px;
  248. color:inherit;
  249. margin-top:-15px;
  250. margin-right:-7px;
  251. float:right;
  252. }
  253.  
  254. .tabzclose:hover {
  255. cursor:pointer;
  256. }
  257.  
  258. ::-webkit-scrollbar-thumb {
  259. height:auto;
  260. background-color:{color:Scrollbar};
  261. margin-left:1px;
  262. display:none;
  263. }
  264.  
  265. ::-webkit-scrollbar {
  266. height:9px;
  267. width:1px;
  268. background-color:transparent;
  269. }
  270.  
  271. ::-webkit-scrollbar-thumb {
  272. background:transparent;
  273. }
  274.  
  275. ::-webkit-scrollbar-corner {
  276. background:transparent;
  277. }
  278.  
  279. body {
  280. background:{color:background};
  281. margin-top:-20px;
  282. margin-left:-100px;
  283. color:{color:text};
  284. font-family: 'ABeeZee', sans-serif;
  285. line-height:200%;
  286. font-size:{select:font size};
  287. letter-spacing:1px;
  288. text-align:justify;
  289. background-image:url('{image:outer bg}');
  290. width:701px;
  291. {block:if400px}
  292. width:801px;
  293. {/block:if400px}
  294. height:385px;
  295. margin:auto;
  296. }
  297.  
  298. sup, sub {
  299. font-size:9px;
  300. }
  301.  
  302. a {
  303. text-decoration:none;
  304. outline:none;
  305. -moz-outline-style:none;
  306. color:{color:text};
  307. }
  308.  
  309. img {
  310. border:none;
  311. }
  312.  
  313. small{
  314. font-size:9px;
  315. }
  316.  
  317. b, strong {
  318. color:{color:bold};
  319. }
  320.  
  321. .tumblr_blog {
  322. text-transform:uppercase;
  323. letter-spacing:2px;
  324. padding-left:5px;
  325. font-family: 'ABeeZee', sans-serif;
  326. font-size:6.5px;
  327. border-bottom:0px solid #222;
  328. color:{color:text};
  329. }
  330.  
  331. h1, h2 {
  332. margin:0px; text-align:left; text-transform:lowercase; letter-spacing:0px; border-radius:0px;margin-top:15px; margin-bottom:15px; color:{color:text}; font-family:coco; font-size:24px;
  333. }
  334.  
  335. h1, h2, h3 a {
  336. color:{color:text};
  337. }
  338.  
  339. blockquote {
  340. border-left:1px solid {color:borders};
  341. padding-left:10px;
  342. margin-left:5px;
  343. width:93%;
  344. }
  345.  
  346. #post blockquote img {
  347. max-width:275px;
  348. height:auto;
  349. }
  350.  
  351. /*CONTAINER*/
  352.  
  353. #container {
  354. margin-top:4px;
  355. margin-left:352px;
  356. margin-right:auto;
  357. width:350px;
  358. max-height:346px;
  359. text-align:left;
  360. position:fixed;
  361. padding-left:0px;
  362. padding-top:0px;
  363. }
  364.  
  365. /*ENTRIES*/
  366.  
  367. #entries {
  368. position:fixed;
  369. height:405px;
  370. width:721px;
  371. {block:if400px}
  372. width:751px;
  373. {/block:if400px}
  374. margin-left:0px;
  375. margin-top:95px;
  376. {block:ifborders}
  377. {/block:ifborders}
  378. background:{color:container background};
  379. {block:ifContainerOpacity}
  380. background:rgba( {RGBcolor:container background}, 0.85 );
  381. {/block:ifContainerOpacity}
  382. box-shadow:0px 0px 0px #222;
  383. padding-top:0px;
  384. padding-top:55px;
  385. background-image:url('{image:container bg}');
  386. border:1px solid {color:borders};
  387. border-bottom:15px solid {color:accent};
  388. margin-left:10px;
  389. z-index:0;
  390. }
  391.  
  392. #entries2 {
  393. position:fixed;
  394. height:405px;
  395. width:723px;
  396. margin-left:-1px;
  397. {block:if400px}
  398. width:801px;
  399. {/block:if400px}
  400. overflow:hidden;
  401. background:{color:bg2};
  402. -webkit-clip-path: polygon(0 39%, 100% 58%, 100% 100%, 0% 100%);
  403. clip-path: polygon(0 39%, 100% 58%, 100% 100%, 0% 100%);
  404. }
  405.  
  406. #post {
  407. width:300px; {block:if400px} width:400px; {/block:if400px}
  408. margin-left:-10px;
  409. margin-top:0px;
  410. height: auto;
  411. {block:ifborders}
  412. {/block:ifborders}
  413. padding:10px;
  414. margin-bottom:40px;
  415. color: {color:text};
  416. letter-spacing:0px;
  417. line-height:200%;
  418. text-align:justify;
  419. text-transform:lowercase;
  420. border-radius:0px;
  421. font-family: 'ABeeZee', sans-serif;
  422. font-size:{select:font size};
  423. font-size:9px;
  424. letter-spacing:1px;
  425. background:{color:post background};
  426. }
  427.  
  428. #post img {
  429. border-radius:0px;
  430. {block:ifImageOpacity}
  431. opacity:0.4;
  432. {/block:ifImageOpacity}
  433. max-width:300px; {block:if400px} max-width:400px; {/block:if400px}
  434. height:auto;
  435. }
  436.  
  437. #post img:hover {
  438. -webkit-filter: grayscale(0%);
  439. {block:ifGrayscale}
  440. -webkit-filter: grayscale(100%);
  441. {/block:ifGrayscale}
  442. -webkit-transition: all 0.6s ease-in-out;
  443. -moz-transition: all 0.6s ease-in-out;
  444. -o-transition: all 0.6s ease-in-out;
  445. -ms-transition: all 0.6s ease-in-out;
  446. transition: all 0.6s ease-in-out;
  447. }
  448.  
  449. iframe {
  450. border-radius:0px;
  451. max-width:300px; {block:if400px} max-width:400px; {/block:if400px}
  452. }
  453.  
  454. .media img, .media iframe {
  455. display:block;
  456. border-radius:0px;
  457. {block:ifGrayscale}
  458. -webkit-filter: grayscale(100%);
  459. {/block:ifGrayscale}
  460. -webkit-transition: all 0.6s ease-in-out;
  461. -moz-transition: all 0.6s ease-in-out;
  462. -o-transition: all 0.6s ease-in-out;
  463. -ms-transition: all 0.6s ease-in-out;
  464. transition: all 0.6s ease-in-out;
  465. {block:ifImageOpacity}
  466. opacity:0.4;
  467. {/block:ifImageOpacity}
  468. }
  469.  
  470. .media img:hover, .media iframe:hover {
  471. width:300px; {block:if400px} width:400px; {/block:if400px}
  472. display:block;
  473. border-radius:0px;
  474. {block:ifGrayscale}
  475. -webkit-filter: grayscale(100%);
  476. {/block:ifGrayscale}
  477. -webkit-transition: all 0.6s ease-in-out;
  478. -moz-transition: all 0.6s ease-in-out;
  479. -o-transition: all 0.6s ease-in-out;
  480. -ms-transition: all 0.6s ease-in-out;
  481. transition: all 0.6s ease-in-out;
  482. {block:ifImageOpacity}
  483. opacity:0.4;
  484. {/block:ifImageOpacity}
  485. }
  486.  
  487. #post sup{
  488. line-height:200%;
  489. font-size:9px;
  490. }
  491.  
  492. #post img {
  493. {block:ifGrayscale}
  494. -webkit-filter: grayscale(100%);
  495. {/block:ifGrayscale}
  496. -webkit-transition: all 0.6s ease-in-out;
  497. -moz-transition: all 0.6s ease-in-out;
  498. -o-transition: all 0.6s ease-in-out;
  499. -ms-transition: all 0.6s ease-in-out;
  500. transition: all 0.6s ease-in-out;
  501. }
  502.  
  503. #post img:hover{
  504. -webkit-filter: grayscale(0%);
  505. -webkit-transition: all 0.6s ease-in-out;
  506. -moz-transition: all 0.6s ease-in-out;
  507. -o-transition: all 0.6s ease-in-out;
  508. -ms-transition: all 0.6s ease-in-out;
  509. transition: all 0.6s ease-in-out;
  510. }
  511.  
  512. .html_photoset {
  513. {block:ifGrayscale}
  514. -webkit-filter: grayscale(100%);
  515. {/block:ifGrayscale}
  516. -webkit-transition: all 0.6s ease-in-out;
  517. -moz-transition: all 0.6s ease-in-out;
  518. -o-transition: all 0.6s ease-in-out;
  519. -ms-transition: all 0.6s ease-in-out;
  520. transition: all 0.6s ease-in-out;
  521. }
  522. .html_photoset:hover {
  523. -webkit-filter: grayscale(0%);
  524. {block:ifGrayscale}
  525. -webkit-filter: grayscale(100%);
  526. {/block:ifGrayscale}
  527. -webkit-transition: all 0.6s ease-in-out;
  528. -moz-transition: all 0.6s ease-in-out;
  529. -o-transition: all 0.6s ease-in-out;
  530. -ms-transition: all 0.6s ease-in-out;
  531. transition: all 0.6s ease-in-out;
  532. }
  533.  
  534. .answer span,.convo li{
  535. margin:0 0 10px;
  536. border-radius:0px;
  537. padding:.5em 10px;
  538. max-width:75%;
  539. clear:both;
  540. position:relative;
  541. }
  542.  
  543. .label {
  544. font-family:calibri;
  545. font-size:{select:font size};
  546. text-transform:uppercase;
  547. letter-spacing:1px;
  548. margin-right:2px;
  549. }
  550.  
  551. .answer .them,.user_1,.user_3,.user_5,.user_7,.user_9,.user_11{
  552. float:left;background:rgba(255,255,255,0.04);
  553. color:{color:text}left:3px;
  554. }
  555.  
  556. .answer .me,.user_2,.user_4,.user_6,.user_8,.user_10,.user_12{
  557. right:3px;
  558. float:right;
  559. background-color:transparent;
  560. text-align:right;
  561. color:{color:text};
  562. }
  563.  
  564. .me p,.answer,.asked span{padding:0;margin:0}.answer{overflow:hidden}
  565. .asked p {
  566. text-align: left;
  567. margin: 0 0px 10px 0px;
  568. padding: 0;
  569. color:{color:text};
  570. font-size: 12px;
  571. line-height: 0px;
  572. }
  573. .footerright .viasrc {
  574. float: left;
  575. }
  576. .asked a {
  577. margin:0;padding:0;
  578. }
  579.  
  580. .user_4{
  581. background-color:rgba(255,255,255,0.03);
  582. color:{color:text};
  583. padding:10px;
  584. }
  585.  
  586. .user_4::after{
  587. border-color:{color:borders};
  588. padding:10px;
  589. }
  590.  
  591. .user_3{
  592. background-color:rgba(255,255,255,0.03);
  593. padding:10px;
  594. color:{color:text};
  595. }
  596.  
  597. .user_3::after{
  598. border-color:{color:borders};
  599. padding:10px;
  600. }
  601.  
  602. .convo {
  603. overflow: hidden;
  604. list-style-type: none;
  605. padding: 0;
  606. margin: 0;
  607. }
  608.  
  609. .quote {
  610. padding:0px;
  611. font-size:calc({select:font size} - 1px);
  612. background:{color:accent}
  613. border:0px solid #222;
  614. line-height:240%;
  615. text-align:left;
  616. text-transform:none;
  617. font-size:22px;
  618. line-height:80%;
  619. font-family:coco;
  620. margin-top:15px;
  621. margin-bottom:15px;
  622. color:{color:text};
  623. border-radius:0px;
  624. }
  625.  
  626. .source {
  627. margin-top:20px;
  628. line-height:100%;
  629. text-transform:uppercase;
  630. font-family:courier;
  631. letter-spacing:1px;
  632. font-size:10px;
  633. opacity:0.2;
  634. margin-bottom:20px;
  635. text-align:center;
  636. color:#fff;
  637. display:none;
  638. }
  639.  
  640. .source a{
  641. font-family:courier;
  642. color:#fff;
  643. }
  644.  
  645. /*BLOG TITLE*/
  646.  
  647. .title{
  648. position:fixed;
  649. color:{color:text};
  650. padding:5px;
  651. width:432px;
  652. margin-top:150px;
  653. margin-left:480px;
  654. letter-spacing:1px;
  655. font-family:'consolas';
  656. text-align:center;
  657. text-transform:uppercase;
  658. border:1px solid {color:borders};
  659. background-color:{color:container background};
  660. }
  661.  
  662. /*SIDEBAR*/
  663.  
  664. #description {
  665. border-left:0px solid {color:borders};
  666. padding:10px;
  667. font-family:{text:descfont};
  668. position:fixed;
  669. width:150px;
  670. height:224px;
  671. overflow-y:scroll;
  672. font-size:6.5px;
  673. margin-top:128px;
  674. line-height:19px;
  675. padding-top:10px;
  676. letter-spacing:0px;
  677. color:{color:text};
  678. opacity:1;
  679. border-radius:0px;
  680. margin-left:522px;
  681. text-transform:uppercase;
  682. text-align:justify;
  683. word-break:break-all;
  684. background:transparent;
  685. font-family: 'ABeeZee', sans-serif;
  686. letter-spacing:1.5px;
  687. opacity:0.8;
  688. background:rgba(255,2552,255,0);
  689. }
  690.  
  691. #dimg {
  692. width:130px;
  693. height:170px;
  694. background-image:url('{image:small sidebar}');
  695. background-position:center;
  696. }
  697.  
  698. #boxy2 {
  699. position:fixed;
  700. margin-left:522px;
  701. margin-top:-89px;
  702. height:218px;
  703. border:solid 0px {color:borders};
  704. {block:ifGrayscale}
  705. -webkit-filter: grayscale(100%);
  706. {/block:ifGrayscale}
  707. -webkit-transition: all 0.6s ease-in-out;
  708. -moz-transition: all 0.6s ease-in-out;
  709. -o-transition: all 0.6s ease-in-out;
  710. -ms-transition: all 0.6s ease-in-out;
  711. transition: all 0.6s ease-in-out;
  712. background-image:url('{image:small sidebar}');
  713. background-position:center;
  714. padding:0px;
  715. width:170px;
  716. }
  717.  
  718. .meow {
  719. text-align:center;
  720. z-index:99999999999999999;
  721. color:{color:text};
  722. font-family:quicksand;
  723. letter-spacing:2px;
  724. margin-top:-20px;
  725. margin-bottom:20px;
  726. text-transform:uppercase;
  727. font-size:7px;
  728. }
  729.  
  730. .meow a {
  731. font-size:7px;
  732. padding:3px;
  733. border-radius:3px;
  734. }
  735.  
  736. #gay {
  737. font-size:{select:font size};
  738. letter-spacing:3px;
  739. padding-bottom:8px;
  740. border-bottom:1px solid {color:borders};
  741. color:#fff;
  742. text-align:center;
  743. text-transform:uppercase;
  744. margin-top:13px;
  745. }
  746.  
  747. #description big{
  748. font-size:calc({select:font size} + 1px);
  749. }
  750.  
  751. #q{
  752. font-size:47px;
  753. margin-left:-27px;
  754. padding-top:15px;
  755. z-index:1;
  756. position:fixed;
  757. border-right:0px solid #222;
  758. height:52px;
  759. padding-right:-5px;
  760. background:transparent;
  761. }
  762.  
  763. @font-face{ font-family:mint; src:url('https://static.tumblr.com/y3tw76x/82Joyt2hm/taken_by_vultures_alternates_demo.ttf');}
  764. @font-face { font-family: "october"; src: url('https://dl.dropboxusercontent.com/s/mbyg0g1cianbljw/Shopping%20Script%20Demo.ttf'); format("truetype");}
  765. @font-face{ font-family:jitzu; src:url('https://dl.dropboxusercontent.com/s/xevtke3dlevbvi0/JITZU-SWASH-MEDIUM.OTF');}
  766.  
  767.  
  768. .tits {
  769. font-size:7px;
  770. text-transform:uppercase;
  771. width:150px;
  772. position:absolute;
  773. line-height:40%;
  774. margin-left:12px;
  775. margin-top:20px;
  776. font-weight:600;
  777. font-family:mint;
  778. font-family: 'ABeeZee', sans-serif;
  779. text-align:center;
  780. box-align:center;
  781. opacity:0.7;
  782. line-height:200%;
  783. z-index:999999999999999999;
  784. letter-spacing:2px;
  785. display:none;
  786. color:{color:title color};
  787. }
  788.  
  789. .tits span {
  790. font-family:calibri;
  791. font-size:{select:font size};
  792. text-transform:uppercase;
  793. letter-spacing:2px;
  794. margin-bottom:-10px;
  795. margin-left:0px;
  796. background:#111;
  797. font-weight:normal;
  798. padding:2px;
  799. padding-left:10px;
  800. padding-right:10px;
  801. position:relative;
  802. z-index:-1;
  803. word-spacing:0px;
  804. }
  805.  
  806. #bx {
  807. width:30px;
  808. margin-left:-7px;
  809. position:fixed;
  810. padding-top:0px;
  811. padding-bottom:5px;
  812. padding-right:5px;
  813. background:transparent;
  814. border-right:none;
  815. margin-top:45px;
  816. border-right:0px solid #222;
  817. line-height:38.5px;
  818. }
  819.  
  820. #bx a{
  821. padding-left:17px;
  822. }
  823.  
  824. #bx span{
  825. margin-top:20px;
  826. margin-bottom:19px;
  827. color:#aaa;
  828. z-index:1;
  829. }
  830.  
  831. #tt {
  832. position:absolute;
  833. font-family:coco;
  834. font-size:32px;
  835. text-transform:uppercase;
  836. text-align:right;
  837. word-spacing:-0px;
  838. margin-top:-50px;
  839. letter-spacing:3px;
  840. left:10px;
  841. padding-right:20px;
  842. line-height:40%;
  843. z-index:999999999999;
  844. color:{color:title color};
  845. background:{color:container background};
  846. {block:ifContainerOpacity}
  847. background:rgba( {RGBcolor:container background}, 0.8 );
  848. {/block:ifContainerOpacity}
  849. font-family: 'Abril Fatface', cursive;
  850. }
  851.  
  852. #tt a {
  853. color:{color:top links color};
  854. border-radius:0%;
  855. margin-right:2px;
  856.  
  857. }
  858.  
  859.  
  860. #tt span {
  861. padding:5px;
  862. border-radius:7px;
  863. padding-left:102px;
  864. position:relative;
  865. display:none;
  866. padding-right:102px;
  867. padding-top:10px;
  868. padding-bottom:10px;
  869. background:#000;
  870. font-family:'Lato', sans-serif;
  871. font-size:6px;
  872. letter-spacing:3px;
  873. text-transform:uppercase;
  874. color:{color:text};
  875. word-spacing:0px;
  876. border:1px solid #111;
  877. z-index:-1;
  878. }
  879.  
  880. #header {
  881. margin-top:-50px;
  882. margin-bottom:20px;
  883. position:fixed;
  884. background:{color:container background};
  885. padding-top:60px;
  886. padding-bottom:0px;
  887. padding-left:10px;
  888. margin-left:-10px;
  889. z-index:999999999999999999999999999999999999999999999999999;
  890. }
  891.  
  892. #header img {
  893. width:72px;
  894. height:72px;
  895. border-radius:100%;
  896. -webkit-filter: grayscale(100%);
  897. filter: grayscale(100%);
  898. }
  899.  
  900. .ynkk {
  901. position:fixed;
  902. margin-left:330px;
  903. margin-top:195px;
  904. z-index:9999999999999999999999999999999;
  905. display:none;
  906. }
  907.  
  908. .ynkk img {
  909. width:60px;
  910. height:60px;
  911. border-radius:100%;
  912. }
  913.  
  914. #test {
  915. position:fixed;
  916. z-index:100000;
  917. margin-left:370px;
  918. margin-top:175px;
  919. color:#fff;
  920. }
  921.  
  922. #box{
  923. padding:10px;
  924. padding-right:150px;
  925. z-index:-9999;
  926. position:fixed;
  927. margin-top:175px;
  928. background:transparent;
  929. font-size:10px;
  930. margin-left:30px;
  931. width:540px;
  932. {block:if400px}
  933. width:640px;
  934. {/block:if400px}
  935. height:2px;
  936. border:0px solid {color:borders};
  937. color:{color:text};
  938. border-radius:0px;
  939. font-family:'arial';
  940. color:{color:background};
  941. opacity:1;
  942. z-index:1;
  943. }
  944.  
  945. .letter {
  946. font-family:abril fatface;
  947. font-size:{text:title size};
  948. position:absolute;
  949. color:#000;
  950. z-index:99999999999999999999999;
  951. margin-left:{text:title left margin};
  952. line-height:50%;
  953. text-transform:lowercase;
  954. color:{color:title color};
  955. letter-spacing:0px;
  956. bottom:-220px;
  957. max-width:300px;
  958. -webkit-filter: grayscale(0%);
  959. filter: grayscale(0%);
  960. transform:rotate(-90deg);
  961. text-align:left;
  962. {block:ifTitleShadow}
  963. text-shadow:2px 2px 0px rgba(0,0,0,0.3);
  964. {/block:ifTitleShadow}
  965. }
  966.  
  967. #boxy {
  968. position:fixed;
  969. margin-left:363px;
  970. margin-top:-89px;
  971. height:460px;
  972. border:solid 0px {color:borders};
  973. {block:ifGrayscale}
  974. -webkit-filter: grayscale(100%);
  975. {/block:ifGrayscale}
  976. -webkit-transition: all 0.6s ease-in-out;
  977. -moz-transition: all 0.6s ease-in-out;
  978. -o-transition: all 0.6s ease-in-out;
  979. -ms-transition: all 0.6s ease-in-out;
  980. transition: all 0.6s ease-in-out;
  981. background-image:url('{image:sidebar}');
  982. padding:0px;
  983. width:159px;
  984. }
  985.  
  986. .boxb {
  987. border-right:1px solid {color:borders};
  988. height:370px;
  989. position:fixed;
  990. margin-left:320px;
  991. display:none;
  992. }
  993.  
  994. #boxy:hover{
  995. -webkit-filter: grayscale(0%);
  996. -webkit-transition: all 0.6s ease-in-out;
  997. -moz-transition: all 0.6s ease-in-out;
  998. -o-transition: all 0.6s ease-in-out;
  999. -ms-transition: all 0.6s ease-in-out;
  1000. transition: all 0.6s ease-in-out;
  1001. }
  1002.  
  1003. /*POST INFO*/
  1004.  
  1005. #info {
  1006. width:280px;
  1007. {block:if400px}
  1008. width:380px;
  1009. {/block:if400px}
  1010. margin-top:0px;
  1011. padding:0px;
  1012. padding-bottom:0px;
  1013. text-align:left;
  1014. text-transform:uppercase;
  1015. font-size:calc({select:font size} - 1px);
  1016. font-size:12px;
  1017. letter-spacing:2px;
  1018. color:{color:text};
  1019. font-weight:normal;
  1020. font-family:coco;
  1021. padding:10px;
  1022. background:{color:permalink};
  1023. }
  1024.  
  1025. #info a{
  1026. color:{color:text};
  1027. }
  1028.  
  1029. #info a:hover {
  1030. color:{color:text};
  1031. }
  1032.  
  1033. .dt {
  1034. display:inline;
  1035. letter-spacing:1px;
  1036. border-bottom:1px solid {color:accent};
  1037. }
  1038.  
  1039. #info2 {
  1040. width:280px;
  1041. {block:if400px}
  1042. width:380px;
  1043. {/block:if400px}
  1044. margin-top:10px;
  1045. padding:10px;
  1046. padding-bottom:0px;
  1047. border-top:1px solid rgba(255,255,255,0.04);
  1048. text-align:left;
  1049. text-transform:uppercase;
  1050. font-size:7px;
  1051. letter-spacing:2px;
  1052. color:{color:text};
  1053. font-weight:normal;
  1054. }
  1055.  
  1056. #info2 a{
  1057. color:{color:text};
  1058. }
  1059.  
  1060. #info2 a:hover {
  1061. color:{color:text};
  1062. }
  1063.  
  1064. .tags {
  1065. text-align:center;
  1066. letter-spacing:0px;
  1067. font-size:{select:font size};
  1068. font-size:9px;
  1069. font-style:normal;
  1070. letter-spacing:1px;
  1071. line-height:250%;
  1072. display:inline;
  1073. text-transform:none;
  1074. }
  1075.  
  1076. .tags a {
  1077. margin:0px 0px 0px 0px;
  1078. font-weight:normal;
  1079. margin-right:4px;
  1080. border-top:3px solid rgba( {RGBcolor:borders}, 0.5 );
  1081. padding-top:3px;
  1082. }
  1083.  
  1084. .tags a:hover {
  1085. font-style:normal;
  1086. }
  1087.  
  1088. /*AUDIO*/
  1089.  
  1090. .audio {
  1091. height:60px;
  1092. padding:5px;
  1093. margin-bottom:10px;
  1094. margin-top:10px;
  1095. background:rgba( {RGBcolor:paddings}, 0.02 );
  1096. border-bottom:0px solid {color:borders};
  1097. border-radius:0px;
  1098. padding-top:7px;
  1099. }
  1100. .audio-album {
  1101. position:absolute;
  1102. width:60px;
  1103. }
  1104.  
  1105. .player {
  1106. opacity:0.6;
  1107. opacity:60%;
  1108. border:10px solid {color:borders};
  1109. width:25px;
  1110. height:25px;
  1111. overflow:hidden;
  1112. padding-right:3px;
  1113. padding-bottom:3px;
  1114. position:absolute;
  1115. z-index:2;
  1116. margin-left:6px;
  1117. margin-top:6px;
  1118. }
  1119.  
  1120. .audio-info {
  1121. margin-top:-0px;
  1122. position:relative;
  1123. margin-left:70px;
  1124. padding:8px;
  1125. padding-top:14px;
  1126. text-transform:uppercase;
  1127. letter-spacing:1.5px;
  1128. text-align:right;
  1129. font-size:7px;
  1130. line-height:200%;
  1131. }
  1132.  
  1133. /*QUESTION*/
  1134.  
  1135. #faq {
  1136. font-size:9px;
  1137. letter-spacing:1px;
  1138. color:{color:text};
  1139. text-align:left;
  1140. column-count: 3;
  1141. column-fill: auto;
  1142. }
  1143.  
  1144. .faqq {
  1145. }
  1146.  
  1147. .faqa {
  1148. padding:10px;
  1149. margin-top:10px;
  1150. border-left:1px solid {color:borders};
  1151. }
  1152.  
  1153. /*PAGINATION*/
  1154.  
  1155. #pagination2{
  1156. position:fixed;
  1157. width:531px;
  1158. background-color:#000;
  1159. color:{color:text};
  1160. border:1px solid {color:borders};
  1161. margin-top:130px;
  1162. margin-left:480px;
  1163. font-weight:bold;
  1164. font-family:calibri;
  1165. padding:4px;
  1166. padding-top:16px;
  1167. padding-bottom:14px;
  1168. padding-right:10px;
  1169. font-size:10px;
  1170. text-align:left;
  1171. padding-left:10px;
  1172. text-transform:uppercase;
  1173. letter-spacing:2px;
  1174. box-shadow:0px 0px 0px #222;
  1175. border-top-left-radius:0px;
  1176. border-top-right-radius:0px;
  1177. }
  1178.  
  1179. #pagination2 img {
  1180. position:fixed;
  1181. margin-left:-47px;
  1182. margin-top:-9px;
  1183. border:1px solid {color:borders};
  1184. border-radius:100%;
  1185. -webkit-filter: grayscale(100%);
  1186. -webkit-transition: all 0.6s ease-in-out;
  1187. -moz-transition: all 0.6s ease-in-out;
  1188. -o-transition: all 0.6s ease-in-out;
  1189. -ms-transition: all 0.6s ease-in-out;
  1190. transition: all 0.6s ease-in-out;
  1191. }
  1192.  
  1193. #pagination2 img:hover {
  1194. -webkit-filter: grayscale(0%);
  1195. -webkit-transition: all 0.6s ease-in-out;
  1196. -moz-transition: all 0.6s ease-in-out;
  1197. -o-transition: all 0.6s ease-in-out;
  1198. -ms-transition: all 0.6s ease-in-out;
  1199. transition: all 0.6s ease-in-out;
  1200. }
  1201.  
  1202. #pagination2 a{
  1203. color:{color:top links color};
  1204. background-color:transparent;
  1205. display:inline;
  1206. padding-right:3px;
  1207. margin-left:8px;
  1208. }
  1209.  
  1210. .mint {
  1211. position:fixed;
  1212. text-transform:uppercase;
  1213. width:120px;
  1214. height:50px;
  1215. padding-left:6px;
  1216. padding-right:4px;
  1217. padding-top:10px;
  1218. padding-bottom:0px;
  1219. font-size:18px;
  1220. text-align:center;
  1221. bottom:-25px;
  1222. right:10px;
  1223. text-align:right;
  1224. color:{color:text};
  1225. letter-spacing:1px;
  1226. border-radius:100%;
  1227. border-bottom:0px solid {color:borders};
  1228. border-radius:0px;
  1229. -webkit-transition: all 0.6s ease-in-out;
  1230. -moz-transition: all 0.6s ease-in-out;
  1231. -o-transition: all 0.6s ease-in-out;
  1232. -ms-transition: all 0.6s ease-in-out;
  1233. transition: all 0.6s ease-in-out;
  1234. }
  1235.  
  1236. .tabnav {
  1237. display:inline-block;
  1238. position:fixed;
  1239. width:20px;
  1240. height:200px;
  1241. line-height:200%;
  1242. margin-right:4px;
  1243. margin-top:-141px;
  1244. margin-left:126.5px;
  1245. }
  1246.  
  1247. .tabnav a {
  1248. width:16px;
  1249. height:17px;
  1250. padding:3px;
  1251. padding-top:5px;
  1252. padding-bottom:0px;
  1253. box-align:center;
  1254. text-align:center;
  1255. font-size:12px;
  1256. margin-bottom:12px;
  1257. border-radius:0px;
  1258. display:inline-block;
  1259. transition:.7s;
  1260. -webkit-transition:.7s;
  1261. -moz-transition:.7s;
  1262. }
  1263.  
  1264. .tabnav a:hover {
  1265. color: {color:text};
  1266. transition:.7s;
  1267. -webkit-transition:.7s;
  1268. -moz-transition:.7s;
  1269. }
  1270.  
  1271. .tabtext span {
  1272. background:{color:container background};
  1273. padding:3px;
  1274. border-radius:3px;
  1275. text-transform:uppercase;
  1276. font-size:7px;
  1277. letter-spacing:1px;
  1278. }
  1279.  
  1280. .tabimg img {
  1281. {block:ifImageOpacity}
  1282. opacity:0.6;
  1283. {/block:ifImageOpacity}
  1284. transition:.7s;
  1285. -webkit-transition:.7s;
  1286. -moz-transition:.7s;
  1287. {block:ifGrayscale}
  1288. filter:grayscale(100%);
  1289. {/block:ifGrayscale}
  1290. }
  1291.  
  1292. .tabimg img:hover {
  1293. {block:ifImageOpacity}
  1294. opacity:0.7;
  1295. {/block:ifImageOpacity}
  1296. filter:grayscale(0%);
  1297. {block:ifGrayscale}
  1298. filter:grayscale(25%);
  1299. {/block:ifGrayscale}
  1300. transition:.7s;
  1301. -webkit-transition:.7s;
  1302. -moz-transition:.7s;
  1303. }
  1304.  
  1305. @font-face { font-family: "stylish"; src: url('https://dl.dropboxusercontent.com/s/ljshs3r55gvaof9/StylishBrush-Regular.otf'); ;}
  1306. @font-face { font-family: "hijrnotes"; src: url('https://dl.dropboxusercontent.com/s/452lfychrbgdlb2/Hijrnotes_PERSONAL_USE_ONLY.ttf') }
  1307. @font-face { font-family: hs2; src: url('https://dl.dropboxusercontent.com/s/w7mzscx82b6ybhr/HelloSunshineMarker.otf') ;}
  1308. @font-face { font-family: "coco"; src: url('https://dl.dropboxusercontent.com/s/h4xmli8klp2dub5/CerebriSans-Bold.ttf') ;}
  1309.  
  1310. .tabtitle {
  1311. text-align:center;
  1312. padding:30px;
  1313. padding-top:45px;
  1314. font-family:stylish;
  1315. margin-top:15px;
  1316. font-size:60px;
  1317. border-top:1px solid {color:borders};
  1318. border-bottom:1px solid {color:borders};
  1319. background:{color:nav title background};
  1320. border-radius:0px;
  1321. line-height:10%;
  1322. position:relative;
  1323. z-index:-1;
  1324. height:35px;
  1325. transition:.7s;
  1326. -webkit-transition:.7s;
  1327. -moz-transition:.7s;
  1328. }
  1329.  
  1330. .tabtitle:hover {
  1331. letter-spacing:1px;
  1332. transition:.7s;
  1333. -webkit-transition:.7s;
  1334. -moz-transition:.7s;
  1335. }
  1336.  
  1337. .tabtitle span {
  1338. font-family: 'ABeeZee', sans-serif;
  1339. font-size:7px;
  1340. text-transform:uppercase;
  1341. letter-spacing:2px;
  1342. background:{color:container background};
  1343. padding:3px;
  1344. border-radius:3px;
  1345. position:relative;
  1346. z-index:-1;
  1347. transition:.7s;
  1348. -webkit-transition:.7s;
  1349. -moz-transition:.7s;
  1350. opacity:0.1;
  1351. filter: invert(100%);
  1352. color:#fff;
  1353. transition:.7s;
  1354. -webkit-transition:.7s;
  1355. -moz-transition:.7s;
  1356. }
  1357.  
  1358. .tabtitle:hover span {
  1359. letter-spacing:2px;
  1360. opacity:0.1;
  1361. filter: invert(100%);
  1362. color:#fff;
  1363. transition:.7s;
  1364. -webkit-transition:.7s;
  1365. -moz-transition:.7s;
  1366. }
  1367.  
  1368. .askq {
  1369. width:270px;
  1370. margin-top:10px;
  1371. text-align:justify;
  1372. line-height:300%;
  1373. }
  1374.  
  1375. .askq cute {
  1376. text-transform:uppercase;
  1377. font-size:7px;
  1378. letter-spacing:1px;
  1379. padding:5px;
  1380. width:290px;
  1381. background:rgba(255,255,255,0.03);
  1382. margin-right:5px;
  1383. border-radius:2px;
  1384. }
  1385.  
  1386. .askq span {
  1387. font-size:11px;
  1388. margin-right:5px;
  1389. }
  1390.  
  1391. .mtit {
  1392. font-family:'abril fatface';
  1393. transform:rotate(0deg);
  1394. text-align:center;
  1395. font-size:35px;
  1396. margin-top:20px;
  1397. margin-bottom:10px;
  1398. color:{color:accent};
  1399. }
  1400.  
  1401. .mtitcute {
  1402. margin-top:10px;
  1403. background:rgba({RGBcolor:paddings}, 0.025);
  1404. padding:3px;
  1405. border-radius:4px;
  1406. font-family:'Quicksand', sans-serif;
  1407. font-size:7px;
  1408. letter-spacing:3px;
  1409. text-transform:uppercase;
  1410. text-align:center;
  1411. color:{color:text};
  1412. width:80%;
  1413. transform:rotate(0deg);
  1414. margin:0 auto;
  1415. }
  1416.  
  1417. .mtitcute2 {
  1418. margin-top:5px;
  1419. background:rgba({RGBcolor:paddings}, 0.025);
  1420. padding:3px;
  1421. border-radius:4px;
  1422. font-family:'Quicksand', sans-serif;
  1423. font-size:7px;
  1424. letter-spacing:3px;
  1425. text-transform:uppercase;
  1426. text-align:center;
  1427. color:{color:text};
  1428. transform:rotate(-2deg);
  1429. margin:0 auto;
  1430. width:125px;
  1431. margin-bottom:20px;
  1432. margin-left:0px;
  1433. }
  1434.  
  1435. #muses {
  1436. box-align:center;
  1437. width:280px;
  1438. {block:if400px}
  1439. width:400px;
  1440. {/block:if400px}
  1441. margin-top:10px;
  1442. margin-left:8px;
  1443. padding-top:15px;
  1444. max-height:322px;
  1445. overflow-y:auto;
  1446. }
  1447.  
  1448. .mbox {
  1449. width:130px;
  1450. height:100px;
  1451. display:inline-block;
  1452. margin-bottom:10px;
  1453. }
  1454.  
  1455. #muses img {
  1456. width:130px;
  1457. height:58px;
  1458. opacity:0.9;
  1459. border-radius:0px;
  1460. margin-right:3px;
  1461. margin-bottom:8px;
  1462. {block:if400px}
  1463. margin-right:7px;
  1464. {/block:if400px}
  1465. {block:ifGrayscale}
  1466. -webkit-filter: grayscale(100%);
  1467. {/block:ifGrayscale}
  1468. -webkit-transition: all 0.3s ease-in-out;
  1469. -moz-transition: all 0.3s ease-in-out;
  1470. -o-transition: all 0.3s ease-in-out;
  1471. -ms-transition: all 0.3s ease-in-out;
  1472. transition: all 0.3s ease-in-out;
  1473. }
  1474.  
  1475. #muses img:hover {
  1476. -webkit-filter: grayscale(0%);
  1477. {block:ifGrayscale}
  1478. -webkit-filter: grayscale(100%);
  1479. {/block:ifGrayscale}
  1480. transform:scale(0.98) rotate(0deg);
  1481. -webkit-transition: all 0.3s ease-in-out;
  1482. -moz-transition: all 0.3s ease-in-out;
  1483. -o-transition: all 0.3s ease-in-out;
  1484. -ms-transition: all 0.3s ease-in-out;
  1485. transition: all 0.3s ease-in-out;
  1486. }
  1487.  
  1488. .musebox { margin:4px; float:left; text-align:center; display:block; padding-right:0px; margin-bottom:15px; margin-top:3.5px; border-radius:10px; margin-right:0px;margin-left:0px;}
  1489. .musebox img { z-index:9999;position:relative;margin-top:15px;opacity:1; margin-right:-10px; margin-left:-10px; }
  1490. .musebox a{ margin-bottom:0px; padding:1px; }
  1491. .musebox:hover .mname { opacity:1; transition:0.5s; }
  1492. .musebox i { color:#555; border:1px solid #050505; padding:4px; width:10px; border-radius:5px; background:#050505;
  1493. -webkit-transition: all 0.7s linear;
  1494. -moz-transition: all 0.7s linear;
  1495. transition: all 0.7s linear; }
  1496. .musebox a:hover i {
  1497. background:{color:title}; color:#aaa;
  1498. -webkit-transition: all 0.7s linear;
  1499. -moz-transition: all 0.7s linear;
  1500. transition: all 0.7s linear;
  1501. }
  1502.  
  1503. .musename {
  1504. font-family:'abril fatface';
  1505. transform:rotate(0deg);
  1506. text-align:center;
  1507. font-size:35px;
  1508. margin-top:15px;
  1509. margin-bottom:10px;
  1510. color:{color:accent};
  1511. }
  1512.  
  1513. .musesubtitle {
  1514. margin-top:10px;
  1515. background:rgba({RGBcolor:paddings}, 0.015);
  1516. padding:3px;
  1517. border-radius:0px;
  1518. font-family:'Quicksand', sans-serif;
  1519. font-size:7px;
  1520. letter-spacing:3px;
  1521. text-transform:uppercase;
  1522. text-align:center;
  1523. color:{color:text};
  1524. transform:rotate(0deg);
  1525. margin-left:0px;
  1526. }
  1527.  
  1528. .spot1 {
  1529. width:115px;
  1530. margin-top:30px;
  1531. line-height:200%;
  1532. padding-right:13px;
  1533. margin-left:3px;
  1534. border-right:0px solid {color:borders};
  1535. }
  1536.  
  1537. .songtit {
  1538. font-family:'Abril Fatface', cursive;
  1539. font-size:12px;
  1540. letter-spacing:0px;
  1541. }
  1542.  
  1543. .songart {
  1544. text-transform:uppercase;
  1545. font-size:7px;
  1546. }
  1547.  
  1548. .museq {
  1549. position:absolute;
  1550. font-size:95px;
  1551. opacity:0.3;
  1552. font-family:georgia;
  1553. margin-left:215px;
  1554. margin-top:10px;
  1555. }
  1556.  
  1557. .musequote {
  1558. position:absolute;
  1559. width:130px;
  1560. text-align:right;
  1561. margin-top:-65px;
  1562. margin-left:127px;
  1563. height:60px;
  1564. overflow-y:scroll;
  1565. text-transform:uppercase;
  1566. font-size:7px;
  1567. }
  1568.  
  1569. .musestats {
  1570. margin-top:10px;
  1571. font-size:7px;
  1572. text-transform:uppercase;
  1573. width:125px;
  1574. border-top:0px solid {color:borders};
  1575. padding:10px;
  1576. padding-left:0px;
  1577. padding-top:15px;
  1578. text-align:left;
  1579. line-height:270%;
  1580. margin-left:3px;
  1581. }
  1582.  
  1583. .musestats cute {
  1584. padding:2px;
  1585. border-radius:3px;
  1586. background:{color:accent};
  1587. color:#000;
  1588. margin-right:5px;
  1589. }
  1590.  
  1591. .muselinks {
  1592. position:absolute;
  1593. margin-left:155px;
  1594. margin-top:-78px;
  1595. line-height:405%;
  1596. }
  1597.  
  1598. .muselinks .sf {
  1599. color:{color:background};
  1600. background:{color:accent};
  1601. padding:7px;
  1602. padding-bottom:4px;
  1603. padding-top:8px;
  1604. font-size:13px;
  1605. margin-right:3px;
  1606. }
  1607.  
  1608.  
  1609. .mbg {
  1610. padding:3px;
  1611. border-top-left-radius:5px;
  1612. border-top-right-radius:5px;
  1613. background:{color:text};
  1614. opacity:0.5;
  1615. color:#000;
  1616. letter-spacing:2px;
  1617. text-transform:uppercase;
  1618. font-size:7px;
  1619. text-shadow:0px 0px 0px #111;
  1620. position:relative;
  1621. z-index:9;
  1622. padding-left:6px;
  1623. padding-right:6px;
  1624. font-family: 'Quicksand', sans-serif;
  1625. font-weight:normal;
  1626. }
  1627.  
  1628. .mdesc {
  1629. margin-top:-2px;
  1630. border-bottom-left-radius:10px;
  1631. border-bottom-right-radius: 10px;
  1632. width:88px;
  1633. padding:5px;
  1634. border:1px solid #111;
  1635. margin-left:5px;
  1636. }
  1637.  
  1638. @font-face { font-family: honeyguide; src: url('https://dl.dropboxusercontent.com/s/75g4g2sfiweydth/DK%20Honeyguide%20Caps.otf') ;}
  1639.  
  1640. .mname1 {
  1641. margin-left:0px;
  1642. margin-top:-30px;
  1643. font-family:kino;
  1644. font-weight:00;
  1645. text-transform:lowercase;
  1646. width:110px;
  1647. padding-top:10px;
  1648. padding-bottom:5px;
  1649. border-radius:10px;
  1650. line-height:120%;
  1651. color:{color:title};
  1652. font-size:22px;
  1653. text-align:center;
  1654. text-shadow:2px 2px 0px #151515;
  1655. }
  1656.  
  1657. ul li {
  1658. width:95%;
  1659. }
  1660.  
  1661. #question { margin:0px; padding:12px; text-align:right; border-radius:0px; line-height:140%; border-bottom:1px solid {color:borders}; }
  1662. .asker a { font-size:14px; font-family:coco; color:{color:link}; padding-right:0px; letter-spacing:-1px; border-radius:0px;}
  1663. .asker { font-size:14px; font-family:coco; color:{color:link}; padding-right:0px; letter-spacing:-1px; border-radius:0px; margin-bottom:5px; }
  1664.  
  1665. #audioplayer { width:27px; height:27px; background:#000; border-radius:60px; overflow:hidden; position:absolute; padding:0px; margin-top:9px; margin-left:237px; opacity:0.7; -webkit-transition:0.5s; }
  1666. #audioplayer:hover { opacity:1; -webkit-transition:0.5s; }
  1667. #audioart { float:left; margin-top:-9px; margin-left:0px; padding-right:10px; }
  1668. #audioart img { border:6px solid {color:borders}; width:50px; border-radius:0px; }
  1669. #audioinfo { background:{color:container};height:57px; margin-left:0px; text-transform:uppercase; font-size:7px; text-align:left; padding-left:10px; top:0px; padding-top:17px; letter-spacing:1px; margin-bottom:5px; padding-bottom:5px; }
  1670. .notes { text-align:left; margin-top:0px; }
  1671. .notes img { margin-right:2px; width:10px; border-radius:100px; }
  1672. ol.notes, .notes li { width:300px; {block:if400px} width:400px; {/block:if400px} list-style:none; margin:3px; margin-left:8px; padding:0px; }
  1673. .notes li a { font-weight:bold; color:{color:link}; text-transform:uppercase; font-size:7px; letter-spacing:1px; }
  1674.  
  1675. #tags {text-align:left; font-size:9px; padding-left:0px; padding-top:7px; line-height:10px; font-family: 'ABeeZee', sans-serif; border-right:0px solid #d3d3d3; margin-left:5px; margin-bottom:-5px; margin-top:-7px; word-spacing:0px;}
  1676. #tags a { padding:0px; border-bottom:none; color:{color:text}; text-shadow:none; text-transform:uppercase; letter-spacing:1px; font-size:9px;}
  1677. #tags i { color:{color:bold}; }
  1678.  
  1679. .answer span,.convo li { margin:0 0 0px; border-radius:0.5em; padding:.7em 8px; clear:both; list-style-type:none;}
  1680. .answer .them,.user_1,.user_3,.user_5,.user_7,.user_9,.user_11,.user_13 { background-color:rgba(10,10,10,0.7); border-radius:0px;}
  1681. .label { font-weight:normal; text-transform:uppercase; font-family: 'ABeeZee', sans-serif; font-size:{select:font size}; letter-spacing:1px; }
  1682.  
  1683. .them::after,.user_2::after,.user_4::after,.user_6::after,.user_8::after,.user_10::after,.user_12::after,.user_14::after { border-left:.5em solid {color:borders}; }
  1684. .convo { overflow:hidden; list-style-type:none; padding:0px; margin-top:-13px; list-style-type:none; margin-bottom:0px; }
  1685.  
  1686. .musebox img { {block:ifGrayscale} -webkit-filter:grayscale(100%); {/block:ifGrayscale}
  1687. -webkit-transition: all 0.8s linear; -moz-transition: all 0.8s linear; transition: all 0.8s linear;}
  1688.  
  1689. .musebox img:hover { {block:ifGrayscale}
  1690. -webkit-filter:grayscale(100%);
  1691. {/block:ifGrayscale}
  1692. -webkit-transition: all 0.8s linear; -moz-transition: all 0.8s linear; transition: all 0.8s linear;}
  1693.  
  1694. #sec img { -webkit-filter:grayscale({select:greyscale});
  1695. -webkit-transition: all 0.8s linear; -moz-transition: all 0.8s linear; transition: all 0.8s linear;}
  1696.  
  1697. #sec img:hover { -webkit-filter:grayscale(0%); -webkit-transition: all 0.8s linear; -moz-transition: all 0.8s linear; transition: all 0.8s linear;}
  1698.  
  1699. #posts img { -webkit-filter:grayscale({select:greyscale});
  1700. -webkit-transition: all 0.8s linear; -moz-transition: all 0.8s linear; transition: all 0.8s linear; {block:ifImageOpacity}
  1701. opacity:0.4;
  1702. {/block:ifImageOpacity} border-radius:0px; }
  1703.  
  1704. iframe { {block:ifImageOpacity}
  1705. opacity:0.4;
  1706. {/block:ifImageOpacity} border-radius:0px; }
  1707.  
  1708. #posts img:hover { -webkit-filter:grayscale(0%); -webkit-transition: all 0.8s linear; -moz-transition: all 0.8s linear; transition: all 0.8s linear; {block:ifImageOpacity}
  1709. opacity:0.7;
  1710. {/block:ifImageOpacity} }
  1711.  
  1712. #admins { position:absolute; height:127px; width:182px; padding:10px;padding-top:3px;padding-bottom:13px;border-radius:0px; line-height:100%; text-align:center; text-transform:uppercase; font-size:6.5px; letter-spacing:2px;
  1713.  
  1714. margin-left:0px; margin-top:0px; border:0px solid {color:bold}; border-radius:0px; width:400px; height:127px; background:{color:title color};
  1715. {block:ifGrayscale}
  1716. filter:grayscale(100%);
  1717. {/block:ifGrayscale}
  1718. -webkit-transition: all 0.8s linear; -moz-transition: all 0.8s linear; transition: all 0.8s linear;
  1719. border-top-right-radius:0px;
  1720. border-bottom-right-radius:0px;
  1721.  
  1722. background:url('{image:tab image}'); height:121px; width:300px; }
  1723.  
  1724. #admins:hover {
  1725. filter:grayscale(0%);
  1726. {block:ifGrayscale}
  1727. filter:grayscale(100%);
  1728. {/block:ifGrayscale}
  1729. }
  1730.  
  1731. #admins img:hover {
  1732. filter:grayscale(0%);
  1733. {block:ifGrayscale}
  1734. filter:grayscale(100%);
  1735. {/block:ifGrayscale}
  1736. -webkit-transition: all 0.8s linear; -moz-transition: all 0.8s linear; transition: all 0.8s linear;
  1737. }
  1738. #admins cute {
  1739. padding:5px;
  1740. {block:ifDark} background:rgba(10, 10, 10, 0.7); {/block:ifDark}
  1741. {block:ifLight} background:rgba(255, 255, 255, 0.7); {/block:ifLight}
  1742. text-align:center;
  1743. padding-left:17px;
  1744. padding-right:17px;
  1745. }
  1746.  
  1747. #admins cute2 {
  1748. padding:5px;
  1749. {block:ifDark} background:rgba(10, 10, 10, 0.7); {/block:ifDark}
  1750. {block:ifLight} background:rgba(255, 255, 255, 0.7); {/block:ifLight}
  1751. text-align:center;
  1752. padding-left:17px;
  1753. padding-right:17px;
  1754. margin-left:50px;
  1755. }
  1756.  
  1757. #admins .sf {
  1758. position:absolute;
  1759. font-size:13px;
  1760. margin-top:7px;
  1761. margin-left:10px;
  1762. }
  1763.  
  1764. #admins svg {
  1765. position:absolute;
  1766. font-size:13px;
  1767. margin-top:-62px;
  1768. margin-left:10px;
  1769. fill:white;
  1770. width:13px;
  1771. }
  1772.  
  1773. #admins cuter {
  1774. position:absolute;
  1775. margin-left:15px;
  1776. margin-top:0px;
  1777. width:60px;
  1778. height:60px;
  1779. }
  1780.  
  1781. .nicon {
  1782. position:fixed;
  1783. width:60px;
  1784. height:60px;
  1785. margin-top:150px;
  1786. margin-left:270px;
  1787. padding:7px;
  1788. border:0px solid {color:borders};
  1789. display:none;
  1790. }
  1791.  
  1792. .nicon img {
  1793. {block:ifGrayscale}
  1794. filter:grayscale(100%);
  1795. {/block:ifGrayscale}
  1796. width:60px;
  1797. height:60px;
  1798. border-bottom:5px solid rgba( {RGBcolor:accent}, 0.8 );
  1799. padding-bottom:10px;
  1800. display:none;
  1801. }
  1802.  
  1803. .niconborder {
  1804. width:60px;
  1805. height:70px;
  1806. background:rgba({RGBcolor:paddings}, 0.025);
  1807. position:fixed;
  1808. margin-top:160px;
  1809. margin-left:260px;
  1810. z-index:-1;
  1811. display:none;
  1812. }
  1813.  
  1814. .ego {
  1815. position:absolute;
  1816. font-family: 'Abril Fatface', cursive;
  1817. font-size:55px;
  1818. line-height:35px;
  1819. margin-left:0px;
  1820. color:{color:accent};
  1821. background:{color:container background};
  1822. z-index:999999999999999999999999999999;
  1823. background:transparent;
  1824. text-align:right;
  1825. margin-top:100px;
  1826. background:{color:container background};
  1827. line-height:50%;
  1828. padding:15px;
  1829. max-width:250px;
  1830. padding-bottom:20px;
  1831. border-bottom:10px solid {color:accent};
  1832. text-align:center;
  1833. }
  1834.  
  1835. .olivia {
  1836. opacity:0.8;
  1837. text-transform:uppercase;
  1838. font-family:'Quicksand';
  1839. font-size:6.5px;
  1840. letter-spacing:1px;
  1841. margin-left:135px;
  1842. width:105px;
  1843. height:107px;
  1844. }
  1845.  
  1846. .loona {
  1847. text-align:left;
  1848. border-radius:0px;
  1849. text-transform:lowercase;
  1850. font-size:9px;
  1851. position:fixed;
  1852. margin-top:-20px;
  1853. text-align:left;
  1854. color:{color:text};
  1855. margin-left:10px;
  1856. display:none;
  1857. }
  1858.  
  1859. .loona2 {
  1860. position:fixed;
  1861. width:270px;
  1862. margin-top:190px;
  1863. margin-left:10px;
  1864. max-height:145px;
  1865. overflow-y:scroll;
  1866. text-transform:lowercase;
  1867. z-index:10000000000000000000000000000000;
  1868. }
  1869.  
  1870. .loona big {
  1871. font-size:16px;
  1872. letter-spacing:0px;
  1873. margin-right:4px;
  1874. }
  1875.  
  1876. .bq { padding-left:10px;margin-left:-80px; width:100px;}
  1877. .bee { margin-top:150px; width:400px; margin-left:270px; padding-left:5px; padding-right:5px; padding-bottom:5px; border-radius:0px; display:block; line-height:475%; }
  1878.  
  1879. .bee a { display:block; margin-right:45px; }
  1880.  
  1881. .bee i { padding:0px;color:{color:bold}; text-align:left; font-size:13px; padding-top:5px; padding-bottom:10px; padding-left:5px; padding-right:5px; margin-top:-6px; -webkit-transition: all 0.4s linear; background:{color:nav links background}; -moz-transition: all 0.4s linear; transition: all 0.4s linear; }
  1882.  
  1883. .bee span {
  1884. margin-left:45px;
  1885. }
  1886.  
  1887. .bee a:hover .sf { transform: scale(0.9);
  1888. transition:.2s;
  1889. -webkit-transition:.2s;
  1890. -moz-transition:.2s;
  1891. }
  1892.  
  1893.  
  1894. .bee .sf { padding:0px;color:{color:bold}; text-align:left; font-size:20px; position:absolute; background:transparent; color:#555;margin-top:-6px; float:left; margin-left:-30px; border-top-left-radius:3px;border-bottom-left-radius:3px;height:7px; border-radius:10%; border-top-right-radius:0px; border-bottom-right-radius:0px; border-bottom-left-radius:0px; border-top-left-radius:0px; -webkit-transition: all 0.4s linear; background:transparent; color:{color:nav links};
  1895. -moz-transition: all 0.4s linear;
  1896. transition: all 0.4s linear;
  1897. border-radius:100px;
  1898. height:20px;
  1899. padding:10px;
  1900. padding-right:8.5px;
  1901. padding-left:11.5px;
  1902. padding-bottom:8.5px;
  1903. padding-top:11.5px;
  1904. width:20px;
  1905. margin-bottom:25px;
  1906. line-height:10px;
  1907. border-radius:0%;}
  1908.  
  1909. .nyoong {
  1910. transform: rotate(-90deg);
  1911. position:absolute;
  1912. height:255px;
  1913. text-align:center;
  1914. width:260px;
  1915. margin-left:0px;
  1916. letter-spacing:2px;
  1917. margin-top:15px;
  1918. }
  1919.  
  1920. .olivia {
  1921. opacity:0.4;
  1922. text-transform:uppercase;
  1923. font-family:'Quicksand';
  1924. font-size:6.5px;
  1925. letter-spacing:1px;
  1926. margin-left:135px;
  1927. margin-top:20px;
  1928. width:195px;
  1929. height:87px;
  1930. }
  1931.  
  1932. .bq { padding-left:10px;margin-left:-80px; width:100px;}
  1933.  
  1934. #bo { margin-left:-210px; padding:10px; height:52px; width:195px; overflow:auto; padding:10px;padding-top:3px;padding-bottom:13px;background:#0a0a0a; border-radius:0px; line-height:170%; margin-top:5px;}
  1935. #bb { font-family:kino; font-size:60px; position:fixed;margin-left:-87px;margin-top:45px; -ms-transform: rotate(-10deg); -webkit-transform: rotate(-10deg); transform: rotate(-10deg); color:#ccc; text-shadow:1px 1px 0px #000;}
  1936. #updates { position:absolute; top:15px; right:14px; width:78px; height:160px; background:#ebebeb; font-family:'work sans'; line-height:12px; overflow:auto; }
  1937. .uptitle { text-align:center; text-transform:lowercase; font-family:kino; font-size:30px; padding-bottom:3px; }
  1938. #updates h3 { background:{color:bold}; padding:4px; text-align:center; text-transform:uppercase; font-family: 'ABeeZee', sans-serif; font-size:{select:font size}; letter-spacing:1px; color:#fff;font-weight:normal; }
  1939. h3 { background:{color:bold}; padding:4px; text-align:center; text-transform:uppercase; font-family: 'ABeeZee', sans-serif; font-size:{select:font size}; letter-spacing:1px; color:#fff;font-weight:normal; }
  1940.  
  1941. @font-face{ font-family:kino; src:url('https://dl.dropboxusercontent.com/s/b1en98qmx0gcarj/Gineva-Regular.ttf');}
  1942.  
  1943. #boy span {
  1944. border:1px solid #111;
  1945. background:#aaa;
  1946. color:#000;
  1947. border-radius:100%;
  1948. height:18px;
  1949. padding:10px;
  1950. width:18px;
  1951. margin-bottom:15px;
  1952. line-height:10px;
  1953. display:block;
  1954. }
  1955.  
  1956. #s-m-t-tooltip {
  1957. z-index: 9999;
  1958. background:{color:background};
  1959. font-size: 12px;
  1960. line-height: 13px;
  1961. font-family:'Quicksand', sans-serif;
  1962. letter-spacing: 2px;
  1963. text-transform:uppercase;
  1964. font-size:6.5px;
  1965. border:solid 0px {color:borders};
  1966. border-radius:3px;
  1967. -o-transition: all 0.3s ease-out;
  1968. -webkit-transition: all 0.3s ease-out;
  1969. -moz-transition: all 0.3s ease-out;
  1970. text-transform: normal;
  1971. color:{color:text};
  1972. max-width: 100px;
  1973. word-wrap: break-word;
  1974. padding: 2px 5px 2px 6px;
  1975. display: block;
  1976. margin: 24px 14px 7px 12px;
  1977. text-align:center;
  1978. z-index:9999999999999999999999999999999999999;
  1979. }
  1980.  
  1981. .popup_block {
  1982. background:rgba({RGBcolor:post background},1);
  1983. border-radius:0px;
  1984. border:0px solid {color:borders};
  1985. /*don’t change anything below here*/
  1986. display: none;
  1987. position: fixed;
  1988. top: 57%; left:38%;
  1989. z-index: 99999999;
  1990. max-height:70vh;
  1991. overflow:auto;
  1992. -webkit-animation: zoom 0.5s;
  1993. -moz-animation: zoom 0.5s;
  1994. -ms-animation: zoom 0.5s;
  1995. -o-animation: zoom 0.5s;
  1996. animation: zoom 0.5s;
  1997. z-index:9999999999999999999999999999999999999;
  1998. padding:20px;
  1999. height:275px;
  2000. }
  2001. *html .popup_block {
  2002. position: absolute;
  2003. z-index:9999999999999999999999999999999999999;
  2004. }
  2005.  
  2006. {CustomCSS}
  2007.  
  2008. </style></head><body>
  2009. </div>
  2010.  
  2011. <div id="TabzOne" class="tabzcon alytut" style="display:block; height:361px;">
  2012.  
  2013. {block:Posts}
  2014.  
  2015. <!-- {block:NoRebloggedFrom}
  2016. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  2017. {/block:NoRebloggedFrom} -->
  2018. {block:ContentSource}<!-- {SourceURL}
  2019. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  2020. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  2021. {/block:ContentSource}
  2022.  
  2023. <div id="post">
  2024.  
  2025. {block:Date}
  2026. <div id="info">
  2027. <div class="dt"><a href="{Permalink}" title="{Month} {DayOfMonth}{DayOfMonthSuffix}, {Year} at {12Hour}:{Minutes}{AmPm}.">{DayOfMonthWithZero}{MonthNumberWithZero}{ShortYear}</a></div>{/block:Date}{block:NoteCount}
  2028.  
  2029. <span style="float:right;"><a href="{Permalink}"><i class="fa fa-heart-o" aria-hidden="true"></i> {NoteCount}</a>&nbsp; <span style="float:right;"> {block:rebloggedfrom}<a href="{reblogparenturl}" title="reblogged from"><i class="fa fa-bookmark-o"></i></a>
  2030. {/block:rebloggedfrom}{block:contentsource} <a href="{sourceurl}" title="original post" target=blank>&nbsp;<i class="fa fa-folder-o"></i></a>{/block:contentsource} | <a href="{ReblogURL}" title="reblog" target="_blank" class="details"><span class="lnr lnr-redo"></span></a></span></span>{/block:NoteCount}
  2031.  
  2032. </div>
  2033.  
  2034. {block:Text}
  2035. {block:Title}<h1>{Title}</h1>{/block:Title}
  2036. {Body}{/block:Text}
  2037.  
  2038. {block:Photo}
  2039. <div class="media"><a href="{Permalink}"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/></a> </div> {block:Caption}{Caption}
  2040. {/block:Caption}
  2041. {/block:Photo}
  2042.  
  2043. {block:Photoset}<div class="media">{photoset}</div> {block:Caption}{Caption}
  2044. {/block:Caption}{/block:Photoset}
  2045.  
  2046. {block:Quote}<div class="quote">&#8220;{Quote}&#8221; </div><div class="source">— {block:Source}{Source}{/block:Source}</div> {/block:Quote}
  2047.  
  2048. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  2049.  
  2050. {block:Chat}
  2051. {block:Title}
  2052. <h2>{Title}</h2>{/block:Title}<br>
  2053. <ul class="convo">{block:Lines}<li class="line_{Alt} user_{UserNumber}">{block:Label}<span class="label"><strong>{Label}</strong></span>{/block:Label}
  2054. {Line}</li>{/block:Lines}</ul>
  2055. {/block:Chat}
  2056.  
  2057. {block:Audio}<div class="audio">{block:AlbumArt}<img class="audio-album" src="{AlbumArtURL}">{/block:AlbumArt}<div class="audio-player">{block:AudioPlayer}<div class="player">{AudioPlayerWhite}</div>{/block:AudioPlayer}</div><div class="audio-info">{block:TrackName}<b>Title:</b> {TrackName}<BR>{/block:TrackName}{block:Artist}<b>Artist:</b> {Artist}<BR>{/block:Artist}</div></div>{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Audio}
  2058.  
  2059. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  2060.  
  2061. {block:Answer}<div id="question"><div class="asker">{Asker}.</div>{Question}</div>
  2062. {Answer}{/block:Answer}
  2063.  
  2064. <div style="padding-top:2px;">{block:HasTags}<div class="tags">{block:Tags}<a href="{TagUrl}">#{Tag} </a>{/block:Tags}</div>{/block:HasTags}</span></div>
  2065. </div>
  2066.  
  2067. {block:PermalinkPage}
  2068. <div class="notes">{block:PostNotes}<a name="notes">{PostNotes}</a>{/block:PostNotes}</div>
  2069. {/block:PermalinkPage}
  2070.  
  2071. {/block:Posts}
  2072.  
  2073. {block:Pagination}
  2074. <div class="meow">
  2075. {block:PreviousPage}
  2076. <a href="{PreviousPage}">back</a>
  2077. {/block:PreviousPage}
  2078. {block:NextPage}
  2079. / <a href="{NextPage}">next</a>
  2080. {/block:NextPage}
  2081. </div>
  2082. {block:Pagination}
  2083.  
  2084. </div>
  2085.  
  2086.  
  2087. <!--
  2088.  
  2089. *TABS BASE CODE BY ALYOFRP. DO NOT REMOVE THIS CREDIT!
  2090.  
  2091. < tabs links >
  2092.  
  2093. -->
  2094. <!--
  2095.  
  2096.  
  2097. < tabs links >
  2098.  
  2099. -->
  2100.  
  2101. <!-- < tabs content >
  2102. -->
  2103.  
  2104. <div id="TabzTwo" class="tabzcon alytut" style="display:none; padding-right:10px; background:{color:post background}; margin-top:205px; overflow:hidden;">
  2105.  
  2106. <h2>{text:ask tab title}</h2>
  2107.  
  2108.  
  2109. <div style="margin-top:10px">
  2110. <iframe frameborder="0" border="0" scrolling="no" width="300" height="250" allowtransparency="true" src="https://www.tumblr.com/ask_form/{name}.tumblr.com" style="background-color:transparent; overflow:hidden;"></iframe></div>
  2111. </div>
  2112.  
  2113. <div id="TabzThree" class="tabzcon alytut" style="display:none; padding-right:10px; background:transparent; margin-top:195px; height:340px; width:334px; margin-left:0px; overflow:hidden;">
  2114.  
  2115. <!-- admins information -->
  2116. {block:if400px}
  2117. <div class="nyoong"></div>
  2118. {/block:if400px}
  2119.  
  2120. <div style="width:85px; border-top:0px solid #111; margin-top:0px; margin-left:18px;"></div>
  2121.  
  2122. <div class="ego">
  2123. <span id="lblTime"></span>
  2124. </div>
  2125.  
  2126. <div class="loona" style="width:285px;">
  2127. {text:navigation stats}
  2128. </div>
  2129.  
  2130. <div class="loona2">
  2131. {text:navigation text}
  2132. </div>
  2133.  
  2134. <div id="admins">
  2135.  
  2136. </div>
  2137.  
  2138. <div style="width:350px; margin-top:155px;position:absolute;">
  2139.  
  2140. </div>
  2141.  
  2142.  
  2143. <!-- updates information, edit this here (: -->
  2144.  
  2145.  
  2146. <ul>
  2147. <div class="bee">
  2148. <a href="{text:nav link 1 url}" title="{text:nav link 1 title}"><span class="sf sf-list-o"></span></a><br>
  2149.  
  2150. <a href="{text:nav link 2 url}" title="{text:nav link 2 title}"><span class="sf sf-rose-o"></span></a> <br>
  2151.  
  2152. <a href="{text:nav link 3 url}" title="{text:nav link 3 title}"><span class="sf sf-peach-o"></span></a> <br>
  2153.  
  2154. <a href="{text:nav link 4 url}" title="{text:nav link 4 title}"><span class="sf sf-cherry-o"></span></a><br>
  2155.  
  2156. <a href="{text:nav link 5 url}" title="{text:nav link 5 title}"><span class="sf sf-cog-o"></span></a>
  2157.  
  2158. </div>
  2159.  
  2160. </ul>
  2161.  
  2162. </div>
  2163.  
  2164. <div id="TabzFour" class="tabzcon alytut" style="display:none; padding-right:10px; background:{color:container background}; margin-top:195px;">
  2165.  
  2166. <div class="mtit">muses.</div>
  2167. <div class="mtitcute">meet the kids !</div>
  2168. <div style="height:230px; overflow-y:scroll;">
  2169. <div id="muses">
  2170.  
  2171. <div class="mbox">
  2172. <a href="#?w=260" rel="popup_one" class="poplight"><img src="https://s33.postimg.cc/zflpn7sbz/yh2.png"></a>
  2173. <div class="mtitcute2">muse name & age.</div>
  2174. </div>
  2175.  
  2176. <div class="mbox" style="margin-left:14px;">
  2177. <a href="#?w=260" rel="popup_two" class="poplight"><img src="https://s33.postimg.cc/zflpn7sbz/yh2.png"></a>
  2178. <div class="mtitcute2">muse name & age.</div>
  2179. </div>
  2180.  
  2181. <div class="mbox">
  2182. <a href="#?w=260" rel="popup_three" class="poplight"><img src="https://s33.postimg.cc/zflpn7sbz/yh2.png"></a>
  2183. <div class="mtitcute2">muse name & age.</div>
  2184. </div>
  2185.  
  2186. <div class="mbox" style="margin-left:14px;">
  2187. <a href="#?w=260" rel="popup_four" class="poplight"><img src="https://s33.postimg.cc/zflpn7sbz/yh2.png"></a>
  2188. <div class="mtitcute2">muse name & age.</div>
  2189. </div>
  2190.  
  2191. <div class="mbox">
  2192. <a href="#?w=260" rel="popup_five" class="poplight"><img src="https://s33.postimg.cc/zflpn7sbz/yh2.png"></a>
  2193. <div class="mtitcute2">muse name & age.</div>
  2194. </div>
  2195.  
  2196. <div class="mbox">
  2197. <a href="#?w=260" rel="popup_six" class="poplight"><img src="https://s33.postimg.cc/zflpn7sbz/yh2.png"></a>
  2198. <div class="mtitcute2">muse name & age.</div>
  2199. </div>
  2200.  
  2201. <div class="mbox">
  2202. <a href="#?w=260" rel="popup_seven" class="poplight"><img src="https://s33.postimg.cc/zflpn7sbz/yh2.png"></a>
  2203. <div class="mtitcute2">muse name & age.</div>
  2204. </div>
  2205.  
  2206. <div class="mbox">
  2207. <a href="#?w=260" rel="popup_eight" class="poplight"><img src="https://s33.postimg.cc/zflpn7sbz/yh2.png"></a>
  2208. <div class="mtitcute2">muse name & age.</div>
  2209. </div>
  2210.  
  2211. <div class="mbox">
  2212. <a href="#?w=260" rel="popup_nine" class="poplight"><img src="https://s33.postimg.cc/zflpn7sbz/yh2.png"></a>
  2213. <div class="mtitcute2">muse name & age.</div>
  2214. </div>
  2215.  
  2216. <div class="mbox" style="margin-left:14px;">
  2217. <a href="#?w=260" rel="popup_ten" class="poplight"><img src="https://s33.postimg.cc/zflpn7sbz/yh2.png"></a>
  2218. <div class="mtitcute2">muse name & age.</div>
  2219. </div>
  2220.  
  2221. <div class="mbox">
  2222. <a href="#?w=260" rel="popup_eleven" class="poplight"><img src="https://s33.postimg.cc/zflpn7sbz/yh2.png"></a>
  2223. <div class="mtitcute2">muse name & age.</div>
  2224. </div>
  2225.  
  2226. <div class="mbox" style="margin-left:14px;">
  2227. <a href="#?w=260" rel="popup_twelve" class="poplight"><img src="https://s33.postimg.cc/zflpn7sbz/yh2.png"></a>
  2228. <div class="mtitcute2">muse name & age.</div>
  2229. </div>
  2230.  
  2231. <!-- copy from here to add more muses -->
  2232. <div class="mbox">
  2233. <a href="#?w=260" rel="popup_thirteen" class="poplight"><img src="https://s33.postimg.cc/zflpn7sbz/yh2.png"></a>
  2234. <div class="mtitcute2">muse name & age.</div>
  2235. </div>
  2236.  
  2237. <div class="mbox" style="margin-left:14px;">
  2238. <a href="#?w=260" rel="popup_fourteen" class="poplight"><img src="https://s33.postimg.cc/zflpn7sbz/yh2.png"></a>
  2239. <div class="mtitcute2">muse name & age.</div>
  2240. </div>
  2241. <!-- copy up to here to add more muses -->
  2242.  
  2243. <!-- copy from here to add more muses -->
  2244. <div class="mbox">
  2245. <a href="#?w=260" rel="popup_fifteen" class="poplight"><img src="https://s33.postimg.cc/zflpn7sbz/yh2.png"></a>
  2246. <div class="mtitcute2">muse name & age.</div>
  2247. </div>
  2248.  
  2249. <div class="mbox" style="margin-left:14px;">
  2250. <a href="#?w=260" rel="popup_sixteen" class="poplight"><img src="https://s33.postimg.cc/zflpn7sbz/yh2.png"></a>
  2251. <div class="mtitcute2">muse name & age.</div>
  2252. </div>
  2253. <!-- copy up to here to add more muses -->
  2254.  
  2255. </div>
  2256.  
  2257. </div>
  2258.  
  2259. </div>
  2260.  
  2261.  
  2262. <!--
  2263.  
  2264. < *TABS END >
  2265.  
  2266. -->
  2267.  
  2268. </div>
  2269.  
  2270.  
  2271. <div id="box">
  2272.  
  2273. <div id="tt">
  2274.  
  2275. <a href="javascript:void(0)" class="tablink tabzact" onclick="openAlytut(event, 'TabzOne');" title="{text:tab 1}">
  2276. 01
  2277. </a>
  2278. <a href="javascript:void(0)" class="tablink tabzact" onclick="openAlytut(event, 'TabzTwo');" title="{text:tab 2}">
  2279. 02
  2280. </a>
  2281. <a href="javascript:void(0)" class="tablink" onclick="openAlytut(event, 'TabzThree');" title="{text:tab 3}">
  2282. 03
  2283. </span></a>
  2284. <a href="javascript:void(0)" class="tablink" onclick="openAlytut(event, 'TabzFour');" title="{text:tab 4}">
  2285. 04
  2286. </span></a>
  2287.  
  2288. </div>
  2289. <div style="width:445px; {block:if400px} width:475px; {/block:if400px} border-top:1px solid {color:borders};position:fixed; margin-left:212px;margin-top:-43px;"></div>
  2290. <div class="letter">{text:side title}</div>
  2291. <div class="boxb"></div>
  2292. <div id="boxy"></div><div id="boxy2"></div>
  2293. <div class="tabz">
  2294. </div>
  2295.  
  2296. <div id="description">
  2297.  
  2298. {text:desc}
  2299.  
  2300. </div>
  2301.  
  2302. </div>
  2303. </div></div>
  2304. <div id="entries">
  2305. <div id="container">
  2306.  
  2307. {/block:Posts}
  2308.  
  2309.  
  2310. </div></div></div>
  2311. </div>
  2312.  
  2313. </div>
  2314.  
  2315. </ul>
  2316. </div></div>
  2317.  
  2318. <div class="mint">
  2319. <a href="https://mintrps.tumblr.com/" title="theme by mint."><span class="lnr lnr-code"></span></a> <div style="margin-top:10px;"></div>
  2320. </div>
  2321.  
  2322. <div id="popup_one" class="popup_block">
  2323. <span onclick="this.parentElement.style.display='none'" class="tabzclose">
  2324. X
  2325. </span>
  2326.  
  2327. <div class="musename">muse name.</div>
  2328. <div class="musesubtitle">something else goes here.</div>
  2329.  
  2330. <div class="spot1">
  2331. <div class="songtit">
  2332. 01. song title.
  2333. </div>
  2334. <div class="songart">
  2335. artist.
  2336. </div>
  2337. <div class="songtit">
  2338. 02. song title.
  2339. </div>
  2340. <div class="songart">
  2341. artist.
  2342. </div>
  2343. </div>
  2344.  
  2345. <div class="museq">”</div>
  2346. <div class="musequote">
  2347. lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
  2348. </div>
  2349.  
  2350. <div class="musestats">
  2351. <cute>name</cute> kim yoonoh.<br>
  2352. <cute>age</cute> seventeen.<br>
  2353. <cute>occupation</cute> student.<br>
  2354. <cute>sexuality</cute> bisexual.
  2355. </div>
  2356.  
  2357. <div class="muselinks">
  2358.  
  2359. <a href="/" title="muse tag."><span class="sf sf-tag-o"></span></a>
  2360.  
  2361. <a href="/" title="pinterest board."><span class="sf sf-menu-o"></span></a>
  2362.  
  2363. <a href="/" title="playlist."><span class="sf sf-music-note-o"></span></a> <br>
  2364.  
  2365. <a href="/" title="ship tag."><span class="sf sf-heart-o"></span></a>
  2366.  
  2367. <a href="/" title="status."><span class="sf sf-moon-1-o"></span></a>
  2368.  
  2369. <a href="/" title="partner."><span class="sf sf-bookmark-o"></span></a>
  2370. </div>
  2371.  
  2372. </div>
  2373.  
  2374. <div id="popup_two" class="popup_block">
  2375. <span onclick="this.parentElement.style.display='none'" class="tabzclose">
  2376. X
  2377. </span>
  2378. <div class="musename">muse name.</div>
  2379. <div class="musesubtitle">something else goes here.</div>
  2380.  
  2381. <div class="spot1">
  2382. <div class="songtit">
  2383. 01. song title.
  2384. </div>
  2385. <div class="songart">
  2386. artist.
  2387. </div>
  2388. <div class="songtit">
  2389. 02. song title.
  2390. </div>
  2391. <div class="songart">
  2392. artist.
  2393. </div>
  2394. </div>
  2395.  
  2396. <div class="museq">”</div>
  2397. <div class="musequote">
  2398. lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
  2399. </div>
  2400.  
  2401. <div class="musestats">
  2402. <cute>name</cute> kim yoonoh.<br>
  2403. <cute>age</cute> seventeen.<br>
  2404. <cute>occupation</cute> student.<br>
  2405. <cute>sexuality</cute> bisexual.
  2406. </div>
  2407.  
  2408. <div class="muselinks">
  2409.  
  2410. <a href="/" title="muse tag."><span class="sf sf-tag-o"></span></a>
  2411.  
  2412. <a href="/" title="pinterest board."><span class="sf sf-menu-o"></span></a>
  2413.  
  2414. <a href="/" title="playlist."><span class="sf sf-music-note-o"></span></a> <br>
  2415.  
  2416. <a href="/" title="ship tag."><span class="sf sf-heart-o"></span></a>
  2417.  
  2418. <a href="/" title="status."><span class="sf sf-moon-1-o"></span></a>
  2419.  
  2420. <a href="/" title="partner."><span class="sf sf-bookmark-o"></span></a>
  2421. </div>
  2422.  
  2423. </div>
  2424.  
  2425. <div id="popup_three" class="popup_block">
  2426. <span onclick="this.parentElement.style.display='none'" class="tabzclose">
  2427. X
  2428. </span>
  2429.  
  2430. <div class="musename">muse name.</div>
  2431. <div class="musesubtitle">something else goes here.</div>
  2432.  
  2433. <div class="spot1">
  2434. <div class="songtit">
  2435. 01. song title.
  2436. </div>
  2437. <div class="songart">
  2438. artist.
  2439. </div>
  2440. <div class="songtit">
  2441. 02. song title.
  2442. </div>
  2443. <div class="songart">
  2444. artist.
  2445. </div>
  2446. </div>
  2447.  
  2448. <div class="museq">”</div>
  2449. <div class="musequote">
  2450. lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
  2451. </div>
  2452.  
  2453. <div class="musestats">
  2454. <cute>name</cute> kim yoonoh.<br>
  2455. <cute>age</cute> seventeen.<br>
  2456. <cute>occupation</cute> student.<br>
  2457. <cute>sexuality</cute> bisexual.
  2458. </div>
  2459.  
  2460. <div class="muselinks">
  2461.  
  2462. <a href="/" title="muse tag."><span class="sf sf-tag-o"></span></a>
  2463.  
  2464. <a href="/" title="pinterest board."><span class="sf sf-menu-o"></span></a>
  2465.  
  2466. <a href="/" title="playlist."><span class="sf sf-music-note-o"></span></a> <br>
  2467.  
  2468. <a href="/" title="ship tag."><span class="sf sf-heart-o"></span></a>
  2469.  
  2470. <a href="/" title="status."><span class="sf sf-moon-1-o"></span></a>
  2471.  
  2472. <a href="/" title="partner."><span class="sf sf-bookmark-o"></span></a>
  2473. </div>
  2474.  
  2475. </div>
  2476.  
  2477. <div id="popup_four" class="popup_block">
  2478. <span onclick="this.parentElement.style.display='none'" class="tabzclose">
  2479. X
  2480. </span>
  2481.  
  2482. <div class="musename">muse name.</div>
  2483. <div class="musesubtitle">something else goes here.</div>
  2484.  
  2485. <div class="spot1">
  2486. <div class="songtit">
  2487. 01. song title.
  2488. </div>
  2489. <div class="songart">
  2490. artist.
  2491. </div>
  2492. <div class="songtit">
  2493. 02. song title.
  2494. </div>
  2495. <div class="songart">
  2496. artist.
  2497. </div>
  2498. </div>
  2499.  
  2500. <div class="museq">”</div>
  2501. <div class="musequote">
  2502. lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
  2503. </div>
  2504.  
  2505. <div class="musestats">
  2506. <cute>name</cute> kim yoonoh.<br>
  2507. <cute>age</cute> seventeen.<br>
  2508. <cute>occupation</cute> student.<br>
  2509. <cute>sexuality</cute> bisexual.
  2510. </div>
  2511.  
  2512. <div class="muselinks">
  2513.  
  2514. <a href="/" title="muse tag."><span class="sf sf-tag-o"></span></a>
  2515.  
  2516. <a href="/" title="pinterest board."><span class="sf sf-menu-o"></span></a>
  2517.  
  2518. <a href="/" title="playlist."><span class="sf sf-music-note-o"></span></a> <br>
  2519.  
  2520. <a href="/" title="ship tag."><span class="sf sf-heart-o"></span></a>
  2521.  
  2522. <a href="/" title="status."><span class="sf sf-moon-1-o"></span></a>
  2523.  
  2524. <a href="/" title="partner."><span class="sf sf-bookmark-o"></span></a>
  2525. </div>
  2526.  
  2527. </div>
  2528.  
  2529. <div id="popup_five" class="popup_block">
  2530. <span onclick="this.parentElement.style.display='none'" class="tabzclose">
  2531. X
  2532. </span>
  2533. <div class="musename">muse name.</div>
  2534. <div class="musesubtitle">something else goes here.</div>
  2535.  
  2536. <div class="spot1">
  2537. <div class="songtit">
  2538. 01. song title.
  2539. </div>
  2540. <div class="songart">
  2541. artist.
  2542. </div>
  2543. <div class="songtit">
  2544. 02. song title.
  2545. </div>
  2546. <div class="songart">
  2547. artist.
  2548. </div>
  2549. </div>
  2550.  
  2551. <div class="museq">”</div>
  2552. <div class="musequote">
  2553. lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
  2554. </div>
  2555.  
  2556. <div class="musestats">
  2557. <cute>name</cute> kim yoonoh.<br>
  2558. <cute>age</cute> seventeen.<br>
  2559. <cute>occupation</cute> student.<br>
  2560. <cute>sexuality</cute> bisexual.
  2561. </div>
  2562.  
  2563. <div class="muselinks">
  2564.  
  2565. <a href="/" title="muse tag."><span class="sf sf-tag-o"></span></a>
  2566.  
  2567. <a href="/" title="pinterest board."><span class="sf sf-menu-o"></span></a>
  2568.  
  2569. <a href="/" title="playlist."><span class="sf sf-music-note-o"></span></a> <br>
  2570.  
  2571. <a href="/" title="ship tag."><span class="sf sf-heart-o"></span></a>
  2572.  
  2573. <a href="/" title="status."><span class="sf sf-moon-1-o"></span></a>
  2574.  
  2575. <a href="/" title="partner."><span class="sf sf-bookmark-o"></span></a>
  2576. </div>
  2577.  
  2578. </div>
  2579.  
  2580. <div id="popup_six" class="popup_block">
  2581. <span onclick="this.parentElement.style.display='none'" class="tabzclose">
  2582. X
  2583. </span>
  2584. <div class="musename">muse name.</div>
  2585. <div class="musesubtitle">something else goes here.</div>
  2586.  
  2587. <div class="spot1">
  2588. <div class="songtit">
  2589. 01. song title.
  2590. </div>
  2591. <div class="songart">
  2592. artist.
  2593. </div>
  2594. <div class="songtit">
  2595. 02. song title.
  2596. </div>
  2597. <div class="songart">
  2598. artist.
  2599. </div>
  2600. </div>
  2601.  
  2602. <div class="museq">”</div>
  2603. <div class="musequote">
  2604. lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
  2605. </div>
  2606.  
  2607. <div class="musestats">
  2608. <cute>name</cute> kim yoonoh.<br>
  2609. <cute>age</cute> seventeen.<br>
  2610. <cute>occupation</cute> student.<br>
  2611. <cute>sexuality</cute> bisexual.
  2612. </div>
  2613.  
  2614. <div class="muselinks">
  2615.  
  2616. <a href="/" title="muse tag."><span class="sf sf-tag-o"></span></a>
  2617.  
  2618. <a href="/" title="pinterest board."><span class="sf sf-menu-o"></span></a>
  2619.  
  2620. <a href="/" title="playlist."><span class="sf sf-music-note-o"></span></a> <br>
  2621.  
  2622. <a href="/" title="ship tag."><span class="sf sf-heart-o"></span></a>
  2623.  
  2624. <a href="/" title="status."><span class="sf sf-moon-1-o"></span></a>
  2625.  
  2626. <a href="/" title="partner."><span class="sf sf-bookmark-o"></span></a>
  2627. </div>
  2628.  
  2629. </div>
  2630.  
  2631. <div id="popup_seven" class="popup_block"> <span onclick="this.parentElement.style.display='none'" class="tabzclose"> X </span>
  2632.  
  2633.  
  2634.  
  2635. <div class="musename">muse name.</div>
  2636. <div class="musesubtitle">something else goes here.</div>
  2637.  
  2638. <div class="spot1">
  2639. <div class="songtit">
  2640. 01. song title.
  2641. </div>
  2642. <div class="songart">
  2643. artist.
  2644. </div>
  2645. <div class="songtit">
  2646. 02. song title.
  2647. </div>
  2648. <div class="songart">
  2649. artist.
  2650. </div>
  2651. </div>
  2652.  
  2653. <div class="museq">”</div>
  2654. <div class="musequote">
  2655. lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
  2656. </div>
  2657.  
  2658. <div class="musestats">
  2659. <cute>name</cute> kim yoonoh.<br>
  2660. <cute>age</cute> seventeen.<br>
  2661. <cute>occupation</cute> student.<br>
  2662. <cute>sexuality</cute> bisexual.
  2663. </div>
  2664.  
  2665. <div class="muselinks">
  2666.  
  2667. <a href="/" title="muse tag."><span class="sf sf-tag-o"></span></a>
  2668.  
  2669. <a href="/" title="pinterest board."><span class="sf sf-menu-o"></span></a>
  2670.  
  2671. <a href="/" title="playlist."><span class="sf sf-music-note-o"></span></a> <br>
  2672.  
  2673. <a href="/" title="ship tag."><span class="sf sf-heart-o"></span></a>
  2674.  
  2675. <a href="/" title="status."><span class="sf sf-moon-1-o"></span></a>
  2676.  
  2677. <a href="/" title="partner."><span class="sf sf-bookmark-o"></span></a>
  2678. </div>
  2679.  
  2680. </div>
  2681.  
  2682. <div id="popup_eight" class="popup_block"> <span onclick="this.parentElement.style.display='none'" class="tabzclose"> X </span>
  2683.  
  2684.  
  2685.  
  2686. <div class="musename">muse name.</div>
  2687. <div class="musesubtitle">something else goes here.</div>
  2688.  
  2689. <div class="spot1">
  2690. <div class="songtit">
  2691. 01. song title.
  2692. </div>
  2693. <div class="songart">
  2694. artist.
  2695. </div>
  2696. <div class="songtit">
  2697. 02. song title.
  2698. </div>
  2699. <div class="songart">
  2700. artist.
  2701. </div>
  2702. </div>
  2703.  
  2704. <div class="museq">”</div>
  2705. <div class="musequote">
  2706. lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
  2707. </div>
  2708.  
  2709. <div class="musestats">
  2710. <cute>name</cute> kim yoonoh.<br>
  2711. <cute>age</cute> seventeen.<br>
  2712. <cute>occupation</cute> student.<br>
  2713. <cute>sexuality</cute> bisexual.
  2714. </div>
  2715.  
  2716. <div class="muselinks">
  2717.  
  2718. <a href="/" title="muse tag."><span class="sf sf-tag-o"></span></a>
  2719.  
  2720. <a href="/" title="pinterest board."><span class="sf sf-menu-o"></span></a>
  2721.  
  2722. <a href="/" title="playlist."><span class="sf sf-music-note-o"></span></a> <br>
  2723.  
  2724. <a href="/" title="ship tag."><span class="sf sf-heart-o"></span></a>
  2725.  
  2726. <a href="/" title="status."><span class="sf sf-moon-1-o"></span></a>
  2727.  
  2728. <a href="/" title="partner."><span class="sf sf-bookmark-o"></span></a>
  2729. </div>
  2730.  
  2731. </div>
  2732.  
  2733. <div id="popup_nine" class="popup_block"> <span onclick="this.parentElement.style.display='none'" class="tabzclose"> X </span>
  2734.  
  2735.  
  2736. <div class="musename">muse name.</div>
  2737. <div class="musesubtitle">something else goes here.</div>
  2738.  
  2739. <div class="spot1">
  2740. <div class="songtit">
  2741. 01. song title.
  2742. </div>
  2743. <div class="songart">
  2744. artist.
  2745. </div>
  2746. <div class="songtit">
  2747. 02. song title.
  2748. </div>
  2749. <div class="songart">
  2750. artist.
  2751. </div>
  2752. </div>
  2753.  
  2754. <div class="museq">”</div>
  2755. <div class="musequote">
  2756. lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
  2757. </div>
  2758.  
  2759. <div class="musestats">
  2760. <cute>name</cute> kim yoonoh.<br>
  2761. <cute>age</cute> seventeen.<br>
  2762. <cute>occupation</cute> student.<br>
  2763. <cute>sexuality</cute> bisexual.
  2764. </div>
  2765.  
  2766. <div class="muselinks">
  2767.  
  2768. <a href="/" title="muse tag."><span class="sf sf-tag-o"></span></a>
  2769.  
  2770. <a href="/" title="pinterest board."><span class="sf sf-menu-o"></span></a>
  2771.  
  2772. <a href="/" title="playlist."><span class="sf sf-music-note-o"></span></a> <br>
  2773.  
  2774. <a href="/" title="ship tag."><span class="sf sf-heart-o"></span></a>
  2775.  
  2776. <a href="/" title="status."><span class="sf sf-moon-1-o"></span></a>
  2777.  
  2778. <a href="/" title="partner."><span class="sf sf-bookmark-o"></span></a>
  2779. </div>
  2780.  
  2781. </div>
  2782.  
  2783. <div id="popup_ten" class="popup_block"> <span onclick="this.parentElement.style.display='none'" class="tabzclose"> X </span>
  2784. <div class="musename">muse name.</div>
  2785. <div class="musesubtitle">something else goes here.</div>
  2786.  
  2787. <div class="spot1">
  2788. <div class="songtit">
  2789. 01. song title.
  2790. </div>
  2791. <div class="songart">
  2792. artist.
  2793. </div>
  2794. <div class="songtit">
  2795. 02. song title.
  2796. </div>
  2797. <div class="songart">
  2798. artist.
  2799. </div>
  2800. </div>
  2801.  
  2802. <div class="museq">”</div>
  2803. <div class="musequote">
  2804. lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
  2805. </div>
  2806.  
  2807. <div class="musestats">
  2808. <cute>name</cute> kim yoonoh.<br>
  2809. <cute>age</cute> seventeen.<br>
  2810. <cute>occupation</cute> student.<br>
  2811. <cute>sexuality</cute> bisexual.
  2812. </div>
  2813.  
  2814. <div class="muselinks">
  2815.  
  2816. <a href="/" title="muse tag."><span class="sf sf-tag-o"></span></a>
  2817.  
  2818. <a href="/" title="pinterest board."><span class="sf sf-menu-o"></span></a>
  2819.  
  2820. <a href="/" title="playlist."><span class="sf sf-music-note-o"></span></a> <br>
  2821.  
  2822. <a href="/" title="ship tag."><span class="sf sf-heart-o"></span></a>
  2823.  
  2824. <a href="/" title="status."><span class="sf sf-moon-1-o"></span></a>
  2825.  
  2826. <a href="/" title="partner."><span class="sf sf-bookmark-o"></span></a>
  2827. </div>
  2828. </div>
  2829.  
  2830. <div id="popup_eleven" class="popup_block"> <span onclick="this.parentElement.style.display='none'" class="tabzclose"> X </span>
  2831. <div class="musename">muse name.</div>
  2832. <div class="musesubtitle">something else goes here.</div>
  2833.  
  2834. <div class="spot1">
  2835. <div class="songtit">
  2836. 01. song title.
  2837. </div>
  2838. <div class="songart">
  2839. artist.
  2840. </div>
  2841. <div class="songtit">
  2842. 02. song title.
  2843. </div>
  2844. <div class="songart">
  2845. artist.
  2846. </div>
  2847. </div>
  2848.  
  2849. <div class="museq">”</div>
  2850. <div class="musequote">
  2851. lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
  2852. </div>
  2853.  
  2854. <div class="musestats">
  2855. <cute>name</cute> kim yoonoh.<br>
  2856. <cute>age</cute> seventeen.<br>
  2857. <cute>occupation</cute> student.<br>
  2858. <cute>sexuality</cute> bisexual.
  2859. </div>
  2860.  
  2861. <div class="muselinks">
  2862.  
  2863. <a href="/" title="muse tag."><span class="sf sf-tag-o"></span></a>
  2864.  
  2865. <a href="/" title="pinterest board."><span class="sf sf-menu-o"></span></a>
  2866.  
  2867. <a href="/" title="playlist."><span class="sf sf-music-note-o"></span></a> <br>
  2868.  
  2869. <a href="/" title="ship tag."><span class="sf sf-heart-o"></span></a>
  2870.  
  2871. <a href="/" title="status."><span class="sf sf-moon-1-o"></span></a>
  2872.  
  2873. <a href="/" title="partner."><span class="sf sf-bookmark-o"></span></a>
  2874. </div>
  2875. </div>
  2876.  
  2877. <div id="popup_twelve" class="popup_block"> <span onclick="this.parentElement.style.display='none'" class="tabzclose"> X </span>
  2878. <div class="musename">muse name.</div>
  2879. <div class="musesubtitle">something else goes here.</div>
  2880.  
  2881. <div class="spot1">
  2882. <div class="songtit">
  2883. 01. song title.
  2884. </div>
  2885. <div class="songart">
  2886. artist.
  2887. </div>
  2888. <div class="songtit">
  2889. 02. song title.
  2890. </div>
  2891. <div class="songart">
  2892. artist.
  2893. </div>
  2894. </div>
  2895.  
  2896. <div class="museq">”</div>
  2897. <div class="musequote">
  2898. lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
  2899. </div>
  2900.  
  2901. <div class="musestats">
  2902. <cute>name</cute> kim yoonoh.<br>
  2903. <cute>age</cute> seventeen.<br>
  2904. <cute>occupation</cute> student.<br>
  2905. <cute>sexuality</cute> bisexual.
  2906. </div>
  2907.  
  2908. <div class="muselinks">
  2909.  
  2910. <a href="/" title="muse tag."><span class="sf sf-tag-o"></span></a>
  2911.  
  2912. <a href="/" title="pinterest board."><span class="sf sf-menu-o"></span></a>
  2913.  
  2914. <a href="/" title="playlist."><span class="sf sf-music-note-o"></span></a> <br>
  2915.  
  2916. <a href="/" title="ship tag."><span class="sf sf-heart-o"></span></a>
  2917.  
  2918. <a href="/" title="status."><span class="sf sf-moon-1-o"></span></a>
  2919.  
  2920. <a href="/" title="partner."><span class="sf sf-bookmark-o"></span></a>
  2921. </div>
  2922. </div>
  2923.  
  2924. <div id="popup_thirteen" class="popup_block"> <span onclick="this.parentElement.style.display='none'" class="tabzclose"> X </span>
  2925. <div class="musename">muse name.</div>
  2926. <div class="musesubtitle">something else goes here.</div>
  2927.  
  2928. <div class="spot1">
  2929. <div class="songtit">
  2930. 01. song title.
  2931. </div>
  2932. <div class="songart">
  2933. artist.
  2934. </div>
  2935. <div class="songtit">
  2936. 02. song title.
  2937. </div>
  2938. <div class="songart">
  2939. artist.
  2940. </div>
  2941. </div>
  2942.  
  2943. <div class="museq">”</div>
  2944. <div class="musequote">
  2945. lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
  2946. </div>
  2947.  
  2948. <div class="musestats">
  2949. <cute>name</cute> kim yoonoh.<br>
  2950. <cute>age</cute> seventeen.<br>
  2951. <cute>occupation</cute> student.<br>
  2952. <cute>sexuality</cute> bisexual.
  2953. </div>
  2954.  
  2955. <div class="muselinks">
  2956.  
  2957. <a href="/" title="muse tag."><span class="sf sf-tag-o"></span></a>
  2958.  
  2959. <a href="/" title="pinterest board."><span class="sf sf-menu-o"></span></a>
  2960.  
  2961. <a href="/" title="playlist."><span class="sf sf-music-note-o"></span></a> <br>
  2962.  
  2963. <a href="/" title="ship tag."><span class="sf sf-heart-o"></span></a>
  2964.  
  2965. <a href="/" title="status."><span class="sf sf-moon-1-o"></span></a>
  2966.  
  2967. <a href="/" title="partner."><span class="sf sf-bookmark-o"></span></a>
  2968. </div>
  2969. </div>
  2970.  
  2971. <!-- copy from here to add more muses -->
  2972. <div id="popup_fifteen" class="popup_block"> <span onclick="this.parentElement.style.display='none'" class="tabzclose"> X </span>
  2973. <div class="musename">muse name.</div>
  2974. <div class="musesubtitle">something else goes here.</div>
  2975.  
  2976. <div class="spot1">
  2977. <div class="songtit">
  2978. 01. song title.
  2979. </div>
  2980. <div class="songart">
  2981. artist.
  2982. </div>
  2983. <div class="songtit">
  2984. 02. song title.
  2985. </div>
  2986. <div class="songart">
  2987. artist.
  2988. </div>
  2989. </div>
  2990.  
  2991. <div class="museq">”</div>
  2992. <div class="musequote">
  2993. lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
  2994. </div>
  2995.  
  2996. <div class="musestats">
  2997. <cute>name</cute> kim yoonoh.<br>
  2998. <cute>age</cute> seventeen.<br>
  2999. <cute>occupation</cute> student.<br>
  3000. <cute>sexuality</cute> bisexual.
  3001. </div>
  3002.  
  3003. <div class="muselinks">
  3004.  
  3005. <a href="/" title="muse tag."><span class="sf sf-tag-o"></span></a>
  3006.  
  3007. <a href="/" title="pinterest board."><span class="sf sf-menu-o"></span></a>
  3008.  
  3009. <a href="/" title="playlist."><span class="sf sf-music-note-o"></span></a> <br>
  3010.  
  3011. <a href="/" title="ship tag."><span class="sf sf-heart-o"></span></a>
  3012.  
  3013. <a href="/" title="status."><span class="sf sf-moon-1-o"></span></a>
  3014.  
  3015. <a href="/" title="partner."><span class="sf sf-bookmark-o"></span></a>
  3016. </div>
  3017. </div>
  3018.  
  3019. <div id="popup_sixteen" class="popup_block"> <span onclick="this.parentElement.style.display='none'" class="tabzclose"> X </span>
  3020. <div class="musename">muse name.</div>
  3021. <div class="musesubtitle">something else goes here.</div>
  3022.  
  3023. <div class="spot1">
  3024. <div class="songtit">
  3025. 01. song title.
  3026. </div>
  3027. <div class="songart">
  3028. artist.
  3029. </div>
  3030. <div class="songtit">
  3031. 02. song title.
  3032. </div>
  3033. <div class="songart">
  3034. artist.
  3035. </div>
  3036. </div>
  3037.  
  3038. <div class="museq">”</div>
  3039. <div class="musequote">
  3040. lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
  3041. </div>
  3042.  
  3043. <div class="musestats">
  3044. <cute>name</cute> kim yoonoh.<br>
  3045. <cute>age</cute> seventeen.<br>
  3046. <cute>occupation</cute> student.<br>
  3047. <cute>sexuality</cute> bisexual.
  3048. </div>
  3049.  
  3050. <div class="muselinks">
  3051.  
  3052. <a href="/" title="muse tag."><span class="sf sf-tag-o"></span></a>
  3053.  
  3054. <a href="/" title="pinterest board."><span class="sf sf-menu-o"></span></a>
  3055.  
  3056. <a href="/" title="playlist."><span class="sf sf-music-note-o"></span></a> <br>
  3057.  
  3058. <a href="/" title="ship tag."><span class="sf sf-heart-o"></span></a>
  3059.  
  3060. <a href="/" title="status."><span class="sf sf-moon-1-o"></span></a>
  3061.  
  3062. <a href="/" title="partner."><span class="sf sf-bookmark-o"></span></a>
  3063. </div>
  3064. <!-- copy up to here to add more muses -->
  3065. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!