☆| Soft Green

Tags: soft, green, nature

Description:

About:

Remove: Search bar

Put the code into "About me" to use

ദ്ദി ꒦ິ꒳꒦ິ )

Preview:

click on the image for a larger preview

Code:

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

<style>
  /* If you want edit the code*/
  /* Import Google Fonts */
  @import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400..700&family=EB+Garamond:ital,wght@0,400..800;1,400..800&family=PT+Serif:ital,wght@0,400;0,700;1,400;1,700&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400..700&family=EB+Garamond:ital,wght@0,400..800;1,400..800&family=PT+Serif:ital,wght@0,400;0,700;1,400;1,700&display=swap');

/*STARTED*/
  :root{
          --logo-blue: transparent;
        --darker-blue: #A0C49D;
        --lighter-blue: #C5EBAA;
        --even-lighter-blue: #C3EDC0;
        --lightest-blue: #C3EDC0;
        --dark-orange: #A0C49D !important;
        --light-orange: white;
        --even-lighter-orange: white;
        --green: black;
  }
  
  /* The main profile page */
  main{
  margin-top: 8px;
  border-radius: 34px;
  background: white;
  }
  
  /*Background*/
  
  body{
  cursor: url(https://cur.cursors-4u.net/food/foo-5/foo499.cur), auto !important;;
  background: #A5DD9B;
  }
  
    /* Some */
  
  .friends .comments-table button {color: #618264;}
  
  .profile .blurbs .heading {
  text-align: center;
  }

  .profile .friends .heading {
  text-align: center;
  }
  .profile .friends .person p {
  color: #618264;
  }
  

  .profile .contact .heading {
  text-align: center;
  color: #618264;
  }
  
  .profile .table-section {
  border-radius: 4px;
  }
  
  .profile .table-section .heading {
  text-align: center;
  color: #618264;
  }
  
  .profile .blurbs .heading{
  color: #618264;
  background: #C5EBAA;
  }
  
  .profile .blurbs {
  border: 2px solid #C5EBAA;
  }
  
  .profile .friends .heading{
  color: #618264;
  background: #C5EBAA;
  }
  
  .profile .contact {
  border-radius: 4px;
  }
  
  .profile .friends .heading {
  border-radius: 2px;
  }
  
  .profile .friends .inner {
  border-radius: 2px;
  }
  
  /* Remove the "Your profile URL" */
  
  .profile .url-info { display: none;}
  
  /* Some border (or maybe im so lazy to find the correct path lmao) */
  
  .profile .friends .inner {border: 2px solid #C5EBAA}
  
  /* FONTS */
  .profile .blurbs .inner h4 {font-family: Times New Roman;, font-size: 13px; font-style: Normal; font-weight: normal;}
  
  h4 {
   font-family: "PT Serif", serif;
  font-weight: bold;
  font-size: 15px;
  font-style: italic;
}
  }
  
  /* ETC */
  
  .online { visibility: hidden; } 
  .online {color: #618264}
  .online img { 
  content: url('https://i.pinimg.com/originals/8e/c5/e8/8ec5e8e416037fe46dae5a16e0ff0ed5.gif'); 
  animation-name: none;
  visibility: visible;
  height: 43px;
  width: 90px; 
  }
  .profile .friends .heading {margin-top: 12px; text-align: center;}
  .profile .blurbs .section p {text-align: center;}
  .profile h1 {font-family: "Dancing Script", cursive;
  font-optical-sizing: auto;
  font-weight: bold;
  font-size: 31px;
  font-style: Italic;}
  
  .general-about .details {
  color: #618264;
  font-style: italic;
  text-align: center;
  margin-top: 14px;
  }
  
  .general-about .profile-pic img {
    border-radius: 5px;
    box-shadow: 7px 12px 1px #7EAA92;
}
  
  .profile-info {
  background-image: url(https://i.pinimg.com/736x/c4/6e/9e/c46e9ed642d4ef8cb4218bca4a701f24.jpg);
  text-shadow: 0 0 6px #46611e, 0 0 5px #7ab858;
  color: white;
  background-position: center;
  border: 3px solid #C5EBAA; 
  }
  
  .comments-table p, b {
    color: #A0C49D;
}
  
  .count {color: #60d66ab7; font-style: italic;}
  
  main, right .p {color: #618264;}

  /* Mood */
  
  .profile .mood {
    margin-top: 20px;
}
  .profile .mood {
    width: 100%;
    display: inline-block;
}
   .mood {
    color: #5a8a5e;
    background-color: #C5EBAA;
    border: 2px solid #C5EBAA;
    text-align: center;
    margin-bottom: 20px;
}
   .profile .mood b, p {color: #618264;}
  
  /* Top */
  nav .links li .icon{
  width: 20px;
  height: 20px;
  content: url('https://i.postimg.cc/2yR17v0d/5aa2e2a0020f3d6d3c39f55f2a177576-removebg-preview.png');
  }
  nav .links {display: inline; background: none; font-size: 12px; white-space: nowrap;}
  nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after {
    content: " ";
    display: inline-block; 
    width: 15px; 
    height: 15px; 
    background-image: url('https://i.pinimg.com/originals/d4/5e/47/d45e47ee0ea7e9e285de7d10f34d2f6e.gif'); 
    background-size: 100% 100%;
}
  /*Comments Replies*/
  .comment-replies {
    border: 2px solid #C5EBAA;
}
  .friends .comments-table {
    margin-top: 30px;
    border: 2px solid #b3e694;
    color: #73b88c;
    text-align: center;
}
  
  button {margin-left: 35%; margin-top: 10px; background: #C5EBAA; border:none; font-size: 13px; border-radius: 33px; font-family: Times New Roman}
  
  /* Some link effect */
  
  a:hover {color:#23c230b7; opacity: 0.3;   text-shadow: 0 0 6px white, 0 0 5px white;
}
  /*Remove search bar (if you want to enable it -> edit button, input display: block. Then you just need style it.)*/
  
  nav .top .left .logo {margin-left: 300px;}
  
  nav .top .center label {display: none;}
  
  nav .top div {display: inline-block}
  
  nav .top .center button {display: none;}
  
  nav .top .center input {display: none;}

 
  nav .top .a {display: block;}
  
  /* Change icon */
  
 .contact img.icon { 
 display: none; 
}

.contact .f-col>a::before{ 
 content: " "; 
 display: inline-block; 
 width: 15px; 
 height: 15px; 
 background-image: url('https://i.pinimg.com/originals/2f/76/64/2f766447de1faaea78ce0cbaf6f78654.gif?w=700&h='); 
 background-size: 100% 100%;
} 

  /* Footer */
  
  footer {background: white; border-radius: 34px;}
  
  /*Change pfp mask*/

  .profile .friends .person img:not(.icon) { -webkit-mask-image: url(https://i.postimg.cc/zv0VSXxz/f66f07a2fc9f93bb12dddef8b5ca0781-removebg-preview.png);-webkit-mask-size: 100%;-webkit-mask-repeat: no-repeat;-webkit-mask-position: center;}
  
.comments-table td:first-child img:not(.icon) { -webkit-mask-image: url(https://i.postimg.cc/zv0VSXxz/f66f07a2fc9f93bb12dddef8b5ca0781-removebg-preview.png);-webkit-mask-size: 100%;-webkit-mask-repeat: no-repeat;-webkit-mask-position: center;}

  /* END OF THE LAYOUT */ 
  </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 61 comments ( View all | Add Comment )

ToMyDearest	1761915394 Using Report Comment
⊹˚.Naoki..💤	1761285878 Using! Report Comment
acidic_bassman222	1759009123 using! thanks :D Report Comment
JayJay	1758860139 Using! Report Comment
Ash !	1758604765 Using ! Report Comment
ih4t3gr33n	1757990579 tysm using so cute :3 Report Comment
MatchaTeaMochi	1756606645 I'll be using it, tyy Report Comment
Tee2cool←	1754680683 using!!! Report Comment
Fropsch und Cola	1754238414 using Report Comment
marimomosses	1754068383 using Report Comment
Ihori	1753884378 usingg Report Comment
ghostenthusiast	1750117199 using (•ᴗ•,, ) Report Comment
Louie ᓚᘏᗢ	1749935301 Using, cool code Report Comment
nnieari	1749705015 usingggg Report Comment
ꪀeo 🌿	1748653732 usandoo Report Comment
Lana	1748405062 using !! Report Comment
alivia !	1748056579 usingggg Report Comment
Thhathho	1747619712 usando Report Comment
Icodoz4nz	1746498770 usingg!! Report Comment
⋆｡˚꒰ঌ💌໒꒱˚｡⋆	1745624165 using <3 Report Comment