← Back to Layouts
Emo

Name: FriendRewind
Author: FriendRewind
Author: eternallyours
Category: Classic
Created: October 11, 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 */
/* † DARK GOTHIC ANIME BOY † */
body, body.profile-page {
  background: #08080a !important;
  color: #bdbdc5 !important;
  font-family: 'Courier New', monospace !important;
}

body.profile-page main {
  background: transparent !important;
}

body.profile-page .master-container {
  background: rgba(12,12,15,.96) !important;
  color: #bdbdc5 !important;
  border: 1px solid #303036 !important;
  box-shadow: 0 0 24px rgba(0,0,0,.8) !important;
}

body.profile-page nav,
body.profile-page nav .top,
body.profile-page nav .links {
  background: #08080a !important;
  border-color: #33333a !important;
}

body.profile-page nav a,
body.profile-page a {
  color: #c5c5ce !important;
  text-decoration: none !important;
  transition: color .2s, text-shadow .2s;
}

body.profile-page a:hover {
  color: #fff !important;
  text-shadow: 0 0 8px #a0a0b0;
}

body.profile-page .profile-pic img {
  border: 2px solid #686872 !important;
  filter: grayscale(25%) contrast(1.08);
  box-shadow: 0 0 14px rgba(180,180,200,.12);
}

body.profile-page .heading {
  background: #202024 !important;
  color: #e2e2e8 !important;
  border-bottom: 1px solid #484850 !important;
  letter-spacing: 1px;
}

body.profile-page .heading h1,
body.profile-page .heading h4,
body.profile-page h1,
body.profile-page h2,
body.profile-page h3,
body.profile-page h4 {
  color: #e0e0e6 !important;
  text-shadow: 0 0 8px rgba(180,180,195,.12);
}

body.profile-page .contact,
body.profile-page .url-info,
body.profile-page .table-section,
body.profile-page .module,
body.profile-page .blurbs,
body.profile-page .friends,
body.profile-page .interests,
body.profile-page .blog-preview,
body.profile-page #comments,
body.profile-page .comments-table {
  background-color: #141417 !important;
  color: #bdbdc5 !important;
  border: 1px solid #34343b !important;
  border-radius: 3px !important;
}

body.profile-page .details-table td:first-child {
  background: #202024 !important;
  color: #d9d9e0 !important;
}

body.profile-page input,
body.profile-page textarea,
body.profile-page select {
  background: #0d0d10 !important;
  color: #dedee5 !important;
  border: 1px solid #45454d !important;
}

body.profile-page img {
  max-width: 100%;
}

body.profile-page ::selection {
  background: #737380;
  color: #fff;
}

body.profile-page {
  scrollbar-color: #484850 #0a0a0c;
}

@media (max-width: 600px) {
  body.profile-page .master-container {
    width: 100% !important;
    max-width: 100% !important;
  }
}
/* RIKKA × DARK GOTHIC ANIME */
body.profile-page {
  background-color: #09080d !important;
  color: #c3bdce !important;
}

body.profile-page .master-container {
  background: #100e15 !important;
  border: 1px solid #44384e !important;
  box-shadow: 0 0 22px rgba(80,48,105,.15) !important;
}

body.profile-page nav,
body.profile-page nav .top,
body.profile-page nav .links {
  background: #0b0910 !important;
  border-color: #41354b !important;
}

body.profile-page a,
body.profile-page nav a {
  color: #b8a6d0 !important;
}

body.profile-page a:hover {
  color: #eee5ff !important;
  text-shadow: 0 0 8px #75558f;
}

body.profile-page .heading {
  background: #211a29 !important;
  color: #e5d8f2 !important;
  border-bottom: 1px solid #574466 !important;
}

body.profile-page .heading h1,
body.profile-page .heading h4,
body.profile-page h1,
body.profile-page h2,
body.profile-page h3,
body.profile-page h4 {
  color: #e1d5ef !important;
}

body.profile-page .profile-pic img {
  border: 2px solid #89709f !important;
  box-shadow: 0 0 15px rgba(131,89,166,.22) !important;
  filter: grayscale(12%) contrast(1.05);
}

body.profile-page .contact,
body.profile-page .url-info,
body.profile-page .table-section,
body.profile-page .module,
body.profile-page .blurbs,
body.profile-page .friends,
body.profile-page .interests,
body.profile-page .blog-preview,
body.profile-page #comments,
body.profile-page .comments-table {
  background: #151119 !important;
  color: #c3bdce !important;
  border: 1px solid #403447 !important;
  border-radius: 3px !important;
}

body.profile-page .details-table td:first-child {
  background: #211a29 !important;
  color: #d6c4e7 !important;
}

body.profile-page ::selection {
  background: #74568d;
  color: #fff;
}
</style>