pastry layout

Tags: pastries, desserts, picnic, bakery, cute

Description:

hii!!! this is my first layout! i really like how it turned out :)

i’d like to know if you use my layout—comment if you’d like, but it’s alright if you don’t!
feel free to edit it to your liking!
let me know if there are any issues!

if you find the white text hard to read, you can replace "color: white" under the "main font" section with "color: rgba(171, 120, 93, 1)". its a nice darker brown!

Preview:

click on the image for a larger preview

Code:

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

<img src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/1082e88c-f1cf-46be-88c7-aa266b044e92/d715b4n-e2c6a8fe-98c9-44d9-9a07-bc25140eed19.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwic3ViIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsImF1ZCI6WyJ1cm46c2VydmljZTpmaWxlLmRvd25sb2FkIl0sIm9iaiI6W1t7InBhdGgiOiIvZi8xMDgyZTg4Yy1mMWNmLTQ2YmUtODhjNy1hYTI2NmIwNDRlOTIvZDcxNWI0bi1lMmM2YThmZS05OGM5LTQ0ZDktOWEwNy1iYzI1MTQwZWVkMTkucG5nIn1dXX0.DOGYbszowoambJf96boTbmpCCFdInqTc7FAvu3mwl4k"/>
<br/>
<br/>about me goes here! add the image above to the end of your who i’d like to meet if you want it :3

<style>
/* background */
body {
background:
url(https://lifted.crd.co/assets/images/gallery11/8bb3fbdc.png?v=540c5116);
}
</style>

<style>
/* main font */
  @import url('https://fonts.googleapis.com/css2?family=Nunito:wght@500&display=swap');
.profile {
font-family:'Nunito'; sans-serif;
font-weight: bold;
text-transform: lowercase;
color: white
</style>

<style>
/* header font */
@import url('https://fonts.googleapis.com/css2?family=Bungee:wght@400&display=swap');
.profile h1, h4 {
font-family:'Bungee'; sans-serif;
color:rgba(216, 162, 133, 1)!important
</style>

<style>
/* font of navigation */
nav{
font-family: 'Nunito'; sans-serif;
text-align: center;
text-size: 13;
background-color: pink!important
}
</style>

<style>
/* logo color */
.logo{
filter: invert(30%) sepia(56%) saturate(323%) hue-rotate(330deg) brightness(90%) contrast(86%);
}
</style>

<style>
/* header background color */
.profile .blurbs .heading, .profile .friends .heading, .profile .contact .heading, .profile .table-section .heading {
color: white;
background-color: transparent;
border-radius:15px
}
.table-section {
background-color: transparent
}
</style>

<style>
/* background of all text */
main{
background: rgba(239, 213, 184, 0.5);
border-radius: 15px;
}
</style>

<style>
/* text boxes background colors */
DIV.blog-preview, .profile .blurbs, .profile .friends, .profile .contact, .profile .table-section {
background-color: rgba(244, 193, 193, 0.4);
border-radius:15px
}
</style>

<style>
/* borders */
.profile .blurbs, .profile .contact, .profile .friends, .profile .url-info, .profile .table-section, .blog-preview, .profile-info, .comment-replies {
border-radius: 15px;
border: 2px dotted
}
</style>

<style>
/* round image corners */
img {
border-radius: 15px
}
</style>

<style>
/* navigation colors */
nav .links {
background: transparent;
}
nav .top {
background: rgba(239, 213, 184, 0.5)!important;
border-radius: 15px;
}
nav {
background: transparent!important
}
nav .links a{
    text-shadow:none;
}

/* navigation dividers */
nav .links li:not(:last-child)::after,
footer .links li:not(:last-child)::after{
    content: " -";
color: rgba(216, 162, 133, 1)!important
}

/* search bar */
nav label{
color: rgba(216, 162, 133, 1)!important
}
button {
color: rgba(216, 162, 133, 1)!important;
background-color: transparent!important;
border-radius: 15px;
}
</style>

<style>
/* notification image */
.icon, .award img {
content: url(https://gifcity.carrd.co/assets/images/gallery08/0d2fdfa5.gif?v=5bf8fcf7)
}
</style>

<style>
/*link color*/
a {
color: rgba(216, 162, 133, 1)!important
}

/* color of links when hovered over */
a:hover {
color: white
}

/* friends link color */
.profile .friends .person p {
color: rgba(244, 193, 193, 1);
}
</style>

<style>
/* color of online */
.online {
color: rgba(244, 193, 193, 1);
}
/* image next to online */
.online img {
    content: url(https://gifcity.carrd.co/assets/images/gallery75/2a47bdd6.gif);
}
</style>

<style>
/* center blurbs text */
.profile .blurbs{
text-align: center
}

/* removes blurbs titles and general-heroes titles */
.blurbs .heading, .section h4, .details-table td:first-child{
display: none;
}
</style>

<style>
/* color of interests table */
.profile .table-section .heading {
color: transparent
}
td{
    background-color: transparent!important;
}
</style>

<style>
/* contact icons */

.contact {
text-align: left
}

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

.contact .inner a img:before {
font-size: 1em;
display: block
}
</style>

<style>
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
content: url(https://watermelon.crd.co/assets/images/gallery25/1037168a.gif);
</style>

<style>
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
content: url(https://watermelon.crd.co/assets/images/gallery25/1037168a.gif);
</style>

<style>
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
content: url(https://watermelon.crd.co/assets/images/gallery25/1037168a.gif);
</style>

<style>
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
content: url(https://watermelon.crd.co/assets/images/gallery25/1037168a.gif);
</style>

<style>
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
content: url(https://watermelon.crd.co/assets/images/gallery25/1037168a.gif);
</style>

<style>
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
content: url(https://watermelon.crd.co/assets/images/gallery25/1037168a.gif);
</style>

<style>
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
content: url(https://watermelon.crd.co/assets/images/gallery25/1037168a.gif);
</style>

<style>
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
content: url(https://watermelon.crd.co/assets/images/gallery25/1037168a.gif);
</style>

<style>
/* color of friend and comment count */
.count{
color: rgba(244, 193, 193, 1);
}
</style>

<style>
/* footer */
footer{
color: white;
font-weight: bold;
background-color: rgba(239, 213, 184, 0.5);
border-radius: 15px;
}
</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 1 of 1 comments ( View all | Add Comment )

Fouriend

1708575212

Using! I hope you don't mind I changed the text colours slightly to make it more visible to me! I love this layout a lot. :]

Report Comment

you can change it however, idm!!! :)

by alana; 1708757626; Report