← Back to Layouts
Minimalist Halloween

Name: FriendRewind
Author: FriendRewind
Author: Kayla⟡
Category: Holiday
Created: September 21, 2026
FYI I hid the Photos and Videos sections

Customize the images as you see fit
See Layout
Comments (1)

pondjoose 09/21/2026 1:32 PM
so cute!!! 🥰
You must log in to comment.
CSS Code

<style id="fr-vb2">
/* VB2_STATE:{"cursorUrl":"","overlayUrl":"","overlayOpacity":0.2,"avatarAnimation":"","pageFont":"","useLiveProfile":true,"previewUrl":"/profile?id=4","pageBgImage":"","pageBgMode":"cover","heroImageUrl":"","profileRowBgImage":"","profileRowBgMode":"cover","navBgColor":"#2b333f","navBgImage":"","navBgMode":"cover","navLinkColor":"#ffffff","navLinkHover":"#66aaff","boxBgColor":"#ffffff","boxOpacity":1,"boxRadius":8,"contactHeaderBg":"#4169E1","contactHeaderText":"#ffffff","contactContentBg":"#ffffff","contactBorderColor":"#4169E1","contactBorderWidth":1,"contactBorderRadius":5,"contactBoxAnimation":"","interestsHeaderBg":"#DAA520","interestsHeaderText":"#ffffff","interestsContentBg":"#ffffff","interestsBorderColor":"#DAA520","interestsBorderWidth":1,"interestsBorderRadius":5,"contentBoxAnimation":"","textBody":"#000000","textHeading":"#000000","textLink":"#0066cc","headingShadowColor":"#000000","headingShadowBlur":2,"headingShadowEnable":false,"moduleImages":{"contact":"","urlInfo":"","tableSection":"","tunes":"","blogPreview":"","blurbs":"","friends":"","Comments Background":"","comments":""}} */
/* Generated by FriendRewind.com Visual Builder */
</style><style>


/* FR_MANUAL_EXTRAS */
</style>
<style>


/* FR_MANUAL_EXTRAS */
</style>
<style>
@import url('https://fonts.googleapis.com/css?family=Eater');
@import url('https://fonts.googleapis.com/css?family=Cutive+Mono');

:root {

  /* REPLACE IMAGE LINKS HERE */

  --interests-top-image:
    url("https://pixelsafari.neocities.org/dividers/blood.gif");

  --interest-title-image:
    url("https://64.media.tumblr.com/b182fc20efd4be28202f9795a55463d9/b32057a44f03df15-10/s400x600/1d60b4471afee9cdf19564ee649251966c7f1e4f.gifv");

  --profile-tunes-image:
    url("https://64.media.tumblr.com/aa448586fd1c7b4c2918883b4b53693f/faf7540c8c03e936-71/s540x810/dbc55895d127adb3d86f5dec6287bb879c0be487.gifv");

  --contact-side-image:
    url("https://64.media.tumblr.com/02b006ede04a75e3abc0cc694898936e/ff682cb6d2d42fc6-07/s1280x1920/2a0e5424338432363312347f680e17f740e6a8e8.pnj");


  /* CONTACT ICONS */

  --contact-icon-1:
    url("https://pixelsafari.neocities.org/favicon/horror/weapon15.gif");

  --contact-icon-2:
    url("https://pixelsafari.neocities.org/favicon/horror/grave.gif");

  --contact-icon-3:
    url("https://pixelsafari.neocities.org/favicon/horror/grave2.gif");

  --contact-icon-4:
    url("https://pixelsafari.neocities.org/favicon/horror/grave3.gif");

  --contact-icon-5:
    url("https://pixelsafari.neocities.org/favicon/horror/grave4.gif");

  --contact-icon-6:
    url("https://pixelsafari.neocities.org/favicon/horror/ghost4.gif");


  /* COLORS */

  --hover-accent: #760014;
}



body {
  background: none;
}



main {

  width:
    1000px;

  margin-left:
    -100px;

  font-family:
    "Cutive Mono",
    monospace;

  font-weight:
    400;

  font-style:
    normal;
}



main .left {

  position:
    relative !important;

  width:
    60% !important;

  overflow:
    visible !important;
}



