green cybercore/webcore

Tags: 2000s, 90s, webcore, cybercore, green

Description:

uh credit to Angel Is Pretty. Odd i used their windows 98 layout as a base i really just made some simple modifications but i thought other people might like what i did update: had to change to background image url because imgur stopped working, if your background disappeared please re-paste the new updated layout code another small update/note- please make sure youre using the embed youtube links for the video to play on your profile

Preview:

click on the image for a larger preview

Code:

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

<style>
    
@import url(https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,4); 

body {
   background-image: url(https://files.catbox.moe/9tr1zf.gif);
}
        background-color: #007f7e;
        background-attachment: fixed;
        font-family: Roboto Mono;
        font-size: 17px;
   
    }
     
 
    /* width */
    ::-webkit-scrollbar {
        width: 20px;
   
    }
   
    /* Track */
    ::-webkit-scrollbar-track {
          background: #aebfaef;
    }

    /* Handle */
    ::-webkit-scrollbar-thumb {
        background: #bec7c9;
        border: 2px outset;
    }

    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        background: #fff;
    }
   p {
        color: #000;
        font-weight: 500;
    }
    
    h1, h2, h3, h4, h5, h6 {
        font-size: 12px;
        font-weight: 600;
        color: #000;
    }
  
    :root {
        --logo-blue: #aebfae ;
        --darker-blue: #000;
        --lighter-blue: #aebfae;
        --even-lighter-blue: #aebfae;
        --lightest-blue: #aebfae;
        --dark-orange: #aebfae;
        --light-orange: ;
        --even-lighter-orange: ;
        --green: #000;

    }
    
    nav {
        margin: 10px;
    }
    
     nav .links:before {
        display: block;
        padding-left: 5px;
        padding-bottom: 1px;
        border-bottom-style: groove;
        background-image: url(https://i.imgur.com/CKX2NUO.png), linear-gradient(to right, #0db50d, #67c267);
        background-repeat: no-repeat;
        background-position: right;
        font-weight: 600;
        content: "spacehey - Microsoft Internet Explorer";
    }
    
    .top {
        color: transparent !important;
        height: 0 !important;
        background-color: Transparent !important;
    }
    
    .top .left {
        display: none !important;
    }
    
    .top .center {
        display: none !important;
    }
    
    .search-wrapper{
        display: none !important;
    }
    
    .top .right {
        display: none !important;
    }
    
    .logout-btn{
        display: none !important;
    }
    
    .top a{
        color: #000 !important;
    }
    
    nav .links {
        border-style: outset;
        border-width: 2px;
        border-color: #fff #000 #000 #fff;
        padding: 0 0 3px 0;
        color: #000
    }
    
    nav .links a{
        font-size: 10px;
        color: #000;
        padding: 7px;
        font-weight: 500;
    }

    main {
        background: transparent;
        margin: 10px auto 10px auto;
    }
    
    .col.w-40.left h1{
        border-style: outset outset none outset;
        border-width: 2px;
        border-color: #fff #000 #000 #fff;
        background-image: url(https://i.imgur.com/CKX2NUO.png), linear-gradient(to right, #0db50d, #67c267);
        background-repeat: no-repeat;
        background-position: right;
        margin-bottom: 0;
    }
    
    .profile h1 {
        padding-left: 5px;
        font-family: Roboto Mono;
        font-size: 12px;
    }
    
    .col.w-40.left .general-about p{
        margin: 0;
        background: #aebfae;
        font-weight: 500;
        color: #000;
    }
    
    .general-about {
        height: 178px;
        border-style: groove outset outset outset;
        border-width: 2px;
        border-color: #fff #000 #000 #fff;
        background: #aebfae;
        margin-top: 0;
        font-family: Roboto Mono;
    }
    
    .general-about .profile-pic img {
        margin: 5px;
        height: 200px;
    }

    .general-about .details {
        margin-top: 15px;
    }

    .mood {
        border-style: outset;
        border-width: 2px;
        border-color: #fff #000 #000 #fff;
        background: #aebfae;
        margin: 10px auto ;
    }

    .mood:before {
        display: block;
        padding-left: 5px;
        margin: 1px;
        border-bottom-style: groove;
        background-image: url(https://i.imgur.com/CKX2NUO.png), linear-gradient(to right, #0db50d, #67c267);
        background-repeat: no-repeat;
        background-position: right;
        font-weight: 600;
        font-size: 12px;
        color: #000;
        content: "Mood";
    }
    
    .mood p{
        font-family: Robto Mono;
        color: #000;
        padding: 5px 5px 0px 5px;
    }
    
    .profile .contact .heading, .profile .table-section .heading, .home-actions .heading {
        border-bottom-style: groove;
        background-image: url(https://i.imgur.com/CKX2NUO.png), linear-gradient(to right, #0db50d, #67c267);
        background-repeat: no-repeat;
        background-position: right;
        padding: 0px 6px;
        margin: 1px;
    }
    
    .profile .contact, .profile .url-info, .profile .table-section, .home-actions {
        border-style: outset;
        border-width: 2px;
        border-color: #fff #000 #000 #fff;
    }
    
    .contact {
        background: #aebfae;
    }
    
    .url-info {
        background: #aebfae;
    }
    
    .url-info p{
        font-family: Roboto Mono;
        color: #000;
    }
    
    .details-table {
        background: #aebfae;
    }
    
    .table-section {
        background: #aebfae;
    }
    
    .details-table td {
        border-bottom-style: groove;
        padding: 1px 2px;
        background: #aebfae
    }
    
    .details-table p {
        font-family: Roboto Mono;
        color: #000;
        background: #aebfae
    }
    
    .profile-info {
        border-style: outset;
        border-width: 2px;
        border-color: #fff #000 #000 #fff;
        background: #aebfae;
    }
    
    .blog-preview {
        border-style: outset;
        border-width: 2px;
        border-color: #fff #000 #000 #fff;
        background: #aebfae;
    }
    
    .blog-preview h4 {
        border-bottom-style: groove;
        background-image: url(https://i.imgur.com/CKX2NUO.png), linear-gradient(to right, #0db50d, #67c267);
        background-repeat: no-repeat;
        background-position: right;
        padding-left: 5px;
        margin: 1px;
    }
    
    .blog-preview p {
        margin: 5px;
        font-family: Roboto Mono;
        color: #000;
        font-weight: 500;
    }
    
    .blurbs {
        background: #aebfae;
        border-style: outset;
        border-width: 2px;
        border-color: #fff #000 #000 #fff;
    }
    
    .profile .blurbs .heading {
        border-bottom-style: groove;
        background-image: url(https://i.imgur.com/CKX2NUO.png), linear-gradient(to right, #0db50d, #67c267);
        background-repeat: no-repeat;
        background-position: right;
        padding: 0 0 0 5px;
    }
    
    .profile .blurbs .section h4 {
        color: #000;
        padding: 0px;
        font-weight: 600;
    }
    
    .profile .blurbs .inner {
        font-family: Roboto Mono;
        padding: 2 0;
    }
    
    .friends {
        border-style: outset;
        border-width: 2px;
        border-color: #fff #000 #000 #fff;
        background: #aebfae;
        margin-bottom: 20px;
    }
    
    .profile .friends .heading {
        border-bottom-style: groove;
        background-image: url(https://i.imgur.com/CKX2NUO.png), linear-gradient(to right, #0db50d, #67c267);
        background-repeat: no-repeat;
        background-position: right;
    }
    
    .profile .friends .heading a {
        padding-right: 50px;
    }
   

body::before {
    content: " ";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: linear-gradient(rgb(0 100 0 / 48%) 50%, rgb(0 0 0 / 0%) 50%);
    z-index: 2;
    background-size: 100% 2px, 3px 100%;
    pointer-events: none;

    }

    div.friends:nth-of-type(3) &gt; div.inner:nth-child(2) &gt; p:first-child &gt; b:first-child {
        font-family: Roboto Mono;
        color: #000;
    }
    
    .profile .friends .inner {
        background: #aebfae;
    }
    
    #comments .inner {
        height: 1000px;
        overflow: auto;
    }
    
    #comments &gt; div.inner:nth-child(2) &gt; p:first-child &gt; b:first-child {
        font-family: Roboto Mono;
        color: #000;
    }
    
    .comments-table td {
        border-style: none groove groove none;
        border-width: 3px;
        font-family: Roboto Mono;
    }
    
    .comments-table td * {
        font-family: Roboto Mono;
        color: #000;
    }
    
    footer {
        border-style: outset;
        border-width: 2px;
        border-color: #fff #000 #000 #fff;
        background: #aebfae;
        margin-bottom: 20px;
    }
    
    footer p {
        color: #000;
    }
</style>

<iframe width="100%" height="380" src="https://www.youtube.com/embed/PJxgRTutDWU?autoplay=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""> 
 !important </iframe>

<style>* {cursor: url(https://cur.cursors-4u.net/others/oth-2/oth162.cur), auto !important;}</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 61 comments ( View all | Add Comment )

cooper / cam	1758231259 using, ty !! Report Comment
dexter !	1756077210 us1ng!!! :3 Report Comment
𓆩 lime/vee 𓆪 (≡^∇^≡)	1751905866 uzing! Report Comment
m4nm4d3g0d	1751669663 uzing Report Comment
Omer	1748789929 Using!!! Report Comment
rabidqueer	1746065822 using ! Report Comment
@ .. - TW0 T1M3! ( PLS FR OR INT PLS )	1744348720 HEY GUESS WHAT :00!1??? IM USING THIS XDD!1 Report Comment
🕷 vrissy ♏︎	1742216757 USiNG !! Report Comment
vinnie !!	1742069933 using !! just made an acc so i'm trying to make mine pretty XD Report Comment
elijah	1739813244 Using!! Report Comment
Dᵣₐcᵤₗₐ!	1736361627 hi! i'm gonna use this layout, i'm new in Spacehey and i'm not experienced in coding, could you tell me how do i put a video in the space of Blurbs? Report Comment
Matthew_Miller	1735157141 Maan you really know your aesthethics, it looks cool, using :P Report Comment
Kael / kaelooz	1735085409 Using :>>> Report Comment
sky >_<	1734093685 usinnggg ^_^ Report Comment HAII PERSONA 5 FAN by 🕷 vrissy ♏︎; 1742195774; Report
Slammypie	1733966036 ima use, this is too good to ignore Report Comment
Slammypie	1733966035 ima use, this is too good to ignore Report Comment
⋆ Viktor !! ⋆	1733029828 uzing !! Report Comment
JesseXD	1732458264 USING Report Comment
IMCOOLERCUZIMBLUE	1731788084 using Report Comment