← Back to Layouts
A03

Name: FriendRewind
Author: FriendRewind
Author: Corpse-princess2.0
Category: Classic
Created: August 31, 2026
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":"","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 */
/* ==========================================
   1. MAIN SITE BACKGROUND (Behind everything)
   ========================================== */
#outer {
  /* Replace URL with your hosted image link */
  background-image: url("https://i.pinimg.com/736x/8d/7c/55/8d7c5571f72df3dca8e5ad7d99100a66.jpg") !important;
  
  /* Background behavior settings */
  background-attachment: fixed; /* Keeps image still while scrolling */
  background-position: center center; /* Centers the image */
  background-size: cover; /* Stretches image to fit screen width */
  background-repeat: no-repeat;
}

/* ==========================================
   2. MIDDLE WORK CONTENT & PAGES (Fic reading area)
   ========================================== */
#inner, #main {
  /* Replace URL with a subtle pattern image, or use a semi-transparent color */
  background-image: url("https://i.pinimg.com/736x/ce/c7/9d/cec79d898cc4c10ac85b01feb522feee.jpg") !important;
  
  /* Alternative: Remove line above and uncomment line below for semi-transparent white */
  /* background: rgba(255, 255, 255, 0.9) !important; */
  
  color: #2b2b2b; /* Main text color */
}

/* ==========================================
   3. HEADER / TOP NAVIGATION BAR
   ========================================== */
#header {
  /* Replace URL with a banner or header accent image */
  background-image: url("HTTPS_LINK_TO_HEADER_BANNER_IMAGE") !important;
  background-size: cover;
  background-position: center;
}

/* ==========================================
   4. DASHBOARD SIDEBAR (Your profile menu)
   ========================================== */
#dashboard {
  /* Replace URL if you want a custom background just for your dashboard menu */
  background-image: url("HTTPS_LINK_TO_SIDEBAR_BACKGROUND") !important;
  background-size: cover;
}

/* ==========================================
   5. FIC CARDS / BLURBS (Browsing list items)
   ========================================== */
li.blurb {
  /* Replace URL to give each individual story block its own tiny background texture */
  background-image: url("HTTPS_LINK_TO_STORY_CARD_BACKGROUND") !important;
  border: 1px solid rgba(0,0,0,0.1); 
  border-radius: 8px;
  padding: 15px !important;
  margin-bottom: 15px !important;
}
</style>