Black and White Paint Splatter Layout

Tags: black, white, layout, simple, paint, splatter, emo

Description:

Simple black and white paint splatter layout made by me. Links are red when hovered over.

To use this layout, copy everything in the code box, go to "Edit Profile", then paste everything into your "About Me" section.

If you use this layout, all I ask is that you keep where it credits me. Thank you!

Preview:

click on the image for a larger preview

Code:

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

<style>

@import url('https://fonts.googleapis.com/css2?family=Special+Elite&display=swap');

body{
background-image: url(https://images4.imagebam.com/d1/9f/2e/ME5U3XO_o.jpeg);
background-attachment: fixed;
}

main{
background-color: rgba(255, 255, 255, 0.8);
}

p{
color: white;
}

nav .top{
background-color: black;
margin-top: .5em;
border-style: double;
}

nav .links{
text-align: center;
background-image: url(https://images4.imagebam.com/54/3a/de/ME5U3XQ_o.png);
background-position: center;
background-repeat: no-repeat;
height: 100%;
}

.profile h1{
font-family: 'Special Elite', cursive;
color: black;
font-size: 30px;
text-align: center;
text-shadow: 1px 1px 3px black;
}

.profile .general-about{
background-color: black;
border-width: 1px; 
border-style: double;
border-color: white;
padding: 1em;
color: white;
display: flex;
flex-wrap: wrap;
justify-content: center;
text-align: center;
}

.profile .profile-pic img{
height: 100%;
border-style: double;
}

.profile .profile-pic{
margin: 0;
}

.profile .mood{
text-align: center;
margin: .5em 0;
}

.profile .contact .heading,
.profile .table-section .heading{
padding: .5em;
font-size: 16px;
line-height: 1.5em;
color: white;
background-color: black;
text-align: center;
padding: .5em;
border: none;
border-style: double;
}

.profile .table-section,
.profile .contact,
.profile .url-info{
background-color: black;
border: none;
border-style: double;
color: white;
}

table.details-table td {
background-color: transparent !important;
color: white !important;
}

.profile .blurbs .heading,
.profile .friends .heading{
padding: .5em;
font-size: 16px;
line-height: 1.5em;
color: white;
background-color: black;
text-align: center;
padding: .5em;
border: none;
border-style: double;
}

.profile .blurbs .section h4{
color: white;
text-align: center;
padding: .5em;
}

.profile .blurbs .section p, .credit{
color: white;
text-align: center;
}

.profile .blurbs{
background-color: black;
border: none;
border-style: double;
color: white;
}

.profile .friends .inner{
text-align: center;
color: black;
}

.profile .friends .friends-grid p{
color: black;
}

.profile .comments-table .comment-replies{
background-color: black;
border: none;
border-style: double;
color: white;
}

.profile .comments-table td{
background-color: black;
border: none;
border-style: double;
color: white;
}

.profile .profile-info{
background-color: black;
border: none;
border-style: double;
color: white;
}

footer{
background-color: black;
border: 1px double white;
color: white;
}

a{
color: white;
text-shadow: 1px 1px 5px #6D0000;
}

a:visited {
color: white;
text-shadow: 1px 1px 5px #6D0000;
}

a:hover {
color: red;
text-shadow: 1px 1px 5px #6D0000;
}

a:active {
color: red;
}

nav .links a{
color: white;
text-shadow: 1px 1px 5px black;
}

nav .links a:hover{
text-decoration: none;
color: red;
}

.count{
text-decoration: underline;
color: red;
}

.online{
color: white;
text-shadow: 1px 1px 3px white;
font-family: 'Special Elite', cursive;
text-decoration: underline;
font-size: 150%;
animation-name: blink;
animation-iteration-count: infinite;
animation-timing-function: cubic-bezier(1.0,0,0,1.0);
animation-duration: 2s;
}

.online img{
display: none;
}

.profile .blog-preview{
background-color: black;
border: none;
border-style: double;
color: white;
padding: 0.5em;
text-align: center;
}

</style>

<div class="credit"><a href="https://spacehey.com/beefstew">Layout Made By BEEFSTEW</a></div>

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

Buff Monokuma	1696221432 Using Report Comment
Emma	1654844844 OMG SO KEWLL Report Comment
Kuma Chan/Kun	1643393926 Hey! Are people allowed to edit your layout? I LOVE this one, but I'd really like a version with a reversed background (black with white paint splatter) Report Comment Ya people are allowed to edit my layouts! by BEEFSTEW; 1643429833; Report alrighty! ty by Kuma Chan/Kun; 1643466419; Report
Gruggo	1642554121 I dig it Report Comment
Kuma Chan/Kun	1642285796 this looks awesome! Report Comment
Cin Lynn	1642236601 Perfect layout! Thank you Report Comment