← Back to Layouts
old green bad layout

Name: FriendRewind
Author: FriendRewind
Author: Zoe_Zombie [glmrklldUS!]
Category: Emo/Scene
Created: July 26, 2026
Comments (0)

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

<style>
<style>
@import url('https://fonts.googleapis.com/css2?family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');
</style>

<style>body{ 
	background-color:;
	background-image:url('https://i.postimg.cc/GtfVmNNb/Screenshot-2024-12-26-8-51-53-PM.png');
	background-size:10%;
    background-attachment:fixed;
}
#bg-image.image-background{
	display:none; /* hides default image */
}
/* Color and Font */
a, .count{
    color: #39FF14;
    font-family: "PT Sans", sans-serif;
    font-size: 12px!important;
}
.icon{
    font-size: 10px!important;
}
.main-nav-wrapper.links a{
    color:#39FF14!important;
    font-family: "PT Sans", sans-serif;
    font-size: 12px;
}
footer nav a{
    color:#39FF14!important;
    font-family: "PT Sans", sans-serif;
    font-size: 12px;
}
b, p, .blurbs{
    color:dimgray;
    font-family: "PT Sans", sans-serif;
    font-size: 12px;
}
h1{
    color: #39FF14;
    font-family: "PT Sans", sans-serif;
    font-size: 20px!important;
}
h2, h3, h4{
    color: #39FF14;
    font-family: "PT Sans", sans-serif;
    font-size: 14px!important;
}
.heading{
    background-color:transparent!important;
}
button{
    font-family: "PT Sans", sans-serif;
    background-color: black;
    border:1px solid dimgray;
    border-radius: 3px;
    color: dimgray;
}
    /* nav section */
#top.myspace-header{
}
.myspace-header .top-nav{ /* top section */
    background-image: none;
    border:1px solid black;
}
.myspace-header .main-nav-wrapper{ /* links section */
    background-image: none;
    border:1px solid black;
}
.myspace-header .main-nav li a{
    border-right:1px solid black;
}
	/* search */
.myspace-header .search-input { /* search bar */
    background: rgba(0,0,0,0.4);
    border:2px solid black;
    color:#39FF14;
    font-family: "Domine", serif;
}
.myspace-header .search-button { /* search button */
    background: rgba(0,0,0,0.4)!important;
    border:2px solid black;
    color: dimgray;
    font-weight: 1;
    text-shadow: none;
    font-family: "Domine", serif;
}
	/* main section */
main {
    background-color:black!important;
}
	/* name section */
span[itemprop="name"] h1{ 
    background-image: url('https://i.pinimg.com/736x/d4/9d/2f/d49d2f9b2aedb8af177abc261fbea891.jpg');
    background-size: 100%;
    border:5px solid black;
    padding:10px;
    margin-bottom:10px!important;
}
#top.myspace-header, .general-about, .profile-mood, .mood, .table-section.interests, .table-section.photos-preview, .table-section.videos-preview, .blurbs, .friends, .table-section.mutual-friends-section, .blog-preview{
    background-image: url('https://images.pexels.com/photos/11196384/pexels-photo-11196384.png');
    background-size: 100%100%;
    border:5px solid black;
}
.general-about{
        padding: 20px;
}
.general-about .profile-pic {
    box-shadow: 0px 0px 10px black;
}
.online{
    text-align: center;
}
	/* mood section */
.profile-mood{ /* status section */
    padding: 5px;
}
.profile-playlist-widget h3{
    color:silver!important;
}
.profile-playlist-widget li.current {
    background-color: rgba(255, 255, 255, 0.1)!important;
    color: white !important;
    font-weight: bold;
}
.pp-equalizer span {
    background: lightslategray!important;
}
.profile-playlist-widget li.current .song-info {
    color: white!important;
}
    /* view my: blog */
.mood{
    padding-left:5px;
    padding-top: 5px;
}

.contact, .url-info{
    background-image: url('https://images.pexels.com/photos/11196384/pexels-photo-11196384.png');
    background-size: 100%;
    border:5px solid black!important;
}

.details-table td{
    background-color: rgba(0,0,0,0.5)!important;
    border:5px solid black;
}
	/* right side of profile */
