← Back to Layouts
2

Name: FriendRewind
Author: FriendRewind
Author: cupid
Category: :D
Created: July 26, 2026
Awesome
Comments (0)

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

<style>
<style>
/* --- DARK CRYO-LAB FRIENDREWIND THEME --- */

/* 1. Page Background Image & Base Colors */
body {
  background-color: #020604 !important;
  /* ☆replace this with your main background image url if desired☆ */
  background-image: linear-gradient(rgba(2, 6, 4, 0.85), rgba(2, 6, 4, 0.85)), url('☆insert url☆') !important;
  background-size: cover !important;
  background-attachment: fixed !important;
  background-position: center !important;
  color: #729e8c !important;
  font-family: 'Courier New', Courier, monospace !important;
}

/* 2. Main Profile Containers (Dark Semi-Transparent Panels) */
main, .container, .profile-info, .blurbs, .contact, .friends, .table-section, .url-info, nav .top, nav .links, footer {
  background-color: rgba(3, 12, 9, 0.94) !important;
  border: 1px solid #0f3026 !important;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.95) !important;
  color: #8bbfa9 !important;
  border-radius: 3px !important;
}

/* 3. Section Titles & Headings */
.heading, .title, h1, h2, h3, h4, h5, .profile h1 {
  background-color: #010806 !important;
  color: #3bf3b3 !important;
  border-bottom: 1px solid #0f3026 !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  text-shadow: 0 0 6px rgba(59, 243, 179, 0.3) !important;
  font-family: 'Courier New', Courier, monospace !important;
}

/* 4. Links Styling */
a, a:link, a:visited {
  color: #4ee2af !important;
  text-decoration: none !important;
}

a:hover {
  color: #ffffff !important;
  text-shadow: 0 0 8px #3bf3b3 !important;
}

/* 5. Table Rows & Comment Boxes */
td, .comments-table td, .table-section td {
  background-color: #010604 !important;
  border: 1px solid #0c261e !important;
  color: #8bbfa9 !important;
}

/* 6. Profile Pictures & Avatars Filter */
.profile-pic img, .avatar img, .friends .person img {
  border: 1px solid #0f3026 !important;
  filter: brightness(65%) contrast(125%) grayscale(25%) !important;
}

/* 7. Dark Edge Vignette & CRT Scanline Overlay */
body::before {
  content: " " !important;
  display: block !important;
  position: fixed !important;
  top: 0 !important; left: 0 !important; bottom: 0 !important; right: 0 !important;
  background: 
    /* Heavy edge vignette (darkens the borders of the screen) */
    radial-gradient(ellipse at center, rgba(0,0,0,0) 30%, rgba(0,0,0,0.85) 75%, rgba(0,0,0,0.98) 100%),
    /* Subtile scanlines */
    linear-gradient(rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.5) 50%) !important;
  background-size: 100% 100%, 100% 4px !important;
  z-index: 999 !important;
  pointer-events: none !important;
}
</style>

<!-- NOW PLAYING WIDGET -->
<div style="background-color: #010604; border: 1px solid #0f3026; padding: 10px; margin-bottom: 15px; font-family: 'Courier New', Courier, monospace; box-shadow: 0 0 15px rgba(0,0,0,0.8);">
  <div style="display: flex; align-items: center; gap: 12px;">
    
    <!-- Mini Album Art / Specimen Icon -->
    <img src="☆insert url☆" alt="Album Cover" style="width: 48px; height: 48px; border: 1px solid #0f3026; object-fit: cover; filter: brightness(60%) contrast(125%);">
    
    <div style="flex-grow: 1;">
      <div style="font-size: 9px; color: #2e5445; text-transform: uppercase; letter-spacing: 1px;">[AUDIO_FEED // ACTIVE]</div>
      <div style="font-size: 12px; color: #3bf3b3; font-weight: bold; margin: 2px 0;">
        NOW PLAYING: <span style="color: #ffffff;">☆replace this with SONG TITLE☆</span>
      </div>
      <div style="font-size: 11px; color: #8bbfa9;">ARTIST: ☆replace this with ARTIST NAME☆</div>
    </div>
    
    <!-- Audio Waveform Visualizer simulation -->
    <div style="display: flex; gap: 3px; align-items: flex-end; height: 18px;">
      <div style="width: 3px; height: 60%; background: #3bf3b3;"></div>
      <div style="width: 3px; height: 100%; background: #3bf3b3;"></div>
      <div style="width: 3px; height: 40%; background: #0f3026;"></div>
      <div style="width: 3px; height: 85%; background: #3bf3b3;"></div>
    </div>

  </div>
</div></style>