API tools faq
paste
Guest User

Untitled

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