← Back to Layouts
danger days

Name: FriendRewind
Author: FriendRewind
Author: ᯓ★ sav || sawblade ✧˖°.
Category: Music
Created: October 4, 2026
Comments (1)

drwninglessonz 1 hr ago
THIS IS BEAUTIFUL
You must log in to comment.
CSS Code

<style id="fr-vb2">
/* VB2_STATE:{"cursorUrl":"","overlayUrl":"","overlayOpacity":0.2,"avatarAnimation":"","pageFont":"Changa","useLiveProfile":true,"previewUrl":"/profile?id=4","pageBgImage":"https://i.pinimg.com/736x/99/0a/b9/990ab99ad22354370284d7d143d55c0a.jpg","pageBgMode":"cover","heroImageUrl":"https://i.pinimg.com/originals/c8/21/41/c82141068171c655852d1a93ac568613.gif","profileRowBgImage":"https://friendrewind.com/media/chat_media/chat_15792_234acda83c6683ebd5a33a19.jpg","profileRowBgMode":"tile","navBgColor":"#000000","navBgImage":"","navBgMode":"cover","navLinkColor":"#512267","navLinkHover":"#000000","boxBgColor":"#ffffff","boxOpacity":1,"boxRadius":3,"contactHeaderBg":"#000000","contactHeaderText":"#623c80","contactContentBg":"#ffffff","contactBorderColor":"#4169E1","contactBorderWidth":1,"contactBorderRadius":0,"contactBoxAnimation":"","interestsHeaderBg":"#000000","interestsHeaderText":"#623c80","interestsContentBg":"#ffffff","interestsBorderColor":"#DAA520","interestsBorderWidth":1,"interestsBorderRadius":0,"contentBoxAnimation":"","textBody":"#000000","textHeading":"#000000","textLink":"#610034","headingShadowColor":"#000000","headingShadowBlur":2,"headingShadowEnable":false,"moduleImages":{"contact":"https://i.pinimg.com/736x/09/30/a6/0930a6afd7ee2992261acc8a29f62a27.jpg","urlInfo":"https://i.pinimg.com/736x/09/30/a6/0930a6afd7ee2992261acc8a29f62a27.jpg","tableSection":"https://i.pinimg.com/736x/09/30/a6/0930a6afd7ee2992261acc8a29f62a27.jpg","tunes":"","blogPreview":"","blurbs":"https://i.pinimg.com/736x/09/30/a6/0930a6afd7ee2992261acc8a29f62a27.jpg","friends":"","Comments Background":"https://i.pinimg.com/736x/09/30/a6/0930a6afd7ee2992261acc8a29f62a27.jpg","comments":"https://i.pinimg.com/736x/09/30/a6/0930a6afd7ee2992261acc8a29f62a27.jpg"}} */
/* Generated by FriendRewind.com Visual Builder */

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

body, body.profile-page {
  background-image: url("https://i.pinimg.com/736x/99/0a/b9/990ab99ad22354370284d7d143d55c0a.jpg") !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-attachment: scroll !important;
  background-position: center center !important;
  font-family: 'Changa', '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;
  }
}

main::before {
    content: "" !important;
    display: block !important;
    width: 100% !important;
    height: 300px !important;
    background-image: url('https://i.pinimg.com/originals/c8/21/41/c82141068171c655852d1a93ac568613.gif') !important;
    background-size: cover !important;
    background-position: center center !important;
  }

.profile {
  background-image: url("https://friendrewind.com/media/chat_media/chat_15792_234acda83c6683ebd5a33a19.jpg") !important;
  background-repeat: repeat !important;
  background-size: auto !important;
  background-position: top center !important;
}

.myspace-header .top-nav {
  background: #000000;
}

.myspace-header .main-nav-wrapper {
  background: #000000;
}

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

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

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

.contact {
    border: 1px solid #000000 !important;
    border-radius: 0px !important;
  }

.contact .heading {
    background-color: #000000 !important;
    color: #623c80 !important;
  }

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

.table-section .heading, .friends .heading, .blurbs .heading, .section .heading, .module .heading, .profileInfo .heading {
    background-color: #000000 !important;
    color: #623c80 !important;
  }

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

.contact, .url-info, .table-section, .blurbs, #comments, .comments-table td {
  background-image: url("https://i.pinimg.com/736x/09/30/a6/0930a6afd7ee2992261acc8a29f62a27.jpg") !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}
</style><style>


