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

mewmekwlap	1781844128 Using Report Comment
Chronically Online Jay	1781699514 Using prolly Report Comment
•.°Milla	1780482513 Using !! I just changed the color :)) Report Comment
𝕯𝖊𝖘𝖙𝖎𝖓𝖞	1778526015 using Report Comment
jesse jealousy xx	1778525546 usinggg!! Report Comment
Kodi	1778038120 using lol Report Comment
femcel	1777839251 using!! Report Comment
fumus	1766273358 usiiiing thank yew Report Comment
Stefana	1764505265 Using! Report Comment
Finley_Is_Here_Xd	1762614230 using <3 Report Comment
Wind	1762184499 Using! Thank you so much. (●'◡'●) Report Comment
orange<3	1760717942 USINGGGG Report Comment
half-lifer (λ)	1760302122 Usingg!1 Report Comment
⚢ R0TTEZAI 🜏	1757961407 usinnggg Report Comment
Lizzzzy☆`°•~	1754330084 usinggg! Report Comment
Mateo🎧	1754015090 usingg Report Comment
yung fernie <3	1753333687 using with some color edits <3 very cute thanks! Report Comment
𝐋𝐢𝐬𝐚	1750476906 using! Report Comment
V4MP1R3_G0R3	1750007799 usinhg Report Comment
DKAE	1749294891 using <3 Report Comment