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] gumball (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>







<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);
}

nav { background-image: url(https://i.pinimg.com/564x/92/ff/f4/92fff4ce8b610f433a031a078bd06ba5.jpg); }
</style>





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

harvey !!	1748829293 USINNGG Report Comment
VANILLAMista	1748735206 Using !! >< Report Comment
btchesbrok3n	1748731445 USIIING!! Report Comment
Eunoia;Osakii!!°˖✧(＠＾◡＾)	1748719854 USING!!11 Report Comment
RE¡NZ <3	1748384302 Usingggg :3 Report Comment
/-/Chez/-/	1748281507 using Report Comment
Kad3n	1748233786 Using Report Comment
★╯\|S4m !\| ╰★	1747769866 Using Report Comment
─── ⋆⋅☆⋅⋆ ──Cannibal Star─── ⋆⋅☆⋅⋆ ──	1747556507 Using :3 Report Comment
𝔠𝔥𝔞𝔬𝔰 𝔞𝔫𝔡 𝔱𝔞𝔶	1747114072 using Report Comment
Ray !! {i love gee <3}	1746857105 using butt how do u get rid of the scroll thing for the interests area? i know at the top there was a link but it says page not found !! :33 Report Comment i have the current link right here, if it still doesnt work i can js make a blog with the code!! https://layouts.spacehey.com/layout?id=104338 by [S] gumball; 1746940415; Report
DR.CARNIS	1746854467 USING ^_^ Report Comment
HerrQuantum	1746734560 using Report Comment
Cherry	1746704667 USING Report Comment
Jason Elliot!	1746637588 ousingg Report Comment
meepiu	1746452377 using!! :D Report Comment
ace_18_33	1746272690 using Report Comment
⛤Gabriel☣	1746031924 using !! Report Comment
sydney	1745976862 gonna use! :3 Report Comment
Sha / Edge	1745975460 using !! Report Comment