Simple ass light green and pink layout

Tags: green, pink, light green, light pink, simple, white

Description:

I haven't published anything here for a long time. Comin back with a simple ass layout.
Comment when using; even when you're stealing a part of it
If there's some problems you figure it out yourself :) but if you really can't, feel free to IM me

CREDIT ME IF YOU'RE GONNA HEAVILY EDIT THIS AND DON'T REPUBLISH AN EDITED VERSION OF THIS

Preview:

click on the image for a larger preview

Code:

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

<style>
.online {content: url("https://i5.glitter-graphics.org/pub/2325/2325715qrr8tu24oi.gif");}
/*Online icon, replace the url if you want to change your online icon*/
body{background-color:white;}
.container{width: 1200px; border:solid white 10px; border-radius: 35px; outline: inset #dcdcdc 4px; position:relative; margin-top: 20px;}
nav .top{background: linear-gradient(90deg, rgba(191,246,135,1) 27%, rgba(255,255,255,1) 79%); border-top-left-radius: 25px; border-top-right-radius: 25px; box-shadow: inset 0px 0px 20px white; border:inset 3px; height: 50px;}
nav .top .left .logo{display:none;}
[id='q']{background: white; color:gray; width: 400px; border: inset white 2px; box-shadow:inset 0px -2px 4px gray; border-radius: 5px;}
nav .top .center{ position:absolute; left:20px;}
nav .top .right{position:absolute; right:20px; color:gray;}
nav .links{width:50px; background:transparent; position:absolute; left: -20px; z-index: 1;}
nav .links a{color:gray; text-shadow:none;}
nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after {display:none;}
nav .links li:not(:last-child) { white-space: nowrap; border: 3px inset white; box-shadow: inset 0px 0px 10px white; background: #ffd2d9; padding: 5px; width: 380%; margin:5px;}
nav .links .icon{display:none;}
FORM > BUTTON{background: white; color:gray; width: 60px; border: inset white 2px; box-shadow:inset 0px -2px 4px gray; border-radius: 5px;}
.profile h1{font-family: 'ADELIA', sans-serif; font-size: 40px; /*change font-size if your username is long and won't fit properly*/ color: pink; -webkit-text-stroke: 1px white; text-shadow: -3px 0 gray, 0 3px gray, 3px 0 gray, 0 -3px gray;}
main{padding-left: 80px; padding-right: 120px; height: 550px; overflow-y:scroll; position:relative;}
main .right{width: 100%;}
.general-about .profile-pic img {height:260px; width: 260px; max-width: 300px; max-height: 300px; width:auto; border: solid #c5c5c5 3px; border-radius: 20px; padding: 5px;}
.general-about{height: 400px;}
.general-about p{top: 130px; position:relative;}
/*Remove this if you you don't want the laces under your pfp*/.profile-pic:after{content:""; display:block; height: 50px; background-image:url("https://64.media.tumblr.com/11fa4eeb8c5de4381545b21faa3341bb/199b97742d0b70b4-6d/s250x400/aec01f01d29fa7e9f14f00d9b8817ad6ad761f16.pnj"); background-size: 260px; background-repeat: repeat-X;}
.profile .blurbs .heading{background: linear-gradient(90deg, #ffc9d3 27%, rgba(255,255,255,1) 79%); font-size: 15px; border-top-left-radius: 20px; border-top-right-radius: 20px; box-shadow: inset 0px 0px 20px white; border:inset 3px; padding: 8px;}
.profile .blurbs .heading h4{font-family: 'ADELIA', sans-serif; color: white; -webkit-text-stroke: .5px gray;}
.profile .blurbs{ border:inset 3px; padding: 8px; border-radius: 25px;}
.profile .blurbs .inner{ height:300px; overflow-y:scroll;}
.profile .blurbs .section h4{color:gray;}
.profile .friends .heading{display:none;}
.profile .contact .heading{background: linear-gradient(90deg, #ffc9d3 27%, rgba(255,255,255,1) 79%); font-size: 15px; border-top-left-radius: 20px; border-top-right-radius: 20px; box-shadow: inset 0px 0px 20px white; border:inset 3px; padding: 8px;}
.profile .contact .heading h4{font-family: 'ADELIA', sans-serif; color: white; -webkit-text-stroke: .5px gray;}
.profile .contact{ border:inset 3px; padding: 8px; border-radius: 25px;}
.profile .contact .icon{display:none;}
.profile .url-info{border:none;}
.profile .profile-info:before{content:"We are friends"; /*You can change this, it changes "XXX is your friend"*/ font-family: 'ADELIA', sans-serif; font-size: 25px; color:white; -webkit-text-stroke: 1px gray;}
.profile .profile-info{font-size:0px; position:absolute; top: 350px; left: 90px; border:none;}
.profile .left > div:nth-last-child(2) .heading{background: linear-gradient(90deg, #ffc9d3 27%, rgba(255,255,255,1) 79%); font-size: 15px; border-top-left-radius: 20px; border-top-right-radius: 20px; box-shadow: inset 0px 0px 20px white; border:inset 3px; padding: 8px;}
.profile .left > div:nth-last-child(2) .heading h4{font-family: 'ADELIA', sans-serif; color: white; -webkit-text-stroke: .5px gray;}
.profile .left > div:nth-last-child(2){border:inset 3px; padding: 8px; border-radius: 25px; background:white;}
.profile .left > div:nth-last-child(2) .inner{height:30px; overflow-y:scroll; transition:.5s;}
.profile .left > div:nth-last-child(2) .inner:hover{height:200px; overflow-y:scroll;}
.details-table td{display:flex; flex-direction:column; background:transparent; color: black;}
.details-table td:first-child{width:100%; text-align:center; font-size: 20px; color:pink;}
.table-section .inner .details-table tbody tr td{background:white;}
.comments-table td:first-child{background:white;}
.comments-table{ display:block; height: 400px; overflow-y:scroll;}
.comments-table td{background:white;}
.comments-table .report .icon{ content: url(https://64.media.tumblr.com/cd49a5658c843d7d459a1ef7c22a8b04/29429a2fed66c7ab-7d/s75x75_c1/18ee611baeb912b7803a923ee85bc4f1b19318c6.gifv);}
.profile .left > div:last-child .heading{background: linear-gradient(90deg, #ffc9d3 27%, rgba(255,255,255,1) 79%); font-size: 15px; border-top-left-radius: 20px; border-top-right-radius: 20px; box-shadow: inset 0px 0px 20px white; border:inset 3px; padding: 8px;}
.profile .left > div:last-child .heading h4{font-family: 'ADELIA', sans-serif; color: white; -webkit-text-stroke: .5px gray;}
.profile .left > div:last-child{border:inset 3px; padding: 8px; border-radius: 25px; background:white;}
.profile .left > div:last-child .inner{height:30px; overflow-y:scroll; transition:.5s;}
.profile .left > div:last-child .inner:hover{height:200px; overflow-y:scroll;}
.details-table td{display:flex; flex-direction:column; background:transparent; color: black;}
.details-table td:first-child{width:100%; text-align:center; font-size: 20px; color:pink;}
.table-section .inner .details-table tbody tr td{background:white;}
.profile .left > div:last-child .icon{display:none;}
.friends-grid:before{content:"Recent friends"; color:black; text-align:center; font-size: 16px; font-weight: bold; font-family: 'Outfit', sans-serif;}
.friends-grid{width: 120px; position:absolute; top: 10px; right: 0px;}
.friends-grid img{border: inset 3px #dadada; border-radius: 15px; padding: 5px; width: 80px; height: 80px;}
.count{color:pink;}
FOOTER{background: linear-gradient(90deg, rgba(255,255,255,1) 27%, rgba(191,246,135,1) 79%); height:120px; border-bottom-left-radius: 30px; border-bottom-right-radius: 30px; border:inset 3px;}
FOOTER > UL.links{text-align:left; margin-top: -5px;}
FOOTER > P:nth-child(1){text-align:left; font-size: 20px; margin-top: -2px;}
FOOTER > P:nth-child(2){text-align:left;}
P.copyright{text-align:left;}
</style>
<style>
  @import url('https://fonts.googleapis.com/css2?family=Outfit&display=swap');
  @import url('https://fonts.cdnfonts.com/css/adelia');
p, a, h4, b{font-family: 'Outfit', sans-serif;}
a{ color:gray; font-weight:bold;}
a:hover{letter-spacing: 2px; transition: .5s; color:black;}
nav .links a:hover{letter-spacing: 2px; transition: .5s; color:white; text-shadow: 0px 0px 5px gray}
</style>
<style>
html *::-webkit-scrollbar {width: 16px; height: 16px;background: none;}
html *::-webkit-scrollbar-thumb, body *::-webkit-scrollbar-button { width: 16px; height: 16px; background: white; box-shadow: inset 1px 1px white, inset -1px -1px gray; border: 1px solid; border-color: #dadada;}
html *::-webkit-scrollbar-track { background-color:white;}
html *::-webkit-scrollbar-button {background-repeat: no-repeat; background-size: 16px;}
html *::-webkit-scrollbar-button:single-button:vertical:decrement {background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTAuNSAxNiAxNiIgc2hhcGUtcmVuZGVyaW5nPSJjcmlzcEVkZ2VzIj4KPG1ldGFkYXRhPk1hZGUgd2l0aCBQaXhlbHMgdG8gU3ZnIGh0dHBzOi8vY29kZXBlbi5pby9zaHNoYXcvcGVuL1hieHZOajwvbWV0YWRhdGE+CjxwYXRoIHN0cm9rZT0iIzAwMDAwMCIgZD0iTTcgNWgxTTYgNmgzTTUgN2g1TTQgOGg3IiAvPgo8L3N2Zz4=");}
html *::-webkit-scrollbar-button:single-button:vertical:increment {background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTAuNSAxNiAxNiIgc2hhcGUtcmVuZGVyaW5nPSJjcmlzcEVkZ2VzIj4KPG1ldGFkYXRhPk1hZGUgd2l0aCBQaXhlbHMgdG8gU3ZnIGh0dHBzOi8vY29kZXBlbi5pby9zaHNoYXcvcGVuL1hieHZOajwvbWV0YWRhdGE+CjxwYXRoIHN0cm9rZT0iIzAwMDAwMCIgZD0iTTQgNWg3TTUgNmg1TTYgN2gzTTcgOGgxIiAvPgo8L3N2Zz4=");}
html *::-webkit-scrollbar-button:single-button:horizontal:decrement {background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTAuNSAxNiAxNiIgc2hhcGUtcmVuZGVyaW5nPSJjcmlzcEVkZ2VzIj4KPG1ldGFkYXRhPk1hZGUgd2l0aCBQaXhlbHMgdG8gU3ZnIGh0dHBzOi8vY29kZXBlbi5pby9zaHNoYXcvcGVuL1hieHZOajwvbWV0YWRhdGE+CjxwYXRoIHN0cm9rZT0iIzAwMDAwMCIgZD0iTTggM2gxTTcgNGgyTTYgNWgzTTUgNmg0TTYgN2gzTTcgOGgyTTggOWgxIiAvPgo8L3N2Zz4=");}
html *::-webkit-scrollbar-button:single-button:horizontal:increment{background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTAuNSAxNiAxNiIgc2hhcGUtcmVuZGVyaW5nPSJjcmlzcEVkZ2VzIj4KPG1ldGFkYXRhPk1hZGUgd2l0aCBQaXhlbHMgdG8gU3ZnIGh0dHBzOi8vY29kZXBlbi5pby9zaHNoYXcvcGVuL1hieHZOajwvbWV0YWRhdGE+CjxwYXRoIHN0cm9rZT0iIzAwMDAwMCIgZD0iTTYgM2gxTTYgNGgyTTYgNWgzTTYgNmg0TTYgN2gzTTYgOGgyTTYgOWgxIiAvPgo8L3N2Zz4=");}
html *::-webkit-scrollbar-corner {background: white;}
</style>
<style>* {cursor: url(https://cur.cursors-4u.net/cursors/cur-9/cur272.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2011/12/01/light-grey-pointer.html" target="_blank" title="Light Grey Pointer"><img src="https://cur.cursors-4u.net/cursor.png" alt="Light Grey Pointer" style="position:absolute; top: 0px; right: 0px;"/></a>

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

ezri	1715567662 using!! Report Comment
lu1ikzab	1715530329 usingg Report Comment
Sophie	1715505944 using!! Report Comment
sid	1715282972 Using Report Comment
ち𝓒𝓱𝓲𝓷𝓪	1714771608 Using!! Report Comment
yukko ★	1714177101 USINGG Report Comment
❝ (Sarah H.) ❞	1714174497 TILAPIA COMING OUT WITH YET ANOTHER HIT LAYOUT 💯 Report Comment
JONAH !	1714007237 hhey there buddies....\ Report Comment
may	1713986282 Using! Report Comment
@maria .ೃ࿐	1713926031 using ! Report Comment (on my alt) forgot i wasnt on my alt 🤷‍♀️ by @maria .ೃ࿐; 1713926603; Report
miixka	1713865289 using!! thx Report Comment
daxxie	1713751942 using ! still working on everything Report Comment
dr venture's wife	1712886169 using Report Comment
Mor ඞ	1712872192 Sooo cute! Using ^^/ Report Comment
lotofy	1712671652 USINNGGG Report Comment
Meilin	1712608812 Using! Report Comment
skibiditoiletking69	1712588086 USING!!! Report Comment
yumekara	1712486798 trying dis 1 out :))) Report Comment
b4glow	1712279780 using!! :) Report Comment
sio ⊹୨୧₊	1712190333 using ^^ Report Comment