simplistic "plant mom" theme

Tags: green, simple, bap

Description:

enjoy this calming and simplistic "plant mom" theme! great pairing for a calm soul <3

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by bap!'s css workshop <3 (https://layouts.spacehey.com/layout?id=3617) -->

<style>

body, .bodyContent {
    font-family: "MS PGothic"!important;
    text-transform: lowercase;
    text-shadow: 0px 0px 5px;
    letter-spacing: 2px !important;
    font-size: medium !important;
    text-align: center;
    image-rendering: optimizequality;
    background-color: #789978;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
}

:root {
    --even-lighter-blue: #FF;
    --lightest-blue: #FF;
    --light-orange: white;
    --even-lighter-orange: white;
    --dark-orange: black;
    --logo-blue: linear-gradient(#f9c93300, #f9c93300);
    --darker-blue: #00;
    --lighter-blue: #f9c93300;
}

main {
    background: #f9c93300;
}

main:before {
    width: 100%;
    height: 230px;
    display: inline-block;
    content: "";
    background-image: url(https://i.imgur.com/LjNajgP.png);
    background-size: contain;
}

.profile h1 {
    font-size: 20px;
    margin: 0 0 10px 0;
}

main {
    background: #ffffff00;
    color: #f2f2f2;
    padding: 6px 0px;
    font-size: 80%;
}

body > div > main > div > div.col.w-40.left > div.general-about {
    margin: 5px;
    height: 180px;
    border: 1px solid black;
    background: #8f331c;
    border-radius: 2px;
    padding: 10px;
}

.mood, .contact, .table-section, .blog-preview, .blurbs, .friends, #comments.friends, .profile-info, footer {
    margin: 5px;
    border: 1px solid black!important;
    background: #8f331c;
    border-radius: 2px;
    padding: 10px;
}

.mood:after {
    content: "" Url(https://64.media.tumblr.com/539795f9a8c20ea512e4de52d903f9ff/d5257649e3103b18-9a/s400x600/f2fae9854ea7f4673bd1be2bee04a70cd47ac4db.png);
    max-width: fit-content;
    max-height: fit-content;
    display: block;
}

form::after {
    content: url(https://i.imgur.com/6EWUV2p.png);
    position: fixed;
    left: 0;
    bottom: 0;
}

.icon, .award img {
    display: inline-block;
    height: 0px;
    width: 0px;
    margin: 0 .05em 0 .1em;
    vertical-align: -0.3em;
    color: rgba(0,0,0,0);
}

.profile .contact, .profile .url-info, .profile .table-section, .home-actions {
    width: 100%;
    border: 2px solid #60A5FA;
    border: 1px solid #2f2f2f;
    margin: 10px 0;
    background-color: #8f331c;
}

.profile .blurbs .heading, .profile .friends .heading {
    background: #f9c56c;
    background: #ffffff00;
    color: #ED0707;
    color: #f2f0f0;
    padding: 2px 7px;
}

.profile .blurbs .section h4 {
    margin: 0;
    color: #ED0707;
    color: #e6f8dd;
}

.count {
    color: #f2f0f0;
}

.profile .friends .person p {
    color: #f2f0f0;
    font-weight: bold;
    width: 100%;
    overflow-wrap: break-word;
    word-break: break-word;
    font-size: 100%;
    text-align: center;
}

:root {
    --even-lighter-blue: #FF;
    --lightest-blue: #FF;
    --light-orange: #789978;
    --even-lighter-orange: #789978;
    --dark-orange: black;
    --logo-blue: linear-gradient(#f9c93300, #f9c93300);
    --darker-blue: #00;
    --lighter-blue: #f9c93300;
}

.msOnlineNow { visibility: hidden; } .profileUserInfo { background: url('http://www.myspacegens.com/images/online_now/133.gif') no-repeat 0 55px; height: 75px; }

.online {
    color: #ed0707;
    font-weight: bold;
    font-size: 0%;
}

<img src="https://www.myspacegens.com/images/online_now/64.gif" aria-hidden="true" alt="Online icon" loading="lazy">

.online {
    color: #ed070700;
    font-weight: bold;
    font-size: 100%;
}

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

Slushie	1685066349 Delightful Report Comment
Pumpelda	1677346038 So adorable ! tysm Report Comment
Neptune	1657933670 wow! Report Comment
☆𝖘𝖕𝖞𝖉𝖊𝖗☆	1657250794 absolutely using this!! thank u so much! Report Comment
Y0VR_G4Y_D4D5	1651198098 For sure putting this to use. It's literally too cute. ::0 Report Comment
Zhongli ♡	1642009182 I’ll be using this, thank you. Report Comment
kit	1636779551 aaa i love this!! Report Comment
Day	1636721206 This is exactly what I was looking for thank you so much ! Report Comment
katchisu	1632109747 Is there a specific place we type our about me? Or can it be anywhere within the code? Report Comment i would suggest either below or above the code! by bap!'s css workshop <3; 1632920181; Report
Beth <3	1632028402 THIS IS SOO CUTE! Report Comment