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 43 comments ( View all | Add 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
Guts	1705821427 using Report Comment
SIL, or BLAST ☆	1702781139 using!! Report Comment
Cinister <3	1701150128 using ;3! Report Comment
Yen	1701018846 using :3 Report Comment
Anaax_:P	1700514741 using!! Report Comment
hina_sj	1697813875 using Report Comment
shion B\|	1697779513 using Report Comment
sam ☆	1697046462 using :p Report Comment
marlene :3	1695796904 using :3 Report Comment
inkonic	1695416979 using Report Comment
marcus farcus	1694569956 using!! Report Comment
BROCCOLI / LIAM ! 🍉	1693222960 using! Report Comment
Jacob 🦇	1690918906 using! Report Comment
R!tz	1690097627 using :33 Report Comment