.table-section.mutual-friends-section{ /* mutual friends section */
}
.table-section.mutual-friends-section h4{
    color:#39FF14;
}
a.mutual-friend-chip{ /* friends bubble */
    background: 
    linear-gradient(180deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0) 50%),
    linear-gradient(135deg, #2c2c2c 0%, #000000 100%);
    box-shadow: 
    inset 0 1px 1px rgba(255, 255, 255, 0.2), 
    0 10px 20px rgba(0, 0, 0, 0.4);
    border:none;
    border-radius: 3px;
    color:#39FF14;
}
a.mutual-friend-chip:hover{
    background-color: black;
    color:#39FF14;
}
.table-section.photos-preview .inner img{
    min-height: 100%;
    box-shadow: 0px 0px 10px black;
}
.table-section.videos-preview{ /* videos section */
}
.pf-video-thumb-wrap{
    box-shadow: 0px 0px 10px black;
}
.blog-preview{
    padding: 5px;
}
.blog-preview h4{
    margin: 0px;
}
#top8-grid .person p {
    color: #39FF14;
}
.badge-widget-modal-content{
    background-color: black;
}
.badge-widget-modal-content p{
	color:gray!important;
}
.badges-widget .badge-label{
    color:#39FF14;
}
#badge-widget-modal-tier{
	color:#39FF14!important;
}
.badge-widget-modal-content img {
    background: #131314;
}
.badge-widget-modal-content .badge-widget-modal-close {
    color: white!important;
}
 .badge-widget-modal-content .badge-widget-modal-close:hover{
    color:green!important;
}
.comments-table{
    border-spacing: 0px 5px;
    border:none;
}
.comments-table td{
    background-color: rgba(0,0,0,0.5)!important;
    border:5px solid black;
}
#comments.friends{
    border: 5px solid black;
    margin-top:10px;
}
.cb-like-btn{
    border:none!important;
}
.comment-replies{
    border:1px solid dimgray;
    border-radius: 3px;
}
	/* footer section */
footer{
    background-color: rgba(0,0,0,0.5);
    border:5px solid black;
}
footer .links{
    background-color: transparent;
}
footer .links a{
    text-shadow: none;
}
	/* music bar */
#footer-music-bar.music-bar{
	background-color:black!important; /* music bar background */
}
.music-bar::before{ /* the glass skin */
	background-image: url('https://images.rawpixel.com/image_800/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvcGYtbWlzY3RleHR1cmUwMS10b25nLTAyNS1leWUtMDFfMS5qcGc.jpg')!important;
	background-size: 40%!important;
}
.music-bar .bar-btn{ /* buttons */
	color:#39FF14!important;
	background-color:black!important;
	border:1px solid black!important;
}
.bar-info-section{ /* song details section */
    background-color: rgba(0,0,0,0.4);
    border-radius: 5px;
}
/* now playing */
.bar-now-playing {
    color:#39FF14!important;
}
/* song title */
.music-bar .bar-title{
    color:white!important;
}
/* song length and seconds playing */
.bar-time-display, .bar-time-total {
    color:#39FF14!important;
}
/* bar color */
.bar-progress{
}
.bar-progress-fill{
    background: #39FF14!important;
}
/* windows logo */
.music-bar .bar-btn.playlist-btn{
    filter: grayscale(100%) contrast(200%);
}
.volume-slider{
    background: dimgray!important;
}
/* IM Messenger */
.bar-im-container{
	border-left:;
} 
#frw-im-button{
	background-color:black!important;
}
.person-icon-glossy{ /* IM person */
}
.messenger-label { /* IM messenger title */
}
  
  
  
 
  /* not main profile layout and addons */
  
/* Hide the default online icon */
.msOnlineNow, .online-icon {
    display:none!important;
}

/* Replace with your custom online icon */
.profileUserInfo, .contact-table {
    background-image: url('https://dl.glitter-graphics.com/pub/576/576022fvpsommjp7.gif') !important;
    background-repeat: no-repeat !important;
    background-position: left center !important;
}


 /* Polaroid Top Friends */
