Blue moon layout

Tags: blue, dark, music

Description:

Comment if using!

Preview:

click on the image for a larger preview

Code:

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

<style>

    
    body {
        background-image: url(https://i.pinimg.com/564x/b4/04/57/b404573e6c733c4e43acec9ddd29864a.jpg);
        background-size: cover;
        background-attachment: fixed;
    }
    
     nav .top {
        background-image: url(https://i.pinimg.com/564x/30/32/02/30320270f29640026ebf230b354f2a94.jpg);
        
        background-size: 820px;
        background-position: center;
        padding: 70px;
        border-radius: 0px;
        border-color: white;
        box-shadow: 0px 0px 10px;
    }  

    
    .profile {
        background-image: url(https://forum.cavestory.org/attachments/3f5aad6c-d39c-4fb2-9cbf-7b27ab6128de-gif.6185/');
        background-size: cover;
        background-attachment: fixed;
        border-radius: 20px;
        border-color: white;
    }
    
    main {
        background-color: transparent;
        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/236x/6a/f1/ee/6af1eed7fa743750d924b534d448b107.jpg);
        background-size: 800px;
        display: block !important;
    }
    
    table.comments-table td {
        background-color:  #transparent!important;
        box-shadow: 0px 0px 10px;
        overflow: hidden;
        padding: 5px;
    }
    
    .comments-table td:first-child img {
        width: 80px;
        border-radius: 8px;
        border-color: white;
        overflow: hidden;
        box-shadow: 0px 0px 10px white;
        animation-name: example;
        animation-iteration-count: infinite;
        animation-duration: 1.4s;
    }
    
    .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;
    }
    
    .online {
        color: white;
        font-size: 95%;
    }
    
    .online img {http://www.myspacegens.com/images/online_now/111.gif'');
       
        height: 2.5em;
        margin-right: 5px;
        animation-name: blink;
        animation-iteration-count: infinite;
        animation-duration: 2s;
    }
    
    .icon, .award img {
        content: url(https://i.pinimg.com/564x/e5/77/3c/e5773cd37e57103dde21de026d8de8af.jpg);
        display: inline-block;
        height: 2.0em;
        width: 2.0em;
        margin: 0 .05em 0 .1em;
        vertical-align: -0.3em;
        color: rgba(0,0,0,0);
    }
    
    .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>



<iframe width="0" height="0" src="https://www.youtube.com/embed/v712NiVK5uY/?&;amp;;autoplay=1&;loop=1&;controls=1//?&;amp;;autoplay=1&;loop=1&;controls=1&quot;" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy">
</iframe>


<div class="snowflakes">


  <div class="snowflake">


   💧


  </div>


  <div class="snowflake">


  💧


  </div>


  <div class="snowflake">


  💧


  </div>


  <div class="snowflake">


  💧


  </div>


  <div class="snowflake">


  💧


  </div>


  <div class="snowflake">


  💧


  </div>


  <div class="snowflake">


    💧


  </div>


  <div class="snowflake">

    💧


  </div>


  <div class="snowflake">


    💧


  </div>


  <div class="snowflake">


    💧


  </div>


  <div class="snowflake">


    💧


  </div>


  <div class="snowflake">


    💧


  </div>


</div>


<style>


/* customizable snowflake styling */


.snowflake {


  color: purple;


  font-size: 1em;


  font-family: Arial, sans-serif;


  text-shadow: 0 0 5px rgba(0,0,0,0.7);


}





@-webkit-keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@-webkit-keyframes snowflakes-shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(80px);transform:translateX(80px)}}@keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@keyframes snowflakes-shake{0%,100%{transform:translateX(0)}50%{transform:translateX(80px)}}.snowflake{position:fixed;top:-10%;z-index:9999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;-webkit-animation-name:snowflakes-fall,snowflakes-shake;-webkit-animation-duration:10s,3s;-webkit-animation-timing-function:linear,ease-in-out;-webkit-animation-iteration-count:infinite,infinite;-webkit-animation-play-state:running,running;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}.snowflake:nth-of-type(0){left:1%;-webkit-animation-delay:0s,0s;animation-delay:0s,0s}.snowflake:nth-of-type(1){left:10%;-webkit-animation-delay:1s,1s;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;-webkit-animation-delay:6s,.5s;animation-delay:6s,.5s}.snowflake:nth-of-type(3){left:30%;-webkit-animation-delay:4s,2s;animation-delay:4s,2s}.snowflake:nth-of-type(4){left:40%;-webkit-animation-delay:2s,2s;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;-webkit-animation-delay:8s,3s;animation-delay:8s,3s}.snowflake:nth-of-type(6){left:60%;-webkit-animation-delay:6s,2s;animation-delay:6s,2s}.snowflake:nth-of-type(7){left:70%;-webkit-animation-delay:2.5s,1s;animation-delay:2.5s,1s}.snowflake:nth-of-type(8){left:80%;-webkit-animation-delay:1s,0s;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;-webkit-animation-delay:3s,1.5s;animation-delay:3s,1.5s}.snowflake:nth-of-type(10){left:25%;-webkit-animation-delay:2s,0s;animation-delay:2s,0s}.snowflake:nth-of-type(11){left:65%;-webkit-animation-delay:4s,2.5s;animation-delay:4s,2.5s}


</style>



<style>
.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%);
</style>

<style>
.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%);
}
.profile .friends .person img {
clip-path: polygon(50% 0%, 67% 29%, 98% 35%, 75% 58%, 79% 91%, 50% 75%, 21% 91%, 25% 58%, 2% 35%, 33% 29%);
}
.comments-table img,
.person img{
clip-path: polygon(50% 0%, 67% 29%, 98% 35%, 75% 58%, 79% 91%, 50% 75%, 21% 91%, 25% 58%, 2% 35%, 33% 29%);
}
</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 41 comments ( View all | Add Comment )

☆Spacehey artist☆	1757441797 using >< Report Comment
Alani	1752044955 usingggg Report Comment
Token42	1751215289 using Report Comment
Joao666	1743297799 Using Report Comment
Matty!	1741588162 USING ASFFFF Report Comment
dayll	1741531058 Using Report Comment
Yile	1741334116 usinggg Report Comment
«✮ 𝐔𝐳𝐢 ✮»	1740980761 Not using! (That was a lie!) Report Comment
Rose	1740352444 Using! <3 Report Comment
nintenda	1740148566 using! Report Comment
as4p	1737714758 using! :) Report Comment
Asskly	1736259611 using:) Report Comment
yagirl_natty	1734710677 using! Report Comment
spring ☆	1720333018 using !! Report Comment
salma .ᐟ.ᐟ	1719770018 using!! Report Comment
H0NAM1 <333	1717426096 usinggg Report Comment
Christopher !!	1710866820 using Report Comment
kat 🫧✮⋆˙	1704205206 using! Report Comment
galateaaaaaaaa	1699903896 using =] Report Comment
Bubble 🫧	1699384623 using! Report Comment