Spacey Aesthetic

Tags: spacey, simple, layout, layouts, lofi

Description:

I don't really know what to call it, it's my first layout and it's kinda spacey vibes, I guess. :P

If you use this please give credit?

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by null (https://layouts.spacehey.com/layout?id=22421) -->

<style>
p.online {font-size: 0px;}
p.online::after{content: "ONLINE!";
color: white;
font-size: 10px;}

font-size: 10px;}
    </style>
<style>
    body {
background:url(https://cdn.discordapp.com/attachments/735079794701500421/977528984164237352/Maytreia_2019_by_Cajucart_1920_x_1080.jpg);
    }
</style>
<style>
    .profile {
 
background:#241c1f;
color:white;
    }
<!-- (c) Layout created by null (https://spacehey.com/profile?id=1439659) -->

.profile .contact, .profile .table-section, .profile .url-info, .profile .friends, .profile .blurbs, table.comments-table, DIV.blog-preview { 
  border-style:Double; 
 border-width:6px; 
 border-color:White; 
background:#191416;
}

/* contact icons */
.contact .inner a img {
font-size: 0;
}

.contact .inner a img:before {
font-size: 1em;
display: block
}

.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
/* add to friends */
content: "★"
}

.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
/* add to favorite */
content: "☆"
}

.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* send a message */
content: "☆"
}

.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* foward to friend*/
content: "★"
}

.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
/* instant message */
content: "★"
}

.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
/* block user */
content: "☆"
}

.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
/* add 2 group  */
content: "☆"
}

.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* report */
content: "★"
}

footer {
border-radius: 15px;
background-image: 
url(https://cdn.discordapp.com/attachments/735079794701500421/977528984164237352/Maytreia_2019_by_Cajucart_1920_x_1080.jpg);
color:White; 
}

    #music {
        position: fixed;
        bottom: 10px;
        left: 10px;
        width: 0px;
        transition: 0.5s width;
    }

    #music:hover {
        width: 0px;
}

nav .top {
        background: url("https://cdn.discordapp.com/attachments/735079794701500421/977528984164237352/Maytreia_2019_by_Cajucart_1920_x_1080.jpg");
    }
    
    nav { background: black url(""); }

:root {
--logo-blue: White;
--darker-blue:White;
--lighter-blue:#9f7d8f;
--even-lighter-blue:#2a1e23;
--lightest-blue:#402832;
--dark-orange:white;
--light-orange:#9f7d8f;
--even-lighter-orange:black;
--green:black;
}

iframe.spotify {
    width: 100%;
    height: 250px;
    padding: 10px;
    background: rgba(255,255,255,0.2);
    border-radius: 10px;
}

div.ah.df.dg.dh {
    border-radius: 0 0 10px 10px;
}
div.b4.ah.dx.dy.dz.e0 {
    border-radius: 10px 0 0 0;
}
</style>


<div class="background"></div>



<div>
<h4>My Playlist(s):</h4>

<style>
.friends .heading{ font-size:0; }
.friends .heading:before{ content: "Friends!"; font-size:.8rem; font-weight:bold; 
color:White; }
}
</style>
<style>
.friends#comments .heading{ font-size:0; }
.friends#comments .heading:before{ content: "Comments!"; font-size:.8rem; font-weight:bold;
color:White; } 
</style>


<style>
 .profile .table-section .heading h4 { font-size:0; }
.profile .table-section .heading h4:before{ content: "My Interests!"; font-size:.8rem; font-weight:bold; 
</style>
</div>

<iframe width="0" height="0" src="" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy">
</iframe>

Copy and paste this code into the "About me" section of your Profile to use it.

Caution: This Layout was not inspected by SpaceHey — use it at your own risk.

Comments

Displaying 20 of 21 comments ( View all | Add Comment )

MaxVcZzz	1705473653 Ussing 0:) Report Comment
AshStr4y	1680490020 Using <3! Report Comment
♫№1♫	1679702105 using! <3 Report Comment
xxxx mck xxxx	1679543534 using ~~~ Report Comment
Charlotte Bray	1677968595 using :) Report Comment
kittymane	1676973808 used on my blog! its so cute! Report Comment
AJ Tea	1676671125 Using! Thank you for sharing, it's so simple and pretty :) Report Comment
NymphFaery	1676511888 Using!! Report Comment
Hedgewin	1676050479 Using (^人^) Report Comment
Yabieon	1675808196 Using Report Comment
♡ 𝖘𝖔𝖕𝖍𝖎𝖆 ♡	1675368709 using! Report Comment
Nebula Heathcliff	1675270485 Using!! Report Comment
Solenia	1674791245 thank you :D will be using! Report Comment
aerin :3	1672965876 usinggg!! ^ ^ Report Comment
★.saro.★	1670697519 Thank u using !!! Report Comment
sparklingco	1663850578 thx for the layout!! super cool Report Comment
Nico!	1663150101 just letting you know im using it! it's so pretty Report Comment
Jaxxie	1661306216 Hey!! Just letting you know I'm using this! Report Comment
Texas !!	1658490631 using this layout TYSM for making it Report Comment
Dashie	1654710667 Using!! it looks amazing! Report Comment