Cry of Fear (new)

Tags: cry of fear, game, 2000s, horror, black, grey, horror

Description:

I just changed a few thing just so it looks better!! The old one is still up if u want to use that one :p Feel free to use it without credit idc

Preview:

click on the image for a larger preview

Code:

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

<style>

main:before {

width: auto;

margin-bottom: 1px;

border: 1px solid black;

height: 165px;

display: block;

content: "";

box-shadow: 0px 0px 10px 1px #cceeff;

background-image: url('https://64.media.tumblr.com/d36ae052a2095773cd7c0d64ca74fea1/1b8e871fdedbe400-de/s540x810/aeddf5d4788298436936f42c5792bed64a7fdbf2.gifv');

background-position: center center;

background-size: cover;

}

</style>


<style>
.online{

content: url("https://img1.picmix.com/output/stamp/normal/6/8/4/0/2350486_c4ae8.gif") !important;
"
}

.award a{ font-size:0pt !important; }
.award a::before{ content: "" !important; font-size:9pt; }
.award::before {
display: inherit;
content: url("https://64.media.tumblr.com/30fd4954e77c5846054adba6e71dec8d/4976d92061e98e5d-f6/s75x75_c1/f10ff3d261adb1d3a7d644309053ab1be7fed275.gifv") !important;
}


body{font-family: Courier New, monospace;}
{background-color: black;}
body::before {
content: " ";
display: block;
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 2;
background-size: 100% 2px, 3px 100%;
pointer-events: none;
}
.edit-info {
    background-color: black;
    border: 1px;
}
#q, button {
color: #f0f0f0;
background-color: black;
border: 1px solid grey;
font-family: inherit;
}
p, i, b, .count {
color: #f0f0f0 !important;
}
a, .profile .friends .person p, .logout-btn {
color: #f0f0f0 !important;
text-decoration: underline !important;
}
.container {
margin: 0 auto 0;
}
.icon {
display: none;
}
nav, nav .links a {
color: #f0f0f0;
}
nav .top {
margin-top: 2px;
background: none;
background-color: black;
border: 2px solid grey;
border-bottom: none;
}
nav .links {
background-color: black;
border: 2px solid grey;
}
nav img.logo{
    color: #f0f0f0;
}
body{
background-image:
url(https://sadhost.neocities.org/images/tiles/black.jpg);

}

main {
background: black;
background-image:
url(https://www.colorhexa.com/6f6f6f.png);

color: #f0f0f0;
border-left: 2px solid grey;
border-right: 2px solid grey;
}
.heading, .url-info {
color: #f0f0f0 !important;
background: none;
background-color: black !important;
border: 2px solid grey !important;
}
.inner {
color: #f0f0f0 !important;
border: 2px solid grey;
border-top: none;
}
.profile-info {
border: 2px solid grey;
}
.profile-info .inner {
border: none;
}
.friends .inner {
border-bottom: none;
}
#comments {
border-bottom: 2px solid grey;
}
.profile .contact, .profile .table-section, .home-actions {
border: none !important;
}
.profile .contact .f-row:first-of-type {
margin-top: 0px;
padding-top: 7px;
}
.profile .blurbs .section h4 {
color: #f0f0f0 !important;
}
.details-table {
margin: 2px;
}
.details-table, td {
border: 1px solid grey;
border-collapse: collapse;
}
td {
color: #f0f0f0 !important;
background: none;
background-color: black !important;
} 
table.details-table {
max-width: 98%;
}
.profile h1 {
font-size: 20px;
}
footer {
background: black;
border: 2px solid grey;
}
footer p {
color #f0f0f0 !important;
}
.comments-table {
border: none;
border-collapse: collapse;
}
.comment-replies {
border: 1px solid grey;
margin: 2px;
}
nav .info {
background: none;
}
.profile .friends .person img:not(.icon):hover { 
        transform: scale(1.1);
        transition: 0.5s ease;
filter: grayscale(100%);
}
</style>

<style>
html:before {
  animation: grain 8s steps(10) infinite;
  background-image: url(https://i.ibb.co/d2Np1d2/static.gif);
  background-size: 200px !important;
  content: "";
  height: 300%;
  left: -50%;
  opacity:.2;
  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%) }
}
</style>

<style>
body:before {
	content: "";
	height: 100vh;
	width: 100vw;
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	background-image: url('https://64.media.tumblr.com/2444509b18cc32e7a9b6db9eb1edb34f/bffca9f7e16b605f-bd/s640x960/082b0c8720ee6bd8ec917b811595cb03482de48e.gifv');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	animation: yourAnimation 3s ease 0s 1 normal forwards;
	pointer-events: none;
}
@keyframes yourAnimation { 0.0% { opacity: 1; } 75% { opacity: 1; } 100% { opacity: 0; 

} 

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

space cadet	1713208852 using :3 Report Comment
kye 𝜗𝜚	1711089527 using :33 Report Comment
Mikey ☆	1710011444 using xP Report Comment
mooji:33	1708915151 using:33 Report Comment
shelf	1708595341 using!! Report Comment
SweetCrybaby24	1707446359 usando... Report Comment
Gabs	1707007251 Using! Report Comment
Simon “Ghost” Riley	1706825887 Using. Report Comment
mocaa	1706562933 usinnngg, tyy ! <_< Report Comment
facu	1706431458 usando Report Comment
💊	1706232755 Using Report Comment
Zamdie	1706223075 usando Report Comment
Zamdie	1706223068 usando Report Comment
Zamdie	1706223064 usando Report Comment
Vin	1706020906 using¡¡ tysm for this <33 Report Comment
Sebastian.	1705981716 using! Report Comment
Sebastian.	1705981715 using! Report Comment
Luxson	1705977258 usando Report Comment
ghowaxxif	1705876387 usingg!! Report Comment
ghowaxxif	1705876349 usingg!! Report Comment