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

elijah ♰	1761784919 using!! Report Comment
Xx.chrissvamp.xX	1757945311 Using!!! Report Comment
Xx.chrissvamp.xX	1757945304 Using!!! Report Comment
Sophya	1753751405 Using!! Report Comment
Slammypie	1753004803 using Report Comment
/-/Chez/-/	1749491329 using! Report 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
1# Mizisua shipper	1736690073 using:PP Report Comment
KRUGER	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
Gizmo	1728928682 using! Report Comment