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 ☆ 🍉 (yuri lover ⚢) (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 328 comments ( View all | Add Comment )

silver	1733034637 using! :P Report Comment
★Ⱬ₳₦ĐɆⱤ★	1733020060 using :3 Report Comment
spicy	1732855225 usingg <3 Report Comment
𝖊𝖑𝖑𝖎𝖘 ˖°🦇ִ ࣪𖤐	1732741754 using !! Report Comment
Wren ♱	1732681425 usinggg Report Comment
Niko !	1732645209 Using! Report Comment
adam	1732528335 using ^_^ Report Comment
𓏶｡ Kian	1731920467 Using!!<33 Report Comment
Mqnill	1731680673 Using :3 Report Comment
roz	1731596324 using!! Report Comment
H4WK✩⛓🕷️	1731424419 Usingg Report Comment
ado	1731325782 using:) Report Comment
𐂯 TOBIAS / TOMMY	1731169659 using :3 Report Comment
Sorin	1730769830 using! Report Comment
lou ´･ᴗ･` 🍉	1730205501 used! Report Comment
darkzzz	1730201735 using!! ^_^ Report Comment
strudelronnie ☣	1730009186 using :o) Report Comment
mellowguts	1729942075 using ^,^ Report Comment
★ kitty ★	1729661157 using Report Comment
ᴊᴇʀᴢɪᴇ ྀིྀི	1729057973 Using!! :3 Report Comment