cherry blossom theme

Tags: pink, cherry blossom

Description:

comment if using !! (btw I updated it check it out!)

Preview:

click on the image for a larger preview

Code:

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

<!-- (c) Layout created by ☆*: ~.Cereal Cox.~ :*☆ (https://layouts.spacehey.com/layout?id=39514) -->
<!--          -->
<style>
/*Intro GIF Animation (fade out)*/
  body:before 
  {
    content: " ";
    height: 100vh;
    width: 100vw;
    display: block;
    position: fixed; 
    top: 0; 
    left: 0; 
    z-index: 100;
    background-image: url('https://gifdb.com/images/high/cherry-blossom-pink-sakura-g62jeum5hykaze38.webp'); /*gif link here*/
    background-size: cover;
    background-repeat: no-repeat;
    animation: yourAnimation 1.5s ease 0s 1 normal forwards;
    pointer-events: none;
  }
  @keyframes yourAnimation{0.0%{opacity: 1;} 75%{opacity: 1;} 100%{opacity:0;}}


    body 
   {
        background-image: url(https://i.pinimg.com/564x/f4/1e/a2/f41ea2dbe4016ea82298b4404dcd97fb.jpg);
        background-size: cover;
        background-attachment: fixed;
   }
    
  nav .top 
  {
        background-image: url(https://i.pinimg.com/564x/35/a3/58/35a35836ae6516c4e8a4955feb96f7c2.jpg);
        background-size: 820px;
        background-position: center;
        padding: 70px;
        border-radius: 0px;
        border-color: white;
        box-shadow: 0px 0px 10px;
    }  

    
    .profile 
    {

        background-size: cover;
        background-attachment: fixed;
        border-radius: 20px;
        border-color: white;
    }
    
    main 
    {
        background-image:
url(https://media.discordapp.net/attachments/1139727232525418548/1145364052495847475/image.png?width=316&height=352);
        background-color: #ffadcc;
        color: white;
    }
    
    nav .links 
    {
        background-color: transparent;
    }
    
    .profile-pic 
    {
        border-color: white;
        box-shadow: 0px 0px 10px;
        border-radius: 7px;
        overflow: hidden;
    }
    
    .profile .contact,
    .profile .url-info,
    .profile .table-section,
    .home-actions 
    {
        border-color: white;
        border-radius: 6px;
        overflow: hidden;
        box-shadow: 0px 0px 5px;
    }
    
    table.details-table td 
    {
        background-color: transparent!important;
        box-shadow: 0px 0px 3px white;
        border-radius: 6px;
    }
    
    .heading 
    {
        margin-top: 3px;
        margin-bottom: 4px;
        background-color: transparent !important;
        color: white !important;
    }
    
    .container 
    {

    }
    
    footer 
    {
        border-radius: 5px;
        border-color: white;
        box-shadow: 0px 0px 10px white;
        background-image: url(https://i.pinimg.com/564x/35/a3/58/35a35836ae6516c4e8a4955feb96f7c2.jpg);
        background-size: 800px;
        display: block !important;
    }

    .profile .friends .person img 
    {
        border-radius: 8px;
        border-color: white;
        box-shadow: 0px 0px 10px white;
    }
    
    .blog-preview p 
    {
        font-size: 1.3rem;
        background-color: transparent;
        box-shadow: 0px 0px 5px;
        padding: 10px;
    }
    
    .icon, .award img 
    {
        content: url(https://i.pinimg.com/originals/35/b2/9a/35b29a57bbfd491a23cf106529acc762.gif);
        display: inline-block;
        height: 2.0em;
        width: 2.0em;
        margin: 0 .05em 0 .1em;
        vertical-align: -0.3em;
        color: pink;
    }
    
    .profile .blurbs .section h4 
    {
        margin: 0;
        color: #ffffff;
    }
    
    a 
    {
        color: #ffffff;
        text-decoration: none;
    }
    
    a:hover 
    {
        animation:blinkingText 1.2s infinite;
    }
    
    .count 
    {
        color: #ffffff;
    }
    
    .details-table td:first-child 
    {
        background: var(--even-lighter-blue);
        color: #ffffff;
        width: 33%;
    }

    
    .profile .friends .person p 
    {
        color: white;
        width: 100%;
        word-break: break-word;
        font-size: 100%;
        text-align: center;
    }

}

<style>


<style>/* Comments Info */
    table.comments-table td {
        background-color: #ffadcc !important;
        border: none;
    }

    .comments-table td:first-child img {
        width: 80px;
        border-radius: 500px;
    }
	
	.comments-table{
        display: block;
        height: 350px;
        overflow-y: scroll;
        border: none;
    }
</style>

 
<style>


button, input {
    overflow: visible;
    background: #ffadcc; https://i.pinimg.com/originals/38/9a/47/389a47b32a894e731105fc0833c545c1.gif;
    border: 1px white;
    color: white;
    text-transform: lowercase;
    box-shadow: 2px 2px white;
}

.logout-btn, .logout-form {
    color: white;
    text-transform: lowercase;
    display: inline-block;
    font-size: 100%;
    box-shadow: none;
}

span {
    text-transform: uppercase;
    font-size: 150%;
    text-align: center;
    animation: blinkingText 2s infinite;
    text-shadow: 0 0 11px #ffadcc;
}

    @keyframes blinkingText{
        0%{     color: white;}
        50%{    color: #ffadcc; }
        100%{    color: white;}}

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

a{
    color: white;
    text-decoration: none;
    text-transform: lowercase;
}

a:hover {
    color: white;
    background: url(https://64.media.tumblr.com/fad5acf8e8720fe9096aa575117d48cd/tumblr_oedw5v5oev1rh2n3qo1_500.gifv);
    background-position: bottom;
    font-variant: small-caps;
}

.profile .contact, .profile .url-info, .profile .table-section, .setting-section, .home-actions {
    width: 100%;
    border: none;
    margin: 10px 0;
}

.contact .inner {
    border: 1px white;
    box-shadow: 2px 2px #ffadcc;
    margin-top: 10px;
}

.table-section .inner {
    border: 1px solid;
    box-shadow: 2px 2px white;
    margin-top: 10px;
}

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

.details-table td {
    background: pink;
    vertical-align: top;
    border: 1px solid white;
}

.profile-info {
    border: 1px solid white;
    box-shadow: 2px 2px white;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px 5px;
    margin-bottom: 10px;
}

.blog-preview h4 {
    border: 1px white;
    padding: 5px;
    text-align: center;
    box-shadow: 2px 2px white;
}

.blog-preview p {
    border-bottom: 1px white;
    padding-bottom: 4px;
}

.profile .blurbs .heading, .profile .friends .heading {
    background: pink;
    color: white;
    border: 1px white;
    padding: 3px;
    text-align: center;
    box-shadow: 2px 2px white;
}

.blurbs .inner {
    border: 1px white;
    margin-top: 10px;
    box-shadow: 2px 2px white;
}

.profile .blurbs h4 {
    text-align: center;
}

.friends .inner {
    border: 1px white;
    margin-top: 10px;
    box-shadow: 2px 2px white;
    margin-bottom: 20px;
}

.count {
    font-size: small;
}

.profile .friends .person p {
    color: white;
    font-weight: bold;
    width: 100%;
    overflow-wrap: break-word;
    word-break: break-word;
    font-size: 100%;
    text-align: center;
}

.profile .friends .person p:hover {
color: white;
}

.profile .friends .person img:not(.icon) {
    max-width: 95px;
    max-height: 95px;
    display: block;
    margin: 0 auto;
    border: 3px #ffadcc;
    border-radius: 10px;
}

img:hover , .url-info:hover , .online:hover {
  animation: shake 2s;
  animation-iteration-count: infinite;
}

@keyframes shake {
  0% { transform: translate(1px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(-1deg); }
  20% { transform: translate(-3px, 0px) rotate(1deg); }
  30% { transform: translate(3px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(1deg); }
  50% { transform: translate(-1px, 2px) rotate(-1deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  70% { transform: translate(3px, 1px) rotate(-1deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
  90% { transform: translate(1px, 2px) rotate(0deg); }
  100% { transform: translate(1px, -2px) rotate(-1deg); }
}

.person {
    filter: pinkscale(100%) blur(2px) saturate(100%);
    transition: filter 400ms ease-in-out;
}

.person:hover {
    filter: none !important;
    animation-name: shake;
    animation: shake 4s;
    animation-iteration-count: infinite;
}

.general-about {
    padding-top: 21px;
    text-align: center;
}

.general-about .profile-pic {
    display: block;
    float: left;
    margin: 0 15px 8px 0;
    height: 160px;
    transform: translate(10px, 10px);
}



.count {
    font-size: 100%;
    color: white;
}


</style>

<style>/* Comments Info */
    table.comments-table td {
        background-color: #ffadcc !important;
        border: none;
    }

    .comments-table td:first-child img {
        width: 80px;
        border-radius: 500px;
    }
	
	.comments-table{
        display: block;
        height: 350px;
        overflow-y: scroll;
        border: none;
    }
</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 16 of 16 comments ( View all | Add Comment )

H0NAM1 <333	1716394532 using Report Comment
lucoa !	1705727342 using !! Report Comment
mooncakez	1705718313 USING :3 Report Comment
Ruv	1702947519 Using Report Comment
CherryGhostGirl	1697333653 Using!!! Report Comment
Furina	1695540001 Using Report Comment
auri -`♡´-	1695252350 using :p Report Comment
★ ⋮ Chi ⸝⸝	1695004083 using :3! Report Comment
Ken	1694739926 Using!!! Report Comment
𝓕𝓻𝓮𝓪𝓴𝔂nines	1694499151 Using!! Report Comment
-mimiluv-	1693935676 using ! Report Comment
꧁༺ɢօɖ օʄ ƈɦǟօֆ (օƈ)༻꧂	1693706428 uzing!! Report Comment
☆ TOM !! ☆	1693648268 using!! Report Comment
Ur_Gh0ul_Fr1end	1693615533 omg def usingggg<33 tysm Report Comment
rev	1693348008 !! Report Comment
Vix	1693086033 thx Report Comment