Decora Layout

Tags: pink. decora, float, cursor, 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=40105) -->

<style>
   
    body {
        background-image: url(https://i.pinimg.com/originals/73/9e/c6/739ec65d5b74ce95b25fa41d17bd3333.gif);
        background-size: cover;
        background-attachment: fixed;
    }
    
     nav .top {
        background-image: url(https://i.pinimg.com/564x/0d/0b/e3/0d0be309c791d5ec0ffde3c8a8ab9027.jpg);
        
        background-size: 820px;
        background-position: center;
        padding: 70px;
        border-radius: 0px;
        border-color: white;
        box-shadow: 0px 0px 10px;
    }  

 .container{
margin: 2em auto;
width: 960px;
border: 10px dashed white;
border-radius: 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: 50px;
        border-color: black;
    }
    
    main {
        background-color: #ff94bb;
        color: white;
    }  box-shadow: 10px 10px 20px black;
    
    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/e1/fb/12/e1fb12360047527cada0f2b23bb4e9aa.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://dl.glitter-graphics.net/pub/576/576021pibmhzwz3n.gif'');
       </style>



<style>

h1{
  animation: type 3s steps(27);
  color: white;
  font-size: 10px;
  font-family: courier;
  white-space: nowrap;
  overflow: hidden;
  }

@keyframes type{
  0%{
    width:0ch;
  }
  
  100%{
    width:27ch;
  }
}

@keyframes blink{
  0%{opacity:1;}
  50%{opacity:0;}
  100%{opacity:1;}
}

body::before {
content: " ";
display: block;
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: linear-gradient(rgb(82 15 15 / 48%) 50%, rgb(0 0 0 / 0%) 50%);
z-index: 2;
background-size: 100% 2px, 3px 100%;
pointer-events: none;
}

.col, main, footer, nav::before, .online, nav .links, nav .top {
animation: float 4s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}

.col, main, footer, nav::before, .online, nav .links, nav .top {
animation: float 4s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}
@keyframes float {
0% { transform: translate(0, 0px);
}
50% {
transform: translate(0, 8px);
}
100% {
transform: translate(0, -0px);
}

</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>








<img src="https://i.pinimg.com/564x/ad/77/9e/ad779e3aedf852a03cda65979d4a1a5f.jpg"/>




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


<style>* {cursor: url(https://cur.cursors-4u.net/food/foo-6/foo522.cur), auto;}</style><a href="https://www.cursors-4u.com/cursor/2012/01/02/pink-strawberry.html" target="_blank" title="Pink Strawberry"><img src="https://cur.cursors-4u.net/cursor.png" alt="Pink Strawberry" style="position:absolute; top: 0px; right: 0px;"/></a>

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 4 of 4 comments ( View all | Add Comment )

BUGZ!	1742847204 using!!! Report Comment
somii	1727903031 Can someone tell me how did they add that old tv effect and if is it there a code? Tyy Report Comment
﹒⇆﹒★ . DaNa !﹒ᶻz	1712528080 USING Report Comment
kibble	1693885849 commenting cuz i will probably use :3 this is soo cute Report Comment