simple gun layout idk

Tags: gun, layout, black, simple
Description:

it has a chemical brothers song playing on autoplay, delete and replace if you want.
Preview:

click on the image for a larger preview
Code:

<!-- (c) Layout created by lisa 7\ (https://layouts.spacehey.com/layout?id=98590) -->

<style>
img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}


</style> 
<style>

.logo {

content:url("https://media.discordapp.net/attachments/854386162126815253/1202068527000064020/guns1.png?ex=65cc1c8e&is=65b9a78e&hm=b5e06c863a5e171a9cf013ff8f0cacab02e0fed76c3464e96169b7f7281bd23d&=&format=webp&quality=lossless");

}

</style>
<style>
        .profile{
        
    direction: rtl;
    
    }
    .blurbs{
    
    direction: ltr;
        
    }
    .blog-preview{
        
    direction: ltr;
        
    }
    .friends{
    
    direction: ltr;
        
    }
    .general-info{
        
    direction: ltr;
        
    }
    .contact{
        
    direction: ltr;
    
    }
    .url-info{
        
    direction: ltr;
        
    }
    .details-table{
        
    direction: ltr;
        
    }
    .profile .table-section .heading{
    
    direction: ltr;
        
    }
    .details p{

    direction: ltr;

   }
   .mood{

    direction: ltr;

   }

    }</style>
<style>
/* Scrollbar styles */
::-webkit-scrollbar {
    width: 0px;
    height: 0px;
}
</style>
<style>
@import url('https://fonts.cdnfonts.com/css/pirata-one');        
@import url('https://fonts.googleapis.com/css?family=Stylish');
p{

font-family: 'Stylish', cursive;
font-size: 110%;
color: #f0f0f0;
}
h1,h2,h3,h4{ 

font-family:'Stylish', cursive;
font-size: 150%;
color: #1a1919;
}
    .profile h1{
        font-size: 50px;
        text-align: left;
        font-family: 'Pirata One', cursive;
</style>
<style>

.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: url("")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	    /* send Message */
	    content: url("")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	    /* forward to friend */
	    content: url("")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	    /* instant message */
	    content: url("")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	    /* block user */
	    content: url("")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	    /* add to group */
	    content: url("")
    } 

