pink cottagecore layout type thingy

Tags: layout, pink, cute, simple

Description:

hiii this was the first layout i was truly proud of & i probably kept it the longest out of all the others i've made for myself, and now i want to share it with others <3
it's my first post, and i'm really excited :) i may open a layout testing acc someday as well so i can share more!
if you use this, including as a base, either comment here or credit me in your own profile!
**profile name color has been changed to #ffe6ee, a pinkish color. (the original color was #8897aa, a gray type color)

Preview:

click on the image for a larger preview

Code:

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

<style>

MAIN {
    background-color: #ffffff;
    border: 10px groove #ffe6ee; }

main:before {
    background-image: url(https://i.pinimg.com/564x/be/ce/e8/becee86773504ecb94ae46625dc0b95f.jpg);
    content: "";
    width: 100%;
    height: 100px;
    display: block;
    background-size: cover;
    background-repeat: no-repeat;
}

main:after {
    background-image: url(https://i.pinimg.com/564x/d4/cf/8f/d4cf8f355418fbc7fb2947a5fac7a886.jpg);
    content: "";
    width: 100%;
    height: 100px;
    display: block;
    background-size: cover;
    background-repeat: no-repeat;
}


</style>

<style>

    body {
        background-image: url("https://i.pinimg.com/564x/68/c0/40/68c040c4e589c7e9766bf753ec1d5deb.jpg");
        background-size: 400px;
    }
    
    nav img.logo {
        filter: brightness(0) saturate(10%) invert(10%) sepia(10%) saturate(100%) hue-rotate(0deg) brightness(10%) contrast(10%);
    }
    
    nav .top {
        background: #ffe6ee;
        margin-bottom: 1rem;
        border-width: 10px;
        border-style: groove;
        border-left-color: #ffe6ee;
        border-right-color: #ffe6ee;
        border-top-color: #ffe6ee;
    border-bottom-color: #ffe6ee; 
    }
    
    form > button {
        font-family: 'Balsamiq Sans', cursive;
        font-size: 13px;
        color: gray;
        background-color: #ffffff;
        border: 2px solid gray;
        border-radius: 4px;
        text-transform: lowercase;
    }
    
    [id='q'] {
        border: 2px solid gray;
        border-radius: 4px;
    }
    
    label {
        font-family: 'Balsamiq Sans', cursive;
        font-size: 13px;
        color: gray;
        text-transform: lowercase;
        font-weight: bold;
    }
    
    nav .top .right {
        font-family: 'Balsamiq Sans', cursive;
        color: gray;
        font-weight: bold;
        text-transform: lowercase;
    }

nav .links {
margin-bottom: 1rem;
background-color: #ffe6ee;
padding: 3px;
text-align: center;
border-width: 10px;
  border-style: groove;
    border-left-color: #ffe6ee;
    border-right-color: #ffe6ee;
    border-top-color: #ffe6ee;
    border-bottom-color: #ffe6ee;
    }
    
    nav .links a {
        font-family: 'Balsamiq sans', cursive;
        font-size: 14px;
        color: gray;
        text-transform: lowercase;
        text-shadow: 1px 0 10px white;  
    }
    
    .profile .contact .heading {
        text-align: center;
        background-color: #ffe6ee;
        box-shadow: 1.5px 1.5px 1.5px 1.5px pink;
    }
    
    .profile .contact {
        border: 3.5px dotted pink;
        text-transform: lowercase;
    }
    
    a {       
        font-family: 'Balsamiq sans', cursive;
        font-size: 14px;
        color: grey;
    }
    
    a:hover {
        color: lightblue;
        text-decoration: wavy underline;
    }
    
    .profile .url-info {
        text-align: center;
        border-color: transparent;
        color: gray;
    }
    
    .profile .table-section .heading {
        text-align: center;
        background-color: #ffe6ee;
        box-shadow: 1.5px 1.5px 1.5px 1.5px pink;
        margin-bottom: 0.8rem;
    }
    
    .profile .table-section {
        border: 3.5px dotted pink;
    }
    
    .profile .blurbs .heading {
        text-align: center;
        background-color: #ffe6ee;
        box-shadow: 1.5px 1.5px 1.5px 1.5px pink;
    }
    
    .details-table td {
        background-color: #ffe6ee;
        box-shadow: 1px 1px 1px 1px pink;
    }
    
    .details-table td * {
        text-align: center;
        background-color: #ffe6ee;
    }
    
    .profile .friends .heading {
        text-align: center;
        background-color: #ffe6ee;
        box-shadow: 1.5px 1.5px 1.5px 1.5px pink;
    }
    
    table.comments-table {
        border-spacing: 0.5em 0.5em;
        border: 3.5px dotted pink;
        display: block;
        height: 400px!important;
        overflow-y: scroll;
      }
    
    .comments-table td {
        box-shadow: 1px 1px 1px 1px pink;
    }
    
    .profile .blurbs .section h4 {
        font-size: 14px;
        color: grey;
        text-align: center;
        border: 3.5px dotted pink }

    .count{
        color: grey;
    }
    
    :root {
        --logo-blue: #ffe6ee;
        --darker-blue: #ffe6ee;
        --lighter-blue: #ffe6ee;
        --even-lighter-blue: #ffe6ee;
        --lightest-blue: #ffe6ee;
        --dark-orange: #ffe6ee;
        --light-orange: #ffe6ee;
        --even-lighter-orange: #ffe6ee;
    }
    
.contact .inner a img {
    font-size: 0;
    }
    
.contact .inner a img:before {
    font-size: 1em;
    display: block
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
	/* Add to Friends */
	content: url("https://cur.glitter-graphics.net/pub/72/72870cmxjrny8yc.gif");
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	/* Add to Favorites */
	content: url("https://cur.glitter-graphics.net/pub/72/72870cmxjrny8yc.gif");
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	/* Send Message */
	content: url("https://cur.glitter-graphics.net/pub/72/72870cmxjrny8yc.gif");
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	/* Forward to Friend */
	content: url("https://cur.glitter-graphics.net/pub/72/72870cmxjrny8yc.gif");
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	/* Instant Message */
	content: url("https://cur.glitter-graphics.net/pub/72/72870cmxjrny8yc.gif");
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	/* Block User */
	content: url("https://cur.glitter-graphics.net/pub/72/72870cmxjrny8yc.gif");
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	/* Add to Group */
	content: url("https://cur.glitter-graphics.net/pub/72/72870cmxjrny8yc.gif");
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	/* Report Profile */
content: url("https://cur.glitter-graphics.net/pub/72/72870cmxjrny8yc.gif");
}

.profile .friends .person img:not(.icon) {
border-radius: 100px; 
}

.general-about .profile-pic img{
border-radius: 15px;
}

DIV.friends-grid {
    border: 3.5px dotted pink;
}

footer {
    background-color: #ffe6ee;
    border-width: 10px;
    border-style: groove;
    border-left-color: #ffe6ee;
    border-right-color: #ffe6ee;
    border-top-color: #ffe6ee;
    border-bottom-color: #ffe6ee;
}

.online { /*online icon*/
content: url("https://ct.pimp-my-profile.com/online/stalkme9bb.gif"); 
}

button {
    background-color: #ffe6ee;
    border: 2px solid gray;
    font-family: 'Balsamiq Sans', cursive;
    color: grey;
}

</style>

<style>* {cursor: url(https://cur.cursors-4u.net/cursors/cur-9/cur265.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2011/12/01/light-pink-pointer.html" target="_blank" title="Light Pink Pointer"><img src="https://cur.cursors-4u.net/cursor.png" alt="Light Pink Pointer" style="position:absolute; top: 0px; right: 0px;"/></a>
 
 <style>
  @import url('https://fonts.googleapis.com/css2?family=Balsamiq+Sans&display=swap');
</style>

<style>
p,h1,h2,h3,h4,h5{
font-family: 'Balsamiq Sans', cursive;
font-size: 15px;
color: grey;
text-transform: lowercase;
}
</style>

<style>
  @import url('https://fonts.googleapis.com/css2?family=Coiny&display=swap');

.profile h1 {
font-family: 'Coiny', cursive;
text-transform: uppercase;
font-size: 55px;
color: #ffe6ee;
text-shadow: 2px 2px #c8c7d7;
text-align: center;
padding: 10px;
}
</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 1795 comments ( View all | Add Comment )

Escaramelo Salgado	1772583476 Using it with minor tweaks!! It’s so cute and I appreciate the work for something so detailed Report Comment
mimily	1772476025 Thank you so much for this layout. It's absolutely beautiful and so well made. I can really see the care and thought you put into every little detail. It fits my space perfectly and makes me happy every time I look at it. Thank you for sharing your talent with me <3 Report Comment aww, you’re so sweet. thank you so much!! ♡ by nara; 1772479902; Report
joyce	1772452573 usingg Report Comment
cemetery girl♪‧₊˚	1772400054 usingg Report Comment
Ivybatz	1772375257 using!! Report Comment
Amel	1772289368 Using!! :) Report Comment
𝐇α𝗋υɦ𝗂	1772253367 Lo usare! :3 Report Comment
janelle	1772252239 I will be using ! Report Comment
emmiestrawberriiiz❀(⸝⸝•ᴗ•⸝⸝)❀	1772247188 using Report Comment
🐚 yamuki! 🎀	1772086868 using!!!! Report Comment
screamie	1772081357 using Report Comment
w00pie	1772070809 usingg!! Report Comment
Layla	1771878505 Using Report Comment
yvanille	1771852033 using!! Report Comment
Mary	1771824708 Usando!! Report Comment
peach.ni	1771795321 Using!!! Report Comment
angel1c_wingz7	1771794482 using! Report Comment
Misty	1771788564 Using!! Report Comment
trvlxis	1771716119 usingg Report Comment
Mira	1771643031 using :3 Report Comment