simple black/red layout

Tags: simple, black, red, 90s, retro, layout, emo, goth

Description:

no credit needed but it is appreciated:) pls comment if used !

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by ray ☆ 🍉 (https://layouts.spacehey.com/layout?id=82840) -->

<style>

body {
    background-color: black;
    font-family: verdana, arial, sans-serif, helvetica;
}

nav .top {
    background: black;
    padding: 15px 10px 14px 10px;
    position: relative;
    margin-top: 20px;
    border: 5px ridge darkred;
}

button, input {
    overflow: visible;
    border: 5px ridge darkred;
    color: white;
    padding-bottom: 3px;
    background: black;
}

nav .links {
    background-color: black;
    padding: 3.5px 16px;
    margin-top: 10px!important;
    margin-bottom: 10px!important;
    border: 5px ridge darkred;
    text-align: center;
    width: 750px;
    transform: translateX(28px);
}

main {
    background: black;
    color: white;
    padding: 6px 0px;
    font-size: 80%;
    border: 5px ridge darkred;
}

.profile-info {
    background: black;
    border: 5px ridge darkred;
    width: 100%;
    padding: 5px;
    overflow-wrap: break-word;
    word-break: break-word;
}

footer {
    text-align: center;
    font-size: 70%;
    margin: 10px 0 10px;
    padding: 10px 5px;
    background-color: transparent;
    color: white;
}

a {
    color: red;
    text-decoration: none;
}

a:hover, a:active, .blog-entry .kudos-btn:hover, .blog-entry .kudos-btn:active {
    color: darkred;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
}

nav .links .special a {
    color: red;
}

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

nav .links a {
    text-decoration: none;
    color: white;
    text-shadow: none;
    font-size: 0.98em;
    font-size: max(0.98em, 12px);
}

nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after {
    content: " | ";
    color: white;
}

HTML,BODY{cursor: 
url(https://external-media.spacehey.net/media/s6rl8pclY7DDunCpW9Dilx_i8_U618PDAm6u3qxen7js=/https://ani.cursors-4u.net/symbols/sym-8/sym734.cur),
auto;}


A:hover{cursor: 
url(https://external-media.spacehey.net/media/s6rl8pclY7DDunCpW9Dilx_i8_U618PDAm6u3qxen7js=/https://ani.cursors-4u.net/symbols/sym-8/sym734.cur),
auto;}

::-webkit-scrollbar {
    width: 12px;
    height: 12px;
BACKGROUND-COLOR: black;
}
::-webkit-scrollbar-track {
    width: 2px;
    border: 1px solid darkred;
}
::-webkit-scrollbar-thumb {
    background: darkred;
}
::-webkit-scrollbar-thumb:hover {
    background: red;  
}

.comments-table td, .music-table td {
    background: black!important;
    font-weight: bold;
    border: 5px ridge darkred!important;
}

table.comments-table, table.music-table, table.bulletin-table, table.forum-table, table.groups-table {
    width: 100%;
    overflow-wrap: break-word;
    word-break: break-word;
    border: none!important;
}

.heading {
    background: black!important;
    border: 5px ridge darkred!important;
}

.profile .contact, .profile .url-info, .profile .table-section, .setting-section, .home-actions {
    width: 100%;
    border: none!important;
    margin: 10px 0;
}

.inner {
    border: 5px ridge darkred;
    margin-top: 10px;
}

.profile-info .inner {
    border: none!important;
    margin-top: 0!important;
}

.profile .friends .person p {
    color: red;
    font-weight: bold;
    width: 100%;
    overflow-wrap: break-word;
    word-break: break-word;
    font-size: 100%;
    text-align: center;
}

.details-table td:first-child, .details-table td {
    background: black!important;
    color: white;
    font-weight: bold;
    border: 2px double darkred;
}

.online {
    color: #0C8C00;
    font-weight: bold;
    font-size: 95%;
    filter: hue-rotate(245deg) saturate(2.5);
}

.comment-replies {
    padding: 0 5px;
    border: 5px ridge darkred;
    margin-top: 10px;
}

.icon, .award img {
    display: none;
    height: 1.4em;
    width: 1.4em;
    aspect-ratio: 1/1;
    margin: 0 0.05em 0 0.1em;
    vertical-align: -0.3em;
    color: rgba(0,0,0,0);
}

.f-col:before {
    content: ">";
    color: red;
}

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

mattyboy	1761445461 used Report Comment
mattyboy	1761445461 used Report Comment
𝐊𝐚𝐞𝐝𝐞𝐧_𝐫𝟒𝐰𝐫𝐗𝐃	1761215508 USINGGG <33 Report Comment
PHAT0MS_S0RR0WS_	1760663217 USIING!! Report Comment
Eddie	1759726701 using :3 thank you!! Report Comment
𖤐⭒๋࣭ ⭑lili	1759533455 using tysm Report Comment
ema 𓂀	1759246852 usingg Report Comment
N30	1759053432 Using! Report Comment
Nora Neurosismancer	1758995075 Using! Report Comment
𝚎𝚟𝚒𝚎 ♡ ˖ ࣪ !	1758586412 using Report Comment
.𖥔 ݁ ˖Atlas˖ ݁ 𖥔.	1758207390 using !! Report Comment
BROKOLLY	1758086953 USANDO Report Comment
Jay !!	1757995628 using!! Report Comment
redmisfits	1757708869 Using! Report Comment
MorgueCel	1757235772 Thanks, using Report Comment
chris	1757206526 using Report Comment
⛧ 𝐿𝑒𝓋𝖎𝖆𝓉𝒽𝖆𝖓 ⛧	1755687215 usingg Report Comment
scribbles	1754960633 using ^_^ Report Comment
𝖠𝖒𝖎 †	1754930586 USINGG :P Report Comment
kiwi	1754864619 usingg Report Comment