WasabiPNG Layout!!!!!

Tags: wasabipng, alanpng, wasabi, layout, youtuber, walfa, png.x

Description:

Comenta si lo estas usando!!! :3

Preview:

click on the image for a larger preview

Code:

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

<style>

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

body{background:url("https://44.media.tumblr.com/33a041f13dc54311a26d2caa6cde2680/1d9ed830b711aa67-57/s500x750_f1/dc9fbaccc34865c0a3f1eb2a7faf037f69964771.gifv") no-repeat fixed; background-size:cover;
}

small {
font-size:100%;
}
 
main {
background-image: url("https://i.ibb.co/Hphc7yk/ezgif-2-6732b6943c.jpg");
border: 3px solid white;
}

b {
font-size: 14px;
}

time.ago {
color: white;
}

h1{
font-size: 30px !important;
color: white;
}

.profile .friends .inner b, .profile .friends .inner a{
color: white;
text-shadow: 3px white;
}

.profile h1{
color: white !important;
font-size: 14px;
}

.profile .blurbs .section p, .profile .friends p, .blog-entry .comments p, .bulletin .comments p {
font-size: 14px;
}

.friends p, .friends a {
color: white;
}

p{
font-size: 16px;
}

.details-table td a {
color: white;
}

.details-table td p {
color: white;
font-size: 14px;
}

.profile .table-section .heading{
background: transparent;
}

.profile .table-section .heading h4{ 
color: transparent;
background: transparent;
}

.contact .heading h4{
font-size:14px;
}

.profile .contact {
  font-family: Arial, sans-serif;
background: transparent;
border: 0px solid transparent;
}

.profile .contact a{
font-size: 12px;
}

.contact .inner a img {
font-size: 0;
}
.contact .inner a img:before {
font-size: 1em;
display: block
}

.profile .friends .person img:not(.icon) {
box-shadow: 0px 0px 19px 0px rgba(255,255,255,0.3);
border: 10px solid black;
}

.profile .friends .inner{
    text-align: center;
background-image: url("https://64.media.tumblr.com/a6e7ebf34ee9f89606ee740c4164ea4e/21e5fd51e4be1c77-1d/s250x400/3625812b4acd8d6df4be910f10ed79e0e276bfc4.gifv");
border: 3px solid white;
box-shadow: 0px 0px 10px 0px black;
background-position: center;
}

.contact .heading h4{
display:none !important;}

