← Back to Layouts

☆ pixel dreams

Name: FriendRewind
Author: FriendRewind

Author: siopao

Category: Cute

Created: July 3, 2026

cyworld-inspired. pixel font, pale violet red and light gray accents. pink butterfly cursor, cute borders around main. font and wallpaper from decomail[dot]space.

let me know if anything looks weird. not tested for mobile yet.

Comments (0)

No comments yet. Be the first!

You must log in to comment.

CSS Code

<style>
<style>
@font-face {
  src: url(https://decomail.space/fonts/Boo%20City.ttf);
  font-family: Boo City;
}

* {
  cursor: url('https://cdn.cursors-4u.net/css-previews/flying-cute-pink-butterfly-15cfe584-css.webp') 0 0, auto !important;
}
body.profile-page {background-image: url(https://decomail.space/bg/white/9.jpg); font-family: boo city; text-transform: lowercase;}
main {width: 750px !important; margin: auto; background: transparent; }
main:before {content: ''; background-image: url(https://i.pinimg.com/originals/3c/e1/b2/3ce1b26859e465976d2260fad5b6530b.gif); width: %; height: 363px; display: block; background-size: cover; background-position: center; border-right: 9px ridge white; border-left: 9px ridge white; border-top: 9px ridge transparent; border-image: url(https://files.catbox.moe/dooy7j.png) 8 round;}
.profile {background: #fff; border-bottom: 9px ridge transparent; border-right: 9px ridge transparent; border-left: 9px ridge transparent; border-image: url(https://files.catbox.moe/dooy7j.png) 8 round;}
footer {width: 750px; margin: auto; background: #fff; border: 9px ridge transparent; border-image: url(https://files.catbox.moe/dooy7j.png) 8 round; }
  nav, nav .links, nav .top, .myspace-header, #navbar, #navigation, .links {background: transparent !important; border: none !important; width: 750px !important; font-family: boo city !important;}

.cb-like-btn {background: #aaa !important; color: #fff !important;}
p, .top, .heading, h1 {color: #555 !important;}
a, h4 {color: palevioletred !important;}
a:hover {color: pink !important; text-decoration: none !important; font-style: italic;}
.heading {background-image: linear-gradient(#fff, #eee) !important;}
.contact, .url-info, .table-section, .profile-pic img {border: 1px dashed #aaa !important;}
.contact .icon {display: none !important;}
.table-section td, #comments td {background: #eee !important;}

.online {visibility: hidden !important;}
.online img { content: url("https://dl5.glitter-graphics.net/pub/271/271635pyea2ukain.gif"); animation-name: none; visibility: visible; height: 20px; width: px;}
  
   .profile-playlist-widget {background: transparent !important; box-shadow: none !important; border: 1px dashed !important; border-radius: 0 !important; text-shadow: none !important; color: #555 !important;}
  .profile-playlist-widget h3 {color: #555 !important}
  .profile-playlist-widget li {background: transparent !important; color: #555 !important;}
  .profile-playlist-widget li:hover {background-color: rgba(200, 200, 200, 0.5) !important; border-color: #555 !important; border-style: dashed;}
  .profile-playlist-widget .song-info, .profile-playlist-widget .song-artist {text-shadow: none !important; color: #555 !important;}
  .pp-equalizer span {background-color: palevioletred !important;}
  .pp-drag {color: palevioletred !important; }
  
  .music-bar::before {display: none !important;}
  .music-bar {background: white !important;}
  .music-bar .bar-title, .music-bar .bar-btn {color: #555 !important; text-shadow: none !important;}
  .bar-now-playing, .bar-time-display, .bar-time-total, .bar-progress-fill {color: pink !important; text-shadow: none !important;}
  .bar-progress-fill {background: pink !important;}
  
  .site-name.logo {filter: invert();}  
  
  @media(max-width: 600px){
    main, nav, footer {width: 100% !important;}
    main:before {height: 290px !important; background-size: contain !important;}
  }
</style></style>