Simple Cottagecore layout pink version

Tags: cottagecore, pink, green, bela

Description:

I appreciate your comments and thank you for using this layout. To prevent spam, comments are disabled as of April 12th 2024.

If you have any questions, please comment below or go to my blog here.

Image Credits —

    ⇘ Navigation Banner: https://i.pinimg.com/originals/9a/63/d9/9a63d9fdfacee06dbb00207ab5f439bb.png

    ⇘ .mood Background: https://i.imgur.com/1maGwFf.png

    ⇘ .url-info Background: https://i.pinimg.com/736x/5c/09/60/5c09605962f5a9884f1761df3002d8cf.jpg

    ⇘ .online Code: https://64.media.tumblr.com/8273f5d575a160d99645e2f1a9096384/tumblr_inline_pe7yvqbMUm1swhw6h_75sq.gifv

    ⇘ HR code: https://64.media.tumblr.com/cefd62efe8fe62663d603ac90dccd726/tumblr_inline_pe7yw29kJ31swhw6h_250.gifv

    ⇘ Contact Images: https://engrampixel.tumblr.com/tagged/flowers

    ⇘ Interest Table Background: https://i.imgur.com/PlIbbWl.jpg

    ⇘ Blog Preview Background: https://media.everskies.com/VxQY831vy3oVPyFD1bLH.png

    ⇘ Friends Background: https://64.media.tumblr.com/096bb24f580276b7bd53f3c86728404a/tumblr_inline_pe7yw11EvY1swhw6h_400.gifv

    ⇘ Profile Info Background: https://img1.picmix.com/output/stamp/normal/9/7/6/6/2006679_b893c.gif

⇘ Layout Preview:

Preview:

click on the image for a larger preview

Code:

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

<style>
@import url('https://fonts.googleapis.com/css2?family=Kiwi+Maru:wght@300;400;500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=New+Tegomin&display=swap');
</style>

<style>
/* DON'T DELETE THE MOBILE CODE unless you want an uneven background in mobile lol */
@media (max-width: 600px) {
.container{
    width:100%!important;
    background-size: 50%!important;
    padding:20px!important;
}
nav:after{
    height: 150px!important;
}
}
</style>

