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

Ruhirin	1774087292 using^^ Report Comment
☾~Yoru Star~☾	1773287710 using :> Report Comment
citrus	1771958027 using (just the gif from the top though!!) Report Comment
sarah*✧･ﾟ	1763149056 using! Report Comment
evtuxx	1759150297 using Report Comment
kiskacat	1750333449 using! super cute Report Comment
reallysillyjester :3	1748579941 using :D Report Comment
𝓚𝓸𝓲	1748034201 using Report Comment
Ohshesaloof	1745465392 usingggggg Report Comment
Aizzy	1744603495 Using Report Comment
-🎴Mazin ☆🎐	1741310048 using!!! I love the color scheme Report Comment
Echxoozy	1735390164 USINGGGGGGGG Report Comment
555	1735301976 using Report Comment
reverievum	1734811711 Thank you so much for creating this! I am currently using your layout and have adjusted the color scheme to my own taste and added a few personalized things to it. I hope it's okay that I altered the code a bit! Report Comment
ceeceespizza	1731781219 using Report Comment
milkinabowl	1728666854 using ty!!! Report Comment
Bri	1711497625 Using!! Report Comment
Bri	1711497624 Using!! Report Comment
stxr_gxrl	1711201538 using thank you :) Report Comment