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 10 of 10 comments ( View all | Add 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
TestNPCDummyCrashier	1709980170 USING!! Report Comment
AKITOO	1707978094 Usingggg Report Comment
•.¸♡ 𝐌𝐨𝐨𝐧𝐥𝐢𝐠𝐡𝐭/ 𝐀𝐬𝐡𝐭𝐨𝐧 ♡¸.•	1704596634 USING🪼 Report Comment
.WisteriaToya	1702147838 using<3 Report Comment
ezzie	1695095756 USING. Report Comment