Jellies

Tags: jellyfish, dark, purple, pretty, simple, black, blue, neon, glow, animals

Description:

layout by cristiana

Simple, dark, purple-y.

IMPORTANT:

The "background" div is necessary, don't delete it.
The "about" div is necessary, don't delete it.
Spotify playlists have been styled. Use the div for whatever music player you want, but no guarantees on how it'll look.

Click here to view it live on my blog and give kudos if you feel like it.

Leave a comment somewhere if you like it and you think I should know.

Give me credit if you use it, please 😘

Preview:

click on the image for a larger preview

Code:

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

<style>
@import url('https://fonts.googleapis.com/css2?family=Montserrat&family=Oswald&display=swap');
body {
    font-family: 'montserrat', sans-serif;
    letter-spacing:1px;
    line-height: 20px;
    margin: 2vw;
    overflow-y: scroll;
    text-shadow: 1px 1px 4px #545454;
}
button {
    font-family: gibson;
    font-weight: 300;
    letter-spacing: 2px;
    border-radius: 5px;
    box-shadow: 1px 1px 4px #121212;
    border: 0;
    background: #888;
    color: white;
    padding: 10px;
    margin: 5px 10px;
}
button:hover {
    background: white;
    color: #888;
}
.edit-info {
   background: transparent;
   border: 0;
}
a, .count {
    color: #5495e6;
}
a:hover, nav .links a:hover {
    color: #ccc;
    text-decoration: none;
}
nav .top {
    align-items: center;
}
nav .top div {
    vertical-align: inherit;
}
nav .top, nav .links {
    background: transparent;
}
form input, form button {
    border-radius: 6px;
    border: 0;
}
nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after {
    color: inherit;
}
.logout-btn, .logout-form {
    font-family: inherit;
    font-size: inherit;
}
.background {
    position: fixed;
    top: 0;
    left: 0;
    z-index: -5;
    height: 100%;
    width: 100%;
    background-image: url("https://i.postimg.cc/7hXp6HWB/File-000.jpg");
    background-size: cover;
    background-position: bottom;
}
.hide {
    display: none;
}
main {
    background: transparent;
    color: white;
}
.profile-pic img, .profile .friends .person img:not(.icon) {
    border-radius: 10px;
}
.online {
    width: min-content;
    display: flex;
    background: rgba(255,255,255,0.5);
    padding: 5px 10px;
    border-radius: 10px;
}
.profile .contact .heading, .profile .table-section .heading, .home-actions .heading {
    background: transparent;
}
.profile .contact, .profile .url-info, .profile .table-section, .home-actions {
    background: rgba(255,255,255,0.2);
    border: 0;
    border-radius: 20px;
    padding: 10px!important;
}
.profile .url-info p {
    margin-left: 5px;
}
.profile-info {
    background: rgba(255,255,255,0.3);
    border-radius: 20px;
}
.profile .blurbs .heading, .profile .friends .heading {
    background: inherit;
    color: inherit;
}
h4, .profile .blurbs .section h4 {
    color: #8756d7;
    text-transform: lowercase;
}
.details-table td:first-child {
    background: transparent;
    font-weight: normal;
    color: inherit;
    padding: 0;
    vertical-align: inherit;
}
.details-table td {
     background: transparent;
}
.blog-preview h4, .heading h4 {
    padding-bottom: 5px;
    border-bottom: 1px solid #8756d7;
    width: 100%;
    font-family: 'oswald', sans-serif;
    text-transform: uppercase;
    font-size: 17px;
}
.about {
    padding-bottom:2vw;
    text-align: center;
}
.profile .friends .person p {
    color: white;
}
.comments-table td:first-child, .music-table td:first-child, .comments-table td, .music-table td {
    background: transparent;
    border: 0;
}
.comment-reply {
    padding: 10px;
    border: 0;
    margin-top: 5px;
    background: rgba(255,255,255,0.2);
    border-radius: 10px;
}
table.comments-table, table.music-table, table.bulletin-table {
    border: 0;
}
tr {
    background: rgba(255,255,255,0.2);
}
.details-table td * {
    color: inherit;
}
.comment-replies {
    border: 0;
}
.comment-reply:not(:first-child) {
    border: 0;
}
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;
}
footer {
    background: transparent;
}
</style>

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

<div class="about">Your about info goes here.</div>

<div>
<h4>current jams:</h4>
Spotify playlist embed code goes here.
</div>

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 58 comments ( View all | Add Comment )

spaceg1rl	1786842892 Using!! Report Comment
spaceg1rl	1786842890 Using!! Report Comment
iKinTooManyCharacters	1786286938 Usingg Report Comment
mello	1785348138 using !! Report Comment
khai DeVil	1781007053 Using!!! Report Comment
Rose	1775334757 using!! ^w^ Report Comment
raven >w<	1769678592 using!! ^^ Report Comment
Orangesfpop	1769504769 using!! Report Comment
‧˚꒰🍷꒱༘‧— Kilo \| Antonio . ⋆	1768387600 Using! Report Comment
Nany Yuyu	1767839160 using Report Comment
hanh	1767046128 usin' Report Comment
Moonphases_Luna	1763998011 Using it tyty <3 Report Comment
itsuki!!!!!!!!! ⌗ [ CEO OF MIZUKASA ]	1763232648 usingg!!!! :) Report Comment
sca11r	1762645351 Usinggg Report Comment
Milo (No.1 2D Lover)	1762199734 using Report Comment
S	1759541566 using Report Comment
DaKid_Markees_Hubbard04	1758146280 Using Report Comment
Eme	1758013279 using Report Comment
Mimimumu	1754931734 using Report Comment
Darcie	1754796604 using Report Comment