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

no1knowme	1743806443 using!! Report Comment
mirra	1739336625 usingg Report Comment
rinky dink	1738955046 using Report Comment
Kathy	1737995198 usingg Report Comment
ink	1737422161 Using! Report Comment
《YOUR1L0CAL1W3IRDO<3》	1736690073 using:PP Report Comment
𝔎𝔯𝔲𝔢𝔤𝔢𝔯	1735779167 epic!! using 4 sure<33 Report Comment
slammypie	1735642742 rad layout :) using Report Comment
isabel	1735062896 using! <3 Report Comment
mangolocolover < ? >	1733563930 using but i changed the red to green:3 Report Comment
MYKA >__<	1732985798 Using ^^ Report Comment
xwhen.rats.flyx	1732703096 using!! ^_^ Report 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