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 [INACTIVE] 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>





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

Kurotsuno	1774406473 usingg! Report Comment
ArtTheKlown	1774240800 usingg Report Comment
Nihil	1773985641 Using Report Comment
Benj142O	1773840714 using thx Report Comment
PhasedSeaHorse	1773832997 usingggg Report Comment
elliot ♪	1773823034 using and i was wondering what your rules on modifying the code would be! X3 Report Comment
Miu	1773520460 using Report Comment
mogeges	1773394170 using! Report Comment
aethyrr	1773328067 using Report Comment
XxVanceOfflinexX	1773191049 using !! Report Comment
Sev!!!	1773063414 Using :3 Report Comment
Sev!!!	1773063414 Using :3 Report Comment
ྀི🫶🏽n̶i̶y̶a̶a̶a̶a̶a̶ 🧸ྀི	1773033464 usinggg Report Comment
moti	1772896686 Using Report Comment
_achemondx	1772880516 usingg Report Comment
Casskkj	1772746668 using Report Comment
sadece.wq0	1772562316 using Report Comment
fainéant	1772548762 using Report Comment
VX	1772277851 using Report Comment
gut_wrnch	1771833852 using :> Report Comment