Glitter Blue Swirls Layout

Tags: blue, purple, magenta, swirls, sparkle, glitter, bela

Description:

Pimp My Profile -> Spacehey
credit | https://www.pimp-my-profile.com/myspace-layouts/code/Glitter_Blue_Swirls/289347/6/

Feel free to edit as you like.
If you want to see the guide to transfer a layout from Pimp My Profile, click here.

Preview:

click on the image for a larger preview

Code:

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

<style>
body {
  background-image: url('https://content.pimp-my-profile.com/ms/i49/5/8/13/f_7657f8536e.gif');
  background-color: white;
  border: 15px ridge Fuchsia;
}

/* go to https://codepen.io/sosuke/pen/Pjoqqp to edit from the invert(0%) to the contrast(105%). Where it says "Target color", put in the hex code of the color you want */

/* this is the spacehey logo */
nav img.logo {
  filter: brightness(0) saturate(100%) invert(29%) sepia(63%) saturate(7497%) hue-rotate(276deg) brightness(108%) contrast(108%)!important;
}
/* this is the online img*/
.online img{
    filter: brightness(0) saturate(100%) invert(29%) sepia(63%) saturate(7497%) hue-rotate(276deg) brightness(108%) contrast(108%)!important;
}

/* this is color of all the text and links */

a, .profile .friends .person p, p, h1, h2, h3, h4, .count, nav .links a{
  color: #cc22ff!important;
}

/* this is where you edit the search button and the Delete and Reply button */
button {
  background-color: transparent!important;
  border: none;
  color: #cc22ff;
  font-weight: bold;
}
.general-about .details {
  border: 10px double #cc22ff;
  background-color: rgba(0,0,0,0.5);
  padding-bottom: 70px;
}
.mood {
  background-color: rgba(0,0,0,0.5);
  border: 10px double #cc22ff;
  padding: 3px;
  margin-bottom: 10px;
}
.contact, .url-info, .table-section, .blog-preview, .blurbs, .friends, .profile-info {
  background-color: rgba(0,0,0,0.5);
  border: 10px double #cc22ff!important;
}
.comments-table td {
  border: 3px solid DarkOrchid;
}
.table-section td {
  border: 3px solid DarkOrchid;
}
/* line in between comment replies*/
.comment-reply:not(:first-child) {
    border-top: 2px solid DarkOrchid;
}
.comment-replies {
    border: 1px dotted DarkOrchid;
}

/* these backgrounds are usually transparent */
nav .top, nav .links {
  background-color: transparent;
  color: #cc22ff;
  font-weight: bold;
}

main, footer {
  background-color: transparent;
}
.friends:not(#comments) {
  margin-bottom: 10px;
}
.comments-table {
  border: none;
  border-spacing: 5px;
}
.profile-pic {
  padding: 15px;
}
.heading {
  background-color: transparent!important;
}
td {
  background-color: transparent!important;
}
</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.