API tools faq
paste
mintrps

love shot ; ♡ ━ link ver.

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