← Back to Layouts
@UhhhKira on Spacehey

Name: FriendRewind
Author: FriendRewind
Author: CyberRiott
Category: Classic
Created: September 25, 2026
Entire layout except for cursor made by this person
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":"frame30","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 */

.profile-pic{position:relative;width:180px;height:180px;display:inline-block;overflow:hidden;}
.profile-pic img{position:absolute;top:8%!important;left:8%!important;width:84%!important;height:84%!important;object-fit:cover;z-index:1;border-radius:12px!important;}
.profile-pic::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url('https://friendrewind.com/uploads/gallery/1/img_697047d6205725.98040150.png');background-size:100% 100%;background-repeat:no-repeat;background-position:center;pointer-events:none;z-index:2;}
</style><style>


/* FR_MANUAL_EXTRAS */
</style>
<style>


/* FR_MANUAL_EXTRAS */
</style>
<style>


/* FR_MANUAL_EXTRAS */
</style>
<style>


/* FR_MANUAL_EXTRAS */
</style>
<style>


/* FR_MANUAL_EXTRAS */
</style>
<style>


/* FR_MANUAL_EXTRAS */
::selection {
   background: #a8328b;
   color: pink;
}
</style>
<style>* {
  cursor: url('https://cdn.cursors-4u.net/previews/tiny-skull-crossbones-69fe6d68-32.webp') 32 32, auto !important;
}
</style>
<style>

@font-face {
  font-family: 'Astron Boy Video';
  src: url('https://dl.dropbox.com/s/uyofwenkjvs3p7d/astron%20boy%20video.woff2');
}

@font-face {
  font-family: 'We Are Alien';
  src: url('https://dl.dropbox.com/s/elp9x37vek8l97z/wearealien.woff2');
}


.logo {
  filter: sepia(100%) hue-rotate(287deg) saturate(200);
}

