Advertisement
mintrps

page 01. noah park ; ♡ ━

Oct 26th, 2019
4,065
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 86.36 KB | None | 0 0
  1. <!--
  2.  
  3.  
  4.  
  5.  
  6. a page by @mintrps.
  7.  
  8. please check my terms
  9. of use in the post !
  10.  
  11. - icon font by @suiomi
  12. - icon font by fontawesome
  13. - feather icons by cole bemis
  14. - fonts from google fonts
  15. - tabs by ncighbourhood
  16.  
  17.  
  18.  
  19. -->
  20.  
  21. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  22. <html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  23.  
  24. <head>
  25.  
  26. <link href="//dl.dropbox.com/s/50g6fbds3rh4m0j/saturnicons.css" rel="stylesheet">
  27. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
  28. <link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet">
  29. <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  30. <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
  31. <link href="https://fonts.googleapis.com/css?family=Quicksand" rel="stylesheet">
  32. <link href="https://fonts.googleapis.com/css?family=Lato:400,4#00i,700,700i" rel="stylesheet">
  33. <link href="https://fonts.googleapis.com/css?family=Abril+Fatface" rel="stylesheet">
  34. <link href="https://fonts.googleapis.com/css?family=ABeeZee" rel="stylesheet">
  35. <link href="https://fonts.googleapis.com/css?family=Karla&display=swap" rel="stylesheet">
  36. <link href="https://fonts.googleapis.com/css?family=Roboto:400,400i&display=swap" rel="stylesheet">
  37. <link href="https://fonts.googleapis.com/css?family=Montserrat:300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap" rel="stylesheet">
  38. <link href="https://fonts.googleapis.com/css?family=Space+Mono:400,400i,700,700i&display=swap" rel="stylesheet">
  39. <link href="https://fonts.googleapis.com/css?family=Abril+Fatface&display=swap" rel="stylesheet">
  40. <title>noah park.</title>
  41. <link rel="shortcut icon" href="{Favicon}">
  42. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  43. <meta name="description" content="{MetaDescription}" />
  44.  
  45. <link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro:200' rel='stylesheet' type='text/css'>
  46. <link href='https://fonts.googleapis.com/css?family=Inconsolata' rel='stylesheet' type='text/css'>
  47. <link href='https://fonts.googleapis.com/css?family=Libre+Franklin:200,200italic,400,400italic,600,600italic' rel='stylesheet' type='text/css'>
  48.  
  49. <script src="https://kit.fontawesome.com/1614dc65f2.js" crossorigin="anonymous"></script>
  50.  
  51. <script>
  52. function openAlytut(evt, alytutName) {
  53. var i, x, tablinks;
  54. x = document.getElementsByClassName("alytut");
  55. for (i = 0; i < x.length; i++) {
  56. x[i].style.display = "none";
  57. }
  58. tablinks = document.getElementsByClassName("tablink");
  59. for (i = 0; i < x.length; i++) {
  60. tablinks[i].className = tablinks[i].className.replace(" tabzact", "");
  61. }
  62. document.getElementById(alytutName).style.display = "block";
  63. evt.currentTarget.className += " tabzact";
  64. }
  65. </script>
  66.  
  67. <script>
  68. $(document).ready(function() {
  69. //
  70. $('a.poplight[href^=#]').click(function() {
  71. var popID = $(this).attr('rel'); //Get Popup Name
  72. var popURL = $(this).attr('href'); //Get Popup href to define size
  73. var query= popURL.split('?');
  74. var dim= query[1].split('&');
  75. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  76. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  77. var popMargTop = ($('#' + popID).height() + 80) / 2;
  78. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  79. //Apply Margin to Popup
  80. $('#' + popID).css({
  81. 'margin-top' : -popMargTop,
  82. 'margin-left' : -popMargLeft
  83. });
  84. $('body').append('<div id="fade"></div>');
  85. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  86. return false;
  87. });
  88. $('a.close, #fade').live('click', function() {
  89. $('#fade , .popup_block').fadeOut(function() {
  90. $('#fade, a.close').remove(); //fade them both out
  91. });
  92. return false;
  93. });
  94. });
  95. </script>
  96.  
  97. <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
  98.  
  99. <script type="text/javascript" src="https://static.tumblr.com/8pnyeus/10hors8sn/themekid-popup.min.js"></script>
  100. <script type="text/javascript">
  101. $(document).ready(function(){
  102. popUp(true);
  103. });
  104. </script>
  105.  
  106. <script type="text/javascript" src="https://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  107. <script>
  108. (function($){
  109. $(document).ready(function(){
  110. $("[title],a[title],img[title]").style_my_tooltips({
  111. tip_follows_cursor:true });
  112. });
  113. })(jQuery);
  114. </script>
  115.  
  116. <script src="https://code.iconify.design/1/1.0.3/iconify.min.js"></script>
  117.  
  118. <style type="text/css">
  119.  
  120.  
  121.  
  122.  
  123.  
  124. /* TABS STYLING--
  125. BASE CODE BY ALYOFRP. DO NOT REMOVE THIS CREDIT!
  126. */
  127.  
  128. .tabz {
  129. margin-top:-10px;
  130. margin-left:180px;
  131. padding:13px;
  132. padding-right:0px;
  133. padding-bottom:0px;
  134. margin-right:0px;
  135. position:fixed;
  136. z-index:9999999999999999;
  137. z-index:99999999999999999999999;
  138.  
  139. }
  140.  
  141. .tabz a {
  142. padding:3px;
  143. text-align:center;
  144. font-family:arial black;
  145. fill:;
  146. font-size:15px;
  147. display:inline-block;
  148. margin-left:0px;
  149. margin-top:0px;
  150. transition:.2s;
  151. margin-right:-2px;
  152. padding-top:5px;
  153. padding-left:5px;
  154. margin-bottom:2px;
  155. -webkit-transition:.2s;
  156. -moz-transition:.2s;
  157. font-family: 'Abril Fatface', cursive;
  158. }
  159.  
  160. .tabz svg {
  161. padding:2px;
  162. margin-right:2px;
  163. width:12px;
  164. text-align:center;
  165. font-family:arial black;
  166. color:;
  167. font-size:14px;
  168. display:inline-block;
  169. margin-top:0px;
  170. transition:.2s;
  171. border-radius:0px;
  172. border-bottom:2px solid transparent;
  173. -webkit-transition:.2s;
  174. -moz-transition:.2s;
  175. }
  176.  
  177. .tabz a:hover {/* tablinks hover color */
  178. transition:.2s;
  179. -webkit-transition:.2s;
  180. -moz-transition:.2s;
  181. opacity:0.7;
  182. }
  183.  
  184. .tabzcon { /* tablinks content aka the box under the tablinks */
  185. margin-top:0px;
  186. margin-left:15px;
  187. padding:10px;
  188. padding-top:5px;
  189. position:absolute;
  190. width:300px;
  191. padding-left:10px;
  192. border-radius:0px;
  193. position:fixed;
  194. overflow:auto;
  195. overflow-y:hidden;
  196. overflow:auto;
  197. padding-top:0px;
  198. padding-right:20px;
  199. padding-left:20px;
  200. margin-left:360px;
  201. margin-top:115px;
  202. z-index:10;
  203. background:transparent;
  204. height:340px;
  205.  
  206. -webkit-transition: all 0.6s ease-in-out;
  207. -moz-transition: all 0.6s ease-in-out;
  208. -o-transition: all 0.6s ease-in-out;
  209. -ms-transition: all 0.6s ease-in-out;
  210. transition: all 0.6s ease-in-out;
  211. z-index:100000000000000000000000000000000;
  212. }
  213.  
  214. @keyframes animationFrames{
  215. 0% {
  216. opacity:0;
  217. }
  218. 100% {
  219. opacity:1;
  220. }
  221. }
  222.  
  223. @-moz-keyframes animationFrames{
  224. 0% {
  225. opacity:0;
  226. }
  227. 100% {
  228. opacity:1;
  229. }
  230. }
  231.  
  232. @-webkit-keyframes animationFrames {
  233. 0% {
  234. opacity:0;
  235. }
  236. 100% {
  237. opacity:1;
  238. }
  239. }
  240.  
  241. @-o-keyframes animationFrames {
  242. 0% {
  243. opacity:0;
  244. }
  245. 100% {
  246. opacity:1;
  247. }
  248. }
  249.  
  250. @-ms-keyframes animationFrames {
  251. 0% {
  252. opacity:0;
  253. }
  254. 100% {
  255. opacity:1;
  256. }
  257. }
  258.  
  259. #base { /* the box when no tabs are selected */
  260. margin-top:45px;
  261. margin-left:0px;
  262. position:fixed;
  263. padding:10px;
  264. width:205px;
  265. height:260px;
  266. background-color:#e1c9bf;
  267. }
  268.  
  269. .tabzclose { /* the close button, u prob dont need to touch this */
  270. text-transform:uppercase;
  271. font-weight:bold;
  272. font-size:calc( - 1px);
  273. padding:3px;
  274. color:inherit;
  275. margin-top:-15px;
  276. margin-right:-7px;
  277. float:right;
  278. }
  279.  
  280. .tabzclose:hover {
  281. cursor:pointer;
  282. }
  283.  
  284. ::-webkit-scrollbar-thumb {
  285. height:auto;
  286. background-color:;
  287. margin-left:1px;
  288. display:none;
  289. }
  290.  
  291. ::-webkit-scrollbar {
  292. height:9px;
  293. width:1px;
  294. background-color:transparent;
  295. }
  296.  
  297. ::-webkit-scrollbar-thumb {
  298. background:transparent;
  299. }
  300.  
  301. ::-webkit-scrollbar-corner {
  302. background:transparent;
  303. }
  304.  
  305. body {
  306. background:#f0f0f0;
  307. margin-top:-20px;
  308. margin-left:0px;
  309. color:#000;
  310. font-family: 'Space Mono', monospace;
  311. line-height:200%;
  312. font-size:9px;
  313. letter-spacing:1px;
  314. text-align:justify;
  315. background-image:url('https://static.tumblr.com/58f44d4de38a5f009db3bb5cc4a035ac/1sj7tra/hyzpzumu7/tumblr_static_7zvcwtkknf8ckoc4484kkwg8c.png');
  316. width:701px;
  317.  
  318. height:385px;
  319. margin:auto;
  320. }
  321.  
  322. sup, sub {
  323. font-size:10px;
  324. }
  325.  
  326. a {
  327. text-decoration:none;
  328. outline:none;
  329. -moz-outline-style:none;
  330. color:#000;
  331. border-bottom:0px solid #eeeeee;
  332. box-shadow: 0 -5px rgba(218,212,198, 1) inset;
  333. }
  334.  
  335. img {
  336. border:none;
  337. }
  338.  
  339.  
  340. h2 small {
  341. font-size:23px;
  342. }
  343.  
  344. h2 a {
  345. font-size:23px;
  346. }
  347.  
  348. h2 small a {
  349. font-size:23px;
  350. }
  351.  
  352. b, strong {
  353. color:#000;
  354. }
  355.  
  356. .tumblr_blog {
  357. text-transform:lowercase;
  358. letter-spacing:1.5px;
  359. font-family: 'Space Mono', monospace;
  360. font-size:9px;
  361. border-bottom:0px solid #222;
  362. color:#000;
  363. }
  364.  
  365. sup {
  366. font-size:9px;
  367. }
  368.  
  369. sub {
  370. font-size:9px;
  371. }
  372.  
  373. small {
  374. font-size:9px;
  375. }
  376.  
  377. h1, h2, h3 {
  378. margin:0px; text-align:left; text-transform:lowercase; letter-spacing:-1px; border-radius:0px; margin-top:15px; margin-bottom:15px; word-spacing:0px; color:#c1b9a7; font-family: 'Space Mono', monospace; font-family:montserrat; font-size:23px; font-weight:700;
  379. }
  380.  
  381. h1, h2, h3 a {
  382. color:#c1b9a7;
  383. }
  384.  
  385. h1 small {
  386. font-size:23px;
  387. }
  388.  
  389. h1 sup {
  390. font-size:23px;
  391. }
  392.  
  393. h1 sub {
  394. font-size:23px;
  395. }
  396.  
  397. h2 small {
  398. font-size:23px;
  399. }
  400.  
  401. h2 sup {
  402. font-size:23px;
  403. }
  404.  
  405. h2 sub {
  406. font-size:23px;
  407. }
  408.  
  409. h4 {
  410. font-size:14px;
  411. }
  412.  
  413. blockquote {
  414. border-left:1px solid #ddd;
  415. padding-left:10px;
  416. margin-left:5px;
  417. width:93%;
  418. }
  419.  
  420. #post blockquote img {
  421. max-width:275px;
  422. height:auto;
  423. }
  424.  
  425. /*CONTAINER*/
  426.  
  427. #container {
  428. margin-top:4px;
  429. margin-left:352px;
  430. margin-right:auto;
  431. width:350px;
  432. max-height:346px;
  433. text-align:left;
  434. position:fixed;
  435. padding-left:0px;
  436. padding-top:0px;
  437. }
  438.  
  439. /*ENTRIES*/
  440.  
  441. .sfm input {
  442. width:100px;
  443. border: 0px;
  444. text-transform: uppercase;
  445. background:transparent;
  446. margin-top: -7px;
  447. opacity:1;
  448. font-family:roboto;
  449. letter-spacing:2px;
  450. font-size:7px;
  451. padding: 4px 3px;
  452. border-bottom:0px solid #0c0c0c;
  453. font-weight:600;
  454. }
  455.  
  456. #sb {
  457. height:10px;
  458. width:10px;
  459. margin-left:-2px;
  460. margin-top:-1px;
  461. vertical-align: top;
  462. opacity:1;
  463. }
  464.  
  465.  
  466. .rightb {
  467. position:fixed;
  468. margin-left:620px;
  469. width:80px;
  470. height:458px;
  471. margin-top:105px;
  472. background-image:url('');
  473. background-size:650px;
  474. display:none;
  475. }
  476.  
  477. #entries {
  478. position:fixed;
  479. height:425px;
  480. width:700px;
  481.  
  482. margin-left:0px;
  483. margin-top:85px;
  484.  
  485. box-shadow:0px 0px 0px #222;
  486. padding-top:0px;
  487. padding-top:55px;
  488. background:rgba( 243,243,243, 1 );
  489. border:0px solid #eeeeee;
  490. border-bottom:0px solid #000;
  491. background-image:url('');
  492. margin-left:0px;
  493. z-index:-1;
  494. border-radius:7px;
  495. }
  496.  
  497. #entries2 {
  498. position:fixed;
  499. height:480px;
  500. margin-top:-55px;
  501. width:313px;
  502. margin-left:340px;
  503. background:rgba( 243,243,243, 1 );
  504. border-radius:7px;
  505. display:none;
  506. }
  507.  
  508. #post {
  509. width:285px;
  510. margin-left:-15px;
  511. margin-top:0px;
  512. height: auto;
  513.  
  514. padding:10px;
  515. margin-bottom:30px;
  516. color: #000;
  517. letter-spacing:0px;
  518. line-height:200%;
  519. text-align:justify;
  520. text-transform:none;
  521. border-radius:0px;
  522. letter-spacing:1px;
  523. background:transparent;
  524. text-transform:none;
  525. background:transparent;
  526. border-radius:7px;
  527.  
  528. background:rgba(248,248,248, 1);
  529.  
  530. z-index:100000000000000000000000000000000000000000000;
  531. box-shadow: 0px 0px 10px rgba(140,140,140,0.1);
  532. }
  533.  
  534. #post b {
  535. box-shadow: 0 -5px rgba(218,212,198, 1) inset;
  536. }
  537.  
  538. #post img {
  539. border-radius:0px;
  540.  
  541. max-width:300px;
  542. height:auto;
  543. }
  544.  
  545. #post img:hover {
  546. -webkit-filter: grayscale(0%);
  547.  
  548. -webkit-filter: grayscale(100%);
  549.  
  550. -webkit-transition: all 0.6s ease-in-out;
  551. -moz-transition: all 0.6s ease-in-out;
  552. -o-transition: all 0.6s ease-in-out;
  553. -ms-transition: all 0.6s ease-in-out;
  554. transition: all 0.6s ease-in-out;
  555. }
  556.  
  557. iframe {
  558. border-radius:0px;
  559. max-width:300px;
  560. }
  561. .media img, .media iframe {
  562. display:block;
  563. border-radius:0px;
  564. margin-top:5px;
  565.  
  566. -webkit-filter: grayscale(100%);
  567.  
  568. -webkit-transition: all 0.6s ease-in-out;
  569. -moz-transition: all 0.6s ease-in-out;
  570. -o-transition: all 0.6s ease-in-out;
  571. -ms-transition: all 0.6s ease-in-out;
  572. transition: all 0.6s ease-in-out;
  573.  
  574. }
  575.  
  576. .media img:hover, .media iframe:hover {
  577. display:block;
  578. border-radius:0px;
  579.  
  580. -webkit-filter: grayscale(100%);
  581.  
  582. -webkit-transition: all 0.6s ease-in-out;
  583. -moz-transition: all 0.6s ease-in-out;
  584. -o-transition: all 0.6s ease-in-out;
  585. -ms-transition: all 0.6s ease-in-out;
  586. transition: all 0.6s ease-in-out;
  587.  
  588. }
  589.  
  590. h2 small {
  591. font-size:23px;
  592. }
  593.  
  594. #post img {
  595.  
  596. -webkit-filter: grayscale(100%);
  597.  
  598. -webkit-transition: all 0.6s ease-in-out;
  599. -moz-transition: all 0.6s ease-in-out;
  600. -o-transition: all 0.6s ease-in-out;
  601. -ms-transition: all 0.6s ease-in-out;
  602. transition: all 0.6s ease-in-out;
  603. }
  604.  
  605. #post img:hover{
  606. -webkit-filter: grayscale(0%);
  607. -webkit-transition: all 0.6s ease-in-out;
  608. -moz-transition: all 0.6s ease-in-out;
  609. -o-transition: all 0.6s ease-in-out;
  610. -ms-transition: all 0.6s ease-in-out;
  611. transition: all 0.6s ease-in-out;
  612. }
  613.  
  614. .html_photoset {
  615.  
  616. -webkit-filter: grayscale(100%);
  617.  
  618. -webkit-transition: all 0.6s ease-in-out;
  619. -moz-transition: all 0.6s ease-in-out;
  620. -o-transition: all 0.6s ease-in-out;
  621. -ms-transition: all 0.6s ease-in-out;
  622. transition: all 0.6s ease-in-out;
  623. }
  624. .html_photoset:hover {
  625. -webkit-filter: grayscale(0%);
  626.  
  627. -webkit-filter: grayscale(100%);
  628.  
  629. -webkit-transition: all 0.6s ease-in-out;
  630. -moz-transition: all 0.6s ease-in-out;
  631. -o-transition: all 0.6s ease-in-out;
  632. -ms-transition: all 0.6s ease-in-out;
  633. transition: all 0.6s ease-in-out;
  634. }
  635.  
  636. .answer span,.convo li{
  637. margin:0 0 5px;
  638. border-radius:0px;
  639. padding:5px;
  640. padding-left:0px;
  641. padding-right:0px;
  642. max-width:100%;
  643. clear:both;
  644. position:relative;
  645. line-height:200%;
  646. }
  647.  
  648. .convo strong {
  649. color:#000;
  650. }
  651.  
  652. .convo b {
  653. color:#000;
  654. }
  655.  
  656. .convo li:before {
  657. content:'';
  658. }
  659.  
  660. .label {
  661. font-family: 'Space Mono', monospace;
  662. letter-spacing:1.5px;
  663. font-size:10px;
  664. text-transform:uppercase;
  665. letter-spacing:1px;
  666. color:#000;
  667. margin-right:2px;
  668. padding:0px;;
  669. margin-left:-5px;
  670. }
  671.  
  672. .footerright .viasrc {
  673. float: left;
  674. }
  675. .asked a {
  676. margin:0;padding:0;
  677. }
  678.  
  679. .user_4{
  680. background:#000;
  681. color:#000;
  682. padding:10px;
  683. line-height:100%;
  684. }
  685.  
  686. .user_4::after{
  687. border-color:#eeeeee;
  688. padding:10px;
  689. }
  690.  
  691. .user_3{
  692. background:#000;
  693. padding:10px;
  694. color:#000;
  695. line-height:100%;
  696. }
  697.  
  698. .user_3::after{
  699. border-color:#eeeeee;
  700. padding:10px;
  701. }
  702.  
  703. .convo {
  704. overflow: hidden;
  705. list-style-type: none;
  706. padding: 0;
  707. margin: 0;
  708. line-height:100%;
  709. }
  710.  
  711. .quote {
  712. padding:10px;
  713. font-size:calc( - 1px);
  714. border:0px solid #222;
  715. line-height:270%;
  716. text-align:center;
  717. text-transform:none;
  718. font-size:22px;
  719. line-height:100%;
  720. letter-spacing:0px;
  721. font-family: 'Abril Fatface', cursive;
  722. margin-top:15px;
  723. margin-bottom:15px;
  724. color:#000;
  725. border-radius:0px;
  726. }
  727.  
  728. .source {
  729. margin-top:-10px;
  730. letter-spacing:1px;
  731. opacity:1;
  732. margin-bottom:10px;
  733. text-align:center;
  734. }
  735.  
  736. /*BLOG TITLE*/
  737.  
  738. .title {
  739. font-size:20px;
  740. margin-bottom:20px;
  741. font-weight:bold;
  742. letter-spacing:-1px;
  743. color:#f8f8f8;
  744. }
  745.  
  746. /*SIDEBAR*/
  747.  
  748. #description {
  749. border-left:0px solid #eeeeee;
  750. padding:11px;
  751. font-family:;
  752. position:fixed;
  753. width:170px;
  754. height:484px;
  755. overflow-y:scroll;
  756. font-size:6.5px;
  757. margin-top:-55px;
  758. line-height:22px;
  759. padding-top:5px;
  760. letter-spacing:0px;
  761. color:#000;
  762. opacity:1;
  763. border-radius:0px;
  764. margin-left:85px;
  765. text-transform:uppercase;
  766. text-align:justify;
  767. background:transparent;
  768. font-family: 'Space Mono', monospace;
  769. letter-spacing:1.5px;
  770. opacity:1;
  771. max-height:400px;
  772. background:rgba(255,2552,255,0);
  773. display:none;
  774. }
  775.  
  776. #dimg {
  777. width:130px;
  778. height:170px;
  779. background-image:url('');
  780. background-position:center;
  781. }
  782.  
  783. .meow {
  784. text-align:center;
  785. z-index:99999999999999999;
  786. color:#000;
  787. font-family:quicksand;
  788. letter-spacing:2px;
  789. margin-top:-20px;
  790. margin-bottom:20px;
  791. text-transform:uppercase;
  792. font-size:7px;
  793. }
  794.  
  795. .meow a {
  796. font-size:7px;
  797. padding:3px;
  798. border-radius:3px;
  799. }
  800.  
  801. #gay {
  802. font-size:10px;
  803. letter-spacing:3px;
  804. padding-bottom:8px;
  805. border-bottom:1px solid #eeeeee;
  806. color:#fff;
  807. text-align:center;
  808. text-transform:uppercase;
  809. margin-top:13px;
  810. }
  811.  
  812. #description big{
  813. font-size:calc( + 1px);
  814. }
  815.  
  816. #q{
  817. font-size:47px;
  818. margin-left:-27px;
  819. padding-top:15px;
  820. z-index:1;
  821. position:fixed;
  822. border-right:0px solid #222;
  823. height:52px;
  824. padding-right:-5px;
  825. background:transparent;
  826. }
  827.  
  828. .tits {
  829. font-size:7px;
  830. text-transform:uppercase;
  831. width:150px;
  832. position:absolute;
  833. line-height:40%;
  834. margin-left:12px;
  835. margin-top:20px;
  836. font-weight:600;
  837. font-family:mint;
  838. font-family: 'Karla', sans-serif;
  839. text-align:center;
  840. box-align:center;
  841. opacity:0.7;
  842. line-height:200%;
  843. z-index:999999999999999999;
  844. letter-spacing:2px;
  845. display:none;
  846. color:#f8f8f8;
  847. }
  848.  
  849. .tits span {
  850. font-family:calibri;
  851. font-size:10px;
  852. text-transform:uppercase;
  853. letter-spacing:2px;
  854. margin-bottom:-10px;
  855. margin-left:0px;
  856. background:#111;
  857. font-weight:normal;
  858. padding:2px;
  859. padding-left:10px;
  860. padding-right:10px;
  861. position:relative;
  862. z-index:-1;
  863. word-spacing:0px;
  864. }
  865.  
  866. #bx {
  867. width:30px;
  868. margin-left:-7px;
  869. position:fixed;
  870. padding-top:0px;
  871. padding-bottom:5px;
  872. padding-right:5px;
  873. background:transparent;
  874. border-right:none;
  875. margin-top:45px;
  876. border-right:0px solid #222;
  877. line-height:38.5px;
  878. }
  879.  
  880. #bx a{
  881. padding-left:17px;
  882. }
  883.  
  884. #bx span{
  885. margin-top:20px;
  886. margin-bottom:19px;
  887. color:#aaa;
  888. z-index:1;
  889. }
  890.  
  891. #tt {
  892. position:absolute;
  893. text-transform:uppercase;
  894. text-align:right;
  895. word-spacing:-0px;
  896. margin-top:30px;
  897. letter-spacing:3px;
  898. left:10px;
  899. padding-right:20px;
  900. line-height:40%;
  901. z-index:999999999999;
  902. background:transparent;
  903. font-style:normal;
  904. font-weight:600;
  905. margin-left:-289px;
  906. width:250px;
  907. margin-top:137px;
  908. letter-spacing:0px;
  909. z-index:1000000000000000000000000000000000000000000000000000000000;
  910. font-family:montserrat;
  911. font-size:7px;
  912. font-weight:700;
  913. letter-spacing:2px;
  914. display:inline;
  915. word-spacing:5px;
  916. transform:rotate(-90deg);
  917. background:transparent;
  918. color:;
  919. padding:20px;
  920. width:440px;
  921. z-index:10000000000000000000000000000000000000000000;
  922. }
  923.  
  924. #tt a {
  925. color:;
  926. border-radius:0%;
  927. margin-right:4px;
  928. margin-left:4px;
  929. display:inline;
  930. width:300px;
  931. border-bottom:0px solid #eeeeee;
  932. box-shadow: 0 -5px rgba(0,0,0, 0.00) inset;
  933. }
  934.  
  935. #header {
  936. margin-top:-50px;
  937. margin-bottom:20px;
  938. position:fixed;
  939. background:#f3f3f3;
  940. padding-top:60px;
  941. padding-bottom:0px;
  942. padding-left:10px;
  943. margin-left:-10px;
  944. z-index:999999999999999999999999999999999999999999999999999;
  945. }
  946.  
  947. #header img {
  948. width:72px;
  949. height:72px;
  950. border-radius:100%;
  951. -webkit-filter: grayscale(100%);
  952. filter: grayscale(100%);
  953. }
  954.  
  955. .ynkk {
  956. position:fixed;
  957. margin-left:330px;
  958. margin-top:195px;
  959. z-index:9999999999999999999999999999999;
  960. display:none;
  961. }
  962.  
  963. .ynkk img {
  964. width:60px;
  965. height:60px;
  966. border-radius:100%;
  967. }
  968.  
  969. #test {
  970. position:fixed;
  971. z-index:100000;
  972. margin-left:370px;
  973. margin-top:175px;
  974. color:#fff;
  975. }
  976.  
  977. #box{
  978. padding:10px;
  979. padding-right:150px;
  980. z-index:-9999;
  981. position:fixed;
  982. margin-top:175px;
  983. background:transparent;
  984. font-size:10px;
  985. margin-left:30px;
  986. width:540px;
  987.  
  988. height:2px;
  989. border:0px solid #eeeeee;
  990. color:#000;
  991. border-radius:0px;
  992. font-family:'arial';
  993. color:#f0f0f0;
  994. opacity:1;
  995. z-index:1;
  996. }
  997.  
  998. .oi {
  999. font-size:28px;
  1000. padding-top:10px;
  1001. float:left;
  1002. margin-top:210px;
  1003. margin-left:210px;
  1004. width:180px;
  1005. }
  1006.  
  1007. .oi .iconify {
  1008. margin-bottom:8px;
  1009. box-shadow: 0 -5px rgba(218,212,198, 0) inset;
  1010. margin-right:0px;
  1011. border-radius:10px;
  1012. color:#000;
  1013. background:#c1b9a7;
  1014. padding:10px;
  1015. width:20px;
  1016. height:20px;
  1017. display:inline-block;
  1018. }
  1019.  
  1020. .oi a {
  1021. box-shadow: 0 -5px rgba(218,212,198, 0) inset;
  1022. }
  1023.  
  1024. .oi2 {
  1025. font-size:7px;
  1026. padding-top:10px;
  1027. float:left;
  1028. font-family:montserrat;
  1029. font-weight:600;
  1030. letter-spacing:2px;
  1031. text-transform:uppercase;
  1032. margin-top:130px;
  1033. margin-left:-13px;
  1034. width:300px;
  1035. text-align:center;
  1036. }
  1037.  
  1038. .oi2 .iconify {
  1039. margin-bottom:8px;
  1040. box-shadow: 0 -5px rgba(218,212,198, 0) inset;
  1041. margin-right:0px;
  1042. border-radius:10px;
  1043. color:#000;
  1044. background:#c1b9a7;
  1045. padding:10px;
  1046. width:20px;
  1047. height:20px;
  1048. display:inline-block;
  1049. }
  1050.  
  1051. .oi2 a {
  1052. background:#dad4c6;
  1053. padding:4px;
  1054. border-radius:4px;
  1055. box-shadow: 0 -5px rgba(218,212,198, 0) inset;
  1056. margin-right:2px;
  1057. -webkit-transition: all 0.2s ease-in-out;
  1058. -moz-transition: all 0.2s ease-in-out;
  1059. -o-transition: all 0.2s ease-in-out;
  1060. -ms-transition: all 0.2s ease-in-out;
  1061. transition: all 0.2s ease-in-out;
  1062. }
  1063.  
  1064. .oi2 a:before {
  1065. content:'#';
  1066. font-weight:900;
  1067. margin-right:3px;
  1068. }
  1069.  
  1070. .oi2 a:hover {
  1071. background:#c1b9a7;
  1072. -webkit-transition: all 0.2s ease-in-out;
  1073. -moz-transition: all 0.2s ease-in-out;
  1074. -o-transition: all 0.2s ease-in-out;
  1075. -ms-transition: all 0.2s ease-in-out;
  1076. transition: all 0.2s ease-in-out;
  1077. }
  1078.  
  1079. .oi4 {
  1080. font-size:7px;
  1081. padding-top:10px;
  1082. font-family:montserrat;
  1083. font-weight:600;
  1084. letter-spacing:2px;
  1085. text-transform:uppercase;
  1086. margin-left:-13px;
  1087. text-align:center;
  1088. display:inline-block;
  1089. }
  1090.  
  1091. .oi4 a {
  1092. display:inline-block;
  1093. width:auto;
  1094. margin-right:2px;
  1095. display:inline;
  1096. width:auto;
  1097. margin-right:2px;
  1098. background:#dad4c7;
  1099. padding:4px;
  1100. border-radius:4px;
  1101. box-shadow: 0 -5px rgba(0,0,0, 0.00) inset;
  1102. -webkit-transition: all 0.2s ease-in-out;
  1103. -moz-transition: all 0.2s ease-in-out;
  1104. -o-transition: all 0.2s ease-in-out;
  1105. -ms-transition: all 0.2s ease-in-out;
  1106. transition: all 0.2s ease-in-out;
  1107. }
  1108.  
  1109. .oi4 a:before {
  1110. content:'#';
  1111. font-weight:900;
  1112. margin-right:3px;
  1113. }
  1114.  
  1115. .lorem3 {
  1116. position:fixed;
  1117. width:480px;
  1118. text-align:center;
  1119. line-height:100%;
  1120. color:#000;
  1121. font-family:roboto;
  1122. font-family: 'Space Mono', monospace;
  1123. text-transform:lowercase;
  1124. font-size:5px;
  1125. letter-spacing:2px;
  1126. margin-top:136px;
  1127. margin-left:-261px;
  1128. transform:rotate(-90deg);
  1129. pointer-events:none;
  1130. }
  1131.  
  1132. .liner {
  1133. position:fixed;
  1134. background:#000;
  1135. height:80px;
  1136. width:30px;
  1137. margin-left:-5px;
  1138. margin-top:180px;
  1139. mix-blend-mode:overlay;
  1140. }
  1141.  
  1142. .liner2 {
  1143. position:fixed;
  1144. background:#000;
  1145. height:80px;
  1146. width:30px;
  1147. margin-left:265px;
  1148. margin-top:170px;
  1149. mix-blend-mode:overlay;
  1150. z-index:1000000000000000000000000000;
  1151. }
  1152.  
  1153. .bleach2 {
  1154. position:fixed;
  1155. color:#000;
  1156. text-transform:uppercase;
  1157. font-size:7px;
  1158. text-align:left;
  1159. width:250px;
  1160. letter-spacing:2px;
  1161. margin-top:290px;
  1162. margin-left:39px;
  1163. z-index:999999999999999999999;
  1164. font-weight:600;
  1165. }
  1166.  
  1167. .bleach2 a {
  1168. color:#000;
  1169. -webkit-transition: all 0.2s ease-in-out;
  1170. -moz-transition: all 0.2s ease-in-out;
  1171. -o-transition: all 0.2s ease-in-out;
  1172. -ms-transition: all 0.2s ease-in-out;
  1173. transition: all 0.2s ease-in-out;
  1174. border-bottom:0px;
  1175. box-shadow: 0 -5px rgba(0,0,0, 0.00) inset;
  1176. box-shadow: 0 -5px rgba(218,212,198, 0.6) inset;
  1177. }
  1178.  
  1179. .bleach2 a:hover {
  1180. box-shadow: 0 -5px rgba(218,212,198, 1) inset;
  1181. -webkit-transition: all 0.2s ease-in-out;
  1182. -moz-transition: all 0.2s ease-in-out;
  1183. -o-transition: all 0.2s ease-in-out;
  1184. -ms-transition: all 0.2s ease-in-out;
  1185. transition: all 0.2s ease-in-out;
  1186. }
  1187.  
  1188. @font-face{ font-family:mint; src:url('https://static.tumblr.com/y3tw76x/82Joyt2hm/taken_by_vultures_alternates_demo.ttf');}
  1189. @font-face { font-family: "october"; src: url('https://dl.dropboxusercontent.com/s/mbyg0g1cianbljw/Shopping%20Script%20Demo.ttf'); format("truetype");}
  1190. @font-face{ font-family:"didoni"; src: url('https://dl.dropboxusercontent.com/s/v2faujqdedjca02/K22%20Didoni.otf’)'); }
  1191. @font-face{ font-family:jitzu; src:url('https://dl.dropboxusercontent.com/s/xevtke3dlevbvi0/JITZU-SWASH-MEDIUM.OTF');}
  1192. @font-face{ font-family:mint; src:url('https://static.tumblr.com/y3tw76x/82Joyt2hm/taken_by_vultures_alternates_demo.ttf');}
  1193. @font-face { font-family: "october"; src: url('https://dl.dropboxusercontent.com/s/mbyg0g1cianbljw/Shopping%20Script%20Demo.ttf'); format("truetype");}
  1194. @font-face{ font-family:sydney; src:url('https://dl.dropboxusercontent.com/s/4q92ilil9dqhhlq/Sydney-Regular.ttf');}
  1195. @font-face{ font-family:sydneysans; src:url('https://dl.dropboxusercontent.com/s/9tku01xi249l64o/SydneySansSerif-Regular.ttf');}
  1196. @font-face{ font-family:amstonia; src:url('https://dl.dropboxusercontent.com/s/4gfkiswm34dq3uj/Amstonia%20Signature.ttf');}
  1197. @font-face{ font-family:batters; src:url('https://dl.dropboxusercontent.com/s/lkzosjv2o5pufx5/Batters%20Alt.ttf');}
  1198. @font-face{ font-family:troye; src:url('https://dl.dropboxusercontent.com/s/eg15nkm7vtjkn52/Troye%20Serif.otf');}
  1199. @font-face{ font-family:troyesans; src:url('https://dl.dropboxusercontent.com/s/yzyziayzmuzx88s/Troye%20Sans.otf');}
  1200. @font-face{ font-family:troyescript; src:url('https://dl.dropboxusercontent.com/s/djc9z33qzix1fdi/Troye%20Script.otf');}
  1201. @font-face{ font-family:tamoro; src:url('https://dl.dropboxusercontent.com/s/4qaiyzii4jztyx2/TamoroScript_PersonalUseOnly.ttf');}
  1202. @font-face{ font-family:eloquentreg; src:url('https://dl.dropboxusercontent.com/s/53znphyyr7pdfyz/EloquentJFRegularPro.ttf');}
  1203. @font-face{ font-family:eloquentital; src:url('https://dl.dropboxusercontent.com/s/tsjp9neexkm2h4b/EloquentJFItalicPro.ttf');}
  1204. @font-face{ font-family:fern; src:url('https://dl.dropboxusercontent.com/s/3oa7xcclotoxmjx/Fern%20Whisper.otf');}
  1205. @font-face{ font-family:hermes; src:url('https://dl.dropboxusercontent.com/s/zpfs62xqpy43joz/Herrmes.ttf');}
  1206. @font-face { font-family: "coco"; src: url('https://dl.dropboxusercontent.com/s/h4xmli8klp2dub5/CerebriSans-Bold.ttf') ;}
  1207.  
  1208. .ging {
  1209. font-family:roboto;
  1210. font-family: 'Space Mono', monospace;
  1211. font-size:8px;
  1212. position:absolute;
  1213. z-index:99999999999999999999999;
  1214. margin-left:15px;
  1215. line-height:175%;
  1216. text-transform:lowercase;
  1217. color:#000;
  1218. letter-spacing:2px;
  1219. margin-top:210px;
  1220. width:140px;
  1221. text-align:justify;
  1222. font-style:normal;
  1223. font-weight:600;
  1224. -webkit-filter: grayscale(0%);
  1225. filter: grayscale(0%);
  1226. transform:rotate(0deg);
  1227.  
  1228. z-index:99999999999999999999999;
  1229. max-height:100px;
  1230. border-radius:7px;
  1231. overflow:scroll;
  1232. padding:5px;
  1233. background:rgba(248,248,248, 0);
  1234. }
  1235. .boy {
  1236. position:fixed;
  1237. width:70px;
  1238. text-align:center;
  1239. line-height:100%;
  1240. color:#000;
  1241. font-family:roboto;
  1242. text-transform:uppercase;
  1243. font-size:5px;
  1244. padding:5px;
  1245. border:1px solid #000;
  1246. letter-spacing:2px;
  1247. margin-top:95px;
  1248. margin-left:210px;
  1249. -webkit-transition: all 0.2s ease-in-out;
  1250. -moz-transition: all 0.2s ease-in-out;
  1251. -o-transition: all 0.2s ease-in-out;
  1252. -ms-transition: all 0.2s ease-in-out;
  1253. transition: all 0.2s ease-in-out;
  1254. display:none;
  1255. }
  1256.  
  1257. .boy:hover {
  1258. -webkit-transition: all 0.2s ease-in-out;
  1259. -moz-transition: all 0.2s ease-in-out;
  1260. -o-transition: all 0.2s ease-in-out;
  1261. -ms-transition: all 0.2s ease-in-out;
  1262. transition: all 0.2s ease-in-out;
  1263. }
  1264.  
  1265. .boy2 {
  1266. position:fixed;
  1267. text-align:center;
  1268. line-height:100%;
  1269. padding:5px;
  1270. padding-left:7px;
  1271. color:#000;
  1272. font-family:montserrat;
  1273. text-transform:uppercase;
  1274. font-size:6px;
  1275. border:0px solid #000;
  1276. background:#c1b9a7;
  1277. border-radius:4px;
  1278. letter-spacing:2px;
  1279. margin-top:310px;
  1280. margin-left:20px;
  1281. z-index:9999999999999999999999999999999999999999;
  1282. font-weight:600;
  1283. }
  1284.  
  1285. .boy2:hover {
  1286. -webkit-transition: all 0.2s ease-in-out;
  1287. -moz-transition: all 0.2s ease-in-out;
  1288. -o-transition: all 0.2s ease-in-out;
  1289. -ms-transition: all 0.2s ease-in-out;
  1290. transition: all 0.2s ease-in-out;
  1291. }
  1292.  
  1293. .boy2 a {
  1294. box-shadow: 0 -5px rgba(0,0,0, 0.00) inset;
  1295. }
  1296.  
  1297. .barc {
  1298. width:35px;
  1299. height:auto;
  1300. position:fixed;
  1301. transform:rotate(0deg);
  1302. margin-left:265px;
  1303. margin-top:-85px;
  1304. opacity:0.7;
  1305. pointer-events: none;
  1306. }
  1307.  
  1308. .barc img {
  1309. width:35px;
  1310. height:69px;
  1311. }
  1312.  
  1313. #boxy {
  1314. position:fixed;
  1315. margin-left:0px;
  1316. margin-top:-100px;
  1317. border:solid 0px #eeeeee;
  1318. -webkit-transition: all 0.6s ease-in-out;
  1319. -moz-transition: all 0.6s ease-in-out;
  1320. -o-transition: all 0.6s ease-in-out;
  1321. -ms-transition: all 0.6s ease-in-out;
  1322. transition: all 0.6s ease-in-out;
  1323. background:#dad4c6;
  1324. background-position:center;
  1325. padding:0px;
  1326. width:260px;
  1327. height:480px;
  1328. opacity:1;
  1329. border:0px solid #000;
  1330. z-index:1;
  1331. display:none;
  1332. }
  1333.  
  1334. #bex {
  1335. position:fixed;
  1336. margin-top:-100px;
  1337. z-index:-1;
  1338. height:260px;
  1339. width:260px;
  1340. margin-left:20px;
  1341. background:#dad4c6;
  1342. z-index:99999999999999999999999999999999999999;
  1343. pointer-events:none;
  1344. display:none;
  1345. }
  1346.  
  1347. #hun {
  1348. position:fixed;
  1349. z-index:-1;
  1350. margin-top:120px;
  1351. margin-left:30px;
  1352. transform:rotate(0deg);
  1353. width:70px;
  1354. height:70px;
  1355. border-radius:100%;
  1356. background:#f8f8f8;
  1357. z-index:1000000000000000000;
  1358. background-position:center;
  1359. filter:grayscale(100%);
  1360. overflow:hidden;
  1361. display:none;
  1362. }
  1363.  
  1364. #hun2 {
  1365. position:fixed;
  1366. z-index:-1;
  1367. margin-top:100px;
  1368. margin-left:30px;
  1369. transform:rotate(0deg);
  1370. width:200px;
  1371. height:250px;
  1372. border-radius:10px;
  1373. background:#f8f8f8;
  1374. z-index:1000000000000000000;
  1375. background-position:center;
  1376. filter:grayscale(100%);
  1377. display:none;
  1378. }
  1379.  
  1380. #hun img {
  1381. position:fixed;
  1382. width:160px;
  1383. height:170px;
  1384. margin-left:20px;
  1385. margin-top:20px;
  1386. border-radius:0%;
  1387. border:0px solid #eeeeee;
  1388. z-index:99999999999999999999;
  1389. background:#000;
  1390.  
  1391. filter:grayscale(100%);
  1392.  
  1393. z-index:1000000000000000000000000000000000000000000;
  1394. }
  1395.  
  1396. .boxb {
  1397. height:480px;
  1398. width:370px;
  1399. position:fixed;
  1400. margin-left:-53px;
  1401. background:;
  1402. background-image:url('');
  1403. margin-top:-100px;
  1404. z-index:-99999999999999999;
  1405. }
  1406.  
  1407. .sideb {
  1408. position:fixed;
  1409. width:370px;
  1410. height:482px;
  1411. background:
  1412. margin-left:-30px;
  1413. margin-top:-80px;
  1414. z-index:-99999999999999999999999999999999;
  1415. background-image:url('');
  1416. display:none;
  1417. }
  1418.  
  1419. /*POST INFO*/
  1420.  
  1421. #info {
  1422. width:283px;
  1423.  
  1424. margin-top:0px;
  1425. padding:0px;
  1426. padding-bottom:0px;
  1427. text-align:left;
  1428. text-transform:uppercase;
  1429. font-size:calc( - 1px);
  1430. font-size:8px;
  1431. letter-spacing:2px;
  1432. color:#f3f3f3;
  1433. font-weight:normal;
  1434. font-family: 'Space Mono', monospace;
  1435. padding:0px;
  1436. background-image:url('https://assets.tumblr.com/images/x.gif?v=1');
  1437. border-bottom:0px solid #eeeeee;
  1438. margin-top:0px;
  1439. padding:10px;
  1440. padding-top:5px;
  1441. }
  1442.  
  1443. #info a{
  1444. border-bottom:0px solid #eeeeee;
  1445. box-shadow: 0 -5px rgba(0,0,0, 0.00) inset;
  1446. }
  1447.  
  1448. #info a:hover {
  1449. color:#000;
  1450. }
  1451.  
  1452. .dt {
  1453. display:inline;
  1454. letter-spacing:2px;
  1455. color:#000;
  1456. margin-top:0px;
  1457. float:right;
  1458. }
  1459.  
  1460. .dt a {
  1461. color:#000;
  1462. font-size:7px;
  1463. }
  1464.  
  1465. #info2 {
  1466. width:280px;
  1467.  
  1468. margin-top:10px;
  1469. padding:10px;
  1470. padding-bottom:0px;
  1471. border-top:1px solid rgba(255,255,255,0.04);
  1472. text-align:left;
  1473. text-transform:uppercase;
  1474. font-size:7px;
  1475. letter-spacing:2px;
  1476. color:#000;
  1477. font-weight:normal;
  1478. }
  1479.  
  1480. #info2 a{
  1481. color:#000;
  1482. }
  1483.  
  1484. #info2 a:hover {
  1485. color:#000;
  1486. }
  1487.  
  1488. .tags {
  1489. text-align:center;
  1490. letter-spacing:0px;
  1491. font-size:9px;
  1492. font-style:normal;
  1493. letter-spacing:1px;
  1494. line-height:250%;
  1495. display:inline;
  1496. text-transform:none;
  1497. }
  1498.  
  1499. .tags a {
  1500. margin:0px 0px 0px 0px;
  1501. font-weight:normal;
  1502. margin-right:4px;
  1503. border-top:1px solid #eeeeee;
  1504. padding-top:3px;
  1505. color:#000;
  1506. border-bottom:0px solid #eeeeee;
  1507. box-shadow: 0 -5px rgba(0,0,0, 0.00) inset;
  1508. font-size:9px;
  1509. }
  1510.  
  1511. .tags a:hover {
  1512. font-style:normal;
  1513. }
  1514.  
  1515. /*AUDIO*/
  1516.  
  1517. .audio {
  1518. height:60px;
  1519. padding:5px;
  1520. margin-bottom:10px;
  1521. margin-top:10px;
  1522. border-left:0px solid #000;
  1523. border-bottom:0px solid #eeeeee;
  1524. border-radius:0px;
  1525. padding-top:7px;
  1526. background:#dad4c6;
  1527. }
  1528. .audio-album {
  1529. position:absolute;
  1530. width:60px;
  1531. }
  1532.  
  1533. .player {
  1534. opacity:1;
  1535. opacity:100%;
  1536. border:10px solid #f8f8f8;
  1537. border-radius:4px;
  1538. width:25px;
  1539. height:24px;
  1540. overflow:hidden;
  1541. padding-right:7px;
  1542. padding-bottom:3px;
  1543. position:absolute;
  1544. z-index:2;
  1545. margin-left:10px;
  1546. margin-top:6px;
  1547. }
  1548.  
  1549. .audio-info {
  1550. margin-top:2px;
  1551. position:relative;
  1552. margin-left:70px;
  1553. padding:12px;
  1554. padding-top:14px;
  1555. text-transform:lowercase;
  1556. text-align:right;
  1557. line-height:150%;
  1558. color:#f8f8f8;
  1559. font-family:montserrat;
  1560. font-size:9px;
  1561. }
  1562.  
  1563. .audio-info b {
  1564. color:#f8f8f8;
  1565. }
  1566.  
  1567. .audio-info tn {
  1568. font-weight:800;
  1569. font-size:13px;
  1570. letter-spacing:0px;
  1571. }
  1572.  
  1573. .audio-info ta {
  1574. text-transform:lowercase;
  1575. font-size:10px;
  1576. letter-spacing:1px;
  1577. font-weight:300;
  1578. color:#f8f8f8;
  1579. font-family:montserrat;
  1580. font-style:italic;
  1581. }
  1582.  
  1583. /*QUESTION*/
  1584.  
  1585. #faq {
  1586. font-size:10px;
  1587. letter-spacing:1px;
  1588. color:#000;
  1589. text-align:left;
  1590. column-count: 3;
  1591. column-fill: auto;
  1592. }
  1593.  
  1594. .faqq {
  1595. }
  1596.  
  1597. .faqa {
  1598. padding:10px;
  1599. margin-top:10px;
  1600. border-left:1px solid #eeeeee;
  1601. }
  1602.  
  1603. /*PAGINATION*/
  1604.  
  1605. #pagination2{
  1606. position:fixed;
  1607. width:531px;
  1608. background-color:#000;
  1609. color:#000;
  1610. border:1px solid #eeeeee;
  1611. margin-top:130px;
  1612. margin-left:480px;
  1613. font-weight:bold;
  1614. font-family:calibri;
  1615. padding:4px;
  1616. padding-top:16px;
  1617. padding-bottom:14px;
  1618. padding-right:10px;
  1619. font-size:10px;
  1620. text-align:left;
  1621. padding-left:10px;
  1622. text-transform:uppercase;
  1623. letter-spacing:2px;
  1624. box-shadow:0px 0px 0px #222;
  1625. border-top-left-radius:0px;
  1626. border-top-right-radius:0px;
  1627. }
  1628.  
  1629. #pagination2 img {
  1630. position:fixed;
  1631. margin-left:-47px;
  1632. margin-top:-9px;
  1633. border:1px solid #eeeeee;
  1634. border-radius:100%;
  1635. -webkit-filter: grayscale(100%);
  1636. -webkit-transition: all 0.6s ease-in-out;
  1637. -moz-transition: all 0.6s ease-in-out;
  1638. -o-transition: all 0.6s ease-in-out;
  1639. -ms-transition: all 0.6s ease-in-out;
  1640. transition: all 0.6s ease-in-out;
  1641. }
  1642.  
  1643. #pagination2 img:hover {
  1644. -webkit-filter: grayscale(0%);
  1645. -webkit-transition: all 0.6s ease-in-out;
  1646. -moz-transition: all 0.6s ease-in-out;
  1647. -o-transition: all 0.6s ease-in-out;
  1648. -ms-transition: all 0.6s ease-in-out;
  1649. transition: all 0.6s ease-in-out;
  1650. }
  1651.  
  1652. #pagination2 a{
  1653. color:;
  1654. background-color:transparent;
  1655. display:inline;
  1656. padding-right:3px;
  1657. margin-left:8px;
  1658. }
  1659.  
  1660. .mint {
  1661. position:fixed;
  1662. text-transform:uppercase;
  1663. width:120px;
  1664. height:50px;
  1665. padding-left:6px;
  1666. padding-right:4px;
  1667. padding-top:5px;
  1668. padding-bottom:0px;
  1669. font-size:18px;
  1670. text-align:center;
  1671. bottom:-20px;
  1672. right:5px;
  1673. text-align:right;
  1674. color:#000;
  1675. letter-spacing:1px;
  1676. border-radius:100%;
  1677. border-bottom:0px solid #eeeeee;
  1678. border-radius:0px;
  1679. -webkit-transition: all 0.6s ease-in-out;
  1680. -moz-transition: all 0.6s ease-in-out;
  1681. -o-transition: all 0.6s ease-in-out;
  1682. -ms-transition: all 0.6s ease-in-out;
  1683. transition: all 0.6s ease-in-out;
  1684. }
  1685.  
  1686. .mint a {
  1687. padding-top:0px;
  1688. padding-left:3px;
  1689. padding-right:3px;
  1690. }
  1691.  
  1692. .tabnav {
  1693. display:inline-block;
  1694. position:fixed;
  1695. width:20px;
  1696. height:200px;
  1697. line-height:200%;
  1698. margin-right:4px;
  1699. margin-top:-141px;
  1700. margin-left:126.5px;
  1701. }
  1702.  
  1703. .tabnav a {
  1704. width:16px;
  1705. height:17px;
  1706. padding:3px;
  1707. padding-top:5px;
  1708. padding-bottom:0px;
  1709. box-align:center;
  1710. text-align:center;
  1711. font-size:12px;
  1712. margin-bottom:12px;
  1713. border-radius:0px;
  1714. display:inline-block;
  1715. transition:.7s;
  1716. -webkit-transition:.7s;
  1717. -moz-transition:.7s;
  1718. }
  1719.  
  1720. .tabnav a:hover {
  1721. color: #000;
  1722. transition:.7s;
  1723. -webkit-transition:.7s;
  1724. -moz-transition:.7s;
  1725. }
  1726.  
  1727. .tabtext span {
  1728. background:#f3f3f3;
  1729. padding:3px;
  1730. border-radius:3px;
  1731. text-transform:uppercase;
  1732. font-size:7px;
  1733. letter-spacing:1px;
  1734. }
  1735.  
  1736. .tabimg img {
  1737.  
  1738. transition:.7s;
  1739. -webkit-transition:.7s;
  1740. -moz-transition:.7s;
  1741.  
  1742. filter:grayscale(100%);
  1743.  
  1744. }
  1745.  
  1746. .tabimg img:hover {
  1747.  
  1748. filter:grayscale(0%);
  1749.  
  1750. filter:grayscale(25%);
  1751.  
  1752. transition:.7s;
  1753. -webkit-transition:.7s;
  1754. -moz-transition:.7s;
  1755. }
  1756.  
  1757. .tabtitle {
  1758. text-align:center;
  1759. padding:30px;
  1760. padding-top:45px;
  1761. font-family:stylish;
  1762. margin-top:15px;
  1763. font-size:60px;
  1764. border-top:1px solid #eeeeee;
  1765. border-bottom:1px solid #eeeeee;
  1766. background:;
  1767. border-radius:0px;
  1768. line-height:10%;
  1769. position:relative;
  1770. z-index:-1;
  1771. height:35px;
  1772. transition:.7s;
  1773. -webkit-transition:.7s;
  1774. -moz-transition:.7s;
  1775. }
  1776.  
  1777. .tabtitle:hover {
  1778. letter-spacing:1px;
  1779. transition:.7s;
  1780. -webkit-transition:.7s;
  1781. -moz-transition:.7s;
  1782. }
  1783.  
  1784. .tabtitle span {
  1785. font-family: 'Karla', sans-serif;
  1786. font-size:7px;
  1787. text-transform:uppercase;
  1788. letter-spacing:2px;
  1789. background:#f3f3f3;
  1790. padding:3px;
  1791. border-radius:3px;
  1792. position:relative;
  1793. z-index:-1;
  1794. transition:.7s;
  1795. -webkit-transition:.7s;
  1796. -moz-transition:.7s;
  1797. opacity:0.1;
  1798. filter: invert(100%);
  1799. color:#fff;
  1800. transition:.7s;
  1801. -webkit-transition:.7s;
  1802. -moz-transition:.7s;
  1803. }
  1804.  
  1805. .tabtitle:hover span {
  1806. letter-spacing:2px;
  1807. opacity:0.1;
  1808. filter: invert(100%);
  1809. color:#fff;
  1810. transition:.7s;
  1811. -webkit-transition:.7s;
  1812. -moz-transition:.7s;
  1813. }
  1814.  
  1815. .askq {
  1816. width:270px;
  1817. margin-top:10px;
  1818. text-align:justify;
  1819. line-height:300%;
  1820. }
  1821.  
  1822. .askq cute {
  1823. text-transform:uppercase;
  1824. font-size:7px;
  1825. letter-spacing:1px;
  1826. padding:5px;
  1827. width:290px;
  1828. background:rgba(255,255,255,0.03);
  1829. margin-right:5px;
  1830. border-radius:2px;
  1831. }
  1832.  
  1833. .askq span {
  1834. font-size:11px;
  1835. margin-right:5px;
  1836. }
  1837.  
  1838. .mtit {
  1839. font-family: 'Abril Fatface', cursive;
  1840. transform:rotate(0deg);
  1841. text-align:center;
  1842. font-size:25px;
  1843. font-weight:900;
  1844. margin-top:10px;
  1845. margin-bottom:15px;
  1846. color:#000;
  1847. }
  1848.  
  1849. .mtitcute {
  1850. margin-top:10px;
  1851. background:rgba(, 0.025);
  1852. padding:3px;
  1853. border-radius:4px;
  1854. font-family:'Quicksand', sans-serif;
  1855. font-size:7px;
  1856. letter-spacing:3px;
  1857. text-transform:uppercase;
  1858. text-align:center;
  1859. color:#000;
  1860. width:80%;
  1861. transform:rotate(0deg);
  1862. margin:0 auto;
  1863. }
  1864.  
  1865. .mtitcute2 {
  1866. margin-top:5px;
  1867. background:rgba(, 0.025);
  1868. padding:3px;
  1869. border-radius:4px;
  1870. font-family:'Quicksand', sans-serif;
  1871. font-size:7px;
  1872. letter-spacing:3px;
  1873. text-transform:uppercase;
  1874. text-align:center;
  1875. color:#000;
  1876. transform:rotate(-2deg);
  1877. margin:0 auto;
  1878. width:125px;
  1879. margin-bottom:20px;
  1880. margin-left:0px;
  1881. }
  1882.  
  1883. #muses {
  1884. box-align:center;
  1885. width:280px;
  1886.  
  1887. margin-top:10px;
  1888. margin-left:8px;
  1889. padding-top:15px;
  1890. max-height:322px;
  1891. overflow-y:auto;
  1892. }
  1893.  
  1894. .mbox {
  1895. width:130px;
  1896. height:100px;
  1897. display:inline-block;
  1898. margin-bottom:0px;
  1899. }
  1900.  
  1901. #muses img {
  1902. width:130px;
  1903. height:58px;
  1904. opacity:0.9;
  1905. border-radius:0px;
  1906. margin-right:3px;
  1907. margin-bottom:8px;
  1908.  
  1909.  
  1910. -webkit-filter: grayscale(100%);
  1911.  
  1912. -webkit-transition: all 0.3s ease-in-out;
  1913. -moz-transition: all 0.3s ease-in-out;
  1914. -o-transition: all 0.3s ease-in-out;
  1915. -ms-transition: all 0.3s ease-in-out;
  1916. transition: all 0.3s ease-in-out;
  1917. }
  1918.  
  1919. #muses img:hover {
  1920. -webkit-filter: grayscale(0%);
  1921.  
  1922. -webkit-filter: grayscale(100%);
  1923.  
  1924. transform:scale(0.98) rotate(0deg);
  1925. -webkit-transition: all 0.3s ease-in-out;
  1926. -moz-transition: all 0.3s ease-in-out;
  1927. -o-transition: all 0.3s ease-in-out;
  1928. -ms-transition: all 0.3s ease-in-out;
  1929. transition: all 0.3s ease-in-out;
  1930. }
  1931.  
  1932. .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;}
  1933. .musebox img { z-index:9999;position:relative;margin-top:15px;opacity:1; margin-right:-10px; margin-left:-10px; }
  1934. .musebox a{ margin-bottom:0px; padding:1px; }
  1935. .musebox:hover .mname { opacity:1; transition:0.5s; }
  1936. .musebox i { color:#555; border:1px solid #050505; padding:4px; width:10px; border-radius:5px; background:#050505;
  1937. -webkit-transition: all 0.7s linear;
  1938. -moz-transition: all 0.7s linear;
  1939. transition: all 0.7s linear; }
  1940. .musebox a:hover i {
  1941. background:; color:#aaa;
  1942. -webkit-transition: all 0.7s linear;
  1943. -moz-transition: all 0.7s linear;
  1944. transition: all 0.7s linear;
  1945. }
  1946.  
  1947. .musename {
  1948. font-family: 'Abril Fatface', cursive;
  1949. transform:rotate(0deg);
  1950. text-align:center;
  1951. font-size:35px;
  1952. margin-top:15px;
  1953. margin-bottom:10px;
  1954. color:#000;
  1955. }
  1956.  
  1957. .musesubtitle {
  1958. margin-top:10px;
  1959. background:rgba(, 0.015);
  1960. padding:3px;
  1961. border-radius:0px;
  1962. font-family:'Quicksand', sans-serif;
  1963. font-size:7px;
  1964. letter-spacing:3px;
  1965. text-transform:uppercase;
  1966. text-align:center;
  1967. color:#000;
  1968. transform:rotate(0deg);
  1969. margin-left:0px;
  1970. }
  1971.  
  1972. .spot1 {
  1973. width:115px;
  1974. margin-top:30px;
  1975. line-height:200%;
  1976. padding-right:13px;
  1977. margin-left:3px;
  1978. border-right:0px solid #eeeeee;
  1979. }
  1980.  
  1981. .songtit {
  1982. font-family:'Abril Fatface', cursive;
  1983. font-size:12px;
  1984. letter-spacing:0px;
  1985. }
  1986.  
  1987. .songart {
  1988. text-transform:uppercase;
  1989. font-size:7px;
  1990. }
  1991.  
  1992. .museq {
  1993. position:absolute;
  1994. font-size:95px;
  1995. opacity:0.3;
  1996. font-family:georgia;
  1997. margin-left:215px;
  1998. margin-top:10px;
  1999. }
  2000.  
  2001. .musequote {
  2002. position:absolute;
  2003. width:130px;
  2004. text-align:right;
  2005. margin-top:-65px;
  2006. margin-left:127px;
  2007. height:60px;
  2008. overflow-y:scroll;
  2009. text-transform:uppercase;
  2010. font-size:7px;
  2011. }
  2012.  
  2013. .musestats {
  2014. margin-top:10px;
  2015. font-size:7px;
  2016. text-transform:uppercase;
  2017. width:125px;
  2018. border-top:0px solid #eeeeee;
  2019. padding:10px;
  2020. padding-left:0px;
  2021. padding-top:15px;
  2022. text-align:left;
  2023. line-height:270%;
  2024. margin-left:3px;
  2025. }
  2026.  
  2027. .musestats cute {
  2028. padding:2px;
  2029. border-radius:3px;
  2030. background:#000;
  2031. color:#000;
  2032. margin-right:5px;
  2033. }
  2034.  
  2035. .muselinks {
  2036. position:absolute;
  2037. margin-left:155px;
  2038. margin-top:-78px;
  2039. line-height:405%;
  2040. }
  2041.  
  2042. .muselinks .sf {
  2043. color:#f0f0f0;
  2044. background:#000;
  2045. padding:7px;
  2046. padding-bottom:4px;
  2047. padding-top:8px;
  2048. font-size:13px;
  2049. margin-right:3px;
  2050. }
  2051.  
  2052.  
  2053. .mbg {
  2054. padding:3px;
  2055. border-top-left-radius:5px;
  2056. border-top-right-radius:5px;
  2057. background:#000;
  2058. opacity:0.5;
  2059. color:#000;
  2060. letter-spacing:2px;
  2061. text-transform:uppercase;
  2062. font-size:7px;
  2063. text-shadow:0px 0px 0px #111;
  2064. position:relative;
  2065. z-index:9;
  2066. padding-left:6px;
  2067. padding-right:6px;
  2068. font-family: 'Quicksand', sans-serif;
  2069. font-weight:normal;
  2070. }
  2071.  
  2072. .mdesc {
  2073. margin-top:-2px;
  2074. border-bottom-left-radius:10px;
  2075. border-bottom-right-radius: 10px;
  2076. width:88px;
  2077. padding:5px;
  2078. border:1px solid #111;
  2079. margin-left:5px;
  2080. }
  2081.  
  2082. .mname1 {
  2083. margin-left:0px;
  2084. margin-top:-30px;
  2085. font-family:kino;
  2086. font-weight:00;
  2087. text-transform:lowercase;
  2088. width:110px;
  2089. padding-top:10px;
  2090. padding-bottom:5px;
  2091. border-radius:10px;
  2092. line-height:120%;
  2093. color:;
  2094. font-size:22px;
  2095. text-align:center;
  2096. text-shadow:2px 2px 0px #151515;
  2097. }
  2098.  
  2099. ul {
  2100. margin-left:-20px;
  2101. text-align:left;
  2102. }
  2103.  
  2104. li {
  2105. padding-left: 0px;
  2106. list-style: none;
  2107. }
  2108.  
  2109. li:before {
  2110. margin-left: -10px;
  2111. width: 16px;
  2112. color: #000;
  2113. content: "\e12b";
  2114. font-family:'saturnicons';
  2115. font-size:6px;
  2116. font-weight:300;
  2117. color:#dad4c6;
  2118. display: inline-block;
  2119. }
  2120.  
  2121. ul li {
  2122. width:95%;
  2123. text-align:justify;
  2124. list-style-type: none;
  2125. }
  2126.  
  2127. #question { margin:0px; padding:12px; padding-left:5px; padding-right:5px; text-align:right; border-radius:0px; border-bottom:1px solid #eeeeee; border-top:1px solid #eeeeee; background:rgba(243,243,243, 0); margin-top:5px; }
  2128. .asker a { font-size:16px; color:; padding-right:0px; letter-spacing:0px; border-radius:0px; font-weight:700; }
  2129. .asker { font-size:16px; color:; padding-right:0px; letter-spacing:0px; border-radius:0px; margin-bottom:5px; font-weight:700; text-transform:lowercase; }
  2130.  
  2131. #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; }
  2132. #audioplayer:hover { opacity:1; -webkit-transition:0.5s; }
  2133. #audioart { float:left; margin-top:-9px; margin-left:0px; padding-right:10px; }
  2134. #audioart img { border:6px solid #eeeeee; width:50px; border-radius:0px; }
  2135. #audioinfo { background:;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; }
  2136. .notes { text-align:left; margin-top:0px; }
  2137. .notes img { margin-right:2px; width:10px; border-radius:100px; }
  2138. ol.notes, .notes li { width:300px; list-style:none; margin:3px; margin-left:8px; padding:0px; }
  2139. .notes li a { font-weight:bold; color:; text-transform:uppercase; font-size:7px; letter-spacing:1px; }
  2140. .notes li {
  2141. margin-left:-15px;
  2142. }
  2143. .notes li:before { content:''; }
  2144.  
  2145. #tags {text-align:left; font-size:10px; padding-left:0px; padding-top:7px; line-height:10px; font-family: 'Karla', sans-serif; border-right:0px solid #d3d3d3; margin-left:5px; margin-bottom:-5px; margin-top:-7px; word-spacing:0px;}
  2146. #tags a { padding:0px; border-bottom:none; color:#000; text-shadow:none; text-transform:uppercase; letter-spacing:1px; font-size:10px;}
  2147. #tags i { color:#000; }
  2148.  
  2149. .answer span,.convo li { width:95%; border-radius:0em; clear:both; list-style-type:none; line-height:170%; padding-left:7px; padding-right:7px; text-align:left; }
  2150.  
  2151.  
  2152. .answer .them,.user_1,.user_3,.user_5,.user_7,.user_9,.user_11,.user_13 { background:rgba(243,243,243, 0.2); border-radius:0px; line-height:100%;}
  2153. .answer .them,.user_2,.user_4,.user_6,.user_8,.user_10,.user_12,.user_14 { background:rgba(243,243,243, 1); border-radius:0px; line-height:100%; }
  2154.  
  2155. .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 #f3f3f3; }
  2156. .convo { overflow:hidden; list-style-type:none; padding:0px; margin-top:-13px; list-style-type:none; margin-bottom:0px; line-height:100%; }
  2157.  
  2158. .musebox img { -webkit-filter:grayscale(100%);
  2159. -webkit-transition: all 0.8s linear; -moz-transition: all 0.8s linear; transition: all 0.8s linear;}
  2160.  
  2161. .musebox img:hover {
  2162. -webkit-filter:grayscale(100%);
  2163.  
  2164. -webkit-transition: all 0.8s linear; -moz-transition: all 0.8s linear; transition: all 0.8s linear;}
  2165.  
  2166. #sec img { -webkit-filter:grayscale();
  2167. -webkit-transition: all 0.8s linear; -moz-transition: all 0.8s linear; transition: all 0.8s linear;}
  2168.  
  2169. #sec img:hover { -webkit-filter:grayscale(0%); -webkit-transition: all 0.8s linear; -moz-transition: all 0.8s linear; transition: all 0.8s linear;}
  2170.  
  2171. #posts img { -webkit-filter:grayscale();
  2172. -webkit-transition: all 0.8s linear; -moz-transition: all 0.8s linear; transition: all 0.8s linear; border-radius:0px; }
  2173.  
  2174. iframe { border-radius:0px; }
  2175.  
  2176. #posts img:hover { -webkit-filter:grayscale(0%); -webkit-transition: all 0.8s linear; -moz-transition: all 0.8s linear; transition: all 0.8s linear; }
  2177.  
  2178. .linkos {
  2179. display:block;
  2180. margin-top:70px;
  2181. }
  2182.  
  2183. .linkos a {
  2184. display:block;
  2185. width:80px;
  2186. }
  2187.  
  2188. #admins { position:absolute; height:127px; width:182px; padding:10px;padding-top:3px;padding-bottom:13px;border-radius:0px; line-height:100%; text-align:center; text-transform:uppercase; font-size:6.5px; letter-spacing:2px;
  2189.  
  2190. margin-left:-20px; margin-top:70px; border:0px solid #000; border-radius:0px; width:400px; height:127px; background:#f8f8f8;
  2191.  
  2192. filter:grayscale(100%);
  2193.  
  2194. -webkit-transition: all 0.8s linear; -moz-transition: all 0.8s linear; transition: all 0.8s linear;
  2195. border-top-right-radius:0px;
  2196. border-bottom-right-radius:0px;
  2197.  
  2198. background:url(''); height:291px; width:130px; background-position:bottom; }
  2199.  
  2200. #admins:hover {
  2201. filter:grayscale(100%);
  2202.  
  2203. filter:grayscale(100%);
  2204.  
  2205. }
  2206.  
  2207. #admins img:hover {
  2208. filter:grayscale(100%);
  2209.  
  2210. filter:grayscale(100%);
  2211.  
  2212. -webkit-transition: all 0.8s linear; -moz-transition: all 0.8s linear; transition: all 0.8s linear;
  2213. }
  2214. #admins cute {
  2215. padding:5px;
  2216.  
  2217.  
  2218. text-align:center;
  2219. padding-left:17px;
  2220. padding-right:17px;
  2221. }
  2222.  
  2223. #admins cute2 {
  2224. padding:5px;
  2225.  
  2226.  
  2227. text-align:center;
  2228. padding-left:17px;
  2229. padding-right:17px;
  2230. margin-left:50px;
  2231. }
  2232.  
  2233. #admins .sf {
  2234. position:absolute;
  2235. font-size:13px;
  2236. margin-top:7px;
  2237. margin-left:10px;
  2238. }
  2239.  
  2240. #admins svg {
  2241. position:absolute;
  2242. font-size:13px;
  2243. margin-top:-62px;
  2244. margin-left:10px;
  2245. fill:white;
  2246. width:13px;
  2247. }
  2248.  
  2249. #admins cuter {
  2250. position:absolute;
  2251. margin-left:15px;
  2252. margin-top:0px;
  2253. width:60px;
  2254. height:60px;
  2255. }
  2256.  
  2257. .nicon {
  2258. position:fixed;
  2259. width:60px;
  2260. height:60px;
  2261. margin-top:150px;
  2262. margin-left:270px;
  2263. padding:7px;
  2264. border:0px solid #eeeeee;
  2265. display:none;
  2266. }
  2267.  
  2268. .nicon img {
  2269.  
  2270. filter:grayscale(100%);
  2271.  
  2272. width:60px;
  2273. height:60px;
  2274. border-bottom:5px solid rgba( 0,0,0, 0.8 );
  2275. padding-bottom:10px;
  2276. display:none;
  2277. }
  2278.  
  2279. .niconborder {
  2280. width:60px;
  2281. height:70px;
  2282. background:rgba(, 0.025);
  2283. position:fixed;
  2284. margin-top:160px;
  2285. margin-left:260px;
  2286. z-index:-1;
  2287. display:none;
  2288. }
  2289.  
  2290. .ego {
  2291. position:absolute;
  2292. font-family:troye;
  2293. font-size:55px;
  2294. line-height:35px;
  2295. right:20px;
  2296. color:#000;
  2297. background:#f3f3f3;
  2298. z-index:999999999999999999999999999999;
  2299. background:transparent;
  2300. text-align:right;
  2301. margin-top:125px;
  2302. background:#f8f8f8;
  2303. line-height:50%;
  2304. padding:15px;
  2305. max-width:250px;
  2306. padding-bottom:20px;
  2307. border-bottom:10px solid #000;
  2308. text-align:center;
  2309. }
  2310.  
  2311. .olivia {
  2312. opacity:0.8;
  2313. text-transform:uppercase;
  2314. font-family:'Quicksand';
  2315. font-size:6.5px;
  2316. letter-spacing:1px;
  2317. margin-left:135px;
  2318. width:105px;
  2319. height:107px;
  2320. }
  2321.  
  2322. .loona {
  2323. text-align:left;
  2324. border-radius:0px;
  2325. text-transform:lowercase;
  2326. font-size:10px;
  2327. position:fixed;
  2328. margin-top:-20px;
  2329. text-align:left;
  2330. color:#000;
  2331. margin-left:10px;
  2332. display:none;
  2333. }
  2334.  
  2335. .loona2 {
  2336. position:fixed;
  2337. width:180px;
  2338. margin-top:205px;
  2339. margin-left:140px;
  2340. max-height:140px;
  2341. overflow-y:scroll;
  2342. text-transform:uppercase;
  2343. font-size:10px;
  2344. letter-spacing:0.5px;
  2345. opacity:1;
  2346. z-index:10000000000000000000000000000000;
  2347. line-height:21px;
  2348. font-family: 'ABeeZee', sans-serif;
  2349. letter-spacing:1.5px;
  2350. opacity:0.8;
  2351. font-size:6.5px;
  2352. }
  2353.  
  2354. .loona big {
  2355. font-size:16px;
  2356. letter-spacing:0px;
  2357. margin-right:4px;
  2358. }
  2359.  
  2360. .bq { padding-left:10px;margin-left:-80px; width:100px;}
  2361. .bee { margin-top:60px; width:160px; margin-left:100px; padding-left:5px; padding-right:5px; padding-bottom:5px; border-radius:0px; display:inline-block; }
  2362.  
  2363. .bee .sf { padding:0px;color:#000; text-align:left; font-size:14px; background:transparent; color:#555;margin-top:-6px; float:left; margin-left:-30px; border-top-left-radius:3px;border-bottom-left-radius:3px;height:7px; border-radius:10%; border-top-right-radius:0px; border-bottom-right-radius:0px; border-bottom-left-radius:0px; border-top-left-radius:0px; -webkit-transition: all 0.4s linear; background:transparent; color:;
  2364. -moz-transition: all 0.4s linear;
  2365. transition: all 0.4s linear;
  2366. border-radius:100px;
  2367. height:20px;
  2368. padding:10px;
  2369. padding-right:8.5px;
  2370. padding-left:11.5px;
  2371. padding-bottom:8.5px;
  2372. padding-top:11.5px;
  2373. width:20px;
  2374. margin-bottom:25px;
  2375. line-height:5px;
  2376. border-radius:0%;}
  2377.  
  2378. .nyoong {
  2379. transform: rotate(-90deg);
  2380. position:absolute;
  2381. height:255px;
  2382. text-align:center;
  2383. width:260px;
  2384. margin-left:0px;
  2385. letter-spacing:2px;
  2386. margin-top:15px;
  2387. }
  2388.  
  2389. .olivia {
  2390. opacity:0.4;
  2391. text-transform:uppercase;
  2392. font-family:'Quicksand';
  2393. font-size:6.5px;
  2394. letter-spacing:1px;
  2395. margin-left:135px;
  2396. margin-top:20px;
  2397. width:195px;
  2398. height:87px;
  2399. }
  2400.  
  2401. .bq { padding-left:10px;margin-left:-80px; width:100px;}
  2402.  
  2403. #bo { margin-left:-210px; padding:10px; height:52px; width:195px; overflow:auto; padding:10px;padding-top:3px;padding-bottom:13px;background:#0a0a0a; border-radius:0px; line-height:170%; margin-top:5px;}
  2404. #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;}
  2405. #updates { position:absolute; top:15px; right:14px; width:78px; height:160px; background:#ebebeb; font-family:'work sans'; line-height:12px; overflow:auto; }
  2406. .uptitle { text-align:center; text-transform:lowercase; font-family:kino; font-size:30px; padding-bottom:3px; }
  2407. #updates h3 { background:#000; padding:4px; text-align:center; text-transform:uppercase; font-family: 'Karla', sans-serif; font-size:10px; letter-spacing:1px; color:#fff;font-weight:normal; }
  2408. h3 { background:#000; padding:4px; text-align:center; text-transform:uppercase; font-family: 'Karla', sans-serif; font-size:10px; letter-spacing:1px; color:#fff;font-weight:normal; }
  2409.  
  2410. #boy span {
  2411. border:1px solid #111;
  2412. background:#aaa;
  2413. color:#000;
  2414. border-radius:100%;
  2415. height:18px;
  2416. padding:10px;
  2417. width:18px;
  2418. margin-bottom:15px;
  2419. line-height:10px;
  2420. display:block;
  2421. }
  2422.  
  2423. #s-m-t-tooltip {
  2424. z-index: 9999;
  2425. background:rgba(0,0,0, 1);
  2426. font-size: 9px;
  2427. line-height: 13px;
  2428. letter-spacing: 1.5px;
  2429. text-transform:uppercase;
  2430. font-size:7px;
  2431. border:solid 0px #eeeeee;
  2432. border-radius:0px;
  2433. -o-transition: all 0.3s ease-out;
  2434. -webkit-transition: all 0.3s ease-out;
  2435. -moz-transition: all 0.3s ease-out;
  2436. text-transform: normal;
  2437. max-width:110px;
  2438. color:#f8f8f8;
  2439. word-wrap: break-word;
  2440. padding: 1px 4px 1px 4px;
  2441. display: block;
  2442. margin: 0px 15px;
  2443. text-transform:lowercase;
  2444. text-align:left;
  2445. border-bottom:3px solid #dad4c6;
  2446. font-size:7px;
  2447. letter-spacing:2px;
  2448. text-align:center;
  2449. max-width:90px;
  2450. z-index:9999999999999999999999999999999999999;
  2451. }
  2452.  
  2453. ::selection {
  2454. background: #dad4c6; /* WebKit/Blink Browsers */
  2455. }
  2456. ::-moz-selection {
  2457. background: #dad4c6; /* Gecko Browsers */
  2458. }
  2459.  
  2460. .popup_block {
  2461. background:rgba(248,248,248,1);
  2462. border-radius:0px;
  2463. border:0px solid #eeeeee;
  2464. /*don’t change anything below here*/
  2465. display: none;
  2466. position: fixed;
  2467. top: 57%; left:38%;
  2468. z-index: 99999999;
  2469. max-height:70vh;
  2470. overflow:auto;
  2471. -webkit-animation: zoom 0.5s;
  2472. -moz-animation: zoom 0.5s;
  2473. -ms-animation: zoom 0.5s;
  2474. -o-animation: zoom 0.5s;
  2475. animation: zoom 0.5s;
  2476. z-index:9999999999999999999999999999999999999;
  2477. padding:20px;
  2478. height:275px;
  2479. }
  2480. *html .popup_block {
  2481. position: absolute;
  2482. z-index:9999999999999999999999999999999999999;
  2483. }
  2484.  
  2485. #navt {
  2486. position:absolute;
  2487. font-size:60px;
  2488. text-align:center;
  2489. word-spacing:-0px;
  2490. letter-spacing:1px;
  2491. width:300px;
  2492. text-transform:lowercase;
  2493. font-family:sydney;
  2494. word-spacing:-25px;
  2495. padding-left:0px;
  2496. margin-top:250px;
  2497. line-height:20%;
  2498. z-index:1000000000000000000000000000000000000000000000000000000;
  2499. color:#f8f8f8;
  2500. transform:rotate(0deg);
  2501. text-shadow:2px 2px 0px rgba(0,0,0,0);
  2502. }
  2503.  
  2504.  
  2505. #navt2 {
  2506. font-family:sydneysans;
  2507. font-size:16px;
  2508. text-transform:uppercase;
  2509. letter-spacing:3px;
  2510. word-spacing:0px;
  2511. text-align:center;
  2512. width:260px;
  2513. margin-left:5px;
  2514. margin-top:17px;
  2515. padding:0px;
  2516. background:transparent;
  2517. position:relative;
  2518. padding-left:15px;
  2519. padding-right:15px;
  2520. z-index:-10000;
  2521. color:;
  2522. }
  2523.  
  2524. #hao {
  2525. margin-top:20px;
  2526. }
  2527.  
  2528. #hao img {
  2529. width:150px;
  2530. height:200px;
  2531. }
  2532.  
  2533. #san {
  2534. text-align:left;
  2535. margin-top:385px;
  2536. position:absolute;
  2537. z-index:1;
  2538. }
  2539.  
  2540. #san .sf {
  2541. font-size:16px;
  2542. color:;
  2543. background:rgba(, 0.3);
  2544. padding:12px;
  2545. padding-top:13px;
  2546. padding-bottom:9px;
  2547. border-radius:7px;
  2548. transition:.6s;
  2549. -webkit-transition:.6s;
  2550. -moz-transition:.6s;
  2551. }
  2552.  
  2553. #san a {
  2554. width:47px;
  2555. display:inline-block;
  2556. color:;
  2557. border-bottom:0px solid #eeeeee;
  2558. box-shadow: 0 -5px rgba(0,0,0, 0.00) inset;
  2559. }
  2560.  
  2561. #san .sf:hover {
  2562. color:;
  2563. background:;
  2564. transition:.6s;
  2565. -webkit-transition:.6s;
  2566. -moz-transition:.6s;
  2567. }
  2568.  
  2569. #wooyoung {
  2570. word-spacing:-10px;
  2571. width:280px;
  2572. position:fixed;
  2573. font-family:tamoro;
  2574. color:;
  2575. font-size:50px;
  2576. text-align:left;
  2577. line-height:37px;
  2578. z-index:1;
  2579. margin-top:242px;
  2580. transform:rotate(-5deg);
  2581. }
  2582.  
  2583. #joongie {
  2584. margin-top:201px;
  2585. padding:0px;
  2586. background:rgba(, 0.3);
  2587. border-bottom:1px solid #eeeeee;
  2588. font-family:roboto;
  2589. font-size:10px;
  2590. font-style:italic;
  2591. text-align:center;
  2592. position:fixed;
  2593. letter-spacing:2px;
  2594. width:140px;
  2595. }
  2596.  
  2597. #juyeon {
  2598. font-family: 'Abril Fatface', cursive;
  2599. font-family:'montserrat';
  2600. font-size:80px;
  2601. position:absolute;
  2602. z-index:99999999999999999999999;
  2603. line-height:60%;
  2604. text-transform:lowercase;
  2605. color:#dad4c6;
  2606. letter-spacing:-3px;
  2607. margin-top:147px;
  2608. width:600px;
  2609. height:120px;
  2610. padding-top:3px;
  2611. text-align:center;
  2612. font-style:normal;
  2613. word-spacing:-2px;
  2614. font-weight:900;
  2615.  
  2616. z-index:9999999999999;
  2617. display:inline;
  2618. margin-left:-245px;
  2619. transform:rotate(-90deg);
  2620. opacity:1;
  2621. mix-blend-mode:normal;
  2622. }
  2623.  
  2624. #chanhee {
  2625. margin-top:-15px;
  2626. width:600px;
  2627. overflow:hidden;
  2628. text-align:center;
  2629. }
  2630.  
  2631. #chanhee a {
  2632. color:#000;
  2633. font-family:tamoro;
  2634. font-size:70px;
  2635. font-weight:300;
  2636. word-spacing:0px;
  2637. box-shadow: 0 -5px rgba(218,212,198, 0) inset;
  2638. }
  2639.  
  2640. #kev {
  2641. text-align:left; text-transform:lowercase; letter-spacing:-1px; border-radius:0px; margin-top:20px; margin-bottom:10px; word-spacing:-5px; color:#c1b9a7; font-family: 'Space Mono', monospace; font-size:23px; font-weight:700; display:none;
  2642. }
  2643.  
  2644. #kev cute {
  2645. box-shadow: 0 -10px rgba(218,212,198, 1) inset;
  2646. }
  2647.  
  2648. .hwall {
  2649. display:none;
  2650. }
  2651.  
  2652. #cob {
  2653. text-align:left; text-transform:lowercase; letter-spacing:-1px; border-radius:0px; margin-top:10px; margin-bottom:10px; word-spacing:-5px; color:#c1b9a7; font-family: 'Space Mono', monospace; font-size:23px; font-weight:700;
  2654. }
  2655.  
  2656. #cob cute {
  2657. box-shadow: 0 -10px rgba(218,212,198, 1) inset;
  2658. }
  2659.  
  2660. #hwall {
  2661. max-height: 135px;
  2662. overflow-y:scroll;
  2663. display:none;
  2664. }
  2665.  
  2666. #kyu {
  2667. max-height: 165px;
  2668. overflow-y:scroll;
  2669. }
  2670.  
  2671. #hak {
  2672. text-align:left;
  2673. margin-top:10px;
  2674. }
  2675.  
  2676. #hak a {
  2677. font-weight:700;
  2678. -webkit-transition: all 0.2s ease-in-out;
  2679. -moz-transition: all 0.2s ease-in-out;
  2680. -o-transition: all 0.2s ease-in-out;
  2681. -ms-transition: all 0.2s ease-in-out;
  2682. transition: all 0.2s ease-in-out;
  2683. }
  2684.  
  2685. #hak a:hover {
  2686. box-shadow: 0 -5px rgba(0,0,0, 0) inset;
  2687. -webkit-transition: all 0.2s ease-in-out;
  2688. -moz-transition: all 0.2s ease-in-out;
  2689. -o-transition: all 0.2s ease-in-out;
  2690. -ms-transition: all 0.2s ease-in-out;
  2691. transition: all 0.2s ease-in-out;
  2692. }
  2693.  
  2694. #sangyeon {
  2695. font-family: 'Abril Fatface', cursive;
  2696. font-family:'montserrat';
  2697. font-size:80px;
  2698. position:absolute;
  2699. z-index:99999999999999999999999;
  2700. line-height:60%;
  2701. text-transform:lowercase;
  2702. color:#dad4c6;
  2703. letter-spacing:-3px;
  2704. margin-top:147px;
  2705. width:600px;
  2706. height:120px;
  2707. padding-top:3px;
  2708. text-align:center;
  2709. font-style:normal;
  2710. word-spacing:-2px;
  2711. font-weight:900;
  2712.  
  2713. z-index:9999999999999;
  2714. display:inline;
  2715. margin-left:-242px;
  2716. transform:rotate(-90deg);
  2717. opacity:1;
  2718. mix-blend-mode:normal;
  2719. }
  2720.  
  2721. #eric {
  2722. margin-top:-15px;
  2723. width:600px;
  2724. overflow:hidden;
  2725. text-align:center;
  2726. }
  2727.  
  2728. #eric a {
  2729. color:#000;
  2730. font-family:tamoro;
  2731. font-size:70px;
  2732. font-weight:300;
  2733. word-spacing:0px;
  2734. box-shadow: 0 -5px rgba(218,212,198, 0) inset;
  2735. }
  2736.  
  2737. #hoonie {
  2738. position:fixed;
  2739. text-align:center;
  2740. margin-top:50px;
  2741. }
  2742.  
  2743. #hoonie a {
  2744. color:#f8f8f8;
  2745. font-size:23px;
  2746. padding:7px;
  2747. display:inline-block;
  2748. }
  2749.  
  2750. #hyunjae {
  2751. margin-left:20px;
  2752. margin-top:7px;
  2753. }
  2754.  
  2755. #hyunjae a {
  2756. display:inline-block;
  2757. width:80px;
  2758. padding:20px;
  2759. border-radius:4px;
  2760. text-align:center;
  2761. font-family:montserrat;
  2762. margin-bottom:14px;
  2763. font-size:9px;
  2764. margin-right:12px;
  2765. background:#dad4c6;
  2766. color:#f8f8f8;
  2767. box-shadow: 0 -5px rgba(218,212,198, 1) inset;
  2768. }
  2769.  
  2770. #hyunjae a:hover {
  2771. -webkit-animation: scale-down-center 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
  2772. animation: scale-down-center 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
  2773. }
  2774.  
  2775.  
  2776. /* ----------------------------------------------
  2777. * Generated by Animista on 2019-10-18 3:56:51
  2778. * Licensed under FreeBSD License.
  2779. * See http://animista.net/license for more info.
  2780. * w: http://animista.net, t: @cssanimista
  2781. * ---------------------------------------------- */
  2782.  
  2783. /**
  2784. * ----------------------------------------
  2785. * animation scale-down-center
  2786. * ----------------------------------------
  2787. */
  2788. @-webkit-keyframes scale-down-center {
  2789. 0% {
  2790. -webkit-transform: scale(1);
  2791. transform: scale(1);
  2792. }
  2793. 100% {
  2794. -webkit-transform: scale(0.9);
  2795. transform: scale(0.9);
  2796. }
  2797. }
  2798. @keyframes scale-down-center {
  2799. 0% {
  2800. -webkit-transform: scale(1);
  2801. transform: scale(1);
  2802. }
  2803. 100% {
  2804. -webkit-transform: scale(0.9);
  2805. transform: scale(0.9);
  2806. }
  2807. }
  2808.  
  2809. #sunwoo {
  2810. margin-left:20px;
  2811. width:357px;
  2812. height:170px;
  2813. border-radius:7px;
  2814. margin-top:3px;
  2815. background:#f8f8f8;
  2816. padding:20px;
  2817. overflow-y:scroll;
  2818. }
  2819.  
  2820. .hwallie {
  2821. float:left;
  2822. border-radius:100%;
  2823. margin-right:15px;
  2824. margin-top:10px;
  2825. margin-bottom:5px;
  2826. background:#f3f3f3;
  2827. }
  2828.  
  2829. .hwallie img {
  2830. float:left;
  2831. width:50px;
  2832. height:50px;
  2833. border-radius:100%;
  2834.  
  2835. -webkit-filter: grayscale(100%);
  2836.  
  2837. }
  2838.  
  2839. #hosh {
  2840. text-transform:lowercase;
  2841. padding:15px;
  2842. width:190px;
  2843. height:150px;
  2844. overflow:scroll;
  2845. padding-top:10px;
  2846. padding-bottom:25px;
  2847. overflow:scroll;
  2848. line-height:16px;
  2849. font-size:9px;
  2850. text-align:left;
  2851. letter-spacing:1.5px;
  2852. border-left:0px solid #eeeeee;
  2853. border-right:0px;
  2854. border-top:0px;
  2855. border-bottom-left-radius:0px;
  2856. margin-left:-10px;
  2857. position:fixed;
  2858. margin-top:3px;
  2859. display:none;
  2860. }
  2861.  
  2862. #hosh acc {
  2863. margin-right:0px;
  2864. color:#000;
  2865. font-weight:bold;
  2866. box-shadow: 0 -5px rgba(218,212,198, 1) inset;
  2867. }
  2868.  
  2869. #hosh line {
  2870. background:rgba(, 0.3);
  2871. padding:0px;
  2872. display:inline-block;
  2873. width:180px;
  2874. padding-left:0px;
  2875. margin-bottom:2px;
  2876. border-radius:3px;
  2877. }
  2878.  
  2879. #hosh2 {
  2880. text-transform:lowercase;
  2881. padding:15px;
  2882. height:150px;
  2883. overflow:scroll;
  2884. padding-top:10px;
  2885. font-family:roboto;
  2886. padding-bottom:25px;
  2887. overflow:scroll;
  2888. line-height:18px;
  2889. font-size:9px;
  2890. letter-spacing:1px;
  2891. border-left:0px solid #eeeeee;
  2892. border-right:0px;
  2893. border-top:0px;
  2894. border-bottom-left-radius:0px;
  2895. margin-left:140px;
  2896. position:fixed;
  2897. margin-top:20px;
  2898. }
  2899.  
  2900. #hosh2 acc {
  2901. padding:3px;
  2902. padding-left:7px;
  2903. padding-right:7px;
  2904. padding-bottom:4px;
  2905. font-style:italic;
  2906. margin-right:7px;
  2907. color:#000;
  2908. font-weight:bold;
  2909. border-right:1px solid #f3f3f3;
  2910. background-image:url('');
  2911. }
  2912.  
  2913. #hosh2 line {
  2914. background:rgba(, 0.3);
  2915. padding:0px;
  2916. display:inline-block;
  2917. width:140px;
  2918. padding-left:0px;
  2919. margin-bottom:2px;
  2920. border-radius:3px;
  2921. }
  2922.  
  2923. #jun {
  2924. width:160px;
  2925. height:470px;
  2926. margin-top:-25px;
  2927. margin-left:165px;
  2928. border-top-left-radius:0px;
  2929. border-top-right-radius:0px;
  2930. background-image:url('');
  2931.  
  2932. -webkit-filter: grayscale(100%);
  2933.  
  2934. border-radius:0px;
  2935. position:fixed;
  2936. z-index:-1;
  2937. }
  2938.  
  2939. #jun img {
  2940. width:280px;
  2941. height:140px;
  2942. border-top-left-radius:10px;
  2943. border-top-right-radius:10px;
  2944. margin-left:0px;
  2945.  
  2946. -webkit-filter: grayscale(100%);
  2947.  
  2948. }
  2949.  
  2950. #wonu {
  2951. position:fixed;
  2952. padding:10px;
  2953. width:110px;
  2954. text-align:center;
  2955. height:117px;
  2956. background:#c1b9a7;
  2957. border-bottom-right-radius:0px;
  2958. margin-left:160px;
  2959. margin-top:10px;
  2960. position:fixed;
  2961. z-index:9999999999999999;
  2962. background-image:url('');
  2963. display:none;
  2964. }
  2965.  
  2966. .wonulinks1 {
  2967. width:40px;
  2968. font-size:35px;
  2969. line-height:120%;
  2970. font-family: 'Abril Fatface', cursive;
  2971. color:;
  2972. margin-left:-3px;
  2973. margin-top:-5px;
  2974. }
  2975. .wonulinks1 a{
  2976. display:block;
  2977. color:;
  2978. }
  2979. .wonulinks1 a:hover{
  2980. color:;
  2981. transition:.6s;
  2982. -webkit-transition:.6s;
  2983. -moz-transition:.6s;
  2984. }
  2985. .wonulinks2 {
  2986. width:40px;
  2987. font-size:35px;
  2988. line-height:120%;
  2989. font-family: 'Abril Fatface', cursive;
  2990. color:;
  2991. margin-left:37px;
  2992. margin-top:-126px;
  2993. }
  2994. .wonulinks2 a{
  2995. display:block;
  2996. color:;
  2997. }
  2998. .wonulinks2 a:hover{
  2999. color:;
  3000. transition:.6s;
  3001. -webkit-transition:.6s;
  3002. -moz-transition:.6s;
  3003. }
  3004.  
  3005. .wonulinks3 {
  3006. width:40px;
  3007. font-size:35px;
  3008. line-height:120%;
  3009. font-family: 'Abril Fatface', cursive;
  3010. color:;
  3011. margin-left:75px;
  3012. margin-top:-126px;
  3013. }
  3014. .wonulinks3 a{
  3015. display:block;
  3016. color:;
  3017. }
  3018. .wonulinks3 a:hover{
  3019. color:;
  3020. transition:.6s;
  3021. -webkit-transition:.6s;
  3022. -moz-transition:.6s;
  3023. }
  3024.  
  3025. #gyu {
  3026. font-size:7px;
  3027. letter-spacing:3px;
  3028. margin-top:15px;
  3029. font-style:italic;
  3030. text-align:center;
  3031. width:280px;
  3032. margin-left:12px;
  3033. }
  3034.  
  3035. .icon {
  3036. position:fixed;
  3037. text-align:center;
  3038. transform:rotate(-90deg);
  3039. margin-left:-10px;
  3040. }
  3041.  
  3042. .icon .sf {
  3043.  
  3044. margin-left:13px; color:; text-align:center; font-size:20px;
  3045. }
  3046.  
  3047. .mbox {
  3048. margin-bottom:-20px;
  3049. }
  3050.  
  3051. .mbox img {
  3052. width:100px;
  3053. height:75px;
  3054. border-top-left-radius:7px;
  3055. border-bottom-left-radius:7px;
  3056.  
  3057. -webkit-filter: grayscale(100%);
  3058.  
  3059. }
  3060.  
  3061. .mtite {
  3062. text-align:center;
  3063. border-top-right-radius:7px;
  3064. border-bottom-right-radius:7px;
  3065. background:#dad4c6;
  3066. height:69px;
  3067. }
  3068.  
  3069. .mtite i {
  3070. font-size:12px;
  3071. margin-top:15px;
  3072. color:#f8f8f8;
  3073. }
  3074.  
  3075. .mtite a {
  3076. box-shadow: 0 -5px rgba(218,212,198, 0) inset;
  3077. }
  3078.  
  3079. .mtite i:hover {
  3080. color:#000;
  3081. }
  3082.  
  3083. #soobin {
  3084. z-index:9;
  3085. margin-top:140px;
  3086. border-top-left-radius:7px;
  3087. border-top-right-radius:7px;
  3088. margin-left:0px;
  3089. position:fixed;
  3090. z-index:1;
  3091. }
  3092.  
  3093.  
  3094.  
  3095. </style></head><body>
  3096.  
  3097. </div>
  3098. <div id="soobin">
  3099. <svg style="position:fixed;" height="425" width="700">
  3100. <path d="M 0 429 L 0 234 L 702 156 L 702 429 L 0 429" fill="#dad4c6"/>
  3101. </svg>
  3102. </div>
  3103.  
  3104. <div id="TabzOne" class="tabzcon alytut" style="display:block; height:440px;">
  3105.  
  3106. <div id="post" style="padding-top:10px;">
  3107.  
  3108. <h1 style="margin-left:5px;"><a>basic info.</a></h1>
  3109. <blockquote><strong>name.</strong> noah park. <strong>birth date.</strong> september 17th. <strong>pronouns.</strong>&nbsp;he/him. <strong>species.</strong>&nbsp;human. <strong>hometown.</strong> to be added. <strong>sexuality.</strong> unlabeled. <strong>occupation.</strong>&nbsp;former med major. <strong><br /></strong></blockquote>
  3110. <h1 style="margin-left:5px;"><a>physical.</a></h1>
  3111. <blockquote><strong>height.</strong> 174cm. <strong>eye color.</strong> dark brown. <strong>hair color.</strong> light brown. <strong>build.</strong> lean. <strong>tattoos.</strong> none. <strong>piercings.</strong> none.&nbsp;<strong>scars.</strong> many on his fingers. <strong>style.</strong>&nbsp;t-shirts, jeans, whatever's accessible and allows him to move. <strong>faceclaim.</strong> byun baekhyun.&nbsp;</blockquote>
  3112. <h1 style="margin-left:5px;"><a>in-depth.</a></h1>
  3113. <blockquote><strong>zodiac.</strong>&nbsp;virgo.&nbsp;<strong>mbti.</strong>&nbsp;intp. <strong>mental.</strong> anxiety. <strong>eyesight.</strong> good. <strong>drug use.</strong> none. <strong>alcohol use.</strong> moderate. <strong>languages.</strong> korean, english and japanese.<strong><br /></strong></blockquote>
  3114.  
  3115.  
  3116. </div>
  3117.  
  3118. </div>
  3119.  
  3120.  
  3121. <!--
  3122.  
  3123. *TABS BASE CODE BY ALYOFRP. DO NOT REMOVE THIS CREDIT!
  3124.  
  3125. <!-- < tabs content >
  3126. -->
  3127.  
  3128.  
  3129. <div id="TabzThree" class="tabzcon alytut" style="display:none; animation: animationFrames ease-in-out 1s;
  3130. animation-iteration-count: 1;
  3131. transform-origin: 50% 50%;
  3132. -webkit-animation: animationFrames ease-in-out 1s;
  3133. -webkit-animation-iteration-count: 1;
  3134. -webkit-transform-origin: 50% 50%;
  3135. -moz-animation: animationFrames ease-in-out 1s;
  3136. -moz-animation-iteration-count: 1;
  3137. -moz-transform-origin: 50% 50%;
  3138. -o-animation: animationFrames ease-in-out 1s;
  3139. -o-animation-iteration-count: 1;
  3140. -o-transform-origin: 50% 50%;
  3141. -ms-animation: animationFrames ease-in-out 1s;
  3142. -ms-animation-iteration-count: 1;
  3143. -ms-transform-origin: 50% 50%; height:450px;">
  3144.  
  3145.  
  3146. <div style="font-family: 'Space Mono', monospace; position:fixed; background:#f8f8f8; box-shadow: 0px 0px 10px rgba(140,140,140,0.1); width: 280px; height: 165px; z-index: 99; font-weight: bold; border-radius: 10px; overflow: hidden; padding:15px; margin-left:-20px; margin-top:0px; word-spacing:-2px;">
  3147.  
  3148. <h1 style="background:#dad4c6; padding:10px; text-align:center; color:#000; font-family:montserrat; font-size:9px; font-weight:700; letter-spacing:2px; text-transform:uppercase; margin-top:-0px; border-radius:7px;">favorites</h1>
  3149.  
  3150. <div style="width:125px; text-align:right; line-height:150%;">
  3151.  
  3152. <div style="position:fixed; font-size:25px; margin-left:5px;">
  3153. <span class="iconify" data-icon="feather:music" data-inline="false"></span>
  3154. </div>
  3155.  
  3156. <div style="font-family:montserrat; font-size:8px; font-weight:800; letter-spacing:2px; text-transform:uppercase; text-align:right;">artist<br><span style="font-weight:600;">the national</span></div>
  3157.  
  3158.  
  3159. <div style="margin-top:12px;"></div>
  3160.  
  3161. <div style="position:fixed; font-size:25px; margin-left:5px;">
  3162. <span class="iconify" data-icon="feather:coffee" data-inline="false"></span>
  3163. </div>
  3164.  
  3165. <div style="font-family:montserrat; font-size:8px; font-weight:800; letter-spacing:2px; text-transform:uppercase; text-align:right;">food<br><span style="font-weight:600;">pancakes</span></div>
  3166.  
  3167.  
  3168. <div style="margin-top:12px;"></div>
  3169.  
  3170. <div style="position:fixed; font-size:25px; margin-left:5px;">
  3171. <span class="iconify" data-icon="feather:compass" data-inline="false"></span>
  3172. </div>
  3173.  
  3174. <div style="font-family:montserrat; font-size:8px; font-weight:800; letter-spacing:2px; text-transform:uppercase; text-align:right;">place<br><span style="font-weight:600;">tokyo</span></div>
  3175.  
  3176.  
  3177. </div>
  3178.  
  3179. <div style="position:fixed; margin-top:-100px; margin-left:137px; width:1px; background:#dad4c6; opacity:0.5; height:100px;"></div>
  3180.  
  3181.  
  3182. <div style="position:fixed; margin-top:-100px; width:135px; text-align:right; margin-left:137px; line-height:150%;">
  3183.  
  3184. <div style="position:fixed; font-size:25px; margin-left:15px;">
  3185. <span class="iconify" data-icon="feather:film" data-inline="false"></span>
  3186. </div>
  3187.  
  3188. <div style="font-family:montserrat; font-size:8px; font-weight:800; letter-spacing:2px; text-transform:uppercase; text-align:right;">movie<br><span style="font-weight:600;">movie name</span></div>
  3189.  
  3190.  
  3191. <div style="margin-top:12px;"></div>
  3192.  
  3193. <div style="position:fixed; font-size:25px; margin-left:15px;">
  3194. <span class="iconify" data-icon="feather:clock" data-inline="false"></span>
  3195. </div>
  3196.  
  3197. <div style="font-family:montserrat; font-size:8px; font-weight:800; letter-spacing:2px; text-transform:uppercase; text-align:right;">time<br><span style="font-weight:600;">morning</span></div>
  3198.  
  3199.  
  3200. <div style="margin-top:12px;"></div>
  3201.  
  3202. <div style="position:fixed; font-size:25px; margin-left:15px;">
  3203. <span class="iconify" data-icon="feather:zap" data-inline="false"></span>
  3204. </div>
  3205.  
  3206. <div style="font-family:montserrat; font-size:8px; font-weight:800; letter-spacing:2px; text-transform:uppercase; text-align:right;">weather<br><span style="font-weight:600;">cold, rainy</span></div>
  3207.  
  3208. </div>
  3209.  
  3210.  
  3211. </div>
  3212.  
  3213. <div style="margin-top:210px; margin-left:-26px; background:transparent; padding:15px; width:275px; height:180px; border-radius:7px; box-shadow: 0px 0px 10px rgba(140,140,140,0);">
  3214.  
  3215. <div class="oi4" style="margin-left:0px; margin-top:-5px;"><a>confidence</a></div>
  3216.  
  3217. <div style="width:130px; height:6px; margin-top:10px; border-radius:3px; background:#f0f0f0;">
  3218.  
  3219. <!--
  3220.  
  3221. < * CHANGE PERCENTAGE >
  3222.  
  3223. -->
  3224.  
  3225. <div style="width:60%; height:6px; border-radius:3px; background:#c1b9a7;"></div>
  3226.  
  3227. <!--
  3228.  
  3229. < * CHANGE PERCENTAGE >
  3230.  
  3231. -->
  3232.  
  3233. </div>
  3234.  
  3235.  
  3236.  
  3237. <div style="margin-top:25px;"></div>
  3238.  
  3239. <div class="oi4" style="margin-left:0px; margin-top:-5px;"><a>intelligence</a></div>
  3240.  
  3241. <div style="width:130px; height:6px; margin-top:10px; border-radius:3px; background:#f0f0f0;">
  3242.  
  3243. <!--
  3244.  
  3245. < * CHANGE PERCENTAGE >
  3246.  
  3247. -->
  3248.  
  3249. <div style="width:80%; height:6px; border-radius:3px; background:#c1b9a7;"></div>
  3250.  
  3251. <!--
  3252.  
  3253. < * CHANGE PERCENTAGE >
  3254.  
  3255. -->
  3256.  
  3257. </div>
  3258.  
  3259.  
  3260.  
  3261. <div style="margin-top:25px;"></div>
  3262.  
  3263. <div class="oi4" style="margin-left:0px; margin-top:-5px;"><a>charisma</a></div>
  3264.  
  3265. <div style="width:130px; height:6px; margin-top:10px; border-radius:3px; background:#f0f0f0;">
  3266.  
  3267. <!--
  3268.  
  3269. < * CHANGE PERCENTAGE >
  3270.  
  3271. -->
  3272.  
  3273. <div style="width:40%; height:6px; border-radius:3px; background:#c1b9a7;"></div>
  3274.  
  3275. <!--
  3276.  
  3277. < * CHANGE PERCENTAGE >
  3278.  
  3279. -->
  3280.  
  3281. </div>
  3282.  
  3283.  
  3284. </div>
  3285.  
  3286.  
  3287.  
  3288.  
  3289.  
  3290.  
  3291. <div style="position:fixed; margin-top:-210px; margin-left:132px; background:transparent; padding:15px; width:160px; height:180px; border-radius:7px; box-shadow: 0px 0px 10px rgba(140,140,140,0.0);">
  3292.  
  3293. <div class="oi4" style="margin-left:0px; margin-top:-5px;"><a>optimism</a></div>
  3294.  
  3295. <div style="width:130px; height:6px; margin-top:10px; border-radius:3px; background:#f0f0f0;">
  3296.  
  3297. <!--
  3298.  
  3299. < * CHANGE PERCENTAGE >
  3300.  
  3301. -->
  3302.  
  3303. <div style="width:40%; height:6px; border-radius:3px; background:#c1b9a7;"></div>
  3304.  
  3305. <!--
  3306.  
  3307. < * CHANGE PERCENTAGE >
  3308.  
  3309. -->
  3310.  
  3311. </div>
  3312.  
  3313.  
  3314.  
  3315. <div style="margin-top:25px;"></div>
  3316.  
  3317. <div class="oi4" style="margin-left:0px; margin-top:-5px;"><a>impulsivity</a></div>
  3318.  
  3319. <div style="width:130px; height:6px; margin-top:10px; border-radius:3px; background:#f0f0f0;">
  3320.  
  3321. <!--
  3322.  
  3323. < * CHANGE PERCENTAGE >
  3324.  
  3325. -->
  3326.  
  3327. <div style="width:40%; height:6px; border-radius:3px; background:#c1b9a7;"></div>
  3328.  
  3329. <!--
  3330.  
  3331. < * CHANGE PERCENTAGE >
  3332.  
  3333. -->
  3334.  
  3335. </div>
  3336.  
  3337.  
  3338.  
  3339. <div style="margin-top:25px;"></div>
  3340.  
  3341. <div class="oi4" style="margin-left:0px; margin-top:-5px;"><a>generosity</a></div>
  3342.  
  3343. <div style="width:130px; height:6px; margin-top:10px; border-radius:3px; background:#f0f0f0;">
  3344.  
  3345. <!--
  3346.  
  3347. < * CHANGE PERCENTAGE >
  3348.  
  3349. -->
  3350.  
  3351. <div style="width:70%; height:6px; border-radius:3px; background:#c1b9a7;"></div>
  3352.  
  3353. <!--
  3354.  
  3355. < * CHANGE PERCENTAGE >
  3356.  
  3357. -->
  3358.  
  3359. </div>
  3360.  
  3361.  
  3362. </div>
  3363.  
  3364.  
  3365.  
  3366.  
  3367.  
  3368. </div>
  3369.  
  3370.  
  3371. <div id="TabzTwo" class="tabzcon alytut" style="display:none; animation: animationFrames ease-in-out 1s;
  3372. animation-iteration-count: 1;
  3373. transform-origin: 50% 50%;
  3374. -webkit-animation: animationFrames ease-in-out 1s;
  3375. -webkit-animation-iteration-count: 1;
  3376. -webkit-transform-origin: 50% 50%;
  3377. -moz-animation: animationFrames ease-in-out 1s;
  3378. -moz-animation-iteration-count: 1;
  3379. -moz-transform-origin: 50% 50%;
  3380. -o-animation: animationFrames ease-in-out 1s;
  3381. -o-animation-iteration-count: 1;
  3382. -o-transform-origin: 50% 50%;
  3383. -ms-animation: animationFrames ease-in-out 1s;
  3384. -ms-animation-iteration-count: 1;
  3385. -ms-transform-origin: 50% 50%; height:450px;">
  3386.  
  3387. <div style="font-family: 'Space Mono', monospace; position:fixed; background:#f8f8f8; box-shadow: 0px 0px 10px rgba(140,140,140,0.1); width: 280px; height: 85px; z-index: 99; font-weight: bold; border-radius: 10px; overflow: hidden; padding:15px; margin-left:-20px; margin-top:0px; overflow:scroll;">
  3388.  
  3389. <div style="">
  3390.  
  3391. <!--
  3392.  
  3393. < * CONNECTION IMAGE >
  3394.  
  3395. -->
  3396.  
  3397. <img src="https://placehold.it/70x70" title="opposite." style="margin-top:-5px; margin-left:10px; border-radius:100%; float:right; -webkit-filter: grayscale(100%);"/>
  3398.  
  3399. <!--
  3400.  
  3401. < * CONNECTION IMAGE >
  3402.  
  3403. -->
  3404. <span style="padding:5px;
  3405. color:#000;
  3406. font-family:montserrat;
  3407. text-transform:uppercase;
  3408. font-size:7px;
  3409. border:0px solid #000;
  3410. background:#dad4c6;
  3411. border-radius:4px;
  3412. letter-spacing:2px;">connection</span> lorem ipsum dolor sit amet, consect etur adip iscing 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.
  3413. </div>
  3414.  
  3415. </div>
  3416.  
  3417. <div class="oi2">
  3418.  
  3419. <a href="/URL">tag</a>
  3420.  
  3421. <a href="/URL">ship</a>
  3422.  
  3423. <a href="/URL">partner</a>
  3424.  
  3425. <a href="/URL">playlist</a>
  3426.  
  3427. <a href="/URL">board</a>
  3428.  
  3429. </div>
  3430.  
  3431.  
  3432. <div style="font-family: 'Space Mono', monospace; position:fixed; background:#f8f8f8; box-shadow: 0px 0px 10px rgba(140,140,140,0.1); width: 280px; height: 193px; z-index: 99; font-weight: bold; border-radius: 10px; overflow: hidden; padding:15px; margin-left:-20px; margin-top:182px; padding-bottom:30px;">
  3433.  
  3434. <h1 style="background:#dad4c6; padding:10px; text-align:center; color:#000; font-family:montserrat; font-size:9px; font-weight:700; letter-spacing:2px; text-transform:uppercase; margin-top:-0px; margin-bottom:5px; border-radius:7px;">aesthetics</h1>
  3435.  
  3436. <blockquote style="line-height:215%;">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.</blockquote>
  3437.  
  3438.  
  3439. </div>
  3440.  
  3441.  
  3442. </div>
  3443.  
  3444.  
  3445.  
  3446.  
  3447.  
  3448.  
  3449.  
  3450. <div id="TabzFour" class="tabzcon alytut" style="display:none; animation: animationFrames ease-in-out 1s;
  3451. animation-iteration-count: 1;
  3452. transform-origin: 50% 50%;
  3453. -webkit-animation: animationFrames ease-in-out 1s;
  3454. -webkit-animation-iteration-count: 1;
  3455. -webkit-transform-origin: 50% 50%;
  3456. -moz-animation: animationFrames ease-in-out 1s;
  3457. -moz-animation-iteration-count: 1;
  3458. -moz-transform-origin: 50% 50%;
  3459. -o-animation: animationFrames ease-in-out 1s;
  3460. -o-animation-iteration-count: 1;
  3461. -o-transform-origin: 50% 50%;
  3462. -ms-animation: animationFrames ease-in-out 1s;
  3463. -ms-animation-iteration-count: 1;
  3464. -ms-transform-origin: 50% 50%; height:440px;">
  3465.  
  3466.  
  3467. <div id="post" style="-webkit-column-count:2; padding-top:12px; padding-bottom:7px;">
  3468.  
  3469. <!--
  3470.  
  3471. < * WARDROBE IMAGES >
  3472.  
  3473. -->
  3474.  
  3475. <img src="https://placehold.it/135x190" style="border-radius:7px; margin-bottom:10px;">
  3476. <img src="https://placehold.it/135x190" style="border-radius:7px;">
  3477. <img src="https://placehold.it/135x190" style="border-radius:7px; margin-bottom:10px;">
  3478. <img src="https://placehold.it/135x190" style="border-radius:7px;">
  3479.  
  3480.  
  3481. <div style="padding-top:4px;"></div>
  3482.  
  3483. <!--
  3484.  
  3485. < * WARDROBE IMAGES >
  3486.  
  3487. -->
  3488.  
  3489. </div>
  3490.  
  3491. </div>
  3492.  
  3493.  
  3494.  
  3495.  
  3496.  
  3497. </div>
  3498.  
  3499.  
  3500. <!--
  3501.  
  3502. < *TABS END >
  3503.  
  3504. -->
  3505.  
  3506. </div>
  3507.  
  3508.  
  3509. <div id="box">
  3510.  
  3511. <div class="sideb"></div>
  3512.  
  3513. <div style="font-family: 'Space Mono', monospace; position:fixed; margin-left:30px; background:#f8f8f8; box-shadow: 0px 0px 10px rgba(140,140,140,0.1); width: 290px; height: 256px; text-align: right; z-index: 99; font-weight: bold; border-radius: 10px; color:#000; overflow: hidden; margin-top:-70px; margin-left:10px;">
  3514.  
  3515. <!--
  3516.  
  3517. < * PLAYLIST IMAGE >
  3518.  
  3519. -->
  3520.  
  3521. <img src="https://placehold.it/100x100" style="-webkit-filter: grayscale(100%); position: fixed; margin-left: -290px; border-top-left-radius:7px;" />
  3522.  
  3523. <!--
  3524.  
  3525. < * PLAYLIST IMAGE >
  3526.  
  3527. -->
  3528.  
  3529. <div class="wr" style="border-bottom: 1px solid #ddd; margin-top: 100px; width: 290px; position: fixed;"></div>
  3530. <div style="margin-top: 100px;"></div>
  3531. <div style="position: absolute; width: 160px; font-size: 12px; top: 17px; left: 115px;">little faith. </div>
  3532. <div style="position: absolute; width: 160px; top: 32px; left: 115px; text-transform: uppercase; letter-spacing: 2px; font-weight: 800; font-size: 8px;">playlist by name</div>
  3533. <div style="position: absolute; width: 160px; font-size: 9px; top: 17px; left: 115px; margin-top: 35px; line-height: 160%;">12 songs, 48min<br />featuring s. carey</div>
  3534. <div style="border-bottom: 1px solid #ddd; text-align: left; padding-top: 10px; padding-bottom: 7px; padding-left: 10px; padding-right: 10px;">
  3535. <div class="tit">Heavenfaced</div>
  3536. <div style="float: right; margin-top: -20px;">04:23</div>
  3537. <div style="text-transform: uppercase; letter-spacing: 2px; font-weight: 800; font-size: 8px;">the national</div>
  3538. </div>
  3539. <div style="border-bottom: 1px solid #ddd; text-align: left; padding-top: 8px; padding-bottom: 8px; 0px; padding-left: 10px; padding-right: 10px;">
  3540. <div class="tit">Hideout</div>
  3541. <div style="float: right; margin-top: -20px;">02:53</div>
  3542. <div style="text-transform: uppercase; letter-spacing: 2px; font-weight: 800; font-size: 8px;">s. carey</div></div>
  3543. <div style="border-bottom: 1px solid #ddd; text-align: left; padding-top: 8px; padding-bottom: 8px; 0px; padding-left: 10px; padding-right: 10px;">
  3544. <div class="tit">Fold I</div>
  3545. <div style="float: right; margin-top: -20px;">03:47</div>
  3546. <div style="text-transform: uppercase; letter-spacing: 2px; font-weight: 800; font-size: 8px;">motherfolk</div></div>
  3547.  
  3548. </div>
  3549.  
  3550. <div id="bex"></div>
  3551. <div id="boxy"></div>
  3552.  
  3553. <div id="hun"><img src="https://placehold.it/100x100"></div>
  3554. <div id="hun2"></div>
  3555. <div class="tabz">
  3556. </div>
  3557.  
  3558. <div class="oi">
  3559.  
  3560. <a href="javascript:void(0)" class="tablink" onclick="openAlytut(event, 'TabzOne');" title="stats."><span class="iconify" data-icon="feather:file" data-inline="false"></span></a>
  3561.  
  3562. <a href="javascript:void(0)" class="tablink" onclick="openAlytut(event, 'TabzTwo');" title="social & more."><span class="iconify" data-icon="feather:at-sign" data-inline="false"></span></a>
  3563. <br>
  3564. <a href="javascript:void(0)" class="tablink" onclick="openAlytut(event, 'TabzThree');" title="about."><span class="iconify" data-icon="feather:link" data-inline="false"></span></a> <a href="javascript:void(0)" class="tablink" onclick="openAlytut(event, 'TabzFour');" title="wardrobe."><span class="iconify" data-icon="feather:star" data-inline="false"></span></a>
  3565.  
  3566. </div>
  3567.  
  3568. <div class="boy">
  3569.  
  3570. </div>
  3571.  
  3572. <!--
  3573.  
  3574. < * CHANGE MUSE STATUS COLOR >
  3575.  
  3576. -->
  3577.  
  3578. <div class="boy2">
  3579. muse status <i class="fas fa-circle" style="font-size:6px; color:#75957d;"></i>
  3580. </div>
  3581.  
  3582. <!--
  3583.  
  3584. < * CHANGE MUSE STATUS COLOR >
  3585.  
  3586. -->
  3587.  
  3588. <div class="ging">
  3589.  
  3590. <div class="title" style="word-spacing:-3px;"><a href="/">noah park.</a></div>
  3591.  
  3592. lorem ipsum hi some text dolor sit amet, adipi scing elit.
  3593. </div>
  3594.  
  3595. <div class="lorem3">
  3596. Lorem ipsum sit &nbsp;&nbsp;<span style="font-weight:bold;">temp_</span>entry&nbsp;&nbsp;&nbsp;&nbsp;/&nbsp;&nbsp;&nbsp;&nbsp;<span style="font-weight:bold;">failed&nbsp;&nbsp;&nbsp;&nbsp;•&nbsp;&nbsp;&nbsp;&nbsp;<span style="font-weight:bold; text-decoration:underline;">corrupted</span> file&nbsp;&nbsp;&nbsp;&nbsp;•&nbsp;&nbsp;Lorem ipsum amet</span>
  3597. </div>
  3598.  
  3599. </div>
  3600. </div></div>
  3601.  
  3602. <div class="rightb">
  3603. </div>
  3604.  
  3605. <div id="entries">
  3606. <div id="entries2"></div>
  3607. <div id="container">
  3608.  
  3609. </div></div></div>
  3610. </div>
  3611.  
  3612. </div>
  3613.  
  3614. </ul>
  3615. </div></div>
  3616.  
  3617. <div class="mint">
  3618. <a href="https://mintrps.tumblr.com/" title="code by mint.">
  3619. <span class="sf sf-code-o"></span>
  3620. </a>
  3621. </div>
  3622.  
  3623. <!-- copy up to here to add more muses -->
  3624. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement