halloween pumpkin layout

Tags: halloween, scary, spooky, pumpkin, orange, purple, holiday, animation, layout

Description:

contains: autoplaying music (this is halloween), cursor, floating profile, etc.‎ ‎if you use this PLEASE comment! credit is appreciated too

Preview:

click on the image for a larger preview

Code:

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

<style>
body{background:url("https://i.pinimg.com/originals/df/1d/71/df1d71e3303c5b7682fdaab61aae9455.gif") no-repeat fixed; background-size:cover;}
}
nav img.logo {
  filter: brightness(0) saturate(100%) invert(0%) sepia(94%) saturate(0%) hue-rotate(167deg) brightness(95%) contrast(105%) !important;
}
.online{
  content: url(https://media.discordapp.net/attachments/990004155844296816/1133100924240416768/19569.gif);
  padding: 5px 0px;
}
.profile .blurbs .heading, .profile .friends .heading {
    background: transparent;
    color: #ffffff;
    text-shadow: 0 0 5px #ba99f7, 0 0 10px #ba99f7, 0 0 10px #ba99f7, 0 0 20px #ba99f7, 0 0 25px #ba99f7;
    padding: 2px 7px;
    text-align: center;
}
.icon, .award img {

        content: url(https://www.freepnglogos.com/uploads/pumpkin-png/large-pumpkin-png-clipart-image-gallery-yopriceville-29.png);

        display: inline-block;

        height: 1.5em;

        width: 1.5em;

        margin: 0 .05em 0 .1em;

        vertical-align: -0.3em;

        color: rgba(0,0,0,0);

    }
}
.blog-preview{
  background:url(https://i.pinimg.com/originals/57/4c/39/574c394db7a960ad31af75ba5eb19a1f.gif);
  background-position: top;
  background-size: cover;
  border: 5px solid black;
  box-shadow: 0 0 20px purple;
}
:root{
  --red: #000000;
  --orange: #ba99f7;
  --yellow: #b34a19;
  --green: #000000;
  --cyan: #ba99f7;
  --purple: #b34a19;
  --pink: #000000;

}

@keyframes glowrainbow{
  0%{
    box-shadow: 0 0 5em 2em var(--red);
  }
  16%{
    box-shadow:0 0 5em 2em var(--orange);
  }
  32%{
    box-shadow: 0 0 5em 2em var(--yellow);
  }
  48%{
    box-shadow: 0 0 5em 2em var(--green);
  }
  64%{
    box-shadow: 0 0 5em 2em var(--cyan);
  }
  80%{
    box-shadow: 0 0 5em 2em var(--purple);
  }
  90%{
    box-shadow: 0 0 5em 2em var(--pink);
  }
  100%{
    box-shadow:0 0 5em 2em var(--red);
  }
}

body > .container{
  animation:30s glowrainbow infinite;
}
.url-info {
    background: url(https://i.pinimg.com/originals/99/a8/68/99a868701dbdc51c04fa07ced962832a.gif);
    background-position: center;
    border: 1px black!important;
    background-size: fit;
    font-size: 0px;
    height: 235px;
    box-shadow: 0 0 20px purple;
}
.profile .blurbs .section h4 {
    margin: 0;
    color: #ffe192;
    text-shadow: 0 0 5px #ba99f7, 0 0 10px #ba99f7, 0 0 10px #ba99f7, 0 0 20px #ba99f7, 0 0 25px #ba99f7;
}
a, .profile .friends .person p, p, h2, h3, h4, .count, nav .links a{
  color: purple!important;
text-shadow: 0 0 5px #ba99f7, 0 0 10px #ba99f7, 0 0 10px #ba99f7, 0 0 20px #ba99f7, 0 0 25px #ba99f7;
}
h1{
   background: url(https://i.pinimg.com/564x/59/ec/b0/59ecb0f60a7b239b73c6fe2f0798291b.jpg);
   border: 5px solid black!important;
   padding:5px;
   box-shadow: 0 0 20px purple;
}
.contact .inner a img{
  font-size: 0;
}
.contact .inner a img:before{
  font-size: 1em;
  display: block
}
/*ADD TO FRIENDS*/
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before{
  content: ""
}
/*ADD TO FAVS*/
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before{
  content: ""
}
/*SEND MESSAGE*/
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before{
  content: ""
}
/*FORWARD TO FRIEND*/
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before{
  content: ""
}
/*INSTANT MESSAGE*/
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before{
  content: ""
}
/*BLOCK USER*/
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before{
  content: ""
}
/*ADD TO GROUP*/
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before{
  content: ""
}
/*REPORT USER*/
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before{
  content: ""
}

.contact {
  border-radius: 8px;
  border: 5px solid black!important;
  box-shadow: 0 0 10px purple;
  background-image: url(https://i.pinimg.com/originals/62/9f/0b/629f0b4948f798e999617254726b2c01.gif);
  background-position: top;
  background-size: fit;
background-attachment: scroll;
Width: 300px;
Height:180px;

color: white;
  text-shadow: 1px 1px 2px black, 0 0 25px black, 0 0 3px black; }
.profile-pic {
  padding: 15px;
}
button {
  background-color: transparent!important;
  border: none;
  color: black;
  font-weight: bold;
}
.general-about .details {
  border: 5px solid none;
  padding-bottom: 70px;
}
.mood {
  background: url(https://i.pinimg.com/564x/59/ec/b0/59ecb0f60a7b239b73c6fe2f0798291b.jpg);
  border: 5px solid black!important;
  padding: 3px;
  margin-bottom: 20px;
  margin-top: 20px;
  box-shadow: 0 0 20px purple;
}
.table-section, .blurbs, .friends, .profile-info {
  background: url(https://i.pinimg.com/564x/59/ec/b0/59ecb0f60a7b239b73c6fe2f0798291b.jpg);
  border: 5px solid black!important;
  box-shadow: 0 0 20px purple;
}
.comments-table td {
  background:url(https://i.pinimg.com/originals/57/eb/42/57eb42eca6477caf19d6fb60680ede3b.gif);
  background-position: center;
  border: 3px solid black;
}
.mood:after {
  content: "";
  white-space: pre-wrap;
  display: block;
  height: 50px;
  background-image: url(https://24.media.tumblr.com/b042fe7ef35457afc777dc30c4717dc6/tumblr_mveds83HSN1skwchpo1_500.gif);
  background-repeat: no-repeat;
  background-position-x: center;
  background-size: 240px;
}
.comments-table td {
  border: 5px solid black;
  background-color: black!important;
}
.table-section td {
  border: 5px solid black;
  background-color: black!important;
}
.comment-reply:not(:first-child) {
    border-top: 2px solid black;
}
.comment-replies {
    border: 5px solid black;
}

/* these backgrounds are usually transparent */
nav .top, nav .links {
  background-color: transparent;
  color: black;
  font-weight: bold;
}
.general-about .profile-pic img {
-webkit-mask-image: url(https://creazilla-store.fra1.digitaloceanspaces.com/cliparts/63347/pumpkin-clipart-md.png);
-webkit-mask-size: 123%;
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
-webkit-mask-size: contain;
}
.friends-grid img {
-webkit-mask-image: url(https://creazilla-store.fra1.digitaloceanspaces.com/cliparts/63347/pumpkin-clipart-md.png);
-webkit-mask-size: 123%;
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
-webkit-mask-size: contain;
}
main, footer {
  background-color: transparent;
}
.friends:not(#comments) {
  margin-bottom: 10px;
}
.comments-table {
  border: none;
  border-spacing: 5px;
}
.profile-pic {
  padding: 15px;
}
.heading {
  background-color: transparent!important;
}
td {
  background-color: transparent!important;
}
</style>

<style>



h1{

  animation: type 3s steps(27);

  color: white;

  font-size: 10px;

  font-family: courier;

  white-space: nowrap;

  overflow: hidden;

  }



@keyframes type{

  0%{

    width:0ch;

  }

  

  100%{

    width:27ch;

  }

}



@keyframes blink{

  0%{opacity:1;}

  50%{opacity:0;}

  100%{opacity:1;}

}



.col, main, footer, nav::before, .online, nav .links, nav .top {

animation: float 4s;

animation-iteration-count: infinite;

animation-timing-function: ease-in-out;

}



.col, main, footer, nav::before, .online, nav .links, nav .top {

animation: float 4s;

animation-iteration-count: infinite;

animation-timing-function: ease-in-out;

}

@keyframes float {

0% { transform: translate(0, 0px);

}

50% {

transform: translate(0, 8px);

}

100% {

transform: translate(0, -0px);

}



</style>

<style>

img:hover , .url-info:hover , .online:hover {

  animation: shake 1s;

  animation-iteration-count: infinite;

}



@keyframes shake {

  0% { transform: translate(1px, 1px) rotate(0deg); }

  10% { transform: translate(-1px, -2px) rotate(-1deg); }

  20% { transform: translate(-3px, 0px) rotate(1deg); }

  30% { transform: translate(3px, 2px) rotate(0deg); }

  40% { transform: translate(1px, -1px) rotate(1deg); }

  50% { transform: translate(-1px, 2px) rotate(-1deg); }

  60% { transform: translate(-3px, 1px) rotate(0deg); }

  70% { transform: translate(3px, 1px) rotate(-1deg); }

  80% { transform: translate(-1px, -1px) rotate(1deg); }

  90% { transform: translate(1px, 2px) rotate(0deg); }

  100% { transform: translate(1px, -2px) rotate(-1deg); }

}

</style>

<style>

table.comments-table{
display: block;
height: 400px!important;
overflow-y: scroll;
}

</style>

<style>
  @import url('https://fonts.googleapis.com/css2?family=Creepster&display=swap');
  body {font-family: 'Creepster', cursive;}
</style>

<style>* {cursor: url(https://cur.cursors-4u.net/games/gam-10/gam908.ani), url(https://cur.cursors-4u.net/games/gam-10/gam908.png), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2009/03/31/halloween-candy-gaia-online.html" target="_blank" title="Halloween Candy - Gaia Online"><img src="https://cur.cursors-4u.net/cursor.png" alt="Halloween Candy - Gaia Online" style="position:absolute; top: 0px; right: 0px;"/></a>

<iframe width="0" height="0" src="https://www.youtube.com/embed/ZVuToMilP0A//?&;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>

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

PUMP	1712770204 USING Report Comment
⋆｡°✩ Star! ⋆｡°✩	1707006484 Using this!!! Report Comment
josh	1697440988 using! Report Comment
twiggy☆	1696563634 using !! thank you :3 Report Comment
PJJayyy	1696092416 Using Report Comment
Venus ^_^	1695396798 using!!! Report Comment
Wolf	1694272233 USING :3 Report Comment
Cecelia	1693701204 using Report Comment
Stripes	1692764769 Using! Report Comment
Ghostie	1691892902 using! Report Comment
Sp1r1tualCramp	1691648051 probably gonna use Report Comment
moLLy	1690861756 def gonna use Report Comment
kim	1690578597 using ! Report Comment
Squashed Dreams	1690385396 Using Report Comment