WasabiPNG Layout!!!!!

Tags: wasabipng, alanpng, wasabi, layout, red, stars, 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 9 of 9 comments ( View all | Add Comment )
deman	1724957357 bazinga! (using) Report Comment
🌹˖ ࣪ ‹ An ☁️⁺˖ ⸝⸝	1724568741 usee Report Comment
rotten	1724297133 using 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