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

ozzy	1751173571 using! Report Comment
nana☥𓆣	1751140335 usingg!! Report Comment
tars xx	1750936755 using Report Comment
Emi	1750444658 using! Report Comment
Kate	1749876975 Using!! Report Comment
𝓜𝚛. 𝓡𝚘𝚌𝚔 𝓝 '𝓡𝚘𝚕𝚕	1749317133 using Report Comment
brainfreeze!!	1749263512 yayy, using it rn! Report Comment
ado	1749241301 using!! Report Comment
Marie :P	1748974513 Usingggg Report Comment
Marie :P	1748974509 Usingggg Report Comment
EDEN	1748931111 using!!! great job on it too i love how its not too in your face so i can chose whats the in your face part of my profile and its nice and simple and works super well Report Comment
put(ry)dum	1748463122 Using!! Report Comment
Sasha!	1748177239 i'm using, thank you!! Report Comment
s4l	1748164538 using Report Comment
dimethylether	1748073069 using!! Report Comment
𓆩 𝘼 𝙇 𝙀 𝙓 ! 𓆪	1747520078 usingg Report Comment
Joey	1747393539 using! :3 Report Comment
Skrota	1747192089 using!!!!! Report Comment
xXMeow_princesSparkleXx	1747148297 using! Report Comment
golden cheese cookie kisser	1747097924 using!!! Report Comment