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

Sugar Pearl	1715033114 Using Report Comment
🌸msvalenciaj88🌸	1714953499 Using! Report Comment
ceenzoned	1714891175 ty xx Report Comment
shawnteee ^^	1714869361 using! Report Comment
Tikka	1714426503 using! Report Comment
tammy	1712824292 using! Report Comment
angelcake	1712372159 using!! Report Comment
ann	1711743043 using !!! Report Comment
shay	1711675772 using Report Comment
𖦹	1711318820 usingg Report Comment
angel	1711233635 using!! Report Comment
angel	1711233634 using!! Report Comment
K•E•L•L•I	1710673932 Using! Report Comment
PinkParasol	1710502696 Using ! <333 Report Comment
Radio ₊˚⊹ ʚɞ	1710375667 using <333 Report Comment
CyberAngel	1710286672 Using! Report Comment
yoko	1710209141 usiing <3 Report Comment
AUBREY!!! >X3	1710071574 using!! >.< Report Comment
hisfatherpureevil	1709226574 usinnggg! Report Comment
NIKO	1709084173 using!! Report Comment