API tools faq
paste
mintrps

03. nobody else ; ♡ ━

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