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

Yndygeaux	1726449208 This is adorable!! Love the purple jellies vibe, using!! Report Comment
Kiro	1726425728 Using Report Comment
soymilk	1724687121 using! thank you for making this! Report Comment
МАРГОША ЯОЙ ДЕСЕПТИКОН	1722719394 USINGGG Report Comment
Bananan	1721316772 Using Report Comment
Ram	1720301725 usin >.< Report Comment
comet/animatic/luna	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
Guken	1718788957 Using Report Comment
Yukav \| KaByH	1715096255 USIIING!!!(?) Report Comment
FerPurple!!!	1712191393 Using!!! Report Comment
ひきこちゃん	1711650433 using !! <3 Report Comment
B I L L	1706515147 Using!:3 Report Comment
denis! >_<	1702522677 usssing :33 Report Comment
denis! >_<	1702522676 usssing :33 Report Comment
cross ₊✩‧₊˚౨ৎ˚₊✩‧₊	1702397600 i used your code for embedding the spotify playlist! so helpful tyyy ♡♡ Report Comment
AimForresty	1699307764 how do you make each box semi-transparent? Report Comment
Mizumi	1691410383 using :33 Report Comment
FluganBoo	1688388584 Using Report Comment
𝓕𝓻𝓮𝓪𝓴𝔂wanderer	1687929631 Using!! Report Comment