Simple Black and Red Layout

Tags: simple, red, black

Description:

Hey! This is my first ever layout, so its not very good. I hope you enjoy it though.

Credit would be nice, but is not needed. 🙂

Please comment below if I made a mistake. I am also taking requests, however please keep in mind my knowledge in CSS is rather limited. Thank you.

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by nauseous (shitpost arc) (https://layouts.spacehey.com/layout?id=21963) -->

<style>
body {
    background-color: black
}
.logo {
    filter: sepia(100%) hue-rotate(290deg) saturate(150) brightness(0.66);
}
nav, nav .links a {
color: #af3c3c;
text-shadow: #af3c3c 1px 0px 5px;
}
#q, button {
    color: #af3c3c;
    background-color: black;
    border: 2px solid #af3c3c;
}
nav .top {
    margin-top: 2px;
    background: none;
    border: 2px solid #af3c3c;
}
main { 
    background-color: transparent;
    color: #af3c3c !important;
    text-shadow: 0px 0px 10px #af3c3c;
    border: 2px solid #af3c3c ;
}
a, .profile .friends .person p, .logout-btn {
    color: #af3c3c !important;
}
nav .links {
    background-color: black;
    color: #af3c3c;
}
.heading, .url-info {
    color: #af3c3c !important;
    background: none;
    background-color: black !important;
    border: 2px solid #af3c3c !important;
}
.inner {
    color: #af3c3c !important;
    border: 2px solid #af3c3c;
    border-top: none;
}
.profile-info {
    border: 3px solid #af3c3c;
    box-shadow: 0px 0px 10px #af3c3c;
    color: #af3c3c;
}
.profile-info .inner { 
    border:none;
    color: #af3c3c;
}
.friends {
    color: #af3c3c;
}
#comments { 
    border: 2px solid #af3c3c;
}
.profile .contact, .profile .table-section, .home-actions {
    color: #af3c3c!important ;
    border: 2px solid #af3c3c;
}
.profile .blurbs .section h4 {
    color: #af3c3c;
}
td {
    color: #af3c3c !important;
    background: none;
    background-color: black !important;
}
.details-table {
    border: 1px solid #af3c3c;
    border-collapse: collapse;
}
.details-table, td {
    border: 1px solid #af3c3c;
}
table.details-table {
    color: #af3c3c;
}
footer {
    background-color: black;
}
footer p {
    color: #af3c3c !important;
}
.comments-table {
    border: none;
}
nav .info {
     background: none;
}
</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 54 comments ( View all | Add Comment )

Giz	1728928682 using! Report Comment
🕸 \| Kris ⚝ \| 🕷	1728795922 I'm using this but i wanted to change the background of it and i have tried a whole bunch of things and it didn't work- i have been trying to put an image as the background for like 20 minutes Report Comment
roro	1728702731 Using!! Report Comment
Mila	1728273909 Using!! so cute <3 Report Comment
Hanako!	1727616699 using Report Comment
𝕭𝖑𝖚𝖊🪽	1723131302 using Report Comment
zephyr !!	1720558870 USINGG!! Report Comment
BananamanLOL	1720323305 USING1!! ^0^ Report Comment
troi	1719943236 using :p Report Comment
charlie	1716772435 using Report Comment
ཐི 𝐊𝐞𝐧𝐜𝐡𝐤 ཋྀ	1716674333 using Report Comment
minisodita	1716176085 using!! Report Comment
JasperBugz	1714111148 Using!! Report Comment
ď	1712116714 using Report Comment
Gena	1708632273 usinng Report Comment
Miri ☆　° ｡	1707475090 Usando ♡° Report Comment
@.Kedenye	1706144039 Using 🩷 tysm Report Comment
Glutt0ny	1705821427 using Report Comment
SIL, or ORION ☆	1702781139 using!! Report Comment
Cinister <3	1701150128 using ;3! Report Comment