body.profile-page .col.w-40.left h1:first-of-type,
body.profile-page main .left h1:first-of-type,
body.profile-page .profile h1:first-of-type,
body.profile-page .profile-name,
.profile-name,
main .left > h1,
main .left h1:first-of-type {

  font-family:
    "Eater",
    cursive !important;

  font-size:
    31px !important;

  font-weight:
    400 !important;

  font-style:
    normal !important;

  letter-spacing:
    1px !important;

  line-height:
    1.15 !important;

  color:
    #050505 !important;

  text-shadow:
    0 0 2px #ffb000,
    0 0 5px #ff9500,
    0 0 9px #ff7a00,
    0 0 14px #ff6200,
    0 0 22px #ff4d00,
    0 0 34px rgba(255,70,0,.95) !important;

  transition:
    letter-spacing .25s ease,
    text-shadow .25s ease,
    transform .25s ease;
}



body.profile-page .col.w-40.left h1:first-of-type:hover,
body.profile-page main .left h1:first-of-type:hover,
body.profile-page .profile h1:first-of-type:hover,
body.profile-page .profile-name:hover,
.profile-name:hover,
main .left > h1:hover,
main .left h1:first-of-type:hover {

  letter-spacing:
    1.8px !important;

  text-shadow:
    0 0 3px #ffd000,
    0 0 7px #ffae00,
    0 0 12px #ff8c00,
    0 0 19px #ff6900,
    0 0 29px #ff4d00,
    0 0 45px rgba(255,55,0,1) !important;
}



body.profile-page a,
body.profile-page a:link,
body.profile-page a:visited,
body.profile-page a:active,
main a,
main a:link,
main a:visited,
main a:active,
.cred a,
.cred a:visited {

  color:
    #000 !important;

  text-decoration-color:
    #000 !important;
}



body.profile-page a:hover,
main a:hover,
.cred a:hover {

  color:
    var(--hover-accent) !important;

  text-decoration-color:
    var(--hover-accent) !important;
}



::selection {

  color:
    #fff;

  background:
    #000;
}



img {

  filter:
    grayscale(100%);

  transition:
    filter .25s ease,
    transform .25s ease,
    box-shadow .25s ease;
}



img:hover {

  filter:
    grayscale(0%);

  transform:
    scale(1.02);
}



.profile-pic img:hover,
.profile .profile-pic img:hover {

  transform:
    scale(1.025);

  box-shadow:
    0 5px 14px rgba(0,0,0,.18);
}



main .right .blurbs img,
.profile .right .blurbs img,
.blurbs img,
main .right .blurbs img:hover,
.profile .right .blurbs img:hover,
.blurbs img:hover {

  filter:
    none !important;

  -webkit-filter:
    none !important;
}



main .right .blurbs img:hover,
.profile .right .blurbs img:hover,
.blurbs img:hover {

  transform:
    scale(1.02);
}



footer,
.nav-logo.logo,
.top-nav,
.profile-info,
::-webkit-scrollbar,
.url-info,
.myspace-header,
.details-table tr:nth-child(6),
.profile-mood,
.online,
.profile .contact .heading,
.cb-like-btn,
.icon {

  display:
    none !important;
}



.general-about {

  display:
    flex;

  flex-direction:
    column;

  width:
    350px !important;
}



.general-about .details p:first-of-type:not(.supporter) {

  position:
    relative !important;

  display:
    inline-block !important;

  width:
    auto !important;

  max-width:
    310px !important;

  margin:
    18px 0 18px 0 !important;

  padding:
    8px 12px !important;

  color:
    #000 !important;

  background:
    #fff !important;

  border:
    1px solid #000 !important;

  border-radius:
    0 !important;

  box-shadow:
    3px 3px 0 rgba(0,0,0,.10);

  line-height:
    1.35 !important;

  transition:
    transform .18s ease,
    box-shadow .18s ease;
}



.general-about .details p:first-of-type:not(.supporter)::before {

  content:
    "";

  position:
    absolute;

  left:
    28px;

  top:
    -11px;

  width:
    0;

  height:
    0;

  border-left:
    10px solid transparent;

  border-right:
    10px solid transparent;

  border-bottom:
    11px solid #000;
}



