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

raven >w<	1769678592 using!! ^^ Report Comment
Orangesfpop	1769504769 using!! Report Comment
⊹ ࣪ ˖ . ⌗ Collin / Kenzi !	1768387600 Using! Report Comment
Nany Yuyu	1767839160 using Report Comment
hanh	1767046128 usin' Report Comment
Moonphases_Luna	1763998011 Using it tyty <3 Report Comment
🍋‍🟩🍊 𝓕𝓻𝓮𝓪𝓴𝔂ASAHI/ASH!!! ☆彡 #1 Tsukasa Fan (trust)	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
lemon	1749727703 using ! Report Comment
_maybeâmoth_	1748550761 using! Report Comment
yamipp:3	1747910448 ITS SO NICE IM USINGG Report Comment
SirDomino	1744149132 Using! Report Comment
Savannah	1741656919 Using Report Comment
Joey J0rdison	1739738422 USING ITTT Report Comment