Ben Drowned

Tags: ben drowned, creepypasta, green, emo

Description:

Had an idea to make a Creepypasta layout and boom! Here's one based on Ben Drowned. Comment if used!

Preview:

click on the image for a larger preview

Code:

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

<iframe width="0" height="0" src="https://www.youtube.com/embed/_Qr2T1az1Ck//?&;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: 800px; position: fixed; left: 1px; bottom: 10px; z-index: 200;"><img src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/21aa24d8-3194-48c2-967e-940ec5ba00b4/dda6y6v-7074c922-a477-4b21-9ddc-447d2277d16a.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzIxYWEyNGQ4LTMxOTQtNDhjMi05NjdlLTk0MGVjNWJhMDBiNFwvZGRhNnk2di03MDc0YzkyMi1hNDc3LTRiMjEtOWRkYy00NDdkMjI3N2QxNmEucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.GIgay_5D1d4fX8mOqqmqcI1WxGG0gjHINBIt0q3AwjQ" width="300" height=""/></div>

<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;
    }
    .logo{
        filter: brightness(0) saturate(100%) invert(33%) sepia(100%) saturate(200%) hue-rotate(45deg) brightness(100%) contrast(200%);}
    
    [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>

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 45 comments ( View all | Add Comment )

Colin H.	1 month ago using !! Report Comment
Alex🏳️‍⚧️	1 month ago Using Report Comment
Bluberri	2 months ago using Report Comment
☆Axel☆	3 months ago using:3 Report Comment
XC	3 months ago Using! Report Comment
Spookie Slaughter (¬ºཀ°)¬	6 months ago using ! :3 Report Comment
⦻Lars⦻	7 months ago Using!! Report Comment
MUZIC&HEADPHONEZX3	7 months ago using!!! Report Comment
MUZIC&HEADPHONEZX3	7 months ago using!!! Report Comment
Caelum	7 months ago using <3 Report Comment
Felix!	8 months ago Using Report Comment
xxzombiefiedxx	9 months ago Super kewl!! Definitely using :33 Report Comment
Darian	10 months ago using!!1 Report Comment
<< GH0ST3DD3LT8 >>	10 months ago USINGG Report Comment
<< GH0ST3DD3LT8 >>	10 months ago USINGG Report Comment
<< GH0ST3DD3LT8 >>	10 months ago USINGG Report Comment
<< GH0ST3DD3LT8 >>	10 months ago USINGG Report Comment
<< GH0ST3DD3LT8 >>	10 months ago USINGG Report Comment
<< GH0ST3DD3LT8 >>	10 months ago USINGG Report Comment
<< GH0ST3DD3LT8 >>	10 months ago USINGG Report Comment