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

skullz	1767826593 using Report Comment
sollaris	1767680999 using Report Comment
ian alexander	1767519832 using Report Comment
K1tK4t	1767371694 Using! Report Comment
dysphoria.zz	1765099352 Using! Report Comment
𝑫𝒂𝒎𝒂𝒓𝒊	1764520796 Usando Report Comment
eunreall	1764437100 using!! Report Comment
🚬Electrical_tape🔒	1764396881 using Report Comment
꧁𝓍𝒶𝓋𝒾ℯ𝓇꧂	1764288552 USING XP Report Comment
Toxxic_Cherry	1764226099 using Report Comment
Joel's_Funeral	1763417238 using Report Comment
𝑫𝒆𝒍𝒍𝒊𝒈𝒉𝒕𝒇𝒖𝒍	1763232855 Usingg! Report Comment
carol	1763157890 using Report Comment
⌜ ꥟: 𝑨𝒛𝒖𝒓𝒂𝒂!! ⌟	1762738999 IM GOING TO USE THIS FOR MY C00LKIDD THEME! Report Comment
HELL HOUSE	1762517600 Usingg Report 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