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 45 comments ( View all | Add 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
I want something else...	1739324396 using ty! Report Comment
Tuna	1739305793 using, ty!! Report Comment
SzonjaReka1	1736614694 using!! Amazing layout, thanks for sharing! Report Comment
Xioruu	1734839638 how do i change photo its only shoeing me like that error photo Report Comment
Yndygeaux	1726449208 This is adorable!! Love the purple jellies vibe, using!! Report Comment
Kiro	1726425728 Using Report Comment
spencer	1724687121 using! thank you for making this! Report Comment
Margosh	1722719394 USINGGG Report Comment