pretty black and white!!

Tags: simple, b/w, black, white, sparkles

Description:

by oranis!!

https://spacehey.com/oranis

(please give credit or kudos!!)

hi all! another ms93 port today, this time it's my black and white sparkly theme!!

any improvements/criticisms would be greatly appreciated!
:)

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by ora's html/css workshop (https://layouts.spacehey.com/layout?id=3266) -->

<style>
main {
    background: transparent;
    color: white;
    border-radius: 25px;
}
body{
    background-image:url(https://cdn.discordapp.com/attachments/687431732693172226/852936653924335656/bwsparkles.gif); 
    background-attachment: fixed;
    background-repeat: repeat;
    background-position: center;
    background-size: cover;
    font-family: MS Gothic;
    text-align: center;
    text-transform: none;
    padding-top: 45px;
    font-size: 15px;
    text-shadow: 0px 0px 5px placeholder;
    margin-left: auto;
    color: white;
    -webkit-animation: fadeIn ease 3s;
}
a {
    color: white;
}
.profile .contact .heading h4, .profile .table-section .heading h4, .profile .blurbs .heading h4, .profile .friends .heading h4, .blog-entry .comments .heading h4, .bulletin .comments .heading h4, .home-actions .heading h1, .statistics .heading h4 {
    margin: 0;
    display: inline-block;
    font-size: 25px;
}
div.col.w-40.left {
    margin-top: 20px;
    background: black;
    border: 2px solid white;
    border-radius: 25px;
    margin-bottom: 20px;
    max-width: 550px;
}
div.col.right {
    margin-top: 20px;
    background: black;
    border: 2px solid white;
    border-radius: 25px;
    margin-bottom: 20px;
    max-width: 550px;
}
div.top{
    background: black;
    border-top: 2px solid white;
    border-left: 2px solid white;
    border-right: 2px solid white;
    text-align: center;
    display: flex!important;
}
.logout-btn {
    font-family: MS Gothic;
    text-shadow: 0px 0px 5px placeholder;
    text-decoration: wavy;
    text-decoration-line: underline;
}
.logout-btn, .logout-form {
    color: placeholder;
    display: inline-block;
    font-size: 100%;
}
nav .top a {
    text-decoration: wavy;
    text-decoration-line: underline;
    color: white;
}
ul.links{
    background: black;
    border-bottom: 2px solid white;
    border-left: 2px solid white;
    border-right: 2px solid white;
    text-align: center;
}
nav .links a {
    text-decoration: wavy;
    text-decoration-line: underline;
    color: white;
    font-size: 0.98em;
}
.profile h1 {
    font-size: 25px;
    margin: 0 0 10px 0;
}
.general-about .profile-pic img {
    max-width: 160px;
    max-height: 160px;
    border: 2px solid white;
    border-radius: 50%;
    background-position: center;
}
.online img {
    height: 1.5em;
    margin-right: 5px;
    animation-name: blink;
    animation-iteration-count: infinite;
    animation-timing-function: cubic-bezier(1.0,0,0,1.0);
    animation-duration: 2s;
    filter: brightness(3) contrast(3) grayscale(1) hue-rotate(360deg) saturate(3);
}
.online {
    color: white;
    font-weight: bold;
    font-size: 95%;
}
.icon, .award img {
    display: inline-block;
    height: 1.4em;
    width: 1.4em;
    margin: 0 .05em 0 .1em;
    vertical-align: -0.3em;
    color: rgba(0,0,0,0);
    filter: grayscale(1);
}
.profile-info {
    border: 2px solid white;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px 5px;
    margin-bottom: 10px;
}
div.blog-preview>h4 {
    background: black;
    border: 2px solid white;
    font-size: 25px;
    text-transform: lowercase;
    padding: 2px 7px;
}
.profile .blurbs .heading, .profile .friends .heading {
    background: black;
    color: white;
    border: 2px solid white;
    padding: 2px 7px;
}
.profile .blurbs .section h4 {
    margin: 0;
    color: white;
}
.profile .contact .heading, .profile .table-section .heading, .home-actions .heading {
    background: black;
    color: white;
    border: 2px solid white;
    padding: 2px 7px;
}
.profile .contact, .profile .url-info, .profile .table-section, .home-actions {
    background: black;
    width: 100%;
    border: 2px solid white;
    margin: 10px 0;
}
.count {
    color: white;
}
.profile .friends .person p {
    color: white;
    font-weight: bold;
    width: 100%;
    word-break: break-word;
    font-size: 100%;
    text-align: center;
}
.profile .friends .person img:not(.icon) {
    width: 95px;
    height: 95px;
    border: 2px solid white;
    border-radius: 50%;
    background-position: center;
    display: block;
    object-fit: cover;
    margin: 0 auto;
}
.icon.verified {
    height: 0.8em !important;
    width: 0.8em !important;
    filter: grayscale(1);
}
.comments-table td:first-child, .music-table td:first-child {
    background: black;
    text-align: center;
    font-weight: bold;
    width: 38%;
}
.comments-table td, .music-table td {
    background: black;
    vertical-align: top;
}
.comment-replies {
    padding: 0 5px;
    border: 5px solid white;
    margin-top: 10px;
}
.details-table td {
    background: black;
    vertical-align: top;
}
.details-table td:first-child {
    background: black;
    color: white;
    font-weight: bold;
    width: 33%;
}
footer {
    text-align: center;
    font-size: 70%;
    margin: 10px 0 10px;
    padding: 10px 5px;
    background: black;
    border: 2px solid white;
    border-radius: 25px;
}

@keyframes fadeIn {
    0% {opacity:0;}
    100% {opacity:1;}
}
</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 319 comments ( View all | Add Comment )

VioletBeau x3	1743561984 usin Report Comment
yuiilindaos	1743298395 using!! Report Comment
Sir Jabeltin The IV	1743064327 I shall use this Report Comment
alexorstar	1743021343 using! Report Comment
milodarling	1742961462 using Report Comment
cheektickler47!!! XD	1742868329 using ;D Report Comment
KeiElAi	1742812805 using, tysm! Report Comment
K0d1	1742570605 usinggg Report Comment
TJ	1742534778 Usingggg Report Comment
Nack45ദ്ദി(ᵔᗜᵔ)	1741497926 using! Report Comment
Someone	1741459801 using! Report Comment
amber	1741375886 Using ! Report Comment
Alice	1741325126 Using! Report Comment
MYCH3M1C4LPO1S0N	1741261380 Using!!! Thx smmmm!!! Report Comment
Huggo!!	1741015299 using!!1!! Report Comment
rm.vxn9	1741007832 using Report Comment
Martin	1740349576 Using Report Comment
Amelia	1739909371 using! Report Comment
˜”°• Kora •°”˜	1739819291 Using Report Comment
spookyvessel	1739701409 using! Report Comment