Simple Cottagecore layout pink version

Tags: cottagecore, pink, green, bela

Description:

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

mars	1701455286 using!! Report Comment
Ingrid / IVY	1700877225 Using!! Report Comment
amber	1699615171 using :33 Report Comment
St☆ffi	1698188294 uuusing >-< Report Comment
angie!	1697739412 using! Report Comment
saturn fairy ♡	1695387835 love it Report Comment
⭒✮ sky ✮⭒	1692904221 so pretty omg Report Comment
Mia	1690470633 This is so pretty deff using!! Report Comment
Piper < 3	1690154156 Using! Tysm! Report Comment
L3GGY	1689995391 using!! Report Comment
Kiki	1689749179 using!! Report Comment
Sara 🧸	1687797332 it's perfect! tysm! Report Comment
samintherain	1687719425 uisng it! Report Comment
Lyra Melodia	1686928329 Using it <3 very cute Report Comment
StoneyWabbit	1686792289 Using <3 Report Comment
Neru	1686609095 using! Report Comment
will	1686360795 using this!! thank you sm, all of your themes are so lovely! ♡ Report Comment
lain >:3	1684807123 def using :333 Report Comment
can__lunot	1684255311 Thank uuu this is lovely<3 Report Comment
Serenity	1683886115 ill be using this tyy Report Comment