Akito shinonome layout

Tags: orange, yellow, pjsk

Description:

COMMENT IF U USE!

Preview:

click on the image for a larger preview

Code:

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

<style>

:root {
    --logo-blue:  #da9961;
    --darker-blue: #da9961;
    --lighter-blue: #da9961;
    --even-lighter-blue: #da9961;
    --lightest-blue: #da9961;
    --dark-orange: ##ffffff;
    --light-orange: #da9961;
    --even-lighter-orange: #ffffff;
    --green: #fff9a6;
}
    
    body {
        background-image: url(https://i.pinimg.com/236x/c6/19/5c/c6195cdbcdb56deec778fb42124654b9.jpg);
        background-size: cover;
        background-attachment: fixed;
    }
    
  nav .top {
        background-image: url(https://i.pinimg.com/236x/12/96/82/12968202c56c0db5ce99cdb72fa8ed19.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 #da9961;
}
    
    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/564x/04/f2/86/04f286fe01db50e1bcdb61978f102bff.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: #da9961;
}
    
    .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/d9/fb/d6/d9fbd6c6d628206fe80c74084b8d7bc4.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: #da9961;
}
    
    a {
        color: #fff9a6;
        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>

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/ZMbWDpC1N7s/?&;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>

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

Aaron	1753003882 using! Report Comment
⌆-SECRETLY A R0B0T	1751073009 using (customizing someone elses account)! im gonna try to adapt it using the base code :] Report Comment
Aziza	1748618486 USINGGGG Report Comment
BigBuffKEVIN	1744576007 USING!!!11 Report Comment
: 𓏲🥞 Chris ᶻz⊹	1742849384 Usinggg ! Report Comment
Cyy	1740812494 USING!! Report Comment
brisket	1739511612 SLAYYYYYYY IM USINGGGG Report Comment
Audi	1737226117 I’m using! Report Comment
Kito!!!	1737044249 usingg Report Comment
FreakyAkitoes	1736267628 Usingggg Report Comment
FreakyAkitoes	1736267628 Usingggg Report Comment
Lycoris/An	1732718796 Using Report Comment
Sai	1729042923 this looks amazing!! using!! Report Comment
molly	1726721771 Using Report Comment I’m tweaking it tho bc my carpal tunnel doesn’t let me play prosekai anymore by molly; 1726722680; Report
!Nevui🌊	1718125715 USING FINALLY Report Comment
Aki Sinonimus	1717101088 USING!!! Report Comment
Capt. DummyCrashier	1709980170 USING!! Report Comment
AKITOO	1707978094 Usingggg Report Comment
•.¸♡ 𝐌𝐨𝐨𝐧𝐥𝐢𝐠𝐡𝐭/ 𝐀𝐬𝐡𝐭𝐨𝐧 ♡¸.•	1704596634 USING🪼 Report Comment