Pink and Green Skull Layout

Tags: pink, green, skull, pimpmyprofile, bela

Description:

Pimp My Profile -> Spacehey
credit | https://www.pimp-my-profile.com/myspace-layouts/code/Skull_&_crossbones_and_bomb/79139/22/

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


<style>
body {
  background-image: url('https://i.pinimg.com/474x/f5/6a/59/f56a599219df0d3996c959c6926852b9--phone-backgrounds-phone-wallpapers.jpg');
  background-color: white;
  border: 10px solid deeppink;
}

/* 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(49%) sepia(77%) saturate(424%) hue-rotate(116deg) brightness(94%) contrast(96%)!important;
}
/* this is the online img*/
.online img{
    filter: brightness(0) saturate(100%) invert(49%) sepia(77%) saturate(424%) hue-rotate(116deg) brightness(94%) contrast(96%)!important;
}


/* this is color of all the text and links */
a, nav .links a{
    color:#17AA88!important;
}
.profile .friends .person p, p, h1, h2, h3, h4, .count{
  color: pink!important;
  font-style: italic;
}
h1{
    border: 1px dashed deeppink;
    padding:5px;
    text-align: center;
    background-color: rgba(0,0,0,0.7);
}
/* this is where you edit the search button and the Delete and Reply button */
button {
  background-color: transparent!important;
  border: none;
  color: deeppink;
  font-weight: bold;
  font-style: italic;
}
.general-about .details {
  border: 1px dashed deeppink;
  padding-bottom: 70px;
  text-align:right;
  background-color: rgba(0,0,0,0.7);
}
.mood {
  background-color: rgba(0,0,0,0.7);
  border: 1px dashed deeppink;
  padding: 3px;
  margin-bottom: 10px;
  margin-top:10px!important;
}
.contact, .url-info, .table-section, .blog-preview, .blurbs, .friends, .profile-info {
  border: 1px dashed deeppink!important;
  background-color: rgba(0,0,0,0.7);
}
.comments-table td {
  border: 1px dotted #17AA88;
}
.table-section td {
  border: 1px dotted #17AA88;
}
/* line in between comment replies*/
.comment-reply:not(:first-child) {
    border-top: 2px solid hotpink;
}
.comment-replies {
    border: 1px dotted hotpink;
}

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