john doe theme + red layout (with filter)

Tags: red, layout, john doe, malecum

Description:

been tested by me, u can edit it

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by ⠀⠀⠀⠀⠀ (https://layouts.spacehey.com/layout?id=26666) -->

<!-- (c) Layout created by Ibuprofen Barbie (https://layouts.spacehey.com/layout?id=25917) -->

<style>
    body {
 background: #ee1407;
background-image:url("https://cdn.discordapp.com/attachments/1013271647911948391/1078202722085511279/ezgif-5-085cfa3667.png");
background-attachment:fixed;
background-repeat:no-repeat;
background-position:bottom left;
    } 

</style>

<style>



h1{

  animation: type 3s steps(27);

  color: white;

  font-size: 10px;

  font-family: courier;

  white-space: nowrap;

  overflow: hidden;

 }



@keyframes type{

  0%{

    width:0ch;

  }

  

  100%{

    width:27ch;

  }

}



@keyframes blink{

  0%{opacity:1;}

  50%{opacity:0;}

  100%{opacity:1;}

}



body::before {

content: " ";

display: block;

position: fixed;

top: 0;

left: 0;

bottom: 0;

right: 0;

background: linear-gradient(rgb(82 15 15 / 48%) 50%, rgb(0 0 0 / 0%) 50%);

z-index: 2;

background-size: 100% 2px, 3px 100%;

pointer-events: none;

}



.col, main, footer, nav::before, .online, nav .links, nav .top {

animation: float 4s;

animation-iteration-count: infinite;

animation-timing-function: ease-in-out;

}



.col, main, footer, nav::before, .online, nav .links, nav .top {

animation: float 4s;

animation-iteration-count: infinite;

animation-timing-function: ease-in-out;

}

@keyframes float {

0% { transform: translate(0, 0px);

}

50% {

transform: translate(0, 8px);

}

100% {

transform: translate(0, -0px);

}

<style>

</style>
<style>
.profile {
  background-color: black;
  color: white;
<style></style>

<style>
.online {
    color: #ee1407;
}

.online img {
   content: url("https://cdn.discordapp.com/attachments/1013271647911948391/1078573076553400390/3167755bc75vtfmao.png");
    animation-name: nyaah;
<style></style>
<style>
nav .top {
    display: block;
    background-color: transparent;
}
nav .links {
    display: block;
    background-color: #ee1407;
    font-family: monospace;
    font-weight: 400;
    font-size: 12px;
    text-align: center;
<style></style>
<style>
    footer {
border-radius: 15px;
background-color: transparent;
}

</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 .friends .heading {
    display: block;
    background-color: #ee1407;
    color: white;
}

.profile .blurbs .inner h4 {
    color: #ee1407;
    font-weight: 700;
}

.profile .blurbs .inner {
    font-family: monospace;
<style></style>
<style>
a {
    color: #ee1407;
}

a:hover, .count {
    color: #ee1407;
    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: #ee1407;
    border-color: white;
    color: white;
    font-family: monospace;
    font-size: 11.5px;
    font-weight: 400;
}
.details-table td:first-child a {
   border-color: black;

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

.profile .table-section .heading {
    display: block;
    background-color: #ee1407;
<style></style>
<style>
.profile .contact .heading {
    background-color: #ee1407;
    border-color: black;
}
<style>
.profile .table-section .heading {
    background-color: #ee1407;
    border-color: black; !important
<style></style>
<style>
profile .url-info, .profile .contact {
    border-color: black;
<style></style>
<style>
.profile .url-info, .profile .contact {
    border-color: black;
</style>
<style>
.comments-table td:first-child {
   background-color: #ee1407;
   border-color: black;
}

.comments-table td:first-child a {
    color: floralwhite;
    font-family: 'Lekton';
    font-weight: 400;
    font-size: 12px;
}

.comments-table td {
    background-color: black; 
    font-size: 11px;
}

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

.comment-replies {
    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 36 comments ( View all | Add Comment )

Lia_weirdprincess	1745604036 using :3 Report Comment
confused	1743931091 using c: Report Comment
Ghostgamer7609	1740938139 using Report Comment
JOHN_DOE	1736481833 USING Report Comment
☆ dominik	1730515790 using ! Report Comment
★TheFamilyScapegoat★	1725063350 Using!!! Report Comment
ASTROPHEL	1722644619 Using :D Report Comment
ASTROPHEL	1722644616 Using :D Report Comment
Eliza🪽	1721534098 using ^^ Report Comment
Conrad	1720274306 Using!! Report Comment
Cryptid_L0serrr	1717642706 using!!! Report Comment
robert	1716025361 use Report Comment
igari blublu :D	1712336217 U S I N G ! ^^ Report Comment
▪︎ｓｕｎｓｈｉｎｅ	1707529397 Usando♡>< Report Comment Ameii o perfill! by Pietr4; 1743646822; Report
citrus moved accs	1706554233 saving ekjlgdsn; Report Comment
x) Maru x)	1706405734 usandooo x))))) Report Comment
Eddie Doe	1706137741 Using! Report Comment
Soren_Corpse	1705982436 using Report Comment
✮⋆˙Luka⋆˙✮	1705861569 Using ^⁠_⁠^ Report Comment
anonymus M.M	1705692637 usado :> Report Comment