Simple sage green plant layout

Tags: green, sage green, simple, plant, nature, plants, cursor, snowflakes

Description:

My first time making a profile layout <3 Also the layout in the pic looks a lil messy bc i had to use a preview website so ignore that :')

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by ⋆·˚ Erin 𖦹 ༘ * (https://layouts.spacehey.com/layout?id=103654) -->

<style> body

        {background-color: #C2EADB; no-repeat fixed; background-size:cover;

}<style>



<style>
.contact .inner a img {

    font-size: 0;

}

.contact .inner a img:before {

    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 Favorites */

	content: "🌈"

}

.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {

	/* Send Message */

	content: "🌈"

}

.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {

	/* Forward 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 to Group */

	content: "🌈"

}

.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {

	/* Report Profile */

	content: "🌈"

}

<style>


</style>

<style>
:root {

        --logo-blue: #63897B;

        --darker-blue: #63BD9D;

        --lighter-blue: #9EC1B4;

        --even-lighter-blue: #9EC1B4;

        --lightest-blue: #C8E7DB;

        --dark-orange: #6E9C8B;

        --light-orange: #6E9C8B;

        --even-lighter-orange: #C8E7DB;

        --green: #9EC1B4;

    }
<style>



</style>

<style>
main {

  background-color: #E5EEEA;

  color: #313C37;
<style></style>

<style>main:before {

	width: 100%;

	height: 125px ;

	display: block;

	content: "";

	background-image: url('https://i.pinimg.com/originals/c5/c6/5b/c5c65bdf726853eb5c4e5384418bab5a.gif');

	background-position: center center;

	background-size: cover;
<style></style>

<style>
.online { visibility: hidden; } .online img { content: url("https://dl.glitter-graphics.com/pub/745/745448ics8e0cvip.gif"); animation-name: none; visibility: visible; height: 30px; width: 70px; }
<style></style>

<div class="snowflakes">


  <div class="snowflake">


   🌿


  </div>


  <div class="snowflake">


  🌿


  </div>


  <div class="snowflake">


  🌿


  </div>


  <div class="snowflake">


  🌿


  </div>


  <div class="snowflake">


  🌿


  </div>


  <div class="snowflake">


  🌿


  </div>


  <div class="snowflake">


    🌿


  </div>


  <div class="snowflake">

    🌿


  </div>


  <div class="snowflake">


    🌿


  </div>


  <div class="snowflake">


    🌿

  </div>


  <div class="snowflake">


    🌿


  </div>


  <div class="snowflake">


    🌿


  </div>


</div>


<style>


/* customizable snowflake styling */


.snowflake {


  color: purple;


  font-size: 1em;


  font-family: Arial, sans-serif;


  text-shadow: 0 0 5px rgba(0,0,0,0.7);


}





@-webkit-keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@-webkit-keyframes snowflakes-shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(80px);transform:translateX(80px)}}@keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@keyframes snowflakes-shake{0%,100%{transform:translateX(0)}50%{transform:translateX(80px)}}.snowflake{position:fixed;top:-10%;z-index:9999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;-webkit-animation-name:snowflakes-fall,snowflakes-shake;-webkit-animation-duration:10s,3s;-webkit-animation-timing-function:linear,ease-in-out;-webkit-animation-iteration-count:infinite,infinite;-webkit-animation-play-state:running,running;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}.snowflake:nth-of-type(0){left:1%;-webkit-animation-delay:0s,0s;animation-delay:0s,0s}.snowflake:nth-of-type(1){left:10%;-webkit-animation-delay:1s,1s;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;-webkit-animation-delay:6s,.5s;animation-delay:6s,.5s}.snowflake:nth-of-type(3){left:30%;-webkit-animation-delay:4s,2s;animation-delay:4s,2s}.snowflake:nth-of-type(4){left:40%;-webkit-animation-delay:2s,2s;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;-webkit-animation-delay:8s,3s;animation-delay:8s,3s}.snowflake:nth-of-type(6){left:60%;-webkit-animation-delay:6s,2s;animation-delay:6s,2s}.snowflake:nth-of-type(7){left:70%;-webkit-animation-delay:2.5s,1s;animation-delay:2.5s,1s}.snowflake:nth-of-type(8){left:80%;-webkit-animation-delay:1s,0s;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;-webkit-animation-delay:3s,1.5s;animation-delay:3s,1.5s}.snowflake:nth-of-type(10){left:25%;-webkit-animation-delay:2s,0s;animation-delay:2s,0s}.snowflake:nth-of-type(11){left:65%;-webkit-animation-delay:4s,2.5s;animation-delay:4s,2.5s}


</style>

<style>body { cursor: url('https://dl.glitter-graphics.com/pub/2296/2296576mt8r4rci40.gif'), 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 51 comments ( View all | Add Comment )

TheOddBoy	1760237432 Using!!! Report Comment
Ray Shiroki	1759898739 using! Report Comment
𝓛𝓸𝓾𝓲𝓼𝓸𝓷	1758695638 using!! Report Comment
Xero	1754662007 Using! :) Report Comment
amiidiane	1753844707 usinggg Report Comment
VoidSoul	1753242629 Delightful Report Comment
Tris^_^	1753030821 Really coll layout will use it Report Comment
gack	1752548968 Love this! Using it. Thank you!! Report Comment
hatie	1752530350 usingg so cute tysm <33333 Report Comment np:) by ⋆·˚ Erin 𖦹 ༘ *; 1752690748; Report
lurking_skeleton	1748979210 this is super cool! using! Report Comment ty :) by ⋆·˚ Erin 𖦹 ༘ *; 1748984106; Report
AlFiE☆	1748571042 Using! Report Comment
┌──❀̥˚AHHHHHH❀̥˚─┐	1747107613 Super cute <3!! using Report Comment ty! by ⋆·˚ Erin 𖦹 ༘ *; 1747165487; Report
⋆｡˚꒰ঌ💌໒꒱˚｡⋆	1745554552 this is so cute <3 using Report Comment tyy :) by ⋆·˚ Erin 𖦹 ༘ *; 1745588120; Report
Gooseberry	1745360884 This is wonderful and whimsical, using over my old one which was also whimsical and wonderful- again, Using! Report Comment
Brambs	1744022899 It's very cute, and calming. Using! Report Comment
Lumin.e	1743644887 So cute! Using, edited slightly to remove falling leaves animation because it distracted me too much Report Comment understandable- glad u like it :) by ⋆·˚ Erin 𖦹 ༘ *; 1743685046; Report
Cherie ★	1743325918 I adore this layout! Using! Report Comment ty :) by ⋆·˚ Erin 𖦹 ༘ *; 1743337656; Report
Spencer	1741617570 Adorable, I love using this Report Comment ty :) by ⋆·˚ Erin 𖦹 ༘ *; 1741622284; Report
Fish	1740629400 Using! This is such a great layout :] Report Comment aww ty! by ⋆·˚ Erin 𖦹 ༘ *; 1740758729; Report
Anita Platanito	1740531857 USSING! Report Comment