Sparkling Blue Roses & Jewels

Tags: blue, sparkle, jewel, pimpmyprofile, bela

Description:

Pimp my Profile -> Spacehey Layout

credit | https://www.pimp-my-profile.com/myspace-layouts/code/Sparkling_Blue_Roses/289323/26/

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=24243) -->

<style>
body {
  background-image: url('https://content.pimp-my-profile.com/ms/i58/5/7/20/f_15627b59bf.gif');
  background-color: white;
  border: 15px ridge blue;
}

/* 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(11%) sepia(100%) saturate(4445%) hue-rotate(243deg) brightness(105%) contrast(153%) !important;
}
/* this is the online img*/
.online img{
    filter: brightness(0) saturate(100%) invert(11%) sepia(100%) saturate(4445%) hue-rotate(243deg) brightness(105%) contrast(153%)!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: blue!important;
  font-style: italic;
}
h1{
    border: 15px ridge blue;
    padding:5px;
    text-align: center;
}
/* this is where you edit the search button and the Delete and Reply button */
button {
  background-color: transparent!important;
  border: none;
  color: blue;
  font-weight: bold;
  font-style: italic;
}
.general-about .details {
  border: 15px ridge blue;
  padding-bottom: 70px;
  text-align:right;
}
.mood {
  background-color: transparent;
  border: 15px ridge blue;
  padding: 3px;
  margin-bottom: 10px;
  margin-top:10px!important;
}
.contact, .url-info, .table-section, .blog-preview, .blurbs, .friends, .profile-info {
  background-color: transparent;
  border: 15px ridge blue!important;
}
.comments-table td {
  border: 3px solid blue;
}
.table-section td {
  border: 3px solid blue;
}
/* line in between comment replies*/
.comment-reply:not(:first-child) {
    border-top: 2px solid blue;
}
.comment-replies {
    border: 1px dotted blue;
}


/* these backgrounds are usually transparent */
nav .top, nav .links {
  background-color: transparent;
  color: blue;
  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.

Comments

Displaying 0 of 0 comments ( View all | Add Comment )