Midnight Archive

Author: J.C.
Category: My vibe
Created: July 31, 2026
Midnight Archive is a dark gothic layout inspired by vintage MySpace aesthetics. Featuring matte black backgrounds, deep crimson accents, elegant typography, and subtle teal highlights, it creates a mysterious, timeless atmosphere. Clean content boxes, textured surfaces, and refined details make it perfect for horror fans, alternative styles, gothic profiles, Halloween lovers, and anyone who prefers the darker side of the internet. Beautiful, readable, and fully customizable. 🖤🌙
Comments (0)

No comments yet. Be the first!
You must log in to comment.
CSS Code

<style>
/* VB2_STATE:{"cursorUrl":"https://cur.cursors-4u.net/cursors/cur-11/cur1038.cur","overlayUrl":"","overlayOpacity":0.1,"avatarAnimation":"frame39","pageFont":"Playfair Display","useLiveProfile":true,"previewUrl":"/profile?id=4","pageBgImage":"https://i.postimg.cc/y8yzgXxN/34D05EA0-8854-4352-9660-75EEDED634C7.png","pageBgMode":"tile","heroImageUrl":"https://i.postimg.cc/nzxqLxXv/Chat-GPT-Image-Jul-30-2026-11-18-21-PM.png","profileRowBgImage":"https://i.postimg.cc/CxNNXJmz/Chat-GPT-Image-Jul-30-2026-11-43-38-PM.png","profileRowBgMode":"tile","navBgColor":"#1a0000","navBgImage":"https://i.postimg.cc/CxNNXJmz/Chat-GPT-Image-Jul-30-2026-11-43-38-PM.png","navBgMode":"cover","navLinkColor":"#000000","navLinkHover":"#810909","boxBgColor":"#ffffff","boxOpacity":0.85,"boxRadius":7,"contactHeaderBg":"#1a0000","contactHeaderText":"#ffffff","contactContentBg":"#ffffff","contactBorderColor":"#4169E1","contactBorderWidth":1,"contactBorderRadius":5,"contactBoxAnimation":"","interestsHeaderBg":"#1a0000","interestsHeaderText":"#ffffff","interestsContentBg":"#ffffff","interestsBorderColor":"#DAA520","interestsBorderWidth":1,"interestsBorderRadius":5,"contentBoxAnimation":"","textBody":"#eaeaea","textHeading":"#ffffff","textLink":"#00d6d0","headingShadowColor":"#008b8b","headingShadowBlur":2,"headingShadowEnable":false,"moduleImages":{"contact":"https://i.postimg.cc/pLCDdrNV/Chat-GPT-Image-Jul-31-2026-12-27-58-AM.png","urlInfo":"https://i.postimg.cc/pLCDdrNV/Chat-GPT-Image-Jul-31-2026-12-27-58-AM.png","tableSection":"https://i.postimg.cc/pLCDdrNV/Chat-GPT-Image-Jul-31-2026-12-27-58-AM.png","tunes":"https://i.postimg.cc/pLCDdrNV/Chat-GPT-Image-Jul-31-2026-12-27-58-AM.png","blogPreview":"https://i.postimg.cc/pLCDdrNV/Chat-GPT-Image-Jul-31-2026-12-27-58-AM.png","blurbs":"https://i.postimg.cc/pLCDdrNV/Chat-GPT-Image-Jul-31-2026-12-27-58-AM.png","friends":"https://i.postimg.cc/pLCDdrNV/Chat-GPT-Image-Jul-31-2026-12-27-58-AM.png","Comments Background":"https://i.postimg.cc/pLCDdrNV/Chat-GPT-Image-Jul-31-2026-12-27-58-AM.png","comments":"https://i.postimg.cc/pLCDdrNV/Chat-GPT-Image-Jul-31-2026-12-27-58-AM.png"}} */
/* Generated by FriendRewind.com Visual Builder */

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&display=swap');

* { cursor: url(https://cur.cursors-4u.net/cursors/cur-11/cur1038.cur), auto !important; }

body, body.profile-page {
  background-image: url("https://i.postimg.cc/y8yzgXxN/34D05EA0-8854-4352-9660-75EEDED634C7.png") !important;
  background-repeat: repeat !important;
  background-size: auto !important;
  background-attachment: scroll !important;
  background-position: center center !important;
  color: #eaeaea !important;
  font-family: 'Playfair Display', 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', Arial, sans-serif !important;
}

@media (min-width: 769px) and (pointer: fine) {
  body, body.profile-page {
    background-attachment: fixed !important;
  }
}

.profile-pic{position:relative;width:180px;height:180px;display:inline-block;overflow:hidden;}
.profile-pic img{position:absolute;top:8%!important;left:8%!important;width:84%!important;height:84%!important;object-fit:cover;z-index:1;border-radius:12px!important;}
.profile-pic::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url('https://friendrewind.com/uploads/gallery/1/img_69704de1639703.79015697.png');background-size:100% 100%;background-repeat:no-repeat;background-position:center;pointer-events:none;z-index:2;}

main::before {
    content: "" !important;
    display: block !important;
    width: 100% !important;
    height: 300px !important;
    background-image: url('https://i.postimg.cc/nzxqLxXv/Chat-GPT-Image-Jul-30-2026-11-18-21-PM.png') !important;
    background-size: cover !important;
    background-position: center center !important;
  }

.profile {
  background-image: url("https://i.postimg.cc/CxNNXJmz/Chat-GPT-Image-Jul-30-2026-11-43-38-PM.png") !important;
  background-repeat: repeat !important;
  background-size: auto !important;
  background-position: top center !important;
}

.myspace-header .top-nav {
  background: #1a0000;
  background-image: url("https://i.postimg.cc/CxNNXJmz/Chat-GPT-Image-Jul-30-2026-11-43-38-PM.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.myspace-header .main-nav-wrapper {
  background: #1a0000;
  background-image: url("https://i.postimg.cc/CxNNXJmz/Chat-GPT-Image-Jul-30-2026-11-43-38-PM.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.myspace-header .main-nav li a {
  color: #000000;
}

.myspace-header .main-nav li a:hover {
  color: #810909;
}

.blurbs, .module, .profileInfo, .table-section {
    background-color: #ffffffd9 !important;
    border-radius: 7px !important;
  }

.contact {
    border: 1px solid #1a0000 !important;
    border-radius: 5px !important;
  }

.contact .heading {
    background-color: #1a0000 !important;
    color: #ffffff !important;
  }

.table-section, .friends, .blurbs, .module, .profileInfo {
    border: 1px solid #1a0000 !important;
    border-radius: 5px !important;
  }

.table-section .heading, .friends .heading, .blurbs .heading, .section .heading, .module .heading, .profileInfo .heading {
    background-color: #1a0000 !important;
    color: #ffffff !important;
  }

.profile, .table-section, .module, .blurbs, .section, .profileInfo, .friend-space, .badges-section, .url-info, .contact, .interests {
  color: #eaeaea !important;
}

h1, h2, h3, h4, h5, h6, .table-section h4, .module h4, .blurbs h4, .section h4 {
  color: #ffffff !important;
}

a, .profile a, .table-section a, .module a { color: #00d6d0 !important; }

.contact, .url-info, .table-section, .tunes, .blog-preview, .blurbs, .friends, #comments, .comments-table td {
  background-image: url("https://i.postimg.cc/pLCDdrNV/Chat-GPT-Image-Jul-31-2026-12-27-58-AM.png") !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}</style>