Bleugh!! Bloody and Green!!

Tags: green, edgy, blood, dark, junji ito, emo

Description:

This is my first layout so it's not very professional-looking, I'm mostly uploading this for my own sake hehe. Most of the stuff in the code are simply just trial and error with just a sprinkle of research, so I don't really know what I'm doing. But feel free to use this if you want! And change stuff around however you like! Please comment if u decide to use this :)

Also the code probably looks super messy haha but it worked!

Preview:

click on the image for a larger preview

Code:

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

Layout made by leon_queeraf
Pictures edited by leon_queeraf
Art by: Brittany Pezzillo, Junji Ito



<style>

@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap');

p.online {
font-size: 0px;
}
p.online::after{
content: "ONLINE :)";
color: white;
font-size: 10px;
}

html:before {
  animation: grain 8s steps(10) infinite;
  background-image: url(http://dl2.glitter-graphics.net/pub/711/711492quxsntt3op.gif);
  content: "";
  height: 300%;
  left: -50%;
  opacity:.2;
  position: fixed;
  top: -110%;
  width: 300%;
  pointer-events:none;
}

p{
  font-family: 'Press Start 2P', cursive;
  font-size: 80%;
  color: #00ff00;
  line-height: 200%;
}

h1,h2,h3,h4,h5{
  font-family: 'Press Start 2P', cursive;
  font-size: 130%;
  color: #00ff00;
}

  body {
   background-color: black;
   background: url(https://i.imgur.com/oQrdttQ.jpg);
   background-size: 100%;
   text-shadow: 0 0 9px #baffba;
}

.profile {
   background: url(https://i.imgur.com/bpZJt3M.jpg);
}

main{
background-repeat: no-repeat, repeat;
background-color: transparent;
color: ;
}

.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 favorite */
content: "★"
}

.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* send a message */
content: "★"
}

.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* foward 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 2 group  */
content: "★"
}

.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* report */
content: "★"
}

/* the color of the number of your friends */
    .count {
        color: white;
    }

    table.comments-table td {
        background-color: #30000050 !important;
    }

.comment-replies{
    bbackground-color: #300000;
}
.comments-table td {
    border: 1px #300000 outset;
}

.comment-replies{border:none;} 
.comments-table{border:none;}

footer {
    border-radius: ;
    color: #00ff00;
    background-image: url(https://i.imgur.com/B9TKInb.jpg);
    background-size: 25%;
}

.icon {
display: none;
}

nav { background-image: url(https://i.imgur.com/B9TKInb.jpg);
background-size: 20%;
}

nav, nav .links a {
color: #00ff00;
}
nav .top {
margin-top: 4px;
}
nav .links {
background-color: transparent;
}

a, .profile .friends .person p, .logout-btn {
color: #00ff00 !important;
text-decoration: underline !important;
}

.logo {
filter: sepia(100%) hue-rotate(45deg) saturate(50);
}

#q, button {
color: #00ff00;
background-color: black;
border: 1px solid #00ff00;
font-family: inherit;
}

:root {
    --logo-blue: ;
    --darker-blue: #00ff00;
    --lighter-blue: #300000;
    --even-lighter-blue:#30000050;
    --lightest-blue: #30000050;
    --dark-orange: #00ff00;
    --light-orange: #300000;
    --even-lighter-orange: #30000050;
    --green: ;
}

.friends .heading{ font-size:0; }
.friends .heading:before{ content: "Friends"; font-family: 'Press Start 2P', cursive; font-size:.8rem; font-weight:bold; 
color: #00ff00; }

.friends#comments .heading{ font-size:0; }
.friends#comments .heading:before{ content: "Comments"; font-family: 'Press Start 2P', cursive; font-size:.8rem; font-weight:bold;
color: #00ff00; } 

 .profile .table-section .heading h4 { font-size:0; }
.profile .table-section .heading h4:before{ content: "My Interests & Links"; font-family: 'Press Start 2P', cursive; font-size:.8rem; font-weight:bold; 
color: #00ff00; }

    .contact .heading{ font-size:0; }
.contact .heading:before{ content: "Say Hi!"; font-family: 'Press Start 2P', cursive; font-size:.8rem; font-weight:bold; 
color: #00ff00; }

  .blurbs .heading{ font-size:0; }
.blurbs .heading:before{ content: "Info stuff"; font-family: 'Press Start 2P', cursive; font-size:.8rem; font-weight:bold; color: #00ff00; }

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

F!R£FLY	1731056971 rlly love this honestly. might use! Report Comment
Kian	1722914885 using!! :D Report Comment
🩸pierce,,	1718985744 using!! Report Comment
ray (tw for profile)	1718386253 using!!! Report Comment
🩸pierce,,	1717843799 using :3 Report Comment
alexxx	1714840300 using :D Report Comment
Axl	1711552019 it did not work for some reason Report Comment
Mel!ndr0 <3	1711189163 using! Report Comment
ingv4r	1705348201 using :3 Report Comment
GUTZMORE	1705126183 I mighty use it in da future :3 Report Comment
Firecracker	1700915399 it's not working for me 3 Report Comment
xSEWERMULTILATE48x	1700072295 using! Report Comment
EndoInfinite	1694953133 I'm sorry but I tried using this layout and it didn't work. Report Comment
mal ´ᴥ`	1693892462 awesome.. might use in future! Report Comment
tobyphobic	1689898496 using!! Report Comment
BO	1689117611 using Report Comment
shumaisboy	1687281967 using 100%!211 Report Comment
Spencer	1686643999 Uzing!! :3 Report Comment
Juli :3	1686504422 using :D Report Comment