← Back to Layouts
in love

Name: FriendRewind
Author: FriendRewind
Author: siopao
Category: Cute
Created: July 27, 2026
Comments (0)

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

<style>
<style>
  .profile{ display:flex; flex-direction: column; overflow-y: auto; height: 400px; width: 350px !important; translate: 550px 50px !important;} .profile .left{width: 100% !important;}
  
  body.profile-page {background-color: white !important; font-family: helvetica neue, sans-serif !important; font-weight: 350 !important; text-transform: lowercase !important;}
  main {
    background-color: transparent !important;
    background-image: url(https://i.ibb.co/rG4cv5Wy/vn3.jpg) !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    width: 1000px !important;
    height: 570px;
    translate: -100px !important;
  }
  .table-section, h1, .general-about, .mood, .friends, .url-info, .blog-preview, .heading {display: none !important;}
  .links, footer, .myspace-header, #navbar, #navigation {background: transparent !important; border: none !important;}
  
  .site-name.logo {filter: invert();}
  .contact {border: none !important;}
  .contact .icon {display: none !important;}
  a {color: darkmagenta !important;}
  a:hover {color: hotpink !important; font-style: italic; text-decoration: none !important; text-transform: uppercase;}
  
  .profile-playlist-widget {background: linear-gradient(#fff, #FFEDF6 40%, #fff) !important; border: 1px dashed !important; text-shadow: none !important; color: hotpink !important; box-shadow: none !important;}
  .profile-playlist-widget h3 {color: hotpink !important}
  .profile-playlist-widget li {background: transparent !important; color: hotpink !important;}
  .profile-playlist-widget li:hover {background-color: rgba(255, 182, 193, 0.2) !important; border-color: hotpink !important; border-style: dashed;}
  .profile-playlist-widget .song-info, .profile-playlist-widget .song-artist {text-shadow: none !important; color: hotpink !important;}
  .pp-equalizer span {background-color: deeppink !important;}
  .pp-drag {color: hotpink !important; }
  
  #navigation {font-family: helvetica neue, sans-serif; font-weight: 350 !important; text-align: center; margin: ;}
  #navigation a, .links a {border: 1px solid; padding: 0 0 5px 0; border-radius: 5px; background: linear-gradient(#fff, #FFE8F4 40%, #fff); margin: 10px; color: hotpink !important; text-shadow: none !important; padding: 5px !important;}
#navigation a:hover {background: linear-gradient(#fff, #FFE8FF 40%, #fff); border: 1px solid darkmagenta !important; color: darkmagenta !important;}
  
  .main-nav-container {width: 100% !important;}
 .navigation {margin: auto !important; translate: 0 -10px;}
  .js-dropdown-open {background: transparent !important;}
  #profileDropdownMenu.dropdown-menu.js-dropdown-open {border: none !important; box-shadow: none !important;}
  
  .music-bar::before {display: none !important;}
  .music-bar {background: white !important;}
  .music-bar .bar-title, .music-bar .bar-btn {color: darkmagenta !important; text-shadow: none !important;}
  .bar-now-playing, .bar-time-display, .bar-time-total {color: darkmagenta !important; text-shadow: none !important;}
  .bar-progress-fill {background: hotpink !important;}
  
  
  footer {color: darkmagenta;}
::-webkit-scrollbar {width: 0; height: 0;}
</style></style>