.contact .heading{ font-size:20px;}
.contact .heading:before{ content: url(https://64.media.tumblr.com/2854fb0b6a0e1ebe0ad3fe525dc0760d/bceab816da305513-e2/s250x400/fac54de7563e2dc5766714ca5b32f73e4f0f2e72.gifv); 
overflow:hidden;
}

.blog-preview{
text-align: center;
background-image: url(https://64.media.tumblr.com/a6e7ebf34ee9f89606ee740c4164ea4e/21e5fd51e4be1c77-1d/s250x400/3625812b4acd8d6df4be910f10ed79e0e276bfc4.gifv);
color: white;
border: 2px solid white;
box-shadow: 0px 0px 10px 0px black;
}

.contact .heading h4{
font-size:14px;
}

.profile .friends .person img:not(.icon) {
box-shadow: 0px 0px 19px 0px rgba(255,255,255,0.3);
border: 10px solid black;
}


.profile .blurbs .section h4 {
text-align: center;
font-size: 14px;
color: white;
border: 3px white;
}

.button {
    background: black;
    color: white;
}

.profile-info{
background: transparent;
border: 3px solid white;
box-shadow: 0px 0px 15px 0px black;
}

.profile-info a{
font-size: 14px;
color:white;
}

.profile-info h3{
color:white;
}

.profile .blurbs .heading, .profile .friends .heading {
color: white;
background-color:transparent;
}

.profile .blurbs .inner{
background: transparent;
box-shadow: 0px 0px 10px 0px black;
border: 3px solid white;
}

.profile .contact .heading, .home-actions .heading {
background-color: transparent;
color: white;
}

.online {
    margin:auto;
    padding-bottom: 5px;
    content: url(https://64.media.tumblr.com/c89b559acfbe24888af510ee143ecba5/c77046e2cecb5609-48/s250x400/2f50a2333258a7e7f05a709237a15787346cbbee.gifv);
}

.icon {
        content: url(https://64.media.tumblr.com/3b215a7aed9b7d8200f970e81b8ce899/bceab816da305513-02/s75x75_c1/fd3c74dff229b4b28e75386e94f53b34a58f851b.pnj);
        display: inline-block;
        height: 2.0em;
        width: 2.0em;
        margin: 0 .05em 0 .1em;
        vertical-align: -0.3em;
        color: rgba(0,0,0,0);
}


h4 {
font-size: 14px !important;
color: white;
  font-family: Arial, sans-serif;
 }

p {
  font-family: Arial, sans-serif;
color: white;
   } 

   a {
font-size: 14px;
     color: white; 
   }


a:hover {
     color: red; 

}
    .count {
        color: red;
    }

.profile .friends .person p {
color: white;  
}
.profile .friends .person p:hover {
color: red;  
}


.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
	/* add friend */
	content: url(https://64.media.tumblr.com/b3fcfa185296059d475025554560f671/4a34b4ad33a30df9-87/s75x75_c1/9a334426b7e3136ef981e000cabb01a71a5ad771.pnj);
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	/* add 2 fav */
	content: url(https://64.media.tumblr.com/04b65c73743dfe7117c09f216e5668d4/4a34b4ad33a30df9-84/s75x75_c1/8d869d8dc86d6ce6e8312e4f8f42f675f6dd4ed3.pnj)
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	/* chat */
	content: url(https://64.media.tumblr.com/ac7030b83ab1249837989d8767b377e4/4a34b4ad33a30df9-71/s75x75_c1/67af70620c57b8c4e7f1a44d1665ff4df1adbb04.pnj)
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	/* forward */
	content: url(https://64.media.tumblr.com/4e17aa757c8207ad5325353461f84b84/4a34b4ad33a30df9-5f/s75x75_c1/3131f032b75dc5a6da04d132ac8bf2750e7fd020.pnj)
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	/* instant msg */
	content: url(https://64.media.tumblr.com/84f585bd24e6d9645f58f90bcf84dfb3/4a34b4ad33a30df9-ce/s75x75_c1/e1212949254c7b5004c81f64fd00e673daf466e8.pnj)
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	/* block */
	content: url(https://64.media.tumblr.com/30b1ed808cba3d45304f6c0ce003a3dd/4a34b4ad33a30df9-cb/s75x75_c1/71076185468f17fd4c13c6766ba9d38f41e6f7c6.pnj)
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	/* add 2 group */
	content: url(https://64.media.tumblr.com/b7c30f2770209475f0e76cda92b786cd/4a34b4ad33a30df9-f9/s75x75_c1/778194458689c0b6c5c9331c329779c711f8c031.pnj)
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	/* report */
	content: url(https://64.media.tumblr.com/5480c077c82377d8344ab86ffb36321c/4a34b4ad33a30df9-c2/s75x75_c1/3e3dd3078907a33489517178ea4ca4492a1403df.pnj)
} 

.contact .inner a img {
 font-size: 0;
}
.contact .inner a img:before {
 font-size: 1em;
 display: block
}

.profile .table-section .details-table td {
background:url("https://64.media.tumblr.com/06738e87634c8efd2144ea9eb5f4dce7/8d3220f6c09f3974-d1/s400x600/124a1f5971c7e80d56d9f06bc9351c23c0ffe865.gifv");
background-image: center;
border: 3px solid white;
box-shadow: 0px 0px 9px 0px black;
}


.profile .friends .comments-table td {
background: black;
border: 2px solid white;
position: center;
}

.profile .friends .comments-table td:first-child {
background: url(https://i3.glitter-graphics.org/pub/2001/2001633sgs6k1j42e.gif);
}

.profile .comments-table .inner {
box-shadow: 0px 0px 19px 0px rgba(255,255,255,0.3); 
}

.comments-table td:first-child img{
border: 5px solid black;
box-shadow: 0px 0px 19px 0px rgba(255,255,255,0.3);

}

.comment-replies{
border: 3px solid white;
color: white;
}

.general-about .details p:not(.online){
color: white !important;
font-size: 14px;
  font-family: Arial, sans-serif;
}

.general-about .details a{
  font-family: Arial, sans-serif;
color: white !important;
font-size: 14px;
}

nav .links .special a {
color: orange;
}

nav{ 
color:white;
font-size: 13px !important;
text-transform:none;
text-align: center;
    }

.links{
width=810px;
}

nav .links {
background: black;
box-shadow: 0px 0px 10px 6px black;
}

nav .links a:hover {
color: red;
}

nav .top{
background-color: transparent;
box-shadow: 0px 0px 10px 6px black;
}

nav .top a{
color: white !important;
}

nav .top label{
color: white;
}

  .search-wrapper input[type=text] {
    background: white;
  font-family: Arial, sans-serif;
    border: 3px solid white;
    

  }


.profile .url-info {
border: 0px solid transparent;
color: transparent;
font-size: 0.1px;
box-shadow: 0px 0px 10px 0px black;
}
.profile .table-section {
border: none;
}


nav .links a{
color: white;
  font-family: Arial, sans-serif;
font-size: 14px;
}

table.comments-table {
border: 2px solid black;
background: black;
}


footer p{
color: white;
font-size: 100%;
}

footer a{
color: white;
}

footer {
color: white;
box-shadow: 0px 0px 15px 6px black;
text-decoration: underline;
text-decoration-style: dotted;
background-color: black;
border: 3px solid white;
}    

</style>

<style>
    .table.comments-table:{
    border-color:red;}
</style>

<style>

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

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

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

</style>

<style>
table.comments-table{
background-color:black;
display: block;
height: 300px!important;
overflow-y: scroll;
border-width: 5px;
}

</style>

  70% { transform: translate(3px, 1px) rotate(-1deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
  90% { transform: translate(1px, 2px) rotate(0deg); }
  100% { transform: translate(1px, -2px) rotate(-1deg); }
}


<style>
    ::-webkit-scrollbar {
    width: 8px;
    height: 10px;}

    ::-webkit-scrollbar-thumb {
    background: darkred;}

    ::-webkit-scrollbar-track {
    background:white;}
</style>

<style>
    ::-webkit-scrollbar {
    width: 8px;
    height: 10px;}

    ::-webkit-scrollbar-thumb {
    background: darkred;}

    ::-webkit-scrollbar-track {
    background:white;}
</style>

<style>
html:before {
  animation: grain 8s steps(10) infinite;
  background-image: url(https://i.imgur.com/QpnTsrV.jpg);
  content: "";
  height: 300%;
  left: -50%;
  opacity:.3;
  position: fixed;
  top: -110%;
  width: 300%;
  pointer-events:none;
}
@keyframes grain {
  0%, 100% { transform:translate(0, 0) }
  10% { transform:translate(-5%, -10%) }
  20% { transform:translate(-15%, 5%) }
  30% { transform:translate(7%, -25%) }
  40% { transform:translate(-5%, 25%) }
  50% { transform:translate(-15%, 10%) }
  60% { transform:translate(15%, 0%) }
  70% { transform:translate(0%, 15%) }
  80% { transform:translate(3%, 35%) }
  90% { transform:translate(-10%, 10%) }
}

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;
}
</style>

<style>
img:hover , .url-info:hover{
  animation: shake 1s;
  animation-iteration-count: infinite;
}

@keyframes shake {
  0% { transform: translate(1px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(-1deg); }
  20% { transform: translate(-3px, 0px) rotate(1deg); }
  30% { transform: translate(3px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(1deg); }
  50% { transform: translate(-1px, 2px) rotate(-1deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  70% { transform: translate(3px, 1px) rotate(-1deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
  90% { transform: translate(1px, 2px) rotate(0deg); }
  100% { transform: translate(1px, -2px) rotate(-1deg); }
}
</style>

<style>

.general-about{

  position: relative;

 margin-top: 30px;

}

.general-about .profile-pic::before{

  content: '';

  background: url('https://64.media.tumblr.com/d3c94e744712c45017822477fd8d0545/53624ed3b74dc0a6-9e/s500x750/a08e59036210c5b3f7af5ce219a14502f1bb7e6e.pnj') no-repeat;

  background-size: cover;

  display: block;

  width: 90px;

  height: 90px;

  z-index: 999;

  position: absolute;

  top: -40px;

  left: -25px;




</style>

<p id="p0">This Layout was made by Ramona/Ashley <a href="https://spacehey.com/whxtsername"> https://spacehey.com/whxtsername </a><a href="https://spacehey.com/bangersplusmash"> https://spacehey.com/bangersplusmash </a></p>

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

e3ppy!	1745527697 GRANDE WASABI Report Comment
✮⋆˙BLOO_COLA˙⋆✮	1741915364 USING Report Comment
~𝙰𝚗𝚍𝚢~	1739763327 USING!!! Report Comment
Stefannafets	1739595361 Using Report Comment
Ezelyx	1737839159 using!!! Report Comment
K0d1	1737784539 using! Report Comment
★VIVI★	1733105516 Using!!! Report Comment
Navi	1730394774 banger! (using) Report Comment
sebastian solace'es spouse zero	1730155416 if u still get req, then can u pls make dr flug from villainous ( or villanos there the same thing but other one is eng name and the other is esp name) Report Comment Haiiii!!!!! I'm not making layouts rn cuz spacehey hasn't allowed to post them for a while, but when I can post again I'm going to do it!!!! by RAMICIDE666; 1730214496; Report tysm <333 by sebastian solace'es spouse zero; 1730215571; Report
phoenix !	1724957357 bazinga! (using) Report Comment
🌹˖ ࣪ ‹ An ☁️⁺˖ ⸝⸝	1724568741 usee Report Comment
skitts	1724213921 using for my profile :3 Report Comment
maz ┐('～`；)┌	1723425287 using<3 Report Comment
dindin	1720079642 usingg! Report Comment
Xxbijou_lynxXX	1719633760 using <3 Report Comment
corvus	1719517038 using Report Comment
Ritsu	1716014208 использую!! Report Comment