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

Ripley	1714686960 Using! Report Comment
Logan<3	1714436747 usinggg Report Comment
Eri/Henry	1714046359 USING OMG Report Comment
vik!	1713747715 Using! Report Comment
nerf	1713632501 using!! this is my fav layout Report Comment Thanks! by Bluecore97; 1713693682; Report
Adrian	1713208143 Using!! :) Report Comment
Icy	1712794635 using! looks awesome btw Report Comment
moose	1712693859 using :) Report Comment
*M¡KE.. 🎧	1712681408 Using :3 Report Comment
xariss_	1712294428 using : ) Report Comment
audz	1711674288 using !!! :D Report Comment