Purple Sky Layout

Tags: purple, star, cloud, simple, cute, jassu

Description:

A simple purple layout with a cloud background. Star logo by zombieboycoal.

Preview:

click on the image for a larger preview

Code:

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

<style>

:root {
--medium-purple:#c79ef8;
--light-purple:#f6cbe2;
--dark-purple:#aa6bdd;
}

.logo {
content:url("https://cdn.discordapp.com/attachments/1111836147530874910/1134738469650976848/Untitled174_20230729004512.png");
}

nav .top {
background-image: url('https://64.media.tumblr.com/6c5c38be48c11d2040765b7dce755933/96cd1b5e6028b44a-91/s250x400/b38c0baea4f8f7776bc1ca217a5953855c535319.jpg');
}

ul.links {background:var(--medium-purple);}

footer {background:var(--dark-purple);}

.profile .contact .heading, .profile .table-section .heading, .setting-section .heading, .home-actions .heading {
    background: var(--light-purple);
    background: var(--dark-purple);
    color: white;
    padding: 2px 7px;
}


body {
background-image: url('https://64.media.tumblr.com/6c5c38be48c11d2040765b7dce755933/96cd1b5e6028b44a-91/s250x400/b38c0baea4f8f7776bc1ca217a5953855c535319.jpg');
}

main {
background-color: var(--light-purple);
border:2px solid white;
}

.heading {background:var(--light-purple);}

.pfp-fallback {
border:2px dashed white;
}

.online {content:url('https://i6.glitter-graphics.org/pub/247/247506q0u4vuh84c.gif');}

.profile .contact, .profile .url-info, .profile .table-section, .setting-section, .home-actions {border:2px dashed white;}

.contact .inner img {
display: none;
}

.contact .inner a img:before{
font-size: 1em;
display: block
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before{
/* Add to Friends */
content:"♥";
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
/* Add to Favorites */
content:"♥";
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* Send Message */
content:"♥";
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* Forward to Friend */
content:"♥";
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
/* Instant Message */
content:"♥";
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
/* Block User */
content:"♥";
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
/* Add to Group */
content:"♥";
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* Report Profile */
content:"♥";
}

table.details-table , tr , td {
border:1px dashed white;
}

.details-table td:first-child {background: var(--medium-purple);}

.details-table td {background: var(--light-purple);}

.comments-table td, .music-table td {background:var(--light-purple);}
.comments-table td:first-child, .music-table td:first-child {background:var(--medium-purple);}

a , h4 , p , .inner p , .profile .blurbs .section h4 {color:indigo;}

.heading h4 {color:white;}

.profile .friends .heading , .profile .blurbs .heading {background:var(--dark-purple);}

a :hover {color:blue;}

.profile h1 {color:indigo;}

</style>

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

Angelix	1710439824 using Report Comment
Gioa	1707858050 Using! i love it!! Report Comment
evie ⋆˙⟡	1701479170 using!! this is so cute :) Report Comment
𝔉𝔞𝔫𝔱𝔞𝔰𝔪𝔞	1701025552 Using!! :3 Report Comment
✧ rewvv ! 🍉 [ :3 ]	1700634347 using~!! :D Report Comment
Blonney:3	1699055805 using!!! ^__^ Report Comment
marshall	1698637195 usingg tyy ^^ Report Comment
the Human Exchange student!!	1697880786 omg so CUTE!! USING!! ⊙▽⊙ Report Comment
~°♤r00k1e♧°~	1691752669 using for td <3 Report Comment
Userz♡	1691721479 ONG THIS LOOKS SO CUTE!!! Report Comment
𝓕𝓻𝓮𝓪𝓴𝔂 wannacry	1691665973 using:) Report Comment