2000s Green

Tags: 2000, 2000s, green, retro, gradient

Description:

2000s Website Inspired Green Theme, This is the first Layout I ever made.

Preview:

click on the image for a larger preview

Code:

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

<style>

nav .top,
nav .links,
footer {
  background: black;
  color: white;
}

body {
  background-image: linear-gradient(to right, #000000 0%, #00C800 50%, #000000 100%);
}

main ul {
  position: relative;
  list-style: none;
  margin-left: 0;
  padding-left: 1.2em;
}

main ul li:before {
  content: "👉";
  position: absolute;
  left: 0;
}

.general-about .profile-pic {
  margin-bottom: 0;
}

.online img {
  display: none;
}

.online:before {
  content: '';
  display: inline-block;
  position: relative;
  width: 50px;
  height: 50px;
  background: url("https://web.archive.org/web/20091026171501/http://es.geocities.com/kawaii_angeles/blobhappy.gif");
  background-repeat: no-repeat;
  background-size: contain;
}

.profile .friends-grid {
  font-size: 0;
}

.profile .friends .person,
.profile .friends p {
  font-size: 13px;
}

.profile .friends .person:first-child {
  margin-left: 15px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: rgb(180, 90, 200);
  letter-spacing: .1em;
}

p,
p1,
p2,
p3,
p4,
p5,
p6 {
  color: black;
  font-weight: bold;
}

.profile .blurbs .section h1,
.profile .blurbs .section h2,
.profile .blurbs .section h3,
.profile .blurbs .section h4,
.profile .blurbs .section h5,
.profile .blurbs .section h6,
.count {
  color: rgb(0, 200, 100);
}

main .col>div,
.profile .contact,
.profile .url-info,
.profile .table-section,
.home-actions {
  border: 2px solid rgba(100, 10, 250, 0.6);
}

.profile .contact .heading,
.profile .table-section .heading,
.home-actions .heading,
.profile .blurbs .heading,
.profile .friends .heading {
  background: rgb(0, 0, 100);
}

.details-table td:first-child,
.comments-table td:first-child,
.music-table td:first-child {
  background: rgb(0, 0, 150);
  color: rgba(200, 200, 200);
}

.details-table td,
.comments-table td,
.music-table td {
  background: rgb(10, 50, 120);
}

main .col>div {
  background: rgba(0, 200, 0, 0.8);
  overflow-y: hidden;
  overflow-x: auto;
  margin: 15px 0;
}

main a,
nav .links a,
nav .top a,
footer a {
  color: rgb(150, 150, 255);
  text-decoration: underline;
  text-decoration-style: dotted;
}

main {
  color: white;
  font-size: 13px;
  font-family: "Courier New", monospace;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0);
  position: relative;
  border: 5px solid purple;
  border-image: conic-gradient(green, #008000, #00C800, #00FF00, #80FF00, #00FF80, green) 1;
}

main:before {
  content: '';
  display: inline-block;
  position: absolute;
  width: 790px;
  height: 100%;
  z-index: -100;
  animation: rotation 20s linear infinite;
  background: url("https://web.archive.org/web/20091026003631/http://www.geocities.com/linakawaiistuff/goodluckcat.gif");
  background-repeat: no-repeat;
  background-size: contain;
}

@keyframes rotation {
  0% {
    transform: scale(0.2) rotate(0deg);
    left: -90%;
    top: -50%;
  }

  35% {
    transform: scale(0.3) rotate(180deg);
    left: 90%;
    top: 50%;
  }

  50% {
    transform: scale(0.3) rotate(360deg);
    left: 90%;
    top: -50%;
  }

  85% {
    transform: scale(0.3) rotate(180deg);
    left: -90%;
    top: 50%;
  }

  100% {
    transform: scale(0.2) rotate(0deg);
    left: -90%;
    top: -50%;
  }
}
.inner,
.blog-preview,
.profile-info,
.mood,
.general-about,
.url-info {
   background: rgb(10, 50, 120);
}

.inner p,
.blog-preview p,
.profile-info p,
.mood p,
.general-about p,
.url-info p {
  color: white;
  font-weight: bold;
}
</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 11 of 11 comments ( View all | Add Comment )

Ringu	1749585229 damm men its amazing!!!! (using) Report Comment
HAKKA	1730489081 usingg Report Comment
moon	1721717458 using :P Report Comment
z0mbie$$xD	1720509381 Usinggg!!! <:) Report Comment
Mel!ndr0 <3	1711292949 using :0 Report Comment
staceystaceystacey	1699585654 Using. 🗣️🗣️ Report Comment
BlockheadsTongs	1695698040 USING!!!!!!!!!!!!!!!!!!! Report Comment
jasper	1694014166 using ^_° Report Comment
juno	1688996299 using! Report Comment
philia	1680809745 hahah jel to slika vucica ili mi se cini Report Comment