.general-about .details p:first-of-type:not(.supporter)::after {

  content:
    "";

  position:
    absolute;

  left:
    30px;

  top:
    -8px;

  width:
    0;

  height:
    0;

  border-left:
    8px solid transparent;

  border-right:
    8px solid transparent;

  border-bottom:
    9px solid #fff;
}



.general-about .details p:first-of-type:not(.supporter):hover {

  transform:
    translateY(-1px);

  box-shadow:
    4px 4px 0 rgba(0,0,0,.14);
}



.profile .mood p:first-of-type {

  display:
    inline-block !important;

  margin:
    10px 0 8px 0 !important;

  padding:
    8px 12px !important;

  color:
    #000 !important;

  background:
    #fff !important;

  border:
    1px solid #000 !important;

  border-radius:
    0 !important;

  box-shadow:
    3px 3px 0 rgba(0,0,0,.10) !important;

  line-height:
    1.35 !important;
}



.profile .mood p:first-of-type::before,
.profile .mood p:first-of-type::after {

  content:
    none !important;

  display:
    none !important;
}



.profile .mood p:not(:first-of-type) {

  background:
    transparent !important;

  border:
    none !important;

  box-shadow:
    none !important;

  padding:
    0 !important;
}



.table-section.interests {

  width:
    100% !important;

  border:
    1px solid #000;

  overflow:
    hidden !important;
}



.details-table tr {

  display:
    inline-block;

  width:
    48%;

  margin-left:
    5px;

  margin-bottom:
    5px;

  vertical-align:
    top;

  border:
    1px solid #000;

  transition:
    transform .18s ease,
    box-shadow .18s ease,
    border-color .18s ease;
}



.details-table tr:hover {

  transform:
    translateY(-2px);

  border-color:
    var(--hover-accent);

  box-shadow:
    2px 3px 0 rgba(0,0,0,.10);
}



.details-table td {

  display:
    inline-block;

  width:
    100% !important;
}



body.profile-page .table-section.interests .details-table tr > td:first-child,
.table-section.interests .details-table tr > td:first-child,
.details-table tr > td:first-child {

  margin-bottom:
    1px;

  padding:
    7px 8px !important;

  min-height:
    34px !important;

  box-sizing:
    border-box !important;

  color:
    #fff !important;

  font-weight:
    bold !important;

  text-shadow:
    1px 1px 2px #000,
    -1px -1px 2px #000,
    0 0 5px #000 !important;

  background-color:
    #111 !important;

  background-image:
    var(--interest-title-image) !important;

  background-position:
    center center !important;

  background-size:
    cover !important;

  background-repeat:
    no-repeat !important;

  border-bottom:
    1px solid #000 !important;
}



body.profile-page .table-section.interests .details-table tr:hover > td:first-child,
.table-section.interests .details-table tr:hover > td:first-child,
.details-table tr:hover > td:first-child {

  background-size:
    115% auto !important;

  letter-spacing:
    .5px !important;

  transition:
    background-size .3s ease,
    letter-spacing .2s ease;
}



.details-table td:last-child {

  width:
    100%;

  height:
    150px !important;

  overflow-y:
    scroll;
}



.table-section.interests .heading {

  width:
    100% !important;

  height:
    auto !important;

  padding:
    0 !important;

  font-size:
    0 !important;

  border:
    none !important;

  border-bottom:
    none !important;

  overflow:
    hidden !important;
}



.table-section.interests .heading::before {

  content:
    "";

  display:
    block;

  width:
    100% !important;

  height:
    42px;

  background-image:
    var(--interests-top-image);

  background-repeat:
    no-repeat;

  background-position:
    center;

  background-size:
    100% 100%;

  filter:
    grayscale(100%);

  transition:
    filter .25s ease,
    transform .25s ease;
}



.table-section.interests .heading:hover::before {

  filter:
    grayscale(0%);

  transform:
    scale(1.01);
}



.profile .contact {

  border:
    none;

  border-left:
    1px solid gray !important;
}



.profile .contact .inner,
.profile .contact .inner .f-row,
.profile .contact .inner .f-row .f-col {

  display:
    block;

  margin:
    0 0 7px 5px;
}



