Red & Black Blog Layout

Tags: red, black, blog

Description:

A nice red and black blog layout! :)

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by ⋆⟡✩OMEN✩⟡⋆ (https://layouts.spacehey.com/layout?id=88552) -->

<style>
.profile-pic:hover, .profile-pic img:hover, .comments-table img:hover{
transform: scale(1.1);
        transition: 0.5s ease;
filter: grayscale(100%);
    }
    .profile .friends .person img:not(.icon) {transition: 0.5s ease}

@import url('https://fonts.googleapis.com/css2?family=Play&display=swap');
body{font-family: 'Play', sans-serif;}
{background-color: black;}
body::before {
content: " ";
display: block;
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 2;
background-size: 100% 2px, 3px 100%;
pointer-events: none;
}
.edit-info {
    background-color: black;
    border: 1px;
}
#q, button {
color: #cc0000;
background-color: black;
border: 1px solid grey;
font-family: inherit;
}
p, i, b, .count {
color: #cc0000 !important;
}
a, .profile .friends .person p, .logout-btn {
color: #cc0000 !important;
text-decoration: underline !important;
}
.container {
margin: 0 auto 0;
}
.icon {
display: none;
}
nav, nav .links a {
color: #cc0000;
}
nav .top {
margin-top: 2px;
background: none;
background-color: black;
border: 2px solid grey;
border-bottom: none;
}
nav .links {
background-color: black;
border: 2px solid grey;
}
nav img.logo{
    color: #cc0000;
}
body{
background-image:
url(https://upload.wikimedia.org/wikipedia/commons/thumb/c/cd/Black_from_a_camera.jpg/1200px-Black_from_a_camera.jpg);
background-attachment: fixed;
background-size: 1000px;
}

main {
background: black;
color: #cc0000;
border-left: 2px solid grey;
border-right: 2px solid grey;
}
.heading, .url-info {
color: #cc0000 !important;
background: none;
background-color: black !important;
border: 2px solid grey !important;
}
.inner {
color: #cc0000 !important;
border: 2px solid grey;
border-top: none;
}
.profile-info {
border: 2px solid grey;
}
.profile-info .inner {
border: none;
}
.friends .inner {
border-bottom: none;
}
#comments {
border-bottom: 2px solid grey;
}
.profile .contact, .profile .table-section, .home-actions {
border: none !important;
}
.profile .contact .f-row:first-of-type {
margin-top: 0px;
padding-top: 7px;
}
.profile .blurbs .section h4 {
color: #cc0000 !important;
}
.details-table {
margin: 2px;
}
.details-table, td {
border: 1px solid grey;
border-collapse: collapse;
}
td {
color: #cc0000 !important;
background: none;
background-color: black !important;
} 
table.details-table {
max-width: 98%;
}
.profile h1 {
font-size: 20px;
}
footer {
background: black;
border: 2px solid grey;
}
footer p {
color #cc0000 !important;
}
.comments-table {
border: none;
border-collapse: collapse;
}
.comment-replies {
border: 1px solid grey;
margin: 2px;
}
nav .info {
background: none;
}
.profile .friends .person img:not(.icon):hover { 
        transform: scale(1.1);
        transition: 0.5s ease;
filter: grayscale(100%);
}
</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 52 comments ( View all | Add Comment )

ranchan	1750857885 usingggggg Report Comment
𝐋𝐢𝐬𝐚	1750476906 using! Report Comment
V4MP1R3_G0R3	1750007799 usinhg Report Comment
• Destkitaerohym •	1749294891 using <3 Report Comment
Comet 💫	1746810775 usin ^_^ Report Comment
jXck	1744677162 Usssingg Report Comment
Riri	1743773320 Using!! Report Comment
XxDannyyeexX	1741808620 using Report Comment
fleischjournal	1740855665 Using! But where do I put this code? It isn't working when I put it in about me Report Comment
yukii	1740662015 gon use this. thankuu Report Comment
yukii	1740662015 gon use this. thankuu Report Comment
izzzy	1740017307 using <3 Report Comment
𓊆ྀི 𝒦𝒶𝓎𝓁𝒶 𓊇ྀི	1738118049 Hey <3 What's the code you used to get rid of the images for these? View Blog View Profile Report Blog Entry Report Comment hey you can find all the text codes to hide stuff here! https://hessostrange.neocities.org/HTML%20Group/spacehey-main-codes by Napthalene; 1738283211; Report
Jonas	1735844139 using. Report Comment
Yammers	1733527223 Using, thank you! Report Comment
Erix	1733024232 using Report Comment
Fototingobug	1729626612 using ^_^ Report Comment
kat	1729306677 using Report Comment
timaeusTestified [TT]	1729238325 using. Report Comment
scorpion☆ミbizarre	1728773198 Using!! Report Comment