Toya layout

Tags: pjsk, blue, toya

Description:

Made for my mooty

Preview:

click on the image for a larger preview

Code:

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

<style>

:root {
    --logo-blue:  #b5c2ff;
    --darker-blue: #b5c2ff;
    --lighter-blue: #b5c2ff;
    --even-lighter-blue: #b5c2ff;
    --lightest-blue: #b5c2ff;
    --dark-orange: #ffffff;
    --light-orange: #b5c2ff;
    --even-lighter-orange: #ffffff;
    --green: #b5c2ff;
}
    
    body {
        background-image: url(https://i.pinimg.com/236x/82/74/d7/8274d7b67dce00dabc6bfecf41fa4c15.jpg);
        background-size: cover;
        background-attachment: fixed;
    }
    
  nav .top {
        background-image: url(https://i.pinimg.com/564x/d3/d4/9a/d3d49a23ea99866494d46242be498c8b.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://i.pinimg.com/236x/a2/0f/5b/a20f5b5b84c92b5d3c226984f4fb8f38.jpg');
        background-size: cover;
        background-attachment: fixed;
        border-radius: 20px;
        border-color: white;
        -webkit-text-stroke: 0.9px #b5c2ff;
}
    
    main {
        background-color: #ffffff;
        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 {
        box-shadow: 0px 0px 3px white;
        border-radius: 6px;
          background-color: #ffffff;
}
    
    .heading {
        margin-top: 3px;
        margin-bottom: 4px;
        background-color: transparent !important;
        color: white !important;
    }
    

    
    footer {
        border-radius: 5px;
        border-color: white;
        box-shadow: 0px 0px 10px white;
        background-image: url(https://i.pinimg.com/236x/c1/c0/27/c1c027a41c76398b164845528a380020.jpg);
        background-size: 800px;
        display: block !important;
    }
   table.comments-table td {
        background-color:  #ffffff;
        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;
        background-color: #ffffff;
}
    
    .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;
         background-color: #b5c2ff;
}
    
    .online {
        color: pink;
        font-size: 95%;
    }
    
    .online img {
        );
        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/236x/63/45/42/63454203c15ed7a3c6ec6303a6d4a5f9.jpg);
        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;
      background-color: #b5c2ff;
}
    
    a {
        color: #b5c2ff;
        text-decoration: none;
    }
    
    a:hover {
        animation:blinkingText 1.2s infinite;
    }
    


     
    }
    
    .count {
        color: #ffffff;
    }
    
    .details-table td:first-child {
        background: var(--even-lighter-blue);
        color: ##b5c2ff;
        width: 33%;
    }

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




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



<iframe width="0" height="0" src="https://www.youtube.com/embed/A-id9GOOfIY/?&;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>
/* this is the online img*/
.online {content:url('https://i1.glitter-graphics.org/pub/157/157641b27q8mcaol.gif'); background-repeat: no-repeat; background-position: -15% 75%; z-index: 2; 
}
</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 15 of 15 comments ( View all | Add Comment )

♰ 𓏼 Clover ◞	1753002653 Using wowza ღゝ◡╹ )ノ Report Comment
unaunagii	1748603777 using!!! ^^ Report Comment
Marengoeve	1748020029 Using! <3 Report Comment
Niku	1746178538 USing!!1!! Report Comment
Pikmin!	1743601682 USING Report Comment
mimi !! 4️⃣	1741999016 rip itzjolted you would have LOVED this layout Report Comment
Mitsuki	1740000508 using! Report Comment
fishyisla	1736315821 Using thanks! Report Comment
phosphor	1732992456 Using Report Comment
tsukasa peixe	1732593630 usingggg Report Comment
Velvieee	1729153397 Using, thank you!! Report Comment
Lau	1725731610 using! :3 Report Comment
⟢ : αℓℓєη !?★.ᐟ	1705964941 Using! Report Comment
!!"Dain"☆!!	1696340172 Using!! Report Comment
★ ꒰ moon ! ₎₎﹒⟢	1695330272 USING TYSM Report Comment