soft brown nature layout

Tags: cottagecore, brown, green, pink, pastel, nature, totoro, ghibli, cute

Description:

light brown, dark pink and green theme
my neighbor totoro background
cherry blossom petal overlay
heart pfps
cat cursor

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by fairycake444 ౨ৎ⋆˚｡⋆ (https://layouts.spacehey.com/layout?id=31121) -->

<style>
::-webkit-scrollbar {
    width: 6px;
    height: 12px;}

::-webkit-scrollbar-thumb {
    background: #FAB7C8;
    border-radius: 0px;}

::-webkit-scrollbar-thumb:hover {
    background: #C4D19F;}

::-webkit-scrollbar-track {
    border-radius: 0px;
    background: transparent;
    width: 2px;
    border: 1px dotted #F8AABA;}

nav .top {
 background: url(https://gifs.crd.co/assets/images/gallery07/eb6a4c70_original.png?v=722c2939);}

.profile .blurbs .heading, .profile .friends .heading, .profile .contact .heading, .profile .table-section .heading {
  background: url(https://gifs.crd.co/assets/images/gallery07/eb6a4c70_original.png?v=722c2939);
  color: #a66571;}

nav img.logo{
filter: invert(51%) sepia(4%) saturate(1887%) hue-rotate(337deg) brightness(95%) contrast(91%);}

.blog-preview p .pinned .icon {
   content: url(https://i.postimg.cc/Y9k8zZPf/cee13457-original.gif) !important;}

     :root {
        --logo-blue: light-blue;
        --darker-blue: #c18687 !important;
        --lighter-blue: #FEFEFD;
        --even-lighter-blue: #FEFEFD;
        --lightest-blue: #FEFEFD;
        --dark-orange: #A66571;
        --light-orange: #FEFEFD;
        --even-lighter-orange: #FEFEFD;
        --green: #FEFEFD;
        --light-green: #EFB9CB;
        --medium-green: #EFB9CB;
        --dark-green: #EFB9CB;
}

html:before {
  animation: grain 30s steps(10) infinite;
  background-image: url(https://gifs.crd.co/assets/images/gallery07/5f2d4322_original.gif?v=722c2939);
  content: "";
  height: 300%;
  opacity: .05;
  position: fixed;
  top: 0%;
  width: 300%;
  pointer-events:none;}

* {cursor: url(https://i6.glitter-graphics.org/pub/2296/2296576mt8r4rci40.gif), auto !important;}

    nav .links {
        background: url(https://gifs.crd.co/assets/images/gallery07/eb6a4c70_original.png?v=722c2939);}

footer {background-image:URL("https://gifs.crd.co/assets/images/gallery07/eb6a4c70_original.png?v=722c2939");
background-repeat: none;
border-radius: 0px;}

::selection {
   background: #f9cfd7;
   color: white;}

.profile .left .table-section:last-child .details-table tbody tr td p a:hover img {
	opacity: 1;
	transform: scale(1.5);
	z-index: 10;
	transition: .3s;}

.general-about .profile-pic  img:hover, .comments-table img:hover, .friends img:hover {
        transition: .2s ease;
        -webkit-mask-image: url(https://i.postimg.cc/VLtg4pf2/pngfind-com-kawaii-transparent-png-621355.png);
        -webkit-mask-size: 100%;
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-position: center;}

div.col h1:before{
  background-color: #;
  border-radius: 10%;
  font-size: 12px;
  margin-left: 5px;
  padding: 5px;
  content: url(https://i.postimg.cc/7L8m1pzw/273810250d2cf4589e6f9cba16065eba4e5883a5.gif);}

    main {
        background: #ffffff !important;
        border-radius: 0 0 15px 15px;}

    footer {
        border-radius: 15px;
        display: block !important;}

.table-section:nth-last-child(2) .details-table tr:nth-child(6){display:none;}

nav .links a {
color: #ce8899;}

nav .links a {
 text-shadow: none;}

    .online {
        content: url("https://i7.glitter-graphics.org/pub/157/157657y7f4impp0u.gif");}

.profile .blurbs .heading:before {
    content: url(https://i.postimg.cc/FsfzNMMr/fe87b74c.gif);}

.profile {
background-image:url(https://i.postimg.cc/FRrKxxW1/Capture.png);
  background-repeat: repeat;
    border-radius: 12px;}

.icon {
content: url("https://i.postimg.cc/KYngthCk/2bd90f3d.gif");}

.col.right:after {
  content: "";
  white-space: pre-wrap;
  display: block;
  height: 30px;
  width: 470px;
  background-image: url(https://kanaya.crd.co/assets/images/gallery05/0e38c1e9.gif?v=068b3f1b);
  background-repeat: repeat !important;
  background-size: 223px;}

.mood:after {
  content: "";
  white-space: pre-wrap;
  display: block;
  height: 25px;
  background-image: url('https://i.postimg.cc/CxVxS4qB/b2916d69.png');
  background-position-x: center;
  background-repeat: no-repeat;
  background-size: 270px;}

.profile .url-info{display:none;}

.contact .inner a img {
font-size: 0;}

/*Custom contact Gifs*/
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
content: URL("https://i.postimg.cc/ZqVgsTmY/tumblr-779e0c4e6d67ed2818c0b7b21189d685-4eb84cc4-75.gif")}

.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
content: URL("https://i.postimg.cc/sXwYm5HS/bc3c35de.gif")}

.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
content: URL("https://i.postimg.cc/qBP694bL/fc8a4a96-original.gif")}

.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
content: URL("https://i.postimg.cc/mrSfxvxk/tumblr-a931b9001d76efd660b2f50a3cd6acd2-c1fbc139-75.gif")}

.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
content: URL("https://i.postimg.cc/V65rtxbN/a2b41b2a.gif")}

.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
content: URL("https://i.postimg.cc/Xvk9v319/54500270.gif")}

.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
content: URL("https://i.postimg.cc/ZRR3tv7Q/tumblr-fbfb57184c7d610ab84958e771e4973e-0ff6ade9-75-gif.gif")}

.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
content: url("https://i.postimg.cc/BQdXtKjD/tumblr-99eb55a293c8f0ea04ae2844d86294e1-e6e160aa-75.gif")}

main {
    color: #a66571;}

body {
 background: #E3E3E3; }

body
{background-image: url(https://i.postimg.cc/GhDkZ7pf/Capture.png);}

.icon {
    height: 1em;
    width: 1em;}

.details-table td {
  background-color: #ffffff;
  color: #a66571;} 

.details-table td p {
  color: #a66571;} 

.profile .contact .heading h4, .profile .table-section h4 {
  font-weight: normal;}

.profile .contact, .profile .table-section, .profile .url-info {
    border: 0;}

.profile .contact .inner, .profile .table-section .inner {
    border: #bfa4a4 1px solid;}

.profile-info {
  border: 0;
  margin: 0;
  padding: 0;}

.profile-info h3 {
  font-weight: normal;
  color: grey;
  margin: 0;}

.profile h1 {
  letter-spacing: 0.3px;
  margin: 0;}

.mood p, .profile .url-info  {}

.mood b, .profile .url-info b{
  font-weight: normal;}

.mood a, .inner a, .friends a {
 color: #c18687 !important;}

footer .links a{
color: #c18687 !important;}

.blog-preview a {
 color: #D286A7;
 font-weight: normal;}

a:hover {
     font-weight: bold !important;
     color: #91816f !important;
     background: url(https://i.postimg.cc/fT0zfDJT/5368e906.gif) !important;
     text-decoration-style: wavy !important;
     font-style: italic;}

nav .links li.active a {
  color: #c18687; 
  font-weight: normal;}

.profile .blurbs .inner, .profile .friends .inner, .profile .contact .heading {
  border: 1px solid #bfa4a4;
  border-bottom: 0;}

.profile .friends .heading h4,  .blurbs .heading h4{
 font-weight: normal; }

.profile .blurbs .section h4 {
 color: grey;
 font-weight: normal;}

.profile .blurbs .section {
 color: #a66571;}

.profile .inner b {
 color: #a66571;}

.profile .inner span.count {
 color: #C4D19F;}

.profile .friends .person p {
 color: #a66571;}

.comments-table td {
 background-color: #ffffff; }
</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 54 comments ( View all | Add Comment )

TAYLOR	1738411400 Using!!! Report Comment
meli	1738195317 using!! Report Comment
ezra ✿˖°	1738042469 using :2! Report Comment
wavestar. ✮	1737716797 using this <3 Report Comment
Lina	1737425435 using this masterpiece!! Report Comment
brutus	1734590970 using Report Comment
Kitty <3	1733900058 Hi 👋🏻 I’ll be using this, thank you 🙏 Report Comment
Joyce 刘	1729296888 using, thank you! <3 Report Comment
hannah	1728796091 usinggggg Report Comment
Mel💌	1719080934 Usingg ! Report Comment
Effi	1713135306 using!! <3 Report Comment
Lulu ~♡	1709920165 Using! Report Comment
Tooth4Tooth	1708423302 Using!!!! Report Comment
vale	1706127036 using <3 Report Comment
sofm1ss u	1706047626 using ♡ Report Comment
sofm1ss u	1706047625 using ♡ Report Comment
sofm1ss u	1706047625 using ♡ Report Comment
sofm1ss u	1706047622 using ♡ Report Comment
Lizzlit	1705641580 using!! :D <3 Report Comment
Valentin3‎♡	1705484309 i love it Report Comment