People Are Poison Layout

Tags: green, layout, katie, emo

Description:

If you like this style, you can use it in your profile, BUT at least, ADD ME or COMMENT BELOW and give me some kudos! I spent time for making this layout!!!

Credits are appreciated (a post, a bulletin or something else that can support me)

You have permission to use this for your Layout only, you don't have permission to post elsewhere without giving a link to the original crediting me.

Preview:

click on the image for a larger preview

Code:

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

<style>
body {text-align:center;}
table {margin:0 auto; text-align:left; width:728px;}
table table {width:auto;}
table table table {text-align:left!important;}
</style>


<style>

body:before {
 content: " ";
 height: 100vh;
 width: 100vw;
 display: block;
 position: fixed; 
 top: 0; 
 left: 0; 
 z-index: 100;
 background-image: url('https://phoneky.co.uk/thumbs/screensavers/down/abstract/biohazardg_2kt98r42.gif');
 background-size: cover;
 background-repeat: no-repeat;
 animation: yourAnimation 3s ease 0s 1 normal forwards;
 pointer-events: none;
}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } 

</style>

<style>

footer {
        border-radius: 15px;
background-image: url(https://i1.wp.com/windowscustomization.com/wp-content/uploads/2018/12/Green-Particles-4K.gif?fit=750%2C353&quality=80&strip=all&ssl=1&w=640); 

</style>


<style>

table {
  border-spacing: 6px;
width: 100%;
background-image: url(https://i1.wp.com/windowscustomization.com/wp-content/uploads/2018/12/Green-Particles-4K.gif?fit=750%2C353&quality=80&strip=all&ssl=1&w=640); 

</style>



<style>
nav:before {
 width: 100%;
 height: 300px;
 display: block;
 content: "";
 background-image: url('https://i.pinimg.com/originals/1e/bf/d9/1ebfd9298c8b33c2e80bcef59d01dc1d.jpg');
 background-position: center center;
 background-size: cover;
}
@media only screen and (max-width: 600px) {
 main:before{
  height: 200px;
 }
}


nav {
  overflow-x: hidden;
  position: relative;
}

nav .top {
  background: transparent;
}

nav .links {
  background: rgba(0, 0, 0, 0.3);
}

nav { background-image: url(https://i.imgur.com/OT0iHSb.gif?1); }
</style>


<style>

:root {
  --topic1: "Intro";
  --topic2: "🎤🎧🎵";
  --topic3: "Movies/TV Shows";
  --topic4: "Things I like";
  --topic5: "Books/Writers";
  --topic6: "Misc";

 }

.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 2px white !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);
}

body {
  /* sets background */
    background-image: url(https://i.imgur.com/OT0iHSb.gif?1);
    background-repeat: repeat;
    background-size: 25% ;
  }

        

</style>

<style>


  h1, h2, h3, h4, h5, a, p, nav label, .section{ 
font-family: var(--font-family) !important; 
 text-shadow: !important;
 text-transform:!important;
}


h1, h2, h3, h4,h5,a, p, nav label, .section {color: white;}

h1 {
  color: red ;
  text-shadow: 1px 1px 2px black, 0 0 25px yellow, 0 0 5px yellow;
}


table, th, td {
  border: 1px solid green;
}


:root {
        --logo-blue: #00800055;
        --darker-blue: ;
        --lighter-blue: #00800055;
        --even-lighter-blue: #00800055 ;
        --lightest-blue: #00800055;
        --dark-orange: red;
        --light-orange: #00800055 ;
        --even-lighter-orange: #00800055;
        --green: #008000;
    }

</style>

<style>


  Main {background: url("https://steamuserimages-a.akamaihd.net/ugc/947328846227908360/916717B0250BF8244BF6D265D724D4B0E7F323EB/")
        no-repeat fixed; background-size: cover;
     }
     }
</style>



<style>

.online{content:url("http://dl2.glitter-graphics.net/pub/576/576022fvpsommjp7.gif");}


    }
.friends {
    overflow: scroll;
    overflow-x: scroll;
    overflow-x: hidden;
    height: 300px; 
}


</style>

<style>

.comment-replies {border:1.5px solid green}; 
</style>


<style>

 
.profile .top-eight .person img {
border-radius: 50%;
width: 50px;
height: 50px;
}
 
.profile .blurbs .section h4 {
display: none;
}
 
 
</style>
 

<style>

.details-table{
display: block;
height: 200px;
overflow-y: scroll;
}
.<div style="height:200px;overflow-y:scroll;background-color:#00000055;color:#FFFFFF55;">


</style>

<style>
body {
  font: normal small-caps normal 16px/1.4 Georgia;
}

/* is the same as:

body {
  font-family: Georgia;
  line-height: 1.4;
  font-weight: normal;
  font-stretch: normal;
  font-variant: small-caps;
  font-size: 16px;
}

</style>

<style>
.profile .general-about .profile-pic img,
.profile .friends .friends-grid .person a:nth-child(2) img,
.profile .friends .comments-table tr td a:nth-child(2) img{
    width: 100%;
    height: 100%;
    object-fit: cover; clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);
   
    transition: 0.4s;
}

.profile .general-about .profile-pic img:hover,
.profile .friends .friends-grid .person a:nth-child(2) img:hover,
.profile .friends .comments-table tr td a:nth-child(2) img:hover{
    clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);
}

</style>

<style>

.search-wrapper input[type=text] {background-color: green !important;border: 1px solid var(--headers) !important;color:var(--names) !important;border-radius: 10px !important;}
button{border-radius: 10px !important;border: 1px dotted var(--headers) !important;font-family: var(--font-family) !important;background-color: green; !important;color:var(--headers) !important;}

</style>

<style>

@keyframes zoominoutsinglefeatured {
    0% {
        transform: scale(2,1) rotate(0deg);
    }
    50% {
        transform: scale(1.2,1.2) rotate(10deg);
    }
    100% {
        transform: scale(1,1) rotate(0deg);
    }
}
.profile .col h1 {
  font-size: 40px !important;
  animation: zoominoutsinglefeatured 3s infinite;
}
</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>
 .f-col {
    /* allow contacts to stack */
    vertical-align: top;
    margin-bottom: 5px;
    display: block;
  }

</style>

<style>

.friends-grid {
        visibility:hidden; display:none;
    }
.friends {
    overflow: scroll;
    overflow-x: scroll;
    overflow-x: hidden;
    height: 300px; 
}

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

Alex	1637028304 Love it Report Comment
Kayla	1612893640 this is sick!! Report Comment
Ms Malice	1611571313 💕💕💕💕 Report Comment
Miranda💗	1611570139 This badass! Report Comment