Green Stars, Blue Borders (New: Animation)

Tags: green, blue

Description:

This layout will give you a green starry background, green text, and blue borders on your profile. If you want to use this, then please be sure to comment below, or add me. Thank you. Credit goes to p0libius for the Matrix layout that I used as a foundation for this one. Edit: This layout has now been updated with an animation to your profile. Include it if you want to.

Preview:

click on the image for a larger preview

Code:

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

<style>

body {
font-family: Courier New, monospace;
background:url(https://i.ibb.co/dDzXJ8c/imageedit-1-2315110080.jpg);
}

img {
filter: sepia(100%) hue-rotate(45deg) saturate(5);
}

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

.logo {
filter: sepia(100%) hue-rotate(45deg) saturate(10);
}

#q, button {
color: #00ff00;
background-color: black;
border: 1px solid #0000ff;
font-family: inherit;
}
p, i, b, .count {
color: #00ff00 !important;
}
a, .profile .friends .person p, .logout-btn {
color: #00ff00 !important;
text-decoration: underline !important;
}
.container {
margin: 0 auto 0;
}
.icon {
display: none;
}
nav, nav .links a {
color: #00ff00;
}
nav .top {
margin-top: 2px;
background: none;
background-color: black;
border: 2px dotted #0000ff;
border-bottom: none;
}
nav .links {
background-color: black;
border: 2px solid #0000ff;
}
main {
background: black;
color: #00ff00;
border-left: 2px dotted #0000ff;
border-right: 2px dotted #0000ff;
}
.heading, .url-info {
color: #00ff00 !important;
background: none;
background-color: black !important;
border: 2px solid #0000ff !important;
}
.inner {
color: #00ff00 !important;
border: 2px dotted #0000ff;
border-top: none;
}
.profile-info {
border: 2px solid #0000ff;
}
.profile-info .inner {
border: none;
}
.friends .inner {
border-bottom: none;
}
#comments {
border-bottom: 2px dotted #0000ff;
}
.profile .contact, .profile .table-section, .home-actions {
border: none !important;
}
.profile .contact .f-row:first-of-type {
margin-top: 0px;
padding-top: 7px;
}
.profile .blurbs .section h4 {
color: #00ff00 !important;
}
.details-table {
margin: 2px;
}
.details-table, td {
border: 1px solid #0000ff;
border-collapse: collapse;
}
td {
color: #00ff00 !important;
background: none;
background-color: black !important;
} 
table.details-table {
max-width: 98%;
}
.profile h1 {
font-size: 2em;
}
footer {
background: black;
border: 2px dotted #0000ff;
}
footer p {
color #00ff00 !important;
}
.comments-table {
border: none;
border-collapse: collapse;
}
.comment-replies {
border: 1px solid #0000ff;
margin: 2px;
}
nav .info {
background: none;
}

</style>

<!-- Optional code for an animation. Be sure to put this first portion in the "body::before" component, preferably below the "background" segment, and to take out the original "background-size" segment:

background-image: url(https://media4.giphy.com/media/v1.Y2lkPTc5MGI3NjExMHhjbWVxNXF5Y2x1ODczYXptdnRlN2hramJkZThsbmhrMnFkMjVmYiZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw/3Mcr8xz550LHc35fn4/giphy.gif);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
animation: yourAnimation 3s ease 0s 1 normal forwards;

Put this second portion below the "body::before" component:

@keyframes yourAnimation {
0.0% { opacity: 1; } 75% { opacity: 1; } 100% { opacity: 0; } 
}

-->

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

sandraxxdammit	1764526023 using! Report Comment
mileni	1763947345 usiinngg Report Comment
chaysemustdie	1761008647 usinggg Report Comment
saelfish	1758785198 using Report Comment
Yoinky	1758260212 usinngggg Report Comment
ROACH	1758166334 Using! Report Comment
Asher/nyx/arson!!	1757220933 using!!! :3 Report Comment
Мizqy	1756496685 using Report Comment
Fidel	1756244121 using Report Comment
BigShlongShlanger	1755808976 using!! Report Comment
M	1754339947 using Report Comment
T1A	1754100655 Using Ty!! Report Comment
essence (khan)	1751894148 using Report Comment
neptr joestar 🔞	1751519312 stylized yet legible, exactly what i was looking 4 ^_^ Report Comment
sage	1750783193 using Report Comment
-Segment-	1750348878 Using! Report Comment
miauzeris	1750185486 using Report Comment
Gilosa	1750167689 Using! Report Comment
SunnieBunnie	1750010644 using Report Comment
Xolwik	1749563209 using! Report Comment