Pink & Black Sparkle

Tags: glitter, emo, scene, simple, pink, black, sparkle

Description:

Thank you for checking out my layout! This is the current layout for my profile (subject to change) and I wanted to share since I really like how it looks, and if I like it, someone else has got to, right?

I tried to clean up the code, but it's still messy. I'm really embarrassed by my CSS abilities, so go easy on me with critiques. At the end of the day, it doesn't matter what it looks like to us humans because it's for the computer to read- not us!

F.A.Q

"Do I have to credit you?"

- No, this layout is free to use, edit, and dissect. If you claim it as yours, then that's something you'll have to deal with. Not me. I do appreciate kudos, though!

"Where do I ask you for help with editing/reading the code?"

- You can email me or you can leave a comment here. Please don't add me just to leave a comment on my profile asking for help with CSS; it's just impolite. If you're going to friend me to ask for help, at least be secretive about it and IM me instead of making our convo public.

Preview:

click on the image for a larger preview

Code:

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

<style>

@import url('https://fonts.googleapis.com/css2?family=Mali:wght@200&display=swap');

body {
    background-image: url('https://st2.depositphotos.com/1560516/5748/v/450/depositphotos_57488429-stock-illustration-pink-shining-background.jpg');
    background-attachment: fixed;
    background-repeat: repeat;
    font-family: 'Mali', cursive;
}

/* LINK SETTINGS */

a {
    color: #ff009b;
    font-style: italic;
}

a:hover {
    color: #000;
    font-style: italic;
}

/* BLOG PREVIEW SETTINGS */

.blog-preview p {
    font-weight: bold;
    font-size: 15px;
    color: #000;
    text-shadow: 1px 1px 2px #828282;
}



/* INTERESTS SETTINGS */

.details-table td:first-child {
    background: #ffbae7;
    color: white;
    text-shadow: 1px 1px 1px black;

}

.details-table td {
    background: #FFF3FA;
}

/* NAV BAR SETTINGS */

div.top {
    background: linear-gradient(#ff009b, white);
}

nav .links {
    background: black;
}

nav .links a {
      text-shadow: none;
}

/* HEADINGS SETTINGS */

.profile .table-section, .profile .url-info, .profile .contact {
    border: 1px solid black;
}
.profile .table-section .heading, .profile .contact .heading {
    color: white;
    text-shadow: -1px 1px 1px black;
    background: linear-gradient(#ff009b, white);
    border-bottom: 1px solid black;
}
.profile .blurbs .heading, .profile .friends .heading
 {
    color: white;
    text-shadow: -1px 1px 1px black;
    background: linear-gradient(#ff009b, white);
    border: 1px solid black;
}

/* BUTTON SETTINGS */

button {
    color: white;
    background: linear-gradient(#ff009b, white);
    border: 2px outset #ff009b;
    font-weight: bold;
    font-family: 'Mali';
    text-shadow: 1px 1px 1px black;
}
button:hover {
    border: inset 2px #ff009b;
}

/* COMMENTS SETTINGS */

.person img {
    width: 100px;
    border: 1px black solid;
    opacity: 0.5;
}

.person img:hover { 
opacity: 1.0; 
}

.comments-table a:hover {
    text-decoration: none;
    text-shadow: 1px 1px 0px #ff00b3;
}

.comments-table td:first-child {
    background: linear-gradient(#ff009b,white);
    text-align: center;
    font-weight: bold;
    width: 28%;
}

.comments-table img:not(.icon) {
    border: 1px solid black;
    box-shadow: 0px 1px 2px #fff;
}

.comments-table a {
    color: white;
    text-shadow: 1px 1px 1px #79004a;
    font-style: normal;

}

.comments-table a:hover {
    text-shadow: 1px 1px 1px #ff009b;
    text-decoration: none;
}

.comments-table button {
    box-shadow: 0px 1px 2px #aaa;
}

.comments-table td {
    background: #fff;
    border: 1px black outset;
}

/* FOOTER SETTINGS */

footer {
    background: linear-gradient(rgba(227, 227, 227, 0.56), rgba(230, 0, 111, 0.56));
    border-radius: 10px;
}
footer a {
    color: black;
    font-weight: bold;
}
</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 326 comments ( View all | Add Comment )

juniper	1749772350 using!! :3 Report Comment
nyul	1748654214 ¡¡usando!!<3 Report Comment
ecosfolio	1748588300 using!! Report Comment
Naia ˚ ༘♡ ⋆｡˚	1748213381 using!! Report Comment
kiutipammm	1747955185 using! Report Comment
.·:¨Lexa!¨:·.	1747528380 using!!^^ Report Comment
evie/aoibheann :3	1747194311 using!! tysm Report Comment
🂱♰♡𝓶𝓪𝔁𝓵𝔂𝓷𝓷♡♰🂱	1747144927 USING!! Report Comment
bi	1746925544 USING!! Report Comment
Jenn^^	1746478067 Using! Report Comment
Jenn^^	1746478067 Using! Report Comment
Jenn^^	1746478067 Using! Report Comment
acidstar	1745706236 using Report Comment
mokfish୨୧	1745701694 usiiinng<3 Report Comment
Mintyssocks88	1745035669 Using! Thank you Report Comment
juicyxoxo	1744987848 usinggg :3 Report Comment
⋆｡°✩ sunny	1743887651 using !! Report Comment
RORY	1743408170 using Report Comment
Chelitta	1743351196 USING!!1 Report Comment
zuni 𒉭	1743205222 usingg Report Comment