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

Littltwirl	1785630545 Using!! Report Comment
Utotchi	1784592155 usingg!! Report Comment
🍀Belle_nn🍀	1780396172 using .´) Report Comment
Fred	1779248794 using :) Report Comment
Sageerif	1778015051 usingg Report Comment
AzumiToKarl	1772991138 usinggg Report Comment
AzumiToKarl	1772991138 usinggg Report Comment
AzumiToKarl	1772991138 usinggg Report Comment
AzumiToKarl	1772991138 usinggg Report Comment
AzumiToKarl	1772991138 usinggg Report Comment
AzumiToKarl	1772991138 usinggg Report Comment
AzumiToKarl	1772991138 usinggg Report Comment
AzumiToKarl	1772991137 usinggg Report Comment
AzumiToKarl	1772991137 usinggg Report Comment
AzumiToKarl	1772991137 usinggg Report Comment
AzumiToKarl	1772991137 usinggg Report Comment
AzumiToKarl	1772991137 usinggg Report Comment
AzumiToKarl	1772991131 usinggg Report Comment
AzumiToKarl	1772991131 usinggg Report Comment
Frutsii⭑.ᐟ	1771544401 cute! usando Report Comment