dessert/sweets themed layout

Tags: dessert, sweet, pink, neapolitan, ice cream, brown, yellow, soft, cute, kawaii

Description:

comment if used :) requested by manukahoney !!
spacehey custom logo by Button꒰ᐢ. .ᐢ꒱ ᵎᵎ 🎀🐇

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by ray ☆ 🍉 (https://layouts.spacehey.com/layout?id=91940) -->

<style>

@font-face { font-family: 'starshines'; 
src: url(https://dl.dropbox.com/s/5ojtturb4ny5zgk/Starshines%20Italic.ttf); } .profile h1 { font-family: 'starshines', cursive; text-align: center; font-size: xx-large; color: lightyellow; text-shadow: 5px 5px rosybrown, -5px -5px pink; }

.container{
width: 1050px!important;
}

body{
background: url(https://i.pinimg.com/564x/a7/9f/a8/a79fa83d1a6253b4326335257996b894.jpg);
}

nav .top{
background: url(https://i.pinimg.com/564x/e3/49/e3/e349e385e8135f962b5659ed38acbdc4.jpg);
    margin-top: 20px;
    margin-bottom: 10px;
    border: 2px solid white;
    border-radius: 8px;
    box-shadow: 7px 6px #826969, -7px -6px #d7c7c7;
}

  .top > .left > a > .logo {
    display: none;
  }
  .top .left a {
    content: url(https://media.discordapp.net/attachments/899055662506602539/1176292607370985554/Spacehey_Logo.png?ex=656e56dc&is=655be1dc&hm=6ee33b601f5dc50ce119cd43e713347ce114ca918839a766d41333e1fd819909&=);
    height: 50px;
    width: 165px;
    display: inline-block;
    filter: contrast(0.5) brightness(1.5) drop-shadow(1px 1px 6px pink);
}


button, input {
    overflow: visible;
    background: white;
    border: 2px solid pink;
    border-radius: 6px;
    color: rosybrown;
}

nav .links {
    background-color: #60a5fa00;
    padding: 3.5px 16px;
    text-align: center;
    margin-bottom: 10px!important;
}

nav .links a {
    text-decoration: none;
    text-shadow: none;
    color: rosybrown;
    background: lightyellow;
    font-size: 11px;
    padding-right: 7px;
    padding-left: 6px;
    border-radius: 6px;
    font-weight: bold;
    padding-bottom: 1px;
}

nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after {
    content: " ♡︎ ";
    color: white;
    font-weight: bold;
}



main{
background: url(https://i.pinimg.com/564x/1c/92/c8/1c92c8c355f156a5a3ce7bb0a0186560.jpg);
background-size: cover;
    border: 2px solid white;
    border-radius: 8px;
    box-shadow: 7px 6px #826969, -7px -6px #d7c7c7;
    color: white;
    text-shadow: 0 0 2px rosybrown, 0 0 2px rosybrown, 0 0 2px rosybrown, 0 0 2px rosybrown, 0 0 2px rosybrown, 0 0 2px rosybrown, 0 0 2px rosybrown, 0 0 2px rosybrown, 0 0 2px rosybrown, 0 0 2px rosybrown, 0 0 2px rosybrown;
    font-weight: bold;
}

.general-about .profile-pic img{
  clip-path: polygon(50% 0%, 67% 29%, 98% 35%, 75% 58%, 79% 91%, 50% 75%, 21% 91%, 25% 58%, 2% 35%, 33% 29%);
}

@keyframes spin{
  from{ transform:rotate(0deg); }
  to{ transform:rotate(-360deg); }
}
.general-about .profile-pic img{
  border-radius: 50%;
  animation: spin 7s infinite linear;
}

.edit-link {
    font-size: 90%;
    text-align: center;
}

a {
    color: rosybrown;
    text-decoration: none;
    text-shadow: 1px 1px #6d2f2f;
}

a:hover, a:active, .blog-entry .kudos-btn:hover, .blog-entry .kudos-btn:active {
    color: pink;
    text-decoration: underline;
    text-decoration-style: wavy;
    text-shadow: 1px 1px #be6d7b;
}

.profile .contact .heading, .profile .table-section .heading, .setting-section .heading, .home-actions .heading {
    background: pink;
    color: white;
    padding: 2px 7px;
    text-align: center;
    border-bottom: 2px solid hotpink;
}

.profile .contact, .profile .url-info, .profile .table-section, .setting-section, .home-actions {
    width: 100%;
    border: 2px solid hotpink;
    margin: 10px 0;
    background: #ffffff94;
}


.details-table td:first-child {
    background: #bc8f8fa1;
    color: white;
    font-weight: bold;
    width: 33%;
}

.details-table td {
    background: #fafad294;
    vertical-align: top;
}

.profile-info{
background: url(https://i.pinimg.com/564x/c0/ca/12/c0ca12e408e4711e9e1ccc4d8b1760ac.jpg);
    border: 1px solid white;
    border-radius: 8px;
    box-shadow: 3px 3px rosybrown, -3px -3px #e1c0c0;
}

.profile .blurbs .section {
    margin-bottom: 14px;
background: url(https://i.pinimg.com/564x/15/37/0a/15370a8dfe81839096054b40f0e901ca.jpg);
    height: 251px;
    overflow-y: scroll;
    padding-left: 10px;
    font-size: 130%!IMportant;
    padding-top: 51px;
    border: 2px solid white;
    border-radius: 8px;
    box-shadow: 3px 3px rosybrown, -3px -3px #e4cccc;
}

.profile .blurbs .section p {
    padding-top: 18px;
}

.profile .blurbs .section h4 {
    margin: 0;
    color: white;
    text-align: center;
    text-transform: uppercase;
    font-size: 114%;
}

.profile .blurbs .heading, .profile .friends .heading {
    background: pink;
    color: white;
    padding: 2px 7px;
    text-align: center;
    border: 2px solid hotpink;
}

.count {
    color: white;
}

.profile .friends .person {
    width: 139px;
    display: inline-block;
    padding: 0 10px 15px 0;
}

.profile .friends .person img:not(.icon) {
    max-width: 112px;
    max-height: 112px;
    display: block;
    margin: 0 auto;
    border: 2px solid white;
    border-radius: 8px;
    box-shadow: 3px 3px rosybrown, -3px -3px #e2cbcb;
    filter: contrast(0.6) brightness(1.5);
}

.comments-table td:first-child, .music-table td:first-child {
    background: rosybrown;
    text-align: center;
    font-weight: bold;
    width: 38%;
}

.comments-table td, .music-table td {
    background: lightgoldenrodyellow;
    vertical-align: top;
}

.comment-replies {
    padding: 0 5px;
    border: none;
    margin-top: 10px;
    background: #ffc0cb8f;
    border: 2px solid white;
}

footer {
    text-align: center;
    font-size: 70%;
    margin: 10px 0 10px;
    padding: 10px 5px;
    background-color: transparent;
    color: white;
}

::-webkit-scrollbar {
    width: 12px;
    background-color: #fff;
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: pink;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: #fff;
}

HTML,BODY{cursor: 
url(https://external-media.spacehey.net/media/sRWPTdfAwYJj4YXmmdmKVdg-3-bojvA5Kt8FNCL73KWM=/https://cur.cursors-4u.net/anime/ani-1/ani195.png),
auto;}


A:hover{cursor: 
url(https://external-media.spacehey.net/media/sRWPTdfAwYJj4YXmmdmKVdg-3-bojvA5Kt8FNCL73KWM=/https://cur.cursors-4u.net/anime/ani-1/ani195.png),
auto;}

    .icon, .award img {
        display: none;
        height: 2.0em;
        width: 2.0em;
        margin: 0 .05em 0 .1em;
        vertical-align: -0.3em;
        color: rgba(0,0,0,0);
    }

.contact a:before {
    content: " ♡ ";
}

.online {
    content: url(https://i10.glitter-graphics.org/pub/576/576020rj5q3x4njv.gif);
    filter: brightness(1.5);
}

.award a {
    color: white;
    text-decoration: none;
    text-shadow: 0 0 2px rosybrown, 0 0 2px rosybrown, 0 0 2px rosybrown, 0 0 2px rosybrown, 0 0 2px rosybrown, 0 0 2px rosybrown, 0 0 2px rosybrown, 0 0 2px rosybrown, 0 0 2px rosybrown, 0 0 2px rosybrown, 0 0 2px rosybrown, 0 0 2px rosybrown, 0 0 2px rosybrown, 0 0 2px rosybrown, 0 0 2px rosybrown, 0 0 2px rosybrown, 0 0 2px rosybrown, 0 0 2px rosybrown, 0 0 2px rosybrown;
}

</style>

<style>

/* == PLS DO NOT REMOVE ! == */

.contact:before {
    background: #cc9b9bbd;
    content: "made by ray ☆ 2.0";
    padding: 14px;
    padding-left: 122px;
    padding-right: 144px;
    text-shadow: none;
    text-decoration: underline;
    text-decoration-style: wavy;
    color: #ffffff;
}

.profile .mood {
    width: 100%;
    display: inline-block;
    margin-bottom: 26px;
}

.contact .heading {
    margin-top: 28px;
}

.contact {
    border: none!important;
    background: none!important;
}

.contact .inner {
    border: 2px solid hotpink;
}

.contact .heading{
border: 2px solid hotpink;
border-bottom: none!important;
}

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

Lilian	1713063439 hii hghrgf i dont know if i shuld be commeting here but do you still take request or not jvghf Report Comment
luiluu	1712025007 hi, i was jus wondering if u could say whats the code for the star porfile picture?? Report Comment .general-about .profile-pic img{ clip-path: polygon(50% 0%, 67% 29%, 98% 35%, 75% 58%, 79% 91%, 50% 75%, 21% 91%, 25% 58%, 2% 35%, 33% 29%); } by ray ☆ 🍉; 1712100553; Report
cadence X	1711711111 using Report Comment
RAATE !!!!	1711567337 Using!! :3 Report Comment
mar	1711177041 using >< Report Comment
peachykooky	1710366971 using!! ^^ Report Comment
ladybug 🐞	1708894596 a Report Comment
ᶻ 𝗓 𐰁 .ᐟ MELY ₍⑅ᐢ..ᐢ₎	1708805745 Using!!!! Report Comment
ribbonsnlace	1708771910 usingg <33 Report Comment
𝙈𝙖𝙮⁶⁹✮⋆˙ 🦇🩸	1708546721 usiNg Report Comment
Ethan!	1707996754 usingg Report Comment
Ken☆	1707985359 Usingg<3 Report Comment
𝜗𝜚	1707880865 using! Report Comment
hyuc3	1707854858 usinggg!!! Report Comment
Ethan!	1707348976 usingg Report Comment
mimi 🩷	1707192532 using ! Report Comment
rapsberry	1707104518 using! Report Comment
˚₊‧꒰ა ♱ ໒꒱ ‧₊˚ Emerald ˚₊‧꒰ა ♱ ໒꒱ ‧₊˚	1706960524 using Report Comment
♱Vivan♱	1706834251 Usingg Report Comment
77mei7	1706449931 using!! it is so cute Report Comment