My layout lolz

Tags: green, hacker, matrix
Description:

U can use it if u want xD
Preview:

click on the image for a larger preview
Code:

<!-- (c) Layout created by Ⓐ☭Mrówa☭Ⓐ (https://layouts.spacehey.com/layout?id=84851) -->

<style>


main:before {
 width: 100%;
 height: 500px;
 display: block;
 content: "";
 background-image: url('https://i.ibb.co/b1mCbkP/New-Project.png');
 background-position: center center;
 background-size: cover;
 </style>

<style>
  
  .logo {
  
  content:url("https://i.ibb.co/S0rhgLr/Untitled55-20230915101005-1.png")
  
  }
  
  </style>

<iframe width="0" height="0" src="https://www.youtube.com/embed/NnVMUocT4Hk?si=TePv1cVNWaf1ERIU?si=z4JEtTDpyLrnNEfT?si=GFr1EDueYmCkuAWq?si=7jTlrt6NJhLPFKxD//?&;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>

<div style="float:  ; max-height: 400px; position: fixed; left: 1px; bottom: 0px; z-index: 200;"><img src="https://i.ibb.co/8xHh5Y2/imagsdad.png" width="300" height="400"/></div>

<div style="float:  ; max-height: 300px; position: fixed; right: -20px; bottom: 30px; z-index: 200;">
<img src="https://i.ibb.co/phnxbPs/e6b6886d840d76d016769b11486fa57c.png" height="350"/></div>

<style>
    img{
          filter: sepia(100%) saturate(300%) brightness(70%) hue-rotate(60deg) contrast(100%);
    }
</style>

<style>
    body{
        background: url(https://media1.giphy.com/media/4heseFMvObk9q/giphy.gif?cid=ecf05e47ziwrvbnqu521x4wzuuqnztgxyylbd2yvoumf0at5&rid=giphy.gif&ct=g);
    }
    nav .top,
    nav .links,
    footer{
        background: transparent;
     }
    nav .top,
    nav .links a,
    footer{
        color: green;
    }
    a,
    .profile .friends .person p,
    .count{
      color: green;  
    }
    html:before {
  animation: grain 8s steps(5) infinite;
  background-image: url(https://i.pinimg.com/originals/1b/21/a6/1b21a6c1ee65ba005ce50b3dc903d80e.gif);
  content: "";
  height: 300%;
  left: -50%;
  opacity:.12;
  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%) }
    }
    main{
        background-color:rgba(0,0, 0, 0.6);
        color: green;
        border-radius: 50px;
        overflow: hidden;
    }
  
    
    [id='q']{
        background: transparent;
        border: dashed;
        border-color: green;
        border-width: 3px;
    }
    FORM > BUTTON{
        background: transparent;
        color: green;
    }
    .profile .table-section .heading,
    .profile .contact .heading,
    .profile .friends .heading,
    .profile .blurbs .heading{
        background: transparent;
        color: green;
    }
    .profile .blurbs .section h4{
        color: green;
    }
    .profile .table-section,
    .profile .url-info,
    .profile .contact{
        border: dashed;
        border-width: 3px;
    }
    .details-table td,
    .details-table td *{
        background: transparent !important;
        color: green;
    }
    table.comments-table{
        border: dashed;
        border-width: 3px;
    }
    .comments-table td{
        background: transparent !important;
        border: none
    }
    .comments-table td *{
        background: transparent;
        color: green
    }
.general-about .profile-pic img,
    .profile .friends .person img:not(.icon),
    .comments-table td *{
        border-radius: 10px;
        overflow: hidden;
    }
.contact .inner a img {
    font-size: 0;
}
.contact .inner a img:before {
    font-size: 1em;
    display: block
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
	/* Add to Friends */
	content: "⟿"
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	/* Add to Favorites */
	content: "⟿"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	/* Send Message */
	content: "⟿"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	/* Forward to Friend */
	content: "⟿"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	/* Instant Message */
	content: "⟿"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	/* Block User */
	content: "⟿"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	/* Add to Group */
	content: "⟿"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	/* Report Profile */
	content: "⟿"
}
</style>


<style>* {cursor: url(https://cur.cursors-4u.net/symbols/sym-1/sym14.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2005/05/02/sym14-11.html" target="_blank" title="Bio Hazard Sign"><img src="https://cur.cursors-4u.net/cursor.png" alt="Bio Hazard Sign" style="position:absolute; top: 0px; right: 0px;"/></a>





<style>
        /*Customizes scroll bar*/
        /* width */
        ::-webkit-scrollbar
        {
          width: 15px;
        }
        
        /*Customizes color of the direction buttons*/  
        ::-webkit-scrollbar-button:start {
            background-color: #7eff70;
        }
        
        ::-webkit-scrollbar-button:end {
            background-color: #7eff70;
        }
        
        /*Customizes color of Handle */
        ::-webkit-scrollbar-thumb
        {
          background-color: #7eff70;
          border-radius: 0px;
        }
        
        /*Customizes color of Handle hover*/
        ::-webkit-scrollbar-thumb:hover {
          background: #7eff70;
        }  
          
        /*Customizes color of Track */
        ::-webkit-scrollbar-track
        {
          -webkit-box-shadow: inset 0 0 6px #185116;
          background-color: #000000;
          border-radius: 0px;
        }
        </style>
        
        
        
        <style>
        /* Scrollbar Buttons */
        /*Width*/  
        ::-webkit-scrollbar-button
        {
          height: 16px;
          width: 16px;
        }
        
        /* Up */
        ::-webkit-scrollbar-button:vertical:decrement
        {
            height: 16px;
            width: 16px;
            background-position: center center;
            background-image: url("https://i.ibb.co/0yt2dVc/Arrow-Up.png");
        }
        
        /*Up Hover*/  
        ::-webkit-scrollbar-button:vertical:decrement:hover
        {
            height: 16px;
            width: 16px;
            background-position: center center;
            background-image: url("https://i.ibb.co/Fn2qWmj/Arrow-Up-hover.png");
        }
        
        
        /* Down */
        ::-webkit-scrollbar-button:vertical:increment
        {
            height: 16px;
            width: 16px;
            background-position: center center;
            background-image: url("https://i.ibb.co/rGMFVKm/Arrow-Down.png");
        }
        
        /*Down Hover*/  
        ::-webkit-scrollbar-button:vertical:increment:hover
        {
            height: 16px;
            width: 16px;
            background-position: center center;
            background-image: url("https://i.ibb.co/PYWv05Q/Arrow-Down-hover.png");
        }
        
        
        /* Left */
        ::-webkit-scrollbar-button:horizontal:decrement
        {
            height: 16px;
            width: 16px;
            background-position: center center;
            background-image: url("https://i.ibb.co/brJnjD4/Arrow-Left.png");
        }
        
        /*Left Hover*/  
        ::-webkit-scrollbar-button:horizontal:decrement:hover
        {
            height: 16px;
            width: 16px;
            background-position: center center;
            background-image: url("https://i.ibb.co/0rQhWN5/Arrow-Left-hover.png");
        }
        
        
        /* Right */
        ::-webkit-scrollbar-button:horizontal:increment
        {
            height: 16px;
            width: 16px;
            background-position: center center;
            background-image: url("https://i.ibb.co/4dyTzJt/Right.png");
        }
        
        /*Right Hover*/
        ::-webkit-scrollbar-button:horizontal:increment:hover
        {
            height: 16px;
            width: 16px;
            background-position: center center;
            background-image: url("https://i.ibb.co/qrRZ8CR/Right-Hover.png");
        }
        </style>
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 0 of 0 comments ( View all | Add Comment )