← Back to Layouts
old layout

Name: FriendRewind
Author: FriendRewind
Author: ryan
Category: 2000s
Created: August 9, 2026
Comments (0)

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

<style>
<style>

/*Colors*/
     :root {
        --logo-blue: ;
        --darker-blue: white;
        --lighter-blue: #660902;
        --even-lighter-blue: #660902;
        --lightest-blue: #a31107;
        --dark-orange: white;
        --light-orange: #a31107;
        --even-lighter-orange: #a31107;
        --green: ;}

main {
border-radius: 0 0 0px 0px;
background: #000 !important;}

.profile {
color:white;
text-shadow: 0 0 9px black;}

.online {
   content: url(https://i.postimg.cc/vB6DD50h/onlinenow.gif);
}


/*Forest Background*/
body {
background:url('https://i.postimg.cc/yxmnRNYQ/16017959-black-and-white-grunge-background-with-space-for-text.webp'); }

/*Background Wallpaper*/
.profile {
background-image:URL("https://i.pinimg.com/736x/b2/a5/b0/b2a5b0e35439b3e4b54b0858d064936f.jpg");}

/*Footer Wallpaper*/
footer {background-image:URL("https://i.pinimg.com/736x/74/67/88/7467886e8537ed5f01ce6f63e8457a2c.jpg");
background-repeat: none;
border-radius: 0px;}

/*Online Now Icon*/
.online{
    color: var(--links) !important;
    text-transform: lowercase;
    text-align: left;
} 
.online img{
    filter: brightness(0) saturate(100%) invert(50%) sepia(5%) saturate(326%) hue-rotate(174deg) brightness(92%) contrast(82%); !important;
}

/*Comment table border*/
  table, tr, td { 
  background-color: none; 
 border:none; } 

</style>

<style> 
.contact {
        font-size: #px;
        font-family: fontfamily;
        border: dotted 0px!important;
        background-image: url("URL")!important;
        background: ;
        border-top: 0px;
        
    }
    .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: url("https://sewerwolfx.neocities.org/graphics/pixels/hearts/72.gif")
    }
    .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	    /* add to favorites */
	    content: url("https://sewerwolfx.neocities.org/graphics/pixels/crosses/coffins/8.gif")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	    /* send Message */
	    content: url("https://sewerwolfx.neocities.org/graphics/pixels/decoration/swirls/13.gif")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	    /* forward to friend */
	    content: url("https://sewerwolfx.neocities.org/graphics/pixels/medical/blood/3.gif")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	    /* instant message */
	    content: url("https://sewerwolfx.neocities.org/graphics/pixels/people/ghosts/12.gif")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	    /* block user */
	    content: URL("https://sewerwolfx.neocities.org/graphics/pixels/body%20parts/mouths%20and%20teeth/6.gif")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	    /* add to group */
	    content: url("https://sewerwolfx.neocities.org/graphics/pixels/creatures/mammals/bats/6.gif")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	    /* report user */
	    content: url("https://sewerwolfx.neocities.org/graphics/pixels/crosses/graves/5.gif")
    } 
</style></style>