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

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

glamorousHipster	1712814144 using! Report Comment
(m)tropy	1711936171 used this as a base, ty :-) Report Comment
fluttershy .	1708198315 USINHH :3 Report Comment
Crabby :3	1706660683 using Report Comment
DIGISYS	1701133603 using !! Report Comment
BULLFROG	1700617138 Using! : 3 Report Comment
¡! Leaf ♡	1699135645 prob uzing :3 Report Comment
Taru	1698608205 Using!!!!!!!! -w- Report Comment
Kurozine	1698211449 i am using :3 Report Comment
@ SIR. FELIX ? !	1698169982 USING ! ! Report Comment
˗ˏˋ leo ˎˊ˗	1696539622 hsing ! Report Comment
- STELLAR ✩	1696389816 using! Report Comment
⦻ RainGlobe / RODY!!! B)	1695660409 USING! Report Comment
GrimmGus	1692683220 USING! I lov Report Comment
MellyinTaffyin	1690761640 using!!! and giving credits! Report Comment
MellyinTaffyin	1690761637 using!!! and giving credits! Report Comment
ren	1689222581 using Report Comment
remorce (rem)	1689058873 using Report Comment
Beau	1688876741 using Report Comment