Simple Purple and Pink Rain

Tags: simple, purple, pink, rain

Description:

Simple profile with a subtle texture background and main top rain gif.

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by ꜱʜᴇʟʙᴢ (https://layouts.spacehey.com/layout?id=224) -->

<style>
@import url('https://fonts.googleapis.com/css2?family=Overpass:wght@400;600&display=swap');
body {
    background-color: #4a527b;
    background-image: url("https://www.transparenttextures.com/patterns/black-mamba.png");
}
main:before {
      background-image: url("https://cdn.wallpapersafari.com/28/5/4efjTN.gif");
      background-position: center center;
      background-size: cover;
display: block;
width: 100%;
content: "";
height: 211px;
border-radius: 10px;
  }

.profile-info {
display: none;
}
a {
color: #7887b4;
}

a:hover {
text-transform: uppercase;
color: #7887b4;
}

main {
      background-color: #4a527b;
      font-family: 'Overpass', sans-serif;
      color: #dce3f6;
  }
  .profile .contact, .profile .table-section, .profile .url-info {
      border-color: #c075b1;
      border-radius: 10px
  }
  
.profile .contact .heading, .profile .table-section .heading, .profile .table-section .heading, .profile .blurbs .heading, .profile .friends .heading  {
       background-color: #c075b1;
       border-radius: 3px;
  }
  .profile .blurbs .heading h4, .profile .blurbs .section h4, .profile .friends .heading h4 {
      color: #dce3f6;
  }
  .details-table td:first-child, .comments-table td:first-child {
      background-color:#c075b1;
      border-radius: 3px;
      color: #dce3f6;
  }
 .details-table td, .comments-table td {
     background-color: #dce3f6;
     border-radius: 3px;
     color: #c075b1;
 }
 .profile-pic img {
     border-radius: 5px;
 }

.profile h1 {
color: #c075b1;
}

.count, .profile .friends .person p {
color: #7887b4;
}

.profile .friends .person img:not(.icon), .comments-table td:first-child img:not(.icon) {
border-radius: 10px;
}

table.comments-table {
border-color: #4a527b;
}

.comment-replies {
border-radius: 10px;
border-width: 2px;
border-color: #c075b1;
}

button {
border-color: #7887b4;
border-radius: 5px;
font-family: 'Overpass', sans-serif;
color: #7887b4;
}

button:hover {
border-style: outset;
background-color: #c075b1;
border-color: #7887b4;
border-radius: 5px;
font-family: 'Overpass', sans-serif;
}

nav .top, nav .links {
background-color: #4a527b;
}

footer {
background-color: #4a527b;
}

.comments-table td:first-child a {
color: #dce3f6;
}

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

Lynn	1694984397 I love itt!!! Using!!!! :D Report Comment
🌧ˢᵉʳᵃᵖʰⁱᶜ🌧	1691410998 omg I'm using this!! 💙💙 so cute and pleasing!! Report Comment
Clementine	1678844181 :O Report Comment
siinamota	1644192481 cutee Report Comment
Oliver	1631685555 Amazing! Report Comment
shortiicake	1625668686 Preettyyyy! Report Comment
-Kelsey*	1614142088 So lovely! Report Comment
Glitchygiggy	1613182384 Love this! Thank you for setting this up and sharing Report Comment You are so welcome! ️ by ꜱʜᴇʟʙᴢ; 1613186184; Report
Ellyist	1612860748 Thank you very much for making this! I made some minor adjustments when using it for my own profile page, was going more for a simple "biscuits and blueberry cheesecake" color scheme. It was a relief to not have to code it from scratch, and I appreciated the sort of moody pastel color scheme to start off with. Report Comment Oh awesome! I'm glad you could code it to your liking! I do apologize for my coding being a little messy lmao, I need to be better about organizing it by sections. by ꜱʜᴇʟʙᴢ; 1612876827; Report