Red and Black Cybercore Layout

Tags: red, black, red and black, red and black layout, red cybercore, red cyber, red layout, cybercore

Description:

credit to r✦wan and Ibuprofen Barbie for like half of the code, I changed a lot of stuff up also please comment if ur using or if something doesn't work!! (chances are I forgot to add a semi-colon or an update made a code invalid) btw if you wanna change the background to just a color use this code instead of background-image: background-color: color;

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by ЯATTLETHEMBONES45✪ (https://layouts.spacehey.com/layout?id=101282) -->

<style>
@import url('https://fonts.googleapis.com/css2?family=Lekton:ital,wght@0,700;0,800;1,600&display=swap');
body{
    font-family: 'Lekton', sans-serif;
    font-size: 21px;
    font-color: #E0D5FF;
    text-shadow: 0 5px 6px #ff1f1f;
}
</style>

<style>
img {
filter: sepia(195%) brightness(70%) hue-rotate(322deg) saturate(7);
}
body::before {
content: " ";
display: block;
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.25) 50%);
z-index: 2;
background-size: 100% 4px, 6px 100%;
pointer-events: none;
}
.logo {
filter: sepia(195%) brightness(70%) hue-rotate(320deg) saturate(4);
}

<style></style>
<style>
body {
 margin:0;
background-image: url("https://cdn271.picsart.com/93408f86-7f22-45b4-8c8b-d9f31f1780f3/450570908001201.jpg?to=crop&type=webp&r=1365x642&q=85");
background-attachment: fixed;
}

<style></style>
<style>
.profile {
  background-color: black;
  color: white;
  border: 1.5px solid #A90000;
  box-shadow: 0px 30px 30px #A90000;
<style></style>

<style>
.online {
    color: white;
}

.online img {
   content: url("https://cdn.pixabay.com/photo/2013/07/13/11/26/star-158137_640.png");

}
<style></style>
<style>
nav .top {
    display: block;
    background-color: transparent;
    font-size: 16px;
}
nav .links {
    display: block;
    background-color: #A90000;
    font-size: 16px;
}
<style></style>
<style></style>
<style>
nav .links li:not(:last-child)::after,
footer .links li:not(:last-child)::after{
    content: "";
<style></style>
<style>
.profile .blurbs .heading, .profile .interests .heading, .profile .friends .heading {
    display: block;
    background-color: #A90000;
    color: black;
}

<style></style>
<style>
a {
    color: #A90000;
}

.profile .blurbs .inner h4 {
    color: #A90000;
}

.profile .blurbs .inner {
<style></style>
<style>
a {
    color: #A90000;
}

a:hover, .count {
    color: #A90000;
    font-style: italic;
    text-decoration: none;
<style></style>
<style>
table.details-table {
    background-color: black;
    border-color: black;
}

.details-table td {
    background-color: black;
}

.details-table td:first-child {
    background: #A90000;
    border-color: white;
    color: black;
}
.details-table td:first-child a {
   border-color: black;

<style></style>

<style>
.profile .status-section {
background-color: black;
}

</style>
<style>
.profile .table-section {
    background-color: #A90000;
    border-color: black;
}

.profile .table-section .heading {
    display: block;
    background-color: #A90000;
<style></style>
<style>
.profile .contact .heading {
    background-color: #A90000;
    border-color: black;
}
<style>
.profile .table-section .heading {
    background-color: #A90000;
    border-color: black; !important
<style></style>
<style>
profile .url-info, .profile .contact {
    font-size: 15px;
    font-weight: 400;
    border-color: black;
<style></style>
<style>
.profile .url-info, .profile .contact {
    font-size: 15px;
    font-weight: 400;
    border-color: black;
</style>
<style>
.comments-table td:first-child {
   background-color: #A90000;
   border-color: black;
}

.comments-table td:first-child a {
    color: black;

}

.comments-table td {
    background-color: black;
}

.comments-table td a {
    color: white;
}

.comment-replies {
    background-color: black;
    border-color: black;
}

<style></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 240 comments ( View all | Add Comment )

Had0uken	1790392894 using Report Comment
em !!	1789437101 using!! Report Comment
Fuminatore	1789176621 using Report Comment
Raihley	1788844187 Using Report Comment
casper**	1788400253 using Report Comment
Fruiyui	1788115901 using ^_^ Report Comment
Stag	1787538721 using :p Report Comment
꩜｡⋆♪YLIEE3	1786324278 Usinggg Report Comment
p0rc3L4in	1786003570 usinggg!! :7 Report Comment
xanr	1785906220 Uuuuussingg Report Comment
Andylu_452	1780236490 Usinggg :D Report Comment thanks!! :D by ЯATTLETHEMBONES45✪; 1780409966; Report
CH3RRY	1776966455 Hiiiii I really like this layout, the only problem I have is that the background/wallpaper is just showing up as grey for me. I tried changing it to another image but got the same result. I'm not great at coding (as in I have never coded in my life other than typing in blinky code) and idk what to do lol. Great layout tho :D Report Comment hmm it may just be your device because i looked on your profile and the background is visible. sometimes i'll have this glitch too by ЯATTLETHEMBONES45✪; 1777292581; Report
RATTHEAD	1776068667 Usingggg Report Comment thx! by ЯATTLETHEMBONES45✪; 1776090061; Report
Xxh0ll0w_ve1nzxX	1775598103 usinggg:3 Report Comment thank you!! by ЯATTLETHEMBONES45✪; 1775667716; Report
SM0K3RSISD3ADX	1773270630 Usinnngggg Report Comment thank u!! by ЯATTLETHEMBONES45✪; 1773341942; Report
lucas	1772751033 usinggg :P Report Comment ty by ЯATTLETHEMBONES45✪; 1772808650; Report
⛧♱⛧◤✞ 𝕬𝖑𝖊𝖝 ✞◥⛧♱	1771777443 using Report Comment thx! by ЯATTLETHEMBONES45✪; 1771778664; Report
adobemediaencoder.exe	1770762678 using Report Comment thanks! by ЯATTLETHEMBONES45✪; 1770764741; Report
Yukii	1770319684 using!!! Report Comment thx! by ЯATTLETHEMBONES45✪; 1770602706; Report
ᙏɩຕɩ	1769062091 using cuties! Report Comment thank u!! by ЯATTLETHEMBONES45✪; 1769087814; Report