pink foodie layout

Tags: pastel, pink, food
Description:

Pink pastel and foodie themed! includes special cursor, round pfp, and seamless moving background (the food "falls" down the screen, does not block anything) please comment or add if you use!
Preview:

click on the image for a larger preview
Code:

<!-- (c) Layout created by ･ﾟᴇᴠɪᴇ ･ﾟ (https://layouts.spacehey.com/layout?id=28564) -->

<style>

/* Start https://www.cursors-4u.com */ * {cursor: url(https://cur.cursors-4u.net/food/foo-3/foo262.ani), url(https://cur.cursors-4u.net/food/foo-3/foo262.png), auto !important;} /* End https://www.cursors-4u.com */
:root {
    --logo-blue: #FDC8D2; 
    --darker-blue: #FFEFFB; 
    --lighter-blue: #FDC8D2; 
    --even-lighter-blue: transparent;
    --lightest-blue: #FFEFFB;
    --dark-orange: #516C4B; 
    --light-orange: transparent; 
    --even-lighter-orange: #FDC8D2; 
    --green: #FFEFFB;
    }  
*, p, a, form, li, .links li:not(:last-child)::after, footer .links li:not(:last-child)::after {
   font-family: Verdana !important; 
   font-size: 15px !important; 
   color: #516C4B  !important; 
   text-shadow: none !important; 
   letter-spacing: 1px;
}
body{
    background-image: url('https://i.pinimg.com/originals/7c/21/12/7c2112353ec5b4d17de20612291bb0a3.gif');
    background-size: fill;
    background-color: #FDC8D2
}
h1 {
   font-family: Baskerville, serif; !important; 
   font-size: 45px !important;
}
h4 {
   color: #779662 !important;
}
.contact, .url-info, .table-section, .profile-info {
   border-color: #d9bdcf !important;
}

.pfp-fallback, .row.profile {
   border: 0px dashed #FFFBF2 !important;
}
.logo-fallback {
   height: 34px !important;
}
.col.right:before {
content: "";
white-space: pre-wrap;
display: block;
height: 350px;
background-image: url("https://i.pinimg.com/originals/70/93/a3/7093a35ea8215cf0d1739a5c4be20d00.gif");
background-repeat: no-repeat;
background-position-x: center;
background-size: 800px;
margin-top: 10px;
}
<style>
.online { visibility: hidden; } .online img { content: url("https://thumbs.gfycat.com/HarmlessMerryAmethystinepython.webp"); animation-name: none; visibility: visible; height: 60px; width: 110px; }
</style>

}
<style>

@import url('https://fonts.googleapis.com/css2?family=Rubik+Bubbles&family=Tilt+Warp&display=swap');

*, p, a, form, li, .links li:not(:last-child)::after, footer .links li:not(:last-child)::after {
        text-shadow: none!important;
}

        .contact .inner a img {
        font-size: 0;
    }
    .contact .inner a img:before {
        font-size: 1em;
        display: block
}
    main {
         background-image: url(https://i.pinimg.com/564x/51/15/87/511587161cfc42da6a8d860d095dab3a.jpg);;
        padding: 20px;
    }

    .count {
        color: #F4C01E;
    }
.heading { 
    padding: 5px 0 !important;
    background-color: #FDC8D2 !important; /* ADJUST BACKGROUND COLOR OF HEADINGS*/
    color: #FFFBF2 !important; /* FONT COLOR */
    border-bottom: 2px dashed; /* LINE BELOW SECTION HEADINGS */
 }

    .friends {font-size: 13px!important;
        font-family: rubik bubbles;
        text-align: center;
        font-family: arial;
        color: #779662 ;

  }
.social-logos{
    display: grid;
    grid-gap: 200px;
    grid-template-columns: repeat(4, [col] auto ) ;
    grid-template-rows: repeat(1, [row] auto  );
    background-color: #FDC8D2;
    color: #516c4b;
    margin-left: auto;
    margin-right: auto;
    justify-content: center;
    align-items: center;
    width: 110%;
    grid-column: col 1 / span 4
    grid-row: row 1;
    position: relative;
  }
footer{
    background:#FDC8D2;
    a: #FFEFFB;
    color: #FFEFFB;

}
img[src="https://static.spacehey.net/social-icons/instagam.png"] {

  content: url("https://thumbs.gfycat.com/IdioticAgreeableIslandwhistler.webp");

}
img[src="https://static.spacehey.net/social-icons/custom_tiktok.png"] {

  content: url("https://thumbs.gfycat.com/IdioticAgreeableIslandwhistler.webp");

}
img[src="https://static.spacehey.net/social-icons/pinterest.png"] {

  content: url("https://thumbs.gfycat.com/IdioticAgreeableIslandwhistler.webp");

.profile .contact, .profile .url-info, .profile .table-section, .home-actions
}
img[src="https://static.spacehey.net/icons/award_star_add.png"] {

  content: url("https://thumbs.gfycat.com/IdioticAgreeableIslandwhistler.webp");

.profile .contact, .profile .url-info, .profile .table-section, .home-actions
}
img[src="https://static.spacehey.net/icons/add.png"] {

  content: url("https://thumbs.gfycat.com/IdioticAgreeableIslandwhistler.webp");

.profile .contact, .profile .url-info, .profile .table-section, .home-actions
}
img[src="https://static.spacehey.net/icons/add.png"] {

  content: url("https://thumbs.gfycat.com/IdioticAgreeableIslandwhistler.webp");

.profile .contact, .profile .url-info, .profile .table-section, .home-actions

}
img[src="https://static.spacehey.net/icons/arrow_right.png"] {

  content: url("https://thumbs.gfycat.com/IdioticAgreeableIslandwhistler.webp");

.profile .contact, .profile .url-info, .profile .table-section, .home-actions
}
img[src="https://static.spacehey.net/icons/email.png"] {

  content: url("https://thumbs.gfycat.com/IdioticAgreeableIslandwhistler.webp");

.profile .contact, .profile .url-info, .profile .table-section, .home-actions
}
img[src="https://static.spacehey.net/icons/comment.png"] {

  content: url("https://thumbs.gfycat.com/IdioticAgreeableIslandwhistler.webp");

.profile .contact, .profile .url-info, .profile .table-section, .home-actions
}
img[src="https://static.spacehey.net/icons/group_add.png"] {

  content: url("https://thumbs.gfycat.com/IdioticAgreeableIslandwhistler.webp");

.profile .contact, .profile .url-info, .profile .table-section, .home-actions
}
img[src="https://static.spacehey.net/icons/exclamation.png"] {

  content: url("hhttps://thumbs.gfycat.com/IdioticAgreeableIslandwhistler.webp");

.profile .contact, .profile .url-info, .profile .table-section, .home-actions
}
img[src="https://static.spacehey.net/icons/flag_red.png"] {

  content: url("https://thumbs.gfycat.com/IdioticAgreeableIslandwhistler.webp");

.profile .contact, .profile .url-info, .profile .table-section, .home-actions
}
img[src="https://static.spacehey.net/icons/exclamation.png"] {

  content: url("https://thumbs.gfycat.com/IdioticAgreeableIslandwhistler.webp");

.profile .contact, .profile .url-info, .profile .table-section, .home-actions
}
img[src="https://static.spacehey.net/icons/bell.png"] {

  content: url("https://thumbs.gfycat.com/DarkFlawedDuckbillcat.webp");

.profile .contact, .profile .url-info, .profile .table-section, .home-actions
}

.profile .contact,
    .profile .url-info,
    .profile .table-section,
    .home-actions {
        border: none;
    }
    table.details-table {
        border-collapse: collapse;
    }
    table.details-table td {
        background-color: transparent !important;
    }
    .profile-pic {
        border-radius: 500px;
        overflow: hidden;

</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 )
˚₊‧꒰dalia꒱‧₊˚
1683380062
love it it's so me <3
Report Comment