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

Omer	1748789929 Using!!! Report Comment
rabidqueer	1746065822 using ! Report Comment
BLUUDLIX_Y0YL3!!!	1744348720 HEY GUESS WHAT :00!1??? IM USING THIS XDD!1 Report Comment
🌈 PEE GIRL / DAKOTA 👁 (SPACEHEY'S JAKE ENGLISH)	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
Soren Vega	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 🌈 PEE GIRL / DAKOTA 👁 (SPACEHEY'S JAKE ENGLISH); 1742195774; Report
catzrcool127	1733966036 ima use, this is too good to ignore Report Comment
catzrcool127	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
Ibivafiv	1728701357 Using Report Comment
eclipse!	1727821328 using!! ^_^ Report Comment
Sema	1727029920 using!!!^^ Report Comment
⦻ ༺ 𝐀𝐫𝐧𝐢𝐞 ༻ ⦻	1725864039 using :P Report Comment