.contact .inner a img {

  display:
    none !important;
}



.contact .inner .f-row .f-col a {

  position:
    relative;

  display:
    inline-block;

  min-height:
    24px;

  padding-left:
    30px;

  line-height:
    24px;

  color:
    #000 !important;

  text-decoration:
    none !important;

  transition:
    transform .18s ease,
    color .18s ease,
    letter-spacing .18s ease;
}



.contact .inner .f-row .f-col a:hover {

  color:
    var(--hover-accent) !important;

  transform:
    translateX(4px);

  letter-spacing:
    .3px;
}



.contact .inner .f-row .f-col a::before {

  content:
    "";

  position:
    absolute;

  display:
    block;

  left:
    0;

  top:
    50%;

  width:
    20px;

  height:
    20px;

  transform:
    translateY(-50%);

  background-repeat:
    no-repeat;

  background-position:
    center;

  background-size:
    contain;

  filter:
    grayscale(100%);

  transition:
    filter .20s ease,
    transform .20s ease;
}



.contact .inner .f-row .f-col a:hover::before {

  filter:
    grayscale(0%);

  transform:
    translateY(-50%)
    scale(1.15);
}



.profile .contact .inner .f-row:nth-of-type(1)
.f-col a::before {

  background-image:
    var(--contact-icon-1);
}



.profile .contact .inner .f-row:nth-of-type(2)
.f-col a::before {

  background-image:
    var(--contact-icon-2);
}



.profile .contact .inner .f-row:nth-of-type(3)
.f-col a::before {

  background-image:
    var(--contact-icon-3);
}



.profile .contact .inner .f-row:nth-of-type(4)
.f-col a::before {

  background-image:
    var(--contact-icon-4);
}



.profile .contact .inner .f-row:nth-of-type(5)
.f-col a::before {

  background-image:
    var(--contact-icon-5);
}



.profile .contact .inner .f-row:nth-of-type(6)
.f-col a::before {

  background-image:
    var(--contact-icon-6);
}



.heading {

  color:
    #000 !important;

  background:
    transparent !important;

  border:
    none !important;

  border-bottom:
    1px solid #000 !important;
}



main .right .heading {

  font-size:
    0 !important;
}



main .right .heading a {

  font-family:
    "Cutive Mono",
    monospace !important;

  font-size:
    14px !important;

  color:
    #000 !important;

  text-decoration:
    none !important;

  transition:
    color .18s ease,
    letter-spacing .18s ease;
}



main .right .heading a::before {

  content:
    "♥ ";

  color:
    #000 !important;

  font-family:
    Georgia,
    serif !important;

  font-size:
    14px;
}



main .right .heading a:hover {

  color:
    var(--hover-accent) !important;

  letter-spacing:
    .5px;

  text-decoration:
    underline !important;
}



main .right .heading a:hover::before {

  color:
    #000 !important;
}



.friends:not(#comments) {

  display:
    block !important;

  width:
    100% !important;

  margin:
    12px 0 !important;
}



.friends:not(#comments) .heading {

  display:
    block !important;
}



.friends:not(#comments) img {

  max-width:
    100% !important;

  height:
    auto !important;
}



.friends:not(#comments) img:hover {

  filter:
    grayscale(0%);

  transform:
    translateY(-2px)
    scale(1.025);

  box-shadow:
    2px 3px 0 rgba(0,0,0,.18);
}



table.comments-table {

  display:
    block;

  background:
    #fff;
}



table.comments-table,
.comment-replies {

  border:
    none;
}



.comments-table td,
.comments-table td:first-child {

  background:
    #fff;

  border:
    none;
}



.comments-table td:first-child {

  text-align:
    left;

  font-size:
    .7em;
}



.comments-table td:first-child img:not(.icon) {

  border:
    none !important;

  border-radius:
    0;
}



.comments-table td:first-child img:not(.icon):hover {

  filter:
    grayscale(0%);

  transform:
    scale(1.025);

  box-shadow:
    2px 3px 0 rgba(0,0,0,.16);
}



.cb-actions button {

  border-width:
    1px !important;

  border-style:
    solid;

  border-radius:
    0;

  transition:
    background .18s ease,
    color .18s ease,
    transform .18s ease;
}



