← Back to Layouts
Y2k layout

Name: FriendRewind
Author: FriendRewind
Author: ˚₊‧꒰ა Maddie ໒꒱ ‧₊˚
Category: Classic
Created: September 30, 2026
Made for amazingsavv_
See Layout 2
Comments (1)

seth sorrow 09/30/2026 4:46 AM
THANKYOUTHANKYOUTHANKYOU
You must log in to comment.
CSS Code

<style id="fr-vb2">
/* VB2_STATE:{"cursorUrl":"","overlayUrl":"","overlayOpacity":0.2,"avatarAnimation":"","pageFont":"","useLiveProfile":true,"previewUrl":"/profile?id=4","pageBgImage":"","pageBgMode":"cover","heroImageUrl":"","profileRowBgImage":"","profileRowBgMode":"cover","navBgColor":"#2b333f","navBgImage":"","navBgMode":"cover","navLinkColor":"#ffffff","navLinkHover":"#66aaff","boxBgColor":"#ffffff","boxOpacity":1,"boxRadius":8,"contactHeaderBg":"#4169E1","contactHeaderText":"#ffffff","contactContentBg":"#ffffff","contactBorderColor":"#4169E1","contactBorderWidth":1,"contactBorderRadius":5,"contactBoxAnimation":"","interestsHeaderBg":"#DAA520","interestsHeaderText":"#ffffff","interestsContentBg":"#ffffff","interestsBorderColor":"#DAA520","interestsBorderWidth":1,"interestsBorderRadius":5,"contentBoxAnimation":"","textBody":"#000000","textHeading":"#000000","textLink":"#0066cc","headingShadowColor":"#000000","headingShadowBlur":2,"headingShadowEnable":false,"moduleImages":{"contact":"","urlInfo":"","tableSection":"","tunes":"","blogPreview":"","blurbs":"","friends":"","Comments Background":"","comments":""}} */
/* Generated by FriendRewind.com Visual Builder */
</style><style>


/* FR_MANUAL_EXTRAS */
</style>
<style>
@import url('https://fonts.googleapis.com/css2?family=Staatliches&display=swap');
</style>


<style>
body {    
   background: url(https://i.pinimg.com/564x/58/05/14/5805148718ef13071cb73f038010e131.jpg);
}
  .profile {    
     background: black ;
}

h1
{
	color:
h1
{         color: white; 
	//text-shadow: 1px 1px #de007a;
	
};
	text-shadow: 2px 2px 3px #ffd1dc, 0 0 25px #ffd1dc, 0 0 5px black;
}
h1, h2, h3, h4,h5,a, p, nav label, .section
{
	
main, top, links, nav .top, nav .links, details-table
{
    background:  !important;
	background-image:   !important;
	background-size: cover !important;
    padding: 0 !important;
    /*font-size: small;*/
    color: #de007a;
{

.mood
text-transform:uppercase !important;
}

table, td
}
	/* border: 1px solid var(--url-pink-bg)!important; */
	border-spacing: 2px;
}

.profile .contact, .profile .url-info, .profile .table-section, .home-actions
{
    width: 100%;
    border: 2px solid var(--#de007a);
}
table, th, td

}
   border: 1px solid #de007a;
   border-spacing: 2px;
}
.blog
}   
   border: 10px solid #de007a;
}
.profile .contact, .profile .url-info, .profile .table-section, .home-actions
}
   width: 100%;
   border: 4px outset #de007a;
   margin 10px 2;
}

.online
{
  color: gold!important; 
  //text-shadow: 1px 1px white;
}

:root 
{
	--logo-blue: ;
 	--darker-blue: ;
	--lighter-blue: #de007a;
	--even-lighter-blue: ;
	--lightest-blue: ;
	--dark-orange: ;
	--light-orange: ;
	--even-lighter-orange: ;
	--turquoise: ;
        
        --table-header: white;
	--table-color: white;
	--link-text: white;
	--main-text: white;

    }   
