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

emi ☆	1701281573 using!! :D Report Comment
Asteroid ☆	1700343866 I might use! Report Comment
SYE (IS KRISTY KILLINGS 🩸🔪)	1699745533 Using Report Comment
JennyZ TIKXAN	1699260482 Using Report Comment
Caterpills	1699211006 using! Report Comment
Katie✭	1695785356 So cute! Def using Report Comment
akira ♰	1695497653 using !! very cute layout and shockingly easy for me to edit around with lol :^) Report Comment
Agora	1695147979 using! Report Comment
madi	1694977102 using!! Report Comment
liam :3	1693234271 using! Report Comment
♪ COSMO/OREL ♪	1693220087 using! Report Comment
Elicit :3	1692721970 using!! Report Comment
lucille	1691356740 this is so cute!! i’m gonna use it!! do u mind if i edit it later to personalize more? i’ll always link back to u ofc!! Report Comment
moawa_	1691162321 Using Report Comment
trin!!	1690754599 aww my old layout <3 Report Comment
D3vika_	1690218480 using >.< Report Comment
˚₊‧꒰ა ☆ ໒꒱ ‧₊˚	1690151735 using Report Comment
JUICY_4LIFE	1689741480 Using💖 Report Comment
vivi	1688869350 using !! Report Comment
miyan	1688824815 using!!! Report Comment