Postal 3 Layout

Tags: postal, postal 3, postal iii

Description:

Reupload since I had to fix it :3

Preview:

click on the image for a larger preview

Code:

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

<style>
main {

  background-color: #827457;

  color: #7fbf6f;
</style>

<style>
body

        {background-image: url(https://developer.valvesoftware.com/w/images/thumb/d/d9/Postal_3_-_Background.jpg/1440px-Postal_3_-_Background.jpg); no-repeat fixed; background-size:cover;

}
</style>

<style>

.logo {

content:url("https://static.wikia.nocookie.net/logopedia/images/e/e0/Postal_III.png/revision/latest/scale-to-width-down/300?cb=20230409211116");

}

</style>

<style>
html:before {

  animation: grain 8s steps(10) infinite;

  background-image: url('https://media2.giphy.com/media/5Puwg4f1q4Pm9nfE8w/giphy.gif');

  content: "";

  height: 500%;

  left: -50%;

  opacity:15%;

  position: fixed;

  top: -110%;

  width: 300%;

  pointer-events:none;

}


</style>

<style>
main:before {

	width: 100%;

	height: 225px ;

	display: block;

	content: "";

	background-image: url('https://images.bit-tech.net/content_images/2012/01/postal-3-review/featured_single.jpg');

	background-position: center center;

	background-size: cover;

}
</style>

<iframe width="0" height="0" src="https://www.youtube.com/embed/2lk8TzS1TcQ/?autoplay=1&loop=1&playlist=2lk8TzS1TcQ" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy" data-ruffle-polyfilled="">

</iframe>

<style>.online { visibility: hidden; } .online img { content: url("https://cdn.discordapp.com/attachments/1031771240194650163/1172384864633376828/1035184757715238972.gif?ex=65601f7d&is=654daa7d&hm=0c6c091d3b6b28101a265209ef1cbaad9b836a2afd82891d5f76d3b63f706b77&"); animation-name: none; visibility: visible; height: 40px; width:40px; }</style>

<style>
:root {

        --logo-blue: transperent;

        --darker-blue: #transperent;

        --lighter-blue: #547d4a;

        --even-lighter-blue: #314a2b;

        --lightest-blue: #314a2b;

        --dark-orange: #7fbf6f;

        --light-orange: #547d4a;

        --even-lighter-orange: #547d4a;

        --green: pink;

    }
</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: "👽"

}

.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>
body:before {

content: " ";

height: 100vh;

width: 100vw;

display: block;

position: fixed; 

top: 0; 

left: 0; 

z-index: 100;

background-image: url('https://cdna.artstation.com/p/assets/images/images/038/330/480/large/vandercold-mvoie.jpg?1622791372');

background-size: cover;

background-repeat: no-repeat;

background-position:center;

animation: yourAnimation 2s ease 1s 1 normal forwards;

pointer-events: none;}

@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} }

</style>

<style>
 footer{

    background-color: transparent; 
}
</style>

<style>



main{

    height: 600px;

    overflow-y: scroll;

}

main .left{

    border-right:solid #547d4a 8px;

padding: 20px;



</style>

<style>



    .profile .friends .person img:not(.icon){

        

border: 5px solid #43633b !important;   

        

    }

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

HOSTIL3.GUY	1 month ago Using. Report Comment
Venii 2	4 months ago using. Report Comment
kangelmoe	5 months ago using!!! Report Comment
Sylvester	8 months ago Using absolutely oh em gee Report Comment
godlyProsecutor	11 months ago using!!!!! Report Comment
Evil	1 year ago this looks crazy good <3 Report Comment thank u soeifoisef by SystemRage; 1 year ago; Report
Postal 3 dude	1 year ago PISSES on this and walks away,,, Report Comment wow rude dude by Pawprint1; 1 year ago; Report
ROACH	1 year ago this.... Ilove Report Comment