cottagecore

Tags: cottagecore, green, cute
Description:

UPDATED LAYOUT!!!
extra info

includes a black & white image hovering effect
polaroid pfp
banner
custom contact icons
cute pngs
angels logo
scrolling friends & comments
butterfly snowflakes
optimal for mobile

🤍 leave me a comment if you like it or you're using it 🤍

you can modify it as you want but please don't post it in the layout page as yours
gimme some credit

also you can request ideas for a layout
Preview:

click on the image for a larger preview
Code:

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

<style>  
@import url('https://fonts.googleapis.com/css2?family=Kiwi+Maru:wght@100;200;500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Butterfly+Kids&display=swap');


:root {
        --logo-blue: #;
        --darker-blue: #AFE1AF;
        --lighter-blue: #;
        --even-lighter-blue: #;
        --lightest-blue: # ;
        --dark-orange: #;
        --light-orange: #;
        --even-lighter-orange: #;
        --green: #;}


.friends a p{
        font-size: 0px!important;
        font-family: ! important;        
        font-weight: 200;       
        letter-spacing: px!important; 
        color: #!important;} 


main:before { 
		width: 100%;
		height: 150px; /* CHANGE HEIGHT OF IMAGE */
		display: block;
		content: "";
		background-image: url('https://i.postimg.cc/6ptQN3bY/0436779e5429e12caf771b6ae50a287b.jpg');
		background-position: bottom;
		background-size: cover;}



.details-table tr:nth-child(1) td:first-child p { font-size:0; }
.details-table tr:nth-child(4) td:first-child p:before { content:""; font-size:.7rem; }
 
 
body {
        background: URL("https://mintartco.com.au/wp-content/uploads/2020/01/NATURE18-Trailing-Gumleaf-Sage-Swatch.png");
        background-size: 200px;
        background-attachment: repeat;
        text-transform: lowercase;}

p, nav label, .section, .profile .table-section, table.comments-table td{
        font-family:  times; color: #; letter-spacing: 1px; line-height: 9px;
        font-size: 9px;}


.profile-info {display: none!important;}
.url-info {display: none;}
.section h4{display: ;}
.blog-preview {display: ! important;}
.blurbs h4{display: ;}
.heading {display: ;}
footer{background: transparent;}
.table-section:last-child {display:  !important;}   
.friends .heading{display: ;}
.comment-replies{border: 0px solid white !important;}



.more, .url-info, .profile-info, .button,  .blurbs h4, .blurbs .heading, 
.contact .heading
{display: none;}   


.details-table td:first-child{display:  none!important;  }



.details-table {
 margin-top: -5px;}
.details-table td:first-child{display:  none!important;}  


.inner img{
border-radius: px;
filter: grayscale(35%);}


.icon, .award img {
    content: url(https://i.postimg.cc/CKW5Zmby/3313.gif);
    display: inline-block;
    margin: 0 .05em 0 em;
    vertical-align: -0em;
    color: rgba(0,0,0,0);}

table.comments-table td {direction: ;
  background-image: URL(""); }

table, tr, td { 
  background-color:transparent; 
 border:none; 
 border-width:50px;} 


@keyframes hoverrainbow{
  from{filter:saturate(0%) hue-rotate(0deg);}
  to{filter:saturate(0%) hue-rotate(360deg);}
}

main img:hover {
  filter:saturate(0%);
  animation: 1s hoverrainbow infinite linear;
}



.comments-table td:first-child img, .profile .friends .person a:not(a:first-child) {
-webkit-mask-image: url(https://64.media.tumblr.com/21537f823a9682455940164951cd4f70/a13f6b3efb69d983-60/s250x400/4513c30e7c3d485e14827bda68c9750d7b2d80e4.pnj);
-webkit-mask-size: 100%;
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
width: 160px !important;
height: auto;
filter: grayscale(35%);}



.comment-replies{border: 0px solid white !important;}


table.comments-table {   
    direction: rtl;
    text-transform: lowercase!important;}


table.comments-table{
background: url(https://64.media.tumblr.com/d0e4f5bd7e30b7e350735d09ea2e936e/97df7fa0316e1ac0-e8/s540x810/fea567f1158b6a548173278ae15ae3b919ae8455.jpg);
border: 0px solid # !important;   
        border-radius: 0px !important;
background-size: 100%; background-color: #;
display: block;
height: 180px!important;
overflow-y: scroll;}


.friends:not(#comments){
    margin-bottom:px;
    background-image: url('https://wilardo.crd.co/assets/images/gallery22/0d584ac3.png?v=0a976b36');
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: bottom;
    padding-bottom: 20px;} 


.col.right:after {
  content: "";
  white-space: pre-wrap;
  display: block;
  height: 88px;
  width: ;
  background-image: url(https://d2bzx2vuetkzse.cloudfront.net/fit-in/0x450/images_without_background/12d5dafe-40ee-4a9f-849d-9e65c65b7027.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 75px;}

.friends-grid {
    height: 140px;
    overflow-y: scroll;
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
}
.profile .friends .person {
    position: relative;
}
.profile .friends .person a:not(a:first-child) {
-webkit-mask-image: url(https://64.media.tumblr.com/21537f823a9682455940164951cd4f70/a13f6b3efb69d983-60/s250x400/4513c30e7c3d485e14827bda68c9750d7b2d80e4.pnj);
-webkit-mask-size: 100%;
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
width: 160px !important;
height: auto;
filter: grayscale(35%);}

nav {
        border-radius: 0px 0px 0 0;
        text-align: center;}

.general-about { 
  background: transparent;
  border-radius: px;
  padding: 10px 10px 5px!important;
  margin-bottom: 10px;
  margin-top: 0px; 
  text-align: center;}


.heading {font-size: 0px! important;
        padding: px 0 !important;
        text-align: center;
        margin-top: px;
        margin-bottom: px;
        background-color:  !important;
        color: transparent!important;
        border-bottom: 0px dotted;}

nav {
        border-radius: 0px 0px 0 0;
        text-align: center;}

nav .top a, nav .links a, footer{text-shadow: 0px 0px 0px white;
    color: #fff!important; 
    font-weight:bold;
    font-family: times! important;    
    font-size: 10px! important;      
    letter-spacing: px!important;} 


nav .links{
        background-color: transparent !important;
        border: 10px solid black;
        border-image: url("https://foollovers.com/mat/baf/frill/fr32-015-d.gif") 9 fill round;
        font-family: ; ; 
        text-align: center;
        margin-bottom: 10px !important;}

footer .links li:not(:last-child)::after,nav .links li:not(:last-child)::after{content:url(https://mypillowfort.net/media/654.png)!important;padding-left:4px!important}


 
main{
    background-color: transparent!important;
    background-image: url('')!important;
    background-size: ;
    background-repeat: repeat;
   border: 9px solid;
   border-image: url("https://64.media.tumblr.com/6f0c2efb2b0902a5907c60c9d1dcad9e/9b9e0ed89a039867-11/s75x75_c1/90da82e9674eafbcc1f84f71303f353726a700b5.pnj") 8 fill round;
    width: px;
    height:px;
    overflow-y: ;
    margin: auto;}
    


.container {
        border-radius: 15px 15px 0 0;
        overflow: hidden;
        margin-top: 10px;
        padding: 10px;}

.details-table{
    background-image: url('');
    background-size: 100%;
    background-position: left;
    background-repeat: repeat-y;}

.details-table td:first-child p{font-family: ;
    font-color: !important; font-weight: 200; font-size: 20px!important; color: #!important; 
    text-align: center;
    border-radius: 15px;
    padding: 17px;
    -webkit-text-stroke-width: px;
    -webkit-text-stroke-color: ;}   

a:hover{
text-decoration-style: wavy !important;
background-color: # !important;
background-image: url('https://lh6.googleusercontent.com/proxy/q_f3UfS-p9RyXuTXki_TpiaqzqyuvzjM_0ZgWVskOjLbngPJVXzuKb6U_9ZZPQdoYMBpgyKYZeudkEdTnojlIVM97cJymB0Pxo39k_f29tGRKODsySTwQwlcDH7DOyCe1xvHKw') !important;
background-repeat: repeat !important;
background-position: center !important;
background-size: 100% !important;
}

.links a:hover{
background-color: # !important;
background-image: url('https://lh6.googleusercontent.com/proxy/q_f3UfS-p9RyXuTXki_TpiaqzqyuvzjM_0ZgWVskOjLbngPJVXzuKb6U_9ZZPQdoYMBpgyKYZeudkEdTnojlIVM97cJymB0Pxo39k_f29tGRKODsySTwQwlcDH7DOyCe1xvHKw') !important;
background-repeat: repeat !important;
background-position: center !important;}

a:hover {
        
    color: #000!important;font-size: 9px!important;}       
   
    a:visited{
        
    color: #AFE1AF;}


.mood:after {
  content: "";
  white-space: pre-wrap;
  display: block; 
  height: 30px;
  background-image: url(https://wilardo.crd.co/assets/images/gallery21/e1d6d85c.png?v=0a976b36);
  background-repeat: no-repeat;
  background-position-x: center;
  background-size: 100%;}


.general-about, .mood{
  position: relative;
  margin-top: 5px;
  text-align: center;}


.general-about .profile-pic {
position: relative;
filter: drop-shadow(0 0 0.25rem gray);
transform: rotate(deg);
margin: 0 20px 8px -5px;
transition: transform .5s;
filter: grayscale(35%);
}
.general-about .profile-pic:hover {
transform: scale(1.2) rotate(deg);
}

.general-about .profile-pic:after {
content: "";
background: url('https://i.postimg.cc/xTtQ5HRd/55-559680-823-x-1024-8-aesthetic-polaroid-frame-png.png');
position: absolute;
background-size: contain;
background-repeat: no-repeat;
top: -5px;
left: -5px;
width: 170px;
height: 204px;
filter: grayscale(35%);}

.mood {margin-top: 40px!important;}

.contact {
  border-radius: 15px;
  background: url(https://64.media.tumblr.com/dce84917610a5847331f221922efe115/tumblr_pbgub8He2O1r9ndy3o1_500.gif);
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
  padding: 2px;
  width: px;
  height: px;}

.contact .inner a img {margin-right: -4px;
        font-size: 0;}
    

.contact .inner a{
 
        letter-spacing: px; 
        color: #fff !important; 
        font-weight: bold;      
        font-size: 18px!important;
        font-family: butterfly kids;}


.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
	    /* add to friends */
	    content: url("https://wilardo.crd.co/assets/images/gallery20/54331415.gif?v=0a976b36")   
    }
    .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	    /* add to favorites */
	    content: url("https://i.postimg.cc/Y9k8zZPf/cee13457-original.gif")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	    /* send Message */
	    content: url("https://mypillowfort.net/media5/tumblr_26e6b3c7895b635680200a7ab08d26c3_176fac41_75.gif")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	    /* forward to friend */
	    content: url("https://wilardo.crd.co/assets/images/gallery20/54331415.gif?v=0a976b36")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	    /* instant message */
	    content: url("https://mypillowfort.net/media5/tumblr_26e6b3c7895b635680200a7ab08d26c3_176fac41_75.gif")
    } 
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	    /* block user */
	    content: url("https://i.postimg.cc/yNGFf5D3/1cf618ac-original.gif")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	    /* add to group */
	    content: url("https://wilardo.crd.co/assets/images/gallery20/54331415.gif?v=0a976b36")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	    /* report user */
	    content: url("https://i.postimg.cc/yNGFf5D3/1cf618ac-original.gif")
    } 



b { 
  color:#;
  font-family: butterfly kids;
  letter-spacing: px;
  font-size: 15px; font-weight: bold;
-webkit-text-stroke-width: px;
  -webkit-text-stroke-color: #;}


        
h1 {
font-size: 33px!important;
        font-family: times;
        color: #ECFFDC;         
        text-transform: !important; 
        font-weight: bold;
        letter-spacing: -1px;
        -webkit-text-stroke-width: 0.7px;
        -webkit-text-stroke-color: #000;
        font-weight: ;
        margin-bottom: 10px!important;
        margin-top: 0px!important;       
        text-align: center;
        line-height: 120px!important;
        background-image: url("https://d2bzx2vuetkzse.cloudfront.net/fit-in/0x450/unshoppable_producs/3910de4f-c8af-402e-bc77-7e4504b3a227.png");
        background-size: 60%;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("https://64.media.tumblr.com/a071fafb2bc530f53f7f1a36c4795dec/f2e78c89ead0b956-99/s1280x1920/0c8fb217fa7f25a9fc61b07e7b9aea071ee25f31.png");background-position: center;}
  


.online img{
  font-size:0px;
}
.online{
    text-transform: ;
    color: transparent!important; font-family: ; 
        letter-spacing: px;
}
.online:before{
  display:inline;
  content:url('https://i.ibb.co/FgxP1Mx/2591088a2sjr2i9e1.gif');margin-right: -50px;
}  


.search-wrapper input[type=text] {
        font-family: kiwi maru;
        color: black;
        background-color: #;
        background-image: url("https://garden.spoonflower.com/c/11550282/p/f/m/BuZ1fJPvlXe3Nbhw5kHFjSZD_01X2LyxK5RkRLA4OSr5syJ2PGdIlRaydQ/Small%20Sage%20Gingham%20Spring%20Cottagecore%20Green%20Plaid%20Check%20.jpg");
        background-size: 35px;
        background-position: top;
        border: 1px solid #000!important;
        border-radius: 10px !important;
        font-size: 12px;
        
    }
    
    button{
        border-radius:  !important;
        border: 0px !important;
        text-transform: lowercase; 
        font-family: kiwi maru;
        font-size: 10px!important;
        background-color: transparent!important;
        width:;
        color: white!important}

.count{color: #097969; font-family: ; font-size: 14px;
 font-weight: 00;} 

.top > .left > a > .logo {
    display: none;
  }
  .top .left a {
    content: url(https://64.media.tumblr.com/b09f80e643de67d3c625527b00329dd4/tumblr_pnprm3NCZl1tpw865_1280.png);
    height: 80px; 
    width: 160px;
    display: inline-block;} 
	
</style>



<style>
.friends .heading:after {
    content: url(https://wilardo.crd.co/assets/images/gallery20/eb4f7cf2.png?v=0a976b36); margin-left: 3px;}
.friends .heading{ font-size:0;}
.friends .heading:before{ content: "pals"; font-size:12px; font-family: kiwi maru; font-weight:200; color: #000;}


.friends#comments .heading:after {
    content: url(https://wilardo.crd.co/assets/images/gallery20/18e22d64.png?v=0a976b36); margin-left: 3px;}
.friends#comments .heading{ font-size:0; }
.friends#comments .heading:before{ content: "comment something" url(); font-weight:200 ; font-size:12px; font-family: kiwi maru; color: #000;}


.blog-preview h4{ font-size:0; }
.blog-preview h4 a{font-size:.0rem;margin-left:5px; }
.blog-preview h4:before{ content: "my blogs"; font-size:18px;font-family: kiwi maru; color: #000; font-weight: 200; background-color: #;}

.blog-preview h4:after{
    content: url(https://99gifshop.neocities.org/items/5/anibutterfly2.gif); margin-left: px;} 

 
.blog-preview p .pinned .icon {
   content: url(https://wilardo.crd.co/assets/images/gallery27/d8121877.png?v=0a976b36) !important;}
</style>


<div class="snowflakes">
<div class="snowflake"><img src="https://i.postimg.cc/pd1Vwksh/371104i9u4viatgj.gif"/></div>
<div class="snowflake"><img src="https://i.postimg.cc/pd1Vwksh/371104i9u4viatgj.gif"/></div>
<div class="snowflake"><img src="https://i.postimg.cc/pd1Vwksh/371104i9u4viatgj.gif"/></div>
<div class="snowflake"><img src="https://i.postimg.cc/pd1Vwksh/371104i9u4viatgj.gif"/></div>
<div class="snowflake"><img src="https://i.postimg.cc/pd1Vwksh/371104i9u4viatgj.gif"/></div>
<div class="snowflake"><img src="https://i.postimg.cc/pd1Vwksh/371104i9u4viatgj.gif"/></div>
<div class="snowflake"><img src="https://i.postimg.cc/pd1Vwksh/371104i9u4viatgj.gif"/></div>
<div class="snowflake"><img src="https://i.postimg.cc/pd1Vwksh/371104i9u4viatgj.gif"/></div>
</div>

<style>
    @-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>


<img width="19%" height="auto" src="https://64.media.tumblr.com/a50472defc9ee84f1117ea2e1888146c/tumblr_inline_mly8ywMT6Y1qz4rgp.gif" alt="about me"/>
<br/><br/><div style="text-align: center;"> 
here goes your about me!</div>
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 75 comments ( View all | Add Comment )
ColetteLys	1760804690 using!! Report Comment
abi	1759168631 using! Report Comment
Xavier	1758826138 using Report Comment
evieecupcakes	1758793740 Using Report Comment
glokixun	1758566183 Using xxx Report Comment
Nozza1256	1756564970 using xx Report Comment
𑁍	1756532051 using! Report Comment
♡﹒Veliane	1755715189 using Report Comment
hanina	1754734375 using Report Comment
Esria	1754487985 using! Report Comment
ChasingClouds	1754064662 using! Report Comment
chmomilee	1753824056 using!! Report Comment
Mari	1753388835 using Report Comment
Lindzzzz	1752851214 Gonna use!!! Report Comment
kaaaaaaay	1750939752 usinng Report Comment
kaaaaaaay	1750939734 usiing Report Comment
PIU	1750080383 using Report Comment
Haneul	1750010318 using! Report Comment
Nessa	1749613317 Using it. Report Comment
gabi ࣪⟡	1748605622 using!! Report Comment