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 275 comments ( View all | Add Comment )

uzmk	1738338397 using Report Comment
Luanqaq	1738277319 USING!!!!!!!!!!!!!!!!!!!!!!!!!!!!11!1!!1 Report Comment
⋆˚࿔Safi Starie𝜗𝜚˚⋆ּ ֶָ֢.	1738165400 using Report Comment
sTup1dBl0nd1E	1737825818 Ussinnnggg<3333 Report Comment
us3r.becca	1737793686 that's hot deffo using! Report Comment
GossipGirl	1737596493 using! XOXO Report Comment
iah	1737572780 using!!! Report Comment
Fifi	1737546203 Usingg ! Report Comment
justblainelol	1737529081 using :3 Report Comment
✮Donatella Lohan✮	1737522048 Using!! Report Comment
✮Donatella Lohan✮	1737522048 Using!! Report Comment
✮Donatella Lohan✮	1737522047 Using!! Report Comment
✮Donatella Lohan✮	1737522047 Using!! Report Comment
✮Donatella Lohan✮	1737522047 Using!! Report Comment
✮Donatella Lohan✮	1737522047 Using!! Report Comment
✮Donatella Lohan✮	1737522047 Using!! Report Comment
✮Donatella Lohan✮	1737522047 Using!! Report Comment
sexyy.sagitt4rius	1737482136 using!!<3 Report Comment
jojo	1737155886 using!!! Report Comment
Pastelcupcake07	1736862250 using! Report Comment