main 
{
  /* changes made to stuff outside of columns */
    background: black;
    padding: 0;
    font-size: small;
    color: #de007a;
text color: white;
  text-shadow: 1px 1px 2px #000000, 0 0 25px #000000, 0 0 3px #000000; 
}
footer 
{
    background: white!important;
}
.comments-table{
display: block;
height: 500px;
overflow-y: scroll;
Border-radius: 8px; 
color: #fe7ec0;
  text-shadow: 1px 1px 2px #000000, 0 0 25px #000000, 0 0 3px #000000; 
}
.contact {
  border-radius: 8px;
  background-image: url(https://i.pinimg.com/736x/09/40/4c/09404c94e768f072573a1f2cc06e8bf8.jpg);
  background-position: right top;
  background-repeat: repeat;
background-attachment: scroll;
Width: 310px;
Height:180px;

color: #fe7ec0;
  text-shadow: 1px 1px 2px #de007a, 0 0 25px #de007a, 0 0 3px #fe7ec0; 
}
.friends th, tr, .friends td, th, .icon, main, .comments-table, .friends, .profile-info, .table, .table-section,  .url-info, .mood, .blurbs, .blog-preview, .details, 
{
border: 1px curve none !important;
outline: none !important;
}
img
{
border-radius: 12px;
}

main {
background:  black;
border-radius: 14px;
padding: 0;
font-size: 85%;
color: #000000;
}

nav, footer, .profile .contact {
display: inherit !important;
opacity: 1 !important;
border-radius: 12px;
}
main {
background:  ;
border-radius: 12px;
border: 12px solid #000000;
padding: 0;
font-size: 90%;
color: #fe7ec0;
}
nav .top {
  background: transparent;
}

nav .links {
  background: rgba(0, 0, 0, 0.3);
}

nav { background-image: url(https://i.pinimg.com/736x/17/4a/96/174a960067988a521a3c90d7ef481204.jpg) 
}


/*customising interests box*/
  .profile .table-section{
    border:2px solid #de007a;
    border-radius: 15px;
  }
  .profile .table-section .heading{
    background:#000000;
    border: 1px solid #fe7ec0;
    border-radius: 15px 15px 0px 0px;
    text-align: center;
  }
  .profile .table-section .heading h4{
    color: #fe7ec0;
    text-shadow: 1px 1px 2px black;
  }
  .profile .table-section .details-table td{
    background: rgba(0, 0, 0, 0);
    padding-right: 10%;
  }
 
  .profile .friends .heading{
    background: #de007a;
    color: #fe7ec0;
    text-shadow: 1px 1px 2px black;
    text-align: center;
  }
  .profile .friends .heading h4{
    text-align: center;
    color: #fe7ec0;
    text-shadow: 1px 1px 2px black
  }
.general-about {
	background-image: url(https://i.pinimg.com/originals/cc/f5/fe/ccf5fe8c626aa07f982b80993f0c0d39.gif);
	padding: 20px;
	border-radius: 10px;
	box-shadow: 4px 4px 0 #2d1157;
	text-align: center;
	animation: nineties2 2s ease 0s infinite normal none;
	animation-delay: .46s;
}
.profile .blurbs .section :nth-child(2) {
	background-image: url(https://i.pinimg.com/originals/4e/84/ad/4e84ad7ad452c02ce0a4c20d82c934ae.gif);
     /* margin-top: -5px; */
	padding: 18px;
	box-shadow: 4px 4px 0 #000;
}

.profile .profile-info .inner h3 {
	filter: drop-shadow(3px 3px 0 #000000);
	margin: 0!important;
	color:#FFF;
}
.profile .profile-info .inner h3 a {
	color: #FFFFFF;
}
.profile .profile-info {
	background-image: url(https://i.pinimg.com/1200x/7f/1c/8a/7f1c8ac6da1d859192a8161f1543cb32.jpg);
	padding: 20px;
	border: none;
	border-radius: 10px;
	box-shadow: 4px 4px 0 #2d1157;
	text-align: center;
	animation: nineties2 2s ease 0s infinite normal none;
	animation-delay: .15s;
	border: none;
}

</style><div style="float:  ; max-height: 200px; position: fixed; right: 3px; top: 40px; z-index: 2;">
<img src="/proxy/image.php?url=https%3A%2F%2Fi.pinimg.com%2Foriginals%2F8d%2F55%2F09%2F8d55093577c18446dbd338d0436a7583.gif" width="150" height="150"></div>
<div style="float:  ; max-height: 200px; position: fixed; left: 3px; bottom: 45px; z-index: 2;">
<img src="/proxy/image.php?url=https%3A%2F%2Fmedia.tenor.com%2F5zzkBNeZUuMAAAAi%2Femo-myspace-era.gif" width="150" height="150"></div><style>

	.online { visibility: hidden; } .online img { content: url("https://ct.pimp-my-profile.com/online/myspacenowonlineicons61.gif"); animation-name: none; visibility: visible; height: px; width: 90px; }

</style> 

<style>
.contact img.icon {
display: none;
}
.contact{background-color: !important;}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a::before{
/* add to friends */
content: " ";
display: inline-block;
width: 20px;
height: 20px;
background-image: url('https://datoxicwaltz.neocities.org/img/favicons/PURPLE_BATS.gif');
background-size: 100% 100%;
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a::before{
/* add to favorites */
content: " ";
display: inline-block;
width: 20px;
height: 20px;
background-image: url('https://datoxicwaltz.neocities.org/img/favicons/PINK_SPARKLES.gif');
background-size: 100% 100%;
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before{
/* block user */
content: " ";
display: inline-block;
width: 20px;
height: 20px;
background-image: url('https://gloomy-poison.neocities.org/scene_graphics/sparklypinklipsfavicon.gif');
background-size: 100% 100%;
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before{
/* send message */
content: " ";
display: inline-block;
width: 20px;
height: 20px;
background-image: url('https://datoxicwaltz.neocities.org/img/favicons/4d6oca.gif');
background-size: 100% 100%;
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before{
/* invite to group */
content: " ";
display: inline-block;
width: 20px;
height: 20px;
background-image: url('https://64.media.tumblr.com/c931b594ca01706edb6683bf9c6460b3/0ef95a8aaba38c98-af/s75x75_c1/b2c5e756863b5de86b66c6ffea3c96cc09df78f9.gifv');
background-size: 100% 100%;
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
/* report user */
content: " ";
display: inline-block;
width: 20px;
height: 20px;
background-image: url('https://gloomy-poison.neocities.org/scene_graphics/pinkhearteyedskullfavicon.gif');
background-size: 100% 100%;

}
</style>

<style>* {cursor: url(https://cur.cursors-4u.net/cursors/cur-1/cur75.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2008/11/23/purple-pointer-5.html" target="_blank" title="Purple Pointer"><img src="/proxy/image.php?url=https%3A%2F%2Fcur.cursors-4u.net%2Fcursor.png" alt="Purple Pointer" style="position:absolute; top: 0px; right: 0px;"></a><style>
  nav .top{
    background-size: 0px;
    padding: 10px;
    background-position: center;
    border-radius: 30px 30px 0px 0px;
    color: black;
  }
</style>