.friends-grid img {
    background: #fff !important;
    padding: 6px 6px 16px 6px !important;
    box-shadow: 0 3px 8px rgba(0,0,0,0.35) !important;
    transform: rotate(-3deg) !important;
    transition: transform 0.25s ease !important;
}
.friends-grid a:nth-child(even) img { transform: rotate(3deg) !important; }
.friends-grid img:hover { transform: rotate(0deg) scale(1.06) !important; } 

<img src= "https://i.postimg.cc/7LQ4z1sJ/12g136.jpg">
  
  
<style>
#vinyl-gallery * {
    all: unset;
  }
 
  #vinyl-gallery {
    all: initial!important;
    width: 100%!important;
    height: 230px!important;
    margin: 30px 0!important;
    display: flex!important;
    flex-direction: row!important;
    position: relative!important;
    margin-left: -6px!important;
  }
 
  #vinyl-gallery .vinyl {
      all:unset!important;
    perspective: 500px !important;
    width: 18px!important;
    transition: width 0.5s!important;
  }
 
  #vinyl-gallery .vinyl:hover {
    width: 148px!important;
  }
 
  #vinyl-gallery img {
      all:unset!important;
    transition: transform 0.5s, width 0.5s, height 0.5s, margin-top 0.5s!important;
    width: 180px!important;
    height: 180px!important;
    transform: rotateX(0deg) rotateY(25deg)!important;
    transform-style: preserve-3d!important;
    border-radius: 4px!important;
    border: 2px solid rgba(0, 0, 0, 0.1)!important;
object-fit: cover!important;
  }
 
  #vinyl-gallery .vinyl:hover img {
    transform: rotateX(0deg) rotateY(10deg)!important;
    width: 188px!important;
    height: 188px!important;
    margin-top: -2px!important;
  }
 
  #vinyl-gallery .title {
    color: #000000;
    display: block;
    visibility: hidden;
    position: absolute;
    bottom: 0px;
    text-align: center;
    width: 100%;
    padding-left: 6px;
  }
 
  #vinyl-gallery .vinyl:nth-child(n):hover + .title {
    visibility: visible;
  }

</style><div id="vinyl-gallery">
  <div class="vinyl">
    <img src="/proxy/image.php?url=https%3A%2F%2Fi.postimg.cc%2Fy8ZThFCv%2FI-Brought-You-My-Bullets-You-Brought-Me-Your-Love-cover.jpg">
  </div>
  <div class="title"></div>

  <div class="vinyl">
    <img src="/proxy/image.php?url=https%3A%2F%2Fi.postimg.cc%2FRZ6gPkK1%2FThree-cheers-clean.jpg">
  </div>
  <div class="title"></div>

  <div class="vinyl">
    <img src="/proxy/image.php?url=https%3A%2F%2Fi.postimg.cc%2F5NVX6LNw%2FBlackparadecover.jpg">
  </div>
  <div class="title"></div>

  <div class="vinyl">
    <img src="/proxy/image.php?url=https%3A%2F%2Fi.postimg.cc%2FDwfmchG0%2FDanger-Days-album-2010.jpg">
  </div>
  <div class="title"></div>

  <div class="vinyl">
    <img src="/proxy/image.php?url=https%3A%2F%2Fi.postimg.cc%2FTPTWymdy%2FBestkindamess.jpg">
  </div>
  <div class="title"></div>

  <div class="vinyl">
    <img src="/proxy/image.php?url=https%3A%2F%2Fi.postimg.cc%2FbJJDgh2p%2FEOTGMcover.jpg">
  </div>
  <div class="title"></div>

  <div class="vinyl">
    <img src="/proxy/image.php?url=https%3A%2F%2Fi.postimg.cc%2FGh5rhsZF%2FScreenshot-2026-01-10-11-44-45-PM.png">
  </div>
  <div class="title"></div>

  <div class="vinyl">
    <img src="/proxy/image.php?url=https%3A%2F%2Fi.postimg.cc%2F28VRJS3K%2FScreenshot-2026-01-10-11-45-45-PM.png">
  </div>
  <div class="title"></div>

  <div class="vinyl">
    <img src="/proxy/image.php?url=https%3A%2F%2Fi.postimg.cc%2Fvm7p91S4%2FScreenshot-2026-01-10-11-46-34-PM.png">
  </div>
  <div class="title"></div>

  <div class="vinyl">
    <img src="/proxy/image.php?url=https%3A%2F%2Fi.postimg.cc%2FQdVhtd5Q%2F600x600bf-60.jpg">
  </div>
  <div class="title"></div>

  <div class="vinyl">
    <img src="/proxy/image.php?url=https%3A%2F%2Fi.postimg.cc%2F43mkJLDB%2FSo-wrong-its-right.jpg">
  </div>
  <div class="title"></div>

  <div class="vinyl">
    <img src="/proxy/image.php?url=https%3A%2F%2Fi.postimg.cc%2FkXrNJ2bS%2Fab67616d0000b2734edea13391eda9d2a71fc58e.jpg">
  </div>
  <div class="title"></div>

  <div class="vinyl">
    <img src="/proxy/image.php?url=https%3A%2F%2Fi.postimg.cc%2Fyxf240Lw%2FHello-Fascination1.jpg">
  </div>
  <div class="title"></div>

  <div class="vinyl">
    <img src="/proxy/image.php?url=https%3A%2F%2Fi.postimg.cc%2FJ0ncFdtW%2FScreenshot-2024-12-26-9-21-55-AM.png">
  </div>
  <div class="title"></div>

  <div class="vinyl">
    <img src="/proxy/image.php?url=https%3A%2F%2Fi.postimg.cc%2FZn0VN2LM%2Fc3d30c023c8eb685fc1649ec2f1eca36-300x300x1.jpg">
  </div>
  <div class="title"></div>

  <div class="vinyl">
    <img src="/proxy/image.php?url=https%3A%2F%2Fi.postimg.cc%2F598YmnXH%2Fab67616d00001e02022decfcb623fd5646799dbf.jpgE">
  </div>
  <div class="title"></div>

 </div><style>
