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

️🖤 Nero	8 days ago usin ^_^ Report Comment
jXck	1 month ago Usssingg Report Comment
Riri	1 month ago Using!! Report Comment
XxDannyyeexX	2 months ago using Report Comment
fleischjournal	2 months ago Using! But where do I put this code? It isn't working when I put it in about me Report Comment
yukii	2 months ago gon use this. thankuu Report Comment
yukii	2 months ago gon use this. thankuu Report Comment
izzzy	2 months ago using <3 Report Comment
𓊆ྀི 𝒦𝒶𝓎𝓁𝒶 𓊇ྀི	3 months ago 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; 3 months ago; Report
Jonas	4 months ago using. Report Comment
Yammers	5 months ago Using, thank you! Report Comment
Erix	5 months ago using Report Comment
Fototingobug	6 months ago using ^_^ Report Comment
kat	7 months ago using Report Comment
timaeusTestified [TT]	7 months ago using. Report Comment
scorpion( ﾟ□ﾟ)	7 months ago Using!! Report Comment
★ KAITO !?	7 months ago Using Report Comment
psiionic	8 months ago using. Report Comment
Isa!	9 months ago using! Report Comment
leon ᓚᘏᗢ	9 months ago using yayyay Report Comment