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

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
𑁍.ܓMila	1740415566 mayb usinggg Report Comment
nintenda	1740149302 using Report Comment
nintenda	1740149298 using Report Comment
Civyy	1739110436 Using! :) Report Comment
StarlightG	1738290363 Using Report Comment
Dee Dee!	1738108165 Using!! Report Comment
FloofRoan	1737895027 using! ^.^ Report Comment
i love frogs	1736615671 using Report Comment
evelyn !!	1734657666 using !! Report Comment