Green and Grey Layout

Tags: green, grey, gray, black and white, grunge, aesthetic, dark

Description:

Green and grey layout, kind of a grunge aesthetic. This is just my current profile incase I need to find it again, so I might make some minor tweaks occasionally (just little fixes, eg cursor).
feel free to use
EDIT: Changed background, added text outline and stylised profile-info (7/3/23)

Preview:

click on the image for a larger preview

Code:

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

post the code below this into the 'about me' part of your profile :)

<style>
@import url('https://fonts.googleapis.com/css2?family=Mynerve&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rubik+Vinyl&display=swap');
p{
    color: white;
    text-align: center;
    font-family: 'Mynerve', cursive;
    font-size: 13px;
    text-shadow: 0 0 3px #000000, 0 0 5px #ffffff;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black, 0 0 5px #ffffff !important;
}
h1,h2,h3,h4,h5 {
    color: white;
    color-hover: #0095ff;
    text-align: center;
    font-family: 'Rubik Vinyl', cursive;
    font-size: 20px;
    text-shadow: 2px 2px #000000;
}
body {
    background: url(https://images.pond5.com/binary-code-background-footage-064575305_iconl.jpeg), url(https://www.shutterstock.com/shutterstock/videos/1066025749/thumb/3.jpg?ip=x480);
    background-attachment: fixed;
    background-blend-mode: overlay;
}
main {
    border-radius: 10px;
    background: url(https://i.pinimg.com/564x/51/d0/62/51d062b097bd4fb969621df6822f76b4.jpg);
    border: solid #000000 4px;
}
.general-about {
    border-radius: 10px;
    border: solid #0b1c11 4px;
    padding: 10px;
    height: 217px;
    background: url(https://i.pinimg.com/236x/7f/66/cd/7f66cda111d49507efdbd602b8e46221.jpg);
}
.general-about .profile-pic img {
     border-radius: 10px;
     border: solid #0b1c11 3px;
     border-shadow: 2px 2px #000000;
     background: url(https://i.pinimg.com/236x/7f/66/cd/7f66cda111d49507efdbd602b8e46221.jpg);
}
.contact .inner {
    border-radius: 10px;
    border: solid #0b1c11 4px;
    background: url(https://i.pinimg.com/236x/7f/66/cd/7f66cda111d49507efdbd602b8e46221.jpg);
}
:root {
    --logo-blue: ;
    --darker-blue: white;
    --lighter-blue: ;
    --even-lighter-blue: ;
    --lightest-blue: ;
    --dark-orange: white;
    --light-orange: ;
    --even-lighter-orange: ;
    --green: ;
}
.mood {
    border-radius: 10px;
    margin-top: 10px;
    margin-bottom: 3px;
    border: solid #0b1c11 4px;
    padding-left: 10px;
    padding-top: 5px;
    background: url(https://i.pinimg.com/236x/7f/66/cd/7f66cda111d49507efdbd602b8e46221.jpg);
}
.profile .left .table-section .inner {
    border-radius: 10px;
    border: solid #0b1c11 4px;
    padding-left: 7px;
    padding-bottom: 5px;
    padding-top: 5px;
    background: url(https://i.pinimg.com/236x/7f/66/cd/7f66cda111d49507efdbd602b8e46221.jpg);
}
.profile-info {
    border-radius: 10px;
    border: solid #0b1c11 4px;
    background: url(https://i.pinimg.com/236x/7f/66/cd/7f66cda111d49507efdbd602b8e46221.jpg);
}
.blog-preview {
    border-radius: 10px;
    margin-top: 32px;
    border: solid #0b1c11 4px;
    
    background: url(https://i.pinimg.com/236x/7f/66/cd/7f66cda111d49507efdbd602b8e46221.jpg);
}
.blurbs .inner {
    border-radius: 10px;
    border: solid #0b1c11 4px;
    padding-left: 10px;
    padding-top: 10px;
    background: url(https://i.pinimg.com/236x/7f/66/cd/7f66cda111d49507efdbd602b8e46221.jpg);
}
.friends .inner {
    border-radius: 10px;
    border: solid #0b1c11 4px;
    padding-left: 10px;
    padding-top: 10px;
    margin-bottom: 20px;
    background: url(https://i.pinimg.com/236x/7f/66/cd/7f66cda111d49507efdbd602b8e46221.jpg);
}
table.comments-table{
    display: block;
    height: 250px!important;
    overflow-y: scroll;
    background: none;
    border-radius: 10px;
    border: solid #0b1c11 4px;
    box-shadow: 0 0 10px #304f3b;
}
.comment-replies{
    border-radius: 10px;
    border: solid #0b1c11 4px;
    box-shadow: 0 0 8px #304f3b;
}
.url-info {
    border-radius: 10px;
    border: var(--borders)!important;
    background: url(https://i.pinimg.com/236x/7f/66/cd/7f66cda111d49507efdbd602b8e46221.jpg);
}
:root {
    border-radius: 10px;
    --borders: solid #0b1c11 4px;
    background: #000000;
}
nav .links {
    border-radius: 10px;
    border: none;
    text-align: center;
    font-family: 'Mynerve', cursive;
    background: none;
}
.top {
    border: var(--borders);
    margin-bottom: 10px;
    font-family: 'Mynerve', cursive;
    background: url(https://i.pinimg.com/564x/76/3e/af/763eafaec8cc9b7879be8d7bc9eb4a24.jpg);
}
.profile h1 {
    text-align: center;
    background: none;
    font-size: 45px;
}
/* contact icons */
.contact .inner a img {
font-size: 0;
}
.contact .inner a img:before {
font-family: 'Mynerve', cursive;
font-size: 1em;
display: block
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
/* add to friends */
content: "★"
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
/* add to favorite */
content: "★"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* send a message */
content: "★"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* foward to friend*/
content: "★"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
/* instant message */
content: "★"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
/* block user */
content: "★"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
/* add 2 group  */
content: "★"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* report */
content: "★"
}
footer{
    border-radius: 10px;
    border: solid #000000 4px;
    font-size: 15px;
    color: black;
    background: url(https://i.pinimg.com/564x/76/3e/af/763eafaec8cc9b7879be8d7bc9eb4a24.jpg);
}
.friends .person img {
    border-radius: 10px;
    border: solid #0b1c11;
    filter: grayscale(100%);
    box-shadow: 0 0 7px #4d4d4d;
}
.profile .friends .person p {
    color: white;
    font-weight: normal;
}
.profile-pic img{
    filter: grayscale(100%);
}
.comments-table td img {
    border-radius: 10px;
    border: solid #0b1c11;
}
.comments-table td p {
    border-radius: 10px;
    font-weight: normal;
}
nav .top {
    border-radius: 10px;
    border: solid #000000 4px;
    background: url(https://i.pinimg.com/564x/76/3e/af/763eafaec8cc9b7879be8d7bc9eb4a24.jpg);
}
.friends-grid{
    text-align: center;
    color: white;
}
.count {
    color: #ffffff;
}
button, input, optgroup, select, textarea {
    font-family: 'Mynerve', cursive;
    font-size: 10px;
    line-height: 1.15;
    margin: 0;
    background: #000000;
    border: #000000 solid 3px;
    color: white;
}
a:hover {
 cursor: url('https://ani.cursors-4u.net/others/oth-9/oth864.png'), auto !important;
}

</style>




<style>
body { cursor: url('data:image/x-icon;base64,AAACAAEAICAQAAYABgDoAgAAFgAAACgAAAAgAAAAQAAAAAEABAAAAAAAAAIAAAAAAAAAAAAAEAAAAAAAAAAAAAAA6OjoAP///wDPz88A8PDwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADMzMAAAAAAAAAAAAAAAADMRERMzAAAAAAAAAAAAADMRRERBETMAAAAAAAAAAAMRRCIiJEQRMAAAAAAAAAAxQiIiIiIiRBMAAAAAAAADFCAAAAIiIiITAAAAAAAAASAAAAAAAiIiQTAAAAAAADIAAAAAAAAiIkEwAAAAAABAAAAAAAAAAiJBMAAAAAAAAAAAAAAAAAAiJBMAAAAAAAAAAAAAAAAAIiQTAAAAAAAAAAAAAAAAAAIkEwAAAAAAAAAAAAAAAAACJBMAAAAAAAAAAAAAAAAAAiQTAAAAAAAAAAAAAAAAAAIkEwAAAAAAAAAAAAAAAAACQTAAAAAAAAAAAAAAAAAAAkEwAAAAAAAAAAAAAAAAAAITAAAAAAAAAAAAAAAAAAAkEwAAAAAAAAIAAAAAAAAAQTAAAAAAAAAiIAAAAAAAAhMAAAAAAAAAAgAAAAAAACEwAAAAAAAAAAAAAAAAAAQwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD///////////////////////g////gB///gAH//wAA//4AAH/8AAA/+AAAP/g/AB/w/8Af8f/gH/P/8A/3//AP///4D///+A////gP///4D///+B////gf/f/4P/3/8D/4//B/8H/g//j/wf/9/4P//f8P/////////////////w=='), auto; }

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

†kuzzieditzxxx†	1776551674 using Report Comment
☆ jj ☆	1776362591 USING!! THX!! Report Comment
𝔬𝔩𝔩𝔦𝔢 (´ཀ` )	1774339845 usingg 0_o Report Comment
X-zªy	1773415674 using! Report Comment
scppler_.	1770150044 using. Report Comment
Simon Ghost Riley	1769312113 Using <3 Report Comment
sillyyy!	1768885678 usinggggg!!! Report Comment
crowbait [reanimated piece of roadkill]	1768856563 USING !! Report Comment
5tary8ab3	1766513622 USING (sorry forgot to credit sooner) Report Comment
Vix	1764312818 using Report Comment
eyerasgotchya	1761245562 using thank chuuu Report Comment
chills	1757966882 USINGG!!! Report Comment
♡ANGELO♡	1757874883 Using! Report Comment
♡ANGELO♡	1757874883 Using! Report Comment
★ ᗩᒪE᙭᙭ ★	1755078536 OH I AM SO USING THIS MAN Report Comment
cherry ⋆˚ ⛧⃝	1752718407 Using! Report Comment
el	1751841193 using!! Report Comment
SolarisStarz10	1751762093 using !!>< Report Comment
★Jonah★	1750908858 using temporarily!! thank you <3 Report Comment
Remzer	1750263811 Using Report Comment