.cb-actions button:hover {

  color:
    #fff !important;

  background:
    #000 !important;

  transform:
    translateY(-1px);
}



#profile-playlist-mount,
.profile-playlist-mount,
#profile-playlist-container,
.profile-playlist-container {

  display:
    block !important;

  visibility:
    visible !important;

  opacity:
    1 !important;

  position:
    static !important;

  width:
    auto !important;

  height:
    auto !important;

  min-height:
    0 !important;

  margin:
    0 !important;

  padding:
    0 !important;

  overflow:
    visible !important;
}



.profile-playlist-widget,
#profile-playlist-container .profile-playlist-widget,
.profile-playlist-container .profile-playlist-widget,
#profile-playlist-mount .profile-playlist-widget,
.profile-playlist-mount .profile-playlist-widget {

  display:
    block !important;

  visibility:
    visible !important;

  opacity:
    1 !important;

  position:
    absolute !important;

  top:
    38px !important;

  left:
    210px !important;

  right:
    auto !important;

  bottom:
    auto !important;

  width:
    300px !important;

  max-width:
    300px !important;

  min-width:
    300px !important;

  min-height:
    145px !important;

  height:
    auto !important;

  margin:
    0 !important;

  box-sizing:
    border-box !important;

  overflow:
    hidden !important;

  z-index:
    999 !important;

  transform:
    none !important;

  isolation:
    isolate;

  background:
    transparent !important;

  transition:
    box-shadow .25s ease,
    transform .25s ease;
}



.profile-playlist-widget:hover {

  box-shadow:
    0 8px 18px rgba(0,0,0,.20);

  transform:
    translateY(-2px) !important;
}



.profile-playlist-widget::before {

  content:
    "";

  position:
    absolute;

  inset:
    0;

  z-index:
    -2;

  background-image:
    var(--profile-tunes-image);

  background-repeat:
    no-repeat;

  background-position:
    center;

  background-size:
    cover;

  filter:
    none !important;

  -webkit-filter:
    none !important;

  transform:
    scale(1);

  transition:
    transform .40s ease;
}



.profile-playlist-widget:hover::before {

  filter:
    none !important;

  -webkit-filter:
    none !important;

  transform:
    scale(1.035);
}



.profile-playlist-widget::after {

  content:
    "";

  position:
    absolute;

  inset:
    0;

  z-index:
    -1;

  background:
    rgba(255,255,255,.08) !important;

  pointer-events:
    none;

  transition:
    background .30s ease;
}



.profile-playlist-widget:hover::after {

  background:
    rgba(255,255,255,.03) !important;
}



.profile-playlist-widget .pp-header h3,
.profile-playlist-widget h3 {

  display:
    none !important;
}



.profile-playlist-widget .pp-header {

  min-height:
    0 !important;

  margin:
    0 !important;

  padding:
    0 !important;

  background:
    transparent !important;
}



.profile-playlist-widget .pp-body,
.profile-playlist-widget .pp-content,
.profile-playlist-widget .playlist,
.profile-playlist-widget ul {

  background:
    transparent !important;
}



.profile-playlist-widget .pp-header,
.profile-playlist-widget .pp-body,
.profile-playlist-widget .pp-content,
.profile-playlist-widget .playlist,
.profile-playlist-widget ul,
.profile-playlist-widget li,
.profile-playlist-widget .song-info {

  visibility:
    visible !important;

  opacity:
    1 !important;
}



.profile-playlist-widget img,
.profile-playlist-widget img:hover {

  filter:
    none !important;

  -webkit-filter:
    none !important;
}



.profile-playlist-widget li,
.profile-playlist-widget .track,
.profile-playlist-widget .song,
.profile-playlist-widget .current,
.profile-playlist-widget li.current {

  background:
    rgba(0,0,0,.55) !important;

  color:
    #fff !important;

  border:
    none !important;
}



.profile-playlist-widget li:hover,
.profile-playlist-widget li.current,
.profile-playlist-widget .current {

  background:
    rgba(0,0,0,.68) !important;
}



