🟩🟩👻NE0N GREEN GHOSTIES👻🟩🟩

Tags: neon, green, black, twilaslay0utshack, gif, animation, sparkle, creepy, horror, ghosts

Description:

PLEASE COMMENT BELOW IF YOU USE ME OR LIKE ME ♡

Preview:

Code:

<!-- (c) Layout created by TWILA'S LAY0UT SHACK (https://layouts.spacehey.com/layout?id=1394) --> <style> body { font-family: Courier; font-size: 15pt; font-weight: bold; font-style: normal; text-decoration: none; } h1 {   color: black;   text-shadow: 1px 1px 2px black, 0 0 25px purple, 0 0 5px gold; } h1, h2, h3, h4,p {color: limegreen;} :root { --black: white; </style> <style> @import url('http://dl10.glitter-graphics.net/pub/2851/2851318e3af79oze9.gif'); .online{ content:url(http://dl8.glitter-graphics.net/pub/1123/1123818cjfqwt8fhd.gif); height: 40px; width: 40px; } .profile{ background-color: black; } td { background-color:rgba(160, 170, 200, 0.15) !important; border-radius: none !important; } .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:transparent; !important; letter-spacing:normal !important; text-shadow: 2px 2px black !important; filter: brightness(95%) !important; } .table-section:not(:last-child) .details-table tr:nth-child(1) td:first-child p::after{ content:"◇";!important } .table-section:not(:last-child) .details-table tr:nth-child(2) td:first-child p::after{ content:"◇"; } .table-section:not(:last-child) .details-table tr:nth-child(3) td:first-child p::after{ content:"◇"; } .table-section:not(:last-child) .details-table tr:nth-child(4) td:first-child p::after{ content:"◇"; } .table-section:not(:last-child) .details-table tr:nth-child(5) td:first-child p::after{ content:"◇"; } .table-section:not(:last-child) .details-table tr:nth-child(6) td:first-child p::after{ content:"◇"; } h1{ color:transparent; font-family: courier, Courier; text-shadow:2px 2px limegreen a; } .profile-pic img{ border-radius:5px; box-shadow:4px 3px #000000; filter:grayscale(10%); } .contact { background-image:url(http://dl10.glitter-graphics.net/pub/2851/2851318e3af79oze9.gif); border-radius: 0px; border-color: transparent !important; background-position:right, bottom; background-size: 360px 150px; background-repeat: repeat-y; padding: 20px; width: 200px; height: 150px; } body, .bodyContent { background-image:url(http://dl10.glitter-graphics.net/pub/2851/2851318e3af79oze9.gif); background-repeat:repeat; background-size:100%; background-attachment:scroll; border-color: transparent ; border-width:0px; border-style:0px; } p, h2{ color: limegreen !important; } a{ color: limegreen !important; } .friends, .count, a p{ color: transparent !important; text-align:center !important; } .friends-grid img{ border-radius: 0px !important; filter:grayscale(10%) !important; } h4 { color: limegreen !important; } .section h4{ color: limegreen !important; } .heading, .blurbs, .blog-preview, .friends, .table, .table-section, footer{ background-color:rgba(10,13,20,.95) !important; } .table-section{ border:none !important; } .heading{ background:none !important; padding-bottom:0px !important; } .w-40 .table-section:last-child .heading h4{ color:transparent !important; text-shadow: none !important; letter-spacing: -100px;} .w-40 .table-section:last-child .heading::after{ content:"Follow Me"; font-family:Montserrat!important; text-shadow: 2px 2px black !important; text-transform:uppercase !important; color:#000000 !important; font-weight: bold !important; } .url-info { display:none !important; } .inner img{ border:solid 0px black !important; filter:grayscale(60%) !important; border-radius: 0px !important; } .contact img{ border:solid 0px!important; } main{ border:outset 0px; border-top:none; padding-top:0px!important; } .w-40 .table-section:nth-last-child(2) .heading h4{ color:transparent !important; text-shadow: none !important; letter-spacing: -100px;} .w-40 .table-section:nth-last-child(2) .heading::after{ content:"◇"; font-family:Montserrat !important; text-shadow: 2px 2px black !important; text-transform:uppercase !important; color:transparent !important; font-weight: bold !important; } .w-40 .contact .heading h4{ color:transparent !important; text-shadow: none !important; letter-spacing: -100px;} .w-40 .contact .heading::after{ content:"be my friend"; font-family:Montserrat !important; text-shadow: 2px 2px black !important; text-transform:uppercase !important; color:transparent !important; font-weight: bold !important; background:transparent; } nav{ background-image: url(http://dl10.glitter-graphics.net/pub/2851/2851318e3af79oze9.gif); border-radius: 0px 0px 0px 0px; !important; background-size:100% 100%; border:outset none; border-bottom:none; } nav ul{ background:none !important; } nav img{ filter: opacity(5%) !important; } nav ul a img, .mood a img{ display:none !important; } .top{ background:none !important; background-color:rgba(0, 0, 0, 0.0) !important; } #comments{ background-image: url(http://dl10.glitter-graphics.net/pub/2851/2851318e3af79oze9.gif); background-size: 100% 100%; Height:300px; overflow:auto; } .comments-table{ background-color:rgba(30,35,40,.9); } #comments img{ border-radius: none !important; border: none !important; } </style> <style> html:before { animation: grain 8s steps(10) infinite; background-image: url(http://dl10.glitter-graphics.net/pub/2851/2851318e3af79oze9.gif); 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>main:before { width: 100%; height: 1000px ; display: block; content: ""; background-image: url('http://dl10.glitter-graphics.net/pub/3158/3158170cnbjgg6ec1.jpg'); background-position: center center; background-size: cover; } @media only screen and (max-width: 600px) { main:before{ height: 200px; } }</style> <style>body:before { content: " "; height: 100vh; width: 100vw; display: block; position: fixed; top: 0; left: 0; z-index: 100; background-image: url('http://dl10.glitter-graphics.net/pub/2851/2851318e3af79oze9.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: 5px; background-image: url(http://dl10.glitter-graphics.net/pub/2851/2851318e3af79oze9.gif); } </style> <style> /* profile-info */ .profile-info { position: fixed; left: 0; bottom: 0; margin: 0; padding: 0; width: 100vw; border: 0; z-index: 20; -webkit-backdrop-filter: blur(20px); } .profile-info a { color: #FFF; } .profile-info { border:double 0px #Ffd1dc88; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; background: transparent url(http://dl9.glitter-graphics.net/pub/185/185499fkwlunybl0.gif) no-repeat center center; background-size: contain; </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.