</style>
<style>
:root {
--logo-blue: #000000;
--darker-blue: #e3e3e3;
--lighter-blue: #000000;
--even-lighter-blue: #8a8a8a;
--lightest-blue: #b5b5b5;
--dark-orange: #000000;
--light-orange: #474747;
--even-lighter-orange: #6e6e6e; }
}
</style>
<style>
body, .bodyContent {
background: url(https://i.pinimg.com/564x/12/54/74/125474663dfc1345a1d6ee6f0771cfc4.jpg);
background-repeat: no-repeat;
background-size: cover;
background-attachment:fixed;
} 
main{
background-image: url('https://stiles.co.za/wp-content/uploads/2022/06/Savute-Dark-Grey-Matt-600x1200mm_Stiles_Product_Image.jpg') !important; 
}
</style>
<style>
.general-about{
  position: relative;
  margin-top: 100px;
}.online{
content: url(http://www.myspacegens.com/images/online_now/336.gif);}
</style>
<style>
    .container{
        
    border: 2px solid black;
        
    }
</style>

<style>
main .right .profile-info {
box-shadow: inset 0 0 2px .5px rgb(255,255,255);
border: 1.5px black solid;
border-radius: 5.5px;
padding: 2px 4px;
background: url(https://itafirearmtraining.com/wp-content/uploads/2020/11/Training-Provider-Home-Page-Banner-60-1536x440.jpg) center;
background-size: 810px;


</style>
<style>
    footer {
        background:black;
    }
</style>
<style>main:before {
width: 100%;
height: 100px ;
display: block;
content: "";
background-image: url('https://www.cormacarmsandoutfitters.com/ccms/default/assets/Image/DUTY%20GEAR.jpg');
background-position: center;
background-size: cover;
}
@media only screen and (max-width: 100px) {
main:before{
height: 100px;
}
</style>
<style>
.profile .url-info p:last-child:after {content: ""; display: block; background-image: url(https://upload.wikimedia.org/wikipedia/commons/b/be/DAM134DT.png);  width: auto; height: 70px; background-position: top center; background-size: 60%; background-repeat: no-repeat;}
.profile .url-info p {text-align: center;}
</style>

<style>
.profile .friends .person img:not(.icon) { -webkit-mask-image: url(https://media.discordapp.net/attachments/854386162126815253/1202099670097330266/gub.png?ex=65cc398f&is=65b9c48f&hm=6f148c5ac9ea712633a81dcee85323ef2c2082ee5b4356e301b80b7e7612edd7&=&format=webp&quality=lossless&width=493&height=411);-webkit-mask-size: 100%;-webkit-mask-repeat: no-repeat;-webkit-mask-position: center;}

</style> 
<style>
button { 

color: #000000;
background: #4a4443;
font-family: 'Pirata One', cursive;
border: #4a4443;
}

::selection {

color: #4a4443; 
background: #787878;
}
</style>
<style>
 .links a{ 

font-family: 'Pirata One', cursive;
color: #757575 !important;
font-size: 110% !important;       
text-shadow: 0 0 0 !important; 
}
.links a:hover{
        
color: #757575 !important;
font-size: !important;
text-decoration: ;
}
.logout-btn{ 

  font-family: 'Pirata One', cursive; !important;
  color: #dbdbdb;
font-weight: bold;
}
.contact .heading { 

  background: !important;
  text-align: center;
  color: #757575 !important;
  font-size: medium;
  font-family: 'Pirata One', cursive;
}
</style>
<style>
.blurbs:after {
  content: "";
  white-space: pre-wrap;
  display: block;
  height: 11px;
  background-image: url('https://64.media.tumblr.com/1cc1cecf8adc5454e37e7ec65e5d5fa4/ea582f3720335975-56/s400x600/391196f358c4374c5f3d596f2787ac6013ebc2ca.gifv');
  background-repeat: round, no-repeat;
  background-size: 240px;
}


.mood:after {
  content: "";
  white-space: pre-wrap;
  display: block;
  height: 45px;
  background-image: url('https://64.media.tumblr.com/1cc1cecf8adc5454e37e7ec65e5d5fa4/ea582f3720335975-56/s400x600/391196f358c4374c5f3d596f2787ac6013ebc2ca.gifv');
  background-position-x: center;
  background-repeat: no-repeat;
  background-size: 320px;
}
</style>
<style>
.profile h1{
background: -webkit-linear-gradient(#2b2b2b, #080100);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
</style>

<style>
:root {
    --topic1: "general";  
    --topic2: "music";
    --topic3: "movies & tv";
    --topic4: "games";
    --topic5: "comic & books";
    --topic6: "fav guns";

 }

.table-section:not(:last-child) .details-table tr td:first-child p{color:transparent !important;text-shadow: none !important;letter-spacing: -100px;}

.details-table tr td:first-child p::after{
   color:var(--links) !important;
   letter-spacing:normal !important;
   text-shadow: 2px 1px #000000  !important;
   filter: brightness(95%) !important;
}

.table-section:not(:last-child) .details-table tr:nth-child(1) td:first-child p::after{
    content: var(--topic1);
}
.table-section:not(:last-child) .details-table tr:nth-child(2) td:first-child p::after{
    content: var(--topic2);
}
.table-section:not(:last-child) .details-table tr:nth-child(3) td:first-child p::after{
    content: var(--topic3);
}
.table-section:not(:last-child) .details-table tr:nth-child(4) td:first-child p::after{
    content: var(--topic4);
}
.table-section:not(:last-child) .details-table tr:nth-child(5) td:first-child p::after{
    content: var(--topic5);
}
.table-section:not(:last-child) .details-table tr:nth-child(6) td:first-child p::after{
    content: var(--topic6);
}
</style>
<style>
.blog-preview {
  background: url(https://images.unsplash.com/photo-1602901248692-06c8935adac0?q=80&w=1000&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8MTh8fGd1bnN8ZW58MHx8MHx8fDA%3D);
  height: 180px;
  background-position-x: center;
  background-repeat: no-repeat;}
</style>
<style>
.general-about{
  position: relative;
  margin-top: 100px;
}
</style>
<style>

.general-about .details{
padding: 2px;
background: white;
border: 3px solid white;
background-image: url("https://itafirearmtraining.com/wp-content/uploads/2020/11/Training-Provider-Home-Page-Banner-60-1536x440.jpg");
background-size:cover;
box-shadow: 0px 0px 10px 0px black;
font-family: Arial, sans-serif;
}");
background-size:cover;
box-shadow: 0px 0px 10px 0px black;
font-family: Arial, sans-serif;
}
</style>
<style>
#comments .inner:before {
  content: "";
  white-space: pre-wrap;
  display: block;
  height: 192px;
  background-image: url("https://itafirearmtraining.com/wp-content/uploads/2020/11/Training-Provider-Home-Page-Banner-60-1536x440.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto;
}
</style>
<style>

.general-about{

  position: relative;

 margin-top: 30px;

}

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

  content: '';

  background: url('https://im2.ezgif.com/tmp/ezgif-2-41e1d27d6d.png') repeat;

  background-size: cover;

  display: block;

  width: 128px;

  height: 67px;

  z-index: 999;

  position: absolute;

  top: -40px;

  left: -25px;</style>



<iframe width="0" height="0" src="https://www.youtube.com/embed/dt1gTRN_BH8?si=tmekc4J80AejGLP9//?&;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 9 of 9 comments ( View all | Add Comment )
✰ scy/sybil ✰	1741392008 using :) Report Comment
♰𝐧𝐨𝐭 𝐢𝐦𝐩𝐨𝐫𝐭𝐚𝐧𝐭✶⋆.˚	1724476288 Using!! thank you!! Report Comment
seth ᶻ 𝗓 𐰁	1709105087 using!! Report Comment
guriaundergroun	1707752302 usingg Report Comment
snakez_pelt	1707347850 usinggg! Report Comment
Griffin	1707234359 usando :3 Report Comment
・孤独・	1707155665 im using this!!!! SO GOOD Report Comment