← Back to Layouts
millennial optimism

Name: FriendRewind
Author: FriendRewind
Author: gizurrr
Category: Vintage
Created: October 2, 2026
wanted to replicate the look of the whimsical millennial hipster aesthetic sometimes used on MySpace profiles
Comments (0)

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

<style id="fr-vb2">
/* VB2_STATE:{"cursorUrl":"","overlayUrl":"","overlayOpacity":0.2,"avatarAnimation":"","pageFont":"Indie Flower","useLiveProfile":true,"previewUrl":"/profile?id=4","pageBgImage":"https://i.pinimg.com/736x/ce/80/ad/ce80adb3dfb30cfe1f3e0ceb59e9de05.jpg","pageBgMode":"cover","heroImageUrl":"","profileRowBgImage":"https://i.pinimg.com/736x/23/95/a5/2395a50712673b55b2ccdcbd2f528fb4.jpg","profileRowBgMode":"tile","navBgColor":"#4a6237","navBgImage":"https://i.pinimg.com/736x/99/42/52/994252c10e4061c69938429caafe5d5a.jpg","navBgMode":"cover","navLinkColor":"#ffffff","navLinkHover":"#ffffff","boxBgColor":"#ffffff","boxOpacity":1,"boxRadius":8,"contactHeaderBg":"#4a6237","contactHeaderText":"#ffffff","contactContentBg":"#ffffff","contactBorderColor":"#4169E1","contactBorderWidth":1,"contactBorderRadius":5,"contactBoxAnimation":"","interestsHeaderBg":"#4a6237","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":"https://i.pinimg.com/1200x/49/09/ba/4909ba5207dca702176b9b0084805656.jpg","urlInfo":"https://i.pinimg.com/1200x/49/09/ba/4909ba5207dca702176b9b0084805656.jpg","tableSection":"https://i.pinimg.com/1200x/49/09/ba/4909ba5207dca702176b9b0084805656.jpg","tunes":"https://i.pinimg.com/1200x/49/09/ba/4909ba5207dca702176b9b0084805656.jpg","blogPreview":"https://i.pinimg.com/1200x/49/09/ba/4909ba5207dca702176b9b0084805656.jpg","blurbs":"https://i.pinimg.com/1200x/49/09/ba/4909ba5207dca702176b9b0084805656.jpg","friends":"https://i.pinimg.com/1200x/49/09/ba/4909ba5207dca702176b9b0084805656.jpg","Comments Background":"https://i.pinimg.com/1200x/49/09/ba/4909ba5207dca702176b9b0084805656.jpg","comments":"https://i.pinimg.com/1200x/49/09/ba/4909ba5207dca702176b9b0084805656.jpg"}} */
/* Generated by FriendRewind.com Visual Builder */

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

body, body.profile-page {
  background-image: url("https://i.pinimg.com/736x/ce/80/ad/ce80adb3dfb30cfe1f3e0ceb59e9de05.jpg") !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-attachment: scroll !important;
  background-position: center center !important;
  font-family: 'Indie Flower', '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 {
  background-image: url("https://i.pinimg.com/736x/23/95/a5/2395a50712673b55b2ccdcbd2f528fb4.jpg") !important;
  background-repeat: repeat !important;
  background-size: auto !important;
  background-position: top center !important;
}

.myspace-header .top-nav {
  background: #4a6237;
  background-image: url("https://i.pinimg.com/736x/99/42/52/994252c10e4061c69938429caafe5d5a.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.myspace-header .main-nav-wrapper {
  background: #4a6237;
  background-image: url("https://i.pinimg.com/736x/99/42/52/994252c10e4061c69938429caafe5d5a.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

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

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

.contact .heading {
    background-color: #4a6237 !important;
    color: #ffffff !important;
  }

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

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

.contact, .url-info, .table-section, .tunes, .blog-preview, .blurbs, .friends, #comments, .comments-table td {
  background-image: url("https://i.pinimg.com/1200x/49/09/ba/4909ba5207dca702176b9b0084805656.jpg") !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}
</style>