red webcore/cybercore-ish layout

Tags: red, 2000s, webcore, cybercore, layout

Description:

something i made out of boredom for a friend,, comment if using ^_^ IF YOU WANT THE LAYOUT WITHOUT THE INTERESTS SCROLLBAR + MORE LOOK HERE : https://layouts.spacehey.com/layout?id=104338

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by [S] corey (https://layouts.spacehey.com/layout?id=106136) -->

<style>
body {
font-family: Courier New, monospace;
background-color: black;
}


}
#q, button {
color: #e00707;
background-color: black;
border: 1px solid #e00707
font-family: inherit;
}
p, i, b, .count {
color: #e00707!important;
}
a, .profile .friends .person p, .logout-btn {
color: #e00707 !important;
text-decoration: underline !important;
}
.container {
margin: 0 auto 0;
}
.icon {
display: none;
}
nav, nav .links a {
color: #e00707;
}
nav .top {
margin-top: 2px;
background: none;
background-color: black;
border: 2px #e00707;
border-bottom: none;
}
nav .links {
background-color: black;
border: 2px solid #e00707;
}
main {
background: black;
color: #e00707;
border-left: 2px #e00707;
border-right: 2px #e00707;
}
.heading, .url-info {
color: #e00707 !important;
background: none;
background-color: black !important;
border: 2px solid #e00707 !important;
}
.inner {
color: #e00707 !important;
border: 2px #e00707;
border-top: none;
}
.profile-info {
border: 2px solid #e00707;
}
.profile-info .inner {
border: none;
}
.friends .inner {
border-bottom: none;
}
#comments {
border-bottom: 2px #e00707;
}
.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: #e00707 !important;
}
.details-table {
margin: 2px;
}
.details-table, td {
border: 1px solid #e00707;
border-collapse: collapse;
}
td {
color: #e00707 !important;
background: none;
background-color: black !important;
} 
table.details-table {
max-width: 98%;
}
.profile h1 {
font-size: 2em;
}
footer {
background: black;
border: 2px #e00707;
}
footer p {
color #e00707 !important;
}
.comments-table {
border: none;
border-collapse: collapse;
}
.comment-replies {
border: 1px solid #e00707;
margin: 2px;
}
nav .info {
background: none;
}
</style>





<!-- this section is the interests scrollbar, if you wanna get rid of it yourself just delete this whole section-->

<style>

.table-section {
    height: 130px;
    overflow-y: auto;
    border: none!important;
}

</style>













<style>

nav {
  overflow-x: hidden;
  position: relative;
}

nav .top {
  background: transparent;
}

nav .links {
  background: rgba(0, 0, 0, 0.3);
}

<!-- the link below this is the red banner img!!! if you want it gone just delete the section-->
 
