Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!--
- a page by @mintrps.
- please check my terms
- of use in the post !
- - icon font by @suiomi
- - icon font by fontawesome
- - feather icons by cole bemis
- - fonts from google fonts
- - tabs by ncighbourhood
- -->
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
- <head>
- <link href="//dl.dropbox.com/s/50g6fbds3rh4m0j/saturnicons.css" rel="stylesheet">
- <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
- <link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet">
- <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
- <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
- <link href="https://fonts.googleapis.com/css?family=Quicksand" rel="stylesheet">
- <link href="https://fonts.googleapis.com/css?family=Lato:400,4#00i,700,700i" rel="stylesheet">
- <link href="https://fonts.googleapis.com/css?family=Abril+Fatface" rel="stylesheet">
- <link href="https://fonts.googleapis.com/css?family=ABeeZee" rel="stylesheet">
- <link href="https://fonts.googleapis.com/css?family=Karla&display=swap" rel="stylesheet">
- <link href="https://fonts.googleapis.com/css?family=Roboto:400,400i&display=swap" rel="stylesheet">
- <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">
- <link href="https://fonts.googleapis.com/css?family=Space+Mono:400,400i,700,700i&display=swap" rel="stylesheet">
- <link href="https://fonts.googleapis.com/css?family=Abril+Fatface&display=swap" rel="stylesheet">
- <title>noah park.</title>
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- <meta name="description" content="{MetaDescription}" />
- <link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro:200' rel='stylesheet' type='text/css'>
- <link href='https://fonts.googleapis.com/css?family=Inconsolata' rel='stylesheet' type='text/css'>
- <link href='https://fonts.googleapis.com/css?family=Libre+Franklin:200,200italic,400,400italic,600,600italic' rel='stylesheet' type='text/css'>
- <script src="https://kit.fontawesome.com/1614dc65f2.js" crossorigin="anonymous"></script>
- <script>
- function openAlytut(evt, alytutName) {
- var i, x, tablinks;
- x = document.getElementsByClassName("alytut");
- for (i = 0; i < x.length; i++) {
- x[i].style.display = "none";
- }
- tablinks = document.getElementsByClassName("tablink");
- for (i = 0; i < x.length; i++) {
- tablinks[i].className = tablinks[i].className.replace(" tabzact", "");
- }
- document.getElementById(alytutName).style.display = "block";
- evt.currentTarget.className += " tabzact";
- }
- </script>
- <script>
- $(document).ready(function() {
- //
- $('a.poplight[href^=#]').click(function() {
- var popID = $(this).attr('rel'); //Get Popup Name
- var popURL = $(this).attr('href'); //Get Popup href to define size
- var query= popURL.split('?');
- var dim= query[1].split('&');
- var popWidth = dim[0].split('=')[1]; //Gets the first query string value
- $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
- var popMargTop = ($('#' + popID).height() + 80) / 2;
- var popMargLeft = ($('#' + popID).width() + 80) / 2;
- //Apply Margin to Popup
- $('#' + popID).css({
- 'margin-top' : -popMargTop,
- 'margin-left' : -popMargLeft
- });
- $('body').append('<div id="fade"></div>');
- $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
- return false;
- });
- $('a.close, #fade').live('click', function() {
- $('#fade , .popup_block').fadeOut(function() {
- $('#fade, a.close').remove(); //fade them both out
- });
- return false;
- });
- });
- </script>
- <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
- <script type="text/javascript" src="https://static.tumblr.com/8pnyeus/10hors8sn/themekid-popup.min.js"></script>
- <script type="text/javascript">
- $(document).ready(function(){
- popUp(true);
- });
- </script>
- <script type="text/javascript" src="https://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
- <script>
- (function($){
- $(document).ready(function(){
- $("[title],a[title],img[title]").style_my_tooltips({
- tip_follows_cursor:true });
- });
- })(jQuery);
- </script>
- <script src="https://code.iconify.design/1/1.0.3/iconify.min.js"></script>
- <style type="text/css">
- /* TABS STYLING--
- BASE CODE BY ALYOFRP. DO NOT REMOVE THIS CREDIT!
- */
- .tabz {
- margin-top:-10px;
- margin-left:180px;
- padding:13px;
- padding-right:0px;
- padding-bottom:0px;
- margin-right:0px;
- position:fixed;
- z-index:9999999999999999;
- z-index:99999999999999999999999;
- }
- .tabz a {
- padding:3px;
- text-align:center;
- font-family:arial black;
- fill:;
- font-size:15px;
- display:inline-block;
- margin-left:0px;
- margin-top:0px;
- transition:.2s;
- margin-right:-2px;
- padding-top:5px;
- padding-left:5px;
- margin-bottom:2px;
- -webkit-transition:.2s;
- -moz-transition:.2s;
- font-family: 'Abril Fatface', cursive;
- }
- .tabz svg {
- padding:2px;
- margin-right:2px;
- width:12px;
- text-align:center;
- font-family:arial black;
- color:;
- font-size:14px;
- display:inline-block;
- margin-top:0px;
- transition:.2s;
- border-radius:0px;
- border-bottom:2px solid transparent;
- -webkit-transition:.2s;
- -moz-transition:.2s;
- }
- .tabz a:hover {/* tablinks hover color */
- transition:.2s;
- -webkit-transition:.2s;
- -moz-transition:.2s;
- opacity:0.7;
- }
- .tabzcon { /* tablinks content aka the box under the tablinks */
- margin-top:0px;
- margin-left:15px;
- padding:10px;
- padding-top:5px;
- position:absolute;
- width:300px;
- padding-left:10px;
- border-radius:0px;
- position:fixed;
- overflow:auto;
- overflow-y:hidden;
- overflow:auto;
- padding-top:0px;
- padding-right:20px;
- padding-left:20px;
- margin-left:360px;
- margin-top:115px;
- z-index:10;
- background:transparent;
- height:340px;
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- -o-transition: all 0.6s ease-in-out;
- -ms-transition: all 0.6s ease-in-out;
- transition: all 0.6s ease-in-out;
- z-index:100000000000000000000000000000000;
- }
- @keyframes animationFrames{
- 0% {
- opacity:0;
- }
- 100% {
- opacity:1;
- }
- }
- @-moz-keyframes animationFrames{
- 0% {
- opacity:0;
- }
- 100% {
- opacity:1;
- }
- }
- @-webkit-keyframes animationFrames {
- 0% {
- opacity:0;
- }
- 100% {
- opacity:1;
- }
- }
- @-o-keyframes animationFrames {
- 0% {
- opacity:0;
- }
- 100% {
- opacity:1;
- }
- }
- @-ms-keyframes animationFrames {
- 0% {
- opacity:0;
- }
- 100% {
- opacity:1;
- }
- }
- #base { /* the box when no tabs are selected */
- margin-top:45px;
- margin-left:0px;
- position:fixed;
- padding:10px;
- width:205px;
- height:260px;
- background-color:#e1c9bf;
- }
- .tabzclose { /* the close button, u prob dont need to touch this */
- text-transform:uppercase;
- font-weight:bold;
- font-size:calc( - 1px);
- padding:3px;
- color:inherit;
- margin-top:-15px;
- margin-right:-7px;
- float:right;
- }
- .tabzclose:hover {
- cursor:pointer;
- }
- ::-webkit-scrollbar-thumb {
- height:auto;
- background-color:;
- margin-left:1px;
- display:none;
- }
- ::-webkit-scrollbar {
- height:9px;
- width:1px;
- background-color:transparent;
- }
- ::-webkit-scrollbar-thumb {
- background:transparent;
- }
- ::-webkit-scrollbar-corner {
- background:transparent;
- }
- body {
- background:#f0f0f0;
- margin-top:-20px;
- margin-left:0px;
- color:#000;
- font-family: 'Space Mono', monospace;
- line-height:200%;
- font-size:9px;
- letter-spacing:1px;
- text-align:justify;
- background-image:url('https://static.tumblr.com/58f44d4de38a5f009db3bb5cc4a035ac/1sj7tra/hyzpzumu7/tumblr_static_7zvcwtkknf8ckoc4484kkwg8c.png');
- width:701px;
- height:385px;
- margin:auto;
- }
- sup, sub {
- font-size:10px;
- }
- a {
- text-decoration:none;
- outline:none;
- -moz-outline-style:none;
- color:#000;
- border-bottom:0px solid #eeeeee;
- box-shadow: 0 -5px rgba(218,212,198, 1) inset;
- }
- img {
- border:none;
- }
- h2 small {
- font-size:23px;
- }
- h2 a {
- font-size:23px;
- }
- h2 small a {
- font-size:23px;
- }
- b, strong {
- color:#000;
- }
- .tumblr_blog {
- text-transform:lowercase;
- letter-spacing:1.5px;
- font-family: 'Space Mono', monospace;
- font-size:9px;
- border-bottom:0px solid #222;
- color:#000;
- }
- sup {
- font-size:9px;
- }
- sub {
- font-size:9px;
- }
- small {
- font-size:9px;
- }
- h1, h2, h3 {
- 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;
- }
- h1, h2, h3 a {
- color:#c1b9a7;
- }
- h1 small {
- font-size:23px;
- }
- h1 sup {
- font-size:23px;
- }
- h1 sub {
- font-size:23px;
- }
- h2 small {
- font-size:23px;
- }
- h2 sup {
- font-size:23px;
- }
- h2 sub {
- font-size:23px;
- }
- h4 {
- font-size:14px;
- }
- blockquote {
- border-left:1px solid #ddd;
- padding-left:10px;
- margin-left:5px;
- width:93%;
- }
- #post blockquote img {
- max-width:275px;
- height:auto;
- }
- /*CONTAINER*/
- #container {
- margin-top:4px;
- margin-left:352px;
- margin-right:auto;
- width:350px;
- max-height:346px;
- text-align:left;
- position:fixed;
- padding-left:0px;
- padding-top:0px;
- }
- /*ENTRIES*/
- .sfm input {
- width:100px;
- border: 0px;
- text-transform: uppercase;
- background:transparent;
- margin-top: -7px;
- opacity:1;
- font-family:roboto;
- letter-spacing:2px;
- font-size:7px;
- padding: 4px 3px;
- border-bottom:0px solid #0c0c0c;
- font-weight:600;
- }
- #sb {
- height:10px;
- width:10px;
- margin-left:-2px;
- margin-top:-1px;
- vertical-align: top;
- opacity:1;
- }
- .rightb {
- position:fixed;
- margin-left:620px;
- width:80px;
- height:458px;
- margin-top:105px;
- background-image:url('');
- background-size:650px;
- display:none;
- }
- #entries {
- position:fixed;
- height:425px;
- width:700px;
- margin-left:0px;
- margin-top:85px;
- box-shadow:0px 0px 0px #222;
- padding-top:0px;
- padding-top:55px;
- background:rgba( 243,243,243, 1 );
- border:0px solid #eeeeee;
- border-bottom:0px solid #000;
- background-image:url('');
- margin-left:0px;
- z-index:-1;
- border-radius:7px;
- }
- #entries2 {
- position:fixed;
- height:480px;
- margin-top:-55px;
- width:313px;
- margin-left:340px;
- background:rgba( 243,243,243, 1 );
- border-radius:7px;
- display:none;
- }
- #post {
- width:285px;
- margin-left:-15px;
- margin-top:0px;
- height: auto;
- padding:10px;
- margin-bottom:30px;
- color: #000;
- letter-spacing:0px;
- line-height:200%;
- text-align:justify;
- text-transform:none;
- border-radius:0px;
- letter-spacing:1px;
- background:transparent;
- text-transform:none;
- background:transparent;
- border-radius:7px;
- background:rgba(248,248,248, 1);
- z-index:100000000000000000000000000000000000000000000;
- box-shadow: 0px 0px 10px rgba(140,140,140,0.1);
- }
- #post b {
- box-shadow: 0 -5px rgba(218,212,198, 1) inset;
- }
- #post img {
- border-radius:0px;
- max-width:300px;
- height:auto;
- }
- #post img:hover {
- -webkit-filter: grayscale(0%);
- -webkit-filter: grayscale(100%);
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- -o-transition: all 0.6s ease-in-out;
- -ms-transition: all 0.6s ease-in-out;
- transition: all 0.6s ease-in-out;
- }
- iframe {
- border-radius:0px;
- max-width:300px;
- }
- .media img, .media iframe {
- display:block;
- border-radius:0px;
- margin-top:5px;
- -webkit-filter: grayscale(100%);
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- -o-transition: all 0.6s ease-in-out;
- -ms-transition: all 0.6s ease-in-out;
- transition: all 0.6s ease-in-out;
- }
- .media img:hover, .media iframe:hover {
- display:block;
- border-radius:0px;
- -webkit-filter: grayscale(100%);
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- -o-transition: all 0.6s ease-in-out;
- -ms-transition: all 0.6s ease-in-out;
- transition: all 0.6s ease-in-out;
- }
- h2 small {
- font-size:23px;
- }
- #post img {
- -webkit-filter: grayscale(100%);
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- -o-transition: all 0.6s ease-in-out;
- -ms-transition: all 0.6s ease-in-out;
- transition: all 0.6s ease-in-out;
- }
- #post img:hover{
- -webkit-filter: grayscale(0%);
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- -o-transition: all 0.6s ease-in-out;
- -ms-transition: all 0.6s ease-in-out;
- transition: all 0.6s ease-in-out;
- }
- .html_photoset {
- -webkit-filter: grayscale(100%);
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- -o-transition: all 0.6s ease-in-out;
- -ms-transition: all 0.6s ease-in-out;
- transition: all 0.6s ease-in-out;
- }
- .html_photoset:hover {
- -webkit-filter: grayscale(0%);
- -webkit-filter: grayscale(100%);
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- -o-transition: all 0.6s ease-in-out;
- -ms-transition: all 0.6s ease-in-out;
- transition: all 0.6s ease-in-out;
- }
- .answer span,.convo li{
- margin:0 0 5px;
- border-radius:0px;
- padding:5px;
- padding-left:0px;
- padding-right:0px;
- max-width:100%;
- clear:both;
- position:relative;
- line-height:200%;
- }
- .convo strong {
- color:#000;
- }
- .convo b {
- color:#000;
- }
- .convo li:before {
- content:'';
- }
- .label {
- font-family: 'Space Mono', monospace;
- letter-spacing:1.5px;
- font-size:10px;
- text-transform:uppercase;
- letter-spacing:1px;
- color:#000;
- margin-right:2px;
- padding:0px;;
- margin-left:-5px;
- }
- .footerright .viasrc {
- float: left;
- }
- .asked a {
- margin:0;padding:0;
- }
- .user_4{
- background:#000;
- color:#000;
- padding:10px;
- line-height:100%;
- }
- .user_4::after{
- border-color:#eeeeee;
- padding:10px;
- }
- .user_3{
- background:#000;
- padding:10px;
- color:#000;
- line-height:100%;
- }
- .user_3::after{
- border-color:#eeeeee;
- padding:10px;
- }
- .convo {
- overflow: hidden;
- list-style-type: none;
- padding: 0;
- margin: 0;
- line-height:100%;
- }
- .quote {
- padding:10px;
- font-size:calc( - 1px);
- border:0px solid #222;
- line-height:270%;
- text-align:center;
- text-transform:none;
- font-size:22px;
- line-height:100%;
- letter-spacing:0px;
- font-family: 'Abril Fatface', cursive;
- margin-top:15px;
- margin-bottom:15px;
- color:#000;
- border-radius:0px;
- }
- .source {
- margin-top:-10px;
- letter-spacing:1px;
- opacity:1;
- margin-bottom:10px;
- text-align:center;
- }
- /*BLOG TITLE*/
- .title {
- font-size:20px;
- margin-bottom:20px;
- font-weight:bold;
- letter-spacing:-1px;
- color:#f8f8f8;
- }
- /*SIDEBAR*/
- #description {
- border-left:0px solid #eeeeee;
- padding:11px;
- font-family:;
- position:fixed;
- width:170px;
- height:484px;
- overflow-y:scroll;
- font-size:6.5px;
- margin-top:-55px;
- line-height:22px;
- padding-top:5px;
- letter-spacing:0px;
- color:#000;
- opacity:1;
- border-radius:0px;
- margin-left:85px;
- text-transform:uppercase;
- text-align:justify;
- background:transparent;
- font-family: 'Space Mono', monospace;
- letter-spacing:1.5px;
- opacity:1;
- max-height:400px;
- background:rgba(255,2552,255,0);
- display:none;
- }
- #dimg {
- width:130px;
- height:170px;
- background-image:url('');
- background-position:center;
- }
- .meow {
- text-align:center;
- z-index:99999999999999999;
- color:#000;
- font-family:quicksand;
- letter-spacing:2px;
- margin-top:-20px;
- margin-bottom:20px;
- text-transform:uppercase;
- font-size:7px;
- }
- .meow a {
- font-size:7px;
- padding:3px;
- border-radius:3px;
- }
- #gay {
- font-size:10px;
- letter-spacing:3px;
- padding-bottom:8px;
- border-bottom:1px solid #eeeeee;
- color:#fff;
- text-align:center;
- text-transform:uppercase;
- margin-top:13px;
- }
- #description big{
- font-size:calc( + 1px);
- }
- #q{
- font-size:47px;
- margin-left:-27px;
- padding-top:15px;
- z-index:1;
- position:fixed;
- border-right:0px solid #222;
- height:52px;
- padding-right:-5px;
- background:transparent;
- }
- .tits {
- font-size:7px;
- text-transform:uppercase;
- width:150px;
- position:absolute;
- line-height:40%;
- margin-left:12px;
- margin-top:20px;
- font-weight:600;
- font-family:mint;
- font-family: 'Karla', sans-serif;
- text-align:center;
- box-align:center;
- opacity:0.7;
- line-height:200%;
- z-index:999999999999999999;
- letter-spacing:2px;
- display:none;
- color:#f8f8f8;
- }
- .tits span {
- font-family:calibri;
- font-size:10px;
- text-transform:uppercase;
- letter-spacing:2px;
- margin-bottom:-10px;
- margin-left:0px;
- background:#111;
- font-weight:normal;
- padding:2px;
- padding-left:10px;
- padding-right:10px;
- position:relative;
- z-index:-1;
- word-spacing:0px;
- }
- #bx {
- width:30px;
- margin-left:-7px;
- position:fixed;
- padding-top:0px;
- padding-bottom:5px;
- padding-right:5px;
- background:transparent;
- border-right:none;
- margin-top:45px;
- border-right:0px solid #222;
- line-height:38.5px;
- }
- #bx a{
- padding-left:17px;
- }
- #bx span{
- margin-top:20px;
- margin-bottom:19px;
- color:#aaa;
- z-index:1;
- }
- #tt {
- position:absolute;
- text-transform:uppercase;
- text-align:right;
- word-spacing:-0px;
- margin-top:30px;
- letter-spacing:3px;
- left:10px;
- padding-right:20px;
- line-height:40%;
- z-index:999999999999;
- background:transparent;
- font-style:normal;
- font-weight:600;
- margin-left:-289px;
- width:250px;
- margin-top:137px;
- letter-spacing:0px;
- z-index:1000000000000000000000000000000000000000000000000000000000;
- font-family:montserrat;
- font-size:7px;
- font-weight:700;
- letter-spacing:2px;
- display:inline;
- word-spacing:5px;
- transform:rotate(-90deg);
- background:transparent;
- color:;
- padding:20px;
- width:440px;
- z-index:10000000000000000000000000000000000000000000;
- }
- #tt a {
- color:;
- border-radius:0%;
- margin-right:4px;
- margin-left:4px;
- display:inline;
- width:300px;
- border-bottom:0px solid #eeeeee;
- box-shadow: 0 -5px rgba(0,0,0, 0.00) inset;
- }
- #header {
- margin-top:-50px;
- margin-bottom:20px;
- position:fixed;
- background:#f3f3f3;
- padding-top:60px;
- padding-bottom:0px;
- padding-left:10px;
- margin-left:-10px;
- z-index:999999999999999999999999999999999999999999999999999;
- }
- #header img {
- width:72px;
- height:72px;
- border-radius:100%;
- -webkit-filter: grayscale(100%);
- filter: grayscale(100%);
- }
- .ynkk {
- position:fixed;
- margin-left:330px;
- margin-top:195px;
- z-index:9999999999999999999999999999999;
- display:none;
- }
- .ynkk img {
- width:60px;
- height:60px;
- border-radius:100%;
- }
- #test {
- position:fixed;
- z-index:100000;
- margin-left:370px;
- margin-top:175px;
- color:#fff;
- }
- #box{
- padding:10px;
- padding-right:150px;
- z-index:-9999;
- position:fixed;
- margin-top:175px;
- background:transparent;
- font-size:10px;
- margin-left:30px;
- width:540px;
- height:2px;
- border:0px solid #eeeeee;
- color:#000;
- border-radius:0px;
- font-family:'arial';
- color:#f0f0f0;
- opacity:1;
- z-index:1;
- }
- .oi {
- font-size:28px;
- padding-top:10px;
- float:left;
- margin-top:210px;
- margin-left:210px;
- width:180px;
- }
- .oi .iconify {
- margin-bottom:8px;
- box-shadow: 0 -5px rgba(218,212,198, 0) inset;
- margin-right:0px;
- border-radius:10px;
- color:#000;
- background:#c1b9a7;
- padding:10px;
- width:20px;
- height:20px;
- display:inline-block;
- }
- .oi a {
- box-shadow: 0 -5px rgba(218,212,198, 0) inset;
- }
- .oi2 {
- font-size:7px;
- padding-top:10px;
- float:left;
- font-family:montserrat;
- font-weight:600;
- letter-spacing:2px;
- text-transform:uppercase;
- margin-top:130px;
- margin-left:-13px;
- width:300px;
- text-align:center;
- }
- .oi2 .iconify {
- margin-bottom:8px;
- box-shadow: 0 -5px rgba(218,212,198, 0) inset;
- margin-right:0px;
- border-radius:10px;
- color:#000;
- background:#c1b9a7;
- padding:10px;
- width:20px;
- height:20px;
- display:inline-block;
- }
- .oi2 a {
- background:#dad4c6;
- padding:4px;
- border-radius:4px;
- box-shadow: 0 -5px rgba(218,212,198, 0) inset;
- margin-right:2px;
- -webkit-transition: all 0.2s ease-in-out;
- -moz-transition: all 0.2s ease-in-out;
- -o-transition: all 0.2s ease-in-out;
- -ms-transition: all 0.2s ease-in-out;
- transition: all 0.2s ease-in-out;
- }
- .oi2 a:before {
- content:'#';
- font-weight:900;
- margin-right:3px;
- }
- .oi2 a:hover {
- background:#c1b9a7;
- -webkit-transition: all 0.2s ease-in-out;
- -moz-transition: all 0.2s ease-in-out;
- -o-transition: all 0.2s ease-in-out;
- -ms-transition: all 0.2s ease-in-out;
- transition: all 0.2s ease-in-out;
- }
- .oi4 {
- font-size:7px;
- padding-top:10px;
- font-family:montserrat;
- font-weight:600;
- letter-spacing:2px;
- text-transform:uppercase;
- margin-left:-13px;
- text-align:center;
- display:inline-block;
- }
- .oi4 a {
- display:inline-block;
- width:auto;
- margin-right:2px;
- display:inline;
- width:auto;
- margin-right:2px;
- background:#dad4c7;
- padding:4px;
- border-radius:4px;
- box-shadow: 0 -5px rgba(0,0,0, 0.00) inset;
- -webkit-transition: all 0.2s ease-in-out;
- -moz-transition: all 0.2s ease-in-out;
- -o-transition: all 0.2s ease-in-out;
- -ms-transition: all 0.2s ease-in-out;
- transition: all 0.2s ease-in-out;
- }
- .oi4 a:before {
- content:'#';
- font-weight:900;
- margin-right:3px;
- }
- .lorem3 {
- position:fixed;
- width:480px;
- text-align:center;
- line-height:100%;
- color:#000;
- font-family:roboto;
- font-family: 'Space Mono', monospace;
- text-transform:lowercase;
- font-size:5px;
- letter-spacing:2px;
- margin-top:136px;
- margin-left:-261px;
- transform:rotate(-90deg);
- pointer-events:none;
- }
- .liner {
- position:fixed;
- background:#000;
- height:80px;
- width:30px;
- margin-left:-5px;
- margin-top:180px;
- mix-blend-mode:overlay;
- }
- .liner2 {
- position:fixed;
- background:#000;
- height:80px;
- width:30px;
- margin-left:265px;
- margin-top:170px;
- mix-blend-mode:overlay;
- z-index:1000000000000000000000000000;
- }
- .bleach2 {
- position:fixed;
- color:#000;
- text-transform:uppercase;
- font-size:7px;
- text-align:left;
- width:250px;
- letter-spacing:2px;
- margin-top:290px;
- margin-left:39px;
- z-index:999999999999999999999;
- font-weight:600;
- }
- .bleach2 a {
- color:#000;
- -webkit-transition: all 0.2s ease-in-out;
- -moz-transition: all 0.2s ease-in-out;
- -o-transition: all 0.2s ease-in-out;
- -ms-transition: all 0.2s ease-in-out;
- transition: all 0.2s ease-in-out;
- border-bottom:0px;
- box-shadow: 0 -5px rgba(0,0,0, 0.00) inset;
- box-shadow: 0 -5px rgba(218,212,198, 0.6) inset;
- }
- .bleach2 a:hover {
- box-shadow: 0 -5px rgba(218,212,198, 1) inset;
- -webkit-transition: all 0.2s ease-in-out;
- -moz-transition: all 0.2s ease-in-out;
- -o-transition: all 0.2s ease-in-out;
- -ms-transition: all 0.2s ease-in-out;
- transition: all 0.2s ease-in-out;
- }
- @font-face{ font-family:mint; src:url('https://static.tumblr.com/y3tw76x/82Joyt2hm/taken_by_vultures_alternates_demo.ttf');}
- @font-face { font-family: "october"; src: url('https://dl.dropboxusercontent.com/s/mbyg0g1cianbljw/Shopping%20Script%20Demo.ttf'); format("truetype");}
- @font-face{ font-family:"didoni"; src: url('https://dl.dropboxusercontent.com/s/v2faujqdedjca02/K22%20Didoni.otf’)'); }
- @font-face{ font-family:jitzu; src:url('https://dl.dropboxusercontent.com/s/xevtke3dlevbvi0/JITZU-SWASH-MEDIUM.OTF');}
- @font-face{ font-family:mint; src:url('https://static.tumblr.com/y3tw76x/82Joyt2hm/taken_by_vultures_alternates_demo.ttf');}
- @font-face { font-family: "october"; src: url('https://dl.dropboxusercontent.com/s/mbyg0g1cianbljw/Shopping%20Script%20Demo.ttf'); format("truetype");}
- @font-face{ font-family:sydney; src:url('https://dl.dropboxusercontent.com/s/4q92ilil9dqhhlq/Sydney-Regular.ttf');}
- @font-face{ font-family:sydneysans; src:url('https://dl.dropboxusercontent.com/s/9tku01xi249l64o/SydneySansSerif-Regular.ttf');}
- @font-face{ font-family:amstonia; src:url('https://dl.dropboxusercontent.com/s/4gfkiswm34dq3uj/Amstonia%20Signature.ttf');}
- @font-face{ font-family:batters; src:url('https://dl.dropboxusercontent.com/s/lkzosjv2o5pufx5/Batters%20Alt.ttf');}
- @font-face{ font-family:troye; src:url('https://dl.dropboxusercontent.com/s/eg15nkm7vtjkn52/Troye%20Serif.otf');}
- @font-face{ font-family:troyesans; src:url('https://dl.dropboxusercontent.com/s/yzyziayzmuzx88s/Troye%20Sans.otf');}
- @font-face{ font-family:troyescript; src:url('https://dl.dropboxusercontent.com/s/djc9z33qzix1fdi/Troye%20Script.otf');}
- @font-face{ font-family:tamoro; src:url('https://dl.dropboxusercontent.com/s/4qaiyzii4jztyx2/TamoroScript_PersonalUseOnly.ttf');}
- @font-face{ font-family:eloquentreg; src:url('https://dl.dropboxusercontent.com/s/53znphyyr7pdfyz/EloquentJFRegularPro.ttf');}
- @font-face{ font-family:eloquentital; src:url('https://dl.dropboxusercontent.com/s/tsjp9neexkm2h4b/EloquentJFItalicPro.ttf');}
- @font-face{ font-family:fern; src:url('https://dl.dropboxusercontent.com/s/3oa7xcclotoxmjx/Fern%20Whisper.otf');}
- @font-face{ font-family:hermes; src:url('https://dl.dropboxusercontent.com/s/zpfs62xqpy43joz/Herrmes.ttf');}
- @font-face { font-family: "coco"; src: url('https://dl.dropboxusercontent.com/s/h4xmli8klp2dub5/CerebriSans-Bold.ttf') ;}
- .ging {
- font-family:roboto;
- font-family: 'Space Mono', monospace;
- font-size:8px;
- position:absolute;
- z-index:99999999999999999999999;
- margin-left:15px;
- line-height:175%;
- text-transform:lowercase;
- color:#000;
- letter-spacing:2px;
- margin-top:210px;
- width:140px;
- text-align:justify;
- font-style:normal;
- font-weight:600;
- -webkit-filter: grayscale(0%);
- filter: grayscale(0%);
- transform:rotate(0deg);
- z-index:99999999999999999999999;
- max-height:100px;
- border-radius:7px;
- overflow:scroll;
- padding:5px;
- background:rgba(248,248,248, 0);
- }
- .boy {
- position:fixed;
- width:70px;
- text-align:center;
- line-height:100%;
- color:#000;
- font-family:roboto;
- text-transform:uppercase;
- font-size:5px;
- padding:5px;
- border:1px solid #000;
- letter-spacing:2px;
- margin-top:95px;
- margin-left:210px;
- -webkit-transition: all 0.2s ease-in-out;
- -moz-transition: all 0.2s ease-in-out;
- -o-transition: all 0.2s ease-in-out;
- -ms-transition: all 0.2s ease-in-out;
- transition: all 0.2s ease-in-out;
- display:none;
- }
- .boy:hover {
- -webkit-transition: all 0.2s ease-in-out;
- -moz-transition: all 0.2s ease-in-out;
- -o-transition: all 0.2s ease-in-out;
- -ms-transition: all 0.2s ease-in-out;
- transition: all 0.2s ease-in-out;
- }
- .boy2 {
- position:fixed;
- text-align:center;
- line-height:100%;
- padding:5px;
- padding-left:7px;
- color:#000;
- font-family:montserrat;
- text-transform:uppercase;
- font-size:6px;
- border:0px solid #000;
- background:#c1b9a7;
- border-radius:4px;
- letter-spacing:2px;
- margin-top:310px;
- margin-left:20px;
- z-index:9999999999999999999999999999999999999999;
- font-weight:600;
- }
- .boy2:hover {
- -webkit-transition: all 0.2s ease-in-out;
- -moz-transition: all 0.2s ease-in-out;
- -o-transition: all 0.2s ease-in-out;
- -ms-transition: all 0.2s ease-in-out;
- transition: all 0.2s ease-in-out;
- }
- .boy2 a {
- box-shadow: 0 -5px rgba(0,0,0, 0.00) inset;
- }
- .barc {
- width:35px;
- height:auto;
- position:fixed;
- transform:rotate(0deg);
- margin-left:265px;
- margin-top:-85px;
- opacity:0.7;
- pointer-events: none;
- }
- .barc img {
- width:35px;
- height:69px;
- }
- #boxy {
- position:fixed;
- margin-left:0px;
- margin-top:-100px;
- border:solid 0px #eeeeee;
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- -o-transition: all 0.6s ease-in-out;
- -ms-transition: all 0.6s ease-in-out;
- transition: all 0.6s ease-in-out;
- background:#dad4c6;
- background-position:center;
- padding:0px;
- width:260px;
- height:480px;
- opacity:1;
- border:0px solid #000;
- z-index:1;
- display:none;
- }
- #bex {
- position:fixed;
- margin-top:-100px;
- z-index:-1;
- height:260px;
- width:260px;
- margin-left:20px;
- background:#dad4c6;
- z-index:99999999999999999999999999999999999999;
- pointer-events:none;
- display:none;
- }
- #hun {
- position:fixed;
- z-index:-1;
- margin-top:120px;
- margin-left:30px;
- transform:rotate(0deg);
- width:70px;
- height:70px;
- border-radius:100%;
- background:#f8f8f8;
- z-index:1000000000000000000;
- background-position:center;
- filter:grayscale(100%);
- overflow:hidden;
- display:none;
- }
- #hun2 {
- position:fixed;
- z-index:-1;
- margin-top:100px;
- margin-left:30px;
- transform:rotate(0deg);
- width:200px;
- height:250px;
- border-radius:10px;
- background:#f8f8f8;
- z-index:1000000000000000000;
- background-position:center;
- filter:grayscale(100%);
- display:none;
- }
- #hun img {
- position:fixed;
- width:160px;
- height:170px;
- margin-left:20px;
- margin-top:20px;
- border-radius:0%;
- border:0px solid #eeeeee;
- z-index:99999999999999999999;
- background:#000;
- filter:grayscale(100%);
- z-index:1000000000000000000000000000000000000000000;
- }
- .boxb {
- height:480px;
- width:370px;
- position:fixed;
- margin-left:-53px;
- background:;
- background-image:url('');
- margin-top:-100px;
- z-index:-99999999999999999;
- }
- .sideb {
- position:fixed;
- width:370px;
- height:482px;
- background:
- margin-left:-30px;
- margin-top:-80px;
- z-index:-99999999999999999999999999999999;
- background-image:url('');
- display:none;
- }
- /*POST INFO*/
- #info {
- width:283px;
- margin-top:0px;
- padding:0px;
- padding-bottom:0px;
- text-align:left;
- text-transform:uppercase;
- font-size:calc( - 1px);
- font-size:8px;
- letter-spacing:2px;
- color:#f3f3f3;
- font-weight:normal;
- font-family: 'Space Mono', monospace;
- padding:0px;
- background-image:url('https://assets.tumblr.com/images/x.gif?v=1');
- border-bottom:0px solid #eeeeee;
- margin-top:0px;
- padding:10px;
- padding-top:5px;
- }
- #info a{
- border-bottom:0px solid #eeeeee;
- box-shadow: 0 -5px rgba(0,0,0, 0.00) inset;
- }
- #info a:hover {
- color:#000;
- }
- .dt {
- display:inline;
- letter-spacing:2px;
- color:#000;
- margin-top:0px;
- float:right;
- }
- .dt a {
- color:#000;
- font-size:7px;
- }
- #info2 {
- width:280px;
- margin-top:10px;
- padding:10px;
- padding-bottom:0px;
- border-top:1px solid rgba(255,255,255,0.04);
- text-align:left;
- text-transform:uppercase;
- font-size:7px;
- letter-spacing:2px;
- color:#000;
- font-weight:normal;
- }
- #info2 a{
- color:#000;
- }
- #info2 a:hover {
- color:#000;
- }
- .tags {
- text-align:center;
- letter-spacing:0px;
- font-size:9px;
- font-style:normal;
- letter-spacing:1px;
- line-height:250%;
- display:inline;
- text-transform:none;
- }
- .tags a {
- margin:0px 0px 0px 0px;
- font-weight:normal;
- margin-right:4px;
- border-top:1px solid #eeeeee;
- padding-top:3px;
- color:#000;
- border-bottom:0px solid #eeeeee;
- box-shadow: 0 -5px rgba(0,0,0, 0.00) inset;
- font-size:9px;
- }
- .tags a:hover {
- font-style:normal;
- }
- /*AUDIO*/
- .audio {
- height:60px;
- padding:5px;
- margin-bottom:10px;
- margin-top:10px;
- border-left:0px solid #000;
- border-bottom:0px solid #eeeeee;
- border-radius:0px;
- padding-top:7px;
- background:#dad4c6;
- }
- .audio-album {
- position:absolute;
- width:60px;
- }
- .player {
- opacity:1;
- opacity:100%;
- border:10px solid #f8f8f8;
- border-radius:4px;
- width:25px;
- height:24px;
- overflow:hidden;
- padding-right:7px;
- padding-bottom:3px;
- position:absolute;
- z-index:2;
- margin-left:10px;
- margin-top:6px;
- }
- .audio-info {
- margin-top:2px;
- position:relative;
- margin-left:70px;
- padding:12px;
- padding-top:14px;
- text-transform:lowercase;
- text-align:right;
- line-height:150%;
- color:#f8f8f8;
- font-family:montserrat;
- font-size:9px;
- }
- .audio-info b {
- color:#f8f8f8;
- }
- .audio-info tn {
- font-weight:800;
- font-size:13px;
- letter-spacing:0px;
- }
- .audio-info ta {
- text-transform:lowercase;
- font-size:10px;
- letter-spacing:1px;
- font-weight:300;
- color:#f8f8f8;
- font-family:montserrat;
- font-style:italic;
- }
- /*QUESTION*/
- #faq {
- font-size:10px;
- letter-spacing:1px;
- color:#000;
- text-align:left;
- column-count: 3;
- column-fill: auto;
- }
- .faqq {
- }
- .faqa {
- padding:10px;
- margin-top:10px;
- border-left:1px solid #eeeeee;
- }
- /*PAGINATION*/
- #pagination2{
- position:fixed;
- width:531px;
- background-color:#000;
- color:#000;
- border:1px solid #eeeeee;
- margin-top:130px;
- margin-left:480px;
- font-weight:bold;
- font-family:calibri;
- padding:4px;
- padding-top:16px;
- padding-bottom:14px;
- padding-right:10px;
- font-size:10px;
- text-align:left;
- padding-left:10px;
- text-transform:uppercase;
- letter-spacing:2px;
- box-shadow:0px 0px 0px #222;
- border-top-left-radius:0px;
- border-top-right-radius:0px;
- }
- #pagination2 img {
- position:fixed;
- margin-left:-47px;
- margin-top:-9px;
- border:1px solid #eeeeee;
- border-radius:100%;
- -webkit-filter: grayscale(100%);
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- -o-transition: all 0.6s ease-in-out;
- -ms-transition: all 0.6s ease-in-out;
- transition: all 0.6s ease-in-out;
- }
- #pagination2 img:hover {
- -webkit-filter: grayscale(0%);
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- -o-transition: all 0.6s ease-in-out;
- -ms-transition: all 0.6s ease-in-out;
- transition: all 0.6s ease-in-out;
- }
- #pagination2 a{
- color:;
- background-color:transparent;
- display:inline;
- padding-right:3px;
- margin-left:8px;
- }
- .mint {
- position:fixed;
- text-transform:uppercase;
- width:120px;
- height:50px;
- padding-left:6px;
- padding-right:4px;
- padding-top:5px;
- padding-bottom:0px;
- font-size:18px;
- text-align:center;
- bottom:-20px;
- right:5px;
- text-align:right;
- color:#000;
- letter-spacing:1px;
- border-radius:100%;
- border-bottom:0px solid #eeeeee;
- border-radius:0px;
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- -o-transition: all 0.6s ease-in-out;
- -ms-transition: all 0.6s ease-in-out;
- transition: all 0.6s ease-in-out;
- }
- .mint a {
- padding-top:0px;
- padding-left:3px;
- padding-right:3px;
- }
- .tabnav {
- display:inline-block;
- position:fixed;
- width:20px;
- height:200px;
- line-height:200%;
- margin-right:4px;
- margin-top:-141px;
- margin-left:126.5px;
- }
- .tabnav a {
- width:16px;
- height:17px;
- padding:3px;
- padding-top:5px;
- padding-bottom:0px;
- box-align:center;
- text-align:center;
- font-size:12px;
- margin-bottom:12px;
- border-radius:0px;
- display:inline-block;
- transition:.7s;
- -webkit-transition:.7s;
- -moz-transition:.7s;
- }
- .tabnav a:hover {
- color: #000;
- transition:.7s;
- -webkit-transition:.7s;
- -moz-transition:.7s;
- }
- .tabtext span {
- background:#f3f3f3;
- padding:3px;
- border-radius:3px;
- text-transform:uppercase;
- font-size:7px;
- letter-spacing:1px;
- }
- .tabimg img {
- transition:.7s;
- -webkit-transition:.7s;
- -moz-transition:.7s;
- filter:grayscale(100%);
- }
- .tabimg img:hover {
- filter:grayscale(0%);
- filter:grayscale(25%);
- transition:.7s;
- -webkit-transition:.7s;
- -moz-transition:.7s;
- }
- .tabtitle {
- text-align:center;
- padding:30px;
- padding-top:45px;
- font-family:stylish;
- margin-top:15px;
- font-size:60px;
- border-top:1px solid #eeeeee;
- border-bottom:1px solid #eeeeee;
- background:;
- border-radius:0px;
- line-height:10%;
- position:relative;
- z-index:-1;
- height:35px;
- transition:.7s;
- -webkit-transition:.7s;
- -moz-transition:.7s;
- }
- .tabtitle:hover {
- letter-spacing:1px;
- transition:.7s;
- -webkit-transition:.7s;
- -moz-transition:.7s;
- }
- .tabtitle span {
- font-family: 'Karla', sans-serif;
- font-size:7px;
- text-transform:uppercase;
- letter-spacing:2px;
- background:#f3f3f3;
- padding:3px;
- border-radius:3px;
- position:relative;
- z-index:-1;
- transition:.7s;
- -webkit-transition:.7s;
- -moz-transition:.7s;
- opacity:0.1;
- filter: invert(100%);
- color:#fff;
- transition:.7s;
- -webkit-transition:.7s;
- -moz-transition:.7s;
- }
- .tabtitle:hover span {
- letter-spacing:2px;
- opacity:0.1;
- filter: invert(100%);
- color:#fff;
- transition:.7s;
- -webkit-transition:.7s;
- -moz-transition:.7s;
- }
- .askq {
- width:270px;
- margin-top:10px;
- text-align:justify;
- line-height:300%;
- }
- .askq cute {
- text-transform:uppercase;
- font-size:7px;
- letter-spacing:1px;
- padding:5px;
- width:290px;
- background:rgba(255,255,255,0.03);
- margin-right:5px;
- border-radius:2px;
- }
- .askq span {
- font-size:11px;
- margin-right:5px;
- }
- .mtit {
- font-family: 'Abril Fatface', cursive;
- transform:rotate(0deg);
- text-align:center;
- font-size:25px;
- font-weight:900;
- margin-top:10px;
- margin-bottom:15px;
- color:#000;
- }
- .mtitcute {
- margin-top:10px;
- background:rgba(, 0.025);
- padding:3px;
- border-radius:4px;
- font-family:'Quicksand', sans-serif;
- font-size:7px;
- letter-spacing:3px;
- text-transform:uppercase;
- text-align:center;
- color:#000;
- width:80%;
- transform:rotate(0deg);
- margin:0 auto;
- }
- .mtitcute2 {
- margin-top:5px;
- background:rgba(, 0.025);
- padding:3px;
- border-radius:4px;
- font-family:'Quicksand', sans-serif;
- font-size:7px;
- letter-spacing:3px;
- text-transform:uppercase;
- text-align:center;
- color:#000;
- transform:rotate(-2deg);
- margin:0 auto;
- width:125px;
- margin-bottom:20px;
- margin-left:0px;
- }
- #muses {
- box-align:center;
- width:280px;
- margin-top:10px;
- margin-left:8px;
- padding-top:15px;
- max-height:322px;
- overflow-y:auto;
- }
- .mbox {
- width:130px;
- height:100px;
- display:inline-block;
- margin-bottom:0px;
- }
- #muses img {
- width:130px;
- height:58px;
- opacity:0.9;
- border-radius:0px;
- margin-right:3px;
- margin-bottom:8px;
- -webkit-filter: grayscale(100%);
- -webkit-transition: all 0.3s ease-in-out;
- -moz-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- -ms-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- }
- #muses img:hover {
- -webkit-filter: grayscale(0%);
- -webkit-filter: grayscale(100%);
- transform:scale(0.98) rotate(0deg);
- -webkit-transition: all 0.3s ease-in-out;
- -moz-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- -ms-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- }
- .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;}
- .musebox img { z-index:9999;position:relative;margin-top:15px;opacity:1; margin-right:-10px; margin-left:-10px; }
- .musebox a{ margin-bottom:0px; padding:1px; }
- .musebox:hover .mname { opacity:1; transition:0.5s; }
- .musebox i { color:#555; border:1px solid #050505; padding:4px; width:10px; border-radius:5px; background:#050505;
- -webkit-transition: all 0.7s linear;
- -moz-transition: all 0.7s linear;
- transition: all 0.7s linear; }
- .musebox a:hover i {
- background:; color:#aaa;
- -webkit-transition: all 0.7s linear;
- -moz-transition: all 0.7s linear;
- transition: all 0.7s linear;
- }
- .musename {
- font-family: 'Abril Fatface', cursive;
- transform:rotate(0deg);
- text-align:center;
- font-size:35px;
- margin-top:15px;
- margin-bottom:10px;
- color:#000;
- }
- .musesubtitle {
- margin-top:10px;
- background:rgba(, 0.015);
- padding:3px;
- border-radius:0px;
- font-family:'Quicksand', sans-serif;
- font-size:7px;
- letter-spacing:3px;
- text-transform:uppercase;
- text-align:center;
- color:#000;
- transform:rotate(0deg);
- margin-left:0px;
- }
- .spot1 {
- width:115px;
- margin-top:30px;
- line-height:200%;
- padding-right:13px;
- margin-left:3px;
- border-right:0px solid #eeeeee;
- }
- .songtit {
- font-family:'Abril Fatface', cursive;
- font-size:12px;
- letter-spacing:0px;
- }
- .songart {
- text-transform:uppercase;
- font-size:7px;
- }
- .museq {
- position:absolute;
- font-size:95px;
- opacity:0.3;
- font-family:georgia;
- margin-left:215px;
- margin-top:10px;
- }
- .musequote {
- position:absolute;
- width:130px;
- text-align:right;
- margin-top:-65px;
- margin-left:127px;
- height:60px;
- overflow-y:scroll;
- text-transform:uppercase;
- font-size:7px;
- }
- .musestats {
- margin-top:10px;
- font-size:7px;
- text-transform:uppercase;
- width:125px;
- border-top:0px solid #eeeeee;
- padding:10px;
- padding-left:0px;
- padding-top:15px;
- text-align:left;
- line-height:270%;
- margin-left:3px;
- }
- .musestats cute {
- padding:2px;
- border-radius:3px;
- background:#000;
- color:#000;
- margin-right:5px;
- }
- .muselinks {
- position:absolute;
- margin-left:155px;
- margin-top:-78px;
- line-height:405%;
- }
- .muselinks .sf {
- color:#f0f0f0;
- background:#000;
- padding:7px;
- padding-bottom:4px;
- padding-top:8px;
- font-size:13px;
- margin-right:3px;
- }
- .mbg {
- padding:3px;
- border-top-left-radius:5px;
- border-top-right-radius:5px;
- background:#000;
- opacity:0.5;
- color:#000;
- letter-spacing:2px;
- text-transform:uppercase;
- font-size:7px;
- text-shadow:0px 0px 0px #111;
- position:relative;
- z-index:9;
- padding-left:6px;
- padding-right:6px;
- font-family: 'Quicksand', sans-serif;
- font-weight:normal;
- }
- .mdesc {
- margin-top:-2px;
- border-bottom-left-radius:10px;
- border-bottom-right-radius: 10px;
- width:88px;
- padding:5px;
- border:1px solid #111;
- margin-left:5px;
- }
- .mname1 {
- margin-left:0px;
- margin-top:-30px;
- font-family:kino;
- font-weight:00;
- text-transform:lowercase;
- width:110px;
- padding-top:10px;
- padding-bottom:5px;
- border-radius:10px;
- line-height:120%;
- color:;
- font-size:22px;
- text-align:center;
- text-shadow:2px 2px 0px #151515;
- }
- ul {
- margin-left:-20px;
- text-align:left;
- }
- li {
- padding-left: 0px;
- list-style: none;
- }
- li:before {
- margin-left: -10px;
- width: 16px;
- color: #000;
- content: "\e12b";
- font-family:'saturnicons';
- font-size:6px;
- font-weight:300;
- color:#dad4c6;
- display: inline-block;
- }
- ul li {
- width:95%;
- text-align:justify;
- list-style-type: none;
- }
- #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; }
- .asker a { font-size:16px; color:; padding-right:0px; letter-spacing:0px; border-radius:0px; font-weight:700; }
- .asker { font-size:16px; color:; padding-right:0px; letter-spacing:0px; border-radius:0px; margin-bottom:5px; font-weight:700; text-transform:lowercase; }
- #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; }
- #audioplayer:hover { opacity:1; -webkit-transition:0.5s; }
- #audioart { float:left; margin-top:-9px; margin-left:0px; padding-right:10px; }
- #audioart img { border:6px solid #eeeeee; width:50px; border-radius:0px; }
- #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; }
- .notes { text-align:left; margin-top:0px; }
- .notes img { margin-right:2px; width:10px; border-radius:100px; }
- ol.notes, .notes li { width:300px; list-style:none; margin:3px; margin-left:8px; padding:0px; }
- .notes li a { font-weight:bold; color:; text-transform:uppercase; font-size:7px; letter-spacing:1px; }
- .notes li {
- margin-left:-15px;
- }
- .notes li:before { content:''; }
- #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;}
- #tags a { padding:0px; border-bottom:none; color:#000; text-shadow:none; text-transform:uppercase; letter-spacing:1px; font-size:10px;}
- #tags i { color:#000; }
- .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; }
- .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%;}
- .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%; }
- .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; }
- .convo { overflow:hidden; list-style-type:none; padding:0px; margin-top:-13px; list-style-type:none; margin-bottom:0px; line-height:100%; }
- .musebox img { -webkit-filter:grayscale(100%);
- -webkit-transition: all 0.8s linear; -moz-transition: all 0.8s linear; transition: all 0.8s linear;}
- .musebox img:hover {
- -webkit-filter:grayscale(100%);
- -webkit-transition: all 0.8s linear; -moz-transition: all 0.8s linear; transition: all 0.8s linear;}
- #sec img { -webkit-filter:grayscale();
- -webkit-transition: all 0.8s linear; -moz-transition: all 0.8s linear; transition: all 0.8s linear;}
- #sec img:hover { -webkit-filter:grayscale(0%); -webkit-transition: all 0.8s linear; -moz-transition: all 0.8s linear; transition: all 0.8s linear;}
- #posts img { -webkit-filter:grayscale();
- -webkit-transition: all 0.8s linear; -moz-transition: all 0.8s linear; transition: all 0.8s linear; border-radius:0px; }
- iframe { border-radius:0px; }
- #posts img:hover { -webkit-filter:grayscale(0%); -webkit-transition: all 0.8s linear; -moz-transition: all 0.8s linear; transition: all 0.8s linear; }
- .linkos {
- display:block;
- margin-top:70px;
- }
- .linkos a {
- display:block;
- width:80px;
- }
- #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;
- margin-left:-20px; margin-top:70px; border:0px solid #000; border-radius:0px; width:400px; height:127px; background:#f8f8f8;
- filter:grayscale(100%);
- -webkit-transition: all 0.8s linear; -moz-transition: all 0.8s linear; transition: all 0.8s linear;
- border-top-right-radius:0px;
- border-bottom-right-radius:0px;
- background:url(''); height:291px; width:130px; background-position:bottom; }
- #admins:hover {
- filter:grayscale(100%);
- filter:grayscale(100%);
- }
- #admins img:hover {
- filter:grayscale(100%);
- filter:grayscale(100%);
- -webkit-transition: all 0.8s linear; -moz-transition: all 0.8s linear; transition: all 0.8s linear;
- }
- #admins cute {
- padding:5px;
- text-align:center;
- padding-left:17px;
- padding-right:17px;
- }
- #admins cute2 {
- padding:5px;
- text-align:center;
- padding-left:17px;
- padding-right:17px;
- margin-left:50px;
- }
- #admins .sf {
- position:absolute;
- font-size:13px;
- margin-top:7px;
- margin-left:10px;
- }
- #admins svg {
- position:absolute;
- font-size:13px;
- margin-top:-62px;
- margin-left:10px;
- fill:white;
- width:13px;
- }
- #admins cuter {
- position:absolute;
- margin-left:15px;
- margin-top:0px;
- width:60px;
- height:60px;
- }
- .nicon {
- position:fixed;
- width:60px;
- height:60px;
- margin-top:150px;
- margin-left:270px;
- padding:7px;
- border:0px solid #eeeeee;
- display:none;
- }
- .nicon img {
- filter:grayscale(100%);
- width:60px;
- height:60px;
- border-bottom:5px solid rgba( 0,0,0, 0.8 );
- padding-bottom:10px;
- display:none;
- }
- .niconborder {
- width:60px;
- height:70px;
- background:rgba(, 0.025);
- position:fixed;
- margin-top:160px;
- margin-left:260px;
- z-index:-1;
- display:none;
- }
- .ego {
- position:absolute;
- font-family:troye;
- font-size:55px;
- line-height:35px;
- right:20px;
- color:#000;
- background:#f3f3f3;
- z-index:999999999999999999999999999999;
- background:transparent;
- text-align:right;
- margin-top:125px;
- background:#f8f8f8;
- line-height:50%;
- padding:15px;
- max-width:250px;
- padding-bottom:20px;
- border-bottom:10px solid #000;
- text-align:center;
- }
- .olivia {
- opacity:0.8;
- text-transform:uppercase;
- font-family:'Quicksand';
- font-size:6.5px;
- letter-spacing:1px;
- margin-left:135px;
- width:105px;
- height:107px;
- }
- .loona {
- text-align:left;
- border-radius:0px;
- text-transform:lowercase;
- font-size:10px;
- position:fixed;
- margin-top:-20px;
- text-align:left;
- color:#000;
- margin-left:10px;
- display:none;
- }
- .loona2 {
- position:fixed;
- width:180px;
- margin-top:205px;
- margin-left:140px;
- max-height:140px;
- overflow-y:scroll;
- text-transform:uppercase;
- font-size:10px;
- letter-spacing:0.5px;
- opacity:1;
- z-index:10000000000000000000000000000000;
- line-height:21px;
- font-family: 'ABeeZee', sans-serif;
- letter-spacing:1.5px;
- opacity:0.8;
- font-size:6.5px;
- }
- .loona big {
- font-size:16px;
- letter-spacing:0px;
- margin-right:4px;
- }
- .bq { padding-left:10px;margin-left:-80px; width:100px;}
- .bee { margin-top:60px; width:160px; margin-left:100px; padding-left:5px; padding-right:5px; padding-bottom:5px; border-radius:0px; display:inline-block; }
- .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:;
- -moz-transition: all 0.4s linear;
- transition: all 0.4s linear;
- border-radius:100px;
- height:20px;
- padding:10px;
- padding-right:8.5px;
- padding-left:11.5px;
- padding-bottom:8.5px;
- padding-top:11.5px;
- width:20px;
- margin-bottom:25px;
- line-height:5px;
- border-radius:0%;}
- .nyoong {
- transform: rotate(-90deg);
- position:absolute;
- height:255px;
- text-align:center;
- width:260px;
- margin-left:0px;
- letter-spacing:2px;
- margin-top:15px;
- }
- .olivia {
- opacity:0.4;
- text-transform:uppercase;
- font-family:'Quicksand';
- font-size:6.5px;
- letter-spacing:1px;
- margin-left:135px;
- margin-top:20px;
- width:195px;
- height:87px;
- }
- .bq { padding-left:10px;margin-left:-80px; width:100px;}
- #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;}
- #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;}
- #updates { position:absolute; top:15px; right:14px; width:78px; height:160px; background:#ebebeb; font-family:'work sans'; line-height:12px; overflow:auto; }
- .uptitle { text-align:center; text-transform:lowercase; font-family:kino; font-size:30px; padding-bottom:3px; }
- #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; }
- 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; }
- #boy span {
- border:1px solid #111;
- background:#aaa;
- color:#000;
- border-radius:100%;
- height:18px;
- padding:10px;
- width:18px;
- margin-bottom:15px;
- line-height:10px;
- display:block;
- }
- #s-m-t-tooltip {
- z-index: 9999;
- background:rgba(0,0,0, 1);
- font-size: 9px;
- line-height: 13px;
- letter-spacing: 1.5px;
- text-transform:uppercase;
- font-size:7px;
- border:solid 0px #eeeeee;
- border-radius:0px;
- -o-transition: all 0.3s ease-out;
- -webkit-transition: all 0.3s ease-out;
- -moz-transition: all 0.3s ease-out;
- text-transform: normal;
- max-width:110px;
- color:#f8f8f8;
- word-wrap: break-word;
- padding: 1px 4px 1px 4px;
- display: block;
- margin: 0px 15px;
- text-transform:lowercase;
- text-align:left;
- border-bottom:3px solid #dad4c6;
- font-size:7px;
- letter-spacing:2px;
- text-align:center;
- max-width:90px;
- z-index:9999999999999999999999999999999999999;
- }
- ::selection {
- background: #dad4c6; /* WebKit/Blink Browsers */
- }
- ::-moz-selection {
- background: #dad4c6; /* Gecko Browsers */
- }
- .popup_block {
- background:rgba(248,248,248,1);
- border-radius:0px;
- border:0px solid #eeeeee;
- /*don’t change anything below here*/
- display: none;
- position: fixed;
- top: 57%; left:38%;
- z-index: 99999999;
- max-height:70vh;
- overflow:auto;
- -webkit-animation: zoom 0.5s;
- -moz-animation: zoom 0.5s;
- -ms-animation: zoom 0.5s;
- -o-animation: zoom 0.5s;
- animation: zoom 0.5s;
- z-index:9999999999999999999999999999999999999;
- padding:20px;
- height:275px;
- }
- *html .popup_block {
- position: absolute;
- z-index:9999999999999999999999999999999999999;
- }
- #navt {
- position:absolute;
- font-size:60px;
- text-align:center;
- word-spacing:-0px;
- letter-spacing:1px;
- width:300px;
- text-transform:lowercase;
- font-family:sydney;
- word-spacing:-25px;
- padding-left:0px;
- margin-top:250px;
- line-height:20%;
- z-index:1000000000000000000000000000000000000000000000000000000;
- color:#f8f8f8;
- transform:rotate(0deg);
- text-shadow:2px 2px 0px rgba(0,0,0,0);
- }
- #navt2 {
- font-family:sydneysans;
- font-size:16px;
- text-transform:uppercase;
- letter-spacing:3px;
- word-spacing:0px;
- text-align:center;
- width:260px;
- margin-left:5px;
- margin-top:17px;
- padding:0px;
- background:transparent;
- position:relative;
- padding-left:15px;
- padding-right:15px;
- z-index:-10000;
- color:;
- }
- #hao {
- margin-top:20px;
- }
- #hao img {
- width:150px;
- height:200px;
- }
- #san {
- text-align:left;
- margin-top:385px;
- position:absolute;
- z-index:1;
- }
- #san .sf {
- font-size:16px;
- color:;
- background:rgba(, 0.3);
- padding:12px;
- padding-top:13px;
- padding-bottom:9px;
- border-radius:7px;
- transition:.6s;
- -webkit-transition:.6s;
- -moz-transition:.6s;
- }
- #san a {
- width:47px;
- display:inline-block;
- color:;
- border-bottom:0px solid #eeeeee;
- box-shadow: 0 -5px rgba(0,0,0, 0.00) inset;
- }
- #san .sf:hover {
- color:;
- background:;
- transition:.6s;
- -webkit-transition:.6s;
- -moz-transition:.6s;
- }
- #wooyoung {
- word-spacing:-10px;
- width:280px;
- position:fixed;
- font-family:tamoro;
- color:;
- font-size:50px;
- text-align:left;
- line-height:37px;
- z-index:1;
- margin-top:242px;
- transform:rotate(-5deg);
- }
- #joongie {
- margin-top:201px;
- padding:0px;
- background:rgba(, 0.3);
- border-bottom:1px solid #eeeeee;
- font-family:roboto;
- font-size:10px;
- font-style:italic;
- text-align:center;
- position:fixed;
- letter-spacing:2px;
- width:140px;
- }
- #juyeon {
- font-family: 'Abril Fatface', cursive;
- font-family:'montserrat';
- font-size:80px;
- position:absolute;
- z-index:99999999999999999999999;
- line-height:60%;
- text-transform:lowercase;
- color:#dad4c6;
- letter-spacing:-3px;
- margin-top:147px;
- width:600px;
- height:120px;
- padding-top:3px;
- text-align:center;
- font-style:normal;
- word-spacing:-2px;
- font-weight:900;
- z-index:9999999999999;
- display:inline;
- margin-left:-245px;
- transform:rotate(-90deg);
- opacity:1;
- mix-blend-mode:normal;
- }
- #chanhee {
- margin-top:-15px;
- width:600px;
- overflow:hidden;
- text-align:center;
- }
- #chanhee a {
- color:#000;
- font-family:tamoro;
- font-size:70px;
- font-weight:300;
- word-spacing:0px;
- box-shadow: 0 -5px rgba(218,212,198, 0) inset;
- }
- #kev {
- 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;
- }
- #kev cute {
- box-shadow: 0 -10px rgba(218,212,198, 1) inset;
- }
- .hwall {
- display:none;
- }
- #cob {
- 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;
- }
- #cob cute {
- box-shadow: 0 -10px rgba(218,212,198, 1) inset;
- }
- #hwall {
- max-height: 135px;
- overflow-y:scroll;
- display:none;
- }
- #kyu {
- max-height: 165px;
- overflow-y:scroll;
- }
- #hak {
- text-align:left;
- margin-top:10px;
- }
- #hak a {
- font-weight:700;
- -webkit-transition: all 0.2s ease-in-out;
- -moz-transition: all 0.2s ease-in-out;
- -o-transition: all 0.2s ease-in-out;
- -ms-transition: all 0.2s ease-in-out;
- transition: all 0.2s ease-in-out;
- }
- #hak a:hover {
- box-shadow: 0 -5px rgba(0,0,0, 0) inset;
- -webkit-transition: all 0.2s ease-in-out;
- -moz-transition: all 0.2s ease-in-out;
- -o-transition: all 0.2s ease-in-out;
- -ms-transition: all 0.2s ease-in-out;
- transition: all 0.2s ease-in-out;
- }
- #sangyeon {
- font-family: 'Abril Fatface', cursive;
- font-family:'montserrat';
- font-size:80px;
- position:absolute;
- z-index:99999999999999999999999;
- line-height:60%;
- text-transform:lowercase;
- color:#dad4c6;
- letter-spacing:-3px;
- margin-top:147px;
- width:600px;
- height:120px;
- padding-top:3px;
- text-align:center;
- font-style:normal;
- word-spacing:-2px;
- font-weight:900;
- z-index:9999999999999;
- display:inline;
- margin-left:-242px;
- transform:rotate(-90deg);
- opacity:1;
- mix-blend-mode:normal;
- }
- #eric {
- margin-top:-15px;
- width:600px;
- overflow:hidden;
- text-align:center;
- }
- #eric a {
- color:#000;
- font-family:tamoro;
- font-size:70px;
- font-weight:300;
- word-spacing:0px;
- box-shadow: 0 -5px rgba(218,212,198, 0) inset;
- }
- #hoonie {
- position:fixed;
- text-align:center;
- margin-top:50px;
- }
- #hoonie a {
- color:#f8f8f8;
- font-size:23px;
- padding:7px;
- display:inline-block;
- }
- #hyunjae {
- margin-left:20px;
- margin-top:7px;
- }
- #hyunjae a {
- display:inline-block;
- width:80px;
- padding:20px;
- border-radius:4px;
- text-align:center;
- font-family:montserrat;
- margin-bottom:14px;
- font-size:9px;
- margin-right:12px;
- background:#dad4c6;
- color:#f8f8f8;
- box-shadow: 0 -5px rgba(218,212,198, 1) inset;
- }
- #hyunjae a:hover {
- -webkit-animation: scale-down-center 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
- animation: scale-down-center 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
- }
- /* ----------------------------------------------
- * Generated by Animista on 2019-10-18 3:56:51
- * Licensed under FreeBSD License.
- * See http://animista.net/license for more info.
- * w: http://animista.net, t: @cssanimista
- * ---------------------------------------------- */
- /**
- * ----------------------------------------
- * animation scale-down-center
- * ----------------------------------------
- */
- @-webkit-keyframes scale-down-center {
- 0% {
- -webkit-transform: scale(1);
- transform: scale(1);
- }
- 100% {
- -webkit-transform: scale(0.9);
- transform: scale(0.9);
- }
- }
- @keyframes scale-down-center {
- 0% {
- -webkit-transform: scale(1);
- transform: scale(1);
- }
- 100% {
- -webkit-transform: scale(0.9);
- transform: scale(0.9);
- }
- }
- #sunwoo {
- margin-left:20px;
- width:357px;
- height:170px;
- border-radius:7px;
- margin-top:3px;
- background:#f8f8f8;
- padding:20px;
- overflow-y:scroll;
- }
- .hwallie {
- float:left;
- border-radius:100%;
- margin-right:15px;
- margin-top:10px;
- margin-bottom:5px;
- background:#f3f3f3;
- }
- .hwallie img {
- float:left;
- width:50px;
- height:50px;
- border-radius:100%;
- -webkit-filter: grayscale(100%);
- }
- #hosh {
- text-transform:lowercase;
- padding:15px;
- width:190px;
- height:150px;
- overflow:scroll;
- padding-top:10px;
- padding-bottom:25px;
- overflow:scroll;
- line-height:16px;
- font-size:9px;
- text-align:left;
- letter-spacing:1.5px;
- border-left:0px solid #eeeeee;
- border-right:0px;
- border-top:0px;
- border-bottom-left-radius:0px;
- margin-left:-10px;
- position:fixed;
- margin-top:3px;
- display:none;
- }
- #hosh acc {
- margin-right:0px;
- color:#000;
- font-weight:bold;
- box-shadow: 0 -5px rgba(218,212,198, 1) inset;
- }
- #hosh line {
- background:rgba(, 0.3);
- padding:0px;
- display:inline-block;
- width:180px;
- padding-left:0px;
- margin-bottom:2px;
- border-radius:3px;
- }
- #hosh2 {
- text-transform:lowercase;
- padding:15px;
- height:150px;
- overflow:scroll;
- padding-top:10px;
- font-family:roboto;
- padding-bottom:25px;
- overflow:scroll;
- line-height:18px;
- font-size:9px;
- letter-spacing:1px;
- border-left:0px solid #eeeeee;
- border-right:0px;
- border-top:0px;
- border-bottom-left-radius:0px;
- margin-left:140px;
- position:fixed;
- margin-top:20px;
- }
- #hosh2 acc {
- padding:3px;
- padding-left:7px;
- padding-right:7px;
- padding-bottom:4px;
- font-style:italic;
- margin-right:7px;
- color:#000;
- font-weight:bold;
- border-right:1px solid #f3f3f3;
- background-image:url('');
- }
- #hosh2 line {
- background:rgba(, 0.3);
- padding:0px;
- display:inline-block;
- width:140px;
- padding-left:0px;
- margin-bottom:2px;
- border-radius:3px;
- }
- #jun {
- width:160px;
- height:470px;
- margin-top:-25px;
- margin-left:165px;
- border-top-left-radius:0px;
- border-top-right-radius:0px;
- background-image:url('');
- -webkit-filter: grayscale(100%);
- border-radius:0px;
- position:fixed;
- z-index:-1;
- }
- #jun img {
- width:280px;
- height:140px;
- border-top-left-radius:10px;
- border-top-right-radius:10px;
- margin-left:0px;
- -webkit-filter: grayscale(100%);
- }
- #wonu {
- position:fixed;
- padding:10px;
- width:110px;
- text-align:center;
- height:117px;
- background:#c1b9a7;
- border-bottom-right-radius:0px;
- margin-left:160px;
- margin-top:10px;
- position:fixed;
- z-index:9999999999999999;
- background-image:url('');
- display:none;
- }
- .wonulinks1 {
- width:40px;
- font-size:35px;
- line-height:120%;
- font-family: 'Abril Fatface', cursive;
- color:;
- margin-left:-3px;
- margin-top:-5px;
- }
- .wonulinks1 a{
- display:block;
- color:;
- }
- .wonulinks1 a:hover{
- color:;
- transition:.6s;
- -webkit-transition:.6s;
- -moz-transition:.6s;
- }
- .wonulinks2 {
- width:40px;
- font-size:35px;
- line-height:120%;
- font-family: 'Abril Fatface', cursive;
- color:;
- margin-left:37px;
- margin-top:-126px;
- }
- .wonulinks2 a{
- display:block;
- color:;
- }
- .wonulinks2 a:hover{
- color:;
- transition:.6s;
- -webkit-transition:.6s;
- -moz-transition:.6s;
- }
- .wonulinks3 {
- width:40px;
- font-size:35px;
- line-height:120%;
- font-family: 'Abril Fatface', cursive;
- color:;
- margin-left:75px;
- margin-top:-126px;
- }
- .wonulinks3 a{
- display:block;
- color:;
- }
- .wonulinks3 a:hover{
- color:;
- transition:.6s;
- -webkit-transition:.6s;
- -moz-transition:.6s;
- }
- #gyu {
- font-size:7px;
- letter-spacing:3px;
- margin-top:15px;
- font-style:italic;
- text-align:center;
- width:280px;
- margin-left:12px;
- }
- .icon {
- position:fixed;
- text-align:center;
- transform:rotate(-90deg);
- margin-left:-10px;
- }
- .icon .sf {
- margin-left:13px; color:; text-align:center; font-size:20px;
- }
- .mbox {
- margin-bottom:-20px;
- }
- .mbox img {
- width:100px;
- height:75px;
- border-top-left-radius:7px;
- border-bottom-left-radius:7px;
- -webkit-filter: grayscale(100%);
- }
- .mtite {
- text-align:center;
- border-top-right-radius:7px;
- border-bottom-right-radius:7px;
- background:#dad4c6;
- height:69px;
- }
- .mtite i {
- font-size:12px;
- margin-top:15px;
- color:#f8f8f8;
- }
- .mtite a {
- box-shadow: 0 -5px rgba(218,212,198, 0) inset;
- }
- .mtite i:hover {
- color:#000;
- }
- #soobin {
- z-index:9;
- margin-top:140px;
- border-top-left-radius:7px;
- border-top-right-radius:7px;
- margin-left:0px;
- position:fixed;
- z-index:1;
- }
- </style></head><body>
- </div>
- <div id="soobin">
- <svg style="position:fixed;" height="425" width="700">
- <path d="M 0 429 L 0 234 L 702 156 L 702 429 L 0 429" fill="#dad4c6"/>
- </svg>
- </div>
- <div id="TabzOne" class="tabzcon alytut" style="display:block; height:440px;">
- <div id="post" style="padding-top:10px;">
- <h1 style="margin-left:5px;"><a>basic info.</a></h1>
- <blockquote><strong>name.</strong> noah park. <strong>birth date.</strong> september 17th. <strong>pronouns.</strong> he/him. <strong>species.</strong> human. <strong>hometown.</strong> to be added. <strong>sexuality.</strong> unlabeled. <strong>occupation.</strong> former med major. <strong><br /></strong></blockquote>
- <h1 style="margin-left:5px;"><a>physical.</a></h1>
- <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. <strong>scars.</strong> many on his fingers. <strong>style.</strong> t-shirts, jeans, whatever's accessible and allows him to move. <strong>faceclaim.</strong> byun baekhyun. </blockquote>
- <h1 style="margin-left:5px;"><a>in-depth.</a></h1>
- <blockquote><strong>zodiac.</strong> virgo. <strong>mbti.</strong> 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>
- </div>
- </div>
- <!--
- *TABS BASE CODE BY ALYOFRP. DO NOT REMOVE THIS CREDIT!
- <!-- < tabs content >
- -->
- <div id="TabzThree" class="tabzcon alytut" style="display:none; animation: animationFrames ease-in-out 1s;
- animation-iteration-count: 1;
- transform-origin: 50% 50%;
- -webkit-animation: animationFrames ease-in-out 1s;
- -webkit-animation-iteration-count: 1;
- -webkit-transform-origin: 50% 50%;
- -moz-animation: animationFrames ease-in-out 1s;
- -moz-animation-iteration-count: 1;
- -moz-transform-origin: 50% 50%;
- -o-animation: animationFrames ease-in-out 1s;
- -o-animation-iteration-count: 1;
- -o-transform-origin: 50% 50%;
- -ms-animation: animationFrames ease-in-out 1s;
- -ms-animation-iteration-count: 1;
- -ms-transform-origin: 50% 50%; height:450px;">
- <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;">
- <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>
- <div style="width:125px; text-align:right; line-height:150%;">
- <div style="position:fixed; font-size:25px; margin-left:5px;">
- <span class="iconify" data-icon="feather:music" data-inline="false"></span>
- </div>
- <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>
- <div style="margin-top:12px;"></div>
- <div style="position:fixed; font-size:25px; margin-left:5px;">
- <span class="iconify" data-icon="feather:coffee" data-inline="false"></span>
- </div>
- <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>
- <div style="margin-top:12px;"></div>
- <div style="position:fixed; font-size:25px; margin-left:5px;">
- <span class="iconify" data-icon="feather:compass" data-inline="false"></span>
- </div>
- <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>
- </div>
- <div style="position:fixed; margin-top:-100px; margin-left:137px; width:1px; background:#dad4c6; opacity:0.5; height:100px;"></div>
- <div style="position:fixed; margin-top:-100px; width:135px; text-align:right; margin-left:137px; line-height:150%;">
- <div style="position:fixed; font-size:25px; margin-left:15px;">
- <span class="iconify" data-icon="feather:film" data-inline="false"></span>
- </div>
- <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>
- <div style="margin-top:12px;"></div>
- <div style="position:fixed; font-size:25px; margin-left:15px;">
- <span class="iconify" data-icon="feather:clock" data-inline="false"></span>
- </div>
- <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>
- <div style="margin-top:12px;"></div>
- <div style="position:fixed; font-size:25px; margin-left:15px;">
- <span class="iconify" data-icon="feather:zap" data-inline="false"></span>
- </div>
- <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>
- </div>
- </div>
- <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);">
- <div class="oi4" style="margin-left:0px; margin-top:-5px;"><a>confidence</a></div>
- <div style="width:130px; height:6px; margin-top:10px; border-radius:3px; background:#f0f0f0;">
- <!--
- < * CHANGE PERCENTAGE >
- -->
- <div style="width:60%; height:6px; border-radius:3px; background:#c1b9a7;"></div>
- <!--
- < * CHANGE PERCENTAGE >
- -->
- </div>
- <div style="margin-top:25px;"></div>
- <div class="oi4" style="margin-left:0px; margin-top:-5px;"><a>intelligence</a></div>
- <div style="width:130px; height:6px; margin-top:10px; border-radius:3px; background:#f0f0f0;">
- <!--
- < * CHANGE PERCENTAGE >
- -->
- <div style="width:80%; height:6px; border-radius:3px; background:#c1b9a7;"></div>
- <!--
- < * CHANGE PERCENTAGE >
- -->
- </div>
- <div style="margin-top:25px;"></div>
- <div class="oi4" style="margin-left:0px; margin-top:-5px;"><a>charisma</a></div>
- <div style="width:130px; height:6px; margin-top:10px; border-radius:3px; background:#f0f0f0;">
- <!--
- < * CHANGE PERCENTAGE >
- -->
- <div style="width:40%; height:6px; border-radius:3px; background:#c1b9a7;"></div>
- <!--
- < * CHANGE PERCENTAGE >
- -->
- </div>
- </div>
- <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);">
- <div class="oi4" style="margin-left:0px; margin-top:-5px;"><a>optimism</a></div>
- <div style="width:130px; height:6px; margin-top:10px; border-radius:3px; background:#f0f0f0;">
- <!--
- < * CHANGE PERCENTAGE >
- -->
- <div style="width:40%; height:6px; border-radius:3px; background:#c1b9a7;"></div>
- <!--
- < * CHANGE PERCENTAGE >
- -->
- </div>
- <div style="margin-top:25px;"></div>
- <div class="oi4" style="margin-left:0px; margin-top:-5px;"><a>impulsivity</a></div>
- <div style="width:130px; height:6px; margin-top:10px; border-radius:3px; background:#f0f0f0;">
- <!--
- < * CHANGE PERCENTAGE >
- -->
- <div style="width:40%; height:6px; border-radius:3px; background:#c1b9a7;"></div>
- <!--
- < * CHANGE PERCENTAGE >
- -->
- </div>
- <div style="margin-top:25px;"></div>
- <div class="oi4" style="margin-left:0px; margin-top:-5px;"><a>generosity</a></div>
- <div style="width:130px; height:6px; margin-top:10px; border-radius:3px; background:#f0f0f0;">
- <!--
- < * CHANGE PERCENTAGE >
- -->
- <div style="width:70%; height:6px; border-radius:3px; background:#c1b9a7;"></div>
- <!--
- < * CHANGE PERCENTAGE >
- -->
- </div>
- </div>
- </div>
- <div id="TabzTwo" class="tabzcon alytut" style="display:none; animation: animationFrames ease-in-out 1s;
- animation-iteration-count: 1;
- transform-origin: 50% 50%;
- -webkit-animation: animationFrames ease-in-out 1s;
- -webkit-animation-iteration-count: 1;
- -webkit-transform-origin: 50% 50%;
- -moz-animation: animationFrames ease-in-out 1s;
- -moz-animation-iteration-count: 1;
- -moz-transform-origin: 50% 50%;
- -o-animation: animationFrames ease-in-out 1s;
- -o-animation-iteration-count: 1;
- -o-transform-origin: 50% 50%;
- -ms-animation: animationFrames ease-in-out 1s;
- -ms-animation-iteration-count: 1;
- -ms-transform-origin: 50% 50%; height:450px;">
- <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;">
- <div style="">
- <!--
- < * CONNECTION IMAGE >
- -->
- <img src="https://placehold.it/70x70" title="opposite." style="margin-top:-5px; margin-left:10px; border-radius:100%; float:right; -webkit-filter: grayscale(100%);"/>
- <!--
- < * CONNECTION IMAGE >
- -->
- <span style="padding:5px;
- color:#000;
- font-family:montserrat;
- text-transform:uppercase;
- font-size:7px;
- border:0px solid #000;
- background:#dad4c6;
- border-radius:4px;
- 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.
- </div>
- </div>
- <div class="oi2">
- <a href="/URL">tag</a>
- <a href="/URL">ship</a>
- <a href="/URL">partner</a>
- <a href="/URL">playlist</a>
- <a href="/URL">board</a>
- </div>
- <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;">
- <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>
- <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>
- </div>
- </div>
- <div id="TabzFour" class="tabzcon alytut" style="display:none; animation: animationFrames ease-in-out 1s;
- animation-iteration-count: 1;
- transform-origin: 50% 50%;
- -webkit-animation: animationFrames ease-in-out 1s;
- -webkit-animation-iteration-count: 1;
- -webkit-transform-origin: 50% 50%;
- -moz-animation: animationFrames ease-in-out 1s;
- -moz-animation-iteration-count: 1;
- -moz-transform-origin: 50% 50%;
- -o-animation: animationFrames ease-in-out 1s;
- -o-animation-iteration-count: 1;
- -o-transform-origin: 50% 50%;
- -ms-animation: animationFrames ease-in-out 1s;
- -ms-animation-iteration-count: 1;
- -ms-transform-origin: 50% 50%; height:440px;">
- <div id="post" style="-webkit-column-count:2; padding-top:12px; padding-bottom:7px;">
- <!--
- < * WARDROBE IMAGES >
- -->
- <img src="https://placehold.it/135x190" style="border-radius:7px; margin-bottom:10px;">
- <img src="https://placehold.it/135x190" style="border-radius:7px;">
- <img src="https://placehold.it/135x190" style="border-radius:7px; margin-bottom:10px;">
- <img src="https://placehold.it/135x190" style="border-radius:7px;">
- <div style="padding-top:4px;"></div>
- <!--
- < * WARDROBE IMAGES >
- -->
- </div>
- </div>
- </div>
- <!--
- < *TABS END >
- -->
- </div>
- <div id="box">
- <div class="sideb"></div>
- <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;">
- <!--
- < * PLAYLIST IMAGE >
- -->
- <img src="https://placehold.it/100x100" style="-webkit-filter: grayscale(100%); position: fixed; margin-left: -290px; border-top-left-radius:7px;" />
- <!--
- < * PLAYLIST IMAGE >
- -->
- <div class="wr" style="border-bottom: 1px solid #ddd; margin-top: 100px; width: 290px; position: fixed;"></div>
- <div style="margin-top: 100px;"></div>
- <div style="position: absolute; width: 160px; font-size: 12px; top: 17px; left: 115px;">little faith. </div>
- <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>
- <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>
- <div style="border-bottom: 1px solid #ddd; text-align: left; padding-top: 10px; padding-bottom: 7px; padding-left: 10px; padding-right: 10px;">
- <div class="tit">Heavenfaced</div>
- <div style="float: right; margin-top: -20px;">04:23</div>
- <div style="text-transform: uppercase; letter-spacing: 2px; font-weight: 800; font-size: 8px;">the national</div>
- </div>
- <div style="border-bottom: 1px solid #ddd; text-align: left; padding-top: 8px; padding-bottom: 8px; 0px; padding-left: 10px; padding-right: 10px;">
- <div class="tit">Hideout</div>
- <div style="float: right; margin-top: -20px;">02:53</div>
- <div style="text-transform: uppercase; letter-spacing: 2px; font-weight: 800; font-size: 8px;">s. carey</div></div>
- <div style="border-bottom: 1px solid #ddd; text-align: left; padding-top: 8px; padding-bottom: 8px; 0px; padding-left: 10px; padding-right: 10px;">
- <div class="tit">Fold I</div>
- <div style="float: right; margin-top: -20px;">03:47</div>
- <div style="text-transform: uppercase; letter-spacing: 2px; font-weight: 800; font-size: 8px;">motherfolk</div></div>
- </div>
- <div id="bex"></div>
- <div id="boxy"></div>
- <div id="hun"><img src="https://placehold.it/100x100"></div>
- <div id="hun2"></div>
- <div class="tabz">
- </div>
- <div class="oi">
- <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>
- <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>
- <br>
- <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>
- </div>
- <div class="boy">
- </div>
- <!--
- < * CHANGE MUSE STATUS COLOR >
- -->
- <div class="boy2">
- muse status <i class="fas fa-circle" style="font-size:6px; color:#75957d;"></i>
- </div>
- <!--
- < * CHANGE MUSE STATUS COLOR >
- -->
- <div class="ging">
- <div class="title" style="word-spacing:-3px;"><a href="/">noah park.</a></div>
- lorem ipsum hi some text dolor sit amet, adipi scing elit.
- </div>
- <div class="lorem3">
- Lorem ipsum sit <span style="font-weight:bold;">temp_</span>entry / <span style="font-weight:bold;">failed • <span style="font-weight:bold; text-decoration:underline;">corrupted</span> file • Lorem ipsum amet</span>
- </div>
- </div>
- </div></div>
- <div class="rightb">
- </div>
- <div id="entries">
- <div id="entries2"></div>
- <div id="container">
- </div></div></div>
- </div>
- </div>
- </ul>
- </div></div>
- <div class="mint">
- <a href="https://mintrps.tumblr.com/" title="code by mint.">
- <span class="sf sf-code-o"></span>
- </a>
- </div>
- <!-- copy up to here to add more muses -->
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement