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 19 of 19 comments ( View all | Add 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
namitdachi 𝄟	1731149125 using >_0 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
.WisteriaToya	1702147838 using<3 Report Comment
ven	1695095756 USING. Report Comment