<style>
.container{
    width: 70%;
    background-image: url('https://i.imgur.com/EI1bfg3.png'), url('https://i.imgur.com/F4zvWIN.png');
    background-size: 30%;
    background-repeat: repeat-y;
    background-position: top left, top right;
    padding: 40px;
}
body{
    background-color: white;
}
main, nav .top, nav .links, footer {
  background-color: transparent!important;
}
nav:after{
    background-image: url('https://i.pinimg.com/originals/9a/63/d9/9a63d9fdfacee06dbb00207ab5f439bb.png');
    height:300px;
    width:100%;
    display: block;
    content: "";
    background-size: 100%100%;
    background-repeat: no-repeat;
    border-radius: 10px;
}
nav .links{
    text-align: center;
}
nav .links li:not(:last-child)::after,
footer .links li:not(:last-child)::after{
    content: " ☙ ";
    color: #CC9189;
    font-weight: bold;
}
footer{
    margin-top:0px;
}
a, nav label{
    color: #9CA29C!important;
    font-family: 'New Tegomin', serif;
    letter-spacing: 1px;
    font-size: 12px!important;
}
p, b, .count{
    color: black!important;
    font-family: 'Kiwi Maru', serif!important;
    font-size: 12px;
}
h1{
    color: black;
    background-color: #EFD3D6!important;
    border-left: 5px solid #CC9189;
    border-bottom: 5px solid #CC9189;
    border-radius: 10px;
    text-align: center;
    font-family: 'Kiwi Maru', serif;
    font-size: 18px!important;
    letter-spacing: 2px;
}
h2, h3, h4{
    color: black!important;
    font-family: 'Kiwi Maru', serif;
    font-size: 13px!important;
    letter-spacing: 1px;
}
.icon:not(.contact .inner a img){
    font-size: 10px!important;
}
.contact, .url-info, .table-section{
    border:none!important;
}
nav img.logo {
    filter: brightness(0) saturate(100%) invert(75%) sepia(42%) saturate(84%) hue-rotate(304deg) brightness(109%) contrast(92%)!important;
}
.heading{
    background-color: #EFD3D6!important;
    border-left: 5px solid #CC9189;
    border-bottom: 5px solid #CC9189;
    text-align: center;
    border-radius: 10px;
}
.blurbs, .friends, .contact, .url-info, .table-section, .mood{
    background-color: rgba(247, 226, 206, 0.2);
    border-radius: 10px;
}
.url-info{
    background-image: url('https://i.pinimg.com/736x/5c/09/60/5c09605962f5a9884f1761df3002d8cf.jpg');
    background-size: contain;
    height:250px;
    background-position: center;
}
.mood{
    margin-bottom:10px;
    background-image: url('https://i.imgur.com/1maGwFf.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: right;
	padding: 15px;
}
td{
    background-color: transparent!important;
}
.comments-table {
    border:none!important;
    border-spacing: 5px;
}
.comments-table td{
    border-top:4px solid #D7E9CD;
    border-right: 4px solid #D7E9CD;
    border-bottom: 4px solid #95C378;
    border-left: 4px solid #95C378;
    border-radius: 10px;
}
.comments-table td:first-child{
    background-image: url('https://64.media.tumblr.com/fe74e32df540b6e79ba4122dc901673e/4d5f55c2a6822140-01/s250x400/34136d648bbdb4d96f7d6dd8b30ecc05df06b901.png');
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: 40%;
    padding:30px;
}
.profile-info{
    background-image: url('https://img1.picmix.com/output/stamp/normal/9/7/6/6/2006679_b893c.gif');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom right;
    background-color: rgba(247, 226, 206, 0.2);
    border-radius: 10px;
    border:none;
}
[id='q']{
    border-radius: 10px;
    border: 2px solid #9CA29C;
}
button{
    color: black!important;
    background-color: rgba(239, 211, 214, 0.4);
    border: 2px solid #9CA29C;
    border-radius: 10px;
    margin-bottom:1px;
    font-family: 'New Tegomin', serif;
    letter-spacing: 1px;
}
.friends:not(#comments){
    margin-bottom:10px;
    background-image: url('https://64.media.tumblr.com/096bb24f580276b7bd53f3c86728404a/tumblr_inline_pe7yw11EvY1swhw6h_400.gifv');
    background-size: contain;
    background-repeat: repeat-x;
    background-position: bottom;
    padding-bottom: 40px;
}
.online img{
  font-size:0px;
}
.online{
    text-transform: lowercase;
    color:pink!important;
}
.online:before{
  display:inline;
  content:url('https://64.media.tumblr.com/8273f5d575a160d99645e2f1a9096384/tumblr_inline_pe7yvqbMUm1swhw6h_75sq.gifv');
}
hr{
    background-image: url('https://64.media.tumblr.com/cefd62efe8fe62663d603ac90dccd726/tumblr_inline_pe7yw29kJ31swhw6h_250.gifv');
    background-size: 20%;
    background-repeat: repeat-x;
    border:none!important;
    background-position: center;
    height:25px;
}
.contact .inner a img {
    font-size: 0;
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
	/* add to friends */
	content: url('https://i1128.photobucket.com/albums/m492/pixelp0w4h111/th1_080326oollalla_104_m.gif');
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	/* add to favorites */
	content: url('https://64.media.tumblr.com/300256ae412ab067d1d7a2a540bb4120/tumblr_inline_pe7yvmMvqL1swhw6h_75sq.gifv');
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	/* Send Message */
	content: url('https://64.media.tumblr.com/0a0860f76206246a64a8f5366763d6e2/tumblr_inline_pe7yw54uvu1swhw6h_75sq.gifv');
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	/* forward to friend */
	content: url('https://64.media.tumblr.com/7f8fc6e117683d5a1585b03930c537b5/tumblr_inline_pe7yw7mBDv1swhw6h_75sq.gifv');
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	/* instant message */
	content: url('https://64.media.tumblr.com/c72cf4cf3ab08f1eb13b5874e5a63bf2/tumblr_inline_pe7yw88Lce1swhw6h_75sq.gifv');
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	/* block user */
	content: url('https://64.media.tumblr.com/e84dcbbce581028bd0522fdbfebb6bf2/tumblr_inline_pe7yw83GSR1swhw6h_75sq.gifv');
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	/* add to group */
	content: url('https://64.media.tumblr.com/a467159d15e66bfb0e7923745a83bd4b/b2295b398b83dca7-dd/s75x75_c1/fac0729c56bdd44eb4cb7dc816711bcd653f7a41.gifv');
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	/* report user */
	content: url('https://64.media.tumblr.com/97bbbd775cd734e7751a3493436170f9/tumblr_inline_pe7yweZGLi1swhw6h_75sq.gifv');
} 
.friends-grid{
    text-align: center;
}
.friends-grid img{
    border-radius:0px;
}
.comments-table img{
    border-radius:0px;
}
.details-table td:first-child{
    background-image: url('https://i.imgur.com/PlIbbWl.jpg');
    background-size: contain;
    background-position: left;
}
.details-table td:first-child p{
    background-color: #FFEEF9;
    text-align: center;
    border-radius: 10px;
    padding: 5px;
}
.comment-replies{
    border: 2px solid #CC9189;
    border-radius: 10px;
    margin:5px;
}
.blog-preview{
    background-image: url('https://media.everskies.com/VxQY831vy3oVPyFD1bLH.png');
    background-size: 30%;
    background-repeat: repeat-y;
    background-position: right;
}
</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 103 comments ( View all | Add Comment )

Jeanney_	1711332251 Using <3 Report Comment
MOON	1711270012 Using Report Comment
𖦹Dahlia	1711134169 Using ^^ Report Comment
₊˚ ୨ৎ 𝘣𝘳𝘦𝘦 ᶻ 𝗓 𐰁	1711111759 Using. So cute! 🩷🎀 Report Comment
︶꒦꒷♡꒷꒦︶	1711052630 so cute using!! Report Comment
teynqa	1711030654 using Report Comment
sleepyzcutiezz	1711024696 using Report Comment
𝐃𝐞𝐠𝐞𝐥 𝆺 𝆹𝅥	1710807364 Es muy bonito, muchas gracias¡ ♡ Usando. Report Comment
bunshr00m	1710756177 using :3 Report Comment
✩ karter ✩	1710212626 using <33 Report Comment
Jett	1709653658 using!! Report Comment
real Logan paul	1709089862 using!! Report Comment
bee <3	1708908676 this is so cute, im absolutely using - thank you!! :D Report Comment
⋆𐙚₊˚⊹♡	1708714705 Using! Report Comment
Luxna	1708714687 Using ✨ Report Comment
𖤣.𖥧.𖡼.⚘	1708520117 Using! Report Comment
Rachel	1708387507 Adorable im going to use it ️ Report Comment
☆Yiyi☆	1708133011 using! Report Comment
Silas!	1708020760 Using ^^ Report Comment