purple and black background

Tags: purple, black, background, simple, goth

Description:

just purple and black background

Preview:

click on the image for a larger preview

Code:

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

<!-- main coding (background image and generic colors) -->
<style>
    body{
    background-image: url('https://i.pinimg.com/564x/98/81/09/9881092fad534f6f8b63a8b62587448c.jpg') !important;
    }  
    main {
        background-color: black;
        color: #E3B3FC ;
    }
        .count {
        color: #9D47C6 !important;
    }
        .blurbs .inner{
        text-align: center !important;
    }
    :root {
        --logo-blue: #121212;
        --darker-blue: #9C28D6;
        --lighter-blue: #181818;
        --even-lighter-blue: #181818;
        --lightest-blue: #000;
        --dark-orange: #fff;
        --light-orange: #000;
        --even-lighter-orange: #000;
        --green: #fff;
   }
    a:hover{
        color: #E3B3FC  !important;
    }
    h4 {
        color: #9D47C6;
    }
    main p {
        color: #9D47C6;
    }
    .profile .blurbs .section h4 {
        color: #9D47C6;
    }
</style>

<!-- rounded borders +dotted border -->
<style>
    .top{
        border-radius: 25px 25px 0 0 !important;
    }
    main{
        border-radius: 0 0 25px 25px !important;
    }
</style>

<!-- rounded profile pic and friend pics -->
<style>
    .profile-pic {
        border-radius: 500px;
    }
    .profile .friends .person img {
        border-radius: 500px;
    }
</style>

 

<!-- pronouns -->
<style>
    .details:after {
         content: "pronouns go here!";
    }
</style>    
    
<!-- invisible but functional footer -->
<style>
    footer{background:none !important; line-height:0px !important;}
    footer ul li a {color: #000000 !important;}
    }
</style>

<!-- hidden comments -->
<style>
    .comments-table{display:none !important;} 
    }
</style>

<!-- custom scrollbar -->
<style>
    ::-webkit-scrollbar {
    width: 10px;
    height: 10px;
    }

    ::-webkit-scrollbar-thumb {
    background: #000;
    }

    ::-webkit-scrollbar-track {
    background: #121212;
    }
</style>

<!-- custom contact buttons -->
<style>.contact .inner a img {
       font-size: 0;
   }
   .contact .inner a img:before {
       font-size: 1em;
    display: block
   }
   .contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
   	/* Add to Friends */
	content: "🔪"
   }
   .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
   	/* Add to Favorites */
	content: "🔪"
   }
   .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	/* Send Message */
	content: "🔪"
   }
   .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	/* Forward to Friend */
	content: "🔪"
   }
   .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	/* Instant Message */
	content: "🔪"
   }
   .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	/* Block User */
	content: "🔪"
   }
   .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	/* Add to Group */
	content: "🔪"
   }
   .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	/* Report Profile */
	content: "🔪"
   }
</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 77 comments ( View all | Add Comment )

Jade	1757612919 Using! Thank u :3 Report Comment
Lapis 📺💤	1755118003 using !! Report Comment
Uzi!!!	1754669938 using! Report Comment
Uzi!!!	1754668986 using! Report Comment
yazu	1751963709 using!! ^_^ Report Comment
Silas	1750784430 using!! Report Comment
CR4Y0N (not accepting rqsts)	1750277478 using :D Report Comment
Jenny2012	1750020327 using Report Comment
Morgan	1747353498 using Report Comment
𝓈𝒶𝓇𝒶𝒶 ⋆.˚⟡ ࣪ ˖	1746729572 using Report Comment
kt8qw	1745760378 using!! Report Comment
Amaya<3	1745712191 Using !! <3 Report Comment
𝑐𝑙𝑜𝑣𝑒𝑟	1744741106 Using:> Report Comment
Runner Sentient	1744570165 Using. Thank you for your work. Report Comment
lily :p	1743542200 using :p Report Comment
Astronomical ☆	1741015348 using!! Report Comment
gibberish	1740393947 using Report Comment
Xmart ♥	1740313353 Using Report Comment
Chaotic-Mess8440	1737928263 using ! Report Comment
callmesue	1737895184 using Report Comment