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

Savannah	1741656919 Using Report Comment
Joey	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
d34d_p1x3lz	1724687121 using! thank you for making this! Report Comment
МАРГОША ЯОЙ ДЕСЕПТИКОН	1722719394 USINGGG Report Comment
Bananan	1721316772 Using Report Comment
Ram	1720301725 usin >.< Report Comment
animatic	1719806206 haai might just use the spotify thingy if it’s possible Report Comment
🌐ᯓ★ cosmo !! 🩵	1719776724 this is so pretty!! using, thank u!! Report Comment
Combat king	1718788957 Using Report Comment
Yukav \| KaByH	1715096255 USIIING!!!(?) Report Comment
FerPurple!!!	1712191393 Using!!! Report Comment
ひきこちゃん	1711650433 using !! <3 Report Comment
ell1_elli	1706515147 Using!:3 Report Comment
denis! >_<	1702522677 usssing :33 Report Comment