.profile-playlist-widget,
.profile-playlist-widget .song-info,
.profile-playlist-widget li.current .song-info,
.profile-playlist-widget p,
.profile-playlist-widget span,
.profile-playlist-widget a,
.profile-playlist-widget button,
.profile-playlist-widget label {

  opacity:
    1 !important;

  font-family:
    "Cutive Mono",
    monospace !important;
}



.profile-playlist-widget .song-info,
.profile-playlist-widget .song-title,
.profile-playlist-widget .track-title,
.profile-playlist-widget .song-artist,
.profile-playlist-widget li span,
.profile-playlist-widget li p,
.profile-playlist-widget li a {

  color:
    #fff !important;

  text-shadow:
    1px 1px 2px rgba(0,0,0,.95) !important;
}



.profile-playlist-widget .song-title,
.profile-playlist-widget .track-title,
.profile-playlist-widget li.current .song-info {

  color:
    #fff !important;

  font-weight:
    600 !important;
}



.profile-playlist-widget .song-artist {

  color:
    #e8e8e8 !important;
}



.profile-playlist-widget .song-info,
.profile-playlist-widget .song-title,
.profile-playlist-widget .track-title {

  max-width:
    100% !important;

  overflow:
    hidden !important;

  white-space:
    nowrap !important;

  text-overflow:
    ellipsis !important;
}



.profile-playlist-widget input {

  color:
    #fff !important;

  background:
    rgba(0,0,0,.52) !important;

  border:
    1px solid rgba(255,255,255,.35) !important;

  opacity:
    1 !important;

  text-shadow:
    1px 1px 2px #000 !important;

  transition:
    background .20s ease,
    border-color .20s ease;
}



.profile-playlist-widget input::placeholder {

  color:
    rgba(255,255,255,.82) !important;

  opacity:
    1 !important;
}



.profile-playlist-widget input:focus {

  color:
    #fff !important;

  background:
    rgba(0,0,0,.68) !important;

  border-color:
    rgba(255,255,255,.70) !important;

  outline:
    none !important;
}



.profile-playlist-widget .search,
.profile-playlist-widget .search-box,
.profile-playlist-widget .pp-search {

  background:
    transparent !important;
}



.profile-playlist-widget button {

  visibility:
    visible !important;

  opacity:
    1 !important;

  color:
    #fff !important;

  background:
    rgba(0,0,0,.58) !important;

  border-color:
    rgba(255,255,255,.35) !important;

  text-shadow:
    none !important;

  transition:
    background .18s ease,
    color .18s ease,
    transform .18s ease;
}



.profile-playlist-widget button:hover {

  color:
    #000 !important;

  background:
    rgba(255,255,255,.88) !important;

  transform:
    scale(1.05);
}



.profile-playlist-widget .pp-equalizer span {

  display:
    inline-block !important;

  background:
    #fff !important;

  opacity:
    1 !important;
}



.profile-playlist-widget * {

  box-sizing:
    border-box !important;
}



.floating-side-image {

  position:
    absolute !important;

  top:
    230px !important;

  left:
    570px !important;

  width:
    220px !important;

  height:
    220px !important;

  background-image:
    var(--contact-side-image);

  background-repeat:
    no-repeat;

  background-position:
    center;

  background-size:
    contain;

  filter:
    grayscale(100%);

  transition:
    filter .30s ease,
    transform .30s ease;

  z-index:
    10;
}



.floating-side-image:hover {

  filter:
    grayscale(0%);

  transform:
    scale(1.04);
}



main a {

  color:
    #000 !important;

  transition:
    color .18s ease;
}



main a:visited {

  color:
    #000 !important;
}



main a:hover {

  color:
    var(--hover-accent) !important;
}



.cred {

  position:
    fixed;

  right:
    10px;

  bottom:
    5px;

  font-size:
    .8em;
}



.cred a,
.cred a:visited {

  color:
    #000 !important;
}



.cred a:hover {

  color:
    var(--hover-accent) !important;
}

</style><div class="floating-side-image"></div>


<div class="cred">

  <p>

    Layout by
    <a href="https://friendrewind.com/kaylamalone">Kayla</a>.

    OG layout by
    <a href="https://friendrewind.com/nordligesauer">nordligesauer</a>.

  </p>

</div>