API tools faq
paste
mintrps

never forever ; ♡ ━ link ver.

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