#vinyl-gallery * {
    all: unset;
  }
 
  #vinyl-gallery {
    all: initial!important;
    width: 100%!important;
    height: 230px!important;
    margin: 30px 0!important;
    display: flex!important;
    flex-direction: row!important;
    position: relative!important;
    margin-left: -6px!important;
  }
 
  #vinyl-gallery .vinyl {
      all:unset!important;
    perspective: 500px !important;
    width: 18px!important;
    transition: width 0.5s!important;
  }
 
  #vinyl-gallery .vinyl:hover {
    width: 148px!important;
  }
 
  #vinyl-gallery img {
      all:unset!important;
    transition: transform 0.5s, width 0.5s, height 0.5s, margin-top 0.5s!important;
    width: 180px!important;
    height: 180px!important;
    transform: rotateX(0deg) rotateY(25deg)!important;
    transform-style: preserve-3d!important;
    border-radius: 4px!important;
    border: 2px solid rgba(0, 0, 0, 0.1)!important;
object-fit: cover!important;
  }
 
  #vinyl-gallery .vinyl:hover img {
    transform: rotateX(0deg) rotateY(10deg)!important;
    width: 188px!important;
    height: 188px!important;
    margin-top: -2px!important;
  }
 
  #vinyl-gallery .title {
    color: #000000;
    display: block;
    visibility: hidden;
    position: absolute;
    bottom: 0px;
    text-align: center;
    width: 100%;
    padding-left: 6px;
  }
 
  #vinyl-gallery .vinyl:nth-child(n):hover + .title {
    visibility: visible;
  }


