D'S CYBERCORE GREEN LAYOUT!

Tags: green; neongreen; emo; cybercore; webcore; 2000s; cyber; d;

Description:

This is a neon green layout that i have been using for a while. I am working on another layout sooo feel free to use!!!

Preview:

click on the image for a larger preview

Code:

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

<span style="visibility: hidden;">hello please add me in the spacehey's unofficial random blogroll, thanks</span>



<style>

footer {
    text-align: center;
    font-size: 70%;
    margin: 10px 0 10px;
    padding: 10px 5px;
    background: #1f1f1f;
}

.profile .friends .person p {
    color: #ffffff;
    font-weight: bold;
    width: 100%;
    word-break: break-word;
    font-size: 100%;
    text-align: center;
}

.profile h1 {
    font-size: 1.5em;
    margin: 0 0 10px 0;
    color: #00ff47;
}

.profile-info {
    border: 2px solid #00ff47;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px 5px;
    margin-bottom: 10px;
    background: url(https://web.archive.org/web/20091027064708/http://geocities.com/cyberdrakon/images/zerbana.gif);
}

body:before {
	content: " ";
	height: 50vh;
	width: 100vw;
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	background-image: url('https://art.pixilart.com/d4d5a869e3e9699.gif');
	z-index: 100;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center top;
	animation: doorUp 3s ease 0s 1 normal forwards;
	pointer-events: none;
}

body:after {
	content: " ";
	height: 50vh;
	width: 100vw;
	display: block;
	position: fixed;
	bottom: 0;
	left: 0;
	background-image: url('https://art.pixilart.com/d4d5a869e3e9699.gif');
	z-index: 100;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center bottom;
	animation: doorDown 3s ease 0s 1 normal forwards;
	pointer-events: none;
}

@keyframes doorUp { 0.0%{ } 75%{ transform: translate(0,0); } 100%{ transform: translate(0,-50vh); } } 
@keyframes doorDown { 0.0%{ } 75%{ transform: translate(0,0); } 100%{ transform: translate(0,50vh); } } 

.profile .blurbs .section h4 {
    margin: 0;
    color: #e3e3e3;
    border-radius: 35px 35px 0 0;
}

nav {
        border-radius: 35px 35px 0 0;
        overflow: hidden;
    }

.comments-table tr td:last-child {
    height: 250px;
    display: block;
}

table.comments-table, table.music-table, table.bulletin-table {
    width: 100%;
    word-break: break-word;
    overflow: auto
;
}

.profile .left .table-section:nth-last-child(2):before {
    background: url(https://web.archive.org/web/20091026163820/http://geocities.com/svr_gov_ru/images/green_roger.gif);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    height: 100px;
    width: 100px;
    content: " ";
    transform: rotate(
-4deg
) scale(1.7) translateX(-3em) translateY(2.5em);
    position: absolute;
    z-index: -1;
}



:root {
    --logo-blue: black;
    --darker-blue: #1f1f1f;
    --lighter-blue: #33ff00;
    --even-lighter-blue: #1f1f1f00;
    --lightest-blue: #1f1f1f;
    --dark-orange: #1f1f1f;
    --light-orange: #33ff00;
    --even-lighter-orange: #ff000003;
    --green: #1f1f1f;
    --dark-green: #1f1f1f;
}

h1 {
  grid-area: header;
}

p {
    text-shadow: 0 0 3px rgba(255,255,255,0.5);
    color: white;
    font-size: 14px;
}

main {
    background: #1f1f1f;
    color: black;
    padding: 6px 0px;
    font-size: 80%;
    border-radius: 0 0 15px 15px;
    overflow-y: scroll;
    height: 400px;
}

body {
    background: url(https://art.pixilart.com/d4d5a869e3e9699.gif);
    background-repeat: repeat;
    background-size: 50%;
}
</style>

let's be friends, i don't bite!
<img src="https://web.archive.org/web/20091021074754/http://www.geocities.com/blutengelitalia/Chain_2.gif"/>

<style>/* from https://jdan.github.io/98.css/ by https://spacehey.com/jordan */
    .unofficial-blogroll-link{display: inline-flex; border: 0; background: silver; box-shadow: inset -1px -1px #0a0a0a,inset 1px 1px #fff,inset -2px -2px grey,inset 2px 2px #dfdfdf; box-sizing: border-box; border: none; border-radius: 0; min-width: 75px; min-height: 23px; padding: 0 12px; font-family: Arial; font-size: 11px; color: #222; text-decoration: none;align-items: center;}
    .unofficial-blogroll-link:focus{outline: 1px dotted #000;outline-offset: -4px;}
    .unofficial-blogroll-link:active{box-shadow: inset -1px -1px #fff,inset 1px 1px #0a0a0a,inset -2px -2px #dfdfdf,inset 2px 2px grey;padding: 2px 11px 2px 13px;}
    .unofficial-blogroll-border{display: inline-block; padding: 15px; margin: 15px; background-color: #1f1f1f; box-shadow: inset -1px -1px #1f1f1f,inset -2px 1px #1f1f1f,inset 1px -2px #1f1f1f,inset 2px 2px #1f1f1f;}
    .unofficial-blogroll-about-link{display: inline-block; margin-left: 15px;color: #333;text-shadow: 1px 1px 0 #fff; font-size: 9px;}
    .unofficial-blogroll-about-link:hover{color: black;}
</style>
<div class="unofficial-blogroll-border">
    <a href="https://spacehey-blogroll.244466666.xyz/random" target="_blank" class="unofficial-blogroll-link">Next profile</a>
    <a href="https://spacehey-blogroll.244466666.xyz" target="_blank" class="unofficial-blogroll-about-link">About</a>
</div>

<img src="https://web.archive.org/web/20061031235424/http://us.geocities.com/cypherion.geo/Ani1.gif"/>

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

Ezra/Sheldon !!

1678224394

this is so cool, using !! :D

Report Comment

Koda

1649345008

love ur layouts

Report Comment