body {
  background: url(https://i.imgur.com/N1rJMyX.gif);
   background-size: 100%;
}

nav .top {
  background: transparent;
   color: white;
    border-style: dashed;
     border-width: 2px;
      border-radius: 10px;
       border-color: deeppink;
}

nav .links {
  background-color: transparent;
}

nav .links a {
  color: white;
}

nav .links a:hover {
  color: deeppink;
}

.profile {
  background: transparent;
   border-style: dashed;
    border-width: 2px;
     border-radius: 10px;
      border-color: deeppink;
       background-size: 100%;
}

.profile h1 {
  color: deeppink;
   font-family: 'Astron Boy Video';
    font-size: 50px;
}
.online {
  color: white;
   font-family: 'We Are Alien';
}

.online img {
  content: url("https://i.pinimg.com/originals/c3/97/7d/c3977d7be06576701fd39950123b13d6.gif");
   animation-name: none;
    visibility: visible;
     height: 60px;
      width: 60px;
}

time.ago {
  color: deeppink;
}

a {
  color: white;
   text-decoration: none;
    font-family: 'We Are Alien';
     font-size: 15px;
}

a:hover, a:active, .blog-entry .kudos-btn:hover, .blog-entry .kudos-btn:active {
  color: deeppink;
   text-decoration: underline;
}

.profile .blurbs .section h4 {
  color: white;
   margin: 0;
    font-family: 'We Are Alien';
     font-size: 15px;
}

.profile .blurbs .heading, .profile .friends .heading {
  background: black;
   color: deeppink;
    font-family: 'Astron Boy Video';
     font-size: 18px;
}

.profile .contact .heading, .profile .table-section .heading, .home-actions .heading {
  background: black;
   color: deeppink;
    font-family: 'Astron Boy Video';
     font-size: 18px;
}

.profile .contact, .profile .url-info, .profile .table-section, .home-actions {
  width: 100%;
   border: 2px solid black;
    margin: 10px 0;
}

.details-table td:first-child {
  background: black;
   color: deeppink;
    width: 33%;
     font-family: 'Astron Boy Video';
      font-size: 18px;
}

.details-table td {
  background: black;
   color: white;
    font-family: 'We Are Alien';
     font-size: 15px;
      vertical-align: top;
}

.comments-table td:first-child, .music-table td:first-child {
  background: black;
}

.comments-table td, .music-table td {
  background: black;
}

main {
  color: deeppink;
   font-family: 'Astron Boy Video';
    font-size: 15px;
     background: transparent;
}

.count {
  color: white;
}

footer {
  background: transparent;
}

.friends a p {
  color: deeppink;
   font-family: 'Astron Boy Video';
}

.comments-table td {
  color: deeppink;
   font-family: 'We Are Alien';
}

.general-about .details {
  font-family: 'We Are Alien';
   color: white;
}

.profile .mood p {
  color: white;
   font-family: 'We Are Alien';
}

.profile .mood p b {
  color: deeppink;
   font-family: 'Astron Boy Video';
}

.blog-preview p {
  font-weight: bold;
}

.links .special a:link, .links .special a:visited {
  color: white;
}

.links .special a:hover {
  color: deeppink;
}

.logout-btn, .logout-form {
  color: white;
   font-family: 'We Are Alien';
}

.profile .blurbs .section p {
  color: white;
   font-family: 'We Are Alien';
}

.profile .url-info p {
  color: white;
   font-family: 'We Are Alien';
}

.profile .url-info p b {
  color: deeppink;
   font-family: 'Astron Boy Video';
}

.profile .blurbs .section {
  color: black;
}

.profile .contact .icon {
  display: none;
}

.profile-info {
  background: black;
   border-style: dashed;
    border-width: 2px;
     border-radius: 10px;
      border-color: deeppink;
}

.blog-preview {
  background: black;
   border-style: dashed;
    border-width: 2px;
     border-radius: 10px;
      border-color: deeppink;
}

.profile .blurbs {
  background: black;
   border-style: dashed;
    border-width: 2px;
     border-radius: 10px;
      border-color: deeppink;
}

.friends {
  background: black;
   border-style: dashed;
    border-width: 2px;
     border-radius: 10px;
      border-color: deeppink;
}

.general-about {
  background: black;
   border-style: dashed;
    border-width: 2px;
     border-radius: 10px;
      border-color: deeppink;
}

.profile .mood {
  background: black;
   border-style: dashed;
    border-width: 2px;
     border-radius: 10px;
      border-color: deeppink;
}

.profile .contact {
  background: black;
   border-style: dashed;
    border-width: 2px;
     border-radius: 10px;
      border-color: deeppink;
}

.profile .url-info {
  background: black;
   border-style: dashed;
    border-width: 2px;
     border-radius: 10px;
      border-color: deeppink;
}

.profile .table-section {
  background: black;
   border-style: dashed;
    border-width: 2px;
     border-radius: 10px;
      border-color: deeppink;
}

.details-table td:first-child {
  border-style: dashed;
   border-width: 2px;
    border-radius: 10px;
     border-color: deeppink;
}

.details-table td {
  border-style: dashed;
   border-width: 2px;
    border-radius: 10px;
     border-color: deeppink;
}

.profile .table-section .heading {
  border-style: dashed;
   border-width: 2px;
    border-radius: 10px;
     border-color: deeppink;
}

.profile .contact .heading {
  border-style: dashed;
   border-width: 2px;
    border-radius: 10px;
     border-color: deeppink;
}

.profile .blurbs .heading {
  border-style: dashed;
   border-width: 2px;
    border-radius: 10px;
     border-color: deeppink;
}

.profile .friends .heading {
  border-style: dashed;
   border-width: 2px;
    border-radius: 10px;
     border-color: deeppink;
}

table.comments-table {
 border-width: 2px;
  border-color: deeppink;
}

}
.contact .inner a img {
       font-size: 0;

}
   .contact .inner a img:before {
       font-size: 1em;
    display: block

}
   .contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
   	/* Add to Friends */
	content: "☆"

}
   .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
   	/* Add to Favorites */
	content: "☆"

}
   .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	/* Send Message */
	content: "☆"

}
   .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	/* Forward to Friend */
	content: "☆"

}
   .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	/* Instant Message */
	content: "☆"

}
   .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	/* Block User */
	content: "☆"

}
   .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	/* Add to Group */
	content: "☆"

}
   .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	/* Report Profile */
	content: "☆"

}

</style>

<style>
* {
  cursor: url("https://i.imgur.com/vyHfsWI.png"), auto;
}

input {
  cursor: url("https://i.imgur.com/FTeaJyT.png"), auto;
}

a {
  cursor: url("https://i.imgur.com/y31bK86.png"), auto;
}

button {
  cursor: url("https://i.imgur.com/y31bK86.png"), auto;
}

.logout-btn {
  cursor: url("https://i.imgur.com/y31bK86.png"), auto;
}

</style>