← Back to Layouts
xmen

Name: FriendRewind
Author: FriendRewind
Author: noahthankyou
Category: ?
Created: August 4, 2026
Comments (0)

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

<style>
<style>
/* Generated by FriendRewind.com Visual Builder - Optimized & Fixed */

@import url('https://googleapis.com');

/* Fixed Cyclops Cursor Configuration */
* { 
  cursor: url('https://cdn.cursors-4u.net/previews/cyclops-x-men-ae575b4e-32.webp') 32 32, auto !important; 
}


@keyframes grain {
  0%, 100% { transform:translate(0, 0) }
  10% { transform:translate(-5%, -10%) }
  20% { transform:translate(-15%, 5%) }
  30% { transform:translate(7%, -25%) }
  40% { transform:translate(-5%, 25%) }
  50% { transform:translate(-15%, 10%) }
  60% { transform:translate(15%, 0%) }
  70% { transform:translate(0%, 15%) }
  80% { transform:translate(3%, 35%) }
  90% { transform:translate(-10%, 10%) }
}

/* Core Page Framework */
body, body.profile-page {
  background-image: url("https://i.pinimg.com/originals/c8/0c/5d/c80c5dd7c55e12c6851dfa9be52d6d1f.gif") !important;
  background-repeat: repeat !important;
  background-size: auto !important;
  background-attachment: fixed !important;
  background-position: center center !important;
  color: #c6c98f !important;
  font-family: 'Press Start 2P', system-ui, -apple-system, BlinkMacSystemFont, sans-serif !important;
}

/* Content Container Color Synchronization */
.profile, .table-section, .module, .blurbs, .section, .profileInfo, .friend-space, .badges-section, .url-info, .contact, .interests {
  color: #c6c98f !important;
}

/* Deep Red Container Box Pulse Glow */
@keyframes boxGlow {
  0%, 100% {
    box-shadow: 0 0 8px rgba(84, 37, 40, 0.4), 0 0 0px rgba(84, 37, 40, 0.2);
  }
  50% {
    box-shadow: 0 0 25px rgba(84, 37, 40, 0.8), 0 0 35px rgba(84, 37, 40, 0.4);
  }
}

.contact, .table-section, .friends, .blurbs, .module, .profileInfo {
  animation: boxGlow 2.5s infinite ease-in-out !important;
}

/* Structural Header Image */
main::before {
  content: "" !important;
  display: block !important;
  width: 100% !important;
  height: 300px !important;
  background-image: url("https://i.pinimg.com/1200x/65/83/d3/6583d3c11288c7d91d40fb314166e71d.jpg") !important;
  background-size: cover !important;
  background-position: center center !important;
}

/* Global Background Layouts */
.profile {
  background-image: url("https://i.pinimg.com/1200x/19/66/05/1966059c4849c4d90dd486af082f21ce.jpg") !important;
  background-repeat: repeat !important;
  background-size: auto !important;
  background-position: top center !important;
}

.myspace-header .top-nav, .myspace-header .main-nav-wrapper {
  background-image: url("https://i.pinimg.com/1200x/6d/be/ae/6dbeae2d7f877e9b22b0e1d204037235.jpg");
  background-repeat: repeat;
  background-size: auto;
  background-position: center;
}

/* Module Borders & Headers */
.contact {
  border: 0px solid #5e704b !important;
  border-radius: 0px !important;
}

.contact .heading {
  background-color: #5e704b !important;
  color: #ffffff !important;
}

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

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

/* Custom Asset Section Panels */
.url-info {
  background-image: url("https://i.pinimg.com/1200x/45/cf/c4/45cfc4f5ff577af83d063d8ed0607949.jpg") !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

.table-section {
  background-image: url("https://i.pinimg.com/1200x/2d/5f/46/2d5f46a663639addc739b6b8cdc09808.jpg") !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

.blog-preview {
  background-image: url("https://i.pinimg.com/1200x/6a/9e/61/6a9e614df46c703d9243cf46cbc165af.jpg") !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

.comments-table td {
  background-image: url("https://i.pinimg.com/1200x/05/23/1e/05231e0a5c4289862208d5b8ac956a7d.jpg") !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}</style>