</style><div id="vinyl-gallery">
  <div class="vinyl">
    <img src="/proxy/image.php?url=https%3A%2F%2Fi.postimg.cc%2Fk4QK5QwB%2FScreenshot-2025-01-21-5-51-26-PM.png">
  </div>
  <div class="title"></div>


  <div class="vinyl">
    <img src="/proxy/image.php?url=https%3A%2F%2Fi.postimg.cc%2FgcK3FKn7%2FScreenshot-2025-01-21-5-52-44-PM.png">
  </div>
  <div class="title"></div>


  <div class="vinyl">
    <img src="/proxy/image.php?url=https%3A%2F%2Fi.postimg.cc%2Fj5NTRXby%2FLies-for-the-liars.jpg">
  </div>
  <div class="title"></div>


  <div class="vinyl">
    <img src="/proxy/image.php?url=https%3A%2F%2Fi.postimg.cc%2FL6Cfh6kB%2FScreenshot-2025-06-04-2-41-35-PM.png">
  </div>
  <div class="title"></div>


  <div class="vinyl">
    <img src="/proxy/image.php?url=https%3A%2F%2Fi.postimg.cc%2F6QdKJ55F%2FScreenshot-2025-01-21-6-00-18-PM.png">
  </div>
  <div class="title"></div>


  <div class="vinyl">
    <img src="/proxy/image.php?url=https%3A%2F%2Fi.postimg.cc%2F9MCmQPwq%2FIn-Love-and-Death.jpg">
  </div>
  <div class="title"></div>


  <div class="vinyl">
    <img src="/proxy/image.php?url=https%3A%2F%2Fi.postimg.cc%2FnrNNCZSw%2FScreenshot-2025-02-12-8-17-03-PM.png">
  </div>
  <div class="title"></div>


  <div class="vinyl">
    <img src="/proxy/image.php?url=https%3A%2F%2Fi.postimg.cc%2F6p8ZZJYs%2FScreenshot-2025-02-12-8-18-40-PM.png">
  </div>
  <div class="title"></div>


  <div class="vinyl">
    <img src="/proxy/image.php?url=https%3A%2F%2Fi.postimg.cc%2FZqB9cN5D%2FScreenshot-2025-06-04-2-37-10-PM.png">
  </div>
  <div class="title"></div>


  <div class="vinyl">
    <img src="/proxy/image.php?url=https%3A%2F%2Fi.postimg.cc%2Fjjmf0X1b%2FScreenshot-2025-06-04-2-35-02-PM.png">
  </div>
  <div class="title"></div>


  <div class="vinyl">
    <img src="/proxy/image.php?url=https%3A%2F%2Fi.postimg.cc%2FyYvhJ7Pm%2FScreenshot-2025-12-13-4-13-49-PM.png">
  </div>
  <div class="title"></div>


  <div class="vinyl">
    <img src="/proxy/image.php?url=https%3A%2F%2Fi.postimg.cc%2FvZ8fWDnp%2FScreenshot-2025-06-04-2-34-03-PM.png">
  </div>
  <div class="title"></div>


  <div class="vinyl">
    <img src="/proxy/image.php?url=https%3A%2F%2Fi.postimg.cc%2FQN2MVfzY%2FScreenshot-2025-10-25-7-12-44-PM.png">
  </div>
  <div class="title"></div>


  <div class="vinyl">
    <img src="/proxy/image.php?url=https%3A%2F%2Fi.postimg.cc%2FXqrH2Xxx%2FScreenshot-2026-01-10-11-49-36-PM.png">
  </div>
  <div class="title"></div>


  <div class="vinyl">
    <img src="/proxy/image.php?url=https%3A%2F%2Fi.postimg.cc%2F0j5M2LbB%2FScreenshot-2025-06-04-2-32-48-PM.png">
  </div>
  <div class="title"></div>


  <div class="vinyl">
    <img src="/proxy/image.php?url=https%3A%2F%2Fi.postimg.cc%2FFs2qBbMj%2FScreenshot-2026-01-10-11-47-49-PM.png">
  </div>
  <div class="title"></div>


 </div>
  
<img src="/proxy/image.php?url=https%3A%2F%2Fi.postimg.cc%2FFst9GZ9r%2FScreenshot-2026-06-30-5-01-39-PM.png"><style>* {cursor: url(https://cur.cursors-4u.net/holidays/hol-4/hol338.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2009/10/14/tiny-skull-crossbones.html" target="_blank" title="Tiny Skull Crossbones"><img src="/proxy/image.php?url=https%3A%2F%2Fcur.cursors-4u.net%2Fcursor.png" alt="Tiny Skull Crossbones" style="position:absolute; top: 0px; right: 0px;"></a><style>
@import url('https://fonts.googleapis.com/css2?family=Potta+One&display=swap');
body{font-family: "potta one" ;}
</style></style></style>