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

Lee	1744026495 using <3 Report Comment
Woodleaf_critter	1743780571 using >:3 Report Comment
dani	1742883677 using <3 Report Comment
𝑽𝒆𝒏𝒖𝒔 🕷️🎸	1741400438 Using!! Report Comment
Alicee_	1737737619 usinggg Report Comment
_MySp4ceK!d_	1737665822 Usingggg Report Comment
carlos 💫	1737664032 using Report Comment
Gussya!	1736397232 Wiggley Doodley do! Dont mind if i do! Report Comment
ARMIN!	1735306796 might useee Report Comment
ARMIN!	1735306756 might useee Report Comment
gloomyPoltergeist	1734528921 using Report Comment
/-/Chez/-/	1733660733 using! Report Comment
lka_artist	1733619899 using Report Comment
killboiiii	1731171054 using ! Report Comment
gabz	1731026684 using! Report Comment
Pyro	1730213300 Using! Report Comment
✿!Lenny!✿	1728845166 Used Report Comment
danniel <3	1728433102 using!! Report Comment
ᏝᏋᎧᏁᎥᎴ☆	1722524070 Using!! Report Comment
andrea ^_^	1717278253 USING OMGEE Report Comment