/* FR_MANUAL_EXTRAS */
</style>
<style>
body{
  cursor: url('https://cdn.cursors-4u.net/previews/party-poisons-ray-gun-40270feb-48.webp') 25 25, auto !important;
}
  /* Wide Square Profile Tunes */

  div#profile-playlist-container {
  width: 105%!important;
  display: block;
  max-width: 500%!important;
} 
  .profile-playlist-widget {
  background: #fd038c !important;
  border: 1px solid #000!important;
  backdrop-filter: blur(10px) saturate(160%);
  -webkit-backdrop-filter: blur(10px) saturate(160%);
  color: #000!important;
  box-shadow: 0 4px 18px rgba(0,0,0,0.4);
  max-width: 500%!important;
  font-size: 13px;
  border-radius: 0px!important;
  padding: 5px!important;
  margin: 5px 0!important;
  position: relative;
  z-index: 1;
  overflow: hidden;
  -webkit-user-select: none;
  user-select: none;
}
  .profile-playlist-widget h3 {
  margin: 0;
  font-size: 15px;
  color: #000!important;
  flex: 1;
}
  .profile-playlist-widget .song-info {
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 12px;
  font-weight: 1000;
  margin: 0px;
  line-height: 1;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0)!important;
}
  .profile-playlist-widget .song-artist {
  font-weight: 800;
  color: #000!important;
  font-size: 11px;
}
  .profile-playlist-widget .pp-drag {
  width: 19px;
  min-width: 8px;
  height: 0px;
  margin-right: 6px;
  color: #000!important;
  cursor: grab;
  user-select: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  touch-action: none;
  border-radius: 0px!important;
  transition: all 0.15s ease;
}
  .profile-playlist-widget button {
  background: none;
  border: none;
  color: #000!important;
  cursor: pointer;
  font-size: 14px;
  padding: 2px 4px;
  border-radius: 0px!important;
  transition: all 0.2s;
  margin-left: auto;
}
  .profile-playlist-widget li.current .song-info {
  color: #fff !important;
}
  .profile-playlist-widget li.current {
  color: #fff !important;
  background: black!important;
}
  .profile-playlist-widget li.current .song-artist {
  color: #fff !important;
}
  .profile-playlist-widget li.profile-playlist-item:hover {
  color: #fff !important;
  background: #000 !important;
  border: 1px solid #fff;
}
  .profile-playlist-widget li.profile-playlist-item {
  border-radius: 0px!important;
}

  li.profile-playlist-empty {
  border-radius: 0px!important;
  color: #000!important;
}
  .pp-equalizer {
  display: none;
  align-items: flex-end;
  gap: 0px;
  height: 32px!important;
  margin-right: auto;
  content: url('https://www.iconsdb.com/icons/download/white/musical-note-512.png');
}

body::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;

  background-image: url("https://i.pinimg.com/originals/d6/38/35/d63835a0d3327d1e0ce3df0b04dd8861.gif");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;

  z-index: 999999;
  pointer-events: none;

  animation: loadingScreen 5s ease forwards;
}

@keyframes loadingScreen {
  0% {
    opacity: 1;
  }

  75% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}
  
</style>
<style>

/* PASTE YOUR GOOGLE FONT IMPORT BELOW */
@import url('https://fonts.googleapis.com/css2?family=Geist+Pixel&display=swap')

.profile-name,
h1 {

  /* PUT YOUR FONT NAME HERE */
   font-family: "Geist Pixel", sans-serif !important;

  /* CHANGE FONT SIZE */
  font-size: 36px !important;

  /* CHANGE FONT COLOR */
  color: #ff69b4 !important;

}

</style>
<style>
/* Remove all navigation link dividers */

body.profile-page nav#nav .links li::after,
body.profile-page nav#nav .links li:not(:last-child)::after {
  content: "" !important;
  display: none !important;
}

body.profile-page nav#nav .links li,
body.profile-page nav#nav .links a {
  border-left: none !important;
  border-right: none !important;
  box-shadow: none !important;
}
</style>
<style>
.myspace-header .nav-logo {
  content: url('https://friendrewind.com/media/chat_media/chat_15792_6df1221d193e23b492917f59.png');
  width: 140px;
  height: auto;
}
  .online {
  content: 
url("https://64.media.tumblr.com/9a1ab858287055974de2d8fce6ea1857/tumblr_inline_p7xox45UUQ1rhwzwl_75sq.gifv");
}


</style>
<style>
/* Remove all navigation link dividers */

body.profile-page nav#nav .links li::after,
body.profile-page nav#nav .links li:not(:last-child)::after {
  content: "" !important;
  display: none !important;
}

body.profile-page nav#nav .links li,
body.profile-page nav#nav .links a {
  border-left: none !important;
  border-right: none !important;
  box-shadow: none !important;
}
  .comments-table{
display: block;
height: 500px;
overflow-y: scroll;
Border-radius: 0px; 
color: #fe7ec0;
  text-shadow: 1px 1px 2px #000000, 0 0 25px #000
   000, 0 0 3px #000000; 
}
</style>
<style>
::selection {
/* Change highlight background color */
background: #fec5e5;
/* Change highlight text color */
color: #FFFFFF;
}
html {
overflow: scroll;
overflow-x: hidden;
}
::-webkit-scrollbar {
width: 0; /* remove scrollbar space */
background: transparent; /* to make scrollbar invisible */
}
::-webkit-scrollbar-thumb {
background: transparent;
}
</style>