Layout Preview | FriendRewind

Name: FriendRewind
Author: FriendRewind
FriendRewind
← Back to Layouts
Test[as]

Author: surveyor_ii
Category: <3
Created: June 16, 2026
Comments (0)

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

<style>
<style>
<style>
  
  * {
  cursor: url('https://cdn.cursors-4u.net/previews/rock-on-e561a6f1-32.webp') 37 32, auto !important;
}
  
html,
body,
body.profile-page {
  background-image: url("https://i.pinimg.com/1200x/ae/6c/50/ae6c50a75cd670e84970436539f6f035.jpg");
  background-position: center;
  background-attachment: fixed;
  background-size: cover;
}

@font-face {
  font-family: roman;
  src: url("https://dl.dropbox.com/s/f9cfrx4wyt13rwv/ROMANTIC.TTF");
}
  
  @font-face {
    font-family: angel;
    src: url("https://dl.dropbox.com/s/qrdm3wived8sm66/Yipes.ttf");
  }

h1 {
  font-family: roman;
  font-size: 34px !important;
  letter-spacing: 3px;
  color: white !important;
  text-shadow: 0 0 6px white;
  letter-spacing: 5px;
}

.col.w-40.left,
.col.right,
.general-about,
.contact,
.table-section,
.blurbs,
.blog-preview,
.photos-preview,
.videos-preview,
.friends,
#comments {
  background: rgba(0, 0, 0, 0.30) !important;
  color: white !important;
  border-radius: 10px !important;
  padding: 12px;
  box-shadow: none !important;
}

main,
.row.profile,
.myspace-header,
.main-nav-wrapper,
.main-nav-container,
.main-nav-container ul,
.main-nav-container li {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  border: none !important;
}

.main-nav-wrapper,
.main-nav-wrapper.links,
.main-nav-container {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.main-nav-container,
.main-nav-container ul {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  width: 100% !important;
  padding: 6px 8px !important;
  margin: 0 !important;
}

.main-nav-container a,
.main-nav-container a:link,
.main-nav-container a:visited {
  background: rgba(0, 0, 0, 0.30) !important;
  color: white !important;
  border: none !important;
  border-radius: 7px !important;
  margin: 0 !important;
  padding: 4px 18px !important;
  height: auto !important;
  line-height: normal !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

.main-nav-container a:hover {
  background: rgba(77, 143, 216, 0.25) !important;
  color: white !important;
}
  
  .master-container {
    background: url("https://files.catbox.moe/porvxa.png");
  }

.contact,
.table-section,
.blurbs,
.blog-preview,
.photos-preview,
.videos-preview,
.friends,
#comments {
  background: rgba(0, 0, 0, 0.30) !important;
  color: white !important;
  border: 2px solid white !important;
  border-radius: 10px !important;
  padding: 12px;
  box-shadow: none !important;
}

.heading,
.heading *,
.table-section .heading,
.contact .heading,
.blurbs .heading,
.friends .heading,
.blog-preview .heading,
.photos-preview .heading,
.videos-preview .heading,
.general-about .heading {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  color: white !important;
}

.details p {
  background-color: transparent !important;
  margin-left: 150px;

}
  
  .myspace-header .top-nav  {
    background: rgba(0,0,0, 0) !important;
  }
  #comments, 
#comments table, 
#comments td {
  background: rgba(0, 0, 0, 0.30) !important;
  background-color: rgba(0, 0, 0, 0.30) !important;
  color: white !important;
  }
  /* Change all section headers to vintage subway green */
.heading, 
.heading *, 
.table-section .heading, 
.contact .heading, 
.blurbs .heading, 
.friends .heading, 
.blog-preview .heading, 
.photos-preview .heading, 
.videos-preview .heading, 
.general-about .heading,
.orangeText,
.lightbluetext {
  color: #8ba989 !important; /* Muted subway tile green */
}
  /* Change "General", "Music", "Movies", etc. labels in the Interests table */
.table-section td:first-child,
.details table td:first-child,
.lightbluetext8,
.orangetext15,
td.text {
  color: #8ba989 !important; 
  font-weight: bold !important; /* Keeps them bold and readable */
  /* Change Contact/Interaction Links (Add to Friends, Blog, etc.) */
  }
.contact a,
.contact a:link,
.contact a:visited,
.table-section a,
.blurbs a,
.friends a {
  color: #8ba989 !important; /* Matches your vintage subway green */
  text-decoration: underline !important; /* Keeps them looking like links */
  font-weight: bold !important;
}

/* Give them a neat effect when you hover over them */
.contact a:hover,
.table-section a:hover,
.blurbs a:hover,
.friends a:hover {
  color: #ffffff !important; /* Turns white when hovered */
  text-shadow: 0 0 5px #8ba989 !important; /* Gives it a slight green fluorescent glow */
}
  /* Apply the vintage green to the Blog links and [View Blog] */
.blog-preview a,
.blog-preview a:link,
.blog-preview a:visited,
.blog a,
.blog a:link,
.blog a:visited,
.blog-preview .heading a {
  color: #8ba989 !important; /* Matches your vintage subway green */
  text-decoration: underline !important; 
  font-weight: bold !important;
}

/* Apply the glowing white hover effect to the Blog links */
.blog-preview a:hover,
.blog a:hover,
.blog-preview .heading a:hover {
  color: #ffffff !important; /* Turns white when hovered */
  text-shadow: 0 0 5px #8ba989 !important; /* Fluorescent green glow */
}
</style></style></style>