nav { background-image: url(https://i.pinimg.com/564x/92/ff/f4/92fff4ce8b610f433a031a078bd06ba5.jpg); }
</style>



<!-- this section is the crt overlay, if you want it gone just delete the section underneath these brackets-->

<style>
@import url('https://fonts.googleapis.com/css2?family=VT323&display=swap');
 {
  0% {
    opacity: 0.27861;
  }
  5% {
    opacity: 0.34769;
  }
  10% {
    opacity: 0.23604;
  }
  15% {
    opacity: 0.90626;
  }
  20% {
    opacity: 0.18128;
  }
  25% {
    opacity: 0.83891;
  }
  30% {
    opacity: 0.65583;
  }
  35% {
    opacity: 0.67807;
  }
  40% {
    opacity: 0.26559;
  }
  45% {
    opacity: 0.84693;
  }
  50% {
    opacity: 0.96019;
  }
  55% {
    opacity: 0.08594;
  }
  60% {
    opacity: 0.20313;
  }
  65% {
    opacity: 0.71988;
  }
  70% {
    opacity: 0.53455;
  }
  75% {
    opacity: 0.37288;
  }
  80% {
    opacity: 0.71428;
  }
  85% {
    opacity: 0.70419;
  }
  90% {
    opacity: 0.7003;
  }
  95% {
    opacity: 0.36108;
  }
  100% {
    opacity: 0.24387;
  }
}
@keyframes textShadow {
  0% {
    text-shadow: 0.4389924193300864px 0 1px rgba(0,30,255,0.5), -0.4389924193300864px 0 1px rgba(255,0,80,0.3), 0 0 3px;
  }
  5% {
    text-shadow: 2.7928974010788217px 0 1px rgba(0,30,255,0.5), -2.7928974010788217px 0 1px rgba(255,0,80,0.3), 0 0 3px;
  }
  10% {
    text-shadow: 0.02956275843481219px 0 1px rgba(0,30,255,0.5), -0.02956275843481219px 0 1px rgba(255,0,80,0.3), 0 0 3px;
  }
  15% {
    text-shadow: 0.40218538552878136px 0 1px rgba(0,30,255,0.5), -0.40218538552878136px 0 1px rgba(255,0,80,0.3), 0 0 3px;
  }
  20% {
    text-shadow: 3.4794037899852017px 0 1px rgba(0,30,255,0.5), -3.4794037899852017px 0 1px rgba(255,0,80,0.3), 0 0 3px;
  }
  25% {
    text-shadow: 1.6125630401149584px 0 1px rgba(0,30,255,0.5), -1.6125630401149584px 0 1px rgba(255,0,80,0.3), 0 0 3px;
  }
  30% {
    text-shadow: 0.7015590085143956px 0 1px rgba(0,30,255,0.5), -0.7015590085143956px 0 1px rgba(255,0,80,0.3), 0 0 3px;
  }
  35% {
    text-shadow: 3.896914047650351px 0 1px rgba(0,30,255,0.5), -3.896914047650351px 0 1px rgba(255,0,80,0.3), 0 0 3px;
  }
  40% {
    text-shadow: 3.870905614848819px 0 1px rgba(0,30,255,0.5), -3.870905614848819px 0 1px rgba(255,0,80,0.3), 0 0 3px;
  }
  45% {
    text-shadow: 2.231056963361899px 0 1px rgba(0,30,255,0.5), -2.231056963361899px 0 1px rgba(255,0,80,0.3), 0 0 3px;
  }
  50% {
    text-shadow: 0.08084290417898504px 0 1px rgba(0,30,255,0.5), -0.08084290417898504px 0 1px rgba(255,0,80,0.3), 0 0 3px;
  }
  55% {
    text-shadow: 2.3758461067427543px 0 1px rgba(0,30,255,0.5), -2.3758461067427543px 0 1px rgba(255,0,80,0.3), 0 0 3px;
  }
  60% {
    text-shadow: 2.202193051050636px 0 1px rgba(0,30,255,0.5), -2.202193051050636px 0 1px rgba(255,0,80,0.3), 0 0 3px;
  }
  65% {
    text-shadow: 2.8638780614874975px 0 1px rgba(0,30,255,0.5), -2.8638780614874975px 0 1px rgba(255,0,80,0.3), 0 0 3px;
  }
  70% {
    text-shadow: 0.48874025155497314px 0 1px rgba(0,30,255,0.5), -0.48874025155497314px 0 1px rgba(255,0,80,0.3), 0 0 3px;
  }
  75% {
    text-shadow: 1.8948491305757957px 0 1px rgba(0,30,255,0.5), -1.8948491305757957px 0 1px rgba(255,0,80,0.3), 0 0 3px;
  }
  80% {
    text-shadow: 0.0833037308038857px 0 1px rgba(0,30,255,0.5), -0.0833037308038857px 0 1px rgba(255,0,80,0.3), 0 0 3px;
  }
  85% {
    text-shadow: 0.09769827255241735px 0 1px rgba(0,30,255,0.5), -0.09769827255241735px 0 1px rgba(255,0,80,0.3), 0 0 3px;
  }
  90% {
    text-shadow: 3.443339761481782px 0 1px rgba(0,30,255,0.5), -3.443339761481782px 0 1px rgba(255,0,80,0.3), 0 0 3px;
  }
  95% {
    text-shadow: 2.1841838852799786px 0 1px rgba(0,30,255,0.5), -2.1841838852799786px 0 1px rgba(255,0,80,0.3), 0 0 3px;
  }
  100% {
    text-shadow: 2.6208764473832513px 0 1px rgba(0,30,255,0.5), -2.6208764473832513px 0 1px rgba(255,0,80,0.3), 0 0 3px;
  }
}
body::after {
  content: " ";
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(18, 16, 16, 0.1);
  opacity: 0;
  z-index: 2;
  pointer-events: none;
  animation: flicker 0.15s infinite;
}
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%), linear-gradient(90deg, rgba(255, 0, 0, 0.06), rgba(0, 255, 0, 0.02), rgba(0, 0, 255, 0.06));
  z-index: 2;
  background-size: 100% 2px, 3px 100%;
  pointer-events: none;
}
img {
filter: sepia(100%) hue-rotate(312deg) saturate(4);
</style>


<div style="float:  ; max-height: 400px; position: fixed; right: 1px; bottom: 9px; z-index: 200;">
<img src="https://files.catbox.moe/eqyqno.gif" width="100" height="100"/></div>


<style>
.general-about{
  position: relative;
  margin-top: 30px;
}
.online {
    content: url(https://sillyblinkies.neocities.org/online/WARNINGonline2.gif);
}
</style>



<style>
.logo {
   content: url(https://files.catbox.moe/ukv6hf.png);
}
</style>



<style>
table.comments-table{

display: block;
height: 250px!important;
overflow-y: scroll;

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

Sprout Seedly	1790612882 Using Report Comment
toothachecrow	1790444017 Thx Report Comment
Jindra	1790252982 using Report Comment
DavidR16	1790211801 using cuz its epik Report Comment
TOXIX	1789695300 usingg Report Comment
jack's dusty corner	1789494786 usingggg Report Comment
Raihley	1788842042 Using! Report Comment
-termination_protocol_007n7-	1788006078 using! ^_^ Report Comment
karasek	1787952639 using Report Comment
#leospace	1787841590 using! Report Comment
evieecupcakes	1787679581 using Report Comment
✦⠀𓈒⠀SLE3PY .ᐟ.ᐟ	1787423112 using !! Report Comment
solmuchmoney	1787210275 usinggg Report Comment
ash	1786311330 using!!! tysm!!! Report Comment
꒰🏳️‍⚧️Reaper!!👁️꒱	1786257594 Using! Report Comment
polaoakxd	1786212849 using! Report Comment
࿇ 𝖃𝖆𝖓𝖉𝖊𝖗 𓏵‧₊˚	1786194936 Usinggg Report Comment
°↷✦𝙎𝙖𝙮𝙪๑ ˚ ◌ ꒱	1786155045 using yeaah Report Comment
𝔦𝔩𝔩𝔦	1786041274 Usinggg :3 Report Comment
𝘝3𝘟𝘛𝘏𝘌𝘒𝘙𝘠𝘗𝘛𝘐𝘊𖤝	1785355324 using! Report Comment