Layout Preview | FriendRewind

Name: FriendRewind
Author: FriendRewind
FriendRewind
← Back to Layouts
Cyberpunk style?

Author: Pancreas Harvester
Category: Aesthetic
Created: June 23, 2026
Cyberpunk style?
Comments (0)

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

<style>
<style>
  body {
    background: url("https://files.catbox.moe/ai4x3z.gif") no-repeat fixed; 
    background-size: cover;
  }  
  main {
    border-radius: 4px; 
    border: 10px solid transparent; 
    padding: 10px; 
    color: black;
    background-color: black; 
  }
  body:before {
    content: " ";
    height: 100vh;
    width: 100vw;
    display: block;
    position: fixed; 
    top: 0; 
    left: 0; 
    z-index: 9999;
    background: url(https://media.tenor.com/cxCBA6GMp1MAAAAC/cyberpunk2077-sports-car.gif) no-repeat center;
    background-size: cover;
    animation: yourAnimation 3s ease 3s 1 normal forwards;
    pointer-events: none;
  }
  @keyframes yourAnimation { 
    0% { opacity: 1; }
    100% { opacity: 0; display: none; } 
  } 
  h1, h2, h3, h4, h5, a, p, nav label, .section {
    color: green;
    text-transform: lowercase !important; 
  }
  .online {
    color: green; 
  }
</style>

<style>* {cursor: url(https://ani.cursors-4u.net/cursors/cur-13/cur1162.ani), url(https://ani.cursors-4u.net/cursors/cur-13/cur1162.png), 
  auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2018/06/08/hell-yeah-pointer-5.html" target="_blank" title="Hell Yeah Pointer 5"><img src="https://cur.cursors-4u.net/cursor.png" alt="Hell Yeah Pointer 5" style="position:absolute; top: 0px; right: 0px;"/></a>


<style>
  @import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500&display=swap');
  h1, h2, h3, h4, h5 {
    font-family: 'Orbitron', sans-serif;
    font-size: 150%;
  } 
</style>
<style>
  footer {
    background-color: black;
  }
  .myspace-header .top-nav {
  background: #080808;
}
.myspace-header .main-nav-wrapper {
  background: #080808;
}
.myspace-header .main-nav li a {
  color: #636363;
}
.myspace-header .main-nav li a:hover {
  color: #bababa;
} 
  
  .contact {
    border: 1px solid #000000 !important;
    border-radius: 5px !important;
  }

.contact .heading {
    background-color: #000000 !important;
    color: #008000 !important;
  }

.table-section, .friends, .blurbs, .section, .module, .profileInfo {
    border: 1px solid #000000 !important;
    border-radius: 5px !important;
  }

.table-section .heading, .friends .heading, .blurbs .heading, .section .heading, .module .heading, .profileInfo .heading {
    background-color: #000000 !important;
    color: #008000 !important;
  }

.profile, .table-section, .module, .blurbs, .section, .profileInfo, .friend-space, .badges-section, .url-info, .contact, .interests {
  color: #008000 !important;
}
  
  a, .profile a, .table-section a, .module a { color: #008000 !important; }

.contact, .url-info, .table-section, .tunes, .blog-preview, .blurbs, .friends, #comments, .comments-table td {
  background-image: url("https://files.catbox.moe/nuepbj.png") !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}
 
#footer-music-bar .bar-title        { color: #008000 !important; } 

#footer-music-bar .bar-now-playing,

#footer-music-bar .bar-time-display,

#footer-music-bar .bar-time-total   { color: #008000 !important; }  

#footer-music-bar .bar-progress-fill{ background: #008000 !important; }  


.profile-playlist-widget .pp-header h3 { color: #008000 !important; } 

.profile-playlist-widget .song-info    { color: #008000 !important; }     

.profile-playlist-widget .song-artist  { color: #